@absolutejs/voice 0.0.22-beta.60 → 0.0.22-beta.62

package/dist/vue/index.js

@@ -374,9 +374,299 @@ var VoiceOpsStatus = defineComponent({
     };
   }
 });
-// src/vue/VoiceProviderStatus.ts
+// src/vue/VoiceProviderSimulationControls.ts
 import { computed, defineComponent as defineComponent2, h as h2 } from "vue";
 
+// src/client/providerSimulationControls.ts
+var postSimulation = async (pathPrefix, mode, provider, fetchImpl) => {
+  const response = await fetchImpl(`${pathPrefix}/${mode}?provider=${encodeURIComponent(provider)}`, { method: "POST" });
+  const body = await response.json().catch(() => null);
+  if (!response.ok) {
+    const message = body && typeof body === "object" && "error" in body ? String(body.error) : `Voice provider simulation failed: HTTP ${response.status}`;
+    throw new Error(message);
+  }
+  return body;
+};
+var createVoiceProviderSimulationControlsStore = (options) => {
+  const listeners = new Set;
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const pathPrefix = options.pathPrefix ?? `/api/${options.kind ?? "stt"}-simulate`;
+  let closed = false;
+  let snapshot = {
+    error: null,
+    isRunning: false,
+    lastResult: null,
+    mode: null,
+    provider: null
+  };
+  const emit = () => {
+    for (const listener of listeners) {
+      listener();
+    }
+  };
+  const run = async (provider, mode) => {
+    if (closed) {
+      return snapshot.lastResult;
+    }
+    snapshot = {
+      ...snapshot,
+      error: null,
+      isRunning: true,
+      mode,
+      provider
+    };
+    emit();
+    try {
+      const result = await postSimulation(pathPrefix, mode, provider, fetchImpl);
+      snapshot = {
+        error: null,
+        isRunning: false,
+        lastResult: result,
+        mode,
+        provider,
+        updatedAt: Date.now()
+      };
+      emit();
+      return result;
+    } catch (error) {
+      snapshot = {
+        ...snapshot,
+        error: error instanceof Error ? error.message : String(error),
+        isRunning: false
+      };
+      emit();
+      throw error;
+    }
+  };
+  const close = () => {
+    closed = true;
+    listeners.clear();
+  };
+  return {
+    close,
+    getServerSnapshot: () => snapshot,
+    getSnapshot: () => snapshot,
+    run,
+    subscribe: (listener) => {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    }
+  };
+};
+
+// src/client/providerSimulationControlsWidget.ts
+var escapeHtml2 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var formatKind = (kind) => (kind ?? "stt").toUpperCase();
+var createVoiceProviderSimulationControlsViewModel = (snapshot, options) => {
+  const configuredProviders = options.providers.filter((provider) => provider.configured !== false);
+  const fallbackReady = !options.fallbackRequiredProvider || configuredProviders.some((entry) => entry.provider === options.fallbackRequiredProvider);
+  const failureProviders = (options.failureProviders ? options.failureProviders.map((provider) => ({ provider })) : configuredProviders).filter((provider) => configuredProviders.some((entry) => entry.provider === provider.provider));
+  return {
+    canSimulateFailure: configuredProviders.length > 0 && fallbackReady,
+    description: options.failureMessage ?? `Simulate ${formatKind(options.kind)} provider failure and recovery without changing credentials.`,
+    error: snapshot.error,
+    failureProviders,
+    isRunning: snapshot.isRunning,
+    label: snapshot.isRunning ? `Running ${snapshot.mode ?? "simulation"}` : snapshot.lastResult ? `${snapshot.lastResult.provider} ${snapshot.lastResult.mode} simulated` : configuredProviders.length ? `${configuredProviders.length} configured` : "No configured providers",
+    providers: configuredProviders,
+    resultText: snapshot.lastResult ? JSON.stringify(snapshot.lastResult, null, 2) : null,
+    title: options.title ?? `${formatKind(options.kind)} Failure Simulation`
+  };
+};
+var renderVoiceProviderSimulationControlsHTML = (snapshot, options) => {
+  const model = createVoiceProviderSimulationControlsViewModel(snapshot, options);
+  const failureButtons = model.failureProviders.map((provider) => `<button type="button" data-voice-provider-fail="${escapeHtml2(provider.provider)}"${!model.canSimulateFailure || snapshot.isRunning ? " disabled" : ""}>Simulate ${escapeHtml2(provider.provider)} ${escapeHtml2(formatKind(options.kind))} failure</button>`).join("");
+  const recoveryButtons = model.providers.map((provider) => `<button type="button" data-voice-provider-recover="${escapeHtml2(provider.provider)}"${snapshot.isRunning ? " disabled" : ""}>Mark ${escapeHtml2(provider.provider)} recovered</button>`).join("");
+  return `<section class="absolute-voice-provider-simulation absolute-voice-provider-simulation--${snapshot.error ? "error" : snapshot.isRunning ? "running" : "ready"}">
+  <header class="absolute-voice-provider-simulation__header">
+    <span class="absolute-voice-provider-simulation__eyebrow">${escapeHtml2(model.title)}</span>
+    <strong class="absolute-voice-provider-simulation__label">${escapeHtml2(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-provider-simulation__description">${escapeHtml2(model.description)}</p>
+  ${model.canSimulateFailure ? "" : `<p class="absolute-voice-provider-simulation__empty">${escapeHtml2(options.fallbackRequiredMessage ?? "Configure fallback providers before simulating failure.")}</p>`}
+  <div class="absolute-voice-provider-simulation__actions">${failureButtons}${recoveryButtons}</div>
+  ${snapshot.error ? `<p class="absolute-voice-provider-simulation__error">${escapeHtml2(snapshot.error)}</p>` : ""}
+  ${model.resultText ? `<pre class="absolute-voice-provider-simulation__result">${escapeHtml2(model.resultText)}</pre>` : ""}
+</section>`;
+};
+var bindVoiceProviderSimulationControls = (element, store) => {
+  const onClick = (event) => {
+    const target = event.target;
+    if (!(target instanceof HTMLElement)) {
+      return;
+    }
+    const failProvider = target.getAttribute("data-voice-provider-fail");
+    const recoverProvider = target.getAttribute("data-voice-provider-recover");
+    if (failProvider) {
+      store.run(failProvider, "failure").catch(() => {});
+    }
+    if (recoverProvider) {
+      store.run(recoverProvider, "recovery").catch(() => {});
+    }
+  };
+  element.addEventListener("click", onClick);
+  return () => element.removeEventListener("click", onClick);
+};
+var mountVoiceProviderSimulationControls = (element, options) => {
+  const store = createVoiceProviderSimulationControlsStore(options);
+  const render = () => {
+    element.innerHTML = renderVoiceProviderSimulationControlsHTML(store.getSnapshot(), options);
+  };
+  const unsubscribeStore = store.subscribe(render);
+  const unsubscribeDom = bindVoiceProviderSimulationControls(element, store);
+  render();
+  return {
+    close: () => {
+      unsubscribeDom();
+      unsubscribeStore();
+      store.close();
+    },
+    run: store.run
+  };
+};
+var defineVoiceProviderSimulationControlsElement = (tagName = "absolute-voice-provider-simulation") => {
+  if (typeof window === "undefined" || typeof customElements === "undefined" || customElements.get(tagName)) {
+    return;
+  }
+  customElements.define(tagName, class AbsoluteVoiceProviderSimulationElement extends HTMLElement {
+    mounted;
+    connectedCallback() {
+      const providers = (this.getAttribute("providers") ?? "").split(",").map((provider) => provider.trim()).filter(Boolean).map((provider) => ({ provider }));
+      const failureProviders = (this.getAttribute("failure-providers") ?? "").split(",").map((provider) => provider.trim()).filter(Boolean);
+      this.mounted = mountVoiceProviderSimulationControls(this, {
+        failureProviders: failureProviders.length ? failureProviders : undefined,
+        fallbackRequiredMessage: this.getAttribute("fallback-required-message") ?? undefined,
+        fallbackRequiredProvider: this.getAttribute("fallback-required-provider") ?? undefined,
+        failureMessage: this.getAttribute("failure-message") ?? undefined,
+        kind: this.getAttribute("kind") ?? "stt",
+        pathPrefix: this.getAttribute("path-prefix") ?? undefined,
+        providers,
+        title: this.getAttribute("title") ?? undefined
+      });
+    }
+    disconnectedCallback() {
+      this.mounted?.close();
+      this.mounted = undefined;
+    }
+  });
+};
+
+// src/vue/useVoiceProviderSimulationControls.ts
+import { onUnmounted as onUnmounted2, ref as ref2 } from "vue";
+var useVoiceProviderSimulationControls = (options) => {
+  const store = createVoiceProviderSimulationControlsStore(options);
+  const error = ref2(null);
+  const isRunning = ref2(false);
+  const lastResult = ref2(null);
+  const mode = ref2(null);
+  const provider = ref2(null);
+  const updatedAt = ref2(undefined);
+  const sync = () => {
+    const snapshot = store.getSnapshot();
+    error.value = snapshot.error;
+    isRunning.value = snapshot.isRunning;
+    lastResult.value = snapshot.lastResult;
+    mode.value = snapshot.mode;
+    provider.value = snapshot.provider;
+    updatedAt.value = snapshot.updatedAt;
+  };
+  const unsubscribe = store.subscribe(sync);
+  sync();
+  onUnmounted2(() => {
+    unsubscribe();
+    store.close();
+  });
+  return {
+    error,
+    isRunning,
+    lastResult,
+    mode,
+    provider,
+    run: store.run,
+    updatedAt
+  };
+};
+
+// src/vue/VoiceProviderSimulationControls.ts
+var VoiceProviderSimulationControls = defineComponent2({
+  name: "VoiceProviderSimulationControls",
+  props: {
+    class: { default: "", type: String },
+    fallbackRequiredMessage: { default: undefined, type: String },
+    fallbackRequiredProvider: { default: undefined, type: String },
+    failureMessage: { default: undefined, type: String },
+    failureProviders: {
+      default: undefined,
+      type: Array
+    },
+    kind: { default: "stt", type: String },
+    pathPrefix: { default: undefined, type: String },
+    providers: {
+      required: true,
+      type: Array
+    },
+    title: { default: undefined, type: String }
+  },
+  setup(props) {
+    const options = {
+      fallbackRequiredMessage: props.fallbackRequiredMessage,
+      fallbackRequiredProvider: props.fallbackRequiredProvider,
+      failureMessage: props.failureMessage,
+      failureProviders: props.failureProviders,
+      kind: props.kind,
+      pathPrefix: props.pathPrefix,
+      providers: props.providers,
+      title: props.title
+    };
+    const controls = useVoiceProviderSimulationControls(options);
+    const model = computed(() => createVoiceProviderSimulationControlsViewModel({
+      error: controls.error.value,
+      isRunning: controls.isRunning.value,
+      lastResult: controls.lastResult.value,
+      mode: controls.mode.value,
+      provider: controls.provider.value,
+      updatedAt: controls.updatedAt.value
+    }, options));
+    const run = (provider, mode) => {
+      controls.run(provider, mode).catch(() => {});
+    };
+    return () => h2("section", {
+      class: [
+        "absolute-voice-provider-simulation",
+        `absolute-voice-provider-simulation--${controls.error.value ? "error" : controls.isRunning.value ? "running" : "ready"}`,
+        props.class
+      ]
+    }, [
+      h2("header", { class: "absolute-voice-provider-simulation__header" }, [
+        h2("span", { class: "absolute-voice-provider-simulation__eyebrow" }, model.value.title),
+        h2("strong", { class: "absolute-voice-provider-simulation__label" }, model.value.label)
+      ]),
+      h2("p", { class: "absolute-voice-provider-simulation__description" }, model.value.description),
+      model.value.canSimulateFailure ? null : h2("p", { class: "absolute-voice-provider-simulation__empty" }, props.fallbackRequiredMessage ?? "Configure fallback providers before simulating failure."),
+      h2("div", { class: "absolute-voice-provider-simulation__actions" }, [
+        ...model.value.failureProviders.map((provider) => h2("button", {
+          disabled: !model.value.canSimulateFailure || controls.isRunning.value,
+          key: `fail-${provider.provider}`,
+          onClick: () => run(provider.provider, "failure"),
+          type: "button"
+        }, `Simulate ${provider.provider} ${props.kind.toUpperCase()} failure`)),
+        ...model.value.providers.map((provider) => h2("button", {
+          disabled: controls.isRunning.value,
+          key: `recover-${provider.provider}`,
+          onClick: () => run(provider.provider, "recovery"),
+          type: "button"
+        }, `Mark ${provider.provider} recovered`))
+      ]),
+      controls.error.value ? h2("p", { class: "absolute-voice-provider-simulation__error" }, controls.error.value) : null,
+      model.value.resultText ? h2("pre", { class: "absolute-voice-provider-simulation__result" }, model.value.resultText) : null
+    ]);
+  }
+});
+// src/vue/VoiceProviderStatus.ts
+import { computed as computed2, defineComponent as defineComponent3, h as h3 } from "vue";
+
 // src/client/providerStatus.ts
 var fetchVoiceProviderStatus = async (path = "/api/provider-status", options = {}) => {
   const fetchImpl = options.fetch ?? globalThis.fetch;
@@ -460,7 +750,7 @@ var createVoiceProviderStatusStore = (path = "/api/provider-status", options = {
 // src/client/providerStatusWidget.ts
 var DEFAULT_TITLE2 = "Voice Providers";
 var DEFAULT_DESCRIPTION2 = "Live provider health, fallback counts, latency, and suppression state from your self-hosted trace store.";
-var escapeHtml2 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var escapeHtml3 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 var formatProvider = (provider) => provider.split(/[-_\s]+/).filter(Boolean).map((part) => `${part[0]?.toUpperCase() ?? ""}${part.slice(1)}`).join(" ") || provider;
 var formatStatus = (status) => status.split("-").map((part) => `${part[0]?.toUpperCase() ?? ""}${part.slice(1)}`).join(" ");
 var formatLatency = (value) => typeof value === "number" ? `${value}ms` : "No samples";
@@ -516,25 +806,25 @@ var createVoiceProviderStatusViewModel = (snapshot, options = {}) => {
 };
 var renderVoiceProviderStatusHTML = (snapshot, options = {}) => {
   const model = createVoiceProviderStatusViewModel(snapshot, options);
-  const providers = model.providers.length ? `<div class="absolute-voice-provider-status__providers">${model.providers.map((provider) => `<article class="absolute-voice-provider-status__provider absolute-voice-provider-status__provider--${escapeHtml2(provider.status)}">
+  const providers = model.providers.length ? `<div class="absolute-voice-provider-status__providers">${model.providers.map((provider) => `<article class="absolute-voice-provider-status__provider absolute-voice-provider-status__provider--${escapeHtml3(provider.status)}">
   <header>
-    <strong>${escapeHtml2(provider.label)}</strong>
-    <span>${escapeHtml2(formatStatus(provider.status))}</span>
+    <strong>${escapeHtml3(provider.label)}</strong>
+    <span>${escapeHtml3(formatStatus(provider.status))}</span>
   </header>
-  <p>${escapeHtml2(provider.detail)}</p>
+  <p>${escapeHtml3(provider.detail)}</p>
   <dl>${provider.rows.map((row) => `<div>
-    <dt>${escapeHtml2(row.label)}</dt>
-    <dd>${escapeHtml2(row.value)}</dd>
+    <dt>${escapeHtml3(row.label)}</dt>
+    <dd>${escapeHtml3(row.value)}</dd>
   </div>`).join("")}</dl>
 </article>`).join("")}</div>` : '<p class="absolute-voice-provider-status__empty">Run voice traffic to see provider health.</p>';
-  return `<section class="absolute-voice-provider-status absolute-voice-provider-status--${escapeHtml2(model.status)}">
+  return `<section class="absolute-voice-provider-status absolute-voice-provider-status--${escapeHtml3(model.status)}">
   <header class="absolute-voice-provider-status__header">
-    <span class="absolute-voice-provider-status__eyebrow">${escapeHtml2(model.title)}</span>
-    <strong class="absolute-voice-provider-status__label">${escapeHtml2(model.label)}</strong>
+    <span class="absolute-voice-provider-status__eyebrow">${escapeHtml3(model.title)}</span>
+    <strong class="absolute-voice-provider-status__label">${escapeHtml3(model.label)}</strong>
   </header>
-  <p class="absolute-voice-provider-status__description">${escapeHtml2(model.description)}</p>
+  <p class="absolute-voice-provider-status__description">${escapeHtml3(model.description)}</p>
   ${providers}
-  ${model.error ? `<p class="absolute-voice-provider-status__error">${escapeHtml2(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-provider-status__error">${escapeHtml3(model.error)}</p>` : ""}
 </section>`;
 };
 var getVoiceProviderStatusCSS = () => `.absolute-voice-provider-status{border:1px solid #d8d2c4;border-radius:20px;background:#fffaf0;color:#16130d;padding:18px;box-shadow:0 18px 40px rgba(47,37,18,.12);font-family:inherit}.absolute-voice-provider-status--error,.absolute-voice-provider-status--warning{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-provider-status__header,.absolute-voice-provider-status__provider header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-provider-status__eyebrow{color:#73664f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-provider-status__label{font-size:24px;line-height:1}.absolute-voice-provider-status__description,.absolute-voice-provider-status__provider p,.absolute-voice-provider-status__provider dt,.absolute-voice-provider-status__empty{color:#514733}.absolute-voice-provider-status__providers{display:grid;gap:12px;margin-top:14px}.absolute-voice-provider-status__provider{background:#fff;border:1px solid #eee4d2;border-radius:16px;padding:14px}.absolute-voice-provider-status__provider--degraded,.absolute-voice-provider-status__provider--rate-limited,.absolute-voice-provider-status__provider--suppressed{border-color:#f2a7a7}.absolute-voice-provider-status__provider--recoverable{border-color:#fbbf24}.absolute-voice-provider-status__provider p{margin:10px 0}.absolute-voice-provider-status__provider dl{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.absolute-voice-provider-status__provider div{background:#fffaf0;border:1px solid #eee4d2;border-radius:12px;padding:8px}.absolute-voice-provider-status__provider dt{font-size:12px}.absolute-voice-provider-status__provider dd{font-weight:800;margin:4px 0 0}.absolute-voice-provider-status__empty{margin:14px 0 0}.absolute-voice-provider-status__error{color:#9f1239;font-weight:700}`;
@@ -576,13 +866,13 @@ var defineVoiceProviderStatusElement = (tagName = "absolute-voice-provider-statu
 };
 
 // src/vue/useVoiceProviderStatus.ts
-import { onUnmounted as onUnmounted2, ref as ref2, shallowRef as shallowRef2 } from "vue";
+import { onUnmounted as onUnmounted3, ref as ref3, shallowRef as shallowRef2 } from "vue";
 var useVoiceProviderStatus = (path = "/api/provider-status", options = {}) => {
   const store = createVoiceProviderStatusStore(path, options);
-  const error = ref2(null);
-  const isLoading = ref2(false);
+  const error = ref3(null);
+  const isLoading = ref3(false);
   const providers = shallowRef2([]);
-  const updatedAt = ref2(undefined);
+  const updatedAt = ref3(undefined);
   const sync = () => {
     const snapshot = store.getSnapshot();
     error.value = snapshot.error;
@@ -593,7 +883,7 @@ var useVoiceProviderStatus = (path = "/api/provider-status", options = {}) => {
   const unsubscribe = store.subscribe(sync);
   sync();
   store.refresh().catch(() => {});
-  onUnmounted2(() => {
+  onUnmounted3(() => {
     unsubscribe();
     store.close();
   });
@@ -607,7 +897,7 @@ var useVoiceProviderStatus = (path = "/api/provider-status", options = {}) => {
 };
 
 // src/vue/VoiceProviderStatus.ts
-var VoiceProviderStatus = defineComponent2({
+var VoiceProviderStatus = defineComponent3({
   name: "VoiceProviderStatus",
   props: {
     class: {
@@ -638,47 +928,47 @@ var VoiceProviderStatus = defineComponent2({
       title: props.title
     };
     const status = useVoiceProviderStatus(props.path, options);
-    const model = computed(() => createVoiceProviderStatusViewModel({
+    const model = computed2(() => createVoiceProviderStatusViewModel({
       error: status.error.value,
       isLoading: status.isLoading.value,
       providers: status.providers.value,
       updatedAt: status.updatedAt.value
     }, options));
-    return () => h2("section", {
+    return () => h3("section", {
       class: [
         "absolute-voice-provider-status",
         `absolute-voice-provider-status--${model.value.status}`,
         props.class
       ]
     }, [
-      h2("header", { class: "absolute-voice-provider-status__header" }, [
-        h2("span", { class: "absolute-voice-provider-status__eyebrow" }, model.value.title),
-        h2("strong", { class: "absolute-voice-provider-status__label" }, model.value.label)
+      h3("header", { class: "absolute-voice-provider-status__header" }, [
+        h3("span", { class: "absolute-voice-provider-status__eyebrow" }, model.value.title),
+        h3("strong", { class: "absolute-voice-provider-status__label" }, model.value.label)
       ]),
-      h2("p", { class: "absolute-voice-provider-status__description" }, model.value.description),
-      model.value.providers.length ? h2("div", { class: "absolute-voice-provider-status__providers" }, model.value.providers.map((provider) => h2("article", {
+      h3("p", { class: "absolute-voice-provider-status__description" }, model.value.description),
+      model.value.providers.length ? h3("div", { class: "absolute-voice-provider-status__providers" }, model.value.providers.map((provider) => h3("article", {
         class: [
           "absolute-voice-provider-status__provider",
           `absolute-voice-provider-status__provider--${provider.status}`
         ],
         key: provider.provider
       }, [
-        h2("header", [
-          h2("strong", provider.label),
-          h2("span", provider.status)
+        h3("header", [
+          h3("strong", provider.label),
+          h3("span", provider.status)
         ]),
-        h2("p", provider.detail),
-        h2("dl", provider.rows.map((row) => h2("div", { key: row.label }, [
-          h2("dt", row.label),
-          h2("dd", row.value)
+        h3("p", provider.detail),
+        h3("dl", provider.rows.map((row) => h3("div", { key: row.label }, [
+          h3("dt", row.label),
+          h3("dd", row.value)
         ])))
-      ]))) : h2("p", { class: "absolute-voice-provider-status__empty" }, "Run voice traffic to see provider health."),
-      model.value.error ? h2("p", { class: "absolute-voice-provider-status__error" }, model.value.error) : null
+      ]))) : h3("p", { class: "absolute-voice-provider-status__empty" }, "Run voice traffic to see provider health."),
+      model.value.error ? h3("p", { class: "absolute-voice-provider-status__error" }, model.value.error) : null
     ]);
   }
 });
 // src/vue/VoiceRoutingStatus.ts
-import { computed as computed2, defineComponent as defineComponent3, h as h3 } from "vue";
+import { computed as computed3, defineComponent as defineComponent4, h as h4 } from "vue";
 
 // src/client/routingStatus.ts
 var fetchVoiceRoutingStatus = async (path = "/api/routing/latest", options = {}) => {
@@ -763,7 +1053,7 @@ var createVoiceRoutingStatusStore = (path = "/api/routing/latest", options = {})
 // src/client/routingStatusWidget.ts
 var DEFAULT_TITLE3 = "Voice Routing";
 var DEFAULT_DESCRIPTION3 = "Latest provider routing decision from the self-hosted trace store.";
-var escapeHtml3 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var escapeHtml4 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 var formatValue = (value, fallback = "None") => typeof value === "string" && value.trim() ? value : typeof value === "number" && Number.isFinite(value) ? String(value) : fallback;
 var createVoiceRoutingStatusViewModel = (snapshot, options = {}) => {
   const decision = snapshot.decision;
@@ -800,17 +1090,17 @@ var createVoiceRoutingStatusViewModel = (snapshot, options = {}) => {
 var renderVoiceRoutingStatusHTML = (snapshot, options = {}) => {
   const model = createVoiceRoutingStatusViewModel(snapshot, options);
   const rows = model.rows.length ? `<div class="absolute-voice-routing-status__grid">${model.rows.map((row) => `<div>
-  <span>${escapeHtml3(row.label)}</span>
-  <strong>${escapeHtml3(row.value)}</strong>
+  <span>${escapeHtml4(row.label)}</span>
+  <strong>${escapeHtml4(row.value)}</strong>
 </div>`).join("")}</div>` : '<p class="absolute-voice-routing-status__empty">Start a voice session to see the selected provider.</p>';
-  return `<section class="absolute-voice-routing-status absolute-voice-routing-status--${escapeHtml3(model.status)}">
+  return `<section class="absolute-voice-routing-status absolute-voice-routing-status--${escapeHtml4(model.status)}">
   <header class="absolute-voice-routing-status__header">
-    <span class="absolute-voice-routing-status__eyebrow">${escapeHtml3(model.title)}</span>
-    <strong class="absolute-voice-routing-status__label">${escapeHtml3(model.label)}</strong>
+    <span class="absolute-voice-routing-status__eyebrow">${escapeHtml4(model.title)}</span>
+    <strong class="absolute-voice-routing-status__label">${escapeHtml4(model.label)}</strong>
   </header>
-  <p class="absolute-voice-routing-status__description">${escapeHtml3(model.description)}</p>
+  <p class="absolute-voice-routing-status__description">${escapeHtml4(model.description)}</p>
   ${rows}
-  ${model.error ? `<p class="absolute-voice-routing-status__error">${escapeHtml3(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-routing-status__error">${escapeHtml4(model.error)}</p>` : ""}
 </section>`;
 };
 var getVoiceRoutingStatusCSS = () => `.absolute-voice-routing-status{border:1px solid #d8d2c4;border-radius:20px;background:#fffaf0;color:#16130d;padding:18px;box-shadow:0 18px 40px rgba(47,37,18,.12);font-family:inherit}.absolute-voice-routing-status--error{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-routing-status__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-routing-status__eyebrow{color:#73664f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-routing-status__label{font-size:24px;line-height:1}.absolute-voice-routing-status__description{color:#514733;margin:12px 0 0}.absolute-voice-routing-status__grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.absolute-voice-routing-status__grid div{background:#fff;border:1px solid #eee4d2;border-radius:14px;padding:10px 12px}.absolute-voice-routing-status__grid span{color:#655944;display:block;font-size:12px;margin-bottom:4px}.absolute-voice-routing-status__grid strong{overflow-wrap:anywhere}.absolute-voice-routing-status__empty{color:#655944;margin:14px 0 0}.absolute-voice-routing-status__error{color:#9f1239;font-weight:700}`;
@@ -852,13 +1142,13 @@ var defineVoiceRoutingStatusElement = (tagName = "absolute-voice-routing-status"
 };
 
 // src/vue/useVoiceRoutingStatus.ts
-import { onUnmounted as onUnmounted3, ref as ref3, shallowRef as shallowRef3 } from "vue";
+import { onUnmounted as onUnmounted4, ref as ref4, shallowRef as shallowRef3 } from "vue";
 var useVoiceRoutingStatus = (path = "/api/routing/latest", options = {}) => {
   const store = createVoiceRoutingStatusStore(path, options);
   const decision = shallowRef3(null);
-  const error = ref3(null);
-  const isLoading = ref3(false);
-  const updatedAt = ref3(undefined);
+  const error = ref4(null);
+  const isLoading = ref4(false);
+  const updatedAt = ref4(undefined);
   const sync = () => {
     const snapshot = store.getSnapshot();
     decision.value = snapshot.decision;
@@ -869,7 +1159,7 @@ var useVoiceRoutingStatus = (path = "/api/routing/latest", options = {}) => {
   const unsubscribe = store.subscribe(sync);
   sync();
   store.refresh().catch(() => {});
-  onUnmounted3(() => {
+  onUnmounted4(() => {
     unsubscribe();
     store.close();
   });
@@ -883,7 +1173,7 @@ var useVoiceRoutingStatus = (path = "/api/routing/latest", options = {}) => {
 };
 
 // src/vue/VoiceRoutingStatus.ts
-var VoiceRoutingStatus = defineComponent3({
+var VoiceRoutingStatus = defineComponent4({
   name: "VoiceRoutingStatus",
   props: {
     class: {
@@ -914,34 +1204,34 @@ var VoiceRoutingStatus = defineComponent3({
       title: props.title
     };
     const status = useVoiceRoutingStatus(props.path, options);
-    const model = computed2(() => createVoiceRoutingStatusViewModel({
+    const model = computed3(() => createVoiceRoutingStatusViewModel({
       decision: status.decision.value,
       error: status.error.value,
       isLoading: status.isLoading.value,
       updatedAt: status.updatedAt.value
     }, options));
-    return () => h3("section", {
+    return () => h4("section", {
       class: [
         "absolute-voice-routing-status",
         `absolute-voice-routing-status--${model.value.status}`,
         props.class
       ]
     }, [
-      h3("header", { class: "absolute-voice-routing-status__header" }, [
-        h3("span", { class: "absolute-voice-routing-status__eyebrow" }, model.value.title),
-        h3("strong", { class: "absolute-voice-routing-status__label" }, model.value.label)
+      h4("header", { class: "absolute-voice-routing-status__header" }, [
+        h4("span", { class: "absolute-voice-routing-status__eyebrow" }, model.value.title),
+        h4("strong", { class: "absolute-voice-routing-status__label" }, model.value.label)
       ]),
-      h3("p", { class: "absolute-voice-routing-status__description" }, model.value.description),
-      model.value.rows.length ? h3("div", { class: "absolute-voice-routing-status__grid" }, model.value.rows.map((row) => h3("div", { key: row.label }, [
-        h3("span", row.label),
-        h3("strong", row.value)
-      ]))) : h3("p", { class: "absolute-voice-routing-status__empty" }, "Start a voice session to see the selected provider."),
-      model.value.error ? h3("p", { class: "absolute-voice-routing-status__error" }, model.value.error) : null
+      h4("p", { class: "absolute-voice-routing-status__description" }, model.value.description),
+      model.value.rows.length ? h4("div", { class: "absolute-voice-routing-status__grid" }, model.value.rows.map((row) => h4("div", { key: row.label }, [
+        h4("span", row.label),
+        h4("strong", row.value)
+      ]))) : h4("p", { class: "absolute-voice-routing-status__empty" }, "Start a voice session to see the selected provider."),
+      model.value.error ? h4("p", { class: "absolute-voice-routing-status__error" }, model.value.error) : null
     ]);
   }
 });
 // src/vue/useVoiceStream.ts
-import { onUnmounted as onUnmounted4, ref as ref4, shallowRef as shallowRef4 } from "vue";
+import { onUnmounted as onUnmounted5, ref as ref5, shallowRef as shallowRef4 } from "vue";
 
 // src/client/actions.ts
 var normalizeErrorMessage = (value) => {
@@ -1462,11 +1752,11 @@ var useVoiceStream = (path, options = {}) => {
   const assistantAudio = shallowRef4([]);
   const assistantTexts = shallowRef4([]);
   const call = shallowRef4(null);
-  const error = ref4(null);
-  const isConnected = ref4(false);
-  const partial = ref4("");
-  const sessionId = ref4(stream.sessionId);
-  const status = ref4(stream.status);
+  const error = ref5(null);
+  const isConnected = ref5(false);
+  const partial = ref5("");
+  const sessionId = ref5(stream.sessionId);
+  const status = ref5(stream.status);
   const turns = shallowRef4([]);
   const sync = () => {
     assistantAudio.value = [...stream.assistantAudio];
@@ -1485,7 +1775,7 @@ var useVoiceStream = (path, options = {}) => {
     unsubscribe();
     stream.close();
   };
-  onUnmounted4(destroy);
+  onUnmounted5(destroy);
   return {
     assistantAudio,
     assistantTexts,
@@ -1503,7 +1793,7 @@ var useVoiceStream = (path, options = {}) => {
   };
 };
 // src/vue/useVoiceController.ts
-import { onUnmounted as onUnmounted5, ref as ref5, shallowRef as shallowRef5 } from "vue";
+import { onUnmounted as onUnmounted6, ref as ref6, shallowRef as shallowRef5 } from "vue";
 
 // src/client/htmx.ts
 var DEFAULT_EVENT_NAME = "voice-refresh";
@@ -2140,13 +2430,13 @@ var useVoiceController = (path, options = {}) => {
   const controller = createVoiceController(path, options);
   const assistantAudio = shallowRef5([]);
   const assistantTexts = shallowRef5([]);
-  const error = ref5(null);
-  const isConnected = ref5(false);
-  const isRecording = ref5(false);
-  const partial = ref5("");
-  const recordingError = ref5(null);
-  const sessionId = ref5(controller.sessionId);
-  const status = ref5(controller.status);
+  const error = ref6(null);
+  const isConnected = ref6(false);
+  const isRecording = ref6(false);
+  const partial = ref6("");
+  const recordingError = ref6(null);
+  const sessionId = ref6(controller.sessionId);
+  const status = ref6(controller.status);
   const turns = shallowRef5([]);
   const sync = () => {
     assistantAudio.value = [...controller.assistantAudio];
@@ -2166,7 +2456,7 @@ var useVoiceController = (path, options = {}) => {
     unsubscribe();
     controller.close();
   };
-  onUnmounted5(destroy);
+  onUnmounted6(destroy);
   return {
     assistantAudio,
     assistantTexts,
@@ -2188,7 +2478,7 @@ var useVoiceController = (path, options = {}) => {
   };
 };
 // src/vue/useVoiceWorkflowStatus.ts
-import { onUnmounted as onUnmounted6, ref as ref6, shallowRef as shallowRef6 } from "vue";
+import { onUnmounted as onUnmounted7, ref as ref7, shallowRef as shallowRef6 } from "vue";
 
 // src/client/workflowStatus.ts
 var fetchVoiceWorkflowStatus = async (path = "/evals/scenarios/json", options = {}) => {
@@ -2272,10 +2562,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 = ref6(null);
-  const isLoading = ref6(false);
+  const error = ref7(null);
+  const isLoading = ref7(false);
   const report = shallowRef6(undefined);
-  const updatedAt = ref6(undefined);
+  const updatedAt = ref7(undefined);
   const sync = () => {
     const snapshot = store.getSnapshot();
     error.value = snapshot.error;
@@ -2288,7 +2578,7 @@ var useVoiceWorkflowStatus = (path = "/evals/scenarios/json", options = {}) => {
   if (typeof window !== "undefined") {
     store.refresh().catch(() => {});
   }
-  onUnmounted6(() => {
+  onUnmounted7(() => {
     unsubscribe();
     store.close();
   });
@@ -2305,9 +2595,11 @@ export {
   useVoiceStream,
   useVoiceRoutingStatus,
   useVoiceProviderStatus,
+  useVoiceProviderSimulationControls,
   useVoiceController,
   useVoiceAppKitStatus,
   VoiceRoutingStatus,
   VoiceProviderStatus,
+  VoiceProviderSimulationControls,
   VoiceOpsStatus
 };