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

package/dist/react/index.js

@@ -86,6 +86,24 @@ var __require = import.meta.require;
 // src/react/useVoiceOpsStatus.tsx
 import { useEffect, useRef, useSyncExternalStore } from "react";
 
+// 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;
@@ -130,12 +148,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) {
@@ -143,6 +163,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,
@@ -246,11 +269,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() {
@@ -548,12 +576,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) {
@@ -561,6 +591,9 @@ var createVoiceOpsActionCenterStore = (options = {}) => {
       emit();
     }, options.intervalMs);
   }
+  if (typeof window !== "undefined" && options.reactiveSource) {
+    unbindReactiveSource = bindVoiceReactiveSource(() => emit(), options.reactiveSource);
+  }
   return {
     close,
     run,
@@ -835,12 +868,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) {
@@ -848,6 +883,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,
@@ -945,10 +983,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() {
@@ -1171,12 +1214,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) {
@@ -1184,6 +1229,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,
@@ -1271,11 +1319,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() {
@@ -1453,12 +1507,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) {
@@ -1466,6 +1522,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 +6281,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() {
@@ -6373,12 +6438,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) {
@@ -6386,6 +6453,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,
@@ -6477,10 +6547,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() {
@@ -6660,12 +6735,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) {
@@ -6673,6 +6750,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,
@@ -6756,12 +6836,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() {
@@ -6939,12 +7024,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) {
@@ -6952,6 +7039,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,
@@ -7066,12 +7156,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() {
@@ -7232,12 +7327,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) {
@@ -7245,6 +7342,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,
@@ -7300,12 +7400,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() {
@@ -7480,12 +7585,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) {
@@ -7493,6 +7600,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,
@@ -7558,10 +7668,15 @@ var defineVoiceProfileComparisonElement = (tagName = "absolute-voice-profile-com
     mounted;
     connectedCallback() {
       const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      const reactiveTopic = this.getAttribute("reactive-topic");
       this.mounted = mountVoiceProfileComparison(this, this.getAttribute("path") ?? "/api/voice/real-call-profile-history", {
         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() {
@@ -7755,12 +7870,14 @@ var createVoiceProfileSwitchRecommendationStore = (path = "/api/voice/profile-sw
       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) {
@@ -7768,6 +7885,9 @@ var createVoiceProfileSwitchRecommendationStore = (path = "/api/voice/profile-sw
       refresh().catch(() => {});
     }, options.intervalMs);
   }
+  if (typeof window !== "undefined" && options.reactiveSource) {
+    unbindReactiveSource = bindVoiceReactiveSource(() => void refresh().catch(() => {}), options.reactiveSource);
+  }
   return {
     close,
     refresh,
@@ -7802,10 +7922,15 @@ var defineVoiceProfileSwitchRecommendationElement = (tagName = "absolute-voice-p
     mounted;
     connectedCallback() {
       const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      const reactiveTopic = this.getAttribute("reactive-topic");
       this.mounted = mountVoiceProfileSwitchRecommendation(this, this.getAttribute("path") ?? "/api/voice/profile-switch-recommendation", {
         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() {
@@ -7925,12 +8050,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) {
@@ -7938,6 +8065,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,
@@ -8012,10 +8142,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() {
@@ -8487,12 +8623,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) {
@@ -8500,6 +8638,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,
@@ -8602,10 +8743,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() {
@@ -8777,12 +8923,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) {
@@ -8790,6 +8938,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,
@@ -8881,10 +9032,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() {
@@ -9078,12 +9234,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) {
@@ -9091,6 +9249,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,
@@ -9194,10 +9355,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() {
@@ -9374,12 +9540,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) {
@@ -9387,6 +9555,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,
@@ -9515,10 +9686,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() {
@@ -9667,12 +9843,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) {
@@ -9680,6 +9858,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,
@@ -9738,15 +9919,20 @@ var defineVoiceTraceTimelineElement = (tagName = "absolute-voice-trace-timeline"
     mounted;
     connectedCallback() {
       const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      const reactiveTopic = this.getAttribute("reactive-topic");
       const limit = Number(this.getAttribute("limit") ?? 3);
       this.mounted = mountVoiceTraceTimeline(this, this.getAttribute("path") ?? "/api/voice-traces", {
         description: this.getAttribute("description") ?? undefined,
         detailBasePath: this.getAttribute("detail-base-path") ?? undefined,
         incidentBundleBasePath: this.getAttribute("incident-bundle-base-path") ?? undefined,
-        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
         limit: Number.isFinite(limit) ? limit : 3,
         operationsRecordBasePath: this.getAttribute("operations-record-base-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() {
@@ -10220,12 +10406,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) {
@@ -10233,6 +10421,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,
@@ -10319,12 +10510,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() {
@@ -10512,12 +10708,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) {
@@ -10525,6 +10723,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,
@@ -10628,10 +10829,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() {
@@ -10939,12 +11145,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) {
@@ -10952,6 +11160,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,
@@ -14061,12 +14272,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) {
@@ -14074,6 +14287,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,