@absolutejs/voice 0.0.22-beta.537 → 0.0.22-beta.539

package/dist/vue/index.js

@@ -89,6 +89,24 @@ import { defineComponent, h } from "vue";
 // src/internal/html.ts
 var escapeHtml = (value) => String(value).replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 
+// src/client/reactiveSource.ts
+var bindVoiceReactiveSource = (refresh, source) => {
+  const cleanup = source?.(refresh);
+  return typeof cleanup === "function" ? cleanup : () => {};
+};
+var voiceSseReactiveSource = (topic, options = {}) => (refresh) => {
+  const Impl = options.eventSourceImpl ?? (typeof EventSource !== "undefined" ? EventSource : undefined);
+  if (!Impl) {
+    return () => {};
+  }
+  const url = `${options.path ?? "/sync"}?topics=${encodeURIComponent(topic)}`;
+  const source = new Impl(url, {
+    withCredentials: options.withCredentials ?? false
+  });
+  source.onmessage = () => refresh();
+  return () => source.close();
+};
+
 // src/client/opsStatus.ts
 var createVoiceOpsStatusStore = (path = "/api/voice/ops-status", options = {}) => {
   const listeners = new Set;
@@ -133,12 +151,14 @@ var createVoiceOpsStatusStore = (path = "/api/voice/ops-status", options = {}) =
       throw error;
     }
   };
+  let unbindReactiveSource = () => {};
   const close = () => {
     closed = true;
     if (timer) {
       clearInterval(timer);
       timer = undefined;
     }
+    unbindReactiveSource();
     listeners.clear();
   };
   if (typeof window !== "undefined" && options.intervalMs && options.intervalMs > 0) {
@@ -146,6 +166,9 @@ var createVoiceOpsStatusStore = (path = "/api/voice/ops-status", options = {}) =
       refresh().catch(() => {});
     }, options.intervalMs);
   }
+  if (typeof window !== "undefined" && options.reactiveSource) {
+    unbindReactiveSource = bindVoiceReactiveSource(() => void refresh().catch(() => {}), options.reactiveSource);
+  }
   return {
     close,
     refresh,
@@ -229,11 +252,16 @@ var defineVoiceOpsStatusElement = (tagName = "absolute-voice-ops-status") => {
     mounted;
     connectedCallback() {
       const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      const reactiveTopic = this.getAttribute("reactive-topic");
       this.mounted = mountVoiceOpsStatus(this, this.getAttribute("path") ?? "/api/voice/ops-status", {
         description: this.getAttribute("description") ?? undefined,
         includeLinks: this.getAttribute("include-links") !== "false",
-        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
-        title: this.getAttribute("title") ?? undefined
+        title: this.getAttribute("title") ?? undefined,
+        ...reactiveTopic ? {
+          reactiveSource: voiceSseReactiveSource(reactiveTopic, {
+            path: this.getAttribute("reactive-path") ?? undefined
+          })
+        } : { intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000 }
       });
     }
     disconnectedCallback() {
@@ -339,6 +367,7 @@ var VoiceOpsStatus = defineComponent({
       default: "/api/voice/ops-status",
       type: String
     },
+    reactiveSource: Function,
     title: String
   },
   setup(props) {
@@ -346,6 +375,7 @@ var VoiceOpsStatus = defineComponent({
       description: props.description,
       includeLinks: props.includeLinks,
       intervalMs: props.intervalMs,
+      reactiveSource: props.reactiveSource,
       title: props.title
     };
     const status = useVoiceOpsStatus(props.path, options);
@@ -538,12 +568,14 @@ var createVoiceOpsActionCenterStore = (options = {}) => {
       throw error;
     }
   };
+  let unbindReactiveSource = () => {};
   const close = () => {
     closed = true;
     if (timer) {
       clearInterval(timer);
       timer = undefined;
     }
+    unbindReactiveSource();
     listeners.clear();
   };
   if (options.intervalMs && options.intervalMs > 0) {
@@ -551,6 +583,9 @@ var createVoiceOpsActionCenterStore = (options = {}) => {
       emit();
     }, options.intervalMs);
   }
+  if (typeof window !== "undefined" && options.reactiveSource) {
+    unbindReactiveSource = bindVoiceReactiveSource(() => emit(), options.reactiveSource);
+  }
   return {
     close,
     run,
@@ -844,12 +879,14 @@ var createVoiceDeliveryRuntimeStore = (path = "/api/voice-delivery-runtime", opt
       throw error;
     }
   };
+  let unbindReactiveSource = () => {};
   const close = () => {
     closed = true;
     if (timer) {
       clearInterval(timer);
       timer = undefined;
     }
+    unbindReactiveSource();
     listeners.clear();
   };
   if (typeof window !== "undefined" && options.intervalMs && options.intervalMs > 0) {
@@ -857,6 +894,9 @@ var createVoiceDeliveryRuntimeStore = (path = "/api/voice-delivery-runtime", opt
       refresh().catch(() => {});
     }, options.intervalMs);
   }
+  if (typeof window !== "undefined" && options.reactiveSource) {
+    unbindReactiveSource = bindVoiceReactiveSource(() => void refresh().catch(() => {}), options.reactiveSource);
+  }
   return {
     close,
     refresh,
@@ -954,10 +994,15 @@ var defineVoiceDeliveryRuntimeElement = (tagName = "absolute-voice-delivery-runt
     mounted;
     connectedCallback() {
       const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      const reactiveTopic = this.getAttribute("reactive-topic");
       this.mounted = mountVoiceDeliveryRuntime(this, this.getAttribute("path") ?? "/api/voice-delivery-runtime", {
         description: this.getAttribute("description") ?? undefined,
-        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
-        title: this.getAttribute("title") ?? undefined
+        title: this.getAttribute("title") ?? undefined,
+        ...reactiveTopic ? {
+          reactiveSource: voiceSseReactiveSource(reactiveTopic, {
+            path: this.getAttribute("reactive-path") ?? undefined
+          })
+        } : { intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000 }
       });
     }
     disconnectedCallback() {
@@ -1079,12 +1124,14 @@ var VoiceDeliveryRuntime = defineComponent3({
       default: "/api/voice-delivery-runtime",
       type: String
     },
+    reactiveSource: Function,
     title: String
   },
   setup(props) {
     const options = {
       description: props.description,
       intervalMs: props.intervalMs,
+      reactiveSource: props.reactiveSource,
       title: props.title
     };
     const runtime = useVoiceDeliveryRuntime(props.path, options);
@@ -1192,12 +1239,14 @@ var createVoicePlatformCoverageStore = (path = "/api/voice/platform-coverage", o
       throw error;
     }
   };
+  let unbindReactiveSource = () => {};
   const close = () => {
     closed = true;
     if (timer) {
       clearInterval(timer);
       timer = undefined;
     }
+    unbindReactiveSource();
     listeners.clear();
   };
   if (typeof window !== "undefined" && options.intervalMs && options.intervalMs > 0) {
@@ -1205,6 +1254,9 @@ var createVoicePlatformCoverageStore = (path = "/api/voice/platform-coverage", o
       refresh().catch(() => {});
     }, options.intervalMs);
   }
+  if (typeof window !== "undefined" && options.reactiveSource) {
+    unbindReactiveSource = bindVoiceReactiveSource(() => void refresh().catch(() => {}), options.reactiveSource);
+  }
   return {
     close,
     refresh,
@@ -1307,11 +1359,17 @@ var defineVoicePlatformCoverageElement = (tagName = "absolute-voice-platform-cov
   customElements.define(tagName, class AbsoluteVoicePlatformCoverageElement extends HTMLElement {
     mounted;
     connectedCallback() {
+      const intervalMs = Number(this.getAttribute("interval-ms") ?? 0) || undefined;
+      const reactiveTopic = this.getAttribute("reactive-topic");
       this.mounted = mountVoicePlatformCoverage(this, this.getAttribute("path") ?? "/api/voice/platform-coverage", {
         description: this.getAttribute("description") ?? undefined,
-        intervalMs: Number(this.getAttribute("interval-ms") ?? 0) || undefined,
         limit: Number(this.getAttribute("limit") ?? 0) || undefined,
-        title: this.getAttribute("title") ?? undefined
+        title: this.getAttribute("title") ?? undefined,
+        ...reactiveTopic ? {
+          reactiveSource: voiceSseReactiveSource(reactiveTopic, {
+            path: this.getAttribute("reactive-path") ?? undefined
+          })
+        } : { intervalMs }
       });
     }
     disconnectedCallback() {
@@ -1371,6 +1429,7 @@ var VoicePlatformCoverage = defineComponent4({
       default: "/api/voice/platform-coverage",
       type: String
     },
+    reactiveSource: Function,
     title: String
   },
   setup(props) {
@@ -1378,6 +1437,7 @@ var VoicePlatformCoverage = defineComponent4({
       description: props.description,
       intervalMs: props.intervalMs,
       limit: props.limit,
+      reactiveSource: props.reactiveSource,
       title: props.title
     });
     return () => {
@@ -1390,6 +1450,7 @@ var VoicePlatformCoverage = defineComponent4({
         description: props.description,
         intervalMs: props.intervalMs,
         limit: props.limit,
+        reactiveSource: props.reactiveSource,
         title: props.title
       });
       return h4("section", {
@@ -6127,12 +6188,14 @@ var createVoiceProofTrendsStore = (path = "/api/voice/proof-trends", options = {
       throw error;
     }
   };
+  let unbindReactiveSource = () => {};
   const close = () => {
     closed = true;
     if (timer) {
       clearInterval(timer);
       timer = undefined;
     }
+    unbindReactiveSource();
     listeners.clear();
   };
   if (typeof window !== "undefined" && options.intervalMs && options.intervalMs > 0) {
@@ -6140,6 +6203,9 @@ var createVoiceProofTrendsStore = (path = "/api/voice/proof-trends", options = {
       refresh().catch(() => {});
     }, options.intervalMs);
   }
+  if (typeof window !== "undefined" && options.reactiveSource) {
+    unbindReactiveSource = bindVoiceReactiveSource(() => void refresh().catch(() => {}), options.reactiveSource);
+  }
   return {
     close,
     refresh,
@@ -6222,10 +6288,16 @@ var defineVoiceProofTrendsElement = (tagName = "absolute-voice-proof-trends") =>
   customElements.define(tagName, class AbsoluteVoiceProofTrendsElement extends HTMLElement {
     mounted;
     connectedCallback() {
+      const intervalMs = Number(this.getAttribute("interval-ms") ?? 0) || undefined;
+      const reactiveTopic = this.getAttribute("reactive-topic");
       this.mounted = mountVoiceProofTrends(this, this.getAttribute("path") ?? "/api/voice/proof-trends", {
         description: this.getAttribute("description") ?? undefined,
-        intervalMs: Number(this.getAttribute("interval-ms") ?? 0) || undefined,
-        title: this.getAttribute("title") ?? undefined
+        title: this.getAttribute("title") ?? undefined,
+        ...reactiveTopic ? {
+          reactiveSource: voiceSseReactiveSource(reactiveTopic, {
+            path: this.getAttribute("reactive-path") ?? undefined
+          })
+        } : { intervalMs }
       });
     }
     disconnectedCallback() {
@@ -6313,12 +6385,14 @@ var VoiceProofTrends = defineComponent5({
       default: "/api/voice/proof-trends",
       type: String
     },
+    reactiveSource: Function,
     title: String
   },
   setup(props) {
     const state = useVoiceProofTrends(props.path, {
       description: props.description,
       intervalMs: props.intervalMs,
+      reactiveSource: props.reactiveSource,
       title: props.title
     });
     return () => {
@@ -6330,6 +6404,7 @@ var VoiceProofTrends = defineComponent5({
       }, {
         description: props.description,
         intervalMs: props.intervalMs,
+        reactiveSource: props.reactiveSource,
         title: props.title
       });
       return h5("section", {
@@ -6396,12 +6471,14 @@ var createVoiceReconnectProfileEvidenceStore = (path = "/api/voice/reconnect-pro
       throw error;
     }
   };
+  let unbindReactiveSource = () => {};
   const close = () => {
     closed = true;
     if (timer) {
       clearInterval(timer);
       timer = undefined;
     }
+    unbindReactiveSource();
     listeners.clear();
   };
   if (typeof window !== "undefined" && options.intervalMs && options.intervalMs > 0) {
@@ -6409,6 +6486,9 @@ var createVoiceReconnectProfileEvidenceStore = (path = "/api/voice/reconnect-pro
       refresh().catch(() => {});
     }, options.intervalMs);
   }
+  if (typeof window !== "undefined" && options.reactiveSource) {
+    unbindReactiveSource = bindVoiceReactiveSource(() => void refresh().catch(() => {}), options.reactiveSource);
+  }
   return {
     close,
     refresh,
@@ -6500,10 +6580,15 @@ var defineVoiceReconnectProfileEvidenceElement = (tagName = "absolute-voice-reco
     mounted;
     connectedCallback() {
       const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      const reactiveTopic = this.getAttribute("reactive-topic");
       this.mounted = mountVoiceReconnectProfileEvidence(this, this.getAttribute("path") ?? "/api/voice/reconnect-profile-evidence", {
         description: this.getAttribute("description") ?? undefined,
-        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
-        title: this.getAttribute("title") ?? undefined
+        title: this.getAttribute("title") ?? undefined,
+        ...reactiveTopic ? {
+          reactiveSource: voiceSseReactiveSource(reactiveTopic, {
+            path: this.getAttribute("reactive-path") ?? undefined
+          })
+        } : { intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000 }
       });
     }
     disconnectedCallback() {
@@ -6593,12 +6678,14 @@ var VoiceReconnectProfileEvidence = defineComponent6({
       default: "/api/voice/reconnect-profile-evidence",
       type: String
     },
+    reactiveSource: Function,
     title: String
   },
   setup(props) {
     const state = useVoiceReconnectProfileEvidence(props.path, {
       description: props.description,
       intervalMs: props.intervalMs,
+      reactiveSource: props.reactiveSource,
       title: props.title
     });
     return () => {
@@ -6610,6 +6697,7 @@ var VoiceReconnectProfileEvidence = defineComponent6({
       }, {
         description: props.description,
         intervalMs: props.intervalMs,
+        reactiveSource: props.reactiveSource,
         title: props.title
       });
       return h6("section", {
@@ -6677,12 +6765,14 @@ var createVoiceCallDebuggerStore = (path, options = {}) => {
       throw error;
     }
   };
+  let unbindReactiveSource = () => {};
   const close = () => {
     closed = true;
     if (timer) {
       clearInterval(timer);
       timer = undefined;
     }
+    unbindReactiveSource();
     listeners.clear();
   };
   if (options.intervalMs && options.intervalMs > 0) {
@@ -6690,6 +6780,9 @@ var createVoiceCallDebuggerStore = (path, options = {}) => {
       refresh().catch(() => {});
     }, options.intervalMs);
   }
+  if (typeof window !== "undefined" && options.reactiveSource) {
+    unbindReactiveSource = bindVoiceReactiveSource(() => void refresh().catch(() => {}), options.reactiveSource);
+  }
   return {
     close,
     refresh,
@@ -6773,12 +6866,17 @@ var defineVoiceCallDebuggerLaunchElement = (tagName = "absolute-voice-call-debug
     mounted;
     connectedCallback() {
       const intervalMs = Number(this.getAttribute("interval-ms") ?? 0);
+      const reactiveTopic = this.getAttribute("reactive-topic");
       this.mounted = mountVoiceCallDebuggerLaunch(this, this.getAttribute("path") ?? "/api/voice-call-debugger/latest", {
         description: this.getAttribute("description") ?? undefined,
         href: this.getAttribute("href") ?? undefined,
-        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 0,
         linkLabel: this.getAttribute("link-label") ?? undefined,
-        title: this.getAttribute("title") ?? undefined
+        title: this.getAttribute("title") ?? undefined,
+        ...reactiveTopic ? {
+          reactiveSource: voiceSseReactiveSource(reactiveTopic, {
+            path: this.getAttribute("reactive-path") ?? undefined
+          })
+        } : { intervalMs: Number.isFinite(intervalMs) ? intervalMs : 0 }
       });
     }
     disconnectedCallback() {
@@ -6861,6 +6959,7 @@ var VoiceCallDebuggerLaunch = defineComponent7({
     description: { default: undefined, type: String },
     href: { default: undefined, type: String },
     intervalMs: { default: 0, type: Number },
+    reactiveSource: Function,
     linkLabel: { default: undefined, type: String },
     path: { required: true, type: String },
     title: { default: undefined, type: String }
@@ -6870,6 +6969,7 @@ var VoiceCallDebuggerLaunch = defineComponent7({
       description: props.description,
       href: props.href,
       intervalMs: props.intervalMs,
+      reactiveSource: props.reactiveSource,
       linkLabel: props.linkLabel,
       title: props.title
     };
@@ -6964,12 +7064,14 @@ var createVoiceSessionSnapshotStore = (path, options = {}) => {
       type: "application/json"
     });
   };
+  let unbindReactiveSource = () => {};
   const close = () => {
     closed = true;
     if (timer) {
       clearInterval(timer);
       timer = undefined;
     }
+    unbindReactiveSource();
     listeners.clear();
   };
   if (options.intervalMs && options.intervalMs > 0) {
@@ -6977,6 +7079,9 @@ var createVoiceSessionSnapshotStore = (path, options = {}) => {
       refresh().catch(() => {});
     }, options.intervalMs);
   }
+  if (typeof window !== "undefined" && options.reactiveSource) {
+    unbindReactiveSource = bindVoiceReactiveSource(() => void refresh().catch(() => {}), options.reactiveSource);
+  }
   return {
     close,
     download,
@@ -7091,12 +7196,17 @@ var defineVoiceSessionSnapshotElement = (tagName = "absolute-voice-session-snaps
     mounted;
     connectedCallback() {
       const intervalMs = Number(this.getAttribute("interval-ms") ?? 0);
+      const reactiveTopic = this.getAttribute("reactive-topic");
       this.mounted = mountVoiceSessionSnapshot(this, this.getAttribute("path") ?? "/api/voice/session-snapshot/session", {
         description: this.getAttribute("description") ?? undefined,
         downloadLabel: this.getAttribute("download-label") ?? undefined,
-        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 0,
         title: this.getAttribute("title") ?? undefined,
-        turnId: this.getAttribute("turn-id") ?? undefined
+        turnId: this.getAttribute("turn-id") ?? undefined,
+        ...reactiveTopic ? {
+          reactiveSource: voiceSseReactiveSource(reactiveTopic, {
+            path: this.getAttribute("reactive-path") ?? undefined
+          })
+        } : { intervalMs: Number.isFinite(intervalMs) ? intervalMs : 0 }
       });
     }
     disconnectedCallback() {
@@ -7172,6 +7282,7 @@ var VoiceSessionSnapshot = defineComponent8({
     description: { default: undefined, type: String },
     downloadLabel: { default: undefined, type: String },
     intervalMs: { default: 0, type: Number },
+    reactiveSource: Function,
     path: { required: true, type: String },
     title: { default: undefined, type: String },
     turnId: { default: undefined, type: String }
@@ -7181,6 +7292,7 @@ var VoiceSessionSnapshot = defineComponent8({
       description: props.description,
       downloadLabel: props.downloadLabel,
       intervalMs: props.intervalMs,
+      reactiveSource: props.reactiveSource,
       title: props.title,
       turnId: props.turnId
     };
@@ -7264,12 +7376,14 @@ var createVoiceSessionObservabilityStore = (path, options = {}) => {
       throw error;
     }
   };
+  let unbindReactiveSource = () => {};
   const close = () => {
     closed = true;
     if (timer) {
       clearInterval(timer);
       timer = undefined;
     }
+    unbindReactiveSource();
     listeners.clear();
   };
   if (options.intervalMs && options.intervalMs > 0) {
@@ -7277,6 +7391,9 @@ var createVoiceSessionObservabilityStore = (path, options = {}) => {
       refresh().catch(() => {});
     }, options.intervalMs);
   }
+  if (typeof window !== "undefined" && options.reactiveSource) {
+    unbindReactiveSource = bindVoiceReactiveSource(() => void refresh().catch(() => {}), options.reactiveSource);
+  }
   return {
     close,
     refresh,
@@ -7332,12 +7449,17 @@ var defineVoiceSessionObservabilityElement = (tagName = "absolute-voice-session-
     mounted;
     connectedCallback() {
       const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      const reactiveTopic = this.getAttribute("reactive-topic");
       const maxTurns = Number(this.getAttribute("max-turns") ?? 3);
       this.mounted = mountVoiceSessionObservability(this, this.getAttribute("path") ?? "/api/voice/session-observability/latest", {
         description: this.getAttribute("description") ?? undefined,
-        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
         maxTurns: Number.isFinite(maxTurns) ? maxTurns : 3,
-        title: this.getAttribute("title") ?? undefined
+        title: this.getAttribute("title") ?? undefined,
+        ...reactiveTopic ? {
+          reactiveSource: voiceSseReactiveSource(reactiveTopic, {
+            path: this.getAttribute("reactive-path") ?? undefined
+          })
+        } : { intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000 }
       });
     }
     disconnectedCallback() {
@@ -7390,6 +7512,7 @@ var VoiceSessionObservability = defineComponent9({
       default: "/api/voice/session-observability/latest",
       type: String
     },
+    reactiveSource: Function,
     title: String
   },
   setup(props) {
@@ -7397,6 +7520,7 @@ var VoiceSessionObservability = defineComponent9({
       description: props.description,
       intervalMs: props.intervalMs,
       maxTurns: props.maxTurns,
+      reactiveSource: props.reactiveSource,
       title: props.title
     };
     const store = createVoiceSessionObservabilityStore(props.path, options);
@@ -7476,12 +7600,14 @@ var createVoiceReadinessFailuresStore = (path = "/api/production-readiness", opt
       throw error;
     }
   };
+  let unbindReactiveSource = () => {};
   const close = () => {
     closed = true;
     if (timer) {
       clearInterval(timer);
       timer = undefined;
     }
+    unbindReactiveSource();
     listeners.clear();
   };
   if (typeof window !== "undefined" && options.intervalMs && options.intervalMs > 0) {
@@ -7489,6 +7615,9 @@ var createVoiceReadinessFailuresStore = (path = "/api/production-readiness", opt
       refresh().catch(() => {});
     }, options.intervalMs);
   }
+  if (typeof window !== "undefined" && options.reactiveSource) {
+    unbindReactiveSource = bindVoiceReactiveSource(() => void refresh().catch(() => {}), options.reactiveSource);
+  }
   return {
     close,
     refresh,
@@ -7563,10 +7692,16 @@ var defineVoiceReadinessFailuresElement = (tagName = "absolute-voice-readiness-f
   customElements.define(tagName, class AbsoluteVoiceReadinessFailuresElement extends HTMLElement {
     mounted;
     connectedCallback() {
+      const intervalMs = Number(this.getAttribute("interval-ms") ?? 0) || undefined;
+      const reactiveTopic = this.getAttribute("reactive-topic");
       this.mounted = mountVoiceReadinessFailures(this, this.getAttribute("path") ?? "/api/production-readiness", {
         description: this.getAttribute("description") ?? undefined,
-        intervalMs: Number(this.getAttribute("interval-ms") ?? 0) || undefined,
-        title: this.getAttribute("title") ?? undefined
+        title: this.getAttribute("title") ?? undefined,
+        ...reactiveTopic ? {
+          reactiveSource: voiceSseReactiveSource(reactiveTopic, {
+            path: this.getAttribute("reactive-path") ?? undefined
+          })
+        } : { intervalMs }
       });
     }
     disconnectedCallback() {
@@ -7657,12 +7792,14 @@ var VoiceReadinessFailures = defineComponent10({
       default: "/api/production-readiness",
       type: String
     },
+    reactiveSource: Function,
     title: String
   },
   setup(props) {
     const state = useVoiceReadinessFailures(props.path, {
       description: props.description,
       intervalMs: props.intervalMs,
+      reactiveSource: props.reactiveSource,
       title: props.title
     });
     return () => {
@@ -7674,6 +7811,7 @@ var VoiceReadinessFailures = defineComponent10({
       }, {
         description: props.description,
         intervalMs: props.intervalMs,
+        reactiveSource: props.reactiveSource,
         title: props.title
       });
       return h10("section", {
@@ -8044,12 +8182,14 @@ var createVoiceProviderCapabilitiesStore = (path = "/api/provider-capabilities",
       throw error;
     }
   };
+  let unbindReactiveSource = () => {};
   const close = () => {
     closed = true;
     if (timer) {
       clearInterval(timer);
       timer = undefined;
     }
+    unbindReactiveSource();
     listeners.clear();
   };
   if (options.intervalMs && options.intervalMs > 0) {
@@ -8057,6 +8197,9 @@ var createVoiceProviderCapabilitiesStore = (path = "/api/provider-capabilities",
       refresh().catch(() => {});
     }, options.intervalMs);
   }
+  if (typeof window !== "undefined" && options.reactiveSource) {
+    unbindReactiveSource = bindVoiceReactiveSource(() => void refresh().catch(() => {}), options.reactiveSource);
+  }
   return {
     close,
     refresh,
@@ -8142,10 +8285,15 @@ var defineVoiceProviderCapabilitiesElement = (tagName = "absolute-voice-provider
     mounted;
     connectedCallback() {
       const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      const reactiveTopic = this.getAttribute("reactive-topic");
       this.mounted = mountVoiceProviderCapabilities(this, this.getAttribute("path") ?? "/api/provider-capabilities", {
         description: this.getAttribute("description") ?? undefined,
-        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
-        title: this.getAttribute("title") ?? undefined
+        title: this.getAttribute("title") ?? undefined,
+        ...reactiveTopic ? {
+          reactiveSource: voiceSseReactiveSource(reactiveTopic, {
+            path: this.getAttribute("reactive-path") ?? undefined
+          })
+        } : { intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000 }
       });
     }
     disconnectedCallback() {
@@ -8242,6 +8390,7 @@ var VoiceProviderCapabilities = defineComponent12({
       default: 5000,
       type: Number
     },
+    reactiveSource: Function,
     path: {
       default: "/api/provider-capabilities",
       type: String
@@ -8255,6 +8404,7 @@ var VoiceProviderCapabilities = defineComponent12({
     const options = {
       description: props.description,
       intervalMs: props.intervalMs,
+      reactiveSource: props.reactiveSource,
       title: props.title
     };
     const capabilities = useVoiceProviderCapabilities(props.path, options);
@@ -8343,12 +8493,14 @@ var createVoiceProviderContractsStore = (path = "/api/provider-contracts", optio
       throw error;
     }
   };
+  let unbindReactiveSource = () => {};
   const close = () => {
     closed = true;
     if (timer) {
       clearInterval(timer);
       timer = undefined;
     }
+    unbindReactiveSource();
     listeners.clear();
   };
   if (options.intervalMs && options.intervalMs > 0) {
@@ -8356,6 +8508,9 @@ var createVoiceProviderContractsStore = (path = "/api/provider-contracts", optio
       refresh().catch(() => {});
     }, options.intervalMs);
   }
+  if (typeof window !== "undefined" && options.reactiveSource) {
+    unbindReactiveSource = bindVoiceReactiveSource(() => void refresh().catch(() => {}), options.reactiveSource);
+  }
   return {
     close,
     refresh,
@@ -8460,10 +8615,15 @@ var defineVoiceProviderContractsElement = (tagName = "absolute-voice-provider-co
     mounted;
     connectedCallback() {
       const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      const reactiveTopic = this.getAttribute("reactive-topic");
       this.mounted = mountVoiceProviderContracts(this, this.getAttribute("path") ?? "/api/provider-contracts", {
         description: this.getAttribute("description") ?? undefined,
-        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
-        title: this.getAttribute("title") ?? undefined
+        title: this.getAttribute("title") ?? undefined,
+        ...reactiveTopic ? {
+          reactiveSource: voiceSseReactiveSource(reactiveTopic, {
+            path: this.getAttribute("reactive-path") ?? undefined
+          })
+        } : { intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000 }
       });
     }
     disconnectedCallback() {
@@ -8524,12 +8684,14 @@ var VoiceProviderContracts = defineComponent13({
       default: "/api/provider-contracts",
       type: String
     },
+    reactiveSource: Function,
     title: String
   },
   setup(props) {
     const state = useVoiceProviderContracts(props.path, {
       description: props.description,
       intervalMs: props.intervalMs,
+      reactiveSource: props.reactiveSource,
       title: props.title
     });
     return () => {
@@ -8541,6 +8703,7 @@ var VoiceProviderContracts = defineComponent13({
       }, {
         description: props.description,
         intervalMs: props.intervalMs,
+        reactiveSource: props.reactiveSource,
         title: props.title
       });
       return h13("section", {
@@ -8632,12 +8795,14 @@ var createVoiceProviderStatusStore = (path = "/api/provider-status", options = {
       throw error;
     }
   };
+  let unbindReactiveSource = () => {};
   const close = () => {
     closed = true;
     if (timer) {
       clearInterval(timer);
       timer = undefined;
     }
+    unbindReactiveSource();
     listeners.clear();
   };
   if (options.intervalMs && options.intervalMs > 0) {
@@ -8645,6 +8810,9 @@ var createVoiceProviderStatusStore = (path = "/api/provider-status", options = {
       refresh().catch(() => {});
     }, options.intervalMs);
   }
+  if (typeof window !== "undefined" && options.reactiveSource) {
+    unbindReactiveSource = bindVoiceReactiveSource(() => void refresh().catch(() => {}), options.reactiveSource);
+  }
   return {
     close,
     refresh,
@@ -8731,10 +8899,15 @@ var defineVoiceProviderStatusElement = (tagName = "absolute-voice-provider-statu
     mounted;
     connectedCallback() {
       const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      const reactiveTopic = this.getAttribute("reactive-topic");
       this.mounted = mountVoiceProviderStatus(this, this.getAttribute("path") ?? "/api/provider-status", {
         description: this.getAttribute("description") ?? undefined,
-        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
-        title: this.getAttribute("title") ?? undefined
+        title: this.getAttribute("title") ?? undefined,
+        ...reactiveTopic ? {
+          reactiveSource: voiceSseReactiveSource(reactiveTopic, {
+            path: this.getAttribute("reactive-path") ?? undefined
+          })
+        } : { intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000 }
       });
     }
     disconnectedCallback() {
@@ -8831,6 +9004,7 @@ var VoiceProviderStatus = defineComponent14({
       default: 5000,
       type: Number
     },
+    reactiveSource: Function,
     path: {
       default: "/api/provider-status",
       type: String
@@ -8844,6 +9018,7 @@ var VoiceProviderStatus = defineComponent14({
     const options = {
       description: props.description,
       intervalMs: props.intervalMs,
+      reactiveSource: props.reactiveSource,
       title: props.title
     };
     const status = useVoiceProviderStatus(props.path, options);
@@ -8934,12 +9109,14 @@ var createVoiceRoutingStatusStore = (path = "/api/routing/latest", options = {})
       throw error;
     }
   };
+  let unbindReactiveSource = () => {};
   const close = () => {
     closed = true;
     if (timer) {
       clearInterval(timer);
       timer = undefined;
     }
+    unbindReactiveSource();
     listeners.clear();
   };
   if (options.intervalMs && options.intervalMs > 0) {
@@ -8947,6 +9124,9 @@ var createVoiceRoutingStatusStore = (path = "/api/routing/latest", options = {})
       refresh().catch(() => {});
     }, options.intervalMs);
   }
+  if (typeof window !== "undefined" && options.reactiveSource) {
+    unbindReactiveSource = bindVoiceReactiveSource(() => void refresh().catch(() => {}), options.reactiveSource);
+  }
   return {
     close,
     refresh,
@@ -9058,10 +9238,15 @@ var defineVoiceRoutingStatusElement = (tagName = "absolute-voice-routing-status"
     mounted;
     connectedCallback() {
       const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      const reactiveTopic = this.getAttribute("reactive-topic");
       this.mounted = mountVoiceRoutingStatus(this, this.getAttribute("path") ?? "/api/routing/latest", {
         description: this.getAttribute("description") ?? undefined,
-        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
-        title: this.getAttribute("title") ?? undefined
+        title: this.getAttribute("title") ?? undefined,
+        ...reactiveTopic ? {
+          reactiveSource: voiceSseReactiveSource(reactiveTopic, {
+            path: this.getAttribute("reactive-path") ?? undefined
+          })
+        } : { intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000 }
       });
     }
     disconnectedCallback() {
@@ -9156,6 +9341,7 @@ var VoiceRoutingStatus = defineComponent15({
       default: 5000,
       type: Number
     },
+    reactiveSource: Function,
     path: {
       default: "/api/routing/latest",
       type: String
@@ -9169,6 +9355,7 @@ var VoiceRoutingStatus = defineComponent15({
     const options = {
       description: props.description,
       intervalMs: props.intervalMs,
+      reactiveSource: props.reactiveSource,
       title: props.title
     };
     const status = useVoiceRoutingStatus(props.path, options);
@@ -9246,12 +9433,14 @@ var createVoiceTraceTimelineStore = (path = "/api/voice-traces", options = {}) =
       throw error;
     }
   };
+  let unbindReactiveSource = () => {};
   const close = () => {
     closed = true;
     if (timer) {
       clearInterval(timer);
       timer = undefined;
     }
+    unbindReactiveSource();
     listeners.clear();
   };
   if (options.intervalMs && options.intervalMs > 0) {
@@ -9259,6 +9448,9 @@ var createVoiceTraceTimelineStore = (path = "/api/voice-traces", options = {}) =
       refresh().catch(() => {});
     }, options.intervalMs);
   }
+  if (typeof window !== "undefined" && options.reactiveSource) {
+    unbindReactiveSource = bindVoiceReactiveSource(() => void refresh().catch(() => {}), options.reactiveSource);
+  }
   return {
     close,
     refresh,
@@ -9451,12 +9643,14 @@ var createVoiceTurnLatencyStore = (path = "/api/turn-latency", options = {}) =>
       throw error;
     }
   };
+  let unbindReactiveSource = () => {};
   const close = () => {
     closed = true;
     if (timer) {
       clearInterval(timer);
       timer = undefined;
     }
+    unbindReactiveSource();
     listeners.clear();
   };
   if (options.intervalMs && options.intervalMs > 0) {
@@ -9464,6 +9658,9 @@ var createVoiceTurnLatencyStore = (path = "/api/turn-latency", options = {}) =>
       refresh().catch(() => {});
     }, options.intervalMs);
   }
+  if (typeof window !== "undefined" && options.reactiveSource) {
+    unbindReactiveSource = bindVoiceReactiveSource(() => void refresh().catch(() => {}), options.reactiveSource);
+  }
   return {
     close,
     refresh,
@@ -9532,12 +9729,17 @@ var defineVoiceTurnLatencyElement = (tagName = "absolute-voice-turn-latency") =>
     mounted;
     connectedCallback() {
       const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      const reactiveTopic = this.getAttribute("reactive-topic");
       this.mounted = mountVoiceTurnLatency(this, this.getAttribute("path") ?? "/api/turn-latency", {
         description: this.getAttribute("description") ?? undefined,
-        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
         proofLabel: this.getAttribute("proof-label") ?? undefined,
         proofPath: this.getAttribute("proof-path") ?? undefined,
-        title: this.getAttribute("title") ?? undefined
+        title: this.getAttribute("title") ?? undefined,
+        ...reactiveTopic ? {
+          reactiveSource: voiceSseReactiveSource(reactiveTopic, {
+            path: this.getAttribute("reactive-path") ?? undefined
+          })
+        } : { intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000 }
       });
     }
     disconnectedCallback() {
@@ -9633,6 +9835,7 @@ var VoiceTurnLatency = defineComponent16({
     class: { default: "", type: String },
     description: { default: undefined, type: String },
     intervalMs: { default: 5000, type: Number },
+    reactiveSource: Function,
     path: { default: "/api/turn-latency", type: String },
     proofLabel: { default: undefined, type: String },
     proofPath: { default: undefined, type: String },
@@ -9642,6 +9845,7 @@ var VoiceTurnLatency = defineComponent16({
     const options = {
       description: props.description,
       intervalMs: props.intervalMs,
+      reactiveSource: props.reactiveSource,
       proofLabel: props.proofLabel,
       proofPath: props.proofPath,
       title: props.title
@@ -9739,12 +9943,14 @@ var createVoiceTurnQualityStore = (path = "/api/turn-quality", options = {}) =>
       throw error;
     }
   };
+  let unbindReactiveSource = () => {};
   const close = () => {
     closed = true;
     if (timer) {
       clearInterval(timer);
       timer = undefined;
     }
+    unbindReactiveSource();
     listeners.clear();
   };
   if (options.intervalMs && options.intervalMs > 0) {
@@ -9752,6 +9958,9 @@ var createVoiceTurnQualityStore = (path = "/api/turn-quality", options = {}) =>
       refresh().catch(() => {});
     }, options.intervalMs);
   }
+  if (typeof window !== "undefined" && options.reactiveSource) {
+    unbindReactiveSource = bindVoiceReactiveSource(() => void refresh().catch(() => {}), options.reactiveSource);
+  }
   return {
     close,
     refresh,
@@ -9838,10 +10047,15 @@ var defineVoiceTurnQualityElement = (tagName = "absolute-voice-turn-quality") =>
     mounted;
     connectedCallback() {
       const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      const reactiveTopic = this.getAttribute("reactive-topic");
       this.mounted = mountVoiceTurnQuality(this, this.getAttribute("path") ?? "/api/turn-quality", {
         description: this.getAttribute("description") ?? undefined,
-        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
-        title: this.getAttribute("title") ?? undefined
+        title: this.getAttribute("title") ?? undefined,
+        ...reactiveTopic ? {
+          reactiveSource: voiceSseReactiveSource(reactiveTopic, {
+            path: this.getAttribute("reactive-path") ?? undefined
+          })
+        } : { intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000 }
       });
     }
     disconnectedCallback() {
@@ -9923,6 +10137,7 @@ var VoiceTurnQuality = defineComponent17({
     class: { default: "", type: String },
     description: { default: undefined, type: String },
     intervalMs: { default: 5000, type: Number },
+    reactiveSource: Function,
     path: { default: "/api/turn-quality", type: String },
     title: { default: undefined, type: String }
   },
@@ -9930,6 +10145,7 @@ var VoiceTurnQuality = defineComponent17({
     const options = {
       description: props.description,
       intervalMs: props.intervalMs,
+      reactiveSource: props.reactiveSource,
       title: props.title
     };
     const quality = useVoiceTurnQuality(props.path, options);
@@ -10045,12 +10261,14 @@ var createVoiceProfileComparisonStore = (path = "/api/voice/real-call-profile-hi
       throw error;
     }
   };
+  let unbindReactiveSource = () => {};
   const close = () => {
     closed = true;
     if (timer) {
       clearInterval(timer);
       timer = undefined;
     }
+    unbindReactiveSource();
     listeners.clear();
   };
   if (typeof window !== "undefined" && options.intervalMs && options.intervalMs > 0) {
@@ -10058,6 +10276,9 @@ var createVoiceProfileComparisonStore = (path = "/api/voice/real-call-profile-hi
       refresh().catch(() => {});
     }, options.intervalMs);
   }
+  if (typeof window !== "undefined" && options.reactiveSource) {
+    unbindReactiveSource = bindVoiceReactiveSource(() => void refresh().catch(() => {}), options.reactiveSource);
+  }
   return {
     close,
     refresh,
@@ -10308,12 +10529,14 @@ var createVoiceCampaignDialerProofStore = (path = "/api/voice/campaigns/dialer-p
       throw error;
     }
   };
+  let unbindReactiveSource = () => {};
   const close = () => {
     closed = true;
     if (timer) {
       clearInterval(timer);
       timer = undefined;
     }
+    unbindReactiveSource();
     listeners.clear();
   };
   if (options.intervalMs && options.intervalMs > 0) {
@@ -10321,6 +10544,9 @@ var createVoiceCampaignDialerProofStore = (path = "/api/voice/campaigns/dialer-p
       refresh().catch(() => {});
     }, options.intervalMs);
   }
+  if (typeof window !== "undefined" && options.reactiveSource) {
+    unbindReactiveSource = bindVoiceReactiveSource(() => void refresh().catch(() => {}), options.reactiveSource);
+  }
   return {
     close,
     refresh,
@@ -13298,12 +13524,14 @@ var createVoiceWorkflowStatusStore = (path = "/evals/scenarios/json", options =
       throw error;
     }
   };
+  let unbindReactiveSource = () => {};
   const close = () => {
     closed = true;
     if (timer) {
       clearInterval(timer);
       timer = undefined;
     }
+    unbindReactiveSource();
     listeners.clear();
   };
   if (typeof window !== "undefined" && options.intervalMs && options.intervalMs > 0) {
@@ -13311,6 +13539,9 @@ var createVoiceWorkflowStatusStore = (path = "/evals/scenarios/json", options =
       refresh().catch(() => {});
     }, options.intervalMs);
   }
+  if (typeof window !== "undefined" && options.reactiveSource) {
+    unbindReactiveSource = bindVoiceReactiveSource(() => void refresh().catch(() => {}), options.reactiveSource);
+  }
   return {
     close,
     refresh,