@livelayer/react 0.5.10 → 0.5.11

package/dist/index.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as _, jsx as n, Fragment as ht } from "react/jsx-runtime";
-import { Component as dn, useState as L, useRef as E, useEffect as R, useCallback as k, useMemo as rt, forwardRef as mt, createElement as un } from "react";
+import { Component as dn, useState as L, useRef as E, useEffect as R, useCallback as k, useMemo as ot, forwardRef as mt, createElement as un } from "react";
 import { LiveKitSession as fn } from "@livelayer/sdk";
 import { createLocalAudioTrack as pn, Track as Gt, createLocalVideoTrack as hn } from "livekit-client";
 class mn extends dn {
@@ -34,16 +34,16 @@ class mn extends dn {
   }
 }
 function gn(e) {
-  const [t, r] = L("idle"), [o, i] = L("idle"), [l, c] = L([]), [d, f] = L(null), [y, g] = L(null), [a, s] = L(null), [I, C] = L(!1), [S, v] = L(null), b = E(null), z = E(e.onDataMessage);
+  const [t, r] = L("idle"), [o, i] = L("idle"), [l, s] = L([]), [d, f] = L(null), [y, g] = L(null), [a, c] = L(null), [I, C] = L(!1), [S, v] = L(null), b = E(null), z = E(e.onDataMessage);
   z.current = e.onDataMessage, R(() => {
     const N = {
       onConnectionStateChange: (D) => {
         r(D), D === "connected" && v(null);
       },
       onAgentStateChange: i,
-      onTranscript: (D) => c([...D]),
+      onTranscript: (D) => s([...D]),
       onAgentConfig: f,
-      onAudioTrack: (D) => s(D),
+      onAudioTrack: (D) => c(D),
       onVideoTrack: (D) => g(D),
       onVideoTrackRemoved: () => g(null),
       onError: (D) => v(D),
@@ -62,7 +62,7 @@ function gn(e) {
       },
       N
     );
-    return b.current = q, r("idle"), i("idle"), c([]), f(null), g(null), s(null), C(!1), v(null), () => {
+    return b.current = q, r("idle"), i("idle"), s([]), f(null), g(null), c(null), C(!1), v(null), () => {
       var D;
       (D = q.destroy) == null || D.call(q), b.current = null;
     };
@@ -104,7 +104,7 @@ function gn(e) {
   };
 }
 function yn() {
-  const e = E(null), t = E(null), r = E(null), o = E(null), i = E(/* @__PURE__ */ new Set()), l = E(null), c = k(() => {
+  const e = E(null), t = E(null), r = E(null), o = E(null), i = E(/* @__PURE__ */ new Set()), l = E(null), s = k(() => {
     const a = t.current;
     if (!a) {
       o.current = null;
@@ -113,22 +113,22 @@ function yn() {
     (!l.current || l.current.length !== a.frequencyBinCount) && (l.current = new Uint8Array(
       new ArrayBuffer(a.frequencyBinCount)
     ));
-    const s = l.current;
-    a.getByteFrequencyData(s);
+    const c = l.current;
+    a.getByteFrequencyData(c);
     let I = 0;
-    for (let S = 0; S < s.length; S++) I += s[S];
-    const C = I / s.length / 255;
+    for (let S = 0; S < c.length; S++) I += c[S];
+    const C = I / c.length / 255;
     for (const S of i.current)
       try {
         S(C);
       } catch (v) {
         console.error("[useAudioLevel] subscriber threw:", v);
       }
-    o.current = requestAnimationFrame(c);
+    o.current = requestAnimationFrame(s);
   }, []), d = k(() => {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
-    const a = new AudioContext(), s = a.createAnalyser();
-    s.fftSize = 64, s.connect(a.destination), e.current = a, t.current = s;
+    const a = new AudioContext(), c = a.createAnalyser();
+    c.fftSize = 64, c.connect(a.destination), e.current = a, t.current = c;
   }, []), f = k(
     (a) => {
       if (d(), !(!e.current || !t.current)) {
@@ -140,16 +140,16 @@ function yn() {
           r.current = null;
         }
         try {
-          const s = e.current.createMediaElementSource(a);
-          s.connect(t.current), r.current = s;
-        } catch (s) {
-          console.warn("[useAudioLevel] createMediaElementSource failed:", s);
+          const c = e.current.createMediaElementSource(a);
+          c.connect(t.current), r.current = c;
+        } catch (c) {
+          console.warn("[useAudioLevel] createMediaElementSource failed:", c);
           return;
         }
-        o.current === null && (o.current = requestAnimationFrame(c));
+        o.current === null && (o.current = requestAnimationFrame(s));
       }
     },
-    [d, c]
+    [d, s]
   ), y = k(() => {
     if (o.current !== null && (cancelAnimationFrame(o.current), o.current = null), r.current) {
       try {
@@ -180,7 +180,7 @@ function yn() {
   }, [y]), { attach: f, detach: y, subscribe: g };
 }
 function vn() {
-  const [e, t] = L(!1), [r, o] = L(null), i = E(null), l = E(null), c = k(async (g) => {
+  const [e, t] = L(!1), [r, o] = L(null), i = E(null), l = E(null), s = k(async (g) => {
     if (i.current && l.current) {
       try {
         await l.current.localParticipant.unpublishTrack(i.current);
@@ -196,8 +196,8 @@ function vn() {
       });
       await g.localParticipant.publishTrack(a), i.current = a, t(a.isMuted);
     } catch (a) {
-      const s = a instanceof Error && a.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-      throw o(s), a;
+      const c = a instanceof Error && a.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
+      throw o(c), a;
     }
   }, []), d = k(() => {
     const g = i.current;
@@ -217,14 +217,14 @@ function vn() {
     isMuted: e,
     micError: r,
     toggleMute: d,
-    setupMic: c,
+    setupMic: s,
     teardownMic: f,
     clearError: y
   };
 }
 const bn = { resolution: { width: 640, height: 480, frameRate: 24 } };
 function wn() {
-  const [e, t] = L(!1), [r, o] = L(null), [i, l] = L(null), [c, d] = L(""), f = E(null), y = E(null), g = k((b) => {
+  const [e, t] = L(!1), [r, o] = L(null), [i, l] = L(null), [s, d] = L(""), f = E(null), y = E(null), g = k((b) => {
     f.current = b;
   }, []), a = k(() => {
     const b = f.current, z = y.current;
@@ -240,7 +240,7 @@ function wn() {
         z.stop();
     }
     y.current = null, l(null), t(!1);
-  }, []), s = k(async (b) => {
+  }, []), c = k(async (b) => {
     const z = f.current;
     if (z) {
       o(null);
@@ -264,10 +264,10 @@ function wn() {
       }
     }
   }, []), I = k(async () => {
-    e ? a() : await s(c || void 0);
-  }, [e, c, a, s]), C = k(async (b) => {
-    a(), await s(b);
-  }, [a, s]), S = k(() => {
+    e ? a() : await c(s || void 0);
+  }, [e, s, a, c]), C = k(async (b) => {
+    a(), await c(b);
+  }, [a, c]), S = k(() => {
     a(), f.current = null, o(null), d("");
   }, [a]), v = k(() => o(null), []);
   return R(() => () => {
@@ -276,7 +276,7 @@ function wn() {
     isEnabled: e,
     error: r,
     previewEl: i,
-    activeDeviceId: c,
+    activeDeviceId: s,
     toggle: I,
     switchDevice: C,
     attachRoom: g,
@@ -285,14 +285,14 @@ function wn() {
   };
 }
 function _n() {
-  const [e, t] = L(!1), [r, o] = L(null), [i, l] = L(null), c = E(null), d = k((s) => {
-    c.current = s;
+  const [e, t] = L(!1), [r, o] = L(null), [i, l] = L(null), s = E(null), d = k((c) => {
+    s.current = c;
   }, []), f = k(() => l(null), []), y = k(async () => {
-    const s = c.current;
-    if (s) {
+    const c = s.current;
+    if (c) {
       if (e) {
         try {
-          await s.localParticipant.setScreenShareEnabled(!1);
+          await c.localParticipant.setScreenShareEnabled(!1);
         } catch {
         }
         f(), t(!1);
@@ -300,15 +300,15 @@ function _n() {
       }
       o(null);
       try {
-        await s.localParticipant.setScreenShareEnabled(!0);
+        await c.localParticipant.setScreenShareEnabled(!0);
         let I = 0;
         const C = () => {
-          const S = s.localParticipant.getTrackPublication(Gt.Source.ScreenShare);
+          const S = c.localParticipant.getTrackPublication(Gt.Source.ScreenShare);
           if (S != null && S.track) {
             const v = S.track.attach();
             l(v), t(!0);
             try {
-              s.localParticipant.publishData(
+              c.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
                 { reliable: !0 }
               );
@@ -325,13 +325,13 @@ function _n() {
       }
     }
   }, [e, f]), g = k(() => {
-    const s = c.current;
-    if (s && e)
+    const c = s.current;
+    if (c && e)
       try {
-        s.localParticipant.setScreenShareEnabled(!1);
+        c.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
-    f(), t(!1), o(null), c.current = null;
+    f(), t(!1), o(null), s.current = null;
   }, [e, f]), a = k(() => o(null), []);
   return { isEnabled: e, error: r, previewEl: i, toggle: y, attachRoom: d, teardown: g, clearError: a };
 }
@@ -340,7 +340,7 @@ function xn() {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
-        t(l.filter((c) => c.kind === "audioinput")), o(l.filter((c) => c.kind === "videoinput"));
+        t(l.filter((s) => s.kind === "audioinput")), o(l.filter((s) => s.kind === "videoinput"));
       } catch {
       }
   }, []);
@@ -351,25 +351,25 @@ function xn() {
   }, [i]), { mics: e, cameras: r, refresh: i };
 }
 function kn(e, t, r = !1) {
-  const [o, i] = L(null), [l, c] = L(null), [d, f] = L(!r && !!e);
+  const [o, i] = L(null), [l, s] = L(null), [d, f] = L(!r && !!e);
   return R(() => {
     if (r || !e) {
       f(!1);
       return;
     }
     const y = new AbortController(), g = t || "https://app.livelayer.studio";
-    return f(!0), c(null), fetch(`${g}/api/widget/agent/${encodeURIComponent(e)}`, {
+    return f(!0), s(null), fetch(`${g}/api/widget/agent/${encodeURIComponent(e)}`, {
       signal: y.signal
     }).then(async (a) => {
       if (!a.ok) {
-        const s = await a.json().catch(() => ({}));
-        throw new Error(s.error || `HTTP ${a.status}`);
+        const c = await a.json().catch(() => ({}));
+        throw new Error(c.error || `HTTP ${a.status}`);
       }
       return a.json();
     }).then((a) => {
       y.signal.aborted || (i(a), f(!1));
     }).catch((a) => {
-      y.signal.aborted || (c(a instanceof Error ? a.message : "Agent lookup failed"), f(!1));
+      y.signal.aborted || (s(a instanceof Error ? a.message : "Agent lookup failed"), f(!1));
     }), () => y.abort();
   }, [e, t, r]), { info: o, error: l, loading: d };
 }
@@ -393,13 +393,13 @@ function Cn({
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const o = e !== void 0, [i, l] = L(t), c = o ? e : i, d = k(
+  const o = e !== void 0, [i, l] = L(t), s = o ? e : i, d = k(
     (f) => {
-      f !== c && (o || l(f), r == null || r(f));
+      f !== s && (o || l(f), r == null || r(f));
     },
-    [c, o, r]
+    [s, o, r]
   );
-  return [c, d];
+  return [s, d];
 }
 const En = ["hidden", "minimized", "expanded"];
 function Nn(e) {
@@ -412,7 +412,7 @@ function An({
   persistKey: o = "ll-widget",
   disablePersistence: i = !1
 } = {}) {
-  const l = `${o}:display-mode`, c = E(!1), [d, f] = Cn({
+  const l = `${o}:display-mode`, s = E(!1), [d, f] = Cn({
     value: e,
     defaultValue: t,
     onChange: (y) => {
@@ -420,7 +420,7 @@ function An({
     }
   });
   return R(() => {
-    if (c.current || (c.current = !0, i || e !== void 0)) return;
+    if (s.current || (s.current = !0, i || e !== void 0)) return;
     const y = Nn(Ln(l));
     y && y !== d && f(y);
   }, []), [d, f];
@@ -441,16 +441,16 @@ function In(e = Rn) {
     });
   }, [e]), t;
 }
-const It = "__llHistoryPatched", ot = "ll:pathname";
+const It = "__llHistoryPatched", it = "ll:pathname";
 function Mn() {
   if (typeof window > "u" || window.history[It]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...r) {
     const o = e.apply(this, r);
-    return window.dispatchEvent(new Event(ot)), o;
+    return window.dispatchEvent(new Event(it)), o;
   }, window.history.replaceState = function(...r) {
     const o = t.apply(this, r);
-    return window.dispatchEvent(new Event(ot)), o;
+    return window.dispatchEvent(new Event(it)), o;
   }, window.history[It] = !0;
 }
 function Mt() {
@@ -464,8 +464,8 @@ function Tn(e) {
     if (e !== void 0) return;
     Mn();
     const o = () => r(Mt());
-    return o(), window.addEventListener("popstate", o), window.addEventListener(ot, o), () => {
-      window.removeEventListener("popstate", o), window.removeEventListener(ot, o);
+    return o(), window.addEventListener("popstate", o), window.addEventListener(it, o), () => {
+      window.removeEventListener("popstate", o), window.removeEventListener(it, o);
     };
   }, [e]), e ?? t;
 }
@@ -496,7 +496,7 @@ function On(e, t, r) {
   return e === void 0 ? !0 : Pt(r, e) ? !1 : t && t.length > 0 ? Pt(t, e) : !0;
 }
 function Bn(e, t, r) {
-  return rt(
+  return ot(
     () => On(e, t, r),
     [e, t, r]
   );
@@ -623,9 +623,9 @@ const Vn = ({
   onExpand: o,
   label: i = "Open widget",
   avatarImageUrl: l,
-  agentName: c
+  agentName: s
 }) => {
-  const d = Fn(e), f = d === "right" ? "left" : "right", y = t ? 80 : 72, g = !!l, [a, s] = L(null), [I, C] = L(!1), S = E(null), v = E(!1), b = k(
+  const d = Fn(e), f = d === "right" ? "left" : "right", y = t ? 80 : 72, g = !!l, [a, c] = L(null), [I, C] = L(!1), S = E(null), v = E(!1), b = k(
     (A) => {
       if (typeof window > "u") return A;
       const O = y / 2, W = Ht + O, Y = window.innerHeight - Ht - O;
@@ -635,9 +635,9 @@ const Vn = ({
   );
   R(() => {
     const A = jn();
-    s(b(A ?? window.innerHeight / 2));
+    c(b(A ?? window.innerHeight / 2));
     const O = () => {
-      s((W) => W === null ? null : b(W));
+      c((W) => W === null ? null : b(W));
     };
     return window.addEventListener("resize", O), () => window.removeEventListener("resize", O);
   }, [b]);
@@ -661,7 +661,7 @@ const Vn = ({
       const O = S.current;
       if (!O) return;
       const W = A.clientY - O.startClientY;
-      !O.moved && Math.abs(W) > Un && (O.moved = !0, C(!0)), O.moved && s(b(O.startCenterY + W));
+      !O.moved && Math.abs(W) > Un && (O.moved = !0, C(!0)), O.moved && c(b(O.startCenterY + W));
     },
     [b]
   ), H = k(
@@ -672,7 +672,7 @@ const Vn = ({
           A.currentTarget.releasePointerCapture(A.pointerId);
         } catch {
         }
-        S.current = null, O.moved && (C(!1), v.current = !0, s((W) => (W !== null && Ot(W), W)));
+        S.current = null, O.moved && (C(!1), v.current = !0, c((W) => (W !== null && Ot(W), W)));
       }
     },
     []
@@ -687,7 +687,7 @@ const Vn = ({
       if (A.key === "ArrowUp" || A.key === "ArrowDown") {
         A.preventDefault();
         const O = A.key === "ArrowUp" ? -8 : 8;
-        s((W) => {
+        c((W) => {
           if (W === null) return W;
           const Y = b(W + O);
           return Ot(Y), Y;
@@ -734,7 +734,7 @@ const Vn = ({
             "img",
             {
               src: l,
-              alt: c ? `${c} avatar` : "Agent avatar",
+              alt: s ? `${s} avatar` : "Agent avatar",
               className: "ll-hidden__avatar",
               draggable: !1
             }
@@ -757,24 +757,24 @@ const Vn = ({
   className: i,
   barClassName: l
 }) => {
-  const c = E(null), d = E([]), f = rt(() => {
+  const s = E(null), d = E([]), f = ot(() => {
     const g = (Math.sqrt(5) - 1) / 2;
-    return Array.from({ length: t }, (a, s) => 0.5 + s * g % 1 * 0.5);
+    return Array.from({ length: t }, (a, c) => 0.5 + c * g % 1 * 0.5);
   }, [t]);
   R(() => e.subscribe((a) => {
-    for (let s = 0; s < t; s++) {
-      const I = d.current[s];
+    for (let c = 0; c < t; c++) {
+      const I = d.current[c];
       if (!I) continue;
-      const C = Math.max(o, a * r * f[s]);
+      const C = Math.max(o, a * r * f[c]);
       I.style.height = `${C}px`;
     }
   }), [e, t, r, o, f]);
   const y = ["ll-waveform", i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: c, className: y, "aria-hidden": "true", children: Array.from({ length: t }, (g, a) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ n("div", { ref: s, className: y, "aria-hidden": "true", children: Array.from({ length: t }, (g, a) => /* @__PURE__ */ n(
     "div",
     {
-      ref: (s) => {
-        d.current[a] = s;
+      ref: (c) => {
+        d.current[a] = c;
       },
       className: ["ll-waveform__bar", l].filter(Boolean).join(" "),
       style: { height: `${o}px` }
@@ -788,7 +788,7 @@ const Vn = ({
   avatarImageUrl: o,
   agentState: i,
   isMuted: l,
-  audioLevel: c,
+  audioLevel: s,
   onExpand: d,
   onToggleMute: f,
   onClose: y
@@ -820,7 +820,7 @@ const Vn = ({
           /* @__PURE__ */ n(
             Yn,
             {
-              audioLevel: c,
+              audioLevel: s,
               bars: 16,
               maxHeight: 18,
               className: "ll-minimized__waveform"
@@ -914,9 +914,9 @@ const Vn = ({
   className: o,
   style: i
 }) => {
-  const [l, c] = L(!1), d = E(e);
+  const [l, s] = L(!1), d = E(e);
   if (R(() => {
-    d.current !== e && (d.current = e, c(!1));
+    d.current !== e && (d.current = e, s(!1));
   }, [e]), !e) return null;
   const f = {
     position: "absolute",
@@ -941,7 +941,7 @@ const Vn = ({
         style: f,
         loading: "eager",
         fetchPriority: "high",
-        onLoad: () => c(!0)
+        onLoad: () => s(!0)
       }
     )
   );
@@ -952,13 +952,13 @@ const Vn = ({
   avatarImageUrl: o,
   idleLoopUrl: i,
   greeting: l,
-  branding: c,
+  branding: s,
   teamMembers: d,
   currentTeamMemberId: f,
   isSwitchingTeamMember: y,
   teamSwitcherOpen: g,
   onToggleTeamSwitcher: a,
-  onSelectTeamMember: s,
+  onSelectTeamMember: c,
   languageMenuOpen: I,
   onToggleLanguageMenu: C,
   connectionState: S,
@@ -975,13 +975,13 @@ const Vn = ({
   cameraDevices: O,
   activeCameraId: W,
   isScreenShareEnabled: Y,
-  screenPreviewEl: te,
+  screenPreviewEl: ne,
   isSpeakerMuted: me,
   allowCamera: je,
   allowScreenShare: Ve,
   allowTyping: Ye,
   avatarVideoContainerRef: Ge,
-  agentVideoEl: ee,
+  agentVideoEl: te,
   onConnect: ge,
   onDisconnect: we,
   onRetry: _e,
@@ -990,79 +990,79 @@ const Vn = ({
   onToggleCamera: Le,
   onSwitchCameraDevice: Se,
   onToggleScreenShare: V,
-  onToggleSpeaker: lt,
+  onToggleSpeaker: at,
   onSendMessage: Je,
   onMinimize: Ke,
   onClose: se,
-  onClearMicError: De
+  onClearMicError: Pe
 }) => {
-  var Ae;
-  const ce = b.length > 0 ? b[b.length - 1] : null, ye = ((d == null ? void 0 : d.length) ?? 0) > 1, Ce = S === "connecting" || S === "connected", Z = S === "connected", X = S === "idle" || S === "disconnected" || S === "error", [Ee, re] = L(!1);
+  var Qe;
+  const Q = b.length > 0 ? b[b.length - 1] : null, ye = ((d == null ? void 0 : d.length) ?? 0) > 1, Ce = S === "connecting" || S === "connected", K = S === "connected", Z = S === "idle" || S === "disconnected" || S === "error", [Ee, oe] = L(!1);
   R(() => {
-    if (!ee) {
-      re(!1);
+    if (!te) {
+      oe(!1);
       return;
     }
-    if (!ee.paused && ee.readyState >= 2) {
-      re(!0);
+    if (!te.paused && te.readyState >= 2) {
+      oe(!0);
       return;
     }
-    re(!1);
-    const p = () => re(!0);
-    return ee.addEventListener("playing", p), ee.addEventListener("loadeddata", p), () => {
-      ee.removeEventListener("playing", p), ee.removeEventListener("loadeddata", p);
+    oe(!1);
+    const p = () => oe(!0);
+    return te.addEventListener("playing", p), te.addEventListener("loadeddata", p), () => {
+      te.removeEventListener("playing", p), te.removeEventListener("loadeddata", p);
     };
-  }, [ee]);
-  const [ae, ve] = L(!1);
+  }, [te]);
+  const [ce, ve] = L(!1);
   R(() => {
-    if (!Z) {
+    if (!K) {
       ve(!1);
       return;
     }
     if (Ee) return;
     const p = setTimeout(() => ve(!0), 8e3);
     return () => clearTimeout(p);
-  }, [Z, Ee]);
-  const $e = S === "connecting" || Z && !!o && !Ee && !ae, ne = E(null), oe = E(null);
+  }, [K, Ee]);
+  const De = S === "connecting" || K && !!o && !Ee && !ce, re = E(null), ie = E(null);
   R(() => {
-    const p = ne.current;
+    const p = re.current;
     p && (p.innerHTML = "", A && (A.style.width = "100%", A.style.height = "100%", A.style.objectFit = "cover", A.style.transform = "scaleX(-1)", p.appendChild(A)));
   }, [A]), R(() => {
-    const p = oe.current;
-    p && (p.innerHTML = "", te && (te.style.width = "100%", te.style.height = "100%", te.style.objectFit = "contain", p.appendChild(te)));
-  }, [te]);
-  const [ie, de] = L(!1), [Ne, ue] = L(!1);
+    const p = ie.current;
+    p && (p.innerHTML = "", ne && (ne.style.width = "100%", ne.style.height = "100%", ne.style.objectFit = "contain", p.appendChild(ne)));
+  }, [ne]);
+  const [le, de] = L(!1), [Ne, ue] = L(!1);
   R(() => {
-    if (!ie && !Ne && !I && !g) return;
+    if (!le && !Ne && !I && !g) return;
     const p = () => {
       de(!1), ue(!1), I && C(), g && a();
     };
     return document.addEventListener("click", p), () => document.removeEventListener("click", p);
   }, [
-    ie,
+    le,
     Ne,
     I,
     g,
     C,
     a
   ]);
-  const [fe, ze] = L(""), He = k(
+  const [fe, $e] = L(""), ze = k(
     (p) => {
       p.preventDefault();
-      const K = fe.trim();
-      K && (Je(K), ze(""));
+      const X = fe.trim();
+      X && (Je(X), $e(""));
     },
     [fe, Je]
-  ), Oe = c.productName || "Live Layer", Xe = Z && (ce != null && ce.text) ? ce.text : l || "", at = [
+  ), He = s.productName || "Live Layer", Xe = K && (Q != null && Q.text) ? Q.text : l || "", ct = K && (Q == null ? void 0 : Q.role) === "agent", Oe = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
   return /* @__PURE__ */ _(
     "div",
     {
-      className: at,
+      className: Oe,
       "data-position": e,
-      "data-state": Z ? "connected" : Ce ? "connecting" : "idle",
+      "data-state": K ? "connected" : Ce ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
@@ -1074,8 +1074,8 @@ const Vn = ({
               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: ((Ae = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Ae.toUpperCase()) || "A" }) }),
-          i && !Z && /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Qe = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Qe.toUpperCase()) || "A" }) }),
+          i && !K && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
@@ -1088,11 +1088,11 @@ const Vn = ({
           )
         ] }),
         /* @__PURE__ */ n("div", { ref: Ge, className: "ll-expanded__video" }),
-        $e && /* @__PURE__ */ _("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        De && /* @__PURE__ */ _("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
           /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
           /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: y ? "Switching..." : "Connecting..." })
         ] }),
-        M && Z && /* @__PURE__ */ _(
+        M && K && /* @__PURE__ */ _(
           "button",
           {
             type: "button",
@@ -1119,7 +1119,7 @@ const Vn = ({
                   "aria-expanded": ye ? g : void 0,
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                    ye && /* @__PURE__ */ n(tt, {})
+                    ye && /* @__PURE__ */ n(nt, {})
                   ]
                 }
               ),
@@ -1134,7 +1134,7 @@ const Vn = ({
                     {
                       type: "button",
                       className: `ll-hmenu__item ${p.id === f ? "is-active" : ""}`,
-                      onClick: () => s(p.id),
+                      onClick: () => c(p.id),
                       role: "option",
                       "aria-selected": p.id === f,
                       children: [
@@ -1170,7 +1170,7 @@ const Vn = ({
                   title: "Language: English",
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: "EN" }),
-                    /* @__PURE__ */ n(tt, {})
+                    /* @__PURE__ */ n(nt, {})
                   ]
                 }
               ),
@@ -1228,7 +1228,7 @@ const Vn = ({
         ] }) : (
           // Idle-state header with Live Layer product name + minimize/close
           /* @__PURE__ */ _("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Oe }),
+            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: He }),
             /* @__PURE__ */ _("div", { className: "ll-expanded__header-actions", children: [
               /* @__PURE__ */ n(
                 "button",
@@ -1253,8 +1253,8 @@ const Vn = ({
             ] })
           ] })
         ),
-        X && /* @__PURE__ */ (() => {
-          const p = z ? "Restart paused session" : S === "disconnected" ? "Reconnect to agent" : "Start video call", K = z ? "Pick up where you left off" : null;
+        Z && /* @__PURE__ */ (() => {
+          const p = z ? "Restart paused session" : S === "disconnected" ? "Reconnect to agent" : "Start video call", X = z ? "Pick up where you left off" : null;
           return /* @__PURE__ */ _(ht, { children: [
             S === "idle" && !z && !H && /* @__PURE__ */ _(
               "button",
@@ -1271,7 +1271,7 @@ const Vn = ({
             ),
             /* @__PURE__ */ _("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
               l && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: l }) }),
-              K && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: K }),
+              X && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: X }),
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1293,14 +1293,14 @@ const Vn = ({
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: oe,
+                  ref: ie,
                   className: Y ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: ne,
+                  ref: re,
                   className: !Y && D ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
@@ -1308,7 +1308,14 @@ const Vn = ({
           }
         ),
         Ce ? /* @__PURE__ */ _("div", { className: "ll-expanded__bottom", children: [
-          Xe && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Xe }) }),
+          Xe && /* @__PURE__ */ n(
+            "div",
+            {
+              className: `ll-expanded__transcript${ct ? " ll-expanded__transcript--agent" : ""}`,
+              "data-role": K ? (Q == null ? void 0 : Q.role) ?? "agent" : "agent",
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Xe })
+            }
+          ),
           /* @__PURE__ */ _("div", { className: "ll-toolbar", onClick: (p) => p.stopPropagation(), children: [
             Ve && /* @__PURE__ */ n(
               "button",
@@ -1339,12 +1346,12 @@ const Vn = ({
                   type: "button",
                   className: `ll-tool ll-tool--right ${D ? "is-on" : ""}`,
                   onClick: (p) => {
-                    p.stopPropagation(), ue((K) => !K), de(!1);
+                    p.stopPropagation(), ue((X) => !X), de(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
                   "aria-expanded": Ne,
-                  children: /* @__PURE__ */ n(tt, {})
+                  children: /* @__PURE__ */ n(nt, {})
                 }
               ),
               Ne && O.length > 0 && /* @__PURE__ */ n(
@@ -1377,15 +1384,15 @@ const Vn = ({
                   type: "button",
                   className: `ll-tool ll-tool--right ${h ? "is-muted" : ""}`,
                   onClick: (p) => {
-                    p.stopPropagation(), de((K) => !K), ue(!1);
+                    p.stopPropagation(), de((X) => !X), ue(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": ie,
-                  children: /* @__PURE__ */ n(tt, {})
+                  "aria-expanded": le,
+                  children: /* @__PURE__ */ n(nt, {})
                 }
               ),
-              ie && q.length > 0 && /* @__PURE__ */ n(
+              le && q.length > 0 && /* @__PURE__ */ n(
                 Wt,
                 {
                   label: "Microphone",
@@ -1400,7 +1407,7 @@ const Vn = ({
               {
                 type: "button",
                 className: `ll-tool ${me ? "is-muted" : ""}`,
-                onClick: lt,
+                onClick: at,
                 "aria-label": me ? "Unmute speaker" : "Mute speaker",
                 title: me ? "Unmute speaker" : "Mute speaker",
                 children: /* @__PURE__ */ n(er, { muted: me })
@@ -1418,7 +1425,7 @@ const Vn = ({
               }
             )
           ] }),
-          Ye && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: He, children: [
+          Ye && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: ze, children: [
             /* @__PURE__ */ n(
               "input",
               {
@@ -1426,7 +1433,7 @@ const Vn = ({
                 className: "ll-message-input__field",
                 placeholder: "Message...",
                 value: fe,
-                onChange: (p) => ze(p.target.value),
+                onChange: (p) => $e(p.target.value),
                 "aria-label": "Message the agent"
               }
             ),
@@ -1450,14 +1457,14 @@ const Vn = ({
                 {
                   type: "button",
                   className: "ll-expanded__banner-x",
-                  onClick: De,
+                  onClick: Pe,
                   "aria-label": "Dismiss",
                   children: "×"
                 }
               )
             ] });
           if (!H || S !== "error") return null;
-          let p = "Failed to connect", K = "Try again";
+          let p = "Failed to connect", X = "Try again";
           return H === "MIC_PERMISSION_DENIED" ? p = "Microphone blocked. Allow access to talk." : H === "MIC_NOT_FOUND" ? p = "No microphone found. Plug one in + retry." : H === "MIC_UNAVAILABLE" ? p = "Mic unavailable. Check other apps using it." : H === "AGENT_TIMEOUT" ? p = "Agent didn't pick up. Try again." : H === "CONNECT_FAILED" ? p = "Connection failed. Check your network." : H.length < 80 && (p = H), /* @__PURE__ */ _("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
             /* @__PURE__ */ n("span", { children: p }),
             /* @__PURE__ */ n(
@@ -1466,7 +1473,7 @@ const Vn = ({
                 type: "button",
                 className: "ll-expanded__banner-retry",
                 onClick: _e,
-                children: K
+                children: X
               }
             )
           ] });
@@ -1475,7 +1482,7 @@ const Vn = ({
     }
   );
 };
-function tt() {
+function nt() {
   return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" }) });
 }
 function Bt() {
@@ -1541,17 +1548,17 @@ const Wt = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */
     children: [
       /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
       t.map((i, l) => {
-        const c = r === i.deviceId;
+        const s = r === i.deviceId;
         return /* @__PURE__ */ _(
           "button",
           {
             type: "button",
-            className: `ll-device-menu__item ${c ? "is-active" : ""}`,
+            className: `ll-device-menu__item ${s ? "is-active" : ""}`,
             onClick: () => o(i.deviceId),
             role: "option",
-            "aria-selected": c,
+            "aria-selected": s,
             children: [
-              c && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
+              s && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
               /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: i.label || `${e} ${l + 1}` })
             ]
           },
@@ -1573,7 +1580,7 @@ function gt(e) {
   }
   return !1;
 }
-function it(e) {
+function lt(e) {
   if (gt(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
@@ -1582,7 +1589,7 @@ function it(e) {
   }
   return !0;
 }
-const nt = 4096, or = 20, ir = 20, lr = 10, ar = 10, sr = 30, Ft = 500, cr = [
+const rt = 4096, or = 20, ir = 20, lr = 10, ar = 10, cr = 30, Ft = 500, sr = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1594,7 +1601,7 @@ function Fe(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
-    for (const r of cr)
+    for (const r of sr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
@@ -1623,7 +1630,7 @@ function Ut(e) {
 function be(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-function Me(e) {
+function Ie(e) {
   return e.length;
 }
 function dr(e, t = {}) {
@@ -1640,10 +1647,10 @@ function dr(e, t = {}) {
       forms: [],
       extras: e
     };
-  const o = typeof window < "u" && window.location.href || "", i = typeof window < "u" && window.location.pathname || "/", l = r.title || "", c = Array.from(
+  const o = typeof window < "u" && window.location.href || "", i = typeof window < "u" && window.location.pathname || "/", l = r.title || "", s = Array.from(
     r.querySelectorAll("[data-ll-region]")
   ), d = [];
-  for (const h of c) {
+  for (const h of s) {
     if (d.length >= lr) break;
     if (Fe(h) || !Ue(h)) continue;
     const N = h.getAttribute("data-ll-region") ?? "", q = h.getAttribute("data-ll-intent") ?? void 0, D = be(
@@ -1666,7 +1673,7 @@ function dr(e, t = {}) {
     const N = (h.textContent || "").trim();
     N.length > 10 && f.push(be(N, Ft));
   }
-  const s = f.join(`
+  const c = f.join(`
 `), I = [], C = Array.from(r.querySelectorAll("a[href]"));
   for (const h of C) {
     if (I.length >= or) break;
@@ -1681,7 +1688,7 @@ function dr(e, t = {}) {
   );
   for (const h of v) {
     if (S.length >= ir) break;
-    if (Fe(h) || !it(h) || !Ue(h)) continue;
+    if (Fe(h) || !lt(h) || !Ue(h)) continue;
     const N = Ut(h), q = h instanceof HTMLInputElement ? h.type : h.tagName.toLowerCase();
     N && S.push({ label: be(N, 100), type: q });
   }
@@ -1699,12 +1706,12 @@ function dr(e, t = {}) {
       )
     ), A = [];
     for (const O of D) {
-      if (A.length >= sr) break;
-      if (!it(O)) continue;
+      if (A.length >= cr) break;
+      if (!lt(O)) continue;
       const W = O.getAttribute("data-ll-field") || "";
       if (!W) continue;
-      const Y = Ut(O) || W, te = O instanceof HTMLInputElement ? O.type : O.tagName.toLowerCase();
-      A.push({ name: W, label: be(Y, 100), type: te });
+      const Y = Ut(O) || W, ne = O instanceof HTMLInputElement ? O.type : O.tagName.toLowerCase();
+      A.push({ name: W, label: be(Y, 100), type: ne });
     }
     z.push({ id: N, intent: q, fields: A });
   }
@@ -1713,29 +1720,29 @@ function dr(e, t = {}) {
     title: l,
     pathname: i,
     regions: d,
-    visibleText: s,
+    visibleText: c,
     visibleLinks: I,
     visibleFields: S,
     forms: z,
     extras: e
   };
-  let H = Me(JSON.stringify(M.regions)) + Me(M.visibleText) + Me(JSON.stringify(M.visibleLinks)) + Me(JSON.stringify(M.visibleFields));
-  for (; H > nt && M.visibleFields.length > 0; )
-    M.visibleFields.pop(), H = Me(JSON.stringify(M.visibleFields));
-  for (; H > nt && M.visibleLinks.length > 0; )
+  let H = Ie(JSON.stringify(M.regions)) + Ie(M.visibleText) + Ie(JSON.stringify(M.visibleLinks)) + Ie(JSON.stringify(M.visibleFields));
+  for (; H > rt && M.visibleFields.length > 0; )
+    M.visibleFields.pop(), H = Ie(JSON.stringify(M.visibleFields));
+  for (; H > rt && M.visibleLinks.length > 0; )
     M.visibleLinks.pop(), H -= 80;
-  return Me(M.visibleText) > nt && (M.visibleText = be(M.visibleText, nt - 100)), M;
+  return Ie(M.visibleText) > rt && (M.visibleText = be(M.visibleText, rt - 100)), M;
 }
-let Te = null;
+let Me = null;
 function jt(e, t = {}) {
   const r = Date.now(), i = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if (Te && Te.key === i && r - Te.at < 1e3)
-    return Te.ctx;
+  if (Me && Me.key === i && r - Me.at < 1e3)
+    return Me.ctx;
   const l = dr(e, t);
-  return Te = { key: i, at: r, ctx: l }, l;
+  return Me = { key: i, at: r, ctx: l }, l;
 }
 function ur() {
-  Te = null;
+  Me = null;
 }
 const fr = 200;
 function pr(e) {
@@ -1755,10 +1762,10 @@ function mr(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
   const r = typeof window < "u" && window.location.origin || "", o = /* @__PURE__ */ new Set(), i = [], l = Array.from(t.querySelectorAll("a[href]"));
-  for (const c of l) {
+  for (const s of l) {
     if (i.length >= fr) break;
-    if (gt(c)) continue;
-    const d = c.getAttribute("href") || "";
+    if (gt(s)) continue;
+    const d = s.getAttribute("href") || "";
     if (!hr(d)) continue;
     let f = d, y = !0;
     try {
@@ -1771,22 +1778,22 @@ function mr(e) {
     }
     if (o.has(f)) continue;
     o.add(f);
-    const g = (c.textContent || "").trim().slice(0, 120);
+    const g = (s.textContent || "").trim().slice(0, 120);
     i.push({ href: f, text: g, internal: y });
   }
   return i;
 }
-let Pe = null;
+let Te = null;
 const gr = 5e3;
 function ft() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (Pe && Pe.pathname === t && e - Pe.at < gr)
-    return Pe.routes;
+  if (Te && Te.pathname === t && e - Te.at < gr)
+    return Te.routes;
   const r = mr();
-  return Pe = { at: e, pathname: t, routes: r }, r;
+  return Te = { at: e, pathname: t, routes: r }, r;
 }
 function yr() {
-  Pe = null;
+  Te = null;
 }
 function vr(e, t) {
   const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, o = Object.getOwnPropertyDescriptor(r, "value"), i = o == null ? void 0 : o.set;
@@ -1798,8 +1805,8 @@ function br(e, t, r = {}) {
     const l = Object.getOwnPropertyDescriptor(
       HTMLInputElement.prototype,
       "checked"
-    ), c = l == null ? void 0 : l.set, d = t === "true" || t === "1" || t === "on";
-    c ? c.call(e, d) : e.checked = d, o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+    ), s = l == null ? void 0 : l.set, d = t === "true" || t === "1" || t === "on";
+    s ? s.call(e, d) : e.checked = d, o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
   vr(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
@@ -1880,13 +1887,13 @@ function Cr(e) {
     baseUrl: o = "https://app.livelayer.studio",
     sessionEndpoint: i,
     sessionBody: l,
-    autoConnect: c = !1,
+    autoConnect: s = !1,
     displayMode: d,
     defaultDisplayMode: f = "expanded",
     onDisplayModeChange: y,
     position: g = "bottom-right",
     mobileBreakpoint: a = 640,
-    persistKey: s = "ll-widget",
+    persistKey: c = "ll-widget",
     disablePersistence: I = !1,
     teamMembers: C,
     currentTeamMemberId: S,
@@ -1903,13 +1910,13 @@ function Cr(e) {
     hideOn: O,
     pathname: W,
     onNavigate: Y,
-    onScrollToSelector: te,
+    onScrollToSelector: ne,
     getPageContext: me,
     pageContextExtras: je,
     getRoutes: Ve,
     onScrollPage: Ye,
     onClick: Ge,
-    capabilities: ee,
+    capabilities: te,
     onConnect: ge,
     onDisconnect: we,
     onTranscript: _e,
@@ -1918,27 +1925,27 @@ function Cr(e) {
     onAgentEvent: Le,
     onAgentCommand: Se,
     controlledSession: V,
-    className: lt,
+    className: at,
     style: Je,
     zIndex: Ke = 2147483647
-  } = e, se = Tn(W), De = Bn(se, A, O);
+  } = e, se = Tn(W), Pe = Bn(se, A, O);
   R(() => {
     ur(), yr();
   }, [se]);
-  const ce = S !== void 0, [ye, Ce] = L(() => {
+  const Q = S !== void 0, [ye, Ce] = L(() => {
     var m;
     return S ?? ((m = C == null ? void 0 : C[0]) == null ? void 0 : m.id);
-  }), Z = ce ? S : ye, X = rt(
-    () => (C == null ? void 0 : C.find((m) => m.id === Z)) ?? null,
-    [C, Z]
-  ), Ee = (X == null ? void 0 : X.agentId) ?? t, [re, ae] = An({
+  }), K = Q ? S : ye, Z = ot(
+    () => (C == null ? void 0 : C.find((m) => m.id === K)) ?? null,
+    [C, K]
+  ), Ee = (Z == null ? void 0 : Z.agentId) ?? t, [oe, ce] = An({
     value: d,
     defaultValue: f,
     onChange: y,
-    persistKey: s,
+    persistKey: c,
     disablePersistence: I
-  }), ve = In(a), $e = yn(), ne = vn(), oe = wn(), ie = _n(), de = xn(), [Ne, ue] = L(!1), [fe, ze] = L(!1), [He, Oe] = L(!1), [Xe, at] = L(!1), [Ae, p] = L(!1), K = E(Y), Qe = E(te), st = E(Ye), ct = E(Ge), yt = E(me), vt = E(je), bt = E(Ve), dt = E(ee), le = E(null);
-  K.current = Y, Qe.current = te, st.current = Ye, ct.current = Ge, yt.current = me, vt.current = je, bt.current = Ve, dt.current = ee;
+  }), ve = In(a), De = yn(), re = vn(), ie = wn(), le = _n(), de = xn(), [Ne, ue] = L(!1), [fe, $e] = L(!1), [ze, He] = L(!1), [Xe, ct] = L(!1), [Oe, Qe] = L(!1), p = E(Y), X = E(ne), Ze = E(Ye), st = E(Ge), yt = E(me), vt = E(je), bt = E(Ve), dt = E(te), ae = E(null);
+  p.current = Y, X.current = ne, Ze.current = Ye, st.current = Ge, yt.current = me, vt.current = je, bt.current = Ve, dt.current = te;
   function pe(m) {
     const u = dt.current;
     return u ? u.includes(m) : !0;
@@ -1950,7 +1957,7 @@ function Cr(e) {
   }
   const Be = k(
     (m) => {
-      var G, Re, et, Rt;
+      var G, Ae, tt, Rt;
       const u = m;
       if (!(!u.type || typeof u.type != "string")) {
         if (Le == null || Le({ eventName: u.type, data: m }), u.type === "navigate") {
@@ -1965,9 +1972,9 @@ function Cr(e) {
             );
             return;
           }
-          if (K.current) {
+          if (p.current) {
             try {
-              K.current(x);
+              p.current(x);
             } catch (T) {
               console.warn(
                 `[LiveLayer] onNavigate threw for "${x}". Falling back. Error:`,
@@ -2004,9 +2011,9 @@ function Cr(e) {
           const x = typeof u.selector == "string" ? u.selector : null;
           if (!x) return;
           const T = u.behavior === "instant" ? "instant" : "smooth";
-          if (Qe.current) {
+          if (X.current) {
             try {
-              Qe.current(
+              X.current(
                 x,
                 T
               );
@@ -2043,14 +2050,14 @@ function Cr(e) {
             he("request_page_context", "read_page");
             return;
           }
-          const x = typeof u.requestId == "string" ? u.requestId : void 0, T = (G = le.current) == null ? void 0 : G.call(le), B = (j) => {
+          const x = typeof u.requestId == "string" ? u.requestId : void 0, T = (G = ae.current) == null ? void 0 : G.call(ae), B = (j) => {
             const P = T, J = P == null ? void 0 : P.localParticipant;
             if (J != null && J.publishData)
               try {
-                const Q = x ? { ...j, requestId: x } : j, Ie = new TextEncoder().encode(JSON.stringify(Q));
-                J.publishData(Ie, { reliable: !0 });
-              } catch (Q) {
-                console.warn("[LiveLayer] publishData failed.", Q);
+                const ee = x ? { ...j, requestId: x } : j, Re = new TextEncoder().encode(JSON.stringify(ee));
+                J.publishData(Re, { reliable: !0 });
+              } catch (ee) {
+                console.warn("[LiveLayer] publishData failed.", ee);
               }
           }, $ = vt.current, F = yt.current;
           try {
@@ -2099,9 +2106,9 @@ function Cr(e) {
             return;
           }
           const T = u.behavior === "instant" ? "instant" : "smooth";
-          if (st.current) {
+          if (Ze.current) {
             try {
-              st.current(
+              Ze.current(
                 x,
                 T
               );
@@ -2129,9 +2136,9 @@ function Cr(e) {
             console.warn("[LiveLayer] click: missing selector.");
             return;
           }
-          if (ct.current) {
+          if (st.current) {
             try {
-              ct.current(x);
+              st.current(x);
             } catch (B) {
               console.warn("[LiveLayer] onClick threw.", B);
             }
@@ -2159,7 +2166,7 @@ function Cr(e) {
             );
             return;
           }
-          (Re = T.click) == null || Re.call(T);
+          (Ae = T.click) == null || Ae.call(T);
           return;
         }
         if (u.type === "fill_form" || u.type === "focus_field") {
@@ -2201,7 +2208,7 @@ function Cr(e) {
               );
               return;
             }
-            if (!it(F)) {
+            if (!lt(F)) {
               console.warn(
                 `[LiveLayer] focus_field: field "${$}" is privacy-protected and not focusable.`
               );
@@ -2224,7 +2231,7 @@ function Cr(e) {
               );
               continue;
             }
-            if (!it(j)) {
+            if (!lt(j)) {
               console.warn(
                 `[LiveLayer] fill_form: field "${$}" is privacy-protected (password / cc-* / private). Skipping.`
               );
@@ -2267,12 +2274,12 @@ function Cr(e) {
             );
             return;
           }
-          const B = typeof u.requestId == "string" ? u.requestId : void 0, $ = (et = le.current) == null ? void 0 : et.call(le), F = (J) => {
-            const Q = $, Ie = Q == null ? void 0 : Q.localParticipant;
-            if (Ie != null && Ie.publishData)
+          const B = typeof u.requestId == "string" ? u.requestId : void 0, $ = (tt = ae.current) == null ? void 0 : tt.call(ae), F = (J) => {
+            const ee = $, Re = ee == null ? void 0 : ee.localParticipant;
+            if (Re != null && Re.publishData)
               try {
-                const sn = B ? { ...J, requestId: B } : J, cn = new TextEncoder().encode(JSON.stringify(sn));
-                Ie.publishData(cn, { reliable: !0 });
+                const cn = B ? { ...J, requestId: B } : J, sn = new TextEncoder().encode(JSON.stringify(cn));
+                Re.publishData(sn, { reliable: !0 });
               } catch {
               }
           };
@@ -2305,29 +2312,29 @@ function Cr(e) {
             he("request_routes", "read_page");
             return;
           }
-          const x = typeof u.requestId == "string" ? u.requestId : void 0, B = (Rt = le.current) == null ? void 0 : Rt.call(le), $ = B == null ? void 0 : B.localParticipant;
+          const x = typeof u.requestId == "string" ? u.requestId : void 0, B = (Rt = ae.current) == null ? void 0 : Rt.call(ae), $ = B == null ? void 0 : B.localParticipant;
           if (!($ != null && $.publishData)) return;
           const F = (P) => {
             try {
-              const J = x ? { type: "routes", routes: P, requestId: x } : { type: "routes", routes: P }, Q = new TextEncoder().encode(JSON.stringify(J));
-              $.publishData(Q, { reliable: !0 });
+              const J = x ? { type: "routes", routes: P, requestId: x } : { type: "routes", routes: P }, ee = new TextEncoder().encode(JSON.stringify(J));
+              $.publishData(ee, { reliable: !0 });
             } catch (J) {
               console.warn("[LiveLayer] request_routes: publishData failed.", J);
             }
           }, j = bt.current;
           if (j) {
             try {
-              const P = j(), J = (Q) => {
-                if (!Array.isArray(Q)) {
+              const P = j(), J = (ee) => {
+                if (!Array.isArray(ee)) {
                   F([]);
                   return;
                 }
-                F(Q.map(pr).slice(0, 200));
+                F(ee.map(pr).slice(0, 200));
               };
-              P instanceof Promise ? P.then(J).catch((Q) => {
+              P instanceof Promise ? P.then(J).catch((ee) => {
                 console.warn(
                   "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
-                  Q
+                  ee
                 ), F(ft());
               }) : J(P);
             } catch (P) {
@@ -2360,7 +2367,7 @@ function Cr(e) {
   R(() => {
     if (V != null && V.subscribeToDataMessages)
       return V.subscribeToDataMessages(Be);
-  }, [V, Be]), le.current = () => {
+  }, [V, Be]), ae.current = () => {
     var m;
     return (m = U.getRoom) == null ? void 0 : m.call(U);
   }, R(() => {
@@ -2369,10 +2376,10 @@ function Cr(e) {
     const m = (G = U.getRoom) == null ? void 0 : G.call(U), u = m == null ? void 0 : m.localParticipant;
     if (u != null && u.publishData)
       try {
-        const Re = new TextEncoder().encode(
+        const Ae = new TextEncoder().encode(
           JSON.stringify({ type: "pathname", pathname: se })
         );
-        u.publishData(Re, { reliable: !0 });
+        u.publishData(Ae, { reliable: !0 });
       } catch {
       }
   }, [se, U, U.connectionState]), R(() => {
@@ -2380,17 +2387,17 @@ function Cr(e) {
     if (typeof window > "u") return;
     const m = ((G = window.location) == null ? void 0 : G.hostname) || "";
     if (m === "localhost" || m === "127.0.0.1" || m === "0.0.0.0" || m.endsWith(".local") || m.endsWith(".test"))
-      return window.__livelayerSimulateCommand = (Re) => {
+      return window.__livelayerSimulateCommand = (Ae) => {
         try {
-          Be(Re);
-        } catch (et) {
-          console.warn("[LiveLayer] simulate-command threw:", et);
+          Be(Ae);
+        } catch (tt) {
+          console.warn("[LiveLayer] simulate-command threw:", tt);
         }
       }, () => {
         delete window.__livelayerSimulateCommand;
       };
   }, [Be]);
-  const w = rt(() => V ? {
+  const w = ot(() => V ? {
     connectionState: V.connectionState,
     agentState: V.agentState,
     transcript: V.transcript,
@@ -2431,25 +2438,25 @@ function Cr(e) {
   }, [w.videoElement]), R(() => {
     const m = w.audioElement;
     if (!m) return;
-    $e.attach(m);
+    De.attach(m);
     const u = m.play();
     return u && typeof u.catch == "function" && u.catch((G) => {
       (G == null ? void 0 : G.name) === "NotAllowedError" && ue(!0);
     }), () => {
-      $e.detach();
+      De.detach();
     };
   }, [w.audioElement]), R(() => {
     if (w.isControlled || w.connectionState !== "connected") return;
     const m = w.getRoom();
     if (m)
-      return ne.setupMic(m).catch(() => {
-      }), oe.attachRoom(m), ie.attachRoom(m), de.refresh(), () => {
-        ne.teardownMic(), oe.teardown(), ie.teardown();
+      return re.setupMic(m).catch(() => {
+      }), ie.attachRoom(m), le.attachRoom(m), de.refresh(), () => {
+        re.teardownMic(), ie.teardown(), le.teardown();
       };
   }, [w.isControlled, w.connectionState]), R(() => {
     const m = w.audioElement;
-    m && (m.muted = Ae);
-  }, [w.audioElement, Ae]);
+    m && (m.muted = Oe);
+  }, [w.audioElement, Oe]);
   const Kt = k((m) => {
     const u = w.getRoom();
     if (u)
@@ -2461,7 +2468,7 @@ function Cr(e) {
       } catch {
       }
   }, [w]), Xt = k(() => {
-    p((m) => !m);
+    Qe((m) => !m);
   }, []);
   R(() => {
     ke == null || ke(w.connectionState), w.connectionState === "connected" ? ge == null || ge() : w.connectionState === "disconnected" && (we == null || we());
@@ -2472,38 +2479,38 @@ function Cr(e) {
   }, [w.agentState, xe]);
   const _t = E(!1);
   R(() => {
-    w.isControlled || !c || _t.current || De && w.connectionState === "idle" && (_t.current = !0, w.connect());
-  }, [c, w.connectionState, w, De]);
+    w.isControlled || !s || _t.current || Pe && w.connectionState === "idle" && (_t.current = !0, w.connect());
+  }, [s, w.connectionState, w, Pe]);
   const Qt = k(
     (m) => {
       const u = C == null ? void 0 : C.find((G) => G.id === m);
-      u && (Oe(!1), m !== Z && (ze(!0), w.disconnect(), ce || Ce(m), v == null || v(u)));
+      u && (He(!1), m !== K && ($e(!0), w.disconnect(), Q || Ce(m), v == null || v(u)));
     },
     [
       C,
-      Z,
+      K,
       w,
-      ce,
+      Q,
       v
     ]
   );
   R(() => {
-    fe && w.connectionState === "connected" && ze(!1);
+    fe && w.connectionState === "connected" && $e(!1);
   }, [w.connectionState, fe]), R(() => {
-    if (!He) return;
+    if (!ze) return;
     const m = (u) => {
-      u.key === "Escape" && Oe(!1);
+      u.key === "Escape" && He(!1);
     };
     return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
-  }, [He]);
-  const Zt = !!M || !!(X != null && X.avatarImageUrl) || w.isControlled, qe = kn(Ee, o, Zt);
-  ee === void 0 && ((kt = qe.info) != null && kt.capabilities) && (dt.current = qe.info.capabilities);
-  const Ze = (X == null ? void 0 : X.name) ?? H ?? ((Lt = w.agentConfig) == null ? void 0 : Lt.name) ?? ((St = qe.info) == null ? void 0 : St.name) ?? "Live Layer", ut = (X == null ? void 0 : X.avatarImageUrl) ?? M ?? ((Ct = w.agentConfig) == null ? void 0 : Ct.avatarImageUrl) ?? ((Et = qe.info) == null ? void 0 : Et.avatarImageUrl) ?? null, en = b ?? ((Nt = w.agentConfig) == null ? void 0 : Nt.idleLoopUrl) ?? ((At = qe.info) == null ? void 0 : At.idleLoopUrl) ?? null, tn = z ?? null, nn = k(() => ae("expanded"), [ae]), rn = k(
-    () => ae("minimized"),
-    [ae]
+  }, [ze]);
+  const Zt = !!M || !!(Z != null && Z.avatarImageUrl) || w.isControlled, qe = kn(Ee, o, Zt);
+  te === void 0 && ((kt = qe.info) != null && kt.capabilities) && (dt.current = qe.info.capabilities);
+  const et = (Z == null ? void 0 : Z.name) ?? H ?? ((Lt = w.agentConfig) == null ? void 0 : Lt.name) ?? ((St = qe.info) == null ? void 0 : St.name) ?? "Live Layer", ut = (Z == null ? void 0 : Z.avatarImageUrl) ?? M ?? ((Ct = w.agentConfig) == null ? void 0 : Ct.avatarImageUrl) ?? ((Et = qe.info) == null ? void 0 : Et.avatarImageUrl) ?? null, en = b ?? ((Nt = w.agentConfig) == null ? void 0 : Nt.idleLoopUrl) ?? ((At = qe.info) == null ? void 0 : At.idleLoopUrl) ?? null, tn = z ?? null, nn = k(() => ce("expanded"), [ce]), rn = k(
+    () => ce("minimized"),
+    [ce]
   ), xt = k(() => {
-    w.disconnect(), ae("hidden");
-  }, [w, ae]), on = k(() => {
+    w.disconnect(), ce("hidden");
+  }, [w, ce]), on = k(() => {
     const m = w.audioElement;
     m && m.play().then(() => ue(!1)).catch(() => {
     });
@@ -2516,81 +2523,81 @@ function Cr(e) {
   h.primaryColor && (We["--ll-color-primary"] = h.primaryColor), h.accentColor && (We["--ll-color-accent"] = h.accentColor), h.backgroundColor && (We["--ll-color-bg"] = h.backgroundColor), h.textColor && (We["--ll-color-fg"] = h.textColor);
   const an = [
     "ll-widget",
-    `ll-widget--${re}`,
+    `ll-widget--${oe}`,
     `ll-widget--${ve ? "mobile" : "desktop"}`,
-    lt
+    at
   ].filter(Boolean).join(" ");
-  return De ? /* @__PURE__ */ _(
+  return Pe ? /* @__PURE__ */ _(
     "div",
     {
       className: an,
       style: We,
-      "data-display-mode": re,
+      "data-display-mode": oe,
       "data-position": g,
       children: [
-        re === "hidden" && /* @__PURE__ */ n(
+        oe === "hidden" && /* @__PURE__ */ n(
           Vn,
           {
             position: g,
             isMobile: ve,
             isSpeaking: w.agentState === "speaking",
-            onExpand: () => ae("expanded"),
-            label: `Open ${Ze} widget`,
+            onExpand: () => ce("expanded"),
+            label: `Open ${et} widget`,
             avatarImageUrl: ut,
-            agentName: Ze
+            agentName: et
           }
         ),
-        re === "minimized" && /* @__PURE__ */ n(
+        oe === "minimized" && /* @__PURE__ */ n(
           Gn,
           {
             position: g,
             isMobile: ve,
-            agentName: Ze,
+            agentName: et,
             avatarImageUrl: ut,
             agentState: w.agentState,
-            isMuted: ne.isMuted,
-            audioLevel: $e,
+            isMuted: re.isMuted,
+            audioLevel: De,
             onExpand: nn,
-            onToggleMute: ne.toggleMute,
+            onToggleMute: re.toggleMute,
             onClose: xt
           }
         ),
-        re === "expanded" && /* @__PURE__ */ n(
+        oe === "expanded" && /* @__PURE__ */ n(
           Kn,
           {
             position: g,
             isMobile: ve,
-            agentName: Ze,
+            agentName: et,
             avatarImageUrl: ut,
             idleLoopUrl: en,
             greeting: tn,
             branding: h,
             teamMembers: C,
-            currentTeamMemberId: Z,
+            currentTeamMemberId: K,
             isSwitchingTeamMember: fe,
-            teamSwitcherOpen: He,
-            onToggleTeamSwitcher: () => Oe((m) => !m),
+            teamSwitcherOpen: ze,
+            onToggleTeamSwitcher: () => He((m) => !m),
             onSelectTeamMember: Qt,
             connectionState: w.connectionState,
             agentState: w.agentState,
             transcript: w.transcript,
-            isMuted: ne.isMuted,
+            isMuted: re.isMuted,
             micDevices: de.mics,
-            isCameraEnabled: oe.isEnabled,
-            cameraPreviewEl: oe.previewEl,
+            isCameraEnabled: ie.isEnabled,
+            cameraPreviewEl: ie.previewEl,
             cameraDevices: de.cameras,
-            activeCameraId: oe.activeDeviceId,
-            isScreenShareEnabled: ie.isEnabled,
-            screenPreviewEl: ie.previewEl,
-            isSpeakerMuted: Ae,
+            activeCameraId: ie.activeDeviceId,
+            isScreenShareEnabled: le.isEnabled,
+            screenPreviewEl: le.previewEl,
+            isSpeakerMuted: Oe,
             allowCamera: N,
             allowScreenShare: q,
             allowTyping: D,
             languageMenuOpen: Xe,
-            onToggleLanguageMenu: () => at((m) => !m),
+            onToggleLanguageMenu: () => ct((m) => !m),
             needsUserGesture: Ne,
             canResume: w.canResume,
-            micError: ne.micError,
+            micError: re.micError,
             error: w.error,
             avatarVideoContainerRef: wt,
             agentVideoEl: w.videoElement,
@@ -2598,15 +2605,15 @@ function Cr(e) {
             onDisconnect: () => w.disconnect(),
             onRetry: ln,
             onResumeAudio: on,
-            onToggleMute: ne.toggleMute,
-            onToggleCamera: () => void oe.toggle(),
-            onSwitchCameraDevice: (m) => void oe.switchDevice(m),
-            onToggleScreenShare: () => void ie.toggle(),
+            onToggleMute: re.toggleMute,
+            onToggleCamera: () => void ie.toggle(),
+            onSwitchCameraDevice: (m) => void ie.switchDevice(m),
+            onToggleScreenShare: () => void le.toggle(),
             onToggleSpeaker: Xt,
             onSendMessage: Kt,
             onMinimize: rn,
             onClose: xt,
-            onClearMicError: ne.clearError
+            onClearMicError: re.clearError
           }
         )
       ]
@@ -2623,27 +2630,27 @@ const Dr = ({
   mode: o,
   onAgentEvent: i,
   className: l,
-  style: c
+  style: s
 }) => {
   const d = E(null), f = E(null), y = E(i);
   y.current = i;
   const g = k((a) => {
     var I;
-    const s = a.detail;
-    (I = y.current) == null || I.call(y, s);
+    const c = a.detail;
+    (I = y.current) == null || I.call(y, c);
   }, []);
   return R(() => {
     const a = d.current;
     if (!a) return;
-    const s = document.createElement("livelayer-widget");
-    return s.setAttribute("agent-id", e), t && s.setAttribute("base-url", t), r && s.setAttribute("api-key", r), o && s.setAttribute("mode", o), s.addEventListener("agent-event", g), a.appendChild(s), f.current = s, () => {
-      s.removeEventListener("agent-event", g), a.removeChild(s), f.current = null;
+    const c = document.createElement("livelayer-widget");
+    return c.setAttribute("agent-id", e), t && c.setAttribute("base-url", t), r && c.setAttribute("api-key", r), o && c.setAttribute("mode", o), c.addEventListener("agent-event", g), a.appendChild(c), f.current = c, () => {
+      c.removeEventListener("agent-event", g), a.removeChild(c), f.current = null;
     };
   }, [e]), R(() => {
     f.current && (o ? f.current.setAttribute("mode", o) : f.current.removeAttribute("mode"));
-  }, [o]), /* @__PURE__ */ n("div", { ref: d, className: l, style: c });
+  }, [o]), /* @__PURE__ */ n("div", { ref: d, className: l, style: s });
 }, $r = mt(
-  function({ id: t, intent: r, as: o = "div", className: i, style: l, children: c }, d) {
+  function({ id: t, intent: r, as: o = "div", className: i, style: l, children: s }, d) {
     return un(
       o,
       {
@@ -2653,7 +2660,7 @@ const Dr = ({
         className: i,
         style: l
       },
-      c
+      s
     );
   }
 ), zr = mt(
@@ -2671,37 +2678,37 @@ const Dr = ({
   }
 ), Hr = mt(
   function(t, r) {
-    const { name: o, label: i, labelClassName: l } = t, c = { name: o, "data-ll-field": o };
+    const { name: o, label: i, labelClassName: l } = t, s = { name: o, "data-ll-field": o };
     let d;
     if ("as" in t && t.as === "textarea") {
-      const { name: f, label: y, labelClassName: g, as: a, ...s } = t;
+      const { name: f, label: y, labelClassName: g, as: a, ...c } = t;
       d = /* @__PURE__ */ n(
         "textarea",
         {
           ref: r,
-          ...c,
-          ...s
+          ...s,
+          ...c
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: f, label: y, labelClassName: g, as: a, children: s, ...I } = t;
+      const { name: f, label: y, labelClassName: g, as: a, children: c, ...I } = t;
       d = /* @__PURE__ */ n(
         "select",
         {
           ref: r,
-          ...c,
+          ...s,
           ...I,
-          children: s
+          children: c
         }
       );
     } else {
-      const { name: f, label: y, labelClassName: g, as: a, ...s } = t;
+      const { name: f, label: y, labelClassName: g, as: a, ...c } = t;
       d = /* @__PURE__ */ n(
         "input",
         {
           ref: r,
-          ...c,
-          ...s
+          ...s,
+          ...c
         }
       );
     }
@@ -2717,7 +2724,7 @@ function Or({
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [o, i] = L(t), [l, c] = L([]), [d, f] = L(""), [y, g] = L(!1), a = E(/* @__PURE__ */ new Set()), s = E([]), I = E(y);
+  const [o, i] = L(t), [l, s] = L([]), [d, f] = L(""), [y, g] = L(!1), a = E(/* @__PURE__ */ new Set()), c = E([]), I = E(y);
   I.current = y, R(() => {
     try {
       const v = localStorage.getItem(r);
@@ -2736,9 +2743,9 @@ function Or({
     return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
   }, []), R(() => {
     const v = setInterval(() => {
-      if (s.current.length === 0 || I.current) return;
-      const b = s.current.splice(0, s.current.length);
-      c(
+      if (c.current.length === 0 || I.current) return;
+      const b = c.current.splice(0, c.current.length);
+      s(
         (z) => [...b.reverse(), ...z].slice(0, 200)
       );
     }, 100);
@@ -2747,7 +2754,7 @@ function Or({
   const C = E(!1);
   if (R(() => {
     !e || C.current || (C.current = !0, e((v) => {
-      s.current.push({
+      c.current.push({
         id: Yt++,
         ts: Date.now(),
         kind: "event",
@@ -2759,7 +2766,7 @@ function Or({
     const v = console.warn, b = console.log, z = (M, H) => function(...h) {
       try {
         const N = typeof h[0] == "string" ? h[0] : "";
-        N.startsWith("[LiveLayer]") && s.current.push({
+        N.startsWith("[LiveLayer]") && c.current.push({
           id: Yt++,
           ts: Date.now(),
           kind: M,
@@ -2861,7 +2868,7 @@ function Or({
                 {
                   type: "button",
                   onClick: () => {
-                    c([]), s.current = [];
+                    s([]), c.current = [];
                   },
                   style: pt("transparent"),
                   title: "Clear buffer",
@@ -2945,7 +2952,7 @@ function Or({
                 entry: v,
                 expanded: a.current.has(v.id),
                 onToggle: () => {
-                  a.current.has(v.id) ? a.current.delete(v.id) : a.current.add(v.id), c((b) => [...b]);
+                  a.current.has(v.id) ? a.current.delete(v.id) : a.current.add(v.id), s((b) => [...b]);
                 }
               },
               v.id
@@ -3047,10 +3054,10 @@ function Nr(e) {
 function Br() {
   const [e, t] = L([]), r = k((i) => {
     t((l) => {
-      const c = l.findIndex((d) => d.id === i.id);
-      if (c >= 0) {
+      const s = l.findIndex((d) => d.id === i.id);
+      if (s >= 0) {
         const d = l.slice();
-        return d[c] = i, d;
+        return d[s] = i, d;
       }
       return [...l, i];
     });