@juspay/svelte-ui-components 4.52.0 → 4.52.1

package/dist/HITL/HITL.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { onMount, onDestroy } from 'svelte';
+  import { onMount, onDestroy, tick } from 'svelte';
   import { get } from 'svelte/store';
   import Button from '../Button/Button.svelte';
   import Card from '../Card/Card.svelte';
@@ -43,6 +43,7 @@
     showConfirm = true,
     showEmptyParameters = true,
     countdownSeconds = 10,
+    expiresAt,
     autoCancelSeconds = 0,
     isMicMuted = false,
     // The resolver this replaced defaulted to null, and the call sites test for
@@ -88,9 +89,14 @@
   // Seeded from the prop; startCountdown re-seeds it on every (re)start.
   // svelte-ignore state_referenced_locally
   let timeRemaining = $state(countdownSeconds);
+  // svelte-ignore state_referenced_locally
+  let countdownDuration = $state(countdownSeconds);
+  let relativeDeadline: number | null = null;
+  let countdownDeadline: number | null = null;
   let countdownInterval: ReturnType<typeof setInterval> | null = null;
   let autoCancelTimeout: ReturnType<typeof setTimeout> | null = null;
   let originalMicState: boolean | null = null;
+  let initialMicToggle: Promise<void> | null = null;
 
   // Expiry from the caller takes precedence, including during a live request.
   // History mode renders the settled state from props; live mode from local state.
@@ -111,7 +117,7 @@
   });
   const isCompleted = $derived(userResponse !== null);
   const isApproved = $derived(userResponse === 'approved' || userResponse === 'auto-approved');
-  const elapsedTime = $derived(countdownSeconds - timeRemaining);
+  const elapsedTime = $derived(Math.max(0, countdownDuration - timeRemaining));
   const approvalBlocked = (action: HITLAction): boolean => action !== 'rejected' && confirmDisabled;
 
   const completionText = $derived(
@@ -140,6 +146,13 @@
   };
 
   const restoreMicState = async (): Promise<void> => {
+    // An elapsed deadline may decide in the same mount that starts auto-mute.
+    // Finish that call and flush its controlled prop before restoring it.
+    if (initialMicToggle !== null) {
+      await initialMicToggle;
+      await tick();
+      initialMicToggle = null;
+    }
     // Consume restoration before awaiting: a failed decision may be retried
     // before the caller has updated isMicMuted, but must not toggle twice.
     const stateToRestore = originalMicState;
@@ -214,19 +227,41 @@
       return;
     }
     countdownActive = true;
-    timeRemaining = countdownSeconds;
-    countdownInterval = setInterval(() => {
+    const now = Date.now();
+    // Relative duration is anchored once; rerenders must not extend it. An
+    // explicit absolute expiry remains live while this timer is running.
+    relativeDeadline ??= now + countdownSeconds * 1000;
+    const updateCountdown = (): void => {
       // A sibling card's interaction pauses this countdown on its next tick.
-      if (confirmDisabled || get(pauseAllConfirmationTimers)) {
+      if (
+        countdownSeconds <= 0 ||
+        confirmDisabled ||
+        isHistoryMode ||
+        isCompleted ||
+        get(pauseAllConfirmationTimers)
+      ) {
         stopCountdown();
         return;
       }
-      timeRemaining = timeRemaining - 0.1;
+      const currentTime = Date.now();
+      const nextDeadline =
+        typeof expiresAt === 'number' && Number.isFinite(expiresAt)
+          ? expiresAt
+          : (relativeDeadline ?? now);
+      if (nextDeadline !== countdownDeadline) {
+        countdownDeadline = nextDeadline;
+        countdownDuration = Math.max(0, (nextDeadline - currentTime) / 1000);
+      }
+      timeRemaining = Math.max(0, (nextDeadline - currentTime) / 1000);
       if (timeRemaining <= 0) {
         stopCountdown();
         void decide('auto-approved');
       }
-    }, 100);
+    };
+    updateCountdown();
+    if (countdownActive) {
+      countdownInterval = setInterval(updateCountdown, 100);
+    }
   };
 
   // Any interaction pauses this card's own countdown and every sibling's.
@@ -345,9 +380,15 @@
     if (onmictoggle !== null) {
       originalMicState = isMicMuted;
       if (!isMicMuted) {
-        void Promise.resolve(onmictoggle()).catch(() => {
-          // Auto-mute is best-effort.
-        });
+        try {
+          // Preserve the existing synchronous mount invocation. Only the
+          // decision waits for its result and the controlled prop update.
+          initialMicToggle = Promise.resolve(onmictoggle()).catch(() => {
+            // Auto-mute is best-effort; settlement still follows a failed call.
+          });
+        } catch {
+          initialMicToggle = Promise.resolve();
+        }
       }
     }
     pauseAllConfirmationTimers.set(false);
@@ -679,7 +720,7 @@
               <div class="confirm-button">
                 {#if countdownActive && !confirmDisabled}
                   <div class="progress-anchor">
-                    <Progress value={elapsedTime} max={countdownSeconds} />
+                    <Progress value={elapsedTime} max={countdownDuration} />
                   </div>
                 {/if}
                 <Button

package/dist/HITL/properties.d.ts

@@ -144,6 +144,11 @@ export type OptionalHITLProperties = {
      * button. `0` disables auto-approval.
      */
     countdownSeconds?: number;
+    /**
+     * Absolute server expiry in Unix milliseconds. Updates affect a running
+     * countdown; paused or settled cards never restart. Zero keeps manual-only approval.
+     */
+    expiresAt?: number;
     /**
      * Seconds until an untouched card auto-rejects — for confirmations that must
      * not auto-approve (e.g. OAuth) but should not block a conversation forever.

package/dist/Select/Select.svelte

@@ -77,7 +77,7 @@
   let placementRequest: SelectPlacement = $derived(
     placement ?? (dropdownAlign === 'right' ? 'bottom-right' : 'bottom-left')
   );
-  let placementPinned: boolean = $derived(placement != null);
+  let placementPinned: boolean = $derived(placement != null && placement !== 'auto');
 
   /** Corner an `'auto'` measuring pass settled on; null until it has run. */
   let autoResolved: Exclude<SelectPlacement, 'auto'> | null = $state(null);
@@ -333,8 +333,8 @@
       dropdown: { width: dropdownWidth, height: dropdownHeight },
       viewport,
       align: placementAlign,
-      /* Unset `placement` keeps the fit-based flip this path always had; a pinned
-         corner is honoured on both axes instead. */
+      /* Unset and explicit 'auto' placements keep the fit-based flip and viewport
+         clamp; only a caller-pinned corner overrides the vertical fit. */
       vertical: placementPinned
         ? resolvedPlacement === 'top-left' || resolvedPlacement === 'top-right'
           ? 'top'

package/dist/Toast/Toast.svelte

@@ -31,6 +31,7 @@
   // or the no-exit path in hideToast) and however many times hideToast runs
   // (the close button after the auto-hide timer already fired).
   let hideNotified = false;
+  let hideGeneration = 0;
 
   const rootClass = $derived(
     ['toast', type ?? '', classes ?? ''].filter((cls) => cls.length > 0).join(' ')
@@ -96,19 +97,46 @@
   }
 
   function hideToast() {
+    const generation = ++hideGeneration;
     showToast = false;
-    // The closed rule's `display: none` only keeps the toast on screen for its
-    // exit through a discrete `display` transition (`allow-discrete`). An engine
-    // without one -- Firefox 150, as shipped in Playwright 1.60 -- applies
-    // `display: none` at once, which cancels the exit before it starts, so no
-    // `transitionend` is ever dispatched and the consumer's `ontoasthide` cleanup
-    // would never run.
-    // If the toast is already not displayed once the closed state has applied,
-    // there is no exit left to wait for: report the hide now. Where the
-    // transition does run the toast is still displayed here, and the
-    // `transitionend` below remains the only path.
-    void tick().then(() => {
-      if (!showToast && rootEl !== null && getComputedStyle(rootEl).display === 'none') {
+    void tick().then(async () => {
+      const element = rootEl;
+      if (generation !== hideGeneration || showToast || !element?.isConnected) {
+        return;
+      }
+      const style = getComputedStyle(element);
+      if (style.display === 'none') {
+        notifyHidden();
+        return;
+      }
+
+      // An exit can be cancelled before transitionrun/transitioncancel is dispatched.
+      // Its animation promise still settles, including rejection on cancellation.
+      // Keep transitionend as the normal path; both paths share the exactly-once guard.
+      const opacityExits =
+        element
+          .getAnimations?.()
+          .filter(
+            (animation) =>
+              'transitionProperty' in animation && animation.transitionProperty === 'opacity'
+          ) ?? [];
+      if (opacityExits.length > 0) {
+        const completions = await Promise.allSettled(
+          opacityExits.map((animation) => animation.finished)
+        );
+        // A fulfilled promise settles before transitionend is dispatched. Preserve that
+        // normal event path so consumers and motion observers receive the complete exit.
+        if (
+          completions.some((completion) => completion.status === 'rejected') &&
+          generation === hideGeneration &&
+          !showToast &&
+          rootEl === element &&
+          element.isConnected
+        ) {
+          notifyHidden();
+        }
+      } else if (style.opacity === '0') {
+        // A coalesced first frame or consumer-disabled motion has no animation to await.
         notifyHidden();
       }
     });
@@ -144,6 +172,7 @@
     void duration;
 
     untrack(() => {
+      hideGeneration++;
       showToast = true;
       hideNotified = false;
     });
@@ -152,6 +181,7 @@
 
     return () => {
       clearTimeout(id);
+      hideGeneration++;
     };
   });
 </script>

package/dist/_chart/LabelPlate.svelte

@@ -108,7 +108,9 @@
     pointer-events: none;
   }
   .chart-label-backdrop {
-    fill: var(--chart-label-background, light-dark(#fff, #111827));
+    /* Keep the default literal: consumer CSS compilers may lower light-dark()
+       into private variables that their inherited theme never initializes. */
+    fill: var(--chart-label-background, #fff);
     stroke: none;
   }
 </style>

package/dist/styles/theme-dark.css

@@ -709,6 +709,9 @@
   --radio-disabled-background: #1a1a26;
   --radio-selected-background: #1e1e2e;
 
+  /* Shared opaque label plates for charts. Consumer overrides remain authoritative. */
+  --chart-label-background: #111827;
+
   /* SankeyChart */
   --sankey-col-label-color: #9ca3af;
   --sankey-label-color: #d1d5db;

package/dist-wc/index.js

@@ -21778,7 +21778,7 @@ function Select(e, t) {
 			label: e
 		} : e);
 	}
-	let _t = /* @__PURE__ */ user_derived(() => gt(i())), vt = /* @__PURE__ */ state(""), yt = !1, bt = /* @__PURE__ */ state(-1), xt = /* @__PURE__ */ state(null), St = /* @__PURE__ */ state(null), Ct = /* @__PURE__ */ state(null), wt = /* @__PURE__ */ state(null), Tt = /* @__PURE__ */ state(0), Et = /* @__PURE__ */ state(0), Dt = /* @__PURE__ */ state(0), Ot = 4, kt = 8, At = /* @__PURE__ */ user_derived(() => ut() ?? (lt() === "right" ? "bottom-right" : "bottom-left")), jt = /* @__PURE__ */ user_derived(() => ut() != null), Mt = /* @__PURE__ */ state(null), Nt = /* @__PURE__ */ user_derived(() => get(At) === "auto" ? get(Mt) ?? "bottom-left" : get(At)), Pt = /* @__PURE__ */ user_derived(() => get(At) === "auto" && get(Mt) === null), It = /* @__PURE__ */ user_derived(() => get(Nt) === "bottom-right" || get(Nt) === "top-right" ? "right" : "left");
+	let _t = /* @__PURE__ */ user_derived(() => gt(i())), vt = /* @__PURE__ */ state(""), yt = !1, bt = /* @__PURE__ */ state(-1), xt = /* @__PURE__ */ state(null), St = /* @__PURE__ */ state(null), Ct = /* @__PURE__ */ state(null), wt = /* @__PURE__ */ state(null), Tt = /* @__PURE__ */ state(0), Et = /* @__PURE__ */ state(0), Dt = /* @__PURE__ */ state(0), Ot = 4, kt = 8, At = /* @__PURE__ */ user_derived(() => ut() ?? (lt() === "right" ? "bottom-right" : "bottom-left")), jt = /* @__PURE__ */ user_derived(() => ut() != null && ut() !== "auto"), Mt = /* @__PURE__ */ state(null), Nt = /* @__PURE__ */ user_derived(() => get(At) === "auto" ? get(Mt) ?? "bottom-left" : get(At)), Pt = /* @__PURE__ */ user_derived(() => get(At) === "auto" && get(Mt) === null), It = /* @__PURE__ */ user_derived(() => get(Nt) === "bottom-right" || get(Nt) === "top-right" ? "right" : "left");
 	function Lt(e) {
 		if (get(xt) === null || typeof window > "u") return "bottom-left";
 		let t = get(xt).getBoundingClientRect(), n = e.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight, o = t.left + n.width > i - 8, s = t.right - n.width >= 8, c = o && s ? "right" : "left", l = t.bottom + n.height > a - 8, u = t.top - n.height >= 8;
@@ -26351,12 +26351,12 @@ var root$41 = /* @__PURE__ */ from_html("<div class=\"toast-icon-wrapper svelte-
 };
 function Toast(e, t) {
 	push(t, !0), append_styles$1(e, $$css$84);
-	let n = prop(t, "duration", 7, 2e3), i = prop(t, "leftIcon", 7), a = prop(t, "message", 7, ""), o = prop(t, "subtext", 7), s = prop(t, "rightIcon", 7), c = prop(t, "type", 7), l = prop(t, "direction", 7), u = prop(t, "overlapPage", 7, !0), f = prop(t, "inAnimationOffset", 7), p = prop(t, "inAnimationDuration", 7), h = prop(t, "outAnimationOffset", 7), S = prop(t, "outAnimationDuration", 7), C = prop(t, "testId", 7), k = prop(t, "messageTestId", 7), R = prop(t, "subTextTestId", 7), te = prop(t, "closeIconTestId", 7), ne = prop(t, "ontoasthide", 7), G = prop(t, "bottomContent", 7), re = prop(t, "classes", 7), be = /* @__PURE__ */ state(!0), Me = /* @__PURE__ */ state(null), Re = !1, Ue = /* @__PURE__ */ user_derived(() => [
+	let n = prop(t, "duration", 7, 2e3), i = prop(t, "leftIcon", 7), a = prop(t, "message", 7, ""), o = prop(t, "subtext", 7), s = prop(t, "rightIcon", 7), c = prop(t, "type", 7), l = prop(t, "direction", 7), u = prop(t, "overlapPage", 7, !0), f = prop(t, "inAnimationOffset", 7), p = prop(t, "inAnimationDuration", 7), h = prop(t, "outAnimationOffset", 7), S = prop(t, "outAnimationDuration", 7), C = prop(t, "testId", 7), k = prop(t, "messageTestId", 7), R = prop(t, "subTextTestId", 7), te = prop(t, "closeIconTestId", 7), ne = prop(t, "ontoasthide", 7), G = prop(t, "bottomContent", 7), re = prop(t, "classes", 7), be = /* @__PURE__ */ state(!0), Me = /* @__PURE__ */ state(null), Re = !1, Ue = 0, it = /* @__PURE__ */ user_derived(() => [
 		"toast",
 		c() ?? "",
 		re() ?? ""
-	].filter((e) => e.length > 0).join(" ")), it = /* @__PURE__ */ user_derived(() => l() ?? "top-to-bottom");
-	function at(e, t) {
+	].filter((e) => e.length > 0).join(" ")), at = /* @__PURE__ */ user_derived(() => l() ?? "top-to-bottom");
+	function ot(e, t) {
 		switch (e) {
 			case "left-to-right": return { x: -t };
 			case "right-to-left": return { x: t };
@@ -26364,35 +26364,44 @@ function Toast(e, t) {
 			default: return { y: -t };
 		}
 	}
-	let ot = /* @__PURE__ */ user_derived(() => {
+	let ct = /* @__PURE__ */ user_derived(() => {
 		let e = f() ?? h();
-		return e == null ? {} : at(get(it), e);
-	}), ct = (e) => typeof e == "number" ? `${e}px` : null;
-	function lt(e) {
+		return e == null ? {} : ot(get(at), e);
+	}), lt = (e) => typeof e == "number" ? `${e}px` : null;
+	function ut(e) {
 		return typeof e == "number" ? `${Math.max(e, 50)}ms` : null;
 	}
-	let ut = /* @__PURE__ */ user_derived(() => lt(p())), dt = /* @__PURE__ */ user_derived(() => lt(S()));
-	function ft() {
+	let dt = /* @__PURE__ */ user_derived(() => ut(p())), ft = /* @__PURE__ */ user_derived(() => ut(S()));
+	function pt() {
 		Re || (Re = !0, ne()?.());
 	}
-	function pt() {
-		set(be, !1), tick().then(() => {
-			!get(be) && get(Me) !== null && getComputedStyle(get(Me)).display === "none" && ft();
+	function mt() {
+		let e = ++Ue;
+		set(be, !1), tick().then(async () => {
+			let t = get(Me);
+			if (e !== Ue || get(be) || !t?.isConnected) return;
+			let n = getComputedStyle(t);
+			if (n.display === "none") {
+				pt();
+				return;
+			}
+			let i = t.getAnimations?.().filter((e) => "transitionProperty" in e && e.transitionProperty === "opacity") ?? [];
+			i.length > 0 ? (await Promise.allSettled(i.map((e) => e.finished))).some((e) => e.status === "rejected") && e === Ue && !get(be) && get(Me) === t && t.isConnected && pt() : n.opacity === "0" && pt();
 		});
 	}
-	function mt(e) {
-		e.target === e.currentTarget && e.propertyName === "opacity" && !get(be) && ft();
+	function ht(e) {
+		e.target === e.currentTarget && e.propertyName === "opacity" && !get(be) && pt();
 	}
 	user_effect(() => {
 		a(), n(), untrack(() => {
-			set(be, !0), Re = !1;
+			Ue++, set(be, !0), Re = !1;
 		});
-		let e = setTimeout(pt, n());
+		let e = setTimeout(mt, n());
 		return () => {
-			clearTimeout(e);
+			clearTimeout(e), Ue++;
 		};
 	});
-	var ht = {
+	var gt = {
 		get duration() {
 			return n();
 		},
@@ -26507,9 +26516,9 @@ function Toast(e, t) {
 		set classes(e) {
 			re(e), flushSync();
 		}
-	}, gt = root_3$29();
-	let _t, vt;
-	var yt = child(gt), bt = (e) => {
+	}, _t = root_3$29();
+	let vt, yt;
+	var bt = child(_t), xt = (e) => {
 		var t = root$41();
 		Img(child(t), {
 			inlineSvg: !0,
@@ -26520,26 +26529,26 @@ function Toast(e, t) {
 			fallback: ""
 		}), reset(t), append(e, t);
 	};
-	if_block(yt, (e) => {
-		typeof i() == "string" && i().length > 0 && e(bt);
+	if_block(bt, (e) => {
+		typeof i() == "string" && i().length > 0 && e(xt);
 	});
-	var xt = sibling(yt, 2), St = child(xt), Ct = sibling(St), wt = (e) => {
+	var St = sibling(bt, 2), Ct = child(St), wt = sibling(Ct), Tt = (e) => {
 		var t = root_1$39(), n = child(t, !0);
 		reset(t), template_effect(() => {
 			set_attribute(t, "data-pw", R()), set_attribute(t, "testid", R()), set_text(n, o());
 		}), append(e, t);
 	};
-	if_block(Ct, (e) => {
-		typeof o() == "string" && o().length > 0 && e(wt);
+	if_block(wt, (e) => {
+		typeof o() == "string" && o().length > 0 && e(Tt);
 	});
-	var Tt = sibling(Ct, 2), Et = (e) => {
+	var Et = sibling(wt, 2), Dt = (e) => {
 		var t = comment();
 		snippet(first_child(t), G), append(e, t);
 	};
-	if_block(Tt, (e) => {
-		typeof G() == "function" && e(Et);
-	}), reset(xt);
-	var Dt = sibling(xt, 2), Ot = (e) => {
+	if_block(Et, (e) => {
+		typeof G() == "function" && e(Dt);
+	}), reset(St);
+	var Ot = sibling(St, 2), kt = (e) => {
 		var t = root_2$31();
 		Img(child(t), {
 			inlineSvg: !0,
@@ -26550,23 +26559,23 @@ function Toast(e, t) {
 			fallback: ""
 		}), reset(t), template_effect(() => {
 			set_attribute(t, "data-pw", te()), set_attribute(t, "testid", te());
-		}), delegated("click", t, pt), delegated("keydown", t, (e) => {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), pt());
+		}), delegated("click", t, mt), delegated("keydown", t, (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), mt());
 		}), append(e, t);
 	};
-	return if_block(Dt, (e) => {
-		typeof s() == "string" && s().length > 0 && e(Ot);
-	}), reset(gt), bind_this(gt, (e) => set(Me, e), () => get(Me)), template_effect((e) => {
-		_t = set_class(gt, 1, clsx(get(Ue)), "svelte-37crwe", _t, {
+	return if_block(Ot, (e) => {
+		typeof s() == "string" && s().length > 0 && e(kt);
+	}), reset(_t), bind_this(_t, (e) => set(Me, e), () => get(Me)), template_effect((e) => {
+		vt = set_class(_t, 1, clsx(get(it)), "svelte-37crwe", vt, {
 			"is-visible": get(be),
 			"no-page-overlap": !u()
-		}), set_attribute(gt, "data-direction", get(it)), set_attribute(gt, "data-pw", C()), set_attribute(gt, "testid", C()), vt = set_style(gt, "", vt, e), set_attribute(xt, "data-pw", k()), set_attribute(xt, "testid", k()), set_text(St, `${a() ?? ""} `);
+		}), set_attribute(_t, "data-direction", get(at)), set_attribute(_t, "data-pw", C()), set_attribute(_t, "testid", C()), yt = set_style(_t, "", yt, e), set_attribute(St, "data-pw", k()), set_attribute(St, "testid", k()), set_text(Ct, `${a() ?? ""} `);
 	}, [() => ({
-		"--toast-open-duration": get(ut),
-		"--toast-close-duration": get(dt),
-		"--toast-enter-x": ct(get(ot).x),
-		"--toast-enter-y": ct(get(ot).y)
-	})]), event("transitionend", gt, mt), append(e, gt), pop(ht);
+		"--toast-open-duration": get(dt),
+		"--toast-close-duration": get(ft),
+		"--toast-enter-x": lt(get(ct).x),
+		"--toast-enter-y": lt(get(ct).y)
+	})]), event("transitionend", _t, ht), append(e, _t), pop(gt);
 }
 delegate(["click", "keydown"]), create_custom_element(Toast, {
 	duration: {},
@@ -36790,7 +36799,7 @@ create_custom_element(ChartContainer, {
 //#region src/lib/_chart/LabelPlate.svelte
 var root$31 = /* @__PURE__ */ from_svg("<rect class=\"chart-label-backdrop svelte-5z0yhx\" rx=\"2\" aria-hidden=\"true\"></rect>"), root_1$31 = /* @__PURE__ */ from_svg("<g class=\"chart-label-plate svelte-5z0yhx\"><!><!></g>"), $$css$68 = {
 	hash: "svelte-5z0yhx",
-	code: ".chart-label-plate.svelte-5z0yhx {pointer-events:none;}.chart-label-backdrop.svelte-5z0yhx {fill:var(--chart-label-background, light-dark(#fff, #111827));stroke:none;}"
+	code: ".chart-label-plate.svelte-5z0yhx {pointer-events:none;}.chart-label-backdrop.svelte-5z0yhx {\n    /* Keep the default literal: consumer CSS compilers may lower light-dark()\n       into private variables that their inherited theme never initializes. */fill:var(--chart-label-background, #fff);stroke:none;}"
 };
 function LabelPlate(e, t) {
 	push(t, !0), append_styles$1(e, $$css$68);
@@ -58960,25 +58969,26 @@ var pauseAllConfirmationTimers = writable(!1), root$4 = /* @__PURE__ */ from_htm
 };
 function HITL(e, t) {
 	push(t, !0), append_styles$1(e, $$css$10);
-	let n = prop(t, "confirmationId", 7), i = prop(t, "title", 7), a = prop(t, "description", 7), o = prop(t, "sections", 7), s = prop(t, "details", 7), c = prop(t, "functionArguments", 7), l = prop(t, "hiddenKeys", 7), u = prop(t, "onconfirm", 7), f = prop(t, "confirmLabel", 7, "Confirm"), p = prop(t, "confirmDisabled", 7, !1), h = prop(t, "cancelLabel", 7, "Cancel"), S = prop(t, "showCancel", 7, !0), C = prop(t, "showConfirm", 7, !0), k = prop(t, "showEmptyParameters", 7, !0), R = prop(t, "countdownSeconds", 7, 10), te = prop(t, "autoCancelSeconds", 7, 0), ne = prop(t, "isMicMuted", 7, !1), G = prop(t, "onmictoggle", 7, null), re = prop(t, "isHistoryMode", 7, !1), be = prop(t, "initialState", 7, null), Me = prop(t, "approvedIcon", 7), Re = prop(t, "rejectedIcon", 7), Ue = prop(t, "badgeLabel", 7, "ACTION"), it = prop(t, "approvedLabel", 7, "Approved"), at = prop(t, "autoApprovedLabel", 7, "Completed"), ot = prop(t, "rejectedLabel", 7, "Action halted"), ct = prop(t, "expiredLabel", 7, "Action timed out"), lt = prop(t, "testId", 7), ut = prop(t, "confirmTestId", 7), dt = prop(t, "cancelTestId", 7), ft = prop(t, "completionTestId", 7), pt = prop(t, "completionTextTestId", 7), mt = prop(t, "actions", 7), ht = prop(t, "questions", 7), gt = prop(t, "answerOnSelect", 7, !1), _t = prop(t, "questionsSettleAs", 7, "approved"), vt = prop(t, "sendAnswersLabel", 7, "Send answers"), yt = prop(t, "optionClasses", 7), bt = prop(t, "selectedOptionClasses", 7), xt = prop(t, "children", 7), St = prop(t, "classes", 7), Ct = [
+	let n = prop(t, "confirmationId", 7), i = prop(t, "title", 7), a = prop(t, "description", 7), o = prop(t, "sections", 7), s = prop(t, "details", 7), c = prop(t, "functionArguments", 7), l = prop(t, "hiddenKeys", 7), u = prop(t, "onconfirm", 7), f = prop(t, "confirmLabel", 7, "Confirm"), p = prop(t, "confirmDisabled", 7, !1), h = prop(t, "cancelLabel", 7, "Cancel"), S = prop(t, "showCancel", 7, !0), C = prop(t, "showConfirm", 7, !0), k = prop(t, "showEmptyParameters", 7, !0), R = prop(t, "countdownSeconds", 7, 10), te = prop(t, "expiresAt", 7), ne = prop(t, "autoCancelSeconds", 7, 0), G = prop(t, "isMicMuted", 7, !1), re = prop(t, "onmictoggle", 7, null), be = prop(t, "isHistoryMode", 7, !1), Me = prop(t, "initialState", 7, null), Re = prop(t, "approvedIcon", 7), Ue = prop(t, "rejectedIcon", 7), it = prop(t, "badgeLabel", 7, "ACTION"), at = prop(t, "approvedLabel", 7, "Approved"), ot = prop(t, "autoApprovedLabel", 7, "Completed"), ct = prop(t, "rejectedLabel", 7, "Action halted"), lt = prop(t, "expiredLabel", 7, "Action timed out"), ut = prop(t, "testId", 7), dt = prop(t, "confirmTestId", 7), ft = prop(t, "cancelTestId", 7), pt = prop(t, "completionTestId", 7), mt = prop(t, "completionTextTestId", 7), ht = prop(t, "actions", 7), gt = prop(t, "questions", 7), _t = prop(t, "answerOnSelect", 7, !1), vt = prop(t, "questionsSettleAs", 7, "approved"), yt = prop(t, "sendAnswersLabel", 7, "Send answers"), bt = prop(t, "optionClasses", 7), xt = prop(t, "selectedOptionClasses", 7), St = prop(t, "children", 7), Ct = prop(t, "classes", 7), wt = [
 		"action",
 		"userhasconfirmed",
 		"confirmed",
 		"userid",
 		"sessionid",
 		"timestamp"
-	], wt = /* @__PURE__ */ state(!1), Tt = /* @__PURE__ */ state(null), Et = /* @__PURE__ */ state(!1), Dt = /* @__PURE__ */ state(proxy(R())), Ot = null, kt = null, At = null, jt = /* @__PURE__ */ user_derived(() => be()?.status === "EXPIRED" ? "expired" : re() ? be() === null ? "expired" : be().approved === !0 ? "approved" : "rejected" : get(Tt)), Mt = /* @__PURE__ */ user_derived(() => get(jt) !== null), Nt = /* @__PURE__ */ user_derived(() => get(jt) === "approved" || get(jt) === "auto-approved"), Pt = /* @__PURE__ */ user_derived(() => R() - get(Dt)), It = (e) => e !== "rejected" && p(), Lt = /* @__PURE__ */ user_derived(() => get(jt) === "auto-approved" ? at() : get(jt) === "approved" ? it() : get(jt) === "expired" ? ct() : ot()), Rt = () => {
-		Ot !== null && (clearInterval(Ot), Ot = null), set(Et, !1);
-	}, zt = () => {
-		kt !== null && (clearTimeout(kt), kt = null);
-	}, Bt = async () => {
-		let e = At;
-		if (At = null, G() !== null && e !== null && ne() !== e) try {
-			await G()();
+	], Tt = /* @__PURE__ */ state(!1), Et = /* @__PURE__ */ state(null), Dt = /* @__PURE__ */ state(!1), Ot = /* @__PURE__ */ state(proxy(R())), kt = /* @__PURE__ */ state(proxy(R())), At = null, jt = null, Mt = null, Nt = null, Pt = null, It = null, Lt = /* @__PURE__ */ user_derived(() => Me()?.status === "EXPIRED" ? "expired" : be() ? Me() === null ? "expired" : Me().approved === !0 ? "approved" : "rejected" : get(Et)), Rt = /* @__PURE__ */ user_derived(() => get(Lt) !== null), zt = /* @__PURE__ */ user_derived(() => get(Lt) === "approved" || get(Lt) === "auto-approved"), Bt = /* @__PURE__ */ user_derived(() => Math.max(0, get(kt) - get(Ot))), Ht = (e) => e !== "rejected" && p(), Gt = /* @__PURE__ */ user_derived(() => get(Lt) === "auto-approved" ? ot() : get(Lt) === "approved" ? at() : get(Lt) === "expired" ? lt() : ct()), qt = () => {
+		Mt !== null && (clearInterval(Mt), Mt = null), set(Dt, !1);
+	}, Zt = () => {
+		Nt !== null && (clearTimeout(Nt), Nt = null);
+	}, Qt = async () => {
+		It !== null && (await It, await tick(), It = null);
+		let e = Pt;
+		if (Pt = null, re() !== null && e !== null && G() !== e) try {
+			await re()();
 		} catch {}
-	}, Ht = !1, Gt = async (e, t = {}) => {
-		if (get(Mt) || It(e)) {
-			It(e) && (Ht = !1);
+	}, $t = !1, en = async (e, t = {}) => {
+		if (get(Rt) || Ht(e)) {
+			Ht(e) && ($t = !1);
 			return;
 		}
 		try {
@@ -58989,80 +58999,93 @@ function HITL(e, t) {
 				...typeof t.value == "string" ? { value: t.value } : {},
 				...typeof t.message == "string" ? { message: t.message } : {},
 				...Array.isArray(t.answers) ? { answers: t.answers } : {}
-			}), !get(Mt) && !It(e) ? set(Tt, e, !0) : It(e) && (Ht = !1);
+			}), !get(Rt) && !Ht(e) ? set(Et, e, !0) : Ht(e) && ($t = !1);
 		} catch {
-			Ht = !1;
+			$t = !1;
 		}
-	}, qt = async (e, t = {}) => {
-		if (!(Ht || get(Mt) || It(e))) {
-			Ht = !0, set(wt, !0);
+	}, tn = async (e, t = {}) => {
+		if (!($t || get(Rt) || Ht(e))) {
+			$t = !0, set(Tt, !0);
 			try {
-				if (await Bt(), It(e)) {
-					Ht = !1;
+				if (await Qt(), Ht(e)) {
+					$t = !1;
 					return;
 				}
-				await Gt(e, t);
+				await en(e, t);
 			} finally {
-				set(wt, !1);
+				set(Tt, !1);
 			}
 		}
-	}, Zt = () => {
-		p() || (set(Et, !0), set(Dt, R()), Ot = setInterval(() => {
-			if (p() || get$1(pauseAllConfirmationTimers)) {
-				Rt();
+	}, nn = () => {
+		if (p()) return;
+		set(Dt, !0);
+		let e = Date.now();
+		At ??= e + R() * 1e3;
+		let t = () => {
+			if (R() <= 0 || p() || be() || get(Rt) || get$1(pauseAllConfirmationTimers)) {
+				qt();
 				return;
 			}
-			set(Dt, get(Dt) - .1), get(Dt) <= 0 && (Rt(), qt("auto-approved"));
-		}, 100));
-	}, Qt = () => {
-		pauseAllConfirmationTimers.set(!0), Rt(), zt();
-	}, $t = async (e, t = {}) => {
-		It(e) || (Qt(), await qt(e, t));
-	}, en = /* @__PURE__ */ state(null), tn = /* @__PURE__ */ state(""), nn = /* @__PURE__ */ user_derived(() => get(tn).trim().length > 0 && !get(wt)), rn = (e) => {
-		if (!(Ht || get(wt) || get(Mt))) {
+			let t = Date.now(), n = typeof te() == "number" && Number.isFinite(te()) ? te() : At ?? e;
+			n !== jt && (jt = n, set(kt, Math.max(0, (n - t) / 1e3), !0)), set(Ot, Math.max(0, (n - t) / 1e3), !0), get(Ot) <= 0 && (qt(), tn("auto-approved"));
+		};
+		t(), get(Dt) && (Mt = setInterval(t, 100));
+	}, rn = () => {
+		pauseAllConfirmationTimers.set(!0), qt(), Zt();
+	}, an = async (e, t = {}) => {
+		Ht(e) || (rn(), await tn(e, t));
+	}, on = /* @__PURE__ */ state(null), sn = /* @__PURE__ */ state(""), cn = /* @__PURE__ */ user_derived(() => get(sn).trim().length > 0 && !get(Tt)), ln = (e) => {
+		if (!($t || get(Tt) || get(Rt))) {
 			if (e.kind === "decision") {
-				$t(e.settleAs, { value: e.value });
+				an(e.settleAs, { value: e.value });
 				return;
 			}
-			if (Qt(), e.kind === "ask-for-text") {
-				set(tn, ""), set(en, e, !0);
+			if (rn(), e.kind === "ask-for-text") {
+				set(sn, ""), set(on, e, !0);
 				return;
 			}
 			e.onSelect();
 		}
-	}, an = () => {
-		let e = get(tn).trim();
-		get(en) === null || e.length === 0 || qt(get(en).settleAs, {
-			value: get(en).value,
+	}, un = () => {
+		let e = get(sn).trim();
+		get(on) === null || e.length === 0 || tn(get(on).settleAs, {
+			value: get(on).value,
 			message: e
 		});
-	}, on = () => {
-		set(en, null), set(tn, "");
-	}, sn = /* @__PURE__ */ state(proxy([])), cn = /* @__PURE__ */ user_derived(() => ht() ?? []), ln = (e) => gt() && e.multiSelect !== !0, un = /* @__PURE__ */ user_derived(() => get(cn).length > 0 && get(cn).some((e) => !ln(e))), dn = /* @__PURE__ */ user_derived(() => !get(wt) && get(cn).every((e, t) => ln(e) || (get(sn)[t] ?? []).length > 0)), fn = (e, t) => ({
+	}, dn = () => {
+		set(on, null), set(sn, "");
+	}, fn = /* @__PURE__ */ state(proxy([])), pn = /* @__PURE__ */ user_derived(() => gt() ?? []), mn = (e) => _t() && e.multiSelect !== !0, hn = /* @__PURE__ */ user_derived(() => get(pn).length > 0 && get(pn).some((e) => !mn(e))), gn = /* @__PURE__ */ user_derived(() => !get(Tt) && get(pn).every((e, t) => mn(e) || (get(fn)[t] ?? []).length > 0)), _n = (e, t) => ({
 		...typeof e.header == "string" ? { header: e.header } : {},
 		question: e.question,
 		picks: t
-	}), pn = (e, t) => {
-		let n = get(cn).at(e);
-		if (Ht || get(wt) || get(Mt) || typeof n != "object") return;
-		if (ln(n)) {
-			$t(_t(), { answers: [fn(n, [t])] });
+	}), vn = (e, t) => {
+		let n = get(pn).at(e);
+		if ($t || get(Tt) || get(Rt) || typeof n != "object") return;
+		if (mn(n)) {
+			an(vt(), { answers: [_n(n, [t])] });
 			return;
 		}
-		Qt();
-		let i = get(sn)[e] ?? [], a = i.includes(t), o = n.multiSelect === !0 ? a ? i.filter((e) => e !== t) : [...i, t] : a ? [] : [t];
-		set(sn, get(cn).map((t, n) => n === e ? o : get(sn)[n] ?? []), !0);
-	}, mn = () => {
-		get(dn) && $t(_t(), { answers: get(cn).map((e, t) => fn(e, get(sn)[t] ?? [])) });
+		rn();
+		let i = get(fn)[e] ?? [], a = i.includes(t), o = n.multiSelect === !0 ? a ? i.filter((e) => e !== t) : [...i, t] : a ? [] : [t];
+		set(fn, get(pn).map((t, n) => n === e ? o : get(fn)[n] ?? []), !0);
+	}, yn = () => {
+		get(gn) && an(vt(), { answers: get(pn).map((e, t) => _n(e, get(fn)[t] ?? [])) });
 	};
 	onMount(() => {
-		re() || (G() !== null && (At = ne(), ne() || Promise.resolve(G()()).catch(() => {})), pauseAllConfirmationTimers.set(!1), R() > 0 ? p() || Zt() : te() > 0 && (kt = setTimeout(() => {
-			qt("rejected");
-		}, te() * 1e3)));
+		if (!be()) {
+			if (re() !== null && (Pt = G(), !G())) try {
+				It = Promise.resolve(re()()).catch(() => {});
+			} catch {
+				It = Promise.resolve();
+			}
+			pauseAllConfirmationTimers.set(!1), R() > 0 ? p() || nn() : ne() > 0 && (Nt = setTimeout(() => {
+				tn("rejected");
+			}, ne() * 1e3));
+		}
 	}), onDestroy(() => {
-		Rt(), zt();
+		qt(), Zt();
 	});
-	let hn = (e) => e.replace(/([A-Z])/g, " $1").trim().toLowerCase().replace(/\b\w/g, (e) => e.toUpperCase()), gn = (e, t) => {
+	let bn = (e) => e.replace(/([A-Z])/g, " $1").trim().toLowerCase().replace(/\b\w/g, (e) => e.toUpperCase()), xn = (e, t) => {
 		let n = "  ".repeat(t);
 		if (e === null) return "";
 		if (typeof e == "string") {
@@ -59071,40 +59094,40 @@ function HITL(e, t) {
 		}
 		if (typeof e == "number") return e.toString();
 		if (typeof e == "boolean") return e ? "Yes" : "No";
-		if (Array.isArray(e)) return e.map((e) => typeof e == "object" && e ? gn(e, t + 1) : `${n}• ${gn(e, 0)}`).filter((e) => e).join("\n");
+		if (Array.isArray(e)) return e.map((e) => typeof e == "object" && e ? xn(e, t + 1) : `${n}• ${xn(e, 0)}`).filter((e) => e).join("\n");
 		if (typeof e == "object") {
 			let i = Object.entries(e);
 			return i.length === 0 ? "{}" : i.map(([e, i]) => {
-				let a = hn(String(e));
-				if (typeof i == "object" && i && !Array.isArray(i)) return `${n}${a}:\n${gn(i, t + 1)}`;
-				let o = gn(i, t + 1);
+				let a = bn(String(e));
+				if (typeof i == "object" && i && !Array.isArray(i)) return `${n}${a}:\n${xn(i, t + 1)}`;
+				let o = xn(i, t + 1);
 				return o ? `${n}${a}: ${o}` : "";
 			}).filter((e) => e).join("\n");
 		}
 		return JSON.stringify(e);
-	}, _n = (e) => {
-		let t = (l() ?? Ct).map((e) => e.toLowerCase()), n = [];
+	}, Sn = (e) => {
+		let t = (l() ?? wt).map((e) => e.toLowerCase()), n = [];
 		for (let [i, a] of Object.entries(e)) {
 			if (t.includes(i.toLowerCase()) || a === null) continue;
-			let e = i.replace(/([A-Z])/g, " $1").trim().replace(/\btype\b/gi, "").trim(), o = typeof a == "string" && a.trim() === "*" ? `All ${e}s` : gn(a, 0);
+			let e = i.replace(/([A-Z])/g, " $1").trim().replace(/\btype\b/gi, "").trim(), o = typeof a == "string" && a.trim() === "*" ? `All ${e}s` : xn(a, 0);
 			o.trim() && n.push({
 				label: i.replace(/([A-Z])/g, " $1").trim(),
 				value: o
 			});
 		}
 		return n;
-	}, vn = /* @__PURE__ */ user_derived(() => get(cn).length > 0 || !k() ? [] : [{
+	}, Cn = /* @__PURE__ */ user_derived(() => get(pn).length > 0 || !k() ? [] : [{
 		label: "PARAMETERS",
 		value: "No parameters"
-	}]), yn = /* @__PURE__ */ user_derived(() => {
+	}]), wn = /* @__PURE__ */ user_derived(() => {
 		if (o() && o().length > 0) return o();
 		if (c() && Object.keys(c()).length > 0) {
-			let e = _n(c());
-			return e.length > 0 ? e : get(vn);
+			let e = Sn(c());
+			return e.length > 0 ? e : get(Cn);
 		}
-		return get(vn);
+		return get(Cn);
 	});
-	var bn = {
+	var Tn = {
 		get confirmationId() {
 			return n();
 		},
@@ -59195,164 +59218,170 @@ function HITL(e, t) {
 		set countdownSeconds(e = 10) {
 			R(e), flushSync();
 		},
-		get autoCancelSeconds() {
+		get expiresAt() {
 			return te();
 		},
-		set autoCancelSeconds(e = 0) {
+		set expiresAt(e) {
 			te(e), flushSync();
 		},
-		get isMicMuted() {
+		get autoCancelSeconds() {
 			return ne();
 		},
-		set isMicMuted(e = !1) {
+		set autoCancelSeconds(e = 0) {
 			ne(e), flushSync();
 		},
-		get onmictoggle() {
+		get isMicMuted() {
 			return G();
 		},
-		set onmictoggle(e = null) {
+		set isMicMuted(e = !1) {
 			G(e), flushSync();
 		},
-		get isHistoryMode() {
+		get onmictoggle() {
 			return re();
 		},
-		set isHistoryMode(e = !1) {
+		set onmictoggle(e = null) {
 			re(e), flushSync();
 		},
-		get initialState() {
+		get isHistoryMode() {
 			return be();
 		},
-		set initialState(e = null) {
+		set isHistoryMode(e = !1) {
 			be(e), flushSync();
 		},
-		get approvedIcon() {
+		get initialState() {
 			return Me();
 		},
-		set approvedIcon(e) {
+		set initialState(e = null) {
 			Me(e), flushSync();
 		},
-		get rejectedIcon() {
+		get approvedIcon() {
 			return Re();
 		},
-		set rejectedIcon(e) {
+		set approvedIcon(e) {
 			Re(e), flushSync();
 		},
-		get badgeLabel() {
+		get rejectedIcon() {
 			return Ue();
 		},
-		set badgeLabel(e = "ACTION") {
+		set rejectedIcon(e) {
 			Ue(e), flushSync();
 		},
-		get approvedLabel() {
+		get badgeLabel() {
 			return it();
 		},
-		set approvedLabel(e = "Approved") {
+		set badgeLabel(e = "ACTION") {
 			it(e), flushSync();
 		},
-		get autoApprovedLabel() {
+		get approvedLabel() {
 			return at();
 		},
-		set autoApprovedLabel(e = "Completed") {
+		set approvedLabel(e = "Approved") {
 			at(e), flushSync();
 		},
-		get rejectedLabel() {
+		get autoApprovedLabel() {
 			return ot();
 		},
-		set rejectedLabel(e = "Action halted") {
+		set autoApprovedLabel(e = "Completed") {
 			ot(e), flushSync();
 		},
-		get expiredLabel() {
+		get rejectedLabel() {
 			return ct();
 		},
-		set expiredLabel(e = "Action timed out") {
+		set rejectedLabel(e = "Action halted") {
 			ct(e), flushSync();
 		},
-		get testId() {
+		get expiredLabel() {
 			return lt();
 		},
-		set testId(e) {
+		set expiredLabel(e = "Action timed out") {
 			lt(e), flushSync();
 		},
-		get confirmTestId() {
+		get testId() {
 			return ut();
 		},
-		set confirmTestId(e) {
+		set testId(e) {
 			ut(e), flushSync();
 		},
-		get cancelTestId() {
+		get confirmTestId() {
 			return dt();
 		},
-		set cancelTestId(e) {
+		set confirmTestId(e) {
 			dt(e), flushSync();
 		},
-		get completionTestId() {
+		get cancelTestId() {
 			return ft();
 		},
-		set completionTestId(e) {
+		set cancelTestId(e) {
 			ft(e), flushSync();
 		},
-		get completionTextTestId() {
+		get completionTestId() {
 			return pt();
 		},
-		set completionTextTestId(e) {
+		set completionTestId(e) {
 			pt(e), flushSync();
 		},
-		get actions() {
+		get completionTextTestId() {
 			return mt();
 		},
-		set actions(e) {
+		set completionTextTestId(e) {
 			mt(e), flushSync();
 		},
-		get questions() {
+		get actions() {
 			return ht();
 		},
-		set questions(e) {
+		set actions(e) {
 			ht(e), flushSync();
 		},
-		get answerOnSelect() {
+		get questions() {
 			return gt();
 		},
-		set answerOnSelect(e = !1) {
+		set questions(e) {
 			gt(e), flushSync();
 		},
-		get questionsSettleAs() {
+		get answerOnSelect() {
 			return _t();
 		},
-		set questionsSettleAs(e = "approved") {
+		set answerOnSelect(e = !1) {
 			_t(e), flushSync();
 		},
-		get sendAnswersLabel() {
+		get questionsSettleAs() {
 			return vt();
 		},
-		set sendAnswersLabel(e = "Send answers") {
+		set questionsSettleAs(e = "approved") {
 			vt(e), flushSync();
 		},
-		get optionClasses() {
+		get sendAnswersLabel() {
 			return yt();
 		},
-		set optionClasses(e) {
+		set sendAnswersLabel(e = "Send answers") {
 			yt(e), flushSync();
 		},
-		get selectedOptionClasses() {
+		get optionClasses() {
 			return bt();
 		},
-		set selectedOptionClasses(e) {
+		set optionClasses(e) {
 			bt(e), flushSync();
 		},
-		get children() {
+		get selectedOptionClasses() {
 			return xt();
 		},
-		set children(e) {
+		set selectedOptionClasses(e) {
 			xt(e), flushSync();
 		},
-		get classes() {
+		get children() {
 			return St();
 		},
-		set classes(e) {
+		set children(e) {
 			St(e), flushSync();
+		},
+		get classes() {
+			return Ct();
+		},
+		set classes(e) {
+			Ct(e), flushSync();
 		}
-	}, xn = root_19();
-	return Card(child(xn), {
+	}, En = root_19();
+	return Card(child(En), {
 		cssVars: {
 			"--card-background": "var(--hitl-background, #ffffff)",
 			"--card-border": "var(--hitl-border, 1px solid #e4e4e7)",
@@ -59366,21 +59395,21 @@ function HITL(e, t) {
 			reset(c);
 			var u = sibling(c, 2), k = child(u, !0);
 			reset(u), reset(o);
-			var te = sibling(o, 4), ne = (e) => {
+			var R = sibling(o, 4), te = (e) => {
 				var t = root$4(), n = child(t, !0);
 				reset(t), template_effect(() => {
-					set_attribute(t, "data-pw", lt() && `${lt()}-description`), set_text(n, a());
+					set_attribute(t, "data-pw", ut() && `${ut()}-description`), set_text(n, a());
 				}), append(e, t);
 			};
-			if_block(te, (e) => {
-				typeof a() == "string" && a().length > 0 && e(ne);
+			if_block(R, (e) => {
+				typeof a() == "string" && a().length > 0 && e(te);
 			});
-			var G = sibling(te, 2), re = child(G), be = (e) => {
+			var ne = sibling(R, 2), G = child(ne), re = (e) => {
 				var t = root_1$3();
 				snippet(child(t), s), reset(t), append(e, t);
-			}, it = (e) => {
+			}, be = (e) => {
 				var t = comment();
-				each(first_child(t), 17, () => get(yn), index, (e, t) => {
+				each(first_child(t), 17, () => get(wn), index, (e, t) => {
 					var n = root_2$1(), i = child(n), a = child(i, !0);
 					reset(i);
 					var o = sibling(i, 2), s = child(o, !0);
@@ -59389,48 +59418,48 @@ function HITL(e, t) {
 					}), append(e, n);
 				}), append(e, t);
 			};
-			if_block(re, (e) => {
-				typeof s() == "function" ? e(be) : e(it, -1);
+			if_block(G, (e) => {
+				typeof s() == "function" ? e(re) : e(be, -1);
 			});
-			var at = sibling(re, 2), ot = (e) => {
+			var Me = sibling(G, 2), at = (e) => {
 				var t = root_5(), n = child(t);
 				let i;
 				var a = child(n), o = (e) => {
 					var t = comment(), n = first_child(t), i = (e) => {
 						var t = comment();
-						snippet(first_child(t), Me), append(e, t);
+						snippet(first_child(t), Re), append(e, t);
 					}, a = (e) => {
 						append(e, root_3$1());
 					};
 					if_block(n, (e) => {
-						Me() ? e(i) : e(a, -1);
+						Re() ? e(i) : e(a, -1);
 					}), append(e, t);
 				}, s = (e) => {
 					var t = comment();
-					snippet(first_child(t), Re), append(e, t);
+					snippet(first_child(t), Ue), append(e, t);
 				}, c = (e) => {
 					append(e, root_4$1());
 				};
 				if_block(a, (e) => {
-					get(Nt) ? e(o) : Re() ? e(s, 1) : e(c, -1);
+					get(zt) ? e(o) : Ue() ? e(s, 1) : e(c, -1);
 				}), reset(n);
 				var l = sibling(n, 2);
 				let u;
 				var f = child(l, !0);
 				reset(l), reset(t), template_effect(() => {
-					set_attribute(t, "data-pw", ft() ?? (lt() && `${lt()}-completion`) ?? null), i = set_class(n, 1, "completion-icon svelte-13vzr9e", null, i, { halted: !get(Nt) }), u = set_class(l, 1, "completion-text svelte-13vzr9e", null, u, { halted: !get(Nt) }), set_attribute(l, "data-pw", pt() ?? (lt() && `${lt()}-completion-text`) ?? null), set_text(f, get(Lt));
+					set_attribute(t, "data-pw", pt() ?? (ut() && `${ut()}-completion`) ?? null), i = set_class(n, 1, "completion-icon svelte-13vzr9e", null, i, { halted: !get(zt) }), u = set_class(l, 1, "completion-text svelte-13vzr9e", null, u, { halted: !get(zt) }), set_attribute(l, "data-pw", mt() ?? (ut() && `${ut()}-completion-text`) ?? null), set_text(f, get(Gt));
 				}), append(e, t);
-			}, ct = (e) => {
+			}, ot = (e) => {
 				var t = root_17(), n = first_child(t), i = (e) => {
 					var t = root_6();
-					snippet(child(t), xt), reset(t), append(e, t);
+					snippet(child(t), St), reset(t), append(e, t);
 				};
 				if_block(n, (e) => {
-					xt() && e(i);
+					St() && e(i);
 				});
 				var a = sibling(n, 2), o = (e) => {
 					var t = root_9();
-					each(t, 21, () => get(cn), index, (e, t, n) => {
+					each(t, 21, () => get(pn), index, (e, t, n) => {
 						var i = root_8(), a = child(i), o = (e) => {
 							var n = root_7(), i = child(n, !0);
 							reset(n), template_effect(() => set_text(i, get(t).header)), append(e, n);
@@ -59442,9 +59471,9 @@ function HITL(e, t) {
 						reset(s);
 						var l = sibling(s, 2);
 						each(l, 23, () => get(t).options, (e) => e.label, (e, i, a) => {
-							let o = /* @__PURE__ */ user_derived(() => (get(sn)[n] ?? []).includes(get(i).label));
+							let o = /* @__PURE__ */ user_derived(() => (get(fn)[n] ?? []).includes(get(i).label));
 							{
-								let s = /* @__PURE__ */ user_derived(() => ln(get(t)) ? {} : { ariaPressed: get(o) }), c = /* @__PURE__ */ user_derived(() => !get(wt)), l = /* @__PURE__ */ user_derived(() => [yt(), get(o) ? bt() : ""].filter((e) => typeof e == "string" && e.length > 0).join(" ")), u = /* @__PURE__ */ user_derived(() => lt() && `${lt()}-question-${n}-option-${get(a)}`);
+								let s = /* @__PURE__ */ user_derived(() => mn(get(t)) ? {} : { ariaPressed: get(o) }), c = /* @__PURE__ */ user_derived(() => !get(Tt)), l = /* @__PURE__ */ user_derived(() => [bt(), get(o) ? xt() : ""].filter((e) => typeof e == "string" && e.length > 0).join(" ")), u = /* @__PURE__ */ user_derived(() => ut() && `${ut()}-question-${n}-option-${get(a)}`);
 								Button(e, spread_props({
 									variant: "secondary",
 									get text() {
@@ -59463,21 +59492,21 @@ function HITL(e, t) {
 									get testId() {
 										return get(u);
 									},
-									onclick: () => pn(n, get(i).label)
+									onclick: () => vn(n, get(i).label)
 								}));
 							}
 						}), reset(l), reset(i), template_effect(() => {
-							set_attribute(i, "aria-label", get(t).header ?? get(t).question), set_attribute(i, "data-pw", lt() && `${lt()}-question-${n}`), set_text(c, get(t).question);
+							set_attribute(i, "aria-label", get(t).header ?? get(t).question), set_attribute(i, "data-pw", ut() && `${ut()}-question-${n}`), set_text(c, get(t).question);
 						}), append(e, i);
 					}), reset(t), append(e, t);
 				};
 				if_block(a, (e) => {
-					get(cn).length > 0 && e(o);
+					get(pn).length > 0 && e(o);
 				});
 				var s = sibling(a, 2), c = (e) => {
 					var t = root_10(), n = child(t);
 					{
-						let e = /* @__PURE__ */ user_derived(() => get(en).placeholder ?? ""), t = /* @__PURE__ */ user_derived(() => get(en).ariaLabel ?? get(en).label), i = /* @__PURE__ */ user_derived(() => get(en).multiline === !0), a = /* @__PURE__ */ user_derived(() => get(en).multiline === !0), o = /* @__PURE__ */ user_derived(() => lt() && `${lt()}-reply-input`);
+						let e = /* @__PURE__ */ user_derived(() => get(on).placeholder ?? ""), t = /* @__PURE__ */ user_derived(() => get(on).ariaLabel ?? get(on).label), i = /* @__PURE__ */ user_derived(() => get(on).multiline === !0), a = /* @__PURE__ */ user_derived(() => get(on).multiline === !0), o = /* @__PURE__ */ user_derived(() => ut() && `${ut()}-reply-input`);
 						Input(n, {
 							get placeholder() {
 								return get(e);
@@ -59499,20 +59528,20 @@ function HITL(e, t) {
 								return get(o);
 							},
 							onkeydown: (e) => {
-								let t = get(en)?.multiline === !0 ? e.metaKey || e.ctrlKey : !0;
-								e.key === "Enter" && t && (e.preventDefault(), an());
+								let t = get(on)?.multiline === !0 ? e.metaKey || e.ctrlKey : !0;
+								e.key === "Enter" && t && (e.preventDefault(), un());
 							},
 							get value() {
-								return get(tn);
+								return get(sn);
 							},
 							set value(e) {
-								set(tn, e, !0);
+								set(sn, e, !0);
 							}
 						});
 					}
 					var i = sibling(n, 2), a = child(i), o = child(a);
 					{
-						let e = /* @__PURE__ */ user_derived(() => get(en).backLabel ?? "Back"), t = /* @__PURE__ */ user_derived(() => !get(wt)), n = /* @__PURE__ */ user_derived(() => lt() && `${lt()}-reply-back`);
+						let e = /* @__PURE__ */ user_derived(() => get(on).backLabel ?? "Back"), t = /* @__PURE__ */ user_derived(() => !get(Tt)), n = /* @__PURE__ */ user_derived(() => ut() && `${ut()}-reply-back`);
 						Button(o, {
 							variant: "secondary",
 							get text() {
@@ -59524,35 +59553,35 @@ function HITL(e, t) {
 							get testId() {
 								return get(n);
 							},
-							onclick: on
+							onclick: dn
 						});
 					}
 					reset(a);
 					var s = sibling(a, 2), c = child(s);
 					{
-						let e = /* @__PURE__ */ user_derived(() => get(en).submitLabel ?? "Send"), t = /* @__PURE__ */ user_derived(() => lt() && `${lt()}-reply-send`);
+						let e = /* @__PURE__ */ user_derived(() => get(on).submitLabel ?? "Send"), t = /* @__PURE__ */ user_derived(() => ut() && `${ut()}-reply-send`);
 						Button(c, {
 							get text() {
 								return get(e);
 							},
 							get classes() {
-								return get(en).submitClasses;
+								return get(on).submitClasses;
 							},
 							get enable() {
-								return get(nn);
+								return get(cn);
 							},
 							get testId() {
 								return get(t);
 							},
-							onclick: an
+							onclick: un
 						});
 					}
-					reset(s), reset(i), reset(t), template_effect(() => set_attribute(t, "data-pw", lt() && `${lt()}-reply`)), append(e, t);
+					reset(s), reset(i), reset(t), template_effect(() => set_attribute(t, "data-pw", ut() && `${ut()}-reply`)), append(e, t);
 				}, l = (e) => {
 					var t = root_16(), n = child(t), i = (e) => {
 						var t = root_11(), n = child(t);
 						{
-							let e = /* @__PURE__ */ user_derived(() => !get(wt)), t = /* @__PURE__ */ user_derived(() => dt() ?? (lt() && `${lt()}-cancel`));
+							let e = /* @__PURE__ */ user_derived(() => !get(Tt)), t = /* @__PURE__ */ user_derived(() => ft() ?? (ut() && `${ut()}-cancel`));
 							Button(n, {
 								variant: "secondary",
 								get text() {
@@ -59564,7 +59593,7 @@ function HITL(e, t) {
 								get testId() {
 									return get(t);
 								},
-								onclick: () => $t("rejected")
+								onclick: () => an("rejected")
 							});
 						}
 						reset(t), append(e, t);
@@ -59573,10 +59602,10 @@ function HITL(e, t) {
 						S() && e(i);
 					});
 					var a = sibling(n, 2);
-					each(a, 19, () => mt() ?? [], (e, t) => e.testId ?? `${t}-${e.label}`, (e, t, n) => {
+					each(a, 19, () => ht() ?? [], (e, t) => e.testId ?? `${t}-${e.label}`, (e, t, n) => {
 						var i = root_12(), a = child(i);
 						{
-							let e = /* @__PURE__ */ user_derived(() => !get(wt)), i = /* @__PURE__ */ user_derived(() => get(t).testId ?? (lt() && `${lt()}-action-${get(n)}`));
+							let e = /* @__PURE__ */ user_derived(() => !get(Tt)), i = /* @__PURE__ */ user_derived(() => get(t).testId ?? (ut() && `${ut()}-action-${get(n)}`));
 							Button(a, {
 								variant: "secondary",
 								get text() {
@@ -59594,7 +59623,7 @@ function HITL(e, t) {
 								get ariaLabel() {
 									return get(t).ariaLabel;
 								},
-								onclick: () => rn(get(t))
+								onclick: () => ln(get(t))
 							});
 						}
 						reset(i), append(e, i);
@@ -59602,43 +59631,43 @@ function HITL(e, t) {
 					var o = sibling(a, 2), s = (e) => {
 						var t = root_13(), n = child(t);
 						{
-							let e = /* @__PURE__ */ user_derived(() => lt() && `${lt()}-send-answers`);
+							let e = /* @__PURE__ */ user_derived(() => ut() && `${ut()}-send-answers`);
 							Button(n, {
 								get text() {
-									return vt();
+									return yt();
 								},
 								get enable() {
-									return get(dn);
+									return get(gn);
 								},
 								get testId() {
 									return get(e);
 								},
-								onclick: mn
+								onclick: yn
 							});
 						}
 						reset(t), append(e, t);
 					};
 					if_block(o, (e) => {
-						get(un) && e(s);
+						get(hn) && e(s);
 					});
 					var c = sibling(o, 2), l = (e) => {
 						var t = root_15(), n = child(t), i = (e) => {
 							var t = root_14();
 							Progress(child(t), {
 								get value() {
-									return get(Pt);
+									return get(Bt);
 								},
 								get max() {
-									return R();
+									return get(kt);
 								}
 							}), reset(t), append(e, t);
 						};
 						if_block(n, (e) => {
-							get(Et) && !p() && e(i);
+							get(Dt) && !p() && e(i);
 						});
 						var a = sibling(n, 2);
 						{
-							let e = /* @__PURE__ */ user_derived(() => !get(wt) && !p()), t = /* @__PURE__ */ user_derived(() => ut() ?? (lt() && `${lt()}-confirm`));
+							let e = /* @__PURE__ */ user_derived(() => !get(Tt) && !p()), t = /* @__PURE__ */ user_derived(() => dt() ?? (ut() && `${ut()}-confirm`));
 							Button(a, {
 								get text() {
 									return f();
@@ -59649,7 +59678,7 @@ function HITL(e, t) {
 								get testId() {
 									return get(t);
 								},
-								onclick: () => $t("approved")
+								onclick: () => an("approved")
 							});
 						}
 						reset(t), append(e, t);
@@ -59659,19 +59688,19 @@ function HITL(e, t) {
 					}), reset(t), append(e, t);
 				};
 				if_block(s, (e) => {
-					get(en) === null ? e(l, -1) : e(c);
+					get(on) === null ? e(l, -1) : e(c);
 				}), append(e, t);
 			};
-			if_block(at, (e) => {
-				get(Mt) && get(jt) !== null ? e(ot) : e(ct, -1);
-			}), reset(G), template_effect(() => {
-				set_text(l, Ue()), set_attribute(u, "data-pw", lt() && `${lt()}-title`), set_text(k, i());
+			if_block(Me, (e) => {
+				get(Rt) && get(Lt) !== null ? e(at) : e(ot, -1);
+			}), reset(ne), template_effect(() => {
+				set_text(l, it()), set_attribute(u, "data-pw", ut() && `${ut()}-title`), set_text(k, i());
 			}), append(e, n);
 		},
 		$$slots: { default: !0 }
-	}), reset(xn), template_effect(() => {
-		set_class(xn, 1, `hitl ${St() ?? "" ?? ""}`, "svelte-13vzr9e"), set_attribute(xn, "data-confirmation-id", n()), set_attribute(xn, "data-pw", typeof lt() == "string" ? lt() : null), set_attribute(xn, "testid", typeof lt() == "string" ? lt() : null);
-	}), append(e, xn), pop(bn);
+	}), reset(En), template_effect(() => {
+		set_class(En, 1, `hitl ${Ct() ?? "" ?? ""}`, "svelte-13vzr9e"), set_attribute(En, "data-confirmation-id", n()), set_attribute(En, "data-pw", typeof ut() == "string" ? ut() : null), set_attribute(En, "testid", typeof ut() == "string" ? ut() : null);
+	}), append(e, En), pop(Tn);
 }
 create_custom_element(HITL, {
 	confirmationId: {},
@@ -59689,6 +59718,7 @@ create_custom_element(HITL, {
 	showConfirm: {},
 	showEmptyParameters: {},
 	countdownSeconds: {},
+	expiresAt: {},
 	autoCancelSeconds: {},
 	isMicMuted: {},
 	onmictoggle: {},
@@ -59826,6 +59856,10 @@ customElements.define("sui-hitl", create_custom_element(HITL_wc, {
 		attribute: "countdown-seconds",
 		type: "Number"
 	},
+	expiresAt: {
+		attribute: "expires-at",
+		type: "Number"
+	},
 	autoCancelSeconds: {
 		attribute: "auto-cancel-seconds",
 		type: "Number"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juspay/svelte-ui-components",
-  "version": "4.52.0",
+  "version": "4.52.1",
   "description": "A themeable Svelte 5 UI component library with CSS custom property driven styling",
   "keywords": [
     "svelte",