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

package/dist/react/index.js

@@ -167,6 +167,226 @@ var useVoiceAppKitStatus = (path = "/app-kit/status", options = {}) => {
     refresh: store.refresh
   };
 };
+
+// src/client/opsStatusWidget.ts
+var DEFAULT_TITLE = "Voice Ops Status";
+var DEFAULT_DESCRIPTION = "Certified workflow, provider, and handoff readiness from the AbsoluteJS voice app kit.";
+var SURFACE_LABELS = {
+  handoffs: "Handoffs",
+  providers: "Providers",
+  quality: "Quality",
+  sessions: "Sessions",
+  workflows: "Workflows"
+};
+var escapeHtml = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var readNumber = (value, key) => value && typeof value === "object" && (key in value) ? Number(value[key] ?? 0) : 0;
+var surfaceDetail = (surface) => {
+  const total = readNumber(surface, "total");
+  const failed = readNumber(surface, "failed");
+  const degraded = readNumber(surface, "degraded");
+  const source = surface && typeof surface === "object" && "source" in surface && typeof surface.source === "string" ? ` from ${surface.source}` : "";
+  if (degraded > 0) {
+    return `${degraded} degraded of ${total}`;
+  }
+  if (failed > 0) {
+    return `${failed} failing of ${total}${source}`;
+  }
+  return total > 0 ? `${total} passing${source}` : `No failures${source}`;
+};
+var getVoiceOpsStatusLabel = (report, error) => {
+  if (error) {
+    return "Unavailable";
+  }
+  if (!report) {
+    return "Checking";
+  }
+  return report.status === "pass" ? "Passing" : "Needs attention";
+};
+var createVoiceOpsStatusViewModel = (snapshot, options = {}) => {
+  const report = snapshot.report;
+  const surfaces = Object.entries(report?.surfaces ?? {}).map(([id, surface]) => {
+    const failed = readNumber(surface, "failed") || readNumber(surface, "degraded");
+    const total = readNumber(surface, "total");
+    const status = surface && typeof surface === "object" && "status" in surface ? surface.status ?? "pass" : "pass";
+    return {
+      detail: surfaceDetail(surface),
+      failed,
+      id,
+      label: SURFACE_LABELS[id] ?? id,
+      status,
+      total
+    };
+  });
+  return {
+    description: options.description ?? DEFAULT_DESCRIPTION,
+    error: snapshot.error,
+    isLoading: snapshot.isLoading,
+    label: getVoiceOpsStatusLabel(report, snapshot.error),
+    links: options.includeLinks === false ? [] : report?.links ?? [],
+    passed: report?.passed ?? 0,
+    status: snapshot.error ? "error" : report ? report.status : snapshot.isLoading ? "loading" : "loading",
+    surfaces,
+    title: options.title ?? DEFAULT_TITLE,
+    total: report?.total ?? 0,
+    updatedAt: snapshot.updatedAt
+  };
+};
+var renderVoiceOpsStatusHTML = (snapshot, options = {}) => {
+  const model = createVoiceOpsStatusViewModel(snapshot, options);
+  const surfaces = model.surfaces.length ? model.surfaces.map((surface) => `<li class="absolute-voice-ops-status__surface absolute-voice-ops-status__surface--${escapeHtml(surface.status)}">
+  <span>${escapeHtml(surface.label)}</span>
+  <strong>${escapeHtml(surface.detail)}</strong>
+</li>`).join("") : '<li class="absolute-voice-ops-status__surface"><span>Status</span><strong>Waiting for first check</strong></li>';
+  const links = model.links.length ? `<nav class="absolute-voice-ops-status__links">${model.links.slice(0, 4).map((link) => `<a href="${escapeHtml(link.href)}">${escapeHtml(link.label)}</a>`).join("")}</nav>` : "";
+  return `<section class="absolute-voice-ops-status absolute-voice-ops-status--${escapeHtml(model.status)}">
+  <header class="absolute-voice-ops-status__header">
+    <span class="absolute-voice-ops-status__eyebrow">${escapeHtml(model.title)}</span>
+    <strong class="absolute-voice-ops-status__label">${escapeHtml(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-ops-status__description">${escapeHtml(model.description)}</p>
+  <div class="absolute-voice-ops-status__summary">
+    <span>${model.passed} passing</span>
+    <span>${Math.max(model.total - model.passed, 0)} failing</span>
+    <span>${model.total} checks</span>
+  </div>
+  <ul class="absolute-voice-ops-status__surfaces">${surfaces}</ul>
+  ${model.error ? `<p class="absolute-voice-ops-status__error">${escapeHtml(model.error)}</p>` : ""}
+  ${links}
+</section>`;
+};
+var getVoiceOpsStatusCSS = () => `.absolute-voice-ops-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-ops-status--fail,.absolute-voice-ops-status--error{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-ops-status__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-ops-status__eyebrow{color:#73664f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-ops-status__label{font-size:28px;line-height:1}.absolute-voice-ops-status__description{color:#514733;margin:12px 0 0}.absolute-voice-ops-status__summary,.absolute-voice-ops-status__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.absolute-voice-ops-status__summary span,.absolute-voice-ops-status__links a{border:1px solid #e6ddca;border-radius:999px;color:inherit;padding:6px 10px;text-decoration:none}.absolute-voice-ops-status__surfaces{display:grid;gap:8px;list-style:none;margin:16px 0 0;padding:0}.absolute-voice-ops-status__surface{align-items:center;background:#fff;border:1px solid #eee4d2;border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.absolute-voice-ops-status__surface--fail{border-color:#f2a7a7}.absolute-voice-ops-status__surface span{color:#655944}.absolute-voice-ops-status__error{color:#9f1239;font-weight:700}`;
+var mountVoiceOpsStatus = (element, path = "/app-kit/status", options = {}) => {
+  const store = createVoiceAppKitStatusStore(path, options);
+  const render = () => {
+    element.innerHTML = renderVoiceOpsStatusHTML(store.getSnapshot(), options);
+  };
+  const unsubscribe = store.subscribe(render);
+  render();
+  store.refresh().catch(() => {});
+  return {
+    close: () => {
+      unsubscribe();
+      store.close();
+    },
+    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";
+var VoiceOpsStatus = ({
+  className,
+  path = "/app-kit/status",
+  ...options
+}) => {
+  const snapshot = useVoiceAppKitStatus(path, options);
+  const model = createVoiceOpsStatusViewModel(snapshot, options);
+  return /* @__PURE__ */ jsxDEV("section", {
+    className: [
+      "absolute-voice-ops-status",
+      `absolute-voice-ops-status--${model.status}`,
+      className
+    ].filter(Boolean).join(" "),
+    children: [
+      /* @__PURE__ */ jsxDEV("header", {
+        className: "absolute-voice-ops-status__header",
+        children: [
+          /* @__PURE__ */ jsxDEV("span", {
+            className: "absolute-voice-ops-status__eyebrow",
+            children: model.title
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("strong", {
+            className: "absolute-voice-ops-status__label",
+            children: model.label
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("p", {
+        className: "absolute-voice-ops-status__description",
+        children: model.description
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "absolute-voice-ops-status__summary",
+        children: [
+          /* @__PURE__ */ jsxDEV("span", {
+            children: [
+              model.passed,
+              " passing"
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV("span", {
+            children: [
+              Math.max(model.total - model.passed, 0),
+              " failing"
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV("span", {
+            children: [
+              model.total,
+              " checks"
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("ul", {
+        className: "absolute-voice-ops-status__surfaces",
+        children: model.surfaces.length > 0 ? model.surfaces.map((surface) => /* @__PURE__ */ jsxDEV("li", {
+          className: `absolute-voice-ops-status__surface absolute-voice-ops-status__surface--${surface.status}`,
+          children: [
+            /* @__PURE__ */ jsxDEV("span", {
+              children: surface.label
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("strong", {
+              children: surface.detail
+            }, undefined, false, undefined, this)
+          ]
+        }, surface.id, true, undefined, this)) : /* @__PURE__ */ jsxDEV("li", {
+          className: "absolute-voice-ops-status__surface",
+          children: [
+            /* @__PURE__ */ jsxDEV("span", {
+              children: "Status"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("strong", {
+              children: "Waiting for first check"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      model.error ? /* @__PURE__ */ jsxDEV("p", {
+        className: "absolute-voice-ops-status__error",
+        children: model.error
+      }, undefined, false, undefined, this) : null,
+      model.links.length > 0 ? /* @__PURE__ */ jsxDEV("nav", {
+        className: "absolute-voice-ops-status__links",
+        children: model.links.slice(0, 4).map((link) => /* @__PURE__ */ jsxDEV("a", {
+          href: link.href,
+          children: link.label
+        }, `${link.label}:${link.href}`, false, undefined, this))
+      }, undefined, false, undefined, this) : null
+    ]
+  }, undefined, true, undefined, this);
+};
 // src/react/useVoiceStream.tsx
 import { useEffect as useEffect2, useRef as useRef2, useSyncExternalStore as useSyncExternalStore2 } from "react";
 
@@ -1580,5 +1800,6 @@ export {
   useVoiceStream,
   useVoiceProviderStatus,
   useVoiceController,
-  useVoiceAppKitStatus
+  useVoiceAppKitStatus,
+  VoiceOpsStatus
 };

package/dist/svelte/createVoiceOpsStatus.d.ts

@@ -0,0 +1,9 @@
+import { type VoiceOpsStatusWidgetOptions } from '../client/opsStatusWidget';
+export declare const createVoiceOpsStatus: (path?: string, options?: VoiceOpsStatusWidgetOptions) => {
+    close: () => void;
+    getHTML: () => string;
+    getSnapshot: () => import("../client").VoiceAppKitStatusSnapshot;
+    getViewModel: () => import("../client").VoiceOpsStatusViewModel;
+    refresh: () => Promise<import("..").VoiceAppKitStatusReport | undefined>;
+    subscribe: (listener: () => void) => () => void;
+};

package/dist/svelte/index.d.ts

@@ -1,4 +1,5 @@
 export { createVoiceAppKitStatus } from './createVoiceAppKitStatus';
+export { createVoiceOpsStatus } from './createVoiceOpsStatus';
 export { createVoiceStream } from './createVoiceStream';
 export { createVoiceProviderStatus } from './createVoiceProviderStatus';
 export { createVoiceWorkflowStatus } from './createVoiceWorkflowStatus';

package/dist/svelte/index.js

@@ -150,6 +150,143 @@ var createVoiceAppKitStatusStore = (path = "/app-kit/status", options = {}) => {
 
 // src/svelte/createVoiceAppKitStatus.ts
 var createVoiceAppKitStatus = (path = "/app-kit/status", options = {}) => createVoiceAppKitStatusStore(path, options);
+// src/client/opsStatusWidget.ts
+var DEFAULT_TITLE = "Voice Ops Status";
+var DEFAULT_DESCRIPTION = "Certified workflow, provider, and handoff readiness from the AbsoluteJS voice app kit.";
+var SURFACE_LABELS = {
+  handoffs: "Handoffs",
+  providers: "Providers",
+  quality: "Quality",
+  sessions: "Sessions",
+  workflows: "Workflows"
+};
+var escapeHtml = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var readNumber = (value, key) => value && typeof value === "object" && (key in value) ? Number(value[key] ?? 0) : 0;
+var surfaceDetail = (surface) => {
+  const total = readNumber(surface, "total");
+  const failed = readNumber(surface, "failed");
+  const degraded = readNumber(surface, "degraded");
+  const source = surface && typeof surface === "object" && "source" in surface && typeof surface.source === "string" ? ` from ${surface.source}` : "";
+  if (degraded > 0) {
+    return `${degraded} degraded of ${total}`;
+  }
+  if (failed > 0) {
+    return `${failed} failing of ${total}${source}`;
+  }
+  return total > 0 ? `${total} passing${source}` : `No failures${source}`;
+};
+var getVoiceOpsStatusLabel = (report, error) => {
+  if (error) {
+    return "Unavailable";
+  }
+  if (!report) {
+    return "Checking";
+  }
+  return report.status === "pass" ? "Passing" : "Needs attention";
+};
+var createVoiceOpsStatusViewModel = (snapshot, options = {}) => {
+  const report = snapshot.report;
+  const surfaces = Object.entries(report?.surfaces ?? {}).map(([id, surface]) => {
+    const failed = readNumber(surface, "failed") || readNumber(surface, "degraded");
+    const total = readNumber(surface, "total");
+    const status = surface && typeof surface === "object" && "status" in surface ? surface.status ?? "pass" : "pass";
+    return {
+      detail: surfaceDetail(surface),
+      failed,
+      id,
+      label: SURFACE_LABELS[id] ?? id,
+      status,
+      total
+    };
+  });
+  return {
+    description: options.description ?? DEFAULT_DESCRIPTION,
+    error: snapshot.error,
+    isLoading: snapshot.isLoading,
+    label: getVoiceOpsStatusLabel(report, snapshot.error),
+    links: options.includeLinks === false ? [] : report?.links ?? [],
+    passed: report?.passed ?? 0,
+    status: snapshot.error ? "error" : report ? report.status : snapshot.isLoading ? "loading" : "loading",
+    surfaces,
+    title: options.title ?? DEFAULT_TITLE,
+    total: report?.total ?? 0,
+    updatedAt: snapshot.updatedAt
+  };
+};
+var renderVoiceOpsStatusHTML = (snapshot, options = {}) => {
+  const model = createVoiceOpsStatusViewModel(snapshot, options);
+  const surfaces = model.surfaces.length ? model.surfaces.map((surface) => `<li class="absolute-voice-ops-status__surface absolute-voice-ops-status__surface--${escapeHtml(surface.status)}">
+  <span>${escapeHtml(surface.label)}</span>
+  <strong>${escapeHtml(surface.detail)}</strong>
+</li>`).join("") : '<li class="absolute-voice-ops-status__surface"><span>Status</span><strong>Waiting for first check</strong></li>';
+  const links = model.links.length ? `<nav class="absolute-voice-ops-status__links">${model.links.slice(0, 4).map((link) => `<a href="${escapeHtml(link.href)}">${escapeHtml(link.label)}</a>`).join("")}</nav>` : "";
+  return `<section class="absolute-voice-ops-status absolute-voice-ops-status--${escapeHtml(model.status)}">
+  <header class="absolute-voice-ops-status__header">
+    <span class="absolute-voice-ops-status__eyebrow">${escapeHtml(model.title)}</span>
+    <strong class="absolute-voice-ops-status__label">${escapeHtml(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-ops-status__description">${escapeHtml(model.description)}</p>
+  <div class="absolute-voice-ops-status__summary">
+    <span>${model.passed} passing</span>
+    <span>${Math.max(model.total - model.passed, 0)} failing</span>
+    <span>${model.total} checks</span>
+  </div>
+  <ul class="absolute-voice-ops-status__surfaces">${surfaces}</ul>
+  ${model.error ? `<p class="absolute-voice-ops-status__error">${escapeHtml(model.error)}</p>` : ""}
+  ${links}
+</section>`;
+};
+var getVoiceOpsStatusCSS = () => `.absolute-voice-ops-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-ops-status--fail,.absolute-voice-ops-status--error{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-ops-status__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-ops-status__eyebrow{color:#73664f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-ops-status__label{font-size:28px;line-height:1}.absolute-voice-ops-status__description{color:#514733;margin:12px 0 0}.absolute-voice-ops-status__summary,.absolute-voice-ops-status__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.absolute-voice-ops-status__summary span,.absolute-voice-ops-status__links a{border:1px solid #e6ddca;border-radius:999px;color:inherit;padding:6px 10px;text-decoration:none}.absolute-voice-ops-status__surfaces{display:grid;gap:8px;list-style:none;margin:16px 0 0;padding:0}.absolute-voice-ops-status__surface{align-items:center;background:#fff;border:1px solid #eee4d2;border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.absolute-voice-ops-status__surface--fail{border-color:#f2a7a7}.absolute-voice-ops-status__surface span{color:#655944}.absolute-voice-ops-status__error{color:#9f1239;font-weight:700}`;
+var mountVoiceOpsStatus = (element, path = "/app-kit/status", options = {}) => {
+  const store = createVoiceAppKitStatusStore(path, options);
+  const render = () => {
+    element.innerHTML = renderVoiceOpsStatusHTML(store.getSnapshot(), options);
+  };
+  const unsubscribe = store.subscribe(render);
+  render();
+  store.refresh().catch(() => {});
+  return {
+    close: () => {
+      unsubscribe();
+      store.close();
+    },
+    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 = {}) => {
+  const store = createVoiceAppKitStatusStore(path, options);
+  return {
+    close: store.close,
+    getHTML: () => renderVoiceOpsStatusHTML(store.getSnapshot(), options),
+    getSnapshot: store.getSnapshot,
+    getViewModel: () => createVoiceOpsStatusViewModel(store.getSnapshot(), options),
+    refresh: store.refresh,
+    subscribe: store.subscribe
+  };
+};
 // src/client/actions.ts
 var normalizeErrorMessage = (value) => {
   if (typeof value === "string" && value.trim()) {
@@ -1461,6 +1598,7 @@ export {
   createVoiceWorkflowStatus,
   createVoiceStream2 as createVoiceStream,
   createVoiceProviderStatus,
+  createVoiceOpsStatus,
   createVoiceController,
   createVoiceAppKitStatus
 };

package/dist/vue/VoiceOpsStatus.d.ts

@@ -0,0 +1,30 @@
+export declare const VoiceOpsStatus: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    description: StringConstructor;
+    includeLinks: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    intervalMs: NumberConstructor;
+    path: {
+        default: string;
+        type: StringConstructor;
+    };
+    title: StringConstructor;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    description: StringConstructor;
+    includeLinks: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    intervalMs: NumberConstructor;
+    path: {
+        default: string;
+        type: StringConstructor;
+    };
+    title: StringConstructor;
+}>> & Readonly<{}>, {
+    path: string;
+    includeLinks: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/vue/index.d.ts

@@ -1,3 +1,4 @@
+export { VoiceOpsStatus } from './VoiceOpsStatus';
 export { useVoiceAppKitStatus } from './useVoiceAppKitStatus';
 export { useVoiceStream } from './useVoiceStream';
 export { useVoiceController } from './useVoiceController';

package/dist/vue/index.js

@@ -69,8 +69,8 @@ var __decorateElement = (array, flags, name, decorators, target, extra) => {
   return k || __decoratorMetadata(array, target), desc && __defProp(target, name, desc), p ? k ^ 4 ? extra : desc : target;
 };
 
-// src/vue/useVoiceAppKitStatus.ts
-import { onUnmounted, ref, shallowRef } from "vue";
+// src/vue/VoiceOpsStatus.ts
+import { defineComponent, h } from "vue";
 
 // src/client/appKitStatus.ts
 var fetchVoiceAppKitStatus = async (path = "/app-kit/status", options = {}) => {
@@ -151,7 +151,133 @@ var createVoiceAppKitStatusStore = (path = "/app-kit/status", options = {}) => {
   };
 };
 
+// src/client/opsStatusWidget.ts
+var DEFAULT_TITLE = "Voice Ops Status";
+var DEFAULT_DESCRIPTION = "Certified workflow, provider, and handoff readiness from the AbsoluteJS voice app kit.";
+var SURFACE_LABELS = {
+  handoffs: "Handoffs",
+  providers: "Providers",
+  quality: "Quality",
+  sessions: "Sessions",
+  workflows: "Workflows"
+};
+var escapeHtml = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var readNumber = (value, key) => value && typeof value === "object" && (key in value) ? Number(value[key] ?? 0) : 0;
+var surfaceDetail = (surface) => {
+  const total = readNumber(surface, "total");
+  const failed = readNumber(surface, "failed");
+  const degraded = readNumber(surface, "degraded");
+  const source = surface && typeof surface === "object" && "source" in surface && typeof surface.source === "string" ? ` from ${surface.source}` : "";
+  if (degraded > 0) {
+    return `${degraded} degraded of ${total}`;
+  }
+  if (failed > 0) {
+    return `${failed} failing of ${total}${source}`;
+  }
+  return total > 0 ? `${total} passing${source}` : `No failures${source}`;
+};
+var getVoiceOpsStatusLabel = (report, error) => {
+  if (error) {
+    return "Unavailable";
+  }
+  if (!report) {
+    return "Checking";
+  }
+  return report.status === "pass" ? "Passing" : "Needs attention";
+};
+var createVoiceOpsStatusViewModel = (snapshot, options = {}) => {
+  const report = snapshot.report;
+  const surfaces = Object.entries(report?.surfaces ?? {}).map(([id, surface]) => {
+    const failed = readNumber(surface, "failed") || readNumber(surface, "degraded");
+    const total = readNumber(surface, "total");
+    const status = surface && typeof surface === "object" && "status" in surface ? surface.status ?? "pass" : "pass";
+    return {
+      detail: surfaceDetail(surface),
+      failed,
+      id,
+      label: SURFACE_LABELS[id] ?? id,
+      status,
+      total
+    };
+  });
+  return {
+    description: options.description ?? DEFAULT_DESCRIPTION,
+    error: snapshot.error,
+    isLoading: snapshot.isLoading,
+    label: getVoiceOpsStatusLabel(report, snapshot.error),
+    links: options.includeLinks === false ? [] : report?.links ?? [],
+    passed: report?.passed ?? 0,
+    status: snapshot.error ? "error" : report ? report.status : snapshot.isLoading ? "loading" : "loading",
+    surfaces,
+    title: options.title ?? DEFAULT_TITLE,
+    total: report?.total ?? 0,
+    updatedAt: snapshot.updatedAt
+  };
+};
+var renderVoiceOpsStatusHTML = (snapshot, options = {}) => {
+  const model = createVoiceOpsStatusViewModel(snapshot, options);
+  const surfaces = model.surfaces.length ? model.surfaces.map((surface) => `<li class="absolute-voice-ops-status__surface absolute-voice-ops-status__surface--${escapeHtml(surface.status)}">
+  <span>${escapeHtml(surface.label)}</span>
+  <strong>${escapeHtml(surface.detail)}</strong>
+</li>`).join("") : '<li class="absolute-voice-ops-status__surface"><span>Status</span><strong>Waiting for first check</strong></li>';
+  const links = model.links.length ? `<nav class="absolute-voice-ops-status__links">${model.links.slice(0, 4).map((link) => `<a href="${escapeHtml(link.href)}">${escapeHtml(link.label)}</a>`).join("")}</nav>` : "";
+  return `<section class="absolute-voice-ops-status absolute-voice-ops-status--${escapeHtml(model.status)}">
+  <header class="absolute-voice-ops-status__header">
+    <span class="absolute-voice-ops-status__eyebrow">${escapeHtml(model.title)}</span>
+    <strong class="absolute-voice-ops-status__label">${escapeHtml(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-ops-status__description">${escapeHtml(model.description)}</p>
+  <div class="absolute-voice-ops-status__summary">
+    <span>${model.passed} passing</span>
+    <span>${Math.max(model.total - model.passed, 0)} failing</span>
+    <span>${model.total} checks</span>
+  </div>
+  <ul class="absolute-voice-ops-status__surfaces">${surfaces}</ul>
+  ${model.error ? `<p class="absolute-voice-ops-status__error">${escapeHtml(model.error)}</p>` : ""}
+  ${links}
+</section>`;
+};
+var getVoiceOpsStatusCSS = () => `.absolute-voice-ops-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-ops-status--fail,.absolute-voice-ops-status--error{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-ops-status__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-ops-status__eyebrow{color:#73664f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-ops-status__label{font-size:28px;line-height:1}.absolute-voice-ops-status__description{color:#514733;margin:12px 0 0}.absolute-voice-ops-status__summary,.absolute-voice-ops-status__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.absolute-voice-ops-status__summary span,.absolute-voice-ops-status__links a{border:1px solid #e6ddca;border-radius:999px;color:inherit;padding:6px 10px;text-decoration:none}.absolute-voice-ops-status__surfaces{display:grid;gap:8px;list-style:none;margin:16px 0 0;padding:0}.absolute-voice-ops-status__surface{align-items:center;background:#fff;border:1px solid #eee4d2;border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.absolute-voice-ops-status__surface--fail{border-color:#f2a7a7}.absolute-voice-ops-status__surface span{color:#655944}.absolute-voice-ops-status__error{color:#9f1239;font-weight:700}`;
+var mountVoiceOpsStatus = (element, path = "/app-kit/status", options = {}) => {
+  const store = createVoiceAppKitStatusStore(path, options);
+  const render = () => {
+    element.innerHTML = renderVoiceOpsStatusHTML(store.getSnapshot(), options);
+  };
+  const unsubscribe = store.subscribe(render);
+  render();
+  store.refresh().catch(() => {});
+  return {
+    close: () => {
+      unsubscribe();
+      store.close();
+    },
+    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";
 var useVoiceAppKitStatus = (path = "/app-kit/status", options = {}) => {
   const store = createVoiceAppKitStatusStore(path, options);
   const error = ref(null);
@@ -182,6 +308,72 @@ var useVoiceAppKitStatus = (path = "/app-kit/status", options = {}) => {
     updatedAt
   };
 };
+
+// src/vue/VoiceOpsStatus.ts
+var VoiceOpsStatus = defineComponent({
+  name: "VoiceOpsStatus",
+  props: {
+    description: String,
+    includeLinks: {
+      default: true,
+      type: Boolean
+    },
+    intervalMs: Number,
+    path: {
+      default: "/app-kit/status",
+      type: String
+    },
+    title: String
+  },
+  setup(props) {
+    const options = {
+      description: props.description,
+      includeLinks: props.includeLinks,
+      intervalMs: props.intervalMs,
+      title: props.title
+    };
+    const status = useVoiceAppKitStatus(props.path, options);
+    return () => {
+      const model = createVoiceOpsStatusViewModel({
+        error: status.error.value,
+        isLoading: status.isLoading.value,
+        report: status.report.value,
+        updatedAt: status.updatedAt.value
+      }, options);
+      return h("section", {
+        class: [
+          "absolute-voice-ops-status",
+          `absolute-voice-ops-status--${model.status}`
+        ]
+      }, [
+        h("header", { class: "absolute-voice-ops-status__header" }, [
+          h("span", { class: "absolute-voice-ops-status__eyebrow" }, model.title),
+          h("strong", { class: "absolute-voice-ops-status__label" }, model.label)
+        ]),
+        h("p", { class: "absolute-voice-ops-status__description" }, model.description),
+        h("div", { class: "absolute-voice-ops-status__summary" }, [
+          h("span", `${model.passed} passing`),
+          h("span", `${Math.max(model.total - model.passed, 0)} failing`),
+          h("span", `${model.total} checks`)
+        ]),
+        h("ul", { class: "absolute-voice-ops-status__surfaces" }, model.surfaces.length > 0 ? model.surfaces.map((surface) => h("li", {
+          class: [
+            "absolute-voice-ops-status__surface",
+            `absolute-voice-ops-status__surface--${surface.status}`
+          ],
+          key: surface.id
+        }, [h("span", surface.label), h("strong", surface.detail)])) : [
+          h("li", { class: "absolute-voice-ops-status__surface" }, [
+            h("span", "Status"),
+            h("strong", "Waiting for first check")
+          ])
+        ]),
+        model.error ? h("p", { class: "absolute-voice-ops-status__error" }, model.error) : null,
+        model.links.length > 0 ? h("nav", { class: "absolute-voice-ops-status__links" }, model.links.slice(0, 4).map((link) => h("a", { href: link.href, key: link.href }, link.label))) : null
+      ]);
+    };
+  }
+});
 // src/vue/useVoiceStream.ts
 import { onUnmounted as onUnmounted2, ref as ref2, shallowRef as shallowRef2 } from "vue";
 
@@ -1659,5 +1851,6 @@ export {
   useVoiceStream,
   useVoiceProviderStatus,
   useVoiceController,
-  useVoiceAppKitStatus
+  useVoiceAppKitStatus,
+  VoiceOpsStatus
 };