@absolutejs/voice 0.0.22-beta.500 → 0.0.22-beta.501

package/dist/angular/voice-cost-dashboard.service.d.ts

@@ -0,0 +1,15 @@
+import type { StoredVoiceTraceEvent } from "../trace";
+import { type VoiceCostDashboardOptions, type VoiceCostDashboardReport } from "../client/costDashboard";
+export type VoiceCostDashboardServiceOptions = VoiceCostDashboardOptions & {
+    currency?: string;
+    title?: string;
+};
+export declare class VoiceCostDashboardService {
+    build(options: VoiceCostDashboardServiceOptions): {
+        currency: string;
+        report: import("@angular/core").Signal<VoiceCostDashboardReport>;
+        setEvents: (next: ReadonlyArray<StoredVoiceTraceEvent>) => void;
+        setFilters: (next: Partial<typeof options>) => void;
+        title: string;
+    };
+}

package/dist/angular/voice-live-call-viewer.service.d.ts

@@ -0,0 +1,16 @@
+import { type CreateLiveCallViewerOptions, type LiveCallViewState, type LiveCallViewer } from "../client/liveCallViewer";
+export type VoiceLiveCallViewerServiceOptions = CreateLiveCallViewerOptions & {
+    title?: string;
+    viewer?: LiveCallViewer;
+};
+export declare class VoiceLiveCallViewerService {
+    build(options: VoiceLiveCallViewerServiceOptions): {
+        noteAgentAudio: (at?: number) => void;
+        notePartial: (text: string, at?: number) => void;
+        noteTranscript: (text: string, at?: number) => void;
+        reset: (sessionId: string, startedAt?: number) => void;
+        state: import("@angular/core").Signal<LiveCallViewState>;
+        stop: () => void;
+        title: string;
+    };
+}

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

@@ -0,0 +1,13 @@
+import type { VoiceCallReviewArtifact } from "../testing/review";
+import { type ReplayTimelineReport } from "../client/replayTimeline";
+export type VoiceReplayTimelineServiceOptions = {
+    artifact: VoiceCallReviewArtifact;
+    title?: string;
+};
+export declare class VoiceReplayTimelineService {
+    build(options: VoiceReplayTimelineServiceOptions): {
+        report: import("@angular/core").Signal<ReplayTimelineReport>;
+        setArtifact: (next: VoiceCallReviewArtifact) => void;
+        title: string | undefined;
+    };
+}

package/dist/svelte/createVoiceCostDashboard.d.ts

@@ -0,0 +1,13 @@
+import { type VoiceCostDashboardOptions, type VoiceCostDashboardReport } from "../client/costDashboard";
+export type CreateVoiceCostDashboardOptions = VoiceCostDashboardOptions & {
+    currency?: string;
+    title?: string;
+};
+export declare const renderVoiceCostDashboardHTML: (report: VoiceCostDashboardReport, options?: {
+    currency?: string;
+    title?: string;
+}) => string;
+export declare const createVoiceCostDashboard: (options: CreateVoiceCostDashboardOptions) => {
+    getHTML: () => string;
+    getReport: () => VoiceCostDashboardReport;
+};

package/dist/svelte/createVoiceLiveCallViewer.d.ts

@@ -0,0 +1,26 @@
+import { type CreateLiveCallViewerOptions, type LiveCallViewState } from "../client/liveCallViewer";
+export declare const renderVoiceLiveCallViewerHTML: (state: LiveCallViewState, options?: {
+    title?: string;
+}) => string;
+export type CreateVoiceLiveCallViewerSvelteOptions = CreateLiveCallViewerOptions & {
+    title?: string;
+};
+export declare const createVoiceLiveCallViewer: (options: CreateVoiceLiveCallViewerSvelteOptions) => {
+    getHTML: () => string;
+    title: string | undefined;
+    applyControl: (control: {
+        reason?: string;
+        type: string;
+    }) => void;
+    applyEvent: (event: import("..").LiveCallTimelineEvent) => void;
+    applyMonitorEvent: (event: {
+        payload: Record<string, unknown>;
+        type: string;
+    }) => void;
+    getState: () => LiveCallViewState;
+    noteAgentAudio: (at?: number) => void;
+    notePartial: (text: string, at?: number) => void;
+    noteTranscript: (text: string, at?: number) => void;
+    reset: (sessionId: string, startedAt?: number) => void;
+    subscribe: (subscriber: () => void) => () => void;
+};

package/dist/svelte/createVoiceReplayTimeline.d.ts

@@ -0,0 +1,13 @@
+import type { VoiceCallReviewArtifact } from "../testing/review";
+import { type ReplayTimelineReport } from "../client/replayTimeline";
+export declare const renderVoiceReplayTimelineHTML: (report: ReplayTimelineReport, options?: {
+    title?: string;
+}) => string;
+export type CreateVoiceReplayTimelineOptions = {
+    artifact: VoiceCallReviewArtifact;
+    title?: string;
+};
+export declare const createVoiceReplayTimeline: (options: CreateVoiceReplayTimelineOptions) => {
+    getHTML: () => string;
+    getReport: () => ReplayTimelineReport;
+};

package/dist/svelte/index.d.ts

@@ -1,6 +1,12 @@
 export { createVoiceCampaignDialerProof } from "./createVoiceCampaignDialerProof";
 export { createVoiceWidget } from "./createVoiceWidget";
 export type { CreateVoiceWidgetOptions, VoiceWidgetLabels, VoiceWidgetTheme, VoiceWidgetViewModel, } from "./createVoiceWidget";
+export { createVoiceCostDashboard, renderVoiceCostDashboardHTML, } from "./createVoiceCostDashboard";
+export type { CreateVoiceCostDashboardOptions } from "./createVoiceCostDashboard";
+export { createVoiceLiveCallViewer, renderVoiceLiveCallViewerHTML, } from "./createVoiceLiveCallViewer";
+export type { CreateVoiceLiveCallViewerSvelteOptions } from "./createVoiceLiveCallViewer";
+export { createVoiceReplayTimeline, renderVoiceReplayTimelineHTML, } from "./createVoiceReplayTimeline";
+export type { CreateVoiceReplayTimelineOptions } from "./createVoiceReplayTimeline";
 export { createVoiceDeliveryRuntime } from "./createVoiceDeliveryRuntime";
 export { createVoiceOpsActionCenter } from "./createVoiceOpsActionCenter";
 export { createVoiceLiveOps } from "./createVoiceLiveOps";

package/dist/svelte/index.js

@@ -1737,6 +1737,376 @@ var createVoiceWidget = (path, options = {}) => {
     unmute: () => controller.startRecording()
   };
 };
+// src/client/costDashboard.ts
+var padTwo = (value) => String(value).padStart(2, "0");
+var formatBucketKey = (epochMs, bucketBy) => {
+  const date = new Date(epochMs);
+  const y = date.getUTCFullYear();
+  const m = padTwo(date.getUTCMonth() + 1);
+  const d = padTwo(date.getUTCDate());
+  const h = padTwo(date.getUTCHours());
+  if (bucketBy === "month")
+    return `${y}-${m}`;
+  if (bucketBy === "day")
+    return `${y}-${m}-${d}`;
+  return `${y}-${m}-${d}T${h}`;
+};
+var isCostBreakdown = (value) => Boolean(value) && typeof value === "object" && typeof value.totalUsd === "number";
+var emptyBucket = (bucketKey) => ({
+  bucketKey,
+  callCount: 0,
+  llmUsd: 0,
+  sttUsd: 0,
+  telephonyMinutes: 0,
+  telephonyUsd: 0,
+  totalUsd: 0,
+  ttsUsd: 0
+});
+var accumulate = (bucket, payload) => {
+  bucket.callCount += 1;
+  bucket.llmUsd += payload.llm.usd;
+  bucket.sttUsd += payload.stt.usd;
+  bucket.ttsUsd += payload.tts.usd;
+  bucket.telephonyUsd += payload.telephony.usd;
+  bucket.telephonyMinutes += payload.telephony.minutes;
+  bucket.totalUsd += payload.totalUsd;
+};
+var roundCurrency = (bucket) => {
+  bucket.llmUsd = Math.round(bucket.llmUsd * 1e6) / 1e6;
+  bucket.sttUsd = Math.round(bucket.sttUsd * 1e6) / 1e6;
+  bucket.ttsUsd = Math.round(bucket.ttsUsd * 1e6) / 1e6;
+  bucket.telephonyUsd = Math.round(bucket.telephonyUsd * 1e6) / 1e6;
+  bucket.totalUsd = Math.round(bucket.totalUsd * 1e6) / 1e6;
+};
+var buildVoiceCostDashboardReport = (options) => {
+  const bucketBy = options.bucketBy ?? "day";
+  const fromMs = options.fromMs ?? Number.NEGATIVE_INFINITY;
+  const toMs = options.toMs ?? Number.POSITIVE_INFINITY;
+  const buckets = new Map;
+  const grandTotal = emptyBucket("total");
+  let minMs = Number.POSITIVE_INFINITY;
+  let maxMs = Number.NEGATIVE_INFINITY;
+  for (const event of options.events) {
+    if (event.type !== "cost.ready")
+      continue;
+    if (event.at < fromMs || event.at > toMs)
+      continue;
+    if (!isCostBreakdown(event.payload))
+      continue;
+    minMs = Math.min(minMs, event.at);
+    maxMs = Math.max(maxMs, event.at);
+    const bucketKey = formatBucketKey(event.at, bucketBy);
+    let bucket = buckets.get(bucketKey);
+    if (!bucket) {
+      bucket = emptyBucket(bucketKey);
+      buckets.set(bucketKey, bucket);
+    }
+    accumulate(bucket, event.payload);
+    accumulate(grandTotal, event.payload);
+  }
+  for (const bucket of buckets.values()) {
+    roundCurrency(bucket);
+  }
+  roundCurrency(grandTotal);
+  return {
+    buckets: Array.from(buckets.values()).sort((a, b) => a.bucketKey.localeCompare(b.bucketKey)),
+    generatedAt: Date.now(),
+    grandTotal,
+    windowEndMs: Number.isFinite(maxMs) ? maxMs : 0,
+    windowStartMs: Number.isFinite(minMs) ? minMs : 0
+  };
+};
+
+// src/svelte/createVoiceCostDashboard.ts
+var escape = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var formatUsd = (value, currency = "USD") => new Intl.NumberFormat("en-US", {
+  currency,
+  maximumFractionDigits: 4,
+  minimumFractionDigits: 2,
+  style: "currency"
+}).format(value);
+var formatInteger = (value) => new Intl.NumberFormat("en-US").format(value);
+var renderVoiceCostDashboardHTML = (report, options = {}) => {
+  const currency = options.currency ?? "USD";
+  const title = options.title ?? "Voice cost dashboard";
+  const rowFor = (bucketKey, callCount, llmUsd, ttsUsd, sttUsd, telephonyUsd, totalUsd, isTotal) => `<tr data-bucket-key="${escape(bucketKey)}" style="${isTotal ? "border-top:2px solid rgba(255,255,255,0.15);font-weight:600;" : ""}">
+      <td style="padding:8px 12px;">${escape(bucketKey)}</td>
+      <td style="padding:8px 12px;text-align:right;">${formatInteger(callCount)}</td>
+      <td style="padding:8px 12px;text-align:right;">${formatUsd(llmUsd, currency)}</td>
+      <td style="padding:8px 12px;text-align:right;">${formatUsd(ttsUsd, currency)}</td>
+      <td style="padding:8px 12px;text-align:right;">${formatUsd(sttUsd, currency)}</td>
+      <td style="padding:8px 12px;text-align:right;">${formatUsd(telephonyUsd, currency)}</td>
+      <td style="padding:8px 12px;text-align:right;">${formatUsd(totalUsd, currency)}</td>
+    </tr>`;
+  const bodyRows = report.buckets.map((bucket) => rowFor(bucket.bucketKey, bucket.callCount, bucket.llmUsd, bucket.ttsUsd, bucket.sttUsd, bucket.telephonyUsd, bucket.totalUsd, false)).join("");
+  const totalRow = rowFor("total", report.grandTotal.callCount, report.grandTotal.llmUsd, report.grandTotal.ttsUsd, report.grandTotal.sttUsd, report.grandTotal.telephonyUsd, report.grandTotal.totalUsd, true);
+  return `<section aria-label="voice-cost-dashboard" class="absolute-voice-cost-dashboard" style="background:#0f172a;border-radius:16px;color:#f8fafc;font-family:ui-sans-serif,system-ui,sans-serif;padding:20px;">
+  <header style="align-items:baseline;display:flex;gap:12px;margin-bottom:12px;">
+    <strong style="font-size:16px;">${escape(title)}</strong>
+    <span style="font-size:13px;opacity:0.7;">${report.buckets.length} buckets \xB7 grand total ${formatUsd(report.grandTotal.totalUsd, currency)}</span>
+  </header>
+  <table style="border-collapse:collapse;font-size:13px;width:100%;">
+    <thead><tr style="opacity:0.7;text-align:left;">
+      <th style="padding:8px 12px;">Bucket</th>
+      <th style="padding:8px 12px;text-align:right;">Calls</th>
+      <th style="padding:8px 12px;text-align:right;">LLM</th>
+      <th style="padding:8px 12px;text-align:right;">TTS</th>
+      <th style="padding:8px 12px;text-align:right;">STT</th>
+      <th style="padding:8px 12px;text-align:right;">Tel.</th>
+      <th style="padding:8px 12px;text-align:right;">Total</th>
+    </tr></thead>
+    <tbody>${bodyRows}${totalRow}</tbody>
+  </table>
+</section>`;
+};
+var createVoiceCostDashboard = (options) => {
+  const buildReport = () => buildVoiceCostDashboardReport(options);
+  return {
+    getHTML: () => renderVoiceCostDashboardHTML(buildReport(), {
+      currency: options.currency,
+      title: options.title
+    }),
+    getReport: buildReport
+  };
+};
+// src/client/liveCallViewer.ts
+var EVENT_BUFFER_LIMIT = 200;
+var createLiveCallViewer = (options) => {
+  const bufferLimit = options.bufferLimit ?? EVENT_BUFFER_LIMIT;
+  const subscribers = new Set;
+  let state = {
+    agentState: "idle",
+    callDurationMs: 0,
+    events: [],
+    isConnected: true,
+    isLiveListening: true,
+    partialTranscript: "",
+    sessionId: options.sessionId
+  };
+  const startedAt = options.startedAt ?? Date.now();
+  const notify = () => {
+    for (const subscriber of subscribers)
+      subscriber();
+  };
+  const update = (next) => {
+    state = { ...state, ...next };
+    state.callDurationMs = Math.max(0, Date.now() - startedAt);
+    state.agentState = deriveVoiceAgentUIState({
+      hasActivePartial: state.partialTranscript.length > 0,
+      isConnected: state.isConnected,
+      isPlaying: false,
+      isRecording: state.isLiveListening,
+      lastAssistantAt: state.lastAssistantAt,
+      lastTranscriptAt: state.lastTranscriptAt
+    });
+    notify();
+  };
+  const pushEvent = (event) => {
+    const next = state.events.concat(event);
+    if (next.length > bufferLimit) {
+      next.splice(0, next.length - bufferLimit);
+    }
+    update({ events: next });
+  };
+  return {
+    applyControl: (control) => {
+      pushEvent({
+        at: Date.now(),
+        detail: control.reason,
+        kind: "lifecycle",
+        title: `control:${control.type}`
+      });
+    },
+    applyEvent: pushEvent,
+    applyMonitorEvent: ({ payload, type }) => {
+      pushEvent({
+        at: Date.now(),
+        detail: JSON.stringify(payload).slice(0, 240),
+        kind: type === "call.lifecycle" ? "lifecycle" : "lifecycle",
+        title: type
+      });
+    },
+    getState: () => state,
+    noteAgentAudio: (at) => {
+      const ts = at ?? Date.now();
+      update({ lastAssistantAt: ts });
+      pushEvent({
+        at: ts,
+        kind: "agent_audio",
+        title: "Agent audio frame"
+      });
+    },
+    notePartial: (text, at) => {
+      update({ partialTranscript: text });
+      if (text) {
+        pushEvent({
+          at: at ?? Date.now(),
+          detail: text,
+          kind: "transcript",
+          title: "Partial"
+        });
+      }
+    },
+    noteTranscript: (text, at) => {
+      const ts = at ?? Date.now();
+      update({ lastTranscriptAt: ts, partialTranscript: "" });
+      pushEvent({
+        at: ts,
+        detail: text,
+        kind: "transcript",
+        title: "Final transcript"
+      });
+    },
+    reset: (sessionId, startedAtOverride) => {
+      state = {
+        agentState: "idle",
+        callDurationMs: 0,
+        events: [],
+        isConnected: true,
+        isLiveListening: true,
+        partialTranscript: "",
+        sessionId
+      };
+      if (typeof startedAtOverride === "number") {}
+      notify();
+    },
+    subscribe: (subscriber) => {
+      subscribers.add(subscriber);
+      return () => subscribers.delete(subscriber);
+    }
+  };
+};
+
+// src/svelte/createVoiceLiveCallViewer.ts
+var escape2 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var CATEGORY_COLOR = {
+  agent_audio: "#3b82f6",
+  agent_text: "#3b82f6",
+  lifecycle: "#94a3b8",
+  tool: "#f59e0b",
+  transcript: "#10b981"
+};
+var formatRelative = (ms) => {
+  const seconds = Math.max(0, Math.floor(ms / 1000));
+  const minutes = Math.floor(seconds / 60);
+  const remaining = seconds % 60;
+  return `${String(minutes).padStart(2, "0")}:${String(remaining).padStart(2, "0")}`;
+};
+var renderVoiceLiveCallViewerHTML = (state, options = {}) => {
+  const title = options.title ?? "Live call";
+  const firstAt = state.events[0]?.at ?? Date.now();
+  const items = state.events.map((event, index) => `<li key="${event.at}-${index}" style="align-items:center;border-left:3px solid ${CATEGORY_COLOR[event.kind] ?? "#94a3b8"};display:flex;font-size:13px;gap:12px;padding-left:12px;">
+          <span style="color:#cbd5e1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;width:60px;">${formatRelative(event.at - firstAt)}</span>
+          <strong style="font-size:13px;">${escape2(event.title)}</strong>
+          ${event.detail ? `<span style="opacity:0.85;">${escape2(event.detail)}</span>` : ""}
+        </li>`).join("");
+  return `<section aria-label="voice-live-call-viewer" class="absolute-voice-live-call-viewer" data-agent-state="${state.agentState}" style="background:#0f172a;border-radius:16px;color:#f8fafc;font-family:ui-sans-serif,system-ui,sans-serif;padding:20px;">
+  <header style="align-items:center;display:flex;gap:12px;margin-bottom:12px;">
+    <strong style="font-size:16px;">${escape2(title)}</strong>
+    <span style="background:rgba(59,130,246,0.18);border-radius:999px;font-size:11px;padding:3px 10px;text-transform:uppercase;">${state.agentState}</span>
+    <span style="font-size:13px;margin-left:auto;opacity:0.7;">${escape2(state.sessionId)} \xB7 ${formatRelative(state.callDurationMs)}</span>
+  </header>
+  ${state.partialTranscript ? `<p style="background:rgba(16,185,129,0.12);border-radius:12px;font-size:13px;margin:0 0 12px;opacity:0.95;padding:10px 12px;">\u201C${escape2(state.partialTranscript)}\u201D</p>` : ""}
+  <ol style="display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;max-height:320px;overflow-y:auto;padding:0;">${items}</ol>
+</section>`;
+};
+var createVoiceLiveCallViewer = (options) => {
+  const viewer = createLiveCallViewer(options);
+  return {
+    ...viewer,
+    getHTML: () => renderVoiceLiveCallViewerHTML(viewer.getState(), {
+      title: options.title
+    }),
+    title: options.title
+  };
+};
+// src/client/replayTimeline.ts
+var categorize = (entry) => {
+  const event = entry.event.toLowerCase();
+  if (event.startsWith("stt.") || event.includes("user"))
+    return "user";
+  if (event.startsWith("tts.") || event.includes("assistant") || event.includes("agent"))
+    return "agent";
+  if (event.startsWith("tool.") || event.includes("tool"))
+    return "tool";
+  return "lifecycle";
+};
+var buildReplayTimelineReport = (input) => {
+  const events = [];
+  let summaryAgentTurns = 0;
+  let summaryUserTurns = 0;
+  let summaryToolCalls = 0;
+  for (const entry of input.artifact.timeline ?? []) {
+    const category = categorize(entry);
+    if (category === "user")
+      summaryUserTurns += 1;
+    if (category === "agent")
+      summaryAgentTurns += 1;
+    if (category === "tool")
+      summaryToolCalls += 1;
+    events.push({
+      at: entry.atMs,
+      category,
+      detail: entry.text ?? entry.reason,
+      durationMs: entry.chunkDurationMs,
+      label: entry.event
+    });
+  }
+  events.sort((a, b) => a.at - b.at);
+  const first = events[0]?.at ?? 0;
+  const last = events.at(-1)?.at ?? first;
+  return {
+    duration: last - first,
+    events,
+    metadata: {
+      artifactId: input.artifact.id ?? "",
+      title: input.artifact.title
+    },
+    startedAt: first,
+    summary: {
+      agentTurns: summaryAgentTurns,
+      toolCalls: summaryToolCalls,
+      userTurns: summaryUserTurns
+    }
+  };
+};
+
+// src/svelte/createVoiceReplayTimeline.ts
+var escape3 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var CATEGORY_COLOR2 = {
+  agent: "#3b82f6",
+  lifecycle: "#94a3b8",
+  tool: "#f59e0b",
+  user: "#10b981"
+};
+var formatRelative2 = (ms) => {
+  const seconds = Math.max(0, Math.floor(ms / 1000));
+  const minutes = Math.floor(seconds / 60);
+  const remaining = seconds % 60;
+  return `${String(minutes).padStart(2, "0")}:${String(remaining).padStart(2, "0")}`;
+};
+var renderVoiceReplayTimelineHTML = (report, options = {}) => {
+  const title = options.title ?? report.metadata.title ?? "Replay";
+  const items = report.events.map((event, index) => `<li key="${event.at}-${index}" style="align-items:center;border-left:3px solid ${CATEGORY_COLOR2[event.category]};display:flex;font-size:13px;gap:12px;padding-left:12px;">
+          <span style="color:#cbd5e1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;width:60px;">${formatRelative2(event.at - report.startedAt)}</span>
+          <strong style="font-size:13px;">${escape3(event.label)}</strong>
+          ${event.detail ? `<span style="opacity:0.85;">${escape3(event.detail)}</span>` : ""}
+        </li>`).join("");
+  return `<section aria-label="voice-replay-timeline" class="absolute-voice-replay-timeline" style="background:#0f172a;border-radius:16px;color:#f8fafc;font-family:ui-sans-serif,system-ui,sans-serif;padding:20px;">
+  <header style="align-items:baseline;display:flex;gap:12px;margin-bottom:12px;">
+    <strong style="font-size:16px;">${escape3(title)}</strong>
+    <span style="font-size:13px;opacity:0.7;">${report.events.length} events \xB7 ${report.summary.userTurns} user \xB7 ${report.summary.agentTurns} agent \xB7 ${report.summary.toolCalls} tool</span>
+  </header>
+  <ol style="display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0;">${items}</ol>
+</section>`;
+};
+var createVoiceReplayTimeline = (options) => {
+  const buildReport = () => buildReplayTimelineReport({ artifact: options.artifact });
+  return {
+    getHTML: () => renderVoiceReplayTimelineHTML(buildReport(), { title: options.title }),
+    getReport: buildReport
+  };
+};
 // src/client/deliveryRuntime.ts
 var getDefaultActionPath = (path, action, options) => {
   if (action === "tick") {
@@ -7008,6 +7378,9 @@ var createVoiceWorkflowStatusStore = (path = "/evals/scenarios/json", options =
 // src/svelte/createVoiceWorkflowStatus.ts
 var createVoiceWorkflowStatus = (path = "/evals/scenarios/json", options = {}) => createVoiceWorkflowStatusStore(path, options);
 export {
+  renderVoiceReplayTimelineHTML,
+  renderVoiceLiveCallViewerHTML,
+  renderVoiceCostDashboardHTML,
   createVoiceWorkflowStatus,
   createVoiceWidget,
   createVoiceTurnQuality,
@@ -7017,6 +7390,7 @@ export {
   createVoiceSessionSnapshot,
   createVoiceSessionObservability,
   createVoiceRoutingStatus,
+  createVoiceReplayTimeline,
   createVoiceReconnectProfileEvidence,
   createVoiceReadinessFailures,
   createVoiceProviderStatus,
@@ -7029,7 +7403,9 @@ export {
   createVoiceOpsStatus,
   createVoiceOpsActionCenter,
   createVoiceLiveOps,
+  createVoiceLiveCallViewer,
   createVoiceDeliveryRuntime,
+  createVoiceCostDashboard,
   createVoiceController,
   createVoiceCampaignDialerProof,
   createVoiceCallDebugger,

package/dist/vue/VoiceCostDashboard.d.ts

@@ -0,0 +1,57 @@
+import { type PropType } from "vue";
+import type { StoredVoiceTraceEvent } from "../trace";
+import { type VoiceCostDashboardOptions } from "../client/costDashboard";
+export declare const VoiceCostDashboard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    bucketBy: {
+        default: VoiceCostDashboardOptions["bucketBy"];
+        type: PropType<VoiceCostDashboardOptions["bucketBy"]>;
+    };
+    currency: {
+        default: string;
+        type: StringConstructor;
+    };
+    emptyMessage: {
+        default: string;
+        type: StringConstructor;
+    };
+    events: {
+        required: true;
+        type: PropType<ReadonlyArray<StoredVoiceTraceEvent>>;
+    };
+    fromMs: NumberConstructor;
+    title: {
+        default: string;
+        type: StringConstructor;
+    };
+    toMs: NumberConstructor;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    bucketBy: {
+        default: VoiceCostDashboardOptions["bucketBy"];
+        type: PropType<VoiceCostDashboardOptions["bucketBy"]>;
+    };
+    currency: {
+        default: string;
+        type: StringConstructor;
+    };
+    emptyMessage: {
+        default: string;
+        type: StringConstructor;
+    };
+    events: {
+        required: true;
+        type: PropType<ReadonlyArray<StoredVoiceTraceEvent>>;
+    };
+    fromMs: NumberConstructor;
+    title: {
+        default: string;
+        type: StringConstructor;
+    };
+    toMs: NumberConstructor;
+}>> & Readonly<{}>, {
+    title: string;
+    bucketBy: "day" | "hour" | "month" | undefined;
+    currency: string;
+    emptyMessage: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/vue/VoiceLiveCallViewer.d.ts

@@ -0,0 +1,35 @@
+import { type PropType } from "vue";
+import { type LiveCallViewer } from "../client/liveCallViewer";
+export declare const VoiceLiveCallViewer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    sessionId: {
+        default: string;
+        type: StringConstructor;
+    };
+    title: {
+        default: string;
+        type: StringConstructor;
+    };
+    viewer: {
+        default: undefined;
+        type: PropType<LiveCallViewer | undefined>;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    sessionId: {
+        default: string;
+        type: StringConstructor;
+    };
+    title: {
+        default: string;
+        type: StringConstructor;
+    };
+    viewer: {
+        default: undefined;
+        type: PropType<LiveCallViewer | undefined>;
+    };
+}>> & Readonly<{}>, {
+    title: string;
+    sessionId: string;
+    viewer: LiveCallViewer | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/vue/VoiceReplayTimeline.d.ts

@@ -0,0 +1,17 @@
+import { type PropType } from "vue";
+import type { VoiceCallReviewArtifact } from "../testing/review";
+export declare const VoiceReplayTimeline: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    artifact: {
+        required: true;
+        type: PropType<VoiceCallReviewArtifact>;
+    };
+    title: StringConstructor;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    artifact: {
+        required: true;
+        type: PropType<VoiceCallReviewArtifact>;
+    };
+    title: StringConstructor;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/vue/index.d.ts

@@ -32,6 +32,9 @@ export { useVoiceCampaignDialerProof } from "./useVoiceCampaignDialerProof";
 export { useVoiceStream } from "./useVoiceStream";
 export { useVoiceController } from "./useVoiceController";
 export { VoiceWidget } from "./VoiceWidget";
+export { VoiceCostDashboard } from "./VoiceCostDashboard";
+export { VoiceLiveCallViewer } from "./VoiceLiveCallViewer";
+export { VoiceReplayTimeline } from "./VoiceReplayTimeline";
 export type { VoiceWidgetLabels, VoiceWidgetTheme, } from "./VoiceWidget";
 export { useVoiceProviderStatus } from "./useVoiceProviderStatus";
 export { useVoiceProviderCapabilities } from "./useVoiceProviderCapabilities";