@livelayer/react 0.9.6 → 0.9.7

package/dist/index.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as v, jsx as n, Fragment as ot } from "react/jsx-runtime";
-import { Component as In, useState as C, useRef as A, useEffect as I, useCallback as E, useMemo as Ue, useLayoutEffect as Mn, forwardRef as lt, useImperativeHandle as Tn, createElement as Dn } from "react";
+import { Component as In, useState as C, useRef as A, useEffect as T, useCallback as E, useMemo as Ue, useLayoutEffect as Tn, forwardRef as lt, useImperativeHandle as Mn, createElement as Dn } from "react";
 import { LiveKitSession as Pn } from "@livelayer/sdk";
 import { createLocalAudioTrack as $n, Track as dn, createLocalVideoTrack as zn } from "livekit-client";
 import { createPortal as On } from "react-dom";
@@ -35,9 +35,9 @@ class Hn extends In {
   }
 }
 function Wn(e) {
-  const [t, r] = C("idle"), [i, o] = C("idle"), [l, s] = C([]), [a, d] = C(null), [f, _] = C(null), [u, c] = C(null), [R, L] = C(!1), [b, y] = C(null), m = A(null), S = A(e.onDataMessage);
-  S.current = e.onDataMessage, I(() => {
-    const T = {
+  const [t, r] = C("idle"), [i, o] = C("idle"), [l, s] = C([]), [a, d] = C(null), [f, _] = C(null), [u, c] = C(null), [I, L] = C(!1), [b, y] = C(null), m = A(null), S = A(e.onDataMessage);
+  S.current = e.onDataMessage, T(() => {
+    const R = {
       onConnectionStateChange: (q) => {
         r(q), q === "connected" && y(null);
       },
@@ -61,7 +61,7 @@ function Wn(e) {
         sessionEndpoint: e.sessionEndpoint,
         sessionBody: e.sessionBody
       },
-      T
+      R
     );
     return m.current = B, r("idle"), o("idle"), s([]), d(null), _(null), c(null), L(!1), y(null), () => {
       var q;
@@ -74,20 +74,20 @@ function Wn(e) {
     e.sessionEndpoint,
     JSON.stringify(e.sessionBody ?? {})
   ]);
-  const D = E(async () => {
-    const T = m.current;
-    if (T)
+  const $ = E(async () => {
+    const R = m.current;
+    if (R)
       try {
-        await T.connect();
+        await R.connect();
       } catch (B) {
         throw y(B instanceof Error ? B.message : String(B)), B;
       }
-  }, []), z = E(() => {
-    const T = m.current;
-    T && T.disconnect();
+  }, []), D = E(() => {
+    const R = m.current;
+    R && R.disconnect();
   }, []), x = E(() => {
-    var T;
-    return ((T = m.current) == null ? void 0 : T.getRoom()) ?? null;
+    var R;
+    return ((R = m.current) == null ? void 0 : R.getRoom()) ?? null;
   }, []);
   return {
     connectionState: t,
@@ -96,10 +96,10 @@ function Wn(e) {
     agentConfig: a,
     videoElement: f,
     audioElement: u,
-    canResume: R,
+    canResume: I,
     error: b,
-    connect: D,
-    disconnect: z,
+    connect: $,
+    disconnect: D,
     getRoom: x,
     session: m.current
   };
@@ -116,9 +116,9 @@ function Bn() {
     ));
     const c = l.current;
     u.getByteFrequencyData(c);
-    let R = 0;
-    for (let b = 0; b < c.length; b++) R += c[b];
-    const L = R / c.length / 255;
+    let I = 0;
+    for (let b = 0; b < c.length; b++) I += c[b];
+    const L = I / c.length / 255;
     for (const b of o.current)
       try {
         b(L);
@@ -162,7 +162,7 @@ function Bn() {
   }, []), _ = E((u) => (o.current.add(u), () => {
     o.current.delete(u);
   }), []);
-  return I(() => () => {
+  return T(() => () => {
     if (f(), t.current) {
       try {
         t.current.disconnect();
@@ -238,7 +238,7 @@ function qn() {
       L.stop();
     }
     s.current = null, a.current = null, t(!1), i("");
-  }, []), R = E(() => l(null), []);
+  }, []), I = E(() => l(null), []);
   return {
     isMuted: e,
     activeDeviceId: r,
@@ -248,7 +248,7 @@ function qn() {
     attachRoom: f,
     switchDevice: _,
     teardownMic: c,
-    clearError: R
+    clearError: I
   };
 }
 const Fn = { resolution: { width: 640, height: 480, frameRate: 24 } };
@@ -256,17 +256,18 @@ function Un() {
   const [e, t] = C(!1), [r, i] = C(null), [o, l] = C(null), [s, a] = C(""), d = A(null), f = A(null), _ = E((m) => {
     d.current = m;
   }, []), u = E(() => {
+    var $;
     const m = d.current, S = f.current;
     if (S && m) {
-      const D = m.localParticipant.getTrackPublication(dn.Source.Camera);
-      if (D != null && D.track) {
-        try {
-          m.localParticipant.unpublishTrack(D.track);
-        } catch {
-        }
-        D.track.stop();
-      } else
-        S.stop();
+      const D = m.localParticipant.getTrackPublication(dn.Source.Camera), R = (D == null ? void 0 : D.track) ?? S;
+      try {
+        m.localParticipant.unpublishTrack(R);
+      } catch {
+      }
+      try {
+        ($ = R.stop) == null || $.call(R);
+      } catch {
+      }
     }
     f.current = null, l(null), t(!1);
   }, []), c = E(async (m) => {
@@ -274,11 +275,11 @@ function Un() {
     if (S) {
       i(null);
       try {
-        const D = { ...Fn };
-        m && (D.deviceId = m);
-        const z = await zn(D);
-        await S.localParticipant.publishTrack(z), f.current = z;
-        const x = z.attach();
+        const $ = { ...Fn };
+        m && ($.deviceId = m);
+        const D = await zn($);
+        await S.localParticipant.publishTrack(D), f.current = D;
+        const x = D.attach();
         l(x), t(!0), m && a(m);
         try {
           S.localParticipant.publishData(
@@ -287,26 +288,26 @@ function Un() {
           );
         } catch {
         }
-      } catch (D) {
-        const z = D instanceof Error && D.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
-        i(z);
+      } catch ($) {
+        const D = $ instanceof Error && $.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+        i(D);
       }
     }
-  }, []), R = E(async () => {
+  }, []), I = E(async () => {
     e ? u() : await c(s || void 0);
   }, [e, s, u, c]), L = E(async (m) => {
     u(), await c(m);
   }, [u, c]), b = E(() => {
     u(), d.current = null, i(null), a("");
   }, [u]), y = E(() => i(null), []);
-  return I(() => () => {
+  return T(() => () => {
     f.current && f.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
     previewEl: o,
     activeDeviceId: s,
-    toggle: R,
+    toggle: I,
     switchDevice: L,
     attachRoom: _,
     teardown: b,
@@ -330,7 +331,7 @@ function jn() {
       i(null);
       try {
         await c.localParticipant.setScreenShareEnabled(!0);
-        let R = 0;
+        let I = 0;
         const L = () => {
           const b = c.localParticipant.getTrackPublication(dn.Source.ScreenShare);
           if (b != null && b.track) {
@@ -345,11 +346,11 @@ function jn() {
             }
             return;
           }
-          R++ < 10 ? setTimeout(L, 100) : t(!0);
+          I++ < 10 ? setTimeout(L, 100) : t(!0);
         };
         L();
-      } catch (R) {
-        const L = R instanceof Error ? R.name : "";
+      } catch (I) {
+        const L = I instanceof Error ? I.name : "";
         L !== "NotAllowedError" && L !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
       }
     }
@@ -373,7 +374,7 @@ function Vn() {
       } catch {
       }
   }, []);
-  return I(() => {
+  return T(() => {
     if (o(), typeof navigator > "u" || !navigator.mediaDevices) return;
     const l = () => void o();
     return navigator.mediaDevices.addEventListener("devicechange", l), () => navigator.mediaDevices.removeEventListener("devicechange", l);
@@ -381,7 +382,7 @@ function Vn() {
 }
 function Yn(e, t, r = !1) {
   const [i, o] = C(null), [l, s] = C(null), [a, d] = C(!r && !!e);
-  return I(() => {
+  return T(() => {
     if (r || !e) {
       d(!1);
       return;
@@ -448,7 +449,7 @@ function Zn({
       e === void 0 && !o && Jn(l, f), r == null || r(f);
     }
   });
-  return I(() => {
+  return T(() => {
     if (s.current || (s.current = !0, o || e !== void 0)) return;
     const f = Qn(Gn(l));
     f && f !== a && d(f);
@@ -457,7 +458,7 @@ function Zn({
 const er = 640;
 function tr(e = er) {
   const [t, r] = C(!1);
-  return I(() => {
+  return T(() => {
     if (e === !1) {
       r(!1);
       return;
@@ -489,7 +490,7 @@ function rr(e) {
   const [t, r] = C(
     () => e ?? Vt()
   );
-  return I(() => {
+  return T(() => {
     if (e !== void 0) return;
     nr();
     const i = () => r(Vt());
@@ -582,7 +583,7 @@ function fr(e) {
     },
     [r, t.thinking]
   );
-  return I(() => () => {
+  return T(() => () => {
     if (i.current) {
       try {
         i.current.pause();
@@ -719,7 +720,7 @@ const vr = ({
   avatarImageUrl: l,
   agentName: s
 }) => {
-  const a = mr(e), d = a === "right" ? "left" : "right", f = t ? 80 : 72, _ = !!l, [u, c] = C(null), [R, L] = C(!1), b = A(null), y = A(!1), m = E(
+  const a = mr(e), d = a === "right" ? "left" : "right", f = t ? 80 : 72, _ = !!l, [u, c] = C(null), [I, L] = C(!1), b = A(null), y = A(!1), m = E(
     (N) => {
       if (typeof window > "u") return N;
       const M = f / 2, F = Qt + M, re = window.innerHeight - Qt - M;
@@ -727,7 +728,7 @@ const vr = ({
     },
     [f]
   );
-  I(() => {
+  T(() => {
     const N = yr();
     c(m(N ?? window.innerHeight / 2));
     const M = () => {
@@ -750,7 +751,7 @@ const vr = ({
       }
     },
     [u]
-  ), D = E(
+  ), $ = E(
     (N) => {
       const M = b.current;
       if (!M) return;
@@ -758,7 +759,7 @@ const vr = ({
       !M.moved && Math.abs(F) > gr && (M.moved = !0, L(!0)), M.moved && c(m(M.startCenterY + F));
     },
     [m]
-  ), z = E(
+  ), D = E(
     (N) => {
       const M = b.current;
       if (M) {
@@ -776,7 +777,7 @@ const vr = ({
       return;
     }
     i();
-  }, [i]), T = E(
+  }, [i]), R = E(
     (N) => {
       if (N.key === "ArrowUp" || N.key === "ArrowDown") {
         N.preventDefault();
@@ -794,7 +795,7 @@ const vr = ({
     `ll-hidden--${a}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
-    R ? "is-dragging" : null,
+    I ? "is-dragging" : null,
     _ ? "ll-hidden--with-avatar" : null
   ].filter(Boolean).join(" "), q = u === null ? void 0 : { top: `${u - f / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
@@ -803,11 +804,11 @@ const vr = ({
       type: "button",
       className: B,
       onPointerDown: S,
-      onPointerMove: D,
-      onPointerUp: z,
-      onPointerCancel: z,
+      onPointerMove: $,
+      onPointerUp: D,
+      onPointerCancel: D,
       onClick: x,
-      onKeyDown: T,
+      onKeyDown: R,
       "aria-label": o,
       "data-position": e,
       style: q,
@@ -855,12 +856,12 @@ const vr = ({
     const _ = (Math.sqrt(5) - 1) / 2;
     return Array.from({ length: t }, (u, c) => 0.5 + c * _ % 1 * 0.5);
   }, [t]);
-  I(() => e.subscribe((u) => {
+  T(() => e.subscribe((u) => {
     for (let c = 0; c < t; c++) {
-      const R = a.current[c];
-      if (!R) continue;
+      const I = a.current[c];
+      if (!I) continue;
       const L = Math.max(i, u * r * d[c]);
-      R.style.height = `${L}px`;
+      I.style.height = `${L}px`;
     }
   }), [e, t, r, i, d]);
   const f = ["ll-waveform", o].filter(Boolean).join(" ");
@@ -1009,7 +1010,7 @@ const vr = ({
   style: o
 }) => {
   const [l, s] = C(!1), a = A(e);
-  if (I(() => {
+  if (T(() => {
     a.current !== e && (a.current = e, s(!1));
   }, [e]), !e) return null;
   const d = {
@@ -1046,7 +1047,7 @@ const vr = ({
   children: i
 }) => {
   const o = A(null), [l, s] = C(null);
-  return Mn(() => {
+  return Tn(() => {
     if (!e) {
       s(null);
       return;
@@ -1063,7 +1064,7 @@ const vr = ({
     return d(), window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
       window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
     };
-  }, [e, r]), I(() => {
+  }, [e, r]), T(() => {
     if (!e) return;
     const a = (f) => {
       const _ = f.target, u = o.current, c = r.current;
@@ -1108,7 +1109,7 @@ const vr = ({
   allowTyping: _,
   isTypingOpen: u,
   onToggleTyping: c,
-  onDisconnect: R
+  onDisconnect: I
 }) => {
   const [L, b] = C(!1), y = A(null);
   return /* @__PURE__ */ v(ot, { children: [
@@ -1147,7 +1148,7 @@ const vr = ({
             {
               type: "button",
               className: "ll-tool ll-tool--danger",
-              onClick: R,
+              onClick: I,
               "aria-label": "End conversation",
               children: /* @__PURE__ */ n(gn, {})
             }
@@ -1284,16 +1285,16 @@ const Sr = ({
   teamSwitcherOpen: _,
   onToggleTeamSwitcher: u,
   onSelectTeamMember: c,
-  languageMenuOpen: R,
+  languageMenuOpen: I,
   onToggleLanguageMenu: L,
   connectionState: b,
   agentState: y,
   transcript: m,
   canResume: S,
-  needsUserGesture: D,
-  error: z,
+  needsUserGesture: $,
+  error: D,
   isMuted: x,
-  micError: T,
+  micError: R,
   micDevices: B,
   activeMicId: q,
   isCameraEnabled: N,
@@ -1322,15 +1323,15 @@ const Sr = ({
   onToggleCamera: Re,
   onSwitchCameraDevice: $e,
   onToggleScreenShare: Ie,
-  onToggleSpeaker: Me,
-  onSendMessage: $,
+  onToggleSpeaker: Te,
+  onSendMessage: z,
   onMinimize: st,
   onClose: dt,
   onClearMicError: vt
 }) => {
-  var Te;
+  var Me;
   const we = ((a == null ? void 0 : a.length) ?? 0) > 1, _e = b === "connecting" || b === "connected", te = b === "connected", bt = b === "idle" || b === "disconnected" || b === "error", [Je, ce] = C(!1);
-  I(() => {
+  T(() => {
     if (!oe) {
       ce(!1);
       return;
@@ -1346,7 +1347,7 @@ const Sr = ({
     };
   }, [oe]);
   const [X, Ke] = C(!1);
-  I(() => {
+  T(() => {
     if (!te) {
       Ke(!1);
       return;
@@ -1356,24 +1357,24 @@ const Sr = ({
     return () => clearTimeout(h);
   }, [te, Je]);
   const ze = b === "connecting" || te && !!i && !Je && !X, xe = A(null), se = A(null);
-  I(() => {
+  T(() => {
     const h = xe.current;
     h && (h.innerHTML = "", M && (M.style.width = "100%", M.style.height = "100%", M.style.objectFit = "cover", M.style.transform = "scaleX(-1)", h.appendChild(M)));
-  }, [M]), I(() => {
+  }, [M]), T(() => {
     const h = se.current;
     h && (h.innerHTML = "", Z && (Z.style.width = "100%", Z.style.height = "100%", Z.style.objectFit = "contain", h.appendChild(Z)));
   }, [Z]);
   const [me, ke] = C(!1), [G, ne] = C(!1);
-  I(() => {
-    if (!me && !G && !R && !_) return;
+  T(() => {
+    if (!me && !G && !I && !_) return;
     const h = () => {
-      ke(!1), ne(!1), R && L(), _ && u();
+      ke(!1), ne(!1), I && L(), _ && u();
     };
     return document.addEventListener("click", h), () => document.removeEventListener("click", h);
   }, [
     me,
     G,
-    R,
+    I,
     _,
     L,
     u
@@ -1382,9 +1383,9 @@ const Sr = ({
     (h) => {
       h.preventDefault();
       const V = Ee.trim();
-      V && ($(V), Oe(""));
+      V && (z(V), Oe(""));
     },
-    [Ee, $]
+    [Ee, z]
   ), Qe = s.productName || "Live Layer";
   let de = null, Ce = null;
   for (let h = m.length - 1; h >= 0; h--) {
@@ -1412,7 +1413,7 @@ const Sr = ({
               alt: r,
               className: "ll-expanded__bg-img"
             }
-          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Te = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Te.toUpperCase()) || "A" }) }),
+          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Me = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Me.toUpperCase()) || "A" }) }),
           o && !te && /* @__PURE__ */ n(
             "video",
             {
@@ -1430,7 +1431,7 @@ const Sr = ({
           /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
           /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: f ? "Switching..." : "Connecting..." })
         ] }),
-        D && te && /* @__PURE__ */ v(
+        $ && te && /* @__PURE__ */ v(
           "button",
           {
             type: "button",
@@ -1517,7 +1518,7 @@ const Sr = ({
                       h.stopPropagation(), L();
                     },
                     "aria-haspopup": "listbox",
-                    "aria-expanded": R,
+                    "aria-expanded": I,
                     "aria-label": "Language: English",
                     title: "Language: English",
                     children: [
@@ -1526,7 +1527,7 @@ const Sr = ({
                     ]
                   }
                 ),
-                R && /* @__PURE__ */ n(
+                I && /* @__PURE__ */ n(
                   "div",
                   {
                     className: "ll-hmenu",
@@ -1616,7 +1617,7 @@ const Sr = ({
         bt && /* @__PURE__ */ (() => {
           const h = S ? "Resume session" : b === "disconnected" ? "Reconnect to agent" : "Start video call";
           return /* @__PURE__ */ v(ot, { children: [
-            !z && /* @__PURE__ */ v(
+            !D && /* @__PURE__ */ v(
               "button",
               {
                 type: "button",
@@ -1776,7 +1777,7 @@ const Sr = ({
               {
                 type: "button",
                 className: `ll-tool ${ae ? "is-muted" : ""}`,
-                onClick: Me,
+                onClick: Te,
                 "aria-label": ae ? "Unmute speaker" : "Mute speaker",
                 title: ae ? "Unmute speaker" : "Mute speaker",
                 children: /* @__PURE__ */ n(mn, { muted: ae })
@@ -1806,7 +1807,7 @@ const Sr = ({
               onToggleScreenShare: Ie,
               allowScreenShare: ve,
               isSpeakerMuted: ae,
-              onToggleSpeaker: Me,
+              onToggleSpeaker: Te,
               allowTyping: pe,
               isTypingOpen: Le,
               onToggleTyping: wt,
@@ -1837,9 +1838,9 @@ const Sr = ({
           ] })
         ] }) : null,
         (() => {
-          if (T && b !== "error")
+          if (R && b !== "error")
             return /* @__PURE__ */ v("div", { className: "ll-expanded__banner", role: "alert", children: [
-              /* @__PURE__ */ n("span", { children: T }),
+              /* @__PURE__ */ n("span", { children: R }),
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1851,9 +1852,9 @@ const Sr = ({
                 }
               )
             ] });
-          if (!z || b !== "error") return null;
+          if (!D || b !== "error") return null;
           let h = "Failed to connect", V = "Try again";
-          return z === "MIC_PERMISSION_DENIED" ? h = "Microphone blocked. Allow access to talk." : z === "MIC_NOT_FOUND" ? h = "No microphone found. Plug one in + retry." : z === "MIC_UNAVAILABLE" ? h = "Mic unavailable. Check other apps using it." : z === "AGENT_TIMEOUT" ? h = "Agent didn't pick up. Try again." : z === "CONNECT_FAILED" ? h = "Connection failed. Check your network." : z.length < 80 && (h = z), /* @__PURE__ */ v("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+          return D === "MIC_PERMISSION_DENIED" ? h = "Microphone blocked. Allow access to talk." : D === "MIC_NOT_FOUND" ? h = "No microphone found. Plug one in + retry." : D === "MIC_UNAVAILABLE" ? h = "Mic unavailable. Check other apps using it." : D === "AGENT_TIMEOUT" ? h = "Agent didn't pick up. Try again." : D === "CONNECT_FAILED" ? h = "Connection failed. Check your network." : D.length < 80 && (h = D), /* @__PURE__ */ v("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
             /* @__PURE__ */ n("span", { children: h }),
             /* @__PURE__ */ n(
               "button",
@@ -1977,7 +1978,7 @@ function yt(e) {
   }
   return !0;
 }
-const mt = 4096, Rr = 20, Ir = 20, Mr = 10, Tr = 10, Dr = 30, Pr = 20, on = 500, $r = [
+const mt = 4096, Rr = 20, Ir = 20, Tr = 10, Mr = 10, Dr = 30, Pr = 20, on = 500, $r = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -2039,35 +2040,35 @@ function zr(e, t = {}) {
     r.querySelectorAll("[data-ll-region]")
   ), a = [];
   for (const x of s) {
-    if (a.length >= Mr) break;
+    if (a.length >= Tr) break;
     if (rt(x) || !it(x)) continue;
-    const T = x.getAttribute("data-ll-region") ?? "", B = x.getAttribute("data-ll-intent") ?? void 0, q = ye(
+    const R = x.getAttribute("data-ll-region") ?? "", B = x.getAttribute("data-ll-intent") ?? void 0, q = ye(
       (x.innerText || x.textContent || "").trim(),
       on * 2
     );
-    !T || !q || a.push({ id: T, intent: B, text: q });
+    !R || !q || a.push({ id: R, intent: B, text: q });
   }
   const d = [], f = ["H1", "H2", "H3", "H4", "H5", "H6"], _ = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
   for (const x of _) {
     if (rt(x) || !it(x)) continue;
-    const T = (x.textContent || "").trim();
-    T && d.push(`${x.tagName}: ${ye(T, 200)}`);
+    const R = (x.textContent || "").trim();
+    R && d.push(`${x.tagName}: ${ye(R, 200)}`);
   }
   const u = Array.from(r.querySelectorAll("p, li"));
   for (const x of u) {
     if (rt(x) || !it(x) || f.includes(x.tagName)) continue;
-    const T = (x.textContent || "").trim();
-    T.length > 10 && d.push(ye(T, on));
+    const R = (x.textContent || "").trim();
+    R.length > 10 && d.push(ye(R, on));
   }
   const c = d.join(`
-`), R = [], L = Array.from(r.querySelectorAll("a[href]"));
+`), I = [], L = Array.from(r.querySelectorAll("a[href]"));
   for (const x of L) {
-    if (R.length >= Rr) break;
+    if (I.length >= Rr) break;
     if (rt(x) || !it(x)) continue;
-    const T = x.getAttribute("href") || "", B = (x.textContent || "").trim();
-    !T || !B || R.push({ href: T, text: ye(B, 100) });
+    const R = x.getAttribute("href") || "", B = (x.textContent || "").trim();
+    !R || !B || I.push({ href: R, text: ye(B, 100) });
   }
   const b = [], y = Array.from(
     r.querySelectorAll(
@@ -2077,17 +2078,17 @@ function zr(e, t = {}) {
   for (const x of y) {
     if (b.length >= Ir) break;
     if (rt(x) || !yt(x) || !it(x)) continue;
-    const T = ln(x), B = x instanceof HTMLInputElement ? x.type : x.tagName.toLowerCase();
-    T && b.push({ label: ye(T, 100), type: B });
+    const R = ln(x), B = x instanceof HTMLInputElement ? x.type : x.tagName.toLowerCase();
+    R && b.push({ label: ye(R, 100), type: B });
   }
   const m = Array.from(
     r.querySelectorAll("[data-ll-form]")
   ), S = [];
   for (const x of m) {
-    if (S.length >= Tr) break;
+    if (S.length >= Mr) break;
     if (At(x)) continue;
-    const T = x.getAttribute("data-ll-form") || "";
-    if (!T) continue;
+    const R = x.getAttribute("data-ll-form") || "";
+    if (!R) continue;
     const B = x.getAttribute("data-ll-intent") || void 0, q = Array.from(
       x.querySelectorAll(
         "[data-ll-field]"
@@ -2116,25 +2117,25 @@ function zr(e, t = {}) {
       const ae = typeof M.validationMessage == "string" ? M.validationMessage : "";
       ae && (Z.validationMessage = ye(ae, 200)), N.push(Z);
     }
-    S.push({ id: T, intent: B, fields: N });
+    S.push({ id: R, intent: B, fields: N });
   }
-  const D = {
+  const $ = {
     url: i,
     title: l,
     pathname: o,
     regions: a,
     visibleText: c,
-    visibleLinks: R,
+    visibleLinks: I,
     visibleFields: b,
     forms: S,
     extras: e
   };
-  let z = Be(JSON.stringify(D.regions)) + Be(D.visibleText) + Be(JSON.stringify(D.visibleLinks)) + Be(JSON.stringify(D.visibleFields));
-  for (; z > mt && D.visibleFields.length > 0; )
-    D.visibleFields.pop(), z = Be(JSON.stringify(D.visibleFields));
-  for (; z > mt && D.visibleLinks.length > 0; )
-    D.visibleLinks.pop(), z -= 80;
-  return Be(D.visibleText) > mt && (D.visibleText = ye(D.visibleText, mt - 100)), D;
+  let D = Be(JSON.stringify($.regions)) + Be($.visibleText) + Be(JSON.stringify($.visibleLinks)) + Be(JSON.stringify($.visibleFields));
+  for (; D > mt && $.visibleFields.length > 0; )
+    $.visibleFields.pop(), D = Be(JSON.stringify($.visibleFields));
+  for (; D > mt && $.visibleLinks.length > 0; )
+    $.visibleLinks.pop(), D -= 80;
+  return Be($.visibleText) > mt && ($.visibleText = ye($.visibleText, mt - 100)), $;
 }
 let qe = null;
 function an(e, t = {}) {
@@ -2295,16 +2296,16 @@ const Qr = /* @__PURE__ */ new Set([
       autoConnect: _ = !1,
       displayMode: u,
       defaultDisplayMode: c = "expanded",
-      onDisplayModeChange: R,
+      onDisplayModeChange: I,
       position: L = "bottom-right",
       mobileBreakpoint: b = 640,
       persistKey: y = "ll-widget",
       disablePersistence: m = !1,
       teamMembers: S,
-      currentTeamMemberId: D,
-      onTeamMemberChange: z,
+      currentTeamMemberId: $,
+      onTeamMemberChange: D,
       idleLoopUrl: x,
-      greeting: T,
+      greeting: R,
       avatarImageUrl: B,
       agentName: q,
       branding: N = {},
@@ -2333,31 +2334,31 @@ const Qr = /* @__PURE__ */ new Set([
       onAgentState: Re,
       onConnectionStateChange: $e,
       onAgentEvent: Ie,
-      onAgentCommand: Me,
-      controlledSession: $,
+      onAgentCommand: Te,
+      controlledSession: z,
       className: st,
       style: dt,
       zIndex: vt = 2147483647
     } = t, we = rr(he), _e = dr(we, pe, be);
-    I(() => {
+    T(() => {
       Or(), Ur();
     }, [we]);
-    const te = D !== void 0, [bt, Je] = C(() => {
+    const te = $ !== void 0, [bt, Je] = C(() => {
       var g;
-      return D ?? ((g = S == null ? void 0 : S[0]) == null ? void 0 : g.id);
-    }), ce = te ? D : bt, X = Ue(
+      return $ ?? ((g = S == null ? void 0 : S[0]) == null ? void 0 : g.id);
+    }), ce = te ? $ : bt, X = Ue(
       () => (S == null ? void 0 : S.find((g) => g.id === ce)) ?? null,
       [S, ce]
     ), Ke = (X == null ? void 0 : X.agentId) ?? i, ze = f === "EMBEDDED", [xe, se] = Zn({
       value: ze ? "expanded" : u,
       defaultValue: ze ? "expanded" : c,
-      onChange: R,
+      onChange: I,
       persistKey: y,
       disablePersistence: ze || m
-    }), me = tr(b), ke = Bn(), G = qn(), ne = Un(), Le = jn(), Xe = Vn(), [wt, Ee] = C(!1), [Oe, ut] = C(!1), [Qe, de] = C(!1), [Ce, ft] = C(!1), [He, _t] = C(!1), Te = fr({ baseUrl: l, config: d }), h = A(Te);
-    h.current = Te;
-    const V = A(ee), xt = A(at), kt = A(Ve), Lt = A(Ye), Rt = A(je), It = A(ct), Mt = A(oe), Et = A(Ge), ue = A(null);
-    V.current = ee, xt.current = at, kt.current = Ve, Lt.current = Ye, Rt.current = je, It.current = ct, Mt.current = oe, Et.current = Ge;
+    }), me = tr(b), ke = Bn(), G = qn(), ne = Un(), Le = jn(), Xe = Vn(), [wt, Ee] = C(!1), [Oe, ut] = C(!1), [Qe, de] = C(!1), [Ce, ft] = C(!1), [He, _t] = C(!1), Me = fr({ baseUrl: l, config: d }), h = A(Me);
+    h.current = Me;
+    const V = A(ee), xt = A(at), kt = A(Ve), Lt = A(Ye), Rt = A(je), It = A(ct), Tt = A(oe), Et = A(Ge), ue = A(null);
+    V.current = ee, xt.current = at, kt.current = Ve, Lt.current = Ye, Rt.current = je, It.current = ct, Tt.current = oe, Et.current = Ge;
     function Se(g) {
       const p = Et.current;
       return p ? p.includes(g) : !0;
@@ -2735,7 +2736,7 @@ const Qr = /* @__PURE__ */ new Set([
               } catch (K) {
                 console.warn("[LiveLayer] request_routes: publishData failed.", K);
               }
-            }, j = Mt.current;
+            }, j = Tt.current;
             if (j) {
               try {
                 const O = j(), K = (Q) => {
@@ -2766,25 +2767,25 @@ const Qr = /* @__PURE__ */ new Set([
             }
             return;
           }
-          Qr.has(p.type) || Me == null || Me(p);
+          Qr.has(p.type) || Te == null || Te(p);
         }
       },
-      [Me, Ie]
+      [Te, Ie]
     ), J = Wn({
-      agentId: $ ? "__controlled__" : Ke,
+      agentId: z ? "__controlled__" : Ke,
       baseUrl: l,
       apiKey: o,
       sessionEndpoint: s,
       sessionBody: a,
-      onDataMessage: $ ? void 0 : Ze
+      onDataMessage: z ? void 0 : Ze
     });
-    I(() => {
-      if ($ != null && $.subscribeToDataMessages)
-        return $.subscribeToDataMessages(Ze);
-    }, [$, Ze]), ue.current = () => {
+    T(() => {
+      if (z != null && z.subscribeToDataMessages)
+        return z.subscribeToDataMessages(Ze);
+    }, [z, Ze]), ue.current = () => {
       var g;
       return (g = J.getRoom) == null ? void 0 : g.call(J);
-    }, I(() => {
+    }, T(() => {
       var Y;
       if (typeof window > "u") return;
       const g = ((Y = window.location) == null ? void 0 : Y.hostname) || "";
@@ -2799,19 +2800,19 @@ const Qr = /* @__PURE__ */ new Set([
           delete window.__livelayerSimulateCommand;
         };
     }, [Ze]);
-    const w = Ue(() => $ ? {
-      connectionState: $.connectionState,
-      agentState: $.agentState,
-      transcript: $.transcript,
-      videoElement: $.videoElement,
-      audioElement: $.audioElement,
-      canResume: $.canResume,
-      error: $.error,
+    const w = Ue(() => z ? {
+      connectionState: z.connectionState,
+      agentState: z.agentState,
+      transcript: z.transcript,
+      videoElement: z.videoElement,
+      audioElement: z.audioElement,
+      canResume: z.canResume,
+      error: z.error,
       agentConfig: null,
       connect: async () => {
-        await $.onConnect();
+        await z.onConnect();
       },
-      disconnect: () => $.onDisconnect(),
+      disconnect: () => z.onDisconnect(),
       // Dummy getRoom for shape compatibility — controlled consumers own the Room.
       // Internal session's getRoom returns null when no real connect has happened,
       // so we reuse its reference for type consistency.
@@ -2830,10 +2831,10 @@ const Qr = /* @__PURE__ */ new Set([
       disconnect: J.disconnect,
       getRoom: J.getRoom,
       isControlled: !1
-    }, [$, J]), Tt = A(w);
-    Tt.current = w;
-    const Dt = A($);
-    Dt.current = $, Tn(
+    }, [z, J]), Mt = A(w);
+    Mt.current = w;
+    const Dt = A(z);
+    Dt.current = z, Mn(
       r,
       () => ({
         sendData: async (g) => {
@@ -2847,7 +2848,7 @@ const Qr = /* @__PURE__ */ new Set([
             }
             return;
           }
-          const Y = (nt = (ge = Tt.current) == null ? void 0 : ge.getRoom) == null ? void 0 : nt.call(ge), le = Y == null ? void 0 : Y.localParticipant;
+          const Y = (nt = (ge = Mt.current) == null ? void 0 : ge.getRoom) == null ? void 0 : nt.call(ge), le = Y == null ? void 0 : Y.localParticipant;
           if (le != null && le.publishData)
             try {
               const k = new TextEncoder().encode(JSON.stringify(g));
@@ -2860,13 +2861,13 @@ const Qr = /* @__PURE__ */ new Set([
       []
     );
     const Pt = A(null);
-    I(() => {
+    T(() => {
       const g = w.videoElement, p = Pt.current;
       if (!(!g || !p))
         return p.appendChild(g), () => {
           g.parentNode === p && p.removeChild(g);
         };
-    }, [w.videoElement]), I(() => {
+    }, [w.videoElement]), T(() => {
       const g = w.audioElement;
       if (!g) return;
       ke.attach(g);
@@ -2876,7 +2877,7 @@ const Qr = /* @__PURE__ */ new Set([
       }), () => {
         ke.detach();
       };
-    }, [w.audioElement]), I(() => {
+    }, [w.audioElement]), T(() => {
       if (w.isControlled || w.connectionState !== "connected") return;
       const g = w.getRoom();
       if (g)
@@ -2884,23 +2885,23 @@ const Qr = /* @__PURE__ */ new Set([
         }), () => {
           G.teardownMic();
         };
-    }, [w.isControlled, w.connectionState]), I(() => {
+    }, [w.isControlled, w.connectionState]), T(() => {
       var p;
       if (w.connectionState !== "connected") return;
-      const g = w.isControlled ? (p = $ == null ? void 0 : $.getRoom) == null ? void 0 : p.call($) : w.getRoom();
+      const g = w.isControlled ? (p = z == null ? void 0 : z.getRoom) == null ? void 0 : p.call(z) : w.getRoom();
       if (g)
         return ne.attachRoom(g), Le.attachRoom(g), w.isControlled && G.attachRoom(g), Xe.refresh(), () => {
           ne.teardown(), Le.teardown();
         };
-    }, [w.isControlled, w.connectionState, $]), I(() => {
+    }, [w.isControlled, w.connectionState, z]), T(() => {
       const g = w.audioElement;
       g && (g.muted = He);
     }, [w.audioElement, He]);
     const vn = E((g) => {
       const p = { type: "user_message", text: g };
-      if ($ != null && $.publishData) {
+      if (z != null && z.publishData) {
         try {
-          $.publishData(p);
+          z.publishData(p);
         } catch {
         }
         return;
@@ -2912,38 +2913,38 @@ const Qr = /* @__PURE__ */ new Set([
           Y.localParticipant.publishData(le, { reliable: !0 });
         } catch {
         }
-    }, [w, $]), bn = E(() => {
+    }, [w, z]), bn = E(() => {
       _t((g) => !g);
     }, []);
-    I(() => {
+    T(() => {
       $e == null || $e(w.connectionState), w.connectionState === "connected" ? De == null || De() : w.connectionState === "disconnected" && (Ae == null || Ae());
-    }, [w.connectionState, De, Ae, $e]), I(() => {
+    }, [w.connectionState, De, Ae, $e]), T(() => {
       Pe == null || Pe(w.transcript);
-    }, [w.transcript, Pe]), I(() => {
+    }, [w.transcript, Pe]), T(() => {
       Re == null || Re(w.agentState);
-    }, [w.agentState, Re]), I(() => {
-      Te.setThinking(w.agentState === "thinking");
-    }, [w.agentState, Te]);
+    }, [w.agentState, Re]), T(() => {
+      Me.setThinking(w.agentState === "thinking");
+    }, [w.agentState, Me]);
     const $t = A(!1);
-    I(() => {
+    T(() => {
       w.isControlled || !_ || $t.current || _e && w.connectionState === "idle" && ($t.current = !0, w.connect());
     }, [_, w.connectionState, w, _e]);
     const wn = E(
       (g) => {
         const p = S == null ? void 0 : S.find((Y) => Y.id === g);
-        p && (de(!1), g !== ce && (ut(!0), w.disconnect(), te || Je(g), z == null || z(p)));
+        p && (de(!1), g !== ce && (ut(!0), w.disconnect(), te || Je(g), D == null || D(p)));
       },
       [
         S,
         ce,
         w,
         te,
-        z
+        D
       ]
     );
-    I(() => {
+    T(() => {
       Oe && w.connectionState === "connected" && ut(!1);
-    }, [w.connectionState, Oe]), I(() => {
+    }, [w.connectionState, Oe]), T(() => {
       if (!Qe) return;
       const g = (p) => {
         p.key === "Escape" && de(!1);
@@ -2952,7 +2953,7 @@ const Qr = /* @__PURE__ */ new Set([
     }, [Qe]);
     const _n = !!B || !!(X != null && X.avatarImageUrl) || w.isControlled, et = Yn(Ke, l, _n);
     Ge === void 0 && ((Ot = et.info) != null && Ot.capabilities) && (Et.current = et.info.capabilities);
-    const pt = (X == null ? void 0 : X.name) ?? q ?? ((Ht = w.agentConfig) == null ? void 0 : Ht.name) ?? ((Wt = et.info) == null ? void 0 : Wt.name) ?? "Live Layer", Ct = (X == null ? void 0 : X.avatarImageUrl) ?? B ?? ((Bt = w.agentConfig) == null ? void 0 : Bt.avatarImageUrl) ?? ((qt = et.info) == null ? void 0 : qt.avatarImageUrl) ?? null, xn = x ?? ((Ft = w.agentConfig) == null ? void 0 : Ft.idleLoopUrl) ?? ((Ut = et.info) == null ? void 0 : Ut.idleLoopUrl) ?? null, kn = T ?? null, Ln = E(() => se("expanded"), [se]), En = E(
+    const pt = (X == null ? void 0 : X.name) ?? q ?? ((Ht = w.agentConfig) == null ? void 0 : Ht.name) ?? ((Wt = et.info) == null ? void 0 : Wt.name) ?? "Live Layer", Ct = (X == null ? void 0 : X.avatarImageUrl) ?? B ?? ((Bt = w.agentConfig) == null ? void 0 : Bt.avatarImageUrl) ?? ((qt = et.info) == null ? void 0 : qt.avatarImageUrl) ?? null, xn = x ?? ((Ft = w.agentConfig) == null ? void 0 : Ft.idleLoopUrl) ?? ((Ut = et.info) == null ? void 0 : Ut.idleLoopUrl) ?? null, kn = R ?? null, Ln = E(() => se("expanded"), [se]), En = E(
       () => se("minimized"),
       [se]
     ), zt = E(() => {
@@ -3095,18 +3096,18 @@ const ci = ({
   const a = A(null), d = A(null), f = A(o);
   f.current = o;
   const _ = E((u) => {
-    var R;
+    var I;
     const c = u.detail;
-    (R = f.current) == null || R.call(f, c);
+    (I = f.current) == null || I.call(f, c);
   }, []);
-  return I(() => {
+  return T(() => {
     const u = a.current;
     if (!u) return;
     const c = document.createElement("livelayer-widget");
     return c.setAttribute("agent-id", e), t && c.setAttribute("base-url", t), r && c.setAttribute("api-key", r), i && c.setAttribute("mode", i), c.addEventListener("agent-event", _), u.appendChild(c), d.current = c, () => {
       c.removeEventListener("agent-event", _), u.removeChild(c), d.current = null;
     };
-  }, [e]), I(() => {
+  }, [e]), T(() => {
     d.current && (i ? d.current.setAttribute("mode", i) : d.current.removeAttribute("mode"));
   }, [i]), /* @__PURE__ */ n("div", { ref: a, className: l, style: s });
 }, si = lt(
@@ -3151,13 +3152,13 @@ const ci = ({
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: d, label: f, labelClassName: _, as: u, children: c, ...R } = t;
+      const { name: d, label: f, labelClassName: _, as: u, children: c, ...I } = t;
       a = /* @__PURE__ */ n(
         "select",
         {
           ref: r,
           ...s,
-          ...R,
+          ...I,
           children: c
         }
       );
@@ -3184,26 +3185,26 @@ function fi({
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [i, o] = C(t), [l, s] = C([]), [a, d] = C(""), [f, _] = C(!1), u = A(/* @__PURE__ */ new Set()), c = A([]), R = A(f);
-  R.current = f, I(() => {
+  const [i, o] = C(t), [l, s] = C([]), [a, d] = C(""), [f, _] = C(!1), u = A(/* @__PURE__ */ new Set()), c = A([]), I = A(f);
+  I.current = f, T(() => {
     try {
       const y = localStorage.getItem(r);
       y === "1" && o(!0), y === "0" && o(!1);
     } catch {
     }
-  }, [r]), I(() => {
+  }, [r]), T(() => {
     try {
       localStorage.setItem(r, i ? "1" : "0");
     } catch {
     }
-  }, [i, r]), I(() => {
+  }, [i, r]), T(() => {
     const y = (m) => {
       (m.metaKey || m.ctrlKey) && m.shiftKey && m.key.toLowerCase() === "l" && (m.preventDefault(), o((S) => !S));
     };
     return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
-  }, []), I(() => {
+  }, []), T(() => {
     const y = setInterval(() => {
-      if (c.current.length === 0 || R.current) return;
+      if (c.current.length === 0 || I.current) return;
       const m = c.current.splice(0, c.current.length);
       s(
         (S) => [...m.reverse(), ...S].slice(0, 200)
@@ -3212,7 +3213,7 @@ function fi({
     return () => clearInterval(y);
   }, []);
   const L = A(!1);
-  if (I(() => {
+  if (T(() => {
     !e || L.current || (L.current = !0, e((y) => {
       c.current.push({
         id: sn++,
@@ -3222,20 +3223,20 @@ function fi({
         data: y.data
       });
     }));
-  }, [e]), I(() => {
-    const y = console.warn, m = console.log, S = (D, z) => function(...x) {
+  }, [e]), T(() => {
+    const y = console.warn, m = console.log, S = ($, D) => function(...x) {
       try {
-        const T = typeof x[0] == "string" ? x[0] : "";
-        T.startsWith("[LiveLayer]") && c.current.push({
+        const R = typeof x[0] == "string" ? x[0] : "";
+        R.startsWith("[LiveLayer]") && c.current.push({
           id: sn++,
           ts: Date.now(),
-          kind: D,
-          type: T.slice(0, 120),
+          kind: $,
+          type: R.slice(0, 120),
           data: { args: x.slice(1).map((B) => ti(B)) }
         });
       } catch {
       }
-      return z.apply(this, x);
+      return D.apply(this, x);
     };
     return console.warn = S("warn", y), console.log = S("log", m), () => {
       console.warn = y, console.log = m;