@livelayer/react 0.23.1 → 0.23.2

package/dist/index.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as S, jsx as r, Fragment as Ve } from "react/jsx-runtime";
-import { Component as Sr, useState as M, useRef as T, useEffect as I, useCallback as k, useMemo as at, useLayoutEffect as Qn, forwardRef as on, useImperativeHandle as Er, createElement as Ar } from "react";
-import { createPortal as ln } from "react-dom";
+import { Component as Sr, useState as M, useRef as T, useEffect as I, useCallback as C, useMemo as at, useLayoutEffect as Qn, forwardRef as rn, useImperativeHandle as Er, createElement as Ar } from "react";
+import { createPortal as on } from "react-dom";
 import { LiveKitSession as Nr, registerFields as Mr } from "@livelayer/sdk";
 import { clearFieldRegistry as Bo, getRegisteredFields as Wo, registerFields as qo, setFieldValue as Uo } from "@livelayer/sdk";
 import { createLocalAudioTrack as Ir, Track as er, createLocalVideoTrack as Tr } from "livekit-client";
@@ -36,7 +36,7 @@ class Rr extends Sr {
   }
 }
 function Dr(e) {
-  const [t, n] = M("idle"), [i, l] = M("idle"), [o, s] = M([]), [a, c] = M(null), [u, m] = M(null), [p, h] = M(null), [P, _] = M(!1), [C, g] = M(null), w = T(null), D = T(e.onDataMessage);
+  const [t, n] = M("idle"), [i, l] = M("idle"), [o, s] = M([]), [a, c] = M(null), [u, m] = M(null), [p, h] = M(null), [P, _] = M(!1), [k, g] = M(null), w = T(null), D = T(e.onDataMessage);
   D.current = e.onDataMessage, I(() => {
     const y = {
       onConnectionStateChange: (B) => {
@@ -75,7 +75,7 @@ function Dr(e) {
     e.sessionEndpoint,
     JSON.stringify(e.sessionBody ?? {})
   ]);
-  const E = k(async () => {
+  const E = C(async () => {
     const y = w.current;
     if (y)
       try {
@@ -83,10 +83,10 @@ function Dr(e) {
       } catch (z) {
         throw g(z instanceof Error ? z.message : String(z)), z;
       }
-  }, []), v = k(() => {
+  }, []), v = C(() => {
     const y = w.current;
     y && y.disconnect();
-  }, []), O = k(() => {
+  }, []), O = C(() => {
     var y;
     return ((y = w.current) == null ? void 0 : y.getRoom()) ?? null;
   }, []);
@@ -98,7 +98,7 @@ function Dr(e) {
     videoElement: u,
     audioElement: p,
     canResume: P,
-    error: C,
+    error: k,
     connect: E,
     disconnect: v,
     getRoom: O,
@@ -106,48 +106,48 @@ function Dr(e) {
   };
 }
 function Pr() {
-  const e = T(null), t = T(/* @__PURE__ */ new Map()), n = T(null), i = T(/* @__PURE__ */ new Set()), l = k(() => {
+  const e = T(null), t = T(/* @__PURE__ */ new Map()), n = T(null), i = T(/* @__PURE__ */ new Set()), l = C(() => {
     const _ = t.current;
     if (_.size === 0) {
       n.current = null;
       return;
     }
-    let C = 0;
+    let k = 0;
     for (const { analyser: g, buffer: w } of _.values()) {
       g.getByteFrequencyData(w);
       let D = 0;
       for (let v = 0; v < w.length; v++) D += w[v];
       const E = D / w.length / 255;
-      E > C && (C = E);
+      E > k && (k = E);
     }
     for (const g of i.current)
       try {
-        g(C);
+        g(k);
       } catch (w) {
         console.error("[useAudioLevel] subscriber threw:", w);
       }
     n.current = requestAnimationFrame(l);
-  }, []), o = k(() => e.current ? e.current : typeof window > "u" || typeof AudioContext > "u" ? null : (e.current = new AudioContext(), e.current), []), s = k(() => {
+  }, []), o = C(() => e.current ? e.current : typeof window > "u" || typeof AudioContext > "u" ? null : (e.current = new AudioContext(), e.current), []), s = C(() => {
     n.current === null && t.current.size > 0 && (n.current = requestAnimationFrame(l));
-  }, [l]), a = k((_) => {
-    const C = t.current.get(_);
-    if (C) {
+  }, [l]), a = C((_) => {
+    const k = t.current.get(_);
+    if (k) {
       try {
-        C.node.disconnect();
+        k.node.disconnect();
       } catch {
       }
       try {
-        C.analyser.disconnect();
+        k.analyser.disconnect();
       } catch {
       }
       t.current.delete(_);
     }
-  }, []), c = k(
-    (_, C) => {
+  }, []), c = C(
+    (_, k) => {
       const g = o();
       if (!g) return;
       a(_);
-      const w = C(g);
+      const w = k(g);
       if (!w) return;
       const D = g.createAnalyser();
       D.fftSize = 64;
@@ -164,46 +164,46 @@ function Pr() {
       }), s();
     },
     [a, o, s]
-  ), u = k(
-    (_, C = "agent") => {
-      c(C, (g) => {
+  ), u = C(
+    (_, k = "agent") => {
+      c(k, (g) => {
         try {
           return g.createMediaElementSource(_);
         } catch (w) {
           return console.warn(
             "[useAudioLevel] createMediaElementSource failed for slot",
-            C,
+            k,
             w
           ), null;
         }
       });
     },
     [c]
-  ), m = k(
-    (_, C = "mic") => {
-      c(C, (g) => {
+  ), m = C(
+    (_, k = "mic") => {
+      c(k, (g) => {
         try {
           return g.createMediaStreamSource(_);
         } catch (w) {
           return console.warn(
             "[useAudioLevel] createMediaStreamSource failed for slot",
-            C,
+            k,
             w
           ), null;
         }
       });
     },
     [c]
-  ), p = k(
+  ), p = C(
     (_) => {
       a(_), t.current.size === 0 && n.current !== null && (cancelAnimationFrame(n.current), n.current = null);
     },
     [a]
-  ), h = k(() => {
+  ), h = C(() => {
     n.current !== null && (cancelAnimationFrame(n.current), n.current = null);
     for (const _ of Array.from(t.current.keys()))
       a(_);
-  }, [a]), P = k((_) => (i.current.add(_), () => {
+  }, [a]), P = C((_) => (i.current.add(_), () => {
     i.current.delete(_);
   }), []);
   return I(() => () => {
@@ -225,7 +225,7 @@ function $r(e = {}) {
   const t = e.gateUntilAgentReady ?? !1, n = e.agentState ?? null, [i, l] = M(t), [o, s] = M(""), [a, c] = M(null), u = T(null), m = T(null), p = T({
     active: t,
     lastAutoIntent: null
-  }), h = k(async (E) => {
+  }), h = C(async (E) => {
     var v, O;
     if (u.current && m.current) {
       try {
@@ -247,9 +247,9 @@ function $r(e = {}) {
       const z = y instanceof Error && y.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
       throw c(z), y;
     }
-  }, []), P = k((E) => {
+  }, []), P = C((E) => {
     m.current = E;
-  }, []), _ = k(async (E) => {
+  }, []), _ = C(async (E) => {
     const v = m.current;
     if (v)
       try {
@@ -257,7 +257,7 @@ function $r(e = {}) {
       } catch (O) {
         console.warn("[useMicrophoneState] switchDevice failed:", O);
       }
-  }, []), C = k(async () => {
+  }, []), k = C(async () => {
     const E = m.current, v = !i;
     if (l(v), p.current.active = !1, !!E)
       try {
@@ -275,7 +275,7 @@ function $r(e = {}) {
     }
     v.isMicrophoneEnabled === p.current.lastAutoIntent && (v.setMicrophoneEnabled(!0), p.current.lastAutoIntent = !0, l(!1)), p.current.active = !1;
   }, [n]);
-  const g = k(() => {
+  const g = C(() => {
     const E = u.current, v = m.current;
     if (E && v) {
       try {
@@ -285,12 +285,12 @@ function $r(e = {}) {
       E.stop();
     }
     u.current = null, m.current = null, p.current = { active: t, lastAutoIntent: null }, l(t), s("");
-  }, [t]), w = k(() => c(null), []), D = k(() => zr(u.current), []);
+  }, [t]), w = C(() => c(null), []), D = C(() => zr(u.current), []);
   return {
     isMuted: i,
     activeDeviceId: o,
     micError: a,
-    toggleMute: C,
+    toggleMute: k,
     setupMic: h,
     attachRoom: P,
     switchDevice: _,
@@ -301,9 +301,9 @@ function $r(e = {}) {
 }
 const Hr = { resolution: { width: 640, height: 480, frameRate: 24 } };
 function Or() {
-  const [e, t] = M(!1), [n, i] = M(null), [l, o] = M(null), [s, a] = M(""), c = T(null), u = T(null), m = k((w) => {
+  const [e, t] = M(!1), [n, i] = M(null), [l, o] = M(null), [s, a] = M(""), c = T(null), u = T(null), m = C((w) => {
     c.current = w;
-  }, []), p = k(() => {
+  }, []), p = C(() => {
     var E;
     const w = c.current, D = u.current;
     if (D && w) {
@@ -318,7 +318,7 @@ function Or() {
       }
     }
     u.current = null, o(null), t(!1);
-  }, []), h = k(async (w) => {
+  }, []), h = C(async (w) => {
     const D = c.current;
     if (D) {
       i(null);
@@ -341,13 +341,13 @@ function Or() {
         i(v);
       }
     }
-  }, []), P = k(async () => {
+  }, []), P = C(async () => {
     e ? p() : await h(s || void 0);
-  }, [e, s, p, h]), _ = k(async (w) => {
+  }, [e, s, p, h]), _ = C(async (w) => {
     p(), await h(w);
-  }, [p, h]), C = k(() => {
+  }, [p, h]), k = C(() => {
     p(), c.current = null, i(null), a("");
-  }, [p]), g = k(() => i(null), []);
+  }, [p]), g = C(() => i(null), []);
   return I(() => () => {
     u.current && u.current.stop();
   }, []), {
@@ -358,14 +358,14 @@ function Or() {
     toggle: P,
     switchDevice: _,
     attachRoom: m,
-    teardown: C,
+    teardown: k,
     clearError: g
   };
 }
 function Fr() {
-  const [e, t] = M(!1), [n, i] = M(null), [l, o] = M(null), s = T(null), a = k((h) => {
+  const [e, t] = M(!1), [n, i] = M(null), [l, o] = M(null), s = T(null), a = C((h) => {
     s.current = h;
-  }, []), c = k(() => o(null), []), u = k(async () => {
+  }, []), c = C(() => o(null), []), u = C(async () => {
     const h = s.current;
     if (h) {
       if (e) {
@@ -381,9 +381,9 @@ function Fr() {
         await h.localParticipant.setScreenShareEnabled(!0);
         let P = 0;
         const _ = () => {
-          const C = h.localParticipant.getTrackPublication(er.Source.ScreenShare);
-          if (C != null && C.track) {
-            const g = C.track.attach();
+          const k = h.localParticipant.getTrackPublication(er.Source.ScreenShare);
+          if (k != null && k.track) {
+            const g = k.track.attach();
             o(g), t(!0);
             try {
               h.localParticipant.publishData(
@@ -402,7 +402,7 @@ function Fr() {
         _ !== "NotAllowedError" && _ !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
       }
     }
-  }, [e, c]), m = k(() => {
+  }, [e, c]), m = C(() => {
     const h = s.current;
     if (h && e)
       try {
@@ -410,11 +410,11 @@ function Fr() {
       } catch {
       }
     c(), t(!1), i(null), s.current = null;
-  }, [e, c]), p = k(() => i(null), []);
+  }, [e, c]), p = C(() => i(null), []);
   return { isEnabled: e, error: n, previewEl: l, toggle: u, attachRoom: a, teardown: m, clearError: p };
 }
 function Br() {
-  const [e, t] = M([]), [n, i] = M([]), l = k(async () => {
+  const [e, t] = M([]), [n, i] = M([]), l = C(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const o = await navigator.mediaDevices.enumerateDevices();
@@ -478,7 +478,7 @@ function Ur({
   defaultValue: t = "expanded",
   onChange: n
 } = {}) {
-  const i = e !== void 0, [l, o] = M(t), s = i ? e : l, a = k(
+  const i = e !== void 0, [l, o] = M(t), s = i ? e : l, a = C(
     (c) => {
       c !== s && (i || o(c), n == null || n(c));
     },
@@ -527,7 +527,7 @@ function Xr(e = Gr) {
   }, [e]), t;
 }
 const Kr = 280, Jr = 380, Zr = 8, Qr = 4;
-function Kt(e) {
+function Xt(e) {
   return `${e}:geometry`;
 }
 function ei(e) {
@@ -542,17 +542,17 @@ function ei(e) {
   const n = t, { top: i, left: l, width: o, height: s } = n;
   return typeof i != "number" || typeof l != "number" || typeof o != "number" || typeof s != "number" || !Number.isFinite(i) || !Number.isFinite(l) || !Number.isFinite(o) || !Number.isFinite(s) ? null : { top: i, left: l, width: o, height: s };
 }
-function zt() {
+function $t() {
   return typeof window > "u" ? { vw: 0, vh: 0 } : { vw: window.innerWidth, vh: window.innerHeight };
 }
-function Jt(e, t, n) {
+function Kt(e, t, n) {
   const { minWidth: i, minHeight: l, edgeMargin: o, vw: s, vh: a } = n, c = Math.max(i, s - o * 2), u = Math.max(l, a - o * 2);
   return {
     width: Math.max(i, Math.min(c, e)),
     height: Math.max(l, Math.min(u, t))
   };
 }
-function Zt(e, t, n, i, l) {
+function Jt(e, t, n, i, l) {
   const { edgeMargin: o, vw: s, vh: a } = l, c = o, u = o, m = Math.max(c, s - n - o), p = Math.max(u, a - i - o);
   return {
     top: Math.max(u, Math.min(p, e)),
@@ -568,25 +568,25 @@ function ti(e) {
     minWidth: o = Kr,
     minHeight: s = Jr,
     edgeMargin: a = Zr
-  } = e, [c, u] = M(null), [m, p] = M(!1), [h, P] = M(!1), _ = T(null), C = T(null), g = T(!1), w = T(null);
+  } = e, [c, u] = M(null), [m, p] = M(!1), [h, P] = M(!1), _ = T(null), k = T(null), g = T(!1), w = T(null);
   w.current = c;
-  const D = k(
+  const D = C(
     (f) => {
-      l || (f === null ? qr(Kt(i)) : nr(Kt(i), JSON.stringify(f)));
+      l || (f === null ? qr(Xt(i)) : nr(Xt(i), JSON.stringify(f)));
     },
     [l, i]
   );
   I(() => {
     if (g.current || (g.current = !0, l)) return;
-    const f = ei(tr(Kt(i)));
+    const f = ei(tr(Xt(i)));
     if (!f) return;
-    const { vw: A, vh: $ } = zt(), q = Jt(f.width, f.height, {
+    const { vw: A, vh: $ } = $t(), q = Kt(f.width, f.height, {
       minWidth: o,
       minHeight: s,
       edgeMargin: a,
       vw: A,
       vh: $
-    }), X = Zt(f.top, f.left, q.width, q.height, {
+    }), X = Jt(f.top, f.left, q.width, q.height, {
       edgeMargin: a,
       vw: A,
       vh: $
@@ -597,14 +597,14 @@ function ti(e) {
     const f = () => {
       u((A) => {
         if (A === null) return null;
-        const { vw: $, vh: q } = zt(), X = Jt(A.width, A.height, {
+        const { vw: $, vh: q } = $t(), X = Kt(A.width, A.height, {
           minWidth: o,
           minHeight: s,
           edgeMargin: a,
           vw: $,
           vh: q
         });
-        return { ...Zt(A.top, A.left, X.width, X.height, {
+        return { ...Jt(A.top, A.left, X.width, X.height, {
           edgeMargin: a,
           vw: $,
           vh: q
@@ -613,7 +613,7 @@ function ti(e) {
     };
     return window.addEventListener("resize", f), () => window.removeEventListener("resize", f);
   }, [o, s, a]);
-  const E = k(
+  const E = C(
     (f) => {
       if (!t || f.pointerType === "mouse" && f.button !== 0) return;
       const A = f.target;
@@ -624,9 +624,9 @@ function ti(e) {
       if (W)
         ({ top: $, left: q, width: X, height: ee } = W);
       else {
-        const te = f.currentTarget.closest(".ll-widget"), oe = te == null ? void 0 : te.getBoundingClientRect();
-        if (!oe) return;
-        $ = oe.top, q = oe.left, X = oe.width, ee = oe.height;
+        const te = f.currentTarget.closest(".ll-widget"), ie = te == null ? void 0 : te.getBoundingClientRect();
+        if (!ie) return;
+        $ = ie.top, q = ie.left, X = ie.width, ee = ie.height;
       }
       try {
         f.currentTarget.setPointerCapture(f.pointerId);
@@ -643,13 +643,13 @@ function ti(e) {
       };
     },
     [t]
-  ), v = k(
+  ), v = C(
     (f) => {
       const A = _.current;
       if (!A) return;
       const $ = f.clientX - A.startClientX, q = f.clientY - A.startClientY;
       if (!A.moved && Math.abs($) + Math.abs(q) > Qr && (A.moved = !0, p(!0)), !A.moved) return;
-      const { vw: X, vh: ee } = zt(), W = Zt(
+      const { vw: X, vh: ee } = $t(), W = Jt(
         A.startTop + q,
         A.startLeft + $,
         A.width,
@@ -659,7 +659,7 @@ function ti(e) {
       u({ ...W, width: A.width, height: A.height });
     },
     [a]
-  ), O = k(
+  ), O = C(
     (f) => {
       const A = _.current;
       if (A) {
@@ -671,9 +671,9 @@ function ti(e) {
       }
     },
     [D]
-  ), y = k(() => {
-    _.current = null, C.current = null, p(!1), P(!1), u(null), D(null);
-  }, [D]), z = k(
+  ), y = C(() => {
+    _.current = null, k.current = null, p(!1), P(!1), u(null), D(null);
+  }, [D]), z = C(
     (f) => {
       if (!n || f.pointerType === "mouse" && f.button !== 0) return;
       f.stopPropagation();
@@ -690,7 +690,7 @@ function ti(e) {
         f.currentTarget.setPointerCapture(f.pointerId);
       } catch {
       }
-      C.current = {
+      k.current = {
         startClientX: f.clientX,
         startClientY: f.clientY,
         startWidth: q,
@@ -700,11 +700,11 @@ function ti(e) {
       }, P(!0);
     },
     [n]
-  ), B = k(
+  ), B = C(
     (f) => {
-      const A = C.current;
+      const A = k.current;
       if (!A) return;
-      const $ = f.clientX - A.startClientX, q = f.clientY - A.startClientY, { vw: X, vh: ee } = zt(), W = X - A.left - a, te = ee - A.top - a, oe = Jt(A.startWidth + $, A.startHeight + q, {
+      const $ = f.clientX - A.startClientX, q = f.clientY - A.startClientY, { vw: X, vh: ee } = $t(), W = X - A.left - a, te = ee - A.top - a, ie = Kt(A.startWidth + $, A.startHeight + q, {
         minWidth: o,
         minHeight: s,
         edgeMargin: a,
@@ -713,17 +713,17 @@ function ti(e) {
         vw: Math.min(X, A.left + W + a),
         vh: Math.min(ee, A.top + te + a)
       });
-      u({ top: A.top, left: A.left, ...oe });
+      u({ top: A.top, left: A.left, ...ie });
     },
     [a, o, s]
-  ), J = k(
+  ), J = C(
     (f) => {
-      if (C.current) {
+      if (k.current) {
         try {
           f.currentTarget.releasePointerCapture(f.pointerId);
         } catch {
         }
-        C.current = null, P(!1), u(($) => ($ && D($), $));
+        k.current = null, P(!1), u(($) => ($ && D($), $));
       }
     },
     [D]
@@ -759,16 +759,16 @@ function ti(e) {
     reset: y
   };
 }
-const Nn = "__llHistoryPatched", Ot = "ll:pathname";
+const Nn = "__llHistoryPatched", Ft = "ll:pathname";
 function ni() {
   if (typeof window > "u" || window.history[Nn]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...n) {
     const i = e.apply(this, n);
-    return window.dispatchEvent(new Event(Ot)), i;
+    return window.dispatchEvent(new Event(Ft)), i;
   }, window.history.replaceState = function(...n) {
     const i = t.apply(this, n);
-    return window.dispatchEvent(new Event(Ot)), i;
+    return window.dispatchEvent(new Event(Ft)), i;
   }, window.history[Nn] = !0;
 }
 function Mn() {
@@ -782,8 +782,8 @@ function ri(e) {
     if (e !== void 0) return;
     ni();
     const i = () => n(Mn());
-    return i(), window.addEventListener("popstate", i), window.addEventListener(Ot, i), () => {
-      window.removeEventListener("popstate", i), window.removeEventListener(Ot, i);
+    return i(), window.addEventListener("popstate", i), window.addEventListener(Ft, i), () => {
+      window.removeEventListener("popstate", i), window.removeEventListener(Ft, i);
     };
   }, [e]), e ?? t;
 }
@@ -827,7 +827,7 @@ function di(e) {
   };
 }
 function fi(e) {
-  const t = at(() => di(e.config), [e.config]), n = e.baseUrl.replace(/\/+$/, ""), i = T(null), l = k(
+  const t = at(() => di(e.config), [e.config]), n = e.baseUrl.replace(/\/+$/, ""), i = T(null), l = C(
     (c) => {
       try {
         new Audio(`${n}${c}`).play().catch(() => {
@@ -836,11 +836,11 @@ function fi(e) {
       }
     },
     [n]
-  ), o = k(() => {
+  ), o = C(() => {
     t.navigate && l("/audio/page-change-sound.mp3");
-  }, [t.navigate, l]), s = k(() => {
+  }, [t.navigate, l]), s = C(() => {
     t.action && l("/audio/confirmation-sound.mp3");
-  }, [t.action, l]), a = k(
+  }, [t.action, l]), a = C(
     (c) => {
       if (!t.thinking) {
         if (i.current) {
@@ -1009,7 +1009,7 @@ const vi = ({
   agentName: s,
   containerEl: a
 }) => {
-  const c = mi(e), u = c === "right" ? "left" : "right", m = t ? 80 : 72, p = !!o, h = !!a, [P, _] = M(null), [C, g] = M(!1), w = T(null), D = T(!1), E = k(
+  const c = mi(e), u = c === "right" ? "left" : "right", m = t ? 80 : 72, p = !!o, h = !!a, [P, _] = M(null), [k, g] = M(!1), w = T(null), D = T(!1), E = C(
     (H) => {
       if (typeof window > "u") return H;
       const G = m / 2, f = zn + G, A = window.innerHeight - zn - G;
@@ -1029,7 +1029,7 @@ const vi = ({
     };
     return window.addEventListener("resize", G), () => window.removeEventListener("resize", G);
   }, [E, h]);
-  const v = k(
+  const v = C(
     (H) => {
       if (!h && !(H.pointerType === "mouse" && H.button !== 0) && P !== null) {
         try {
@@ -1044,7 +1044,7 @@ const vi = ({
       }
     },
     [P, h]
-  ), O = k(
+  ), O = C(
     (H) => {
       const G = w.current;
       if (!G) return;
@@ -1052,7 +1052,7 @@ const vi = ({
       !G.moved && Math.abs(f) > gi && (G.moved = !0, g(!0)), G.moved && _(E(G.startCenterY + f));
     },
     [E]
-  ), y = k(
+  ), y = C(
     (H) => {
       const G = w.current;
       if (G) {
@@ -1064,13 +1064,13 @@ const vi = ({
       }
     },
     []
-  ), z = k(() => {
+  ), z = C(() => {
     if (D.current) {
       D.current = !1;
       return;
     }
     i();
-  }, [i]), B = k(
+  }, [i]), B = C(
     (H) => {
       if (H.key === "ArrowUp" || H.key === "ArrowDown") {
         H.preventDefault();
@@ -1088,10 +1088,10 @@ const vi = ({
     `ll-hidden--${c}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     n ? "ll-hidden--speaking" : null,
-    C ? "is-dragging" : null,
+    k ? "is-dragging" : null,
     p ? "ll-hidden--with-avatar" : null,
     h ? "ll-hidden--scoped" : null
-  ].filter(Boolean).join(" "), ae = P === null ? void 0 : { top: `${P - m / 2}px`, transform: "none" };
+  ].filter(Boolean).join(" "), le = P === null ? void 0 : { top: `${P - m / 2}px`, transform: "none" };
   return /* @__PURE__ */ r(
     "button",
     {
@@ -1105,7 +1105,7 @@ const vi = ({
       onKeyDown: B,
       "aria-label": l,
       "data-position": e,
-      style: ae,
+      style: le,
       children: p ? (
         // Layout: tiny chevron flush against the inward edge (peeks out
         // as the click affordance), then the circular avatar photo
@@ -1376,7 +1376,7 @@ function Li({
     }
   );
 }
-const ki = 8, Hn = 8, Ci = ({
+const Ci = 8, Hn = 8, ki = ({
   open: e,
   onClose: t,
   anchorRef: n,
@@ -1392,7 +1392,7 @@ const ki = 8, Hn = 8, Ci = ({
     if (!a) return;
     const c = () => {
       const u = a.getBoundingClientRect(), m = {
-        top: u.top - ki,
+        top: u.top - Ci,
         left: u.left + u.width / 2
       }, p = Hn + 90, h = window.innerWidth - Hn - 90;
       m.left < p && (m.left = p), m.left > h && (m.left = h), s(m);
@@ -1411,7 +1411,7 @@ const ki = 8, Hn = 8, Ci = ({
     return document.addEventListener("mousedown", a), document.addEventListener("keydown", c), () => {
       document.removeEventListener("mousedown", a), document.removeEventListener("keydown", c);
     };
-  }, [e, t, n]), !e || o === null || typeof document > "u" ? null : ln(
+  }, [e, t, n]), !e || o === null || typeof document > "u" ? null : on(
     /* @__PURE__ */ r(
       "div",
       {
@@ -1447,7 +1447,7 @@ const ki = 8, Hn = 8, Ci = ({
   onToggleTyping: h,
   onDisconnect: P
 }) => {
-  const [_, C] = M(!1), g = T(null);
+  const [_, k] = M(!1), g = T(null);
   return /* @__PURE__ */ S(Ve, { children: [
     /* @__PURE__ */ S(
       "div",
@@ -1472,7 +1472,7 @@ const ki = 8, Hn = 8, Ci = ({
               ref: g,
               type: "button",
               className: `ll-tool ${_ ? "is-on" : ""}`,
-              onClick: () => C((w) => !w),
+              onClick: () => k((w) => !w),
               "aria-label": "More controls",
               "aria-haspopup": "menu",
               "aria-expanded": _,
@@ -1493,10 +1493,10 @@ const ki = 8, Hn = 8, Ci = ({
       }
     ),
     /* @__PURE__ */ S(
-      Ci,
+      ki,
       {
         open: _,
-        onClose: () => C(!1),
+        onClose: () => k(!1),
         anchorRef: g,
         children: [
           l && /* @__PURE__ */ S(
@@ -1505,7 +1505,7 @@ const ki = 8, Hn = 8, Ci = ({
               type: "button",
               className: `ll-overflow-popover__item ${n ? "is-on" : ""}`,
               onClick: () => {
-                i(), C(!1);
+                i(), k(!1);
               },
               children: [
                 /* @__PURE__ */ r(or, {}),
@@ -1519,7 +1519,7 @@ const ki = 8, Hn = 8, Ci = ({
               type: "button",
               className: `ll-overflow-popover__item ${o ? "is-on" : ""}`,
               onClick: () => {
-                s(), C(!1);
+                s(), k(!1);
               },
               children: [
                 /* @__PURE__ */ r(ir, {}),
@@ -1533,7 +1533,7 @@ const ki = 8, Hn = 8, Ci = ({
               type: "button",
               className: `ll-overflow-popover__item ${c ? "is-on" : ""}`,
               onClick: () => {
-                u(), C(!1);
+                u(), k(!1);
               },
               children: [
                 /* @__PURE__ */ r(ar, { muted: c }),
@@ -1547,7 +1547,7 @@ const ki = 8, Hn = 8, Ci = ({
               type: "button",
               className: `ll-overflow-popover__item ${p ? "is-on" : ""}`,
               onClick: () => {
-                h(), C(!1);
+                h(), k(!1);
               },
               children: [
                 /* @__PURE__ */ r(Ai, {}),
@@ -1623,7 +1623,7 @@ const Ni = ({
   onSelectTeamMember: h,
   languageMenuOpen: P,
   onToggleLanguageMenu: _,
-  connectionState: C,
+  connectionState: k,
   agentState: g,
   transcript: w,
   canResume: D,
@@ -1634,7 +1634,7 @@ const Ni = ({
   micDevices: z,
   activeMicId: B,
   isCameraEnabled: J,
-  cameraPreviewEl: ae,
+  cameraPreviewEl: le,
   cameraDevices: H,
   activeCameraId: G,
   isScreenShareEnabled: f,
@@ -1645,18 +1645,18 @@ const Ni = ({
   allowTyping: ee,
   showMinimize: W = !0,
   showClose: te = !0,
-  chromeless: oe = !1,
+  chromeless: ie = !1,
   compactControls: U = !1,
   transforming: ge,
   transformingLabel: Z,
-  avatarVideoContainerRef: Le,
+  avatarVideoContainerRef: Ce,
   agentVideoEl: ne,
-  onConnect: Te,
+  onConnect: Me,
   onDisconnect: st,
-  onRetry: wt,
-  onResumeAudio: _t,
+  onRetry: _t,
+  onResumeAudio: xt,
   onToggleMute: ct,
-  onSwitchMicDevice: xt,
+  onSwitchMicDevice: Lt,
   onToggleCamera: Ye,
   onSwitchCameraDevice: Ge,
   onToggleScreenShare: $e,
@@ -1668,83 +1668,83 @@ const Ni = ({
   dragHandleProps: We,
   resizeHandleProps: F
 }) => {
-  var At;
-  const qe = ((a == null ? void 0 : a.length) ?? 0) > 1, Ke = C === "connecting" || C === "connected", ke = C === "connected", Lt = C === "idle" || C === "disconnected" || C === "error", [ut, Re] = M(!1);
+  var et;
+  const qe = ((a == null ? void 0 : a.length) ?? 0) > 1, Ke = k === "connecting" || k === "connected", ke = k === "connected", Ct = k === "idle" || k === "disconnected" || k === "error", [ut, Ie] = M(!1);
   I(() => {
     if (!ne) {
-      Re(!1);
+      Ie(!1);
       return;
     }
     if (!ne.paused && ne.readyState >= 2) {
-      Re(!0);
+      Ie(!0);
       return;
     }
-    Re(!1);
-    const x = () => Re(!0);
+    Ie(!1);
+    const x = () => Ie(!0);
     return ne.addEventListener("playing", x), ne.addEventListener("loadeddata", x), () => {
       ne.removeEventListener("playing", x), ne.removeEventListener("loadeddata", x);
     };
   }, [ne]);
-  const [Bt, kt] = M(!1);
+  const [dt, kt] = M(!1);
   I(() => {
     g === "speaking" && kt(!0);
   }, [g]), I(() => {
-    (C === "disconnected" || C === "idle") && kt(!1);
-  }, [C]);
-  const Me = Bt && ut, [de, dt] = M(!1);
+    (k === "disconnected" || k === "idle") && kt(!1);
+  }, [k]);
+  const [Ue, ue] = M(!1);
   I(() => {
     if (!ke) {
-      dt(!1);
+      ue(!1);
       return;
     }
-    if (Me) return;
-    const x = setTimeout(() => dt(!0), 12e3);
+    if (dt) return;
+    const x = setTimeout(() => ue(!0), 12e3);
     return () => clearTimeout(x);
-  }, [ke, Me]);
-  const fe = C === "connecting" || ke && !Me && !de, ve = T(null), Ct = T(null);
+  }, [ke, dt]);
+  const St = k === "connecting" || ke && !dt && !Ue, de = T(null), ve = T(null);
   I(() => {
+    const x = de.current;
+    x && (x.innerHTML = "", le && (le.style.width = "100%", le.style.height = "100%", le.style.objectFit = "cover", le.style.transform = "scaleX(-1)", x.appendChild(le)));
+  }, [le]), I(() => {
     const x = ve.current;
-    x && (x.innerHTML = "", ae && (ae.style.width = "100%", ae.style.height = "100%", ae.style.objectFit = "cover", ae.style.transform = "scaleX(-1)", x.appendChild(ae)));
-  }, [ae]), I(() => {
-    const x = Ct.current;
     x && (x.innerHTML = "", A && (A.style.width = "100%", A.style.height = "100%", A.style.objectFit = "contain", x.appendChild(A)));
   }, [A]);
-  const [Je, pe] = M(!1), [be, Ze] = M(!1), St = T(null), Et = T(null);
+  const [Je, Ze] = M(!1), [pe, be] = M(!1), Et = T(null), At = T(null);
   I(() => {
-    if (!Je && !be && !P && !m) return;
+    if (!Je && !pe && !P && !m) return;
     const x = () => {
-      pe(!1), Ze(!1), P && _(), m && p();
+      Ze(!1), be(!1), P && _(), m && p();
     };
     return document.addEventListener("click", x), () => document.removeEventListener("click", x);
   }, [
     Je,
-    be,
+    pe,
     P,
     m,
     _,
     p
   ]);
-  const [Wt, an] = M(!1), De = k(() => an((x) => !x), []), [Ce, Se] = M(""), Ue = k(
+  const [Nt, ln] = M(!1), an = C(() => ln((x) => !x), []), [_e, Te] = M(""), Ae = C(
     (x) => {
       x.preventDefault();
-      const re = Ce.trim();
-      re && (Oe(re), Se(""));
+      const ae = _e.trim();
+      ae && (Oe(ae), Te(""));
     },
-    [Ce, Oe]
-  ), Qe = s.productName || "Live Layer", qt = !s.productName;
-  let Ee = null, Ae = null;
+    [_e, Oe]
+  ), Re = s.productName || "Live Layer", ft = !s.productName;
+  let De = null, Se = null;
   for (let x = w.length - 1; x >= 0; x--) {
-    const re = w[x];
-    if (!Ee && re.role === "agent" ? Ee = re : !Ae && re.role === "user" && (Ae = re), Ee && Ae) break;
+    const ae = w[x];
+    if (!De && ae.role === "agent" ? De = ae : !Se && ae.role === "user" && (Se = ae), De && Se) break;
   }
-  const ft = ke ? (Ee == null ? void 0 : Ee.text) || null : o || null, et = ke && (Ae == null ? void 0 : Ae.text) || null, pt = [
+  const Qe = ke ? (De == null ? void 0 : De.text) || null : o || null, pt = ke && (Se == null ? void 0 : Se.text) || null, ht = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
   return /* @__PURE__ */ S(
     "div",
     {
-      className: pt,
+      className: ht,
       "data-position": e,
       "data-state": ke ? "connected" : Ke ? "connecting" : "idle",
       role: "dialog",
@@ -1758,7 +1758,7 @@ const Ni = ({
               alt: n,
               className: "ll-expanded__bg-img"
             }
-          ) : /* @__PURE__ */ r("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ r("span", { className: "ll-expanded__bg-initial", children: ((At = n == null ? void 0 : n.charAt(0)) == null ? void 0 : At.toUpperCase()) || "A" }) }),
+          ) : /* @__PURE__ */ r("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ r("span", { className: "ll-expanded__bg-initial", children: ((et = n == null ? void 0 : n.charAt(0)) == null ? void 0 : et.toUpperCase()) || "A" }) }),
           l && !ke && /* @__PURE__ */ r(
             "video",
             {
@@ -1771,8 +1771,15 @@ const Ni = ({
             }
           )
         ] }),
-        /* @__PURE__ */ r("div", { ref: Le, className: "ll-expanded__video" }),
-        fe && /* @__PURE__ */ S("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            ref: Ce,
+            className: "ll-expanded__video",
+            "data-ready": ut
+          }
+        ),
+        St && /* @__PURE__ */ S("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
           /* @__PURE__ */ r("div", { className: "ll-expanded__spinner" }),
           /* @__PURE__ */ r("p", { className: "ll-expanded__overlay-text", children: u ? "Switching..." : "Connecting..." })
         ] }),
@@ -1781,7 +1788,7 @@ const Ni = ({
           {
             type: "button",
             className: "ll-expanded__overlay ll-expanded__overlay--gesture",
-            onClick: _t,
+            onClick: xt,
             children: [
               /* @__PURE__ */ r("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ r("path", { d: "M3 9v6h4l5 5V4L7 9H3zm13.54.12a5 5 0 0 1 0 5.76l-1.41-1.41a3 3 0 0 0 0-2.94L16.54 9.12z" }) }),
               /* @__PURE__ */ r("p", { className: "ll-expanded__overlay-text", children: "Tap to enable audio" })
@@ -1803,7 +1810,7 @@ const Ni = ({
         ),
         Ke ? /* @__PURE__ */ S(Ve, { children: [
           !U && /* @__PURE__ */ S("div", { className: "ll-expanded__topbar", ...We, children: [
-            !oe && /* @__PURE__ */ S("div", { className: "ll-expanded__topbar-left", children: [
+            !ie && /* @__PURE__ */ S("div", { className: "ll-expanded__topbar-left", children: [
               /* @__PURE__ */ S("div", { className: "ll-expanded__pill-wrap", children: [
                 /* @__PURE__ */ S(
                   "button",
@@ -1817,7 +1824,7 @@ const Ni = ({
                     "aria-expanded": qe ? m : void 0,
                     children: [
                       /* @__PURE__ */ r("span", { className: "ll-hpill__label", children: n }),
-                      qe && /* @__PURE__ */ r($t, {})
+                      qe && /* @__PURE__ */ r(Ht, {})
                     ]
                   }
                 ),
@@ -1868,7 +1875,7 @@ const Ni = ({
                     title: "Language: English",
                     children: [
                       /* @__PURE__ */ r("span", { className: "ll-hpill__label", children: "EN" }),
-                      /* @__PURE__ */ r($t, {})
+                      /* @__PURE__ */ r(Ht, {})
                     ]
                   }
                 ),
@@ -1938,7 +1945,7 @@ const Ni = ({
           // pre-0.18.0 behavior) left users no way out short of scrolling
           // the page itself.
           /* @__PURE__ */ S("div", { className: "ll-expanded__header ll-expanded__header--idle", ...We, children: [
-            !U && (qt ? /* @__PURE__ */ S(
+            !U && (ft ? /* @__PURE__ */ S(
               "a",
               {
                 className: "ll-expanded__brand ll-expanded__brand--link",
@@ -1949,10 +1956,10 @@ const Ni = ({
                 title: "Powered by LiveLayer — visit livelayer.studio",
                 children: [
                   /* @__PURE__ */ r(Li, { size: 14, className: "ll-expanded__brand-mark" }),
-                  /* @__PURE__ */ r("span", { children: Qe })
+                  /* @__PURE__ */ r("span", { children: Re })
                 ]
               }
-            ) : /* @__PURE__ */ r("span", { className: "ll-expanded__brand", children: Qe })),
+            ) : /* @__PURE__ */ r("span", { className: "ll-expanded__brand", children: Re })),
             /* @__PURE__ */ S("div", { className: "ll-expanded__header-actions", children: [
               !U && W !== !1 && /* @__PURE__ */ r(
                 "button",
@@ -1977,15 +1984,15 @@ const Ni = ({
             ] })
           ] })
         ),
-        Lt && /* @__PURE__ */ (() => {
-          const x = D ? "Resume session" : C === "disconnected" ? "Reconnect to agent" : "Start video call";
+        Ct && /* @__PURE__ */ (() => {
+          const x = D ? "Resume session" : k === "disconnected" ? "Reconnect to agent" : "Start video call";
           return /* @__PURE__ */ S(Ve, { children: [
             !v && /* @__PURE__ */ S(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
-                onClick: Te,
+                onClick: Me,
                 "aria-label": x,
                 children: [
                   /* @__PURE__ */ r("div", { className: "ll-expanded__play-circle", children: /* @__PURE__ */ r("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ r("polygon", { points: "6 3 20 12 6 21 6 3" }) }) }),
@@ -2000,7 +2007,7 @@ const Ni = ({
                 {
                   type: "button",
                   className: "ll-expanded__cta",
-                  onClick: Te,
+                  onClick: Me,
                   "aria-label": x,
                   children: x
                 }
@@ -2016,14 +2023,14 @@ const Ni = ({
               /* @__PURE__ */ r(
                 "div",
                 {
-                  ref: Ct,
+                  ref: ve,
                   className: f ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ r(
                 "div",
                 {
-                  ref: ve,
+                  ref: de,
                   className: !f && J ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
@@ -2031,23 +2038,23 @@ const Ni = ({
           }
         ),
         Ke ? /* @__PURE__ */ S("div", { className: "ll-expanded__bottom", children: [
-          !U && ft && /* @__PURE__ */ r(
+          !U && Qe && /* @__PURE__ */ r(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--agent",
               "data-role": "agent",
-              children: /* @__PURE__ */ r("p", { className: "ll-expanded__transcript-text", children: ft })
+              children: /* @__PURE__ */ r("p", { className: "ll-expanded__transcript-text", children: Qe })
             }
           ),
-          !U && et && /* @__PURE__ */ r(
+          !U && pt && /* @__PURE__ */ r(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--user",
               "data-role": "user",
-              children: /* @__PURE__ */ r("p", { className: "ll-expanded__transcript-text", children: et })
+              children: /* @__PURE__ */ r("p", { className: "ll-expanded__transcript-text", children: pt })
             }
           ),
-          !oe && !U && /* @__PURE__ */ S("div", { className: "ll-toolbar", onClick: (x) => x.stopPropagation(), children: [
+          !ie && !U && /* @__PURE__ */ S("div", { className: "ll-toolbar", onClick: (x) => x.stopPropagation(), children: [
             X && /* @__PURE__ */ r(
               "button",
               {
@@ -2074,27 +2081,27 @@ const Ni = ({
               /* @__PURE__ */ r(
                 "button",
                 {
-                  ref: Et,
+                  ref: At,
                   type: "button",
                   className: `ll-tool ll-tool--right ${J ? "is-on" : ""}`,
                   onClick: (x) => {
-                    x.stopPropagation(), Ze((re) => !re), pe(!1);
+                    x.stopPropagation(), be((ae) => !ae), Ze(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": be,
-                  children: /* @__PURE__ */ r($t, {})
+                  "aria-expanded": pe,
+                  children: /* @__PURE__ */ r(Ht, {})
                 }
               ),
-              be && H.length > 0 && /* @__PURE__ */ r(
+              pe && H.length > 0 && /* @__PURE__ */ r(
                 Bn,
                 {
                   label: "Camera",
                   devices: H,
                   activeId: G,
-                  anchorRef: Et,
+                  anchorRef: At,
                   onPick: (x) => {
-                    Ze(!1), Ge(x);
+                    be(!1), Ge(x);
                   }
                 }
               )
@@ -2114,16 +2121,16 @@ const Ni = ({
               /* @__PURE__ */ r(
                 "button",
                 {
-                  ref: St,
+                  ref: Et,
                   type: "button",
                   className: `ll-tool ll-tool--right ${O ? "is-muted" : ""}`,
                   onClick: (x) => {
-                    x.stopPropagation(), pe((re) => !re), Ze(!1);
+                    x.stopPropagation(), Ze((ae) => !ae), be(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
                   "aria-expanded": Je,
-                  children: /* @__PURE__ */ r($t, {})
+                  children: /* @__PURE__ */ r(Ht, {})
                 }
               ),
               Je && z.length > 0 && /* @__PURE__ */ r(
@@ -2132,9 +2139,9 @@ const Ni = ({
                   label: "Microphone",
                   devices: z,
                   activeId: B,
-                  anchorRef: St,
+                  anchorRef: Et,
                   onPick: (x) => {
-                    pe(!1), xt(x);
+                    Ze(!1), Lt(x);
                   }
                 }
               )
@@ -2162,7 +2169,7 @@ const Ni = ({
               }
             )
           ] }),
-          !oe && U && /* @__PURE__ */ r(
+          !ie && U && /* @__PURE__ */ r(
             Si,
             {
               isMuted: O,
@@ -2176,24 +2183,24 @@ const Ni = ({
               isSpeakerMuted: $,
               onToggleSpeaker: He,
               allowTyping: ee,
-              isTypingOpen: Wt,
-              onToggleTyping: De,
+              isTypingOpen: Nt,
+              onToggleTyping: an,
               onDisconnect: st
             }
           ),
-          !oe && ee && (U ? Wt : !0) && /* @__PURE__ */ S("form", { className: "ll-message-input", onSubmit: Ue, children: [
+          !ie && ee && (U ? Nt : !0) && /* @__PURE__ */ S("form", { className: "ll-message-input", onSubmit: Ae, children: [
             /* @__PURE__ */ r(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: Ce,
-                onChange: (x) => Se(x.target.value),
+                value: _e,
+                onChange: (x) => Te(x.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            Ce.trim() && /* @__PURE__ */ r(
+            _e.trim() && /* @__PURE__ */ r(
               "button",
               {
                 type: "submit",
@@ -2205,7 +2212,7 @@ const Ni = ({
           ] })
         ] }) : null,
         (() => {
-          if (y && C !== "error")
+          if (y && k !== "error")
             return /* @__PURE__ */ S("div", { className: "ll-expanded__banner", role: "alert", children: [
               /* @__PURE__ */ r("span", { children: y }),
               /* @__PURE__ */ r(
@@ -2219,8 +2226,8 @@ const Ni = ({
                 }
               )
             ] });
-          if (!v || C !== "error") return null;
-          let x = "Failed to connect", re = "Try again";
+          if (!v || k !== "error") return null;
+          let x = "Failed to connect", ae = "Try again";
           return v === "MIC_PERMISSION_DENIED" ? x = "Microphone blocked. Allow access to talk." : v === "MIC_NOT_FOUND" ? x = "No microphone found. Plug one in + retry." : v === "MIC_UNAVAILABLE" ? x = "Mic unavailable. Check other apps using it." : v === "AGENT_TIMEOUT" ? x = "Agent didn't pick up. Try again." : v === "CONNECT_FAILED" ? x = "Connection failed. Check your network." : v.length < 80 && (x = v), /* @__PURE__ */ S("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
             /* @__PURE__ */ r("span", { children: x }),
             /* @__PURE__ */ r(
@@ -2228,8 +2235,8 @@ const Ni = ({
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: wt,
-                children: re
+                onClick: _t,
+                children: ae
               }
             )
           ] });
@@ -2250,7 +2257,7 @@ const Ni = ({
     }
   );
 };
-function $t() {
+function Ht() {
   return /* @__PURE__ */ r("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ r("polyline", { points: "6 9 12 15 18 9" }) });
 }
 function On() {
@@ -2328,7 +2335,7 @@ const Bn = ({
     return a(), window.addEventListener("scroll", a, !0), window.addEventListener("resize", a), () => {
       window.removeEventListener("scroll", a, !0), window.removeEventListener("resize", a);
     };
-  }, [l]), o === null || typeof document > "u" ? null : ln(
+  }, [l]), o === null || typeof document > "u" ? null : on(
     /* @__PURE__ */ S(
       "div",
       {
@@ -2375,7 +2382,7 @@ const Bn = ({
   "[data-ll-skip]",
   ".ll-widget"
 ];
-function Ft(e) {
+function Bt(e) {
   let t = e;
   for (; t; ) {
     for (const n of Ii)
@@ -2384,8 +2391,8 @@ function Ft(e) {
   }
   return !1;
 }
-function nn(e) {
-  if (Ft(e)) return !1;
+function tn(e) {
+  if (Bt(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
     const t = (e.getAttribute("autocomplete") || "").toLowerCase();
@@ -2393,13 +2400,13 @@ function nn(e) {
   }
   return !0;
 }
-const Ti = /\b(continue|next|proceed|move\s*on|forward)\b|→|›/i, Wn = /\b(back|previous|prev|go\s*back)\b|←|‹/i, Ri = /\b(submit|finish|done|complete|send)\b/i, bt = /* @__PURE__ */ new Map();
+const Ti = /\b(continue|next|proceed|move\s*on|forward)\b|→|›/i, Wn = /\b(back|previous|prev|go\s*back)\b|←|‹/i, Ri = /\b(submit|finish|done|complete|send)\b/i, wt = /* @__PURE__ */ new Map();
 function qn(e) {
-  const t = bt.get(e);
+  const t = wt.get(e);
   return t && t.isConnected ? t : null;
 }
 function it(e) {
-  if (Ft(e) || e.hidden || e.getAttribute("aria-hidden") === "true") return !0;
+  if (Bt(e) || e.hidden || e.getAttribute("aria-hidden") === "true") return !0;
   const t = typeof window < "u" && window.getComputedStyle ? window.getComputedStyle(e) : null;
   return !!(t && (t.display === "none" || t.visibility === "hidden"));
 }
@@ -2415,14 +2422,14 @@ function zi(e) {
   );
 }
 function cr(e) {
-  bt.clear();
+  wt.clear();
   const t = zi(e);
   let n, i, l;
   for (const a of t) {
     const c = Pi(a);
     if (!c || c.length > 40) continue;
     const u = a.getAttribute("type") === "submit" || a.tagName === "BUTTON" && !a.getAttribute("type") && !!a.closest("form");
-    !n && Ti.test(c) && !Wn.test(c) ? (n = { id: "ll-advance", label: c }, bt.set("ll-advance", a)) : !i && Wn.test(c) ? (i = { id: "ll-back", label: c }, bt.set("ll-back", a)) : !l && (Ri.test(c) || u) && (l = { id: "ll-submit", label: c }, bt.set("ll-submit", a));
+    !n && Ti.test(c) && !Wn.test(c) ? (n = { id: "ll-advance", label: c }, wt.set("ll-advance", a)) : !i && Wn.test(c) ? (i = { id: "ll-back", label: c }, wt.set("ll-back", a)) : !l && (Ri.test(c) || u) && (l = { id: "ll-submit", label: c }, wt.set("ll-submit", a));
   }
   const o = qi(e);
   return { kind: n || o.totalSteps ? "multi-step" : "single-page", advance: n, back: i, submit: l, ...o };
@@ -2497,7 +2504,7 @@ function qi(e) {
   }
   return {};
 }
-const Ht = 4096, Ui = 20, ji = 20, Vi = 10, Yi = 10, Gi = 30, Xi = 20, Vn = 500, Ki = [
+const Ot = 4096, Ui = 20, ji = 20, Vi = 10, Yi = 10, Gi = 30, Xi = 20, Vn = 500, Ki = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -2505,7 +2512,7 @@ const Ht = 4096, Ui = 20, ji = 20, Vi = 10, Yi = 10, Gi = 30, Xi = 20, Vn = 500,
   "noscript",
   "iframe"
 ];
-function yt(e) {
+function vt(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
@@ -2515,7 +2522,7 @@ function yt(e) {
   }
   return !1;
 }
-function vt(e) {
+function bt(e) {
   if (typeof window > "u") return !0;
   const t = e.getBoundingClientRect();
   if (t.width <= 0 || t.height <= 0) return !1;
@@ -2603,7 +2610,7 @@ function Qi(e, t = {}) {
   ), a = [];
   for (const y of s) {
     if (a.length >= Vi) break;
-    if (yt(y) || !vt(y)) continue;
+    if (vt(y) || !bt(y)) continue;
     const z = y.getAttribute("data-ll-region") ?? "", B = y.getAttribute("data-ll-intent") ?? void 0, J = ce(
       (y.innerText || y.textContent || "").trim(),
       Vn * 2
@@ -2614,13 +2621,13 @@ function Qi(e, t = {}) {
     n.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
   for (const y of m) {
-    if (yt(y) || !vt(y)) continue;
+    if (vt(y) || !bt(y)) continue;
     const z = (y.textContent || "").trim();
     z && c.push(`${y.tagName}: ${ce(z, 200)}`);
   }
   const p = Array.from(n.querySelectorAll("p, li"));
   for (const y of p) {
-    if (yt(y) || !vt(y) || u.includes(y.tagName)) continue;
+    if (vt(y) || !bt(y) || u.includes(y.tagName)) continue;
     const z = (y.textContent || "").trim();
     z.length > 10 && c.push(ce(z, Vn));
   }
@@ -2628,36 +2635,36 @@ function Qi(e, t = {}) {
 `), P = [], _ = Array.from(n.querySelectorAll("a[href]"));
   for (const y of _) {
     if (P.length >= Ui) break;
-    if (yt(y) || !vt(y)) continue;
+    if (vt(y) || !bt(y)) continue;
     const z = y.getAttribute("href") || "", B = (y.textContent || "").trim();
     !z || !B || P.push({ href: z, text: ce(B, 100) });
   }
-  const C = [], g = Array.from(
+  const k = [], g = Array.from(
     n.querySelectorAll(
       "input, textarea, select"
     )
   );
   for (const y of g) {
-    if (C.length >= ji) break;
-    if (yt(y) || !nn(y) || !vt(y)) continue;
+    if (k.length >= ji) break;
+    if (vt(y) || !tn(y) || !bt(y)) continue;
     const z = Yn(y), B = y instanceof HTMLInputElement ? y.type : y.tagName.toLowerCase();
-    z && C.push({ label: ce(z, 100), type: B });
+    z && k.push({ label: ce(z, 100), type: B });
   }
   const w = Array.from(n.querySelectorAll("form")), D = [];
   let E = 0;
   for (const y of w) {
     if (D.length >= Yi) break;
-    if (Ft(y) || y.matches(".ll-widget *, .ll-widget")) continue;
+    if (Bt(y) || y.matches(".ll-widget *, .ll-widget")) continue;
     const z = y.getAttribute("id") || y.getAttribute("name") || Ji(y.getAttribute("data-ll-intent")) || `form_${E++}`, B = y.getAttribute("data-ll-intent") || Zi(y) || void 0, J = Array.from(
       y.querySelectorAll(
         "input, textarea, select"
       )
-    ), ae = [];
+    ), le = [];
     let H = 0;
     const G = /* @__PURE__ */ new Set();
     for (const f of J) {
-      if (ae.length >= Gi) break;
-      if (!nn(f)) continue;
+      if (le.length >= Gi) break;
+      if (!tn(f)) continue;
       if (f instanceof HTMLInputElement) {
         const U = f.type;
         if (U === "submit" || U === "button" || U === "reset" || U === "hidden" || U === "image" || U === "file") continue;
@@ -2691,8 +2698,8 @@ function Qi(e, t = {}) {
         ge !== null && (W.max = ce(ge, 50));
         const Z = f.getAttribute("step");
         Z !== null && (W.step = ce(Z, 20));
-        const Le = f.getAttribute("pattern");
-        Le !== null && (W.pattern = ce(Le, 200));
+        const Ce = f.getAttribute("pattern");
+        Ce !== null && (W.pattern = ce(Ce, 200));
         const ne = (f.getAttribute("autocomplete") || "").toLowerCase();
         ne && ne !== "off" && !ne.startsWith("cc-") && (W.autocomplete = ce(ne, 50));
       }
@@ -2702,19 +2709,19 @@ function Qi(e, t = {}) {
           const Z = f.options[ge];
           if (!Z) continue;
           if (Z.value === "" || Z.disabled) {
-            const Te = (Z.textContent || "").trim();
-            if (Te && !W.placeholderOption && (W.placeholderOption = ce(Te, 60)), W.hasEmptyOption = !0, Z.disabled) continue;
+            const Me = (Z.textContent || "").trim();
+            if (Me && !W.placeholderOption && (W.placeholderOption = ce(Me, 60)), W.hasEmptyOption = !0, Z.disabled) continue;
           }
           if (U.length >= Xi) break;
-          const Le = Z.value || "", ne = (Z.textContent || "").trim() || Le;
-          !Le && !ne || U.push({ value: Le, label: ce(ne, 60) });
+          const Ce = Z.value || "", ne = (Z.textContent || "").trim() || Ce;
+          !Ce && !ne || U.push({ value: Ce, label: ce(ne, 60) });
         }
         U.length > 0 && (W.options = U);
       }
-      const oe = typeof f.validationMessage == "string" ? f.validationMessage : "";
-      oe && (W.validationMessage = ce(oe, 200)), ae.push(W);
+      const ie = typeof f.validationMessage == "string" ? f.validationMessage : "";
+      ie && (W.validationMessage = ce(ie, 200)), le.push(W);
     }
-    D.push({ id: z, intent: B, fields: ae });
+    D.push({ id: z, intent: B, fields: le });
   }
   const v = {
     url: i,
@@ -2723,17 +2730,17 @@ function Qi(e, t = {}) {
     regions: a,
     visibleText: h,
     visibleLinks: P,
-    visibleFields: C,
+    visibleFields: k,
     forms: D,
     flow: cr(n),
     extras: e
   };
   let O = rt(JSON.stringify(v.regions)) + rt(v.visibleText) + rt(JSON.stringify(v.visibleLinks)) + rt(JSON.stringify(v.visibleFields));
-  for (; O > Ht && v.visibleFields.length > 0; )
+  for (; O > Ot && v.visibleFields.length > 0; )
     v.visibleFields.pop(), O = rt(JSON.stringify(v.visibleFields));
-  for (; O > Ht && v.visibleLinks.length > 0; )
+  for (; O > Ot && v.visibleLinks.length > 0; )
     v.visibleLinks.pop(), O -= 80;
-  return rt(v.visibleText) > Ht && (v.visibleText = ce(v.visibleText, Ht - 100)), v;
+  return rt(v.visibleText) > Ot && (v.visibleText = ce(v.visibleText, Ot - 100)), v;
 }
 let ot = null;
 function eo(e) {
@@ -2773,7 +2780,7 @@ function oo(e) {
   const n = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), l = [], o = Array.from(t.querySelectorAll("a[href]"));
   for (const s of o) {
     if (l.length >= no) break;
-    if (Ft(s)) continue;
+    if (Bt(s)) continue;
     const a = s.getAttribute("href") || "";
     if (!io(a)) continue;
     let c = a, u = !0;
@@ -2794,7 +2801,7 @@ function oo(e) {
 }
 let lt = null;
 const lo = 5e3;
-function Qt() {
+function Zt() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
   if (lt && lt.pathname === t && e - lt.at < lo)
     return lt.routes;
@@ -2804,7 +2811,7 @@ function Qt() {
 function ao() {
   lt = null;
 }
-function rn(e) {
+function nn(e) {
   if (e instanceof HTMLInputElement) {
     const t = e.type;
     if (t === "submit" || t === "button" || t === "reset" || t === "hidden" || t === "image" || t === "file")
@@ -2818,7 +2825,7 @@ function so(e, t) {
 function ze(e) {
   return e.toLowerCase().replace(/[^a-z0-9]+/g, "");
 }
-function en(e) {
+function Qt(e) {
   const t = e.lastIndexOf(".");
   return t >= 0 ? e.slice(t + 1) : e;
 }
@@ -2843,17 +2850,17 @@ function uo(e, t) {
   for (const o of Array.from(
     e.querySelectorAll("input, textarea, select")
   )) {
-    if (!rn(o)) continue;
+    if (!nn(o)) continue;
     const s = o.getAttribute("name") || "", a = o.getAttribute("id") || "", c = [
-      ze(en(s)),
-      ze(en(a)),
+      ze(Qt(s)),
+      ze(Qt(a)),
       ze(s),
       ze(a)
     ];
     let u = 0;
     c.some((m) => m.length >= 2 && m === n) ? u = 4 : [
       ze(s),
-      ze(en(s)),
+      ze(Qt(s)),
       ze(co(o))
     ].some((p) => p.length >= 3 && (p.includes(n) || n.includes(p))) && (u = 2), u > l && (l = u, i = o);
   }
@@ -2865,7 +2872,7 @@ function fo(e, t) {
     const o = e.querySelector(
       `[name="${t.replace(/"/g, '\\"')}"]`
     );
-    if (o && rn(o)) return o;
+    if (o && nn(o)) return o;
   } catch {
   }
   const n = Array.from(
@@ -2874,7 +2881,7 @@ function fo(e, t) {
   let i = 0;
   const l = /* @__PURE__ */ new Map();
   for (const o of n) {
-    if (!rn(o)) continue;
+    if (!nn(o)) continue;
     const s = so(o, i);
     let a = s;
     if (l.has(s) && (a = `${s}__${i}`), a === t) return o;
@@ -2884,7 +2891,7 @@ function fo(e, t) {
 }
 function Xn(e, t) {
   const n = fo(e, t);
-  return n ? nn(n) ? { el: n } : { el: null, reason: "private" } : { el: null, reason: "not_found" };
+  return n ? tn(n) ? { el: n } : { el: null, reason: "private" } : { el: null, reason: "not_found" };
 }
 function po(e, t) {
   const n = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, i = Object.getOwnPropertyDescriptor(n, "value"), l = i == null ? void 0 : i.set;
@@ -3021,9 +3028,9 @@ const _o = /* @__PURE__ */ new Set([
   // to onAgentCommand.
   "task_field_updated",
   "task_completed"
-]), dr = on(
+]), dr = rn(
   function(t, n) {
-    var vn, bn, wn, _n, xn, Ln, kn;
+    var vn, bn, wn, _n, xn, Ln, Cn;
     const {
       agentId: i,
       apiKey: l,
@@ -3044,7 +3051,7 @@ const _o = /* @__PURE__ */ new Set([
       defaultDisplayMode: h = "expanded",
       onDisplayModeChange: P,
       position: _ = "bottom-right",
-      mobileBreakpoint: C = 640,
+      mobileBreakpoint: k = 640,
       draggable: g,
       resizable: w,
       persistKey: D = "ll-widget",
@@ -3055,7 +3062,7 @@ const _o = /* @__PURE__ */ new Set([
       idleLoopUrl: z,
       greeting: B,
       avatarImageUrl: J,
-      agentName: ae,
+      agentName: le,
       branding: H = {},
       allowCamera: G = !0,
       allowScreenShare: f = !0,
@@ -3066,18 +3073,18 @@ const _o = /* @__PURE__ */ new Set([
       chromeless: ee = !1,
       floatingChromeContainer: W = null,
       compactControls: te = !1,
-      transforming: oe = !1,
+      transforming: ie = !1,
       transformingLabel: U = "Transforming…",
       showOn: ge,
       hideOn: Z,
-      pathname: Le,
+      pathname: Ce,
       onNavigate: ne,
-      onScrollToSelector: Te,
+      onScrollToSelector: Me,
       getPageContext: st,
-      pageContextExtras: wt,
-      getRoutes: _t,
+      pageContextExtras: _t,
+      getRoutes: xt,
       onScrollPage: ct,
-      onClick: xt,
+      onClick: Lt,
       capabilities: Ye,
       onConnect: Ge,
       onDisconnect: $e,
@@ -3091,49 +3098,49 @@ const _o = /* @__PURE__ */ new Set([
       className: qe,
       style: Ke,
       zIndex: ke = 2147483647
-    } = t, Lt = ri(Le), ut = ui(Lt, ge, Z);
+    } = t, Ct = ri(Ce), ut = ui(Ct, ge, Z);
     I(() => {
       to(), ao();
-    }, [Lt]);
-    const Re = O !== void 0, [Bt, kt] = M(() => {
+    }, [Ct]);
+    const Ie = O !== void 0, [dt, kt] = M(() => {
       var b;
       return O ?? ((b = v == null ? void 0 : v[0]) == null ? void 0 : b.id);
-    }), Me = Re ? O : Bt, de = at(
-      () => (v == null ? void 0 : v.find((b) => b.id === Me)) ?? null,
-      [v, Me]
-    ), dt = (de == null ? void 0 : de.agentId) ?? i, fe = u === "EMBEDDED", ve = Xr(C), [Ct, Je] = Yr({
+    }), Ue = Ie ? O : dt, ue = at(
+      () => (v == null ? void 0 : v.find((b) => b.id === Ue)) ?? null,
+      [v, Ue]
+    ), St = (ue == null ? void 0 : ue.agentId) ?? i, de = u === "EMBEDDED", ve = Xr(k), [Je, Ze] = Yr({
       value: p,
       defaultValue: h,
       onChange: P,
       persistKey: D,
-      disablePersistence: fe || E
-    }), pe = fe ? "expanded" : Ct, be = fe ? () => {
-    } : Je, Ze = q ?? !fe, St = X ?? !fe, Et = te || !fe && ve, De = ti({
-      draggable: !fe && (g ?? !ve),
-      resizable: !fe && (w ?? !ve),
+      disablePersistence: de || E
+    }), pe = de ? "expanded" : Je, be = de ? () => {
+    } : Ze, Et = q ?? !de, At = X ?? !de, Nt = te || !de && ve, _e = ti({
+      draggable: !de && (g ?? !ve),
+      resizable: !de && (w ?? !ve),
       persistKey: D,
-      disablePersistence: fe || E
-    }), Ce = Pr(), Se = Or(), Ue = Fr(), Qe = Br(), [qt, Ee] = M(!1), [Ae, ft] = M(!1), [et, pt] = M(!1), [At, x] = M(!1), [re, fr] = M(!1), Nt = fi({ baseUrl: o, config: c }), Mt = T(Nt);
-    Mt.current = Nt;
-    const Ut = T(ne), jt = T(Te), Vt = T(ct), Yt = T(xt), sn = T(st), cn = T(wt), un = T(_t), Gt = T(Ye), Ne = T(null);
-    Ut.current = ne, jt.current = Te, Vt.current = ct, Yt.current = xt, sn.current = st, cn.current = wt, un.current = _t, Gt.current = Ye;
-    function _e(b) {
-      const d = Gt.current;
+      disablePersistence: de || E
+    }), Te = Pr(), Ae = Or(), Re = Fr(), ft = Br(), [De, Se] = M(!1), [Qe, pt] = M(!1), [ht, et] = M(!1), [x, ae] = M(!1), [Wt, fr] = M(!1), Mt = fi({ baseUrl: o, config: c }), It = T(Mt);
+    It.current = Mt;
+    const qt = T(ne), Ut = T(Me), jt = T(ct), Vt = T(Lt), sn = T(st), cn = T(_t), un = T(xt), Yt = T(Ye), Ee = T(null);
+    qt.current = ne, Ut.current = Me, jt.current = ct, Vt.current = Lt, sn.current = st, cn.current = _t, un.current = xt, Yt.current = Ye;
+    function xe(b) {
+      const d = Yt.current;
       return d ? d.includes(b) : !0;
     }
-    function xe(b, d) {
+    function Le(b, d) {
       console.warn(
         `[LiveLayer] Agent command "${b}" blocked — capability "${d}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
       );
     }
-    const ht = k(
+    const mt = C(
       (b) => {
-        var ie, ue, Ie, gt, Pe, Cn;
+        var re, fe, Ne, yt, Pe, kn;
         const d = b;
         if (!(!d.type || typeof d.type != "string")) {
           if (Be == null || Be({ eventName: d.type, data: b }), d.type === "navigate") {
-            if (!_e("navigate")) {
-              xe("navigate", "navigate");
+            if (!xe("navigate")) {
+              Le("navigate", "navigate");
               return;
             }
             const N = typeof d.href == "string" ? d.href : null;
@@ -3143,9 +3150,9 @@ const _o = /* @__PURE__ */ new Set([
               );
               return;
             }
-            if (Mt.current.playPageChange(), Ut.current) {
+            if (It.current.playPageChange(), qt.current) {
               try {
-                Ut.current(N);
+                qt.current(N);
               } catch (R) {
                 console.warn(
                   `[LiveLayer] onNavigate threw for "${N}". Falling back. Error:`,
@@ -3175,16 +3182,16 @@ const _o = /* @__PURE__ */ new Set([
             return;
           }
           if (d.type === "scroll_to") {
-            if (!_e("scroll")) {
-              xe("scroll_to", "scroll");
+            if (!xe("scroll")) {
+              Le("scroll_to", "scroll");
               return;
             }
             const N = typeof d.selector == "string" ? d.selector : null;
             if (!N) return;
             const R = d.behavior === "instant" ? "instant" : "smooth";
-            if (jt.current) {
+            if (Ut.current) {
               try {
-                jt.current(
+                Ut.current(
                   N,
                   R
                 );
@@ -3217,16 +3224,16 @@ const _o = /* @__PURE__ */ new Set([
             return;
           }
           if (d.type === "request_page_context") {
-            if (!_e("read_page")) {
-              xe("request_page_context", "read_page");
+            if (!xe("read_page")) {
+              Le("request_page_context", "read_page");
               return;
             }
-            const N = typeof d.requestId == "string" ? d.requestId : void 0, R = (ie = Ne.current) == null ? void 0 : ie.call(Ne), Y = (Q) => {
+            const N = typeof d.requestId == "string" ? d.requestId : void 0, R = (re = Ee.current) == null ? void 0 : re.call(Ee), Y = (Q) => {
               const V = R, he = V == null ? void 0 : V.localParticipant;
               if (he != null && he.publishData)
                 try {
-                  const me = N ? { ...Q, requestId: N } : Q, le = new TextEncoder().encode(JSON.stringify(me));
-                  he.publishData(le, { reliable: !0 });
+                  const me = N ? { ...Q, requestId: N } : Q, oe = new TextEncoder().encode(JSON.stringify(me));
+                  he.publishData(oe, { reliable: !0 });
                 } catch (me) {
                   console.warn("[LiveLayer] publishData failed.", me);
                 }
@@ -3265,8 +3272,8 @@ const _o = /* @__PURE__ */ new Set([
             return;
           }
           if (d.type === "scroll_page") {
-            if (!_e("scroll")) {
-              xe("scroll_page", "scroll");
+            if (!xe("scroll")) {
+              Le("scroll_page", "scroll");
               return;
             }
             const N = d.direction;
@@ -3277,9 +3284,9 @@ const _o = /* @__PURE__ */ new Set([
               return;
             }
             const R = d.behavior === "instant" ? "instant" : "smooth";
-            if (Vt.current) {
+            if (jt.current) {
               try {
-                Vt.current(
+                jt.current(
                   N,
                   R
                 );
@@ -3298,8 +3305,8 @@ const _o = /* @__PURE__ */ new Set([
             return;
           }
           if (d.type === "click") {
-            if (!_e("click")) {
-              xe("click", "click");
+            if (!xe("click")) {
+              Le("click", "click");
               return;
             }
             const N = typeof d.selector == "string" ? d.selector : null;
@@ -3307,9 +3314,9 @@ const _o = /* @__PURE__ */ new Set([
               console.warn("[LiveLayer] click: missing selector.");
               return;
             }
-            if (Yt.current) {
+            if (Vt.current) {
               try {
-                Yt.current(N);
+                Vt.current(N);
               } catch (Y) {
                 console.warn("[LiveLayer] onClick threw.", Y);
               }
@@ -3337,12 +3344,12 @@ const _o = /* @__PURE__ */ new Set([
               );
               return;
             }
-            (ue = R.click) == null || ue.call(R);
+            (fe = R.click) == null || fe.call(R);
             return;
           }
           if (d.type === "advance_step" || d.type === "go_back" || d.type === "submit_flow") {
-            if (!_e("click")) {
-              xe(d.type, "click");
+            if (!xe("click")) {
+              Le(d.type, "click");
               return;
             }
             if (typeof document > "u") return;
@@ -3352,16 +3359,16 @@ const _o = /* @__PURE__ */ new Set([
               console.warn(`[LiveLayer] ${d.type}: no "${N}" control found.`);
               return;
             }
-            (Ie = R.click) == null || Ie.call(R);
+            (Ne = R.click) == null || Ne.call(R);
             return;
           }
           if (d.type === "fill_form" || d.type === "focus_field") {
-            if (!_e("fill_forms")) {
-              xe(d.type, "fill_forms");
+            if (!xe("fill_forms")) {
+              Le(d.type, "fill_forms");
               return;
             }
             if (typeof document > "u") return;
-            d.type === "fill_form" && Mt.current.playConfirmation();
+            d.type === "fill_form" && It.current.playConfirmation();
             const N = typeof d.formId == "string" ? d.formId : null;
             if (!N) {
               console.warn(`[LiveLayer] ${d.type}: missing formId.`);
@@ -3426,8 +3433,8 @@ const _o = /* @__PURE__ */ new Set([
             return;
           }
           if (d.type === "submit_form") {
-            if (!_e("submit_forms")) {
-              xe("submit_form", "submit_forms");
+            if (!xe("submit_forms")) {
+              Le("submit_form", "submit_forms");
               return;
             }
             if (typeof document > "u") return;
@@ -3436,7 +3443,7 @@ const _o = /* @__PURE__ */ new Set([
               console.warn("[LiveLayer] submit_form: missing formId.");
               return;
             }
-            Mt.current.playConfirmation();
+            It.current.playConfirmation();
             const R = Kn(document, N);
             if (!R) {
               console.warn(
@@ -3450,29 +3457,29 @@ const _o = /* @__PURE__ */ new Set([
               );
               return;
             }
-            const Y = typeof d.requestId == "string" ? d.requestId : void 0, j = (gt = Ne.current) == null ? void 0 : gt.call(Ne), K = (le) => {
+            const Y = typeof d.requestId == "string" ? d.requestId : void 0, j = (yt = Ee.current) == null ? void 0 : yt.call(Ee), K = (oe) => {
               const ye = j, je = ye == null ? void 0 : ye.localParticipant;
               if (je != null && je.publishData)
                 try {
-                  const Rt = Y ? { ...le, requestId: Y } : le, Dt = new TextEncoder().encode(JSON.stringify(Rt));
-                  je.publishData(Dt, { reliable: !0 });
+                  const Dt = Y ? { ...oe, requestId: Y } : oe, Pt = new TextEncoder().encode(JSON.stringify(Dt));
+                  je.publishData(Pt, { reliable: !0 });
                 } catch {
                 }
-            }, Q = (le) => {
-              var Dt, Sn, En, An;
-              const ye = le, je = (Dt = ye.getAttribute) == null ? void 0 : Dt.call(ye, "aria-label");
+            }, Q = (oe) => {
+              var Pt, Sn, En, An;
+              const ye = oe, je = (Pt = ye.getAttribute) == null ? void 0 : Pt.call(ye, "aria-label");
               if (je) return je;
-              const Rt = ye.id;
-              if (Rt) {
-                const Pt = (Sn = R.ownerDocument) == null ? void 0 : Sn.querySelector(`label[for="${Rt}"]`);
-                if ((En = Pt == null ? void 0 : Pt.textContent) != null && En.trim()) return Pt.textContent.trim();
+              const Dt = ye.id;
+              if (Dt) {
+                const zt = (Sn = R.ownerDocument) == null ? void 0 : Sn.querySelector(`label[for="${Dt}"]`);
+                if ((En = zt == null ? void 0 : zt.textContent) != null && En.trim()) return zt.textContent.trim();
               }
               return ((An = ye.getAttribute) == null ? void 0 : An.call(ye, "name")) || ye.id || ye.type || "field";
             }, V = () => {
               try {
                 return Array.from(R.elements).filter(
-                  (le) => "willValidate" in le && le.willValidate && !le.checkValidity()
-                ).map((le) => `${Q(le)}: ${le.validationMessage}`);
+                  (oe) => "willValidate" in oe && oe.willValidate && !oe.checkValidity()
+                ).map((oe) => `${Q(oe)}: ${oe.validationMessage}`);
               } catch {
                 return [];
               }
@@ -3491,16 +3498,16 @@ const _o = /* @__PURE__ */ new Set([
               return;
             }
             let he = !1;
-            const me = (le) => {
+            const me = (oe) => {
               he = !0, queueMicrotask(() => {
-                le.defaultPrevented ? K({ type: "form_submit_uncertain", formId: N, reason: "spa_prevented" }) : K({ type: "form_submitted", formId: N });
+                oe.defaultPrevented ? K({ type: "form_submit_uncertain", formId: N, reason: "spa_prevented" }) : K({ type: "form_submitted", formId: N });
               });
             };
             R.addEventListener("submit", me, { once: !0 });
             try {
               typeof R.requestSubmit == "function" ? R.requestSubmit() : R.submit();
-            } catch (le) {
-              console.warn("[LiveLayer] submit_form: requestSubmit threw.", le), R.removeEventListener("submit", me), K({
+            } catch (oe) {
+              console.warn("[LiveLayer] submit_form: requestSubmit threw.", oe), R.removeEventListener("submit", me), K({
                 type: "form_submit_blocked",
                 formId: N,
                 reason: "exception"
@@ -3518,11 +3525,11 @@ const _o = /* @__PURE__ */ new Set([
             return;
           }
           if (d.type === "request_routes") {
-            if (!_e("read_page")) {
-              xe("request_routes", "read_page");
+            if (!xe("read_page")) {
+              Le("request_routes", "read_page");
               return;
             }
-            const N = typeof d.requestId == "string" ? d.requestId : void 0, Y = (Cn = Ne.current) == null ? void 0 : Cn.call(Ne), j = Y == null ? void 0 : Y.localParticipant;
+            const N = typeof d.requestId == "string" ? d.requestId : void 0, Y = (kn = Ee.current) == null ? void 0 : kn.call(Ee), j = Y == null ? void 0 : Y.localParticipant;
             if (!(j != null && j.publishData)) return;
             const K = (V) => {
               try {
@@ -3545,26 +3552,26 @@ const _o = /* @__PURE__ */ new Set([
                   console.warn(
                     "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
                     me
-                  ), K(Qt());
+                  ), K(Zt());
                 }) : he(V);
               } catch (V) {
                 console.warn(
                   "[LiveLayer] getRoutes threw; falling back to DOM walker.",
                   V
-                ), K(Qt());
+                ), K(Zt());
               }
               return;
             }
             try {
-              K(Qt());
+              K(Zt());
             } catch (V) {
               console.warn("[LiveLayer] request_routes: extractRoutes threw.", V);
             }
             return;
           }
           if (d.type === "task_field_updated") {
-            if (!_e("collect_data")) {
-              xe("task_field_updated", "collect_data");
+            if (!xe("collect_data")) {
+              Le("task_field_updated", "collect_data");
               return;
             }
             const N = {
@@ -3587,8 +3594,8 @@ const _o = /* @__PURE__ */ new Set([
             return;
           }
           if (d.type === "task_completed") {
-            if (!_e("collect_data")) {
-              xe("task_completed", "collect_data");
+            if (!xe("collect_data")) {
+              Le("task_completed", "collect_data");
               return;
             }
             const N = d.result;
@@ -3621,34 +3628,34 @@ const _o = /* @__PURE__ */ new Set([
       },
       [Xe, Be, We]
     ), se = Dr({
-      agentId: F ? "__controlled__" : dt,
+      agentId: F ? "__controlled__" : St,
       baseUrl: o,
       apiKey: l,
       sessionEndpoint: s,
       sessionBody: a,
-      onDataMessage: F ? void 0 : ht
+      onDataMessage: F ? void 0 : mt
     });
     I(() => {
       if (F != null && F.subscribeToDataMessages)
-        return F.subscribeToDataMessages(ht);
-    }, [F, ht]), Ne.current = () => {
+        return F.subscribeToDataMessages(mt);
+    }, [F, mt]), Ee.current = () => {
       var b;
       return (b = se.getRoom) == null ? void 0 : b.call(se);
     }, I(() => {
-      var ie;
+      var re;
       if (typeof window > "u") return;
-      const b = ((ie = window.location) == null ? void 0 : ie.hostname) || "";
+      const b = ((re = window.location) == null ? void 0 : re.hostname) || "";
       if (b === "localhost" || b === "127.0.0.1" || b === "0.0.0.0" || b.endsWith(".local") || b.endsWith(".test"))
-        return window.__livelayerSimulateCommand = (ue) => {
+        return window.__livelayerSimulateCommand = (fe) => {
           try {
-            ht(ue);
-          } catch (Ie) {
-            console.warn("[LiveLayer] simulate-command threw:", Ie);
+            mt(fe);
+          } catch (Ne) {
+            console.warn("[LiveLayer] simulate-command threw:", Ne);
           }
         }, () => {
           delete window.__livelayerSimulateCommand;
         };
-    }, [ht]);
+    }, [mt]);
     const L = at(() => F ? {
       connectionState: F.connectionState,
       agentState: F.agentState,
@@ -3687,7 +3694,7 @@ const _o = /* @__PURE__ */ new Set([
       n,
       () => ({
         sendData: async (b) => {
-          var Ie, gt;
+          var Ne, yt;
           const d = fn.current;
           if (d != null && d.publishData) {
             try {
@@ -3697,11 +3704,11 @@ const _o = /* @__PURE__ */ new Set([
             }
             return;
           }
-          const ie = (gt = (Ie = dn.current) == null ? void 0 : Ie.getRoom) == null ? void 0 : gt.call(Ie), ue = ie == null ? void 0 : ie.localParticipant;
-          if (ue != null && ue.publishData)
+          const re = (yt = (Ne = dn.current) == null ? void 0 : Ne.getRoom) == null ? void 0 : yt.call(Ne), fe = re == null ? void 0 : re.localParticipant;
+          if (fe != null && fe.publishData)
             try {
               const Pe = new TextEncoder().encode(JSON.stringify(b));
-              await ue.publishData(Pe, { reliable: !0 });
+              await fe.publishData(Pe, { reliable: !0 });
             } catch (Pe) {
               console.warn("[AvatarWidget] sendData failed:", Pe);
             }
@@ -3717,20 +3724,20 @@ const _o = /* @__PURE__ */ new Set([
           b.parentNode === d && d.removeChild(b);
         };
     }, [L.videoElement]);
-    const [tt, It] = M(!1);
+    const [tt, Tt] = M(!1);
     I(() => {
       if (!$) {
-        It(!0);
+        Tt(!0);
         return;
       }
-      L.agentState === "speaking" && !tt && It(!0);
+      L.agentState === "speaking" && !tt && Tt(!0);
     }, [$, L.agentState, tt]), I(() => {
       if (!$) return;
       const b = L.connectionState;
-      (b === "disconnected" || b === "idle") && It(!1);
+      (b === "disconnected" || b === "idle") && Tt(!1);
     }, [$, L.connectionState]), I(() => {
       if (!$ || !L.videoElement || tt) return;
-      const b = setTimeout(() => It(!0), 5e3);
+      const b = setTimeout(() => Tt(!0), 5e3);
       return () => clearTimeout(b);
     }, [$, L.videoElement, tt]), I(() => {
       const b = L.videoElement;
@@ -3745,12 +3752,12 @@ const _o = /* @__PURE__ */ new Set([
       const b = L.audioElement;
       if (!b) return;
       const d = document.createElement("div");
-      d.className = "ll-audio-sink", d.setAttribute("aria-hidden", "true"), d.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none;", d.appendChild(b), document.body.appendChild(d), Ce.attach(b);
-      const ie = b.play();
-      return ie && typeof ie.catch == "function" && ie.catch((ue) => {
-        (ue == null ? void 0 : ue.name) === "NotAllowedError" && Ee(!0);
+      d.className = "ll-audio-sink", d.setAttribute("aria-hidden", "true"), d.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none;", d.appendChild(b), document.body.appendChild(d), Te.attach(b);
+      const re = b.play();
+      return re && typeof re.catch == "function" && re.catch((fe) => {
+        (fe == null ? void 0 : fe.name) === "NotAllowedError" && Se(!0);
       }), () => {
-        Ce.detach(), b.parentNode === d && d.removeChild(b), d.parentNode === document.body && document.body.removeChild(d);
+        Te.detach(), b.parentNode === d && d.removeChild(b), d.parentNode === document.body && document.body.removeChild(d);
       };
     }, [L.audioElement]);
     const we = $r({
@@ -3763,24 +3770,24 @@ const _o = /* @__PURE__ */ new Set([
       if (b)
         return we.setupMic(b).then(() => {
           const d = we.getMicStream();
-          d && Ce.attachStream(d, "mic");
+          d && Te.attachStream(d, "mic");
         }).catch(() => {
         }), () => {
-          Ce.detachSlot("mic"), we.teardownMic();
+          Te.detachSlot("mic"), we.teardownMic();
         };
     }, [L.isControlled, L.connectionState]), I(() => {
       var d;
       if (L.connectionState !== "connected") return;
       const b = L.isControlled ? (d = F == null ? void 0 : F.getRoom) == null ? void 0 : d.call(F) : L.getRoom();
       if (b)
-        return Se.attachRoom(b), Ue.attachRoom(b), L.isControlled && we.attachRoom(b), Qe.refresh(), () => {
-          Se.teardown(), Ue.teardown();
+        return Ae.attachRoom(b), Re.attachRoom(b), L.isControlled && we.attachRoom(b), ft.refresh(), () => {
+          Ae.teardown(), Re.teardown();
         };
     }, [L.isControlled, L.connectionState, F]), I(() => {
       const b = L.audioElement;
-      b && (b.muted = re);
-    }, [L.audioElement, re]);
-    const pr = k((b) => {
+      b && (b.muted = Wt);
+    }, [L.audioElement, Wt]);
+    const pr = C((b) => {
       const d = { type: "user_message", text: b };
       if (F != null && F.publishData) {
         try {
@@ -3789,14 +3796,14 @@ const _o = /* @__PURE__ */ new Set([
         }
         return;
       }
-      const ie = L.getRoom();
-      if (ie)
+      const re = L.getRoom();
+      if (re)
         try {
-          const ue = new TextEncoder().encode(JSON.stringify(d));
-          ie.localParticipant.publishData(ue, { reliable: !0 });
+          const fe = new TextEncoder().encode(JSON.stringify(d));
+          re.localParticipant.publishData(fe, { reliable: !0 });
         } catch {
         }
-    }, [L, F]), hr = k(() => {
+    }, [L, F]), hr = C(() => {
       fr((b) => !b);
     }, []);
     I(() => {
@@ -3806,69 +3813,69 @@ const _o = /* @__PURE__ */ new Set([
     }, [L.transcript, He]), I(() => {
       Oe == null || Oe(L.agentState);
     }, [L.agentState, Oe]), I(() => {
-      Nt.setThinking(L.agentState === "thinking");
-    }, [L.agentState, Nt]);
+      Mt.setThinking(L.agentState === "thinking");
+    }, [L.agentState, Mt]);
     const hn = T(!1);
     I(() => {
       !m || hn.current || ut && L.connectionState === "idle" && (hn.current = !0, L.connect());
     }, [m, L.connectionState, L, ut]);
-    const mr = k(
+    const mr = C(
       (b) => {
-        const d = v == null ? void 0 : v.find((ie) => ie.id === b);
-        d && (pt(!1), b !== Me && (ft(!0), L.disconnect(), Re || kt(b), y == null || y(d)));
+        const d = v == null ? void 0 : v.find((re) => re.id === b);
+        d && (et(!1), b !== Ue && (pt(!0), L.disconnect(), Ie || kt(b), y == null || y(d)));
       },
       [
         v,
-        Me,
+        Ue,
         L,
-        Re,
+        Ie,
         y
       ]
     );
     I(() => {
-      Ae && L.connectionState === "connected" && ft(!1);
-    }, [L.connectionState, Ae]), I(() => {
-      if (!et) return;
+      Qe && L.connectionState === "connected" && pt(!1);
+    }, [L.connectionState, Qe]), I(() => {
+      if (!ht) return;
       const b = (d) => {
-        d.key === "Escape" && pt(!1);
+        d.key === "Escape" && et(!1);
       };
       return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
-    }, [et]);
-    const gr = !!J || !!(de != null && de.avatarImageUrl) || L.isControlled, mt = Wr(dt, o, gr);
-    Ye === void 0 && ((vn = mt.info) != null && vn.capabilities) && (Gt.current = mt.info.capabilities);
-    const Tt = (de == null ? void 0 : de.name) ?? ae ?? ((bn = L.agentConfig) == null ? void 0 : bn.name) ?? ((wn = mt.info) == null ? void 0 : wn.name) ?? "Live Layer", Xt = (de == null ? void 0 : de.avatarImageUrl) ?? J ?? ((_n = L.agentConfig) == null ? void 0 : _n.avatarImageUrl) ?? ((xn = mt.info) == null ? void 0 : xn.avatarImageUrl) ?? null, yr = z ?? ((Ln = L.agentConfig) == null ? void 0 : Ln.idleLoopUrl) ?? ((kn = mt.info) == null ? void 0 : kn.idleLoopUrl) ?? null, vr = B ?? null, br = k(() => be("expanded"), [be]), wr = k(
+    }, [ht]);
+    const gr = !!J || !!(ue != null && ue.avatarImageUrl) || L.isControlled, gt = Wr(St, o, gr);
+    Ye === void 0 && ((vn = gt.info) != null && vn.capabilities) && (Yt.current = gt.info.capabilities);
+    const Rt = (ue == null ? void 0 : ue.name) ?? le ?? ((bn = L.agentConfig) == null ? void 0 : bn.name) ?? ((wn = gt.info) == null ? void 0 : wn.name) ?? "Live Layer", Gt = (ue == null ? void 0 : ue.avatarImageUrl) ?? J ?? ((_n = L.agentConfig) == null ? void 0 : _n.avatarImageUrl) ?? ((xn = gt.info) == null ? void 0 : xn.avatarImageUrl) ?? null, yr = z ?? ((Ln = L.agentConfig) == null ? void 0 : Ln.idleLoopUrl) ?? ((Cn = gt.info) == null ? void 0 : Cn.idleLoopUrl) ?? null, vr = B ?? null, br = C(() => be("expanded"), [be]), wr = C(
       () => be("minimized"),
       [be]
-    ), mn = k(() => {
+    ), mn = C(() => {
       L.disconnect(), be("hidden");
-    }, [L, be]), _r = k(() => {
+    }, [L, be]), _r = C(() => {
       const b = L.audioElement;
-      b && b.play().then(() => Ee(!1)).catch(() => {
+      b && b.play().then(() => Se(!1)).catch(() => {
       });
-    }, [L.audioElement]), xr = k(() => {
-      Ee(!1), L.connect();
+    }, [L.audioElement]), xr = C(() => {
+      Se(!1), L.connect();
     }, [L]), nt = {
       ...Ke,
-      ...fe ? {} : { zIndex: ke }
+      ...de ? {} : { zIndex: ke }
     };
     H.primaryColor && (nt["--ll-color-primary"] = H.primaryColor), H.accentColor && (nt["--ll-color-accent"] = H.accentColor), H.backgroundColor && (nt["--ll-color-bg"] = H.backgroundColor), H.textColor && (nt["--ll-color-fg"] = H.textColor);
     const Lr = {
       ...nt,
-      ...De.style
-    }, kr = [
+      ..._e.style
+    }, Cr = [
       "ll-widget",
       `ll-widget--${pe}`,
       `ll-widget--${ve ? "mobile" : "desktop"}`,
-      De.hasGeometry ? "ll-widget--has-geometry" : null,
-      De.isDragging ? "is-dragging" : null,
-      De.isResizing ? "is-resizing" : null,
+      _e.hasGeometry ? "ll-widget--has-geometry" : null,
+      _e.isDragging ? "is-dragging" : null,
+      _e.isResizing ? "is-resizing" : null,
       qe
     ].filter(Boolean).join(" ");
     if (!ut) return null;
-    const Cr = /* @__PURE__ */ r(
+    const kr = /* @__PURE__ */ r(
       "div",
       {
-        className: kr,
+        className: Cr,
         style: Lr,
         "data-display-mode": pe,
         "data-position": _,
@@ -3878,42 +3885,42 @@ const _o = /* @__PURE__ */ new Set([
           {
             position: _,
             isMobile: ve,
-            agentName: Tt,
-            avatarImageUrl: Xt,
+            agentName: Rt,
+            avatarImageUrl: Gt,
             idleLoopUrl: yr,
             greeting: vr,
             branding: H,
             teamMembers: v,
-            currentTeamMemberId: Me,
-            isSwitchingTeamMember: Ae,
-            teamSwitcherOpen: et,
-            onToggleTeamSwitcher: () => pt((b) => !b),
+            currentTeamMemberId: Ue,
+            isSwitchingTeamMember: Qe,
+            teamSwitcherOpen: ht,
+            onToggleTeamSwitcher: () => et((b) => !b),
             onSelectTeamMember: mr,
             connectionState: L.connectionState,
             agentState: L.agentState,
             transcript: L.transcript,
             isMuted: we.isMuted,
-            micDevices: Qe.mics,
+            micDevices: ft.mics,
             activeMicId: we.activeDeviceId,
-            isCameraEnabled: Se.isEnabled,
-            cameraPreviewEl: Se.previewEl,
-            cameraDevices: Qe.cameras,
-            activeCameraId: Se.activeDeviceId,
-            isScreenShareEnabled: Ue.isEnabled,
-            screenPreviewEl: Ue.previewEl,
-            isSpeakerMuted: re,
+            isCameraEnabled: Ae.isEnabled,
+            cameraPreviewEl: Ae.previewEl,
+            cameraDevices: ft.cameras,
+            activeCameraId: Ae.activeDeviceId,
+            isScreenShareEnabled: Re.isEnabled,
+            screenPreviewEl: Re.previewEl,
+            isSpeakerMuted: Wt,
             allowCamera: G,
             allowScreenShare: f,
             allowTyping: A,
-            showMinimize: ve && !fe ? !1 : Ze,
-            showClose: St,
+            showMinimize: ve && !de ? !1 : Et,
+            showClose: At,
             chromeless: ee,
-            compactControls: Et,
-            transforming: oe,
+            compactControls: Nt,
+            transforming: ie,
             transformingLabel: U,
-            languageMenuOpen: At,
-            onToggleLanguageMenu: () => x((b) => !b),
-            needsUserGesture: qt,
+            languageMenuOpen: x,
+            onToggleLanguageMenu: () => ae((b) => !b),
+            needsUserGesture: De,
             canResume: L.canResume,
             micError: we.micError,
             error: L.error,
@@ -3925,20 +3932,20 @@ const _o = /* @__PURE__ */ new Set([
             onResumeAudio: _r,
             onToggleMute: we.toggleMute,
             onSwitchMicDevice: (b) => void we.switchDevice(b),
-            onToggleCamera: () => void Se.toggle(),
-            onSwitchCameraDevice: (b) => void Se.switchDevice(b),
-            onToggleScreenShare: () => void Ue.toggle(),
+            onToggleCamera: () => void Ae.toggle(),
+            onSwitchCameraDevice: (b) => void Ae.switchDevice(b),
+            onToggleScreenShare: () => void Re.toggle(),
             onToggleSpeaker: hr,
             onSendMessage: pr,
             onMinimize: wr,
             onClose: mn,
             onClearMicError: we.clearError,
-            dragHandleProps: De.dragHandleProps,
-            resizeHandleProps: De.resizeHandleProps
+            dragHandleProps: _e.dragHandleProps,
+            resizeHandleProps: _e.resizeHandleProps
           }
         )
       }
-    ), gn = !fe && (pe === "hidden" || pe === "minimized") ? /* @__PURE__ */ S(
+    ), gn = !de && (pe === "hidden" || pe === "minimized") ? /* @__PURE__ */ S(
       "div",
       {
         className: [
@@ -3958,9 +3965,9 @@ const _o = /* @__PURE__ */ new Set([
               isMobile: ve,
               isSpeaking: L.agentState === "speaking",
               onExpand: () => be("expanded"),
-              label: `Open ${Tt} widget`,
-              avatarImageUrl: Xt,
-              agentName: Tt,
+              label: `Open ${Rt} widget`,
+              avatarImageUrl: Gt,
+              agentName: Rt,
               containerEl: W
             }
           ),
@@ -3969,11 +3976,11 @@ const _o = /* @__PURE__ */ new Set([
             {
               position: _,
               isMobile: ve,
-              agentName: Tt,
-              avatarImageUrl: Xt,
+              agentName: Rt,
+              avatarImageUrl: Gt,
               agentState: L.agentState,
               isMuted: we.isMuted,
-              audioLevel: Ce,
+              audioLevel: Te,
               onExpand: br,
               onToggleMute: we.toggleMute,
               onClose: mn
@@ -3983,13 +3990,13 @@ const _o = /* @__PURE__ */ new Set([
       }
     ) : null, yn = W ?? (typeof document < "u" ? document.body : null);
     return /* @__PURE__ */ S(Ve, { children: [
-      Cr,
-      gn && yn && ln(gn, yn)
+      kr,
+      gn && yn && on(gn, yn)
     ] });
   }
 );
 dr.displayName = "AvatarWidgetInner";
-const xo = on(
+const xo = rn(
   function(t, n) {
     return /* @__PURE__ */ r(Rr, { children: /* @__PURE__ */ r(dr, { ...t, ref: n }) });
   }
@@ -4006,7 +4013,7 @@ const Ro = ({
 }) => {
   const a = T(null), c = T(null), u = T(l);
   u.current = l;
-  const m = k((p) => {
+  const m = C((p) => {
     var P;
     const h = p.detail;
     (P = u.current) == null || P.call(u, h);
@@ -4021,7 +4028,7 @@ const Ro = ({
   }, [e]), I(() => {
     c.current && (i ? c.current.setAttribute("mode", i) : c.current.removeAttribute("mode"));
   }, [i]), /* @__PURE__ */ r("div", { ref: a, className: o, style: s });
-}, Do = on(
+}, Do = rn(
   function({ id: t, intent: n, as: i = "div", className: l, style: o, children: s }, a) {
     return Ar(
       i,
@@ -4041,14 +4048,14 @@ function Po(e = {}) {
   I(() => {
     m.current = t, p.current = n, h.current = i;
   }, [t, n, i]);
-  const P = k(() => {
+  const P = C(() => {
     o({}), a(!1);
   }, []);
   return I(() => {
     if (typeof window > "u") return;
-    const _ = (C) => {
+    const _ = (k) => {
       var w, D;
-      const g = C.detail;
+      const g = k.detail;
       if (g) {
         if (g.phase === "field") {
           if (h.current !== "all" && g.source !== h.current)
@@ -4132,7 +4139,7 @@ function zo({
           ts: Date.now(),
           kind: E,
           type: y.slice(0, 120),
-          data: { args: O.slice(1).map((z) => ko(z)) }
+          data: { args: O.slice(1).map((z) => Co(z)) }
         });
       } catch {
       }
@@ -4168,7 +4175,7 @@ function zo({
         children: "🛰 LL debug"
       }
     );
-  const C = o.filter((g) => {
+  const k = o.filter((g) => {
     if (!a) return !0;
     const w = a.toLowerCase();
     return g.type.toLowerCase().includes(w) || JSON.stringify(g.data || {}).toLowerCase().includes(w);
@@ -4219,7 +4226,7 @@ function zo({
                 {
                   type: "button",
                   onClick: () => m((g) => !g),
-                  style: tn(u ? "#f59e0b" : "transparent"),
+                  style: en(u ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
                   children: u ? "▶ resume" : "⏸ pause"
                 }
@@ -4231,7 +4238,7 @@ function zo({
                   onClick: () => {
                     s([]), h.current = [];
                   },
-                  style: tn("transparent"),
+                  style: en("transparent"),
                   title: "Clear buffer",
                   children: "clear"
                 }
@@ -4241,7 +4248,7 @@ function zo({
                 {
                   type: "button",
                   onClick: () => l(!1),
-                  style: tn("transparent"),
+                  style: en("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
                   children: "✕"
@@ -4277,7 +4284,7 @@ function zo({
               overflowY: "auto",
               padding: "0 8px 8px"
             },
-            children: C.length === 0 ? /* @__PURE__ */ S(
+            children: k.length === 0 ? /* @__PURE__ */ S(
               "div",
               {
                 style: {
@@ -4307,7 +4314,7 @@ function zo({
                   )
                 ]
               }
-            ) : C.map((g) => /* @__PURE__ */ r(
+            ) : k.map((g) => /* @__PURE__ */ r(
               Lo,
               {
                 entry: g,
@@ -4394,7 +4401,7 @@ function Lo({
     }
   );
 }
-function tn(e) {
+function en(e) {
   return {
     background: e,
     color: "#fff",
@@ -4405,22 +4412,22 @@ function tn(e) {
     cursor: "pointer"
   };
 }
-function ko(e) {
+function Co(e) {
   try {
     return e instanceof Error ? { message: e.message, stack: e.stack } : (JSON.stringify(e), e);
   } catch {
     return String(e);
   }
 }
-function Co(e) {
+function ko(e) {
   const t = JSON.stringify(e);
   I(() => Mr(e), [t]);
 }
 function $o({ fields: e, children: t }) {
-  return Co(e), /* @__PURE__ */ r(Ve, { children: t });
+  return ko(e), /* @__PURE__ */ r(Ve, { children: t });
 }
 function Ho() {
-  const [e, t] = M([]), n = k((l) => {
+  const [e, t] = M([]), n = C((l) => {
     t((o) => {
       const s = o.findIndex((a) => a.id === l.id);
       if (s >= 0) {
@@ -4429,7 +4436,7 @@ function Ho() {
       }
       return [...o, l];
     });
-  }, []), i = k(() => t([]), []);
+  }, []), i = C(() => t([]), []);
   return {
     entries: e,
     pushSegment: n,
@@ -4450,7 +4457,7 @@ export {
   Qi as extractPageContext,
   oo as extractRoutes,
   Gn as getCachedPageContext,
-  Qt as getCachedRoutes,
+  Zt as getCachedRoutes,
   Wo as getRegisteredFields,
   si as matchesPattern,
   ro as normalizeRouteInput,
@@ -4468,7 +4475,7 @@ export {
   Br as useMediaDevices,
   $r as useMicrophoneState,
   ri as usePathname,
-  Co as useRegisterFields,
+  ko as useRegisterFields,
   ui as useRouteMatch,
   Fr as useScreenShareState,
   Ho as useTranscript