@absolutejs/voice 0.0.22-beta.152 → 0.0.22-beta.153

package/dist/react/VoiceDeliveryRuntime.d.ts

@@ -1,6 +1,7 @@
 import { type VoiceDeliveryRuntimeWidgetOptions } from '../client/deliveryRuntimeWidget';
 export type VoiceDeliveryRuntimeProps = VoiceDeliveryRuntimeWidgetOptions & {
     className?: string;
+    includeActions?: boolean;
     path?: string;
 };
-export declare const VoiceDeliveryRuntime: ({ className, path, ...options }: VoiceDeliveryRuntimeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VoiceDeliveryRuntime: ({ className, includeActions, path, ...options }: VoiceDeliveryRuntimeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/react/index.js

@@ -388,6 +388,12 @@ var VoiceOpsStatus = ({
   }, undefined, true, undefined, this);
 };
 // src/client/deliveryRuntime.ts
+var getDefaultActionPath = (path, action, options) => {
+  if (action === "tick") {
+    return options.tickPath ?? `${path.replace(/\/$/, "")}/tick`;
+  }
+  return options.requeueDeadLettersPath ?? `${path.replace(/\/$/, "")}/requeue-dead-letters`;
+};
 var fetchVoiceDeliveryRuntime = async (path = "/api/voice-delivery-runtime", options = {}) => {
   const fetchImpl = options.fetch ?? globalThis.fetch;
   const response = await fetchImpl(path);
@@ -396,11 +402,29 @@ var fetchVoiceDeliveryRuntime = async (path = "/api/voice-delivery-runtime", opt
   }
   return await response.json();
 };
+var runVoiceDeliveryRuntimeAction = async (action, path = "/api/voice-delivery-runtime", options = {}) => {
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(getDefaultActionPath(path, action, options), {
+    method: "POST"
+  });
+  if (!response.ok) {
+    throw new Error(`Voice delivery runtime ${action} failed: HTTP ${response.status}`);
+  }
+  const body = await response.json();
+  return {
+    action,
+    result: body.result,
+    summary: body.summary,
+    updatedAt: Date.now()
+  };
+};
 var createVoiceDeliveryRuntimeStore = (path = "/api/voice-delivery-runtime", options = {}) => {
   const listeners = new Set;
   let closed = false;
   let timer;
   let snapshot = {
+    actionError: null,
+    actionStatus: "idle",
     error: null,
     isLoading: false
   };
@@ -422,6 +446,7 @@ var createVoiceDeliveryRuntimeStore = (path = "/api/voice-delivery-runtime", opt
     try {
       const report = await fetchVoiceDeliveryRuntime(path, options);
       snapshot = {
+        ...snapshot,
         error: null,
         isLoading: false,
         report,
@@ -439,6 +464,37 @@ var createVoiceDeliveryRuntimeStore = (path = "/api/voice-delivery-runtime", opt
       throw error;
     }
   };
+  const runAction = async (action) => {
+    if (closed) {
+      return snapshot.lastAction;
+    }
+    snapshot = {
+      ...snapshot,
+      actionError: null,
+      actionStatus: "running"
+    };
+    emit();
+    try {
+      const result = await runVoiceDeliveryRuntimeAction(action, path, options);
+      snapshot = {
+        ...snapshot,
+        actionError: null,
+        actionStatus: "completed",
+        lastAction: result
+      };
+      emit();
+      await refresh();
+      return result;
+    } catch (error) {
+      snapshot = {
+        ...snapshot,
+        actionError: error instanceof Error ? error.message : String(error),
+        actionStatus: "failed"
+      };
+      emit();
+      throw error;
+    }
+  };
   const close = () => {
     closed = true;
     if (timer) {
@@ -456,7 +512,9 @@ var createVoiceDeliveryRuntimeStore = (path = "/api/voice-delivery-runtime", opt
     close,
     getServerSnapshot: () => snapshot,
     getSnapshot: () => snapshot,
+    requeueDeadLetters: () => runAction("requeue-dead-letters"),
     refresh,
+    tick: () => runAction("tick"),
     subscribe: (listener) => {
       listeners.add(listener);
       return () => {
@@ -505,6 +563,8 @@ var createVoiceDeliveryRuntimeViewModel = (snapshot, options = {}) => {
   return {
     description: options.description ?? DEFAULT_DESCRIPTION2,
     error: snapshot.error,
+    actionError: snapshot.actionError,
+    actionStatus: snapshot.actionStatus,
     isLoading: snapshot.isLoading,
     isRunning: Boolean(report?.isRunning),
     label: snapshot.error ? "Unavailable" : report ? report.isRunning ? "Running" : "Stopped" : "Checking",
@@ -521,6 +581,11 @@ var renderVoiceDeliveryRuntimeHTML = (snapshot, options = {}) => {
   <strong>${escapeHtml2(surface.detail)}</strong>
   <small>${String(surface.failed)} failed &middot; ${String(surface.deadLettered)} dead-lettered</small>
 </li>`).join("");
+  const actions = options.includeActions === false ? "" : `<div class="absolute-voice-delivery-runtime__actions">
+  <button type="button" data-absolute-voice-delivery-runtime-action="tick">${model.actionStatus === "running" ? "Working..." : "Tick workers"}</button>
+  <button type="button" data-absolute-voice-delivery-runtime-action="requeue-dead-letters"${model.surfaces.some((surface) => surface.deadLettered > 0) ? "" : " disabled"}>Requeue dead letters</button>
+</div>`;
+  const actionError = model.actionError ? `<p class="absolute-voice-delivery-runtime__error">${escapeHtml2(model.actionError)}</p>` : "";
   return `<section class="absolute-voice-delivery-runtime absolute-voice-delivery-runtime--${escapeHtml2(model.status)}">
   <header class="absolute-voice-delivery-runtime__header">
     <span class="absolute-voice-delivery-runtime__eyebrow">${escapeHtml2(model.title)}</span>
@@ -528,20 +593,38 @@ var renderVoiceDeliveryRuntimeHTML = (snapshot, options = {}) => {
   </header>
   <p class="absolute-voice-delivery-runtime__description">${escapeHtml2(model.description)}</p>
   <ul class="absolute-voice-delivery-runtime__surfaces">${surfaces}</ul>
+  ${actions}
+  ${actionError}
   ${model.error ? `<p class="absolute-voice-delivery-runtime__error">${escapeHtml2(model.error)}</p>` : ""}
 </section>`;
 };
-var getVoiceDeliveryRuntimeCSS = () => `.absolute-voice-delivery-runtime{border:1px solid #c9d8cf;border-radius:20px;background:#f6fff9;color:#0d1b12;padding:18px;box-shadow:0 18px 40px rgba(19,55,35,.12);font-family:inherit}.absolute-voice-delivery-runtime--warn,.absolute-voice-delivery-runtime--error{border-color:#f2b56b;background:#fff9ed}.absolute-voice-delivery-runtime__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-delivery-runtime__eyebrow{color:#4e6b59;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-delivery-runtime__label{font-size:28px;line-height:1}.absolute-voice-delivery-runtime__description{color:#33483b;margin:12px 0 0}.absolute-voice-delivery-runtime__surfaces{display:grid;gap:8px;list-style:none;margin:16px 0 0;padding:0}.absolute-voice-delivery-runtime__surface{background:#fff;border:1px solid #d9eadf;border-radius:14px;display:grid;gap:4px;padding:10px 12px}.absolute-voice-delivery-runtime__surface--warn{border-color:#f2b56b}.absolute-voice-delivery-runtime__surface--disabled{opacity:.72}.absolute-voice-delivery-runtime__surface span,.absolute-voice-delivery-runtime__surface small{color:#587063}.absolute-voice-delivery-runtime__error{color:#9f1239;font-weight:700}`;
+var getVoiceDeliveryRuntimeCSS = () => `.absolute-voice-delivery-runtime{border:1px solid #c9d8cf;border-radius:20px;background:#f6fff9;color:#0d1b12;padding:18px;box-shadow:0 18px 40px rgba(19,55,35,.12);font-family:inherit}.absolute-voice-delivery-runtime--warn,.absolute-voice-delivery-runtime--error{border-color:#f2b56b;background:#fff9ed}.absolute-voice-delivery-runtime__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-delivery-runtime__eyebrow{color:#4e6b59;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-delivery-runtime__label{font-size:28px;line-height:1}.absolute-voice-delivery-runtime__description{color:#33483b;margin:12px 0 0}.absolute-voice-delivery-runtime__surfaces{display:grid;gap:8px;list-style:none;margin:16px 0 0;padding:0}.absolute-voice-delivery-runtime__surface{background:#fff;border:1px solid #d9eadf;border-radius:14px;display:grid;gap:4px;padding:10px 12px}.absolute-voice-delivery-runtime__surface--warn{border-color:#f2b56b}.absolute-voice-delivery-runtime__surface--disabled{opacity:.72}.absolute-voice-delivery-runtime__surface span,.absolute-voice-delivery-runtime__surface small{color:#587063}.absolute-voice-delivery-runtime__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.absolute-voice-delivery-runtime__actions button{background:#134e2d;border:0;border-radius:999px;color:#f6fff9;cursor:pointer;font:inherit;font-weight:800;padding:8px 12px}.absolute-voice-delivery-runtime__actions button:disabled{cursor:not-allowed;opacity:.48}.absolute-voice-delivery-runtime__error{color:#9f1239;font-weight:700}`;
 var mountVoiceDeliveryRuntime = (element, path = "/api/voice-delivery-runtime", options = {}) => {
   const store = createVoiceDeliveryRuntimeStore(path, options);
   const render = () => {
     element.innerHTML = renderVoiceDeliveryRuntimeHTML(store.getSnapshot(), options);
   };
   const unsubscribe = store.subscribe(render);
+  const handleClick = (event) => {
+    const target = event.target;
+    if (!(target instanceof Element)) {
+      return;
+    }
+    const action = target.closest("[data-absolute-voice-delivery-runtime-action]");
+    const actionName = action?.getAttribute("data-absolute-voice-delivery-runtime-action");
+    if (actionName === "tick") {
+      store.tick().catch(() => {});
+    }
+    if (actionName === "requeue-dead-letters") {
+      store.requeueDeadLetters().catch(() => {});
+    }
+  };
+  element.addEventListener?.("click", handleClick);
   render();
   store.refresh().catch(() => {});
   return {
     close: () => {
+      element.removeEventListener?.("click", handleClick);
       unsubscribe();
       store.close();
     },
@@ -583,7 +666,9 @@ var useVoiceDeliveryRuntime = (path = "/api/voice-delivery-runtime", options = {
   }, [store]);
   return {
     ...useSyncExternalStore2(store.subscribe, store.getSnapshot, store.getServerSnapshot),
-    refresh: store.refresh
+    requeueDeadLetters: store.requeueDeadLetters,
+    refresh: store.refresh,
+    tick: store.tick
   };
 };
 
@@ -591,11 +676,13 @@ var useVoiceDeliveryRuntime = (path = "/api/voice-delivery-runtime", options = {
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 var VoiceDeliveryRuntime = ({
   className,
+  includeActions = true,
   path = "/api/voice-delivery-runtime",
   ...options
 }) => {
   const snapshot = useVoiceDeliveryRuntime(path, options);
   const model = createVoiceDeliveryRuntimeViewModel(snapshot, options);
+  const hasDeadLetters = model.surfaces.some((surface) => surface.deadLettered > 0);
   return /* @__PURE__ */ jsxDEV2("section", {
     className: [
       "absolute-voice-delivery-runtime",
@@ -642,6 +729,31 @@ var VoiceDeliveryRuntime = ({
           ]
         }, surface.id, true, undefined, this))
       }, undefined, false, undefined, this),
+      includeActions ? /* @__PURE__ */ jsxDEV2("div", {
+        className: "absolute-voice-delivery-runtime__actions",
+        children: [
+          /* @__PURE__ */ jsxDEV2("button", {
+            disabled: model.actionStatus === "running",
+            onClick: () => {
+              snapshot.tick().catch(() => {});
+            },
+            type: "button",
+            children: model.actionStatus === "running" ? "Working..." : "Tick workers"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV2("button", {
+            disabled: model.actionStatus === "running" || !hasDeadLetters,
+            onClick: () => {
+              snapshot.requeueDeadLetters().catch(() => {});
+            },
+            type: "button",
+            children: "Requeue dead letters"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this) : null,
+      model.actionError ? /* @__PURE__ */ jsxDEV2("p", {
+        className: "absolute-voice-delivery-runtime__error",
+        children: model.actionError
+      }, undefined, false, undefined, this) : null,
       model.error ? /* @__PURE__ */ jsxDEV2("p", {
         className: "absolute-voice-delivery-runtime__error",
         children: model.error

package/dist/react/useVoiceDeliveryRuntime.d.ts

@@ -1,8 +1,13 @@
 import { type VoiceDeliveryRuntimeClientOptions } from '../client/deliveryRuntime';
 export declare const useVoiceDeliveryRuntime: (path?: string, options?: VoiceDeliveryRuntimeClientOptions) => {
+    requeueDeadLetters: () => Promise<import("../client").VoiceDeliveryRuntimeActionResult | undefined>;
     refresh: () => Promise<import("..").VoiceDeliveryRuntimeReport | undefined>;
+    tick: () => Promise<import("../client").VoiceDeliveryRuntimeActionResult | undefined>;
+    actionError: string | null;
+    actionStatus: "idle" | "running" | "completed" | "failed";
     error: string | null;
     isLoading: boolean;
+    lastAction?: import("../client").VoiceDeliveryRuntimeActionResult;
     report?: import("..").VoiceDeliveryRuntimeReport;
     updatedAt?: number;
 };

package/dist/svelte/createVoiceDeliveryRuntime.d.ts

@@ -4,6 +4,8 @@ export declare const createVoiceDeliveryRuntime: (path?: string, options?: Voice
     getHTML: () => string;
     getSnapshot: () => import("../client").VoiceDeliveryRuntimeSnapshot;
     getViewModel: () => import("../client").VoiceDeliveryRuntimeViewModel;
+    requeueDeadLetters: () => Promise<import("../client").VoiceDeliveryRuntimeActionResult | undefined>;
     refresh: () => Promise<import("..").VoiceDeliveryRuntimeReport | undefined>;
     subscribe: (listener: () => void) => () => void;
+    tick: () => Promise<import("../client").VoiceDeliveryRuntimeActionResult | undefined>;
 };

package/dist/svelte/index.js

@@ -190,6 +190,12 @@ var createVoiceCampaignDialerProofStore = (path = "/api/voice/campaigns/dialer-p
 // src/svelte/createVoiceCampaignDialerProof.ts
 var createVoiceCampaignDialerProof = (path = "/api/voice/campaigns/dialer-proof", options = {}) => createVoiceCampaignDialerProofStore(path, options);
 // src/client/deliveryRuntime.ts
+var getDefaultActionPath = (path, action, options) => {
+  if (action === "tick") {
+    return options.tickPath ?? `${path.replace(/\/$/, "")}/tick`;
+  }
+  return options.requeueDeadLettersPath ?? `${path.replace(/\/$/, "")}/requeue-dead-letters`;
+};
 var fetchVoiceDeliveryRuntime = async (path = "/api/voice-delivery-runtime", options = {}) => {
   const fetchImpl = options.fetch ?? globalThis.fetch;
   const response = await fetchImpl(path);
@@ -198,11 +204,29 @@ var fetchVoiceDeliveryRuntime = async (path = "/api/voice-delivery-runtime", opt
   }
   return await response.json();
 };
+var runVoiceDeliveryRuntimeAction = async (action, path = "/api/voice-delivery-runtime", options = {}) => {
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(getDefaultActionPath(path, action, options), {
+    method: "POST"
+  });
+  if (!response.ok) {
+    throw new Error(`Voice delivery runtime ${action} failed: HTTP ${response.status}`);
+  }
+  const body = await response.json();
+  return {
+    action,
+    result: body.result,
+    summary: body.summary,
+    updatedAt: Date.now()
+  };
+};
 var createVoiceDeliveryRuntimeStore = (path = "/api/voice-delivery-runtime", options = {}) => {
   const listeners = new Set;
   let closed = false;
   let timer;
   let snapshot = {
+    actionError: null,
+    actionStatus: "idle",
     error: null,
     isLoading: false
   };
@@ -224,6 +248,7 @@ var createVoiceDeliveryRuntimeStore = (path = "/api/voice-delivery-runtime", opt
     try {
       const report = await fetchVoiceDeliveryRuntime(path, options);
       snapshot = {
+        ...snapshot,
         error: null,
         isLoading: false,
         report,
@@ -241,6 +266,37 @@ var createVoiceDeliveryRuntimeStore = (path = "/api/voice-delivery-runtime", opt
       throw error;
     }
   };
+  const runAction = async (action) => {
+    if (closed) {
+      return snapshot.lastAction;
+    }
+    snapshot = {
+      ...snapshot,
+      actionError: null,
+      actionStatus: "running"
+    };
+    emit();
+    try {
+      const result = await runVoiceDeliveryRuntimeAction(action, path, options);
+      snapshot = {
+        ...snapshot,
+        actionError: null,
+        actionStatus: "completed",
+        lastAction: result
+      };
+      emit();
+      await refresh();
+      return result;
+    } catch (error) {
+      snapshot = {
+        ...snapshot,
+        actionError: error instanceof Error ? error.message : String(error),
+        actionStatus: "failed"
+      };
+      emit();
+      throw error;
+    }
+  };
   const close = () => {
     closed = true;
     if (timer) {
@@ -258,7 +314,9 @@ var createVoiceDeliveryRuntimeStore = (path = "/api/voice-delivery-runtime", opt
     close,
     getServerSnapshot: () => snapshot,
     getSnapshot: () => snapshot,
+    requeueDeadLetters: () => runAction("requeue-dead-letters"),
     refresh,
+    tick: () => runAction("tick"),
     subscribe: (listener) => {
       listeners.add(listener);
       return () => {
@@ -307,6 +365,8 @@ var createVoiceDeliveryRuntimeViewModel = (snapshot, options = {}) => {
   return {
     description: options.description ?? DEFAULT_DESCRIPTION,
     error: snapshot.error,
+    actionError: snapshot.actionError,
+    actionStatus: snapshot.actionStatus,
     isLoading: snapshot.isLoading,
     isRunning: Boolean(report?.isRunning),
     label: snapshot.error ? "Unavailable" : report ? report.isRunning ? "Running" : "Stopped" : "Checking",
@@ -323,6 +383,11 @@ var renderVoiceDeliveryRuntimeHTML = (snapshot, options = {}) => {
   <strong>${escapeHtml(surface.detail)}</strong>
   <small>${String(surface.failed)} failed &middot; ${String(surface.deadLettered)} dead-lettered</small>
 </li>`).join("");
+  const actions = options.includeActions === false ? "" : `<div class="absolute-voice-delivery-runtime__actions">
+  <button type="button" data-absolute-voice-delivery-runtime-action="tick">${model.actionStatus === "running" ? "Working..." : "Tick workers"}</button>
+  <button type="button" data-absolute-voice-delivery-runtime-action="requeue-dead-letters"${model.surfaces.some((surface) => surface.deadLettered > 0) ? "" : " disabled"}>Requeue dead letters</button>
+</div>`;
+  const actionError = model.actionError ? `<p class="absolute-voice-delivery-runtime__error">${escapeHtml(model.actionError)}</p>` : "";
   return `<section class="absolute-voice-delivery-runtime absolute-voice-delivery-runtime--${escapeHtml(model.status)}">
   <header class="absolute-voice-delivery-runtime__header">
     <span class="absolute-voice-delivery-runtime__eyebrow">${escapeHtml(model.title)}</span>
@@ -330,20 +395,38 @@ var renderVoiceDeliveryRuntimeHTML = (snapshot, options = {}) => {
   </header>
   <p class="absolute-voice-delivery-runtime__description">${escapeHtml(model.description)}</p>
   <ul class="absolute-voice-delivery-runtime__surfaces">${surfaces}</ul>
+  ${actions}
+  ${actionError}
   ${model.error ? `<p class="absolute-voice-delivery-runtime__error">${escapeHtml(model.error)}</p>` : ""}
 </section>`;
 };
-var getVoiceDeliveryRuntimeCSS = () => `.absolute-voice-delivery-runtime{border:1px solid #c9d8cf;border-radius:20px;background:#f6fff9;color:#0d1b12;padding:18px;box-shadow:0 18px 40px rgba(19,55,35,.12);font-family:inherit}.absolute-voice-delivery-runtime--warn,.absolute-voice-delivery-runtime--error{border-color:#f2b56b;background:#fff9ed}.absolute-voice-delivery-runtime__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-delivery-runtime__eyebrow{color:#4e6b59;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-delivery-runtime__label{font-size:28px;line-height:1}.absolute-voice-delivery-runtime__description{color:#33483b;margin:12px 0 0}.absolute-voice-delivery-runtime__surfaces{display:grid;gap:8px;list-style:none;margin:16px 0 0;padding:0}.absolute-voice-delivery-runtime__surface{background:#fff;border:1px solid #d9eadf;border-radius:14px;display:grid;gap:4px;padding:10px 12px}.absolute-voice-delivery-runtime__surface--warn{border-color:#f2b56b}.absolute-voice-delivery-runtime__surface--disabled{opacity:.72}.absolute-voice-delivery-runtime__surface span,.absolute-voice-delivery-runtime__surface small{color:#587063}.absolute-voice-delivery-runtime__error{color:#9f1239;font-weight:700}`;
+var getVoiceDeliveryRuntimeCSS = () => `.absolute-voice-delivery-runtime{border:1px solid #c9d8cf;border-radius:20px;background:#f6fff9;color:#0d1b12;padding:18px;box-shadow:0 18px 40px rgba(19,55,35,.12);font-family:inherit}.absolute-voice-delivery-runtime--warn,.absolute-voice-delivery-runtime--error{border-color:#f2b56b;background:#fff9ed}.absolute-voice-delivery-runtime__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-delivery-runtime__eyebrow{color:#4e6b59;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-delivery-runtime__label{font-size:28px;line-height:1}.absolute-voice-delivery-runtime__description{color:#33483b;margin:12px 0 0}.absolute-voice-delivery-runtime__surfaces{display:grid;gap:8px;list-style:none;margin:16px 0 0;padding:0}.absolute-voice-delivery-runtime__surface{background:#fff;border:1px solid #d9eadf;border-radius:14px;display:grid;gap:4px;padding:10px 12px}.absolute-voice-delivery-runtime__surface--warn{border-color:#f2b56b}.absolute-voice-delivery-runtime__surface--disabled{opacity:.72}.absolute-voice-delivery-runtime__surface span,.absolute-voice-delivery-runtime__surface small{color:#587063}.absolute-voice-delivery-runtime__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.absolute-voice-delivery-runtime__actions button{background:#134e2d;border:0;border-radius:999px;color:#f6fff9;cursor:pointer;font:inherit;font-weight:800;padding:8px 12px}.absolute-voice-delivery-runtime__actions button:disabled{cursor:not-allowed;opacity:.48}.absolute-voice-delivery-runtime__error{color:#9f1239;font-weight:700}`;
 var mountVoiceDeliveryRuntime = (element, path = "/api/voice-delivery-runtime", options = {}) => {
   const store = createVoiceDeliveryRuntimeStore(path, options);
   const render = () => {
     element.innerHTML = renderVoiceDeliveryRuntimeHTML(store.getSnapshot(), options);
   };
   const unsubscribe = store.subscribe(render);
+  const handleClick = (event) => {
+    const target = event.target;
+    if (!(target instanceof Element)) {
+      return;
+    }
+    const action = target.closest("[data-absolute-voice-delivery-runtime-action]");
+    const actionName = action?.getAttribute("data-absolute-voice-delivery-runtime-action");
+    if (actionName === "tick") {
+      store.tick().catch(() => {});
+    }
+    if (actionName === "requeue-dead-letters") {
+      store.requeueDeadLetters().catch(() => {});
+    }
+  };
+  element.addEventListener?.("click", handleClick);
   render();
   store.refresh().catch(() => {});
   return {
     close: () => {
+      element.removeEventListener?.("click", handleClick);
       unsubscribe();
       store.close();
     },
@@ -379,8 +462,10 @@ var createVoiceDeliveryRuntime = (path = "/api/voice-delivery-runtime", options
     getHTML: () => renderVoiceDeliveryRuntimeHTML(store.getSnapshot(), options),
     getSnapshot: store.getSnapshot,
     getViewModel: () => createVoiceDeliveryRuntimeViewModel(store.getSnapshot(), options),
+    requeueDeadLetters: store.requeueDeadLetters,
     refresh: store.refresh,
-    subscribe: store.subscribe
+    subscribe: store.subscribe,
+    tick: store.tick
   };
 };
 // src/client/opsStatus.ts

package/dist/vue/VoiceDeliveryRuntime.d.ts

@@ -1,5 +1,9 @@
 export declare const VoiceDeliveryRuntime: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     description: StringConstructor;
+    includeActions: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
     intervalMs: NumberConstructor;
     path: {
         default: string;
@@ -10,6 +14,10 @@ export declare const VoiceDeliveryRuntime: import("vue").DefineComponent<import(
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     description: StringConstructor;
+    includeActions: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
     intervalMs: NumberConstructor;
     path: {
         default: string;
@@ -18,4 +26,5 @@ export declare const VoiceDeliveryRuntime: import("vue").DefineComponent<import(
     title: StringConstructor;
 }>> & Readonly<{}>, {
     path: string;
+    includeActions: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;