@absolutejs/voice 0.0.22-beta.52 → 0.0.22-beta.53

package/dist/angular/index.js

@@ -254,6 +254,27 @@ var mountVoiceOpsStatus = (element, path = "/app-kit/status", options = {}) => {
     refresh: store.refresh
   };
 };
+var defineVoiceOpsStatusElement = (tagName = "absolute-voice-ops-status") => {
+  if (typeof window === "undefined" || typeof customElements === "undefined" || customElements.get(tagName)) {
+    return;
+  }
+  customElements.define(tagName, class AbsoluteVoiceOpsStatusElement extends HTMLElement {
+    mounted;
+    connectedCallback() {
+      const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      this.mounted = mountVoiceOpsStatus(this, this.getAttribute("path") ?? "/app-kit/status", {
+        description: this.getAttribute("description") ?? undefined,
+        includeLinks: this.getAttribute("include-links") !== "false",
+        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
+        title: this.getAttribute("title") ?? undefined
+      });
+    }
+    disconnectedCallback() {
+      this.mounted?.close();
+      this.mounted = undefined;
+    }
+  });
+};
 
 // src/angular/voice-ops-status.component.ts
 var _dec = [

package/dist/client/index.d.ts

@@ -6,7 +6,7 @@ export { bindVoiceBargeIn, createVoiceDuplexController } from './duplex';
 export { bindVoiceHTMX } from './htmx';
 export { createMicrophoneCapture } from './microphone';
 export { createVoiceAppKitStatusStore, fetchVoiceAppKitStatus } from './appKitStatus';
-export { createVoiceOpsStatusViewModel, getVoiceOpsStatusCSS, getVoiceOpsStatusLabel, mountVoiceOpsStatus, renderVoiceOpsStatusHTML } from './opsStatusWidget';
+export { createVoiceOpsStatusViewModel, defineVoiceOpsStatusElement, getVoiceOpsStatusCSS, getVoiceOpsStatusLabel, mountVoiceOpsStatus, renderVoiceOpsStatusHTML } from './opsStatusWidget';
 export { createVoiceProviderStatusStore, fetchVoiceProviderStatus } from './providerStatus';
 export { createVoiceWorkflowStatusStore, fetchVoiceWorkflowStatus } from './workflowStatus';
 export type { VoiceAppKitStatusClientOptions, VoiceAppKitStatusSnapshot } from './appKitStatus';

package/dist/client/index.js

@@ -1804,6 +1804,27 @@ var mountVoiceOpsStatus = (element, path = "/app-kit/status", options = {}) => {
     refresh: store.refresh
   };
 };
+var defineVoiceOpsStatusElement = (tagName = "absolute-voice-ops-status") => {
+  if (typeof window === "undefined" || typeof customElements === "undefined" || customElements.get(tagName)) {
+    return;
+  }
+  customElements.define(tagName, class AbsoluteVoiceOpsStatusElement extends HTMLElement {
+    mounted;
+    connectedCallback() {
+      const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      this.mounted = mountVoiceOpsStatus(this, this.getAttribute("path") ?? "/app-kit/status", {
+        description: this.getAttribute("description") ?? undefined,
+        includeLinks: this.getAttribute("include-links") !== "false",
+        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
+        title: this.getAttribute("title") ?? undefined
+      });
+    }
+    disconnectedCallback() {
+      this.mounted?.close();
+      this.mounted = undefined;
+    }
+  });
+};
 // src/client/providerStatus.ts
 var fetchVoiceProviderStatus = async (path = "/api/provider-status", options = {}) => {
   const fetchImpl = options.fetch ?? globalThis.fetch;
@@ -1969,6 +1990,7 @@ export {
   fetchVoiceWorkflowStatus,
   fetchVoiceProviderStatus,
   fetchVoiceAppKitStatus,
+  defineVoiceOpsStatusElement,
   decodeVoiceAudioChunk,
   createVoiceWorkflowStatusStore,
   createVoiceStream,

package/dist/client/opsStatusWidget.d.ts

@@ -37,3 +37,4 @@ export declare const mountVoiceOpsStatus: (element: Element, path?: string, opti
     close: () => void;
     refresh: () => Promise<VoiceAppKitStatusReport | undefined>;
 };
+export declare const defineVoiceOpsStatusElement: (tagName?: string) => void;

package/dist/react/index.js

@@ -271,6 +271,27 @@ var mountVoiceOpsStatus = (element, path = "/app-kit/status", options = {}) => {
     refresh: store.refresh
   };
 };
+var defineVoiceOpsStatusElement = (tagName = "absolute-voice-ops-status") => {
+  if (typeof window === "undefined" || typeof customElements === "undefined" || customElements.get(tagName)) {
+    return;
+  }
+  customElements.define(tagName, class AbsoluteVoiceOpsStatusElement extends HTMLElement {
+    mounted;
+    connectedCallback() {
+      const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      this.mounted = mountVoiceOpsStatus(this, this.getAttribute("path") ?? "/app-kit/status", {
+        description: this.getAttribute("description") ?? undefined,
+        includeLinks: this.getAttribute("include-links") !== "false",
+        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
+        title: this.getAttribute("title") ?? undefined
+      });
+    }
+    disconnectedCallback() {
+      this.mounted?.close();
+      this.mounted = undefined;
+    }
+  });
+};
 
 // src/react/VoiceOpsStatus.tsx
 import { jsxDEV } from "react/jsx-dev-runtime";

package/dist/svelte/index.js

@@ -253,6 +253,27 @@ var mountVoiceOpsStatus = (element, path = "/app-kit/status", options = {}) => {
     refresh: store.refresh
   };
 };
+var defineVoiceOpsStatusElement = (tagName = "absolute-voice-ops-status") => {
+  if (typeof window === "undefined" || typeof customElements === "undefined" || customElements.get(tagName)) {
+    return;
+  }
+  customElements.define(tagName, class AbsoluteVoiceOpsStatusElement extends HTMLElement {
+    mounted;
+    connectedCallback() {
+      const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      this.mounted = mountVoiceOpsStatus(this, this.getAttribute("path") ?? "/app-kit/status", {
+        description: this.getAttribute("description") ?? undefined,
+        includeLinks: this.getAttribute("include-links") !== "false",
+        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
+        title: this.getAttribute("title") ?? undefined
+      });
+    }
+    disconnectedCallback() {
+      this.mounted?.close();
+      this.mounted = undefined;
+    }
+  });
+};
 
 // src/svelte/createVoiceOpsStatus.ts
 var createVoiceOpsStatus = (path = "/app-kit/status", options = {}) => {

package/dist/vue/index.js

@@ -254,6 +254,27 @@ var mountVoiceOpsStatus = (element, path = "/app-kit/status", options = {}) => {
     refresh: store.refresh
   };
 };
+var defineVoiceOpsStatusElement = (tagName = "absolute-voice-ops-status") => {
+  if (typeof window === "undefined" || typeof customElements === "undefined" || customElements.get(tagName)) {
+    return;
+  }
+  customElements.define(tagName, class AbsoluteVoiceOpsStatusElement extends HTMLElement {
+    mounted;
+    connectedCallback() {
+      const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      this.mounted = mountVoiceOpsStatus(this, this.getAttribute("path") ?? "/app-kit/status", {
+        description: this.getAttribute("description") ?? undefined,
+        includeLinks: this.getAttribute("include-links") !== "false",
+        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
+        title: this.getAttribute("title") ?? undefined
+      });
+    }
+    disconnectedCallback() {
+      this.mounted?.close();
+      this.mounted = undefined;
+    }
+  });
+};
 
 // src/vue/useVoiceAppKitStatus.ts
 import { onUnmounted, ref, shallowRef } from "vue";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@absolutejs/voice",
-	"version": "0.0.22-beta.52",
+	"version": "0.0.22-beta.53",
 	"description": "Voice primitives and Elysia plugin for AbsoluteJS",
 	"repository": {
 		"type": "git",