@livelayer/react 0.5.5-pr66c.5 → 0.5.5-pr66c.7

package/dist/index.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as x, jsx as n, Fragment as yt } from "react/jsx-runtime";
-import { Component as pn, useState as C, useRef as E, useEffect as N, useCallback as k, useMemo as Be, forwardRef as vt, createElement as hn } from "react";
+import { Component as pn, useState as C, useRef as E, useEffect as N, useCallback as k, useMemo as He, forwardRef as vt, createElement as hn } from "react";
 import { LiveKitSession as mn } from "@livelayer/sdk";
 import { createLocalAudioTrack as gn, Track as Kt, createLocalVideoTrack as yn } from "livekit-client";
 class vn extends pn {
@@ -34,22 +34,22 @@ class vn extends pn {
   }
 }
 function bn(e) {
-  const [t, r] = C("idle"), [i, o] = C("idle"), [l, s] = C([]), [d, u] = C(null), [p, m] = C(null), [a, c] = C(null), [R, q] = C(!1), [w, _] = C(null), y = E(null), z = E(e.onDataMessage);
-  z.current = e.onDataMessage, N(() => {
+  const [t, r] = C("idle"), [i, o] = C("idle"), [l, c] = C([]), [d, u] = C(null), [h, m] = C(null), [a, s] = C(null), [R, q] = C(!1), [_, w] = C(null), y = E(null), H = E(e.onDataMessage);
+  H.current = e.onDataMessage, N(() => {
     const S = {
       onConnectionStateChange: (D) => {
-        r(D), D === "connected" && _(null);
+        r(D), D === "connected" && w(null);
       },
       onAgentStateChange: o,
-      onTranscript: (D) => s([...D]),
+      onTranscript: (D) => c([...D]),
       onAgentConfig: u,
-      onAudioTrack: (D) => c(D),
+      onAudioTrack: (D) => s(D),
       onVideoTrack: (D) => m(D),
       onVideoTrackRemoved: () => m(null),
-      onError: (D) => _(D),
+      onError: (D) => w(D),
       onDataMessage: (D) => {
         var A;
-        (A = z.current) == null || A.call(z, D);
+        (A = H.current) == null || A.call(H, D);
       },
       onResumabilityChange: q
     }, B = new mn(
@@ -62,7 +62,7 @@ function bn(e) {
       },
       S
     );
-    return y.current = B, r("idle"), o("idle"), s([]), u(null), m(null), c(null), q(!1), _(null), () => {
+    return y.current = B, r("idle"), o("idle"), c([]), u(null), m(null), s(null), q(!1), w(null), () => {
       var D;
       (D = B.destroy) == null || D.call(B), y.current = null;
     };
@@ -79,9 +79,9 @@ function bn(e) {
       try {
         await S.connect();
       } catch (B) {
-        throw _(B instanceof Error ? B.message : String(B)), B;
+        throw w(B instanceof Error ? B.message : String(B)), B;
       }
-  }, []), H = k(() => {
+  }, []), z = k(() => {
     const S = y.current;
     S && S.disconnect();
   }, []), v = k(() => {
@@ -93,18 +93,18 @@ function bn(e) {
     agentState: i,
     transcript: l,
     agentConfig: d,
-    videoElement: p,
+    videoElement: h,
     audioElement: a,
     canResume: R,
-    error: w,
+    error: _,
     connect: M,
-    disconnect: H,
+    disconnect: z,
     getRoom: v,
     session: y.current
   };
 }
 function wn() {
-  const e = E(null), t = E(null), r = E(null), i = E(null), o = E(/* @__PURE__ */ new Set()), l = E(null), s = k(() => {
+  const e = E(null), t = E(null), r = E(null), i = E(null), o = E(/* @__PURE__ */ new Set()), l = E(null), c = k(() => {
     const a = t.current;
     if (!a) {
       i.current = null;
@@ -113,22 +113,22 @@ function wn() {
     (!l.current || l.current.length !== a.frequencyBinCount) && (l.current = new Uint8Array(
       new ArrayBuffer(a.frequencyBinCount)
     ));
-    const c = l.current;
-    a.getByteFrequencyData(c);
+    const s = l.current;
+    a.getByteFrequencyData(s);
     let R = 0;
-    for (let w = 0; w < c.length; w++) R += c[w];
-    const q = R / c.length / 255;
-    for (const w of o.current)
+    for (let _ = 0; _ < s.length; _++) R += s[_];
+    const q = R / s.length / 255;
+    for (const _ of o.current)
       try {
-        w(q);
-      } catch (_) {
-        console.error("[useAudioLevel] subscriber threw:", _);
+        _(q);
+      } catch (w) {
+        console.error("[useAudioLevel] subscriber threw:", w);
       }
-    i.current = requestAnimationFrame(s);
+    i.current = requestAnimationFrame(c);
   }, []), d = k(() => {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
-    const a = new AudioContext(), c = a.createAnalyser();
-    c.fftSize = 64, c.connect(a.destination), e.current = a, t.current = c;
+    const a = new AudioContext(), s = a.createAnalyser();
+    s.fftSize = 64, s.connect(a.destination), e.current = a, t.current = s;
   }, []), u = k(
     (a) => {
       if (d(), !(!e.current || !t.current)) {
@@ -140,17 +140,17 @@ function wn() {
           r.current = null;
         }
         try {
-          const c = e.current.createMediaElementSource(a);
-          c.connect(t.current), r.current = c;
-        } catch (c) {
-          console.warn("[useAudioLevel] createMediaElementSource failed:", c);
+          const s = e.current.createMediaElementSource(a);
+          s.connect(t.current), r.current = s;
+        } catch (s) {
+          console.warn("[useAudioLevel] createMediaElementSource failed:", s);
           return;
         }
-        i.current === null && (i.current = requestAnimationFrame(s));
+        i.current === null && (i.current = requestAnimationFrame(c));
       }
     },
-    [d, s]
-  ), p = k(() => {
+    [d, c]
+  ), h = k(() => {
     if (i.current !== null && (cancelAnimationFrame(i.current), i.current = null), r.current) {
       try {
         r.current.disconnect();
@@ -162,7 +162,7 @@ function wn() {
     o.current.delete(a);
   }), []);
   return N(() => () => {
-    if (p(), t.current) {
+    if (h(), t.current) {
       try {
         t.current.disconnect();
       } catch {
@@ -177,10 +177,10 @@ function wn() {
       e.current = null;
     }
     o.current.clear(), l.current = null;
-  }, [p]), { attach: u, detach: p, subscribe: m };
+  }, [h]), { attach: u, detach: h, subscribe: m };
 }
 function _n() {
-  const [e, t] = C(!1), [r, i] = C(null), o = E(null), l = E(null), s = k(async (m) => {
+  const [e, t] = C(!1), [r, i] = C(null), o = E(null), l = E(null), c = k(async (m) => {
     if (o.current && l.current) {
       try {
         await l.current.localParticipant.unpublishTrack(o.current);
@@ -196,8 +196,8 @@ function _n() {
       });
       await m.localParticipant.publishTrack(a), o.current = a, t(a.isMuted);
     } catch (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 i(c), 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 i(s), a;
     }
   }, []), d = k(() => {
     const m = o.current;
@@ -212,23 +212,23 @@ function _n() {
       m.stop();
     }
     o.current = null, l.current = null, t(!1);
-  }, []), p = k(() => i(null), []);
+  }, []), h = k(() => i(null), []);
   return {
     isMuted: e,
     micError: r,
     toggleMute: d,
-    setupMic: s,
+    setupMic: c,
     teardownMic: u,
-    clearError: p
+    clearError: h
   };
 }
 const xn = { resolution: { width: 640, height: 480, frameRate: 24 } };
 function kn() {
-  const [e, t] = C(!1), [r, i] = C(null), [o, l] = C(null), [s, d] = C(""), u = E(null), p = E(null), m = k((y) => {
+  const [e, t] = C(!1), [r, i] = C(null), [o, l] = C(null), [c, d] = C(""), u = E(null), h = E(null), m = k((y) => {
     u.current = y;
   }, []), a = k(() => {
-    const y = u.current, z = p.current;
-    if (z && y) {
+    const y = u.current, H = h.current;
+    if (H && y) {
       const M = y.localParticipant.getTrackPublication(Kt.Source.Camera);
       if (M != null && M.track) {
         try {
@@ -237,62 +237,62 @@ function kn() {
         }
         M.track.stop();
       } else
-        z.stop();
+        H.stop();
     }
-    p.current = null, l(null), t(!1);
-  }, []), c = k(async (y) => {
-    const z = u.current;
-    if (z) {
+    h.current = null, l(null), t(!1);
+  }, []), s = k(async (y) => {
+    const H = u.current;
+    if (H) {
       i(null);
       try {
         const M = { ...xn };
         y && (M.deviceId = y);
-        const H = await yn(M);
-        await z.localParticipant.publishTrack(H), p.current = H;
-        const v = H.attach();
+        const z = await yn(M);
+        await H.localParticipant.publishTrack(z), h.current = z;
+        const v = z.attach();
         l(v), t(!0), y && d(y);
         try {
-          z.localParticipant.publishData(
+          H.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
             { reliable: !0 }
           );
         } catch {
         }
       } catch (M) {
-        const H = M instanceof Error && M.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
-        i(H);
+        const z = M instanceof Error && M.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+        i(z);
       }
     }
   }, []), R = k(async () => {
-    e ? a() : await c(s || void 0);
-  }, [e, s, a, c]), q = k(async (y) => {
-    a(), await c(y);
-  }, [a, c]), w = k(() => {
+    e ? a() : await s(c || void 0);
+  }, [e, c, a, s]), q = k(async (y) => {
+    a(), await s(y);
+  }, [a, s]), _ = k(() => {
     a(), u.current = null, i(null), d("");
-  }, [a]), _ = k(() => i(null), []);
+  }, [a]), w = k(() => i(null), []);
   return N(() => () => {
-    p.current && p.current.stop();
+    h.current && h.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
     previewEl: o,
-    activeDeviceId: s,
+    activeDeviceId: c,
     toggle: R,
     switchDevice: q,
     attachRoom: m,
-    teardown: w,
-    clearError: _
+    teardown: _,
+    clearError: w
   };
 }
 function Ln() {
-  const [e, t] = C(!1), [r, i] = C(null), [o, l] = C(null), s = E(null), d = k((c) => {
-    s.current = c;
-  }, []), u = k(() => l(null), []), p = k(async () => {
-    const c = s.current;
-    if (c) {
+  const [e, t] = C(!1), [r, i] = C(null), [o, l] = C(null), c = E(null), d = k((s) => {
+    c.current = s;
+  }, []), u = k(() => l(null), []), h = k(async () => {
+    const s = c.current;
+    if (s) {
       if (e) {
         try {
-          await c.localParticipant.setScreenShareEnabled(!1);
+          await s.localParticipant.setScreenShareEnabled(!1);
         } catch {
         }
         u(), t(!1);
@@ -300,15 +300,15 @@ function Ln() {
       }
       i(null);
       try {
-        await c.localParticipant.setScreenShareEnabled(!0);
+        await s.localParticipant.setScreenShareEnabled(!0);
         let R = 0;
         const q = () => {
-          const w = c.localParticipant.getTrackPublication(Kt.Source.ScreenShare);
-          if (w != null && w.track) {
-            const _ = w.track.attach();
-            l(_), t(!0);
+          const _ = s.localParticipant.getTrackPublication(Kt.Source.ScreenShare);
+          if (_ != null && _.track) {
+            const w = _.track.attach();
+            l(w), t(!0);
             try {
-              c.localParticipant.publishData(
+              s.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
                 { reliable: !0 }
               );
@@ -325,22 +325,22 @@ function Ln() {
       }
     }
   }, [e, u]), m = k(() => {
-    const c = s.current;
-    if (c && e)
+    const s = c.current;
+    if (s && e)
       try {
-        c.localParticipant.setScreenShareEnabled(!1);
+        s.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
-    u(), t(!1), i(null), s.current = null;
+    u(), t(!1), i(null), c.current = null;
   }, [e, u]), a = k(() => i(null), []);
-  return { isEnabled: e, error: r, previewEl: o, toggle: p, attachRoom: d, teardown: m, clearError: a };
+  return { isEnabled: e, error: r, previewEl: o, toggle: h, attachRoom: d, teardown: m, clearError: a };
 }
 function Sn() {
   const [e, t] = C([]), [r, i] = C([]), o = k(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
-        t(l.filter((s) => s.kind === "audioinput")), i(l.filter((s) => s.kind === "videoinput"));
+        t(l.filter((c) => c.kind === "audioinput")), i(l.filter((c) => c.kind === "videoinput"));
       } catch {
       }
   }, []);
@@ -351,26 +351,26 @@ function Sn() {
   }, [o]), { mics: e, cameras: r, refresh: o };
 }
 function Cn(e, t, r = !1) {
-  const [i, o] = C(null), [l, s] = C(null), [d, u] = C(!r && !!e);
+  const [i, o] = C(null), [l, c] = C(null), [d, u] = C(!r && !!e);
   return N(() => {
     if (r || !e) {
       u(!1);
       return;
     }
-    const p = new AbortController(), m = t || "https://app.livelayer.studio";
-    return u(!0), s(null), fetch(`${m}/api/widget/agent/${encodeURIComponent(e)}`, {
-      signal: p.signal
+    const h = new AbortController(), m = t || "https://app.livelayer.studio";
+    return u(!0), c(null), fetch(`${m}/api/widget/agent/${encodeURIComponent(e)}`, {
+      signal: h.signal
     }).then(async (a) => {
       if (!a.ok) {
-        const c = await a.json().catch(() => ({}));
-        throw new Error(c.error || `HTTP ${a.status}`);
+        const s = await a.json().catch(() => ({}));
+        throw new Error(s.error || `HTTP ${a.status}`);
       }
       return a.json();
     }).then((a) => {
-      p.signal.aborted || (o(a), u(!1));
+      h.signal.aborted || (o(a), u(!1));
     }).catch((a) => {
-      p.signal.aborted || (s(a instanceof Error ? a.message : "Agent lookup failed"), u(!1));
-    }), () => p.abort();
+      h.signal.aborted || (c(a instanceof Error ? a.message : "Agent lookup failed"), u(!1));
+    }), () => h.abort();
   }, [e, t, r]), { info: i, error: l, loading: d };
 }
 function En(e) {
@@ -393,13 +393,13 @@ function An({
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const i = e !== void 0, [o, l] = C(t), s = i ? e : o, d = k(
+  const i = e !== void 0, [o, l] = C(t), c = i ? e : o, d = k(
     (u) => {
-      u !== s && (i || l(u), r == null || r(u));
+      u !== c && (i || l(u), r == null || r(u));
     },
-    [s, i, r]
+    [c, i, r]
   );
-  return [s, d];
+  return [c, d];
 }
 const Rn = ["hidden", "minimized", "expanded"];
 function In(e) {
@@ -412,17 +412,17 @@ function Mn({
   persistKey: i = "ll-widget",
   disablePersistence: o = !1
 } = {}) {
-  const l = `${i}:display-mode`, s = E(!1), [d, u] = An({
+  const l = `${i}:display-mode`, c = E(!1), [d, u] = An({
     value: e,
     defaultValue: t,
-    onChange: (p) => {
-      e === void 0 && !o && Nn(l, p), r == null || r(p);
+    onChange: (h) => {
+      e === void 0 && !o && Nn(l, h), r == null || r(h);
     }
   });
   return N(() => {
-    if (s.current || (s.current = !0, o || e !== void 0)) return;
-    const p = In(En(l));
-    p && p !== d && u(p);
+    if (c.current || (c.current = !0, o || e !== void 0)) return;
+    const h = In(En(l));
+    h && h !== d && u(h);
   }, []), [d, u];
 }
 const Tn = 640;
@@ -441,16 +441,16 @@ function Pn(e = Tn) {
     });
   }, [e]), t;
 }
-const Pt = "__llHistoryPatched", ot = "ll:pathname";
+const Pt = "__llHistoryPatched", at = "ll:pathname";
 function Dn() {
   if (typeof window > "u" || window.history[Pt]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...r) {
     const i = e.apply(this, r);
-    return window.dispatchEvent(new Event(ot)), i;
+    return window.dispatchEvent(new Event(at)), i;
   }, window.history.replaceState = function(...r) {
     const i = t.apply(this, r);
-    return window.dispatchEvent(new Event(ot)), i;
+    return window.dispatchEvent(new Event(at)), i;
   }, window.history[Pt] = !0;
 }
 function Dt() {
@@ -464,8 +464,8 @@ function $n(e) {
     if (e !== void 0) return;
     Dn();
     const i = () => r(Dt());
-    return i(), window.addEventListener("popstate", i), window.addEventListener(ot, i), () => {
-      window.removeEventListener("popstate", i), window.removeEventListener(ot, i);
+    return i(), window.addEventListener("popstate", i), window.addEventListener(at, i), () => {
+      window.removeEventListener("popstate", i), window.removeEventListener(at, i);
     };
   }, [e]), e ?? t;
 }
@@ -496,7 +496,7 @@ function Wn(e, t, r) {
   return e === void 0 ? !0 : zt(r, e) ? !1 : t && t.length > 0 ? zt(t, e) : !0;
 }
 function Fn(e, t, r) {
-  return Be(
+  return He(
     () => Wn(e, t, r),
     [e, t, r]
   );
@@ -509,7 +509,7 @@ function Un(e) {
   };
 }
 function jn(e) {
-  const t = Be(() => Un(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), i = E(null), o = k(
+  const t = He(() => Un(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), i = E(null), o = k(
     (u) => {
       try {
         new Audio(`${r}${u}`).play().catch(() => {
@@ -520,7 +520,7 @@ function jn(e) {
     [r]
   ), l = k(() => {
     t.navigate && o("/audio/page-change-sound.mp3");
-  }, [t.navigate, o]), s = k(() => {
+  }, [t.navigate, o]), c = k(() => {
     t.action && o("/audio/confirmation-sound.mp3");
   }, [t.action, o]), d = k(
     (u) => {
@@ -537,10 +537,10 @@ function jn(e) {
       if (u) {
         if (i.current) return;
         try {
-          const p = new Audio(`${r}/audio/thinking-sound.mp3`);
-          p.loop = !0, p.volume = 0.3, p.play().catch(() => {
+          const h = new Audio(`${r}/audio/thinking-sound.mp3`);
+          h.loop = !0, h.volume = 0.3, h.play().catch(() => {
             i.current = null;
-          }), i.current = p;
+          }), i.current = h;
         } catch {
         }
       } else if (i.current) {
@@ -561,9 +561,9 @@ function jn(e) {
       }
       i.current = null;
     }
-  }, []), Be(
-    () => ({ playPageChange: l, playConfirmation: s, setThinking: d }),
-    [l, s, d]
+  }, []), He(
+    () => ({ playPageChange: l, playConfirmation: c, setThinking: d }),
+    [l, c, d]
   );
 }
 const Ht = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
@@ -688,32 +688,32 @@ const Kn = ({
   onExpand: i,
   label: o = "Open widget",
   avatarImageUrl: l,
-  agentName: s
+  agentName: c
 }) => {
-  const d = Gn(e), u = d === "right" ? "left" : "right", p = t ? 80 : 72, m = !!l, [a, c] = C(null), [R, q] = C(!1), w = E(null), _ = E(!1), y = k(
+  const d = Gn(e), u = d === "right" ? "left" : "right", h = t ? 80 : 72, m = !!l, [a, s] = C(null), [R, q] = C(!1), _ = E(null), w = E(!1), y = k(
     (A) => {
       if (typeof window > "u") return A;
-      const T = p / 2, W = Bt + T, V = window.innerHeight - Bt - T;
-      return V < W ? Math.max(W, A) : Math.max(W, Math.min(V, A));
+      const T = h / 2, W = Bt + T, G = window.innerHeight - Bt - T;
+      return G < W ? Math.max(W, A) : Math.max(W, Math.min(G, A));
     },
-    [p]
+    [h]
   );
   N(() => {
     const A = Jn();
-    c(y(A ?? window.innerHeight / 2));
+    s(y(A ?? window.innerHeight / 2));
     const T = () => {
-      c((W) => W === null ? null : y(W));
+      s((W) => W === null ? null : y(W));
     };
     return window.addEventListener("resize", T), () => window.removeEventListener("resize", T);
   }, [y]);
-  const z = k(
+  const H = k(
     (A) => {
       if (!(A.pointerType === "mouse" && A.button !== 0) && a !== null) {
         try {
           A.currentTarget.setPointerCapture(A.pointerId);
         } catch {
         }
-        w.current = {
+        _.current = {
           startClientY: A.clientY,
           startCenterY: a,
           moved: !1
@@ -723,27 +723,27 @@ const Kn = ({
     [a]
   ), M = k(
     (A) => {
-      const T = w.current;
+      const T = _.current;
       if (!T) return;
       const W = A.clientY - T.startClientY;
-      !T.moved && Math.abs(W) > Xn && (T.moved = !0, q(!0)), T.moved && c(y(T.startCenterY + W));
+      !T.moved && Math.abs(W) > Xn && (T.moved = !0, q(!0)), T.moved && s(y(T.startCenterY + W));
     },
     [y]
-  ), H = k(
+  ), z = k(
     (A) => {
-      const T = w.current;
+      const T = _.current;
       if (T) {
         try {
           A.currentTarget.releasePointerCapture(A.pointerId);
         } catch {
         }
-        w.current = null, T.moved && (q(!1), _.current = !0, c((W) => (W !== null && Wt(W), W)));
+        _.current = null, T.moved && (q(!1), w.current = !0, s((W) => (W !== null && Wt(W), W)));
       }
     },
     []
   ), v = k(() => {
-    if (_.current) {
-      _.current = !1;
+    if (w.current) {
+      w.current = !1;
       return;
     }
     i();
@@ -752,10 +752,10 @@ const Kn = ({
       if (A.key === "ArrowUp" || A.key === "ArrowDown") {
         A.preventDefault();
         const T = A.key === "ArrowUp" ? -8 : 8;
-        c((W) => {
+        s((W) => {
           if (W === null) return W;
-          const V = y(W + T);
-          return Wt(V), V;
+          const G = y(W + T);
+          return Wt(G), G;
         });
       }
     },
@@ -767,16 +767,16 @@ const Kn = ({
     r ? "ll-hidden--speaking" : null,
     R ? "is-dragging" : null,
     m ? "ll-hidden--with-avatar" : null
-  ].filter(Boolean).join(" "), D = a === null ? void 0 : { top: `${a - p / 2}px`, transform: "none" };
+  ].filter(Boolean).join(" "), D = a === null ? void 0 : { top: `${a - h / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       className: B,
-      onPointerDown: z,
+      onPointerDown: H,
       onPointerMove: M,
-      onPointerUp: H,
-      onPointerCancel: H,
+      onPointerUp: z,
+      onPointerCancel: z,
       onClick: v,
       onKeyDown: S,
       "aria-label": o,
@@ -799,7 +799,7 @@ const Kn = ({
             "img",
             {
               src: l,
-              alt: s ? `${s} avatar` : "Agent avatar",
+              alt: c ? `${c} avatar` : "Agent avatar",
               className: "ll-hidden__avatar",
               draggable: !1
             }
@@ -822,24 +822,24 @@ const Kn = ({
   className: o,
   barClassName: l
 }) => {
-  const s = E(null), d = E([]), u = Be(() => {
+  const c = E(null), d = E([]), u = He(() => {
     const m = (Math.sqrt(5) - 1) / 2;
-    return Array.from({ length: t }, (a, c) => 0.5 + c * m % 1 * 0.5);
+    return Array.from({ length: t }, (a, s) => 0.5 + s * m % 1 * 0.5);
   }, [t]);
   N(() => e.subscribe((a) => {
-    for (let c = 0; c < t; c++) {
-      const R = d.current[c];
+    for (let s = 0; s < t; s++) {
+      const R = d.current[s];
       if (!R) continue;
-      const q = Math.max(i, a * r * u[c]);
+      const q = Math.max(i, a * r * u[s]);
       R.style.height = `${q}px`;
     }
   }), [e, t, r, i, u]);
-  const p = ["ll-waveform", o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: s, className: p, "aria-hidden": "true", children: Array.from({ length: t }, (m, a) => /* @__PURE__ */ n(
+  const h = ["ll-waveform", o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: c, className: h, "aria-hidden": "true", children: Array.from({ length: t }, (m, a) => /* @__PURE__ */ n(
     "div",
     {
-      ref: (c) => {
-        d.current[a] = c;
+      ref: (s) => {
+        d.current[a] = s;
       },
       className: ["ll-waveform__bar", l].filter(Boolean).join(" "),
       style: { height: `${i}px` }
@@ -853,10 +853,10 @@ const Kn = ({
   avatarImageUrl: i,
   agentState: o,
   isMuted: l,
-  audioLevel: s,
+  audioLevel: c,
   onExpand: d,
   onToggleMute: u,
-  onClose: p
+  onClose: h
 }) => t ? /* @__PURE__ */ n(
   "div",
   {
@@ -885,7 +885,7 @@ const Kn = ({
           /* @__PURE__ */ n(
             Qn,
             {
-              audioLevel: s,
+              audioLevel: c,
               bars: 16,
               maxHeight: 18,
               className: "ll-minimized__waveform"
@@ -964,7 +964,7 @@ const Kn = ({
           {
             type: "button",
             className: "ll-minimized__btn ll-minimized__btn--close",
-            onClick: p,
+            onClick: h,
             "aria-label": "Close widget",
             children: /* @__PURE__ */ n(Vn, { className: "ll-minimized__icon" })
           }
@@ -979,9 +979,9 @@ const Kn = ({
   className: i,
   style: o
 }) => {
-  const [l, s] = C(!1), d = E(e);
+  const [l, c] = C(!1), d = E(e);
   if (N(() => {
-    d.current !== e && (d.current = e, s(!1));
+    d.current !== e && (d.current = e, c(!1));
   }, [e]), !e) return null;
   const u = {
     position: "absolute",
@@ -1006,7 +1006,7 @@ const Kn = ({
         style: u,
         loading: "eager",
         fetchPriority: "high",
-        onLoad: () => s(!0)
+        onLoad: () => c(!0)
       }
     )
   );
@@ -1017,21 +1017,21 @@ const Kn = ({
   avatarImageUrl: i,
   idleLoopUrl: o,
   greeting: l,
-  branding: s,
+  branding: c,
   teamMembers: d,
   currentTeamMemberId: u,
-  isSwitchingTeamMember: p,
+  isSwitchingTeamMember: h,
   teamSwitcherOpen: m,
   onToggleTeamSwitcher: a,
-  onSelectTeamMember: c,
+  onSelectTeamMember: s,
   languageMenuOpen: R,
   onToggleLanguageMenu: q,
-  connectionState: w,
-  agentState: _,
+  connectionState: _,
+  agentState: w,
   transcript: y,
-  canResume: z,
+  canResume: H,
   needsUserGesture: M,
-  error: H,
+  error: z,
   isMuted: v,
   micError: S,
   micDevices: B,
@@ -1039,95 +1039,101 @@ const Kn = ({
   cameraPreviewEl: A,
   cameraDevices: T,
   activeCameraId: W,
-  isScreenShareEnabled: V,
+  isScreenShareEnabled: G,
   screenPreviewEl: re,
   isSpeakerMuted: te,
-  allowCamera: be,
-  allowScreenShare: se,
-  allowTyping: he,
+  allowCamera: xe,
+  allowScreenShare: ce,
+  allowTyping: ge,
   avatarVideoContainerRef: de,
   agentVideoEl: K,
   onConnect: ue,
-  onDisconnect: ke,
-  onRetry: Le,
-  onResumeAudio: Se,
-  onToggleMute: Ce,
-  onToggleCamera: Ee,
-  onSwitchCameraDevice: Ne,
-  onToggleScreenShare: Ae,
-  onToggleSpeaker: j,
-  onSendMessage: Xe,
-  onMinimize: Je,
-  onClose: Ke,
-  onClearMicError: Qe
+  onDisconnect: Le,
+  onRetry: Se,
+  onResumeAudio: Ce,
+  onToggleMute: Ee,
+  onToggleCamera: Ne,
+  onSwitchCameraDevice: Ae,
+  onToggleScreenShare: Re,
+  onToggleSpeaker: V,
+  onSendMessage: Ve,
+  onMinimize: Ye,
+  onClose: Ge,
+  onClearMicError: Xe
 }) => {
-  var $e;
-  const Q = y.length > 0 ? y[y.length - 1] : null, fe = ((d == null ? void 0 : d.length) ?? 0) > 1, Re = w === "connecting" || w === "connected", ie = w === "connected", we = w === "idle" || w === "disconnected" || w === "error", [Y, _e] = C(!1);
+  var et;
+  const fe = ((d == null ? void 0 : d.length) ?? 0) > 1, ye = _ === "connecting" || _ === "connected", ie = _ === "connected", ct = _ === "idle" || _ === "disconnected" || _ === "error", [pe, Y] = C(!1);
   N(() => {
     if (!K) {
-      _e(!1);
+      Y(!1);
       return;
     }
     if (!K.paused && K.readyState >= 2) {
-      _e(!0);
+      Y(!0);
       return;
     }
-    _e(!1);
-    const h = () => _e(!0);
-    return K.addEventListener("playing", h), K.addEventListener("loadeddata", h), () => {
-      K.removeEventListener("playing", h), K.removeEventListener("loadeddata", h);
+    Y(!1);
+    const f = () => Y(!0);
+    return K.addEventListener("playing", f), K.addEventListener("loadeddata", f), () => {
+      K.removeEventListener("playing", f), K.removeEventListener("loadeddata", f);
     };
   }, [K]);
-  const [xe, le] = C(!1);
+  const [Je, ve] = C(!1);
   N(() => {
     if (!ie) {
-      le(!1);
+      ve(!1);
       return;
     }
-    if (Y) return;
-    const h = setTimeout(() => le(!0), 8e3);
-    return () => clearTimeout(h);
-  }, [ie, Y]);
-  const Ie = w === "connecting" || ie && !!i && !Y && !xe, Me = E(null), oe = E(null);
+    if (pe) return;
+    const f = setTimeout(() => ve(!0), 8e3);
+    return () => clearTimeout(f);
+  }, [ie, pe]);
+  const he = _ === "connecting" || ie && !!i && !pe && !Je, ke = E(null), Ie = E(null);
   N(() => {
-    const h = Me.current;
-    h && (h.innerHTML = "", A && (A.style.width = "100%", A.style.height = "100%", A.style.objectFit = "cover", A.style.transform = "scaleX(-1)", h.appendChild(A)));
+    const f = ke.current;
+    f && (f.innerHTML = "", A && (A.style.width = "100%", A.style.height = "100%", A.style.objectFit = "cover", A.style.transform = "scaleX(-1)", f.appendChild(A)));
   }, [A]), N(() => {
-    const h = oe.current;
-    h && (h.innerHTML = "", re && (re.style.width = "100%", re.style.height = "100%", re.style.objectFit = "contain", h.appendChild(re)));
+    const f = Ie.current;
+    f && (f.innerHTML = "", re && (re.style.width = "100%", re.style.height = "100%", re.style.objectFit = "contain", f.appendChild(re)));
   }, [re]);
-  const [ne, ae] = C(!1), [me, Te] = C(!1);
+  const [Z, ne] = C(!1), [oe, be] = C(!1);
   N(() => {
-    if (!ne && !me && !R && !m) return;
-    const h = () => {
-      ae(!1), Te(!1), R && q(), m && a();
+    if (!Z && !oe && !R && !m) return;
+    const f = () => {
+      ne(!1), be(!1), R && q(), m && a();
     };
-    return document.addEventListener("click", h), () => document.removeEventListener("click", h);
+    return document.addEventListener("click", f), () => document.removeEventListener("click", f);
   }, [
-    ne,
-    me,
+    Z,
+    oe,
     R,
     m,
     q,
     a
   ]);
-  const [ge, Pe] = C(""), Ze = k(
-    (h) => {
-      h.preventDefault();
-      const G = ge.trim();
-      G && (Xe(G), Pe(""));
+  const [Me, Te] = C(""), Oe = k(
+    (f) => {
+      f.preventDefault();
+      const U = Me.trim();
+      U && (Ve(U), Te(""));
     },
-    [ge, Xe]
-  ), We = s.productName || "Live Layer", De = ie && (Q != null && Q.text) ? Q.text : l || "", at = ie && (Q == null ? void 0 : Q.role) === "agent", ct = [
+    [Me, Ve]
+  ), Ke = c.productName || "Live Layer";
+  let le = null, ae = null;
+  for (let f = y.length - 1; f >= 0; f--) {
+    const U = y[f];
+    if (!le && U.role === "agent" ? le = U : !ae && U.role === "user" && (ae = U), le && ae) break;
+  }
+  const Qe = ie ? (le == null ? void 0 : le.text) || null : l || null, Ze = ie && (ae == null ? void 0 : ae.text) || null, qe = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
   return /* @__PURE__ */ x(
     "div",
     {
-      className: ct,
+      className: qe,
       "data-position": e,
-      "data-state": ie ? "connected" : Re ? "connecting" : "idle",
+      "data-state": ie ? "connected" : ye ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
@@ -1139,7 +1145,7 @@ const Kn = ({
               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: (($e = r == null ? void 0 : r.charAt(0)) == null ? void 0 : $e.toUpperCase()) || "A" }) }),
+          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((et = r == null ? void 0 : r.charAt(0)) == null ? void 0 : et.toUpperCase()) || "A" }) }),
           o && !ie && /* @__PURE__ */ n(
             "video",
             {
@@ -1153,23 +1159,23 @@ const Kn = ({
           )
         ] }),
         /* @__PURE__ */ n("div", { ref: de, className: "ll-expanded__video" }),
-        Ie && /* @__PURE__ */ x("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        he && /* @__PURE__ */ x("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: p ? "Switching..." : "Connecting..." })
+          /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: h ? "Switching..." : "Connecting..." })
         ] }),
         M && ie && /* @__PURE__ */ x(
           "button",
           {
             type: "button",
             className: "ll-expanded__overlay ll-expanded__overlay--gesture",
-            onClick: Se,
+            onClick: Ce,
             children: [
               /* @__PURE__ */ n("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("path", { d: "M3 9v6h4l5 5V4L7 9H3zm13.54.12a5 5 0 0 1 0 5.76l-1.41-1.41a3 3 0 0 0 0-2.94L16.54 9.12z" }) }),
               /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: "Tap to enable audio" })
             ]
           }
         ),
-        Re ? /* @__PURE__ */ x("div", { className: "ll-expanded__topbar", children: [
+        ye ? /* @__PURE__ */ x("div", { className: "ll-expanded__topbar", children: [
           /* @__PURE__ */ x("div", { className: "ll-expanded__topbar-left", children: [
             /* @__PURE__ */ x("div", { className: "ll-expanded__pill-wrap", children: [
               /* @__PURE__ */ x(
@@ -1177,14 +1183,14 @@ const Kn = ({
                 {
                   type: "button",
                   className: "ll-hpill",
-                  onClick: (h) => {
-                    fe && (h.stopPropagation(), a());
+                  onClick: (f) => {
+                    fe && (f.stopPropagation(), a());
                   },
                   "aria-haspopup": fe ? "listbox" : void 0,
                   "aria-expanded": fe ? m : void 0,
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                    fe && /* @__PURE__ */ n(rt, {})
+                    fe && /* @__PURE__ */ n(ot, {})
                   ]
                 }
               ),
@@ -1192,30 +1198,30 @@ const Kn = ({
                 "div",
                 {
                   className: "ll-hmenu",
-                  onClick: (h) => h.stopPropagation(),
+                  onClick: (f) => f.stopPropagation(),
                   role: "listbox",
-                  children: d == null ? void 0 : d.map((h) => /* @__PURE__ */ x(
+                  children: d == null ? void 0 : d.map((f) => /* @__PURE__ */ x(
                     "button",
                     {
                       type: "button",
-                      className: `ll-hmenu__item ${h.id === u ? "is-active" : ""}`,
-                      onClick: () => c(h.id),
+                      className: `ll-hmenu__item ${f.id === u ? "is-active" : ""}`,
+                      onClick: () => s(f.id),
                       role: "option",
-                      "aria-selected": h.id === u,
+                      "aria-selected": f.id === u,
                       children: [
-                        h.avatarImageUrl && /* @__PURE__ */ n(
+                        f.avatarImageUrl && /* @__PURE__ */ n(
                           "img",
                           {
-                            src: h.avatarImageUrl,
+                            src: f.avatarImageUrl,
                             alt: "",
                             className: "ll-hmenu__avatar"
                           }
                         ),
-                        /* @__PURE__ */ n("span", { className: "ll-hmenu__name", children: h.name }),
-                        h.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: h.role })
+                        /* @__PURE__ */ n("span", { className: "ll-hmenu__name", children: f.name }),
+                        f.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: f.role })
                       ]
                     },
-                    h.id
+                    f.id
                   ))
                 }
               )
@@ -1226,8 +1232,8 @@ const Kn = ({
                 {
                   type: "button",
                   className: "ll-hpill ll-hpill--compact",
-                  onClick: (h) => {
-                    h.stopPropagation(), q();
+                  onClick: (f) => {
+                    f.stopPropagation(), q();
                   },
                   "aria-haspopup": "listbox",
                   "aria-expanded": R,
@@ -1235,7 +1241,7 @@ const Kn = ({
                   title: "Language: English",
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: "EN" }),
-                    /* @__PURE__ */ n(rt, {})
+                    /* @__PURE__ */ n(ot, {})
                   ]
                 }
               ),
@@ -1243,7 +1249,7 @@ const Kn = ({
                 "div",
                 {
                   className: "ll-hmenu",
-                  onClick: (h) => h.stopPropagation(),
+                  onClick: (f) => f.stopPropagation(),
                   role: "listbox",
                   children: /* @__PURE__ */ n(
                     "button",
@@ -1261,8 +1267,8 @@ const Kn = ({
             /* @__PURE__ */ n(
               "span",
               {
-                className: `ll-expanded__state ll-expanded__state--${_}`,
-                children: _
+                className: `ll-expanded__state ll-expanded__state--${w}`,
+                children: w
               }
             )
           ] }),
@@ -1272,7 +1278,7 @@ const Kn = ({
               {
                 type: "button",
                 className: "ll-hbtn",
-                onClick: Je,
+                onClick: Ye,
                 "aria-label": "Minimize widget",
                 title: "Minimize",
                 children: /* @__PURE__ */ n(Ut, {})
@@ -1283,7 +1289,7 @@ const Kn = ({
               {
                 type: "button",
                 className: "ll-hbtn ll-hbtn--danger",
-                onClick: Ke,
+                onClick: Ge,
                 "aria-label": "End call",
                 title: "End call",
                 children: /* @__PURE__ */ n(Ft, {})
@@ -1293,14 +1299,14 @@ const Kn = ({
         ] }) : (
           // Idle-state header with Live Layer product name + minimize/close
           /* @__PURE__ */ x("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: We }),
+            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Ke }),
             /* @__PURE__ */ x("div", { className: "ll-expanded__header-actions", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: Je,
+                  onClick: Ye,
                   "aria-label": "Minimize widget",
                   children: /* @__PURE__ */ n(Ut, {})
                 }
@@ -1310,7 +1316,7 @@ const Kn = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: Ke,
+                  onClick: Ge,
                   "aria-label": "Close widget",
                   children: /* @__PURE__ */ n(Ft, {})
                 }
@@ -1318,33 +1324,33 @@ const Kn = ({
             ] })
           ] })
         ),
-        we && /* @__PURE__ */ (() => {
-          const h = z ? "Restart paused session" : w === "disconnected" ? "Reconnect to agent" : "Start video call", G = z ? "Pick up where you left off" : null;
+        ct && /* @__PURE__ */ (() => {
+          const f = H ? "Restart paused session" : _ === "disconnected" ? "Reconnect to agent" : "Start video call", U = H ? "Pick up where you left off" : null;
           return /* @__PURE__ */ x(yt, { children: [
-            w === "idle" && !z && !H && /* @__PURE__ */ x(
+            !z && /* @__PURE__ */ x(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
                 onClick: ue,
-                "aria-label": h,
+                "aria-label": f,
                 children: [
                   /* @__PURE__ */ n("div", { className: "ll-expanded__play-circle", children: /* @__PURE__ */ n("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("polygon", { points: "6 3 20 12 6 21 6 3" }) }) }),
-                  /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: h })
+                  /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: f })
                 ]
               }
             ),
             /* @__PURE__ */ x("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 }) }),
-              G && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: G }),
+              U && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: U }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__cta",
                   onClick: ue,
-                  "aria-label": h,
-                  children: h
+                  "aria-label": f,
+                  children: f
                 }
               )
             ] })
@@ -1353,53 +1359,61 @@ const Kn = ({
         /* @__PURE__ */ x(
           "div",
           {
-            className: `ll-expanded__pip ${Re && (D || V) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${ye && (D || G) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: oe,
-                  className: V ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: Ie,
+                  className: G ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: Me,
-                  className: !V && D ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: ke,
+                  className: !G && D ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        Re ? /* @__PURE__ */ x("div", { className: "ll-expanded__bottom", children: [
-          De && /* @__PURE__ */ n(
+        ye ? /* @__PURE__ */ x("div", { className: "ll-expanded__bottom", children: [
+          Qe && /* @__PURE__ */ n(
+            "div",
+            {
+              className: "ll-expanded__transcript ll-expanded__transcript--agent",
+              "data-role": "agent",
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Qe })
+            }
+          ),
+          Ze && /* @__PURE__ */ n(
             "div",
             {
-              className: `ll-expanded__transcript${at ? " ll-expanded__transcript--agent" : ""}`,
-              "data-role": ie ? (Q == null ? void 0 : Q.role) ?? "agent" : "agent",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: De })
+              className: "ll-expanded__transcript ll-expanded__transcript--user",
+              "data-role": "user",
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Ze })
             }
           ),
-          /* @__PURE__ */ x("div", { className: "ll-toolbar", onClick: (h) => h.stopPropagation(), children: [
-            se && /* @__PURE__ */ n(
+          /* @__PURE__ */ x("div", { className: "ll-toolbar", onClick: (f) => f.stopPropagation(), children: [
+            ce && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${V ? "is-on" : ""}`,
-                onClick: Ae,
-                "aria-label": V ? "Stop sharing screen" : "Share screen",
-                title: V ? "Stop sharing" : "Share screen",
+                className: `ll-tool ${G ? "is-on" : ""}`,
+                onClick: Re,
+                "aria-label": G ? "Stop sharing screen" : "Share screen",
+                title: G ? "Stop sharing" : "Share screen",
                 children: /* @__PURE__ */ n(nr, {})
               }
             ),
-            be && /* @__PURE__ */ x("div", { className: "ll-tool-split", children: [
+            xe && /* @__PURE__ */ x("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: `ll-tool ll-tool--left ${D ? "is-on" : ""}`,
-                  onClick: Ee,
+                  onClick: Ne,
                   "aria-label": D ? "Turn off camera" : "Turn on camera",
                   title: D ? "Stop camera" : "Start camera",
                   children: /* @__PURE__ */ n(rr, {})
@@ -1410,23 +1424,23 @@ const Kn = ({
                 {
                   type: "button",
                   className: `ll-tool ll-tool--right ${D ? "is-on" : ""}`,
-                  onClick: (h) => {
-                    h.stopPropagation(), Te((G) => !G), ae(!1);
+                  onClick: (f) => {
+                    f.stopPropagation(), be((U) => !U), ne(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": me,
-                  children: /* @__PURE__ */ n(rt, {})
+                  "aria-expanded": oe,
+                  children: /* @__PURE__ */ n(ot, {})
                 }
               ),
-              me && T.length > 0 && /* @__PURE__ */ n(
+              oe && T.length > 0 && /* @__PURE__ */ n(
                 jt,
                 {
                   label: "Camera",
                   devices: T,
                   activeId: W,
-                  onPick: (h) => {
-                    Te(!1), Ne(h);
+                  onPick: (f) => {
+                    be(!1), Ae(f);
                   }
                 }
               )
@@ -1437,7 +1451,7 @@ const Kn = ({
                 {
                   type: "button",
                   className: `ll-tool ll-tool--left ${v ? "is-muted" : ""}`,
-                  onClick: Ce,
+                  onClick: Ee,
                   "aria-label": v ? "Unmute microphone" : "Mute microphone",
                   title: v ? "Unmute" : "Mute",
                   children: /* @__PURE__ */ n(ir, { muted: v })
@@ -1448,22 +1462,22 @@ const Kn = ({
                 {
                   type: "button",
                   className: `ll-tool ll-tool--right ${v ? "is-muted" : ""}`,
-                  onClick: (h) => {
-                    h.stopPropagation(), ae((G) => !G), Te(!1);
+                  onClick: (f) => {
+                    f.stopPropagation(), ne((U) => !U), be(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": ne,
-                  children: /* @__PURE__ */ n(rt, {})
+                  "aria-expanded": Z,
+                  children: /* @__PURE__ */ n(ot, {})
                 }
               ),
-              ne && B.length > 0 && /* @__PURE__ */ n(
+              Z && B.length > 0 && /* @__PURE__ */ n(
                 jt,
                 {
                   label: "Microphone",
                   devices: B,
                   activeId: "",
-                  onPick: () => ae(!1)
+                  onPick: () => ne(!1)
                 }
               )
             ] }),
@@ -1472,7 +1486,7 @@ const Kn = ({
               {
                 type: "button",
                 className: `ll-tool ${te ? "is-muted" : ""}`,
-                onClick: j,
+                onClick: V,
                 "aria-label": te ? "Unmute speaker" : "Mute speaker",
                 title: te ? "Unmute speaker" : "Mute speaker",
                 children: /* @__PURE__ */ n(or, { muted: te })
@@ -1483,26 +1497,26 @@ const Kn = ({
               {
                 type: "button",
                 className: "ll-tool ll-tool--danger",
-                onClick: ke,
+                onClick: Le,
                 "aria-label": "End conversation",
                 title: "End conversation",
                 children: /* @__PURE__ */ n(ar, {})
               }
             )
           ] }),
-          he && /* @__PURE__ */ x("form", { className: "ll-message-input", onSubmit: Ze, children: [
+          ge && /* @__PURE__ */ x("form", { className: "ll-message-input", onSubmit: Oe, children: [
             /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: ge,
-                onChange: (h) => Pe(h.target.value),
+                value: Me,
+                onChange: (f) => Te(f.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            ge.trim() && /* @__PURE__ */ n(
+            Me.trim() && /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
@@ -1514,7 +1528,7 @@ const Kn = ({
           ] })
         ] }) : null,
         (() => {
-          if (S && w !== "error")
+          if (S && _ !== "error")
             return /* @__PURE__ */ x("div", { className: "ll-expanded__banner", role: "alert", children: [
               /* @__PURE__ */ n("span", { children: S }),
               /* @__PURE__ */ n(
@@ -1522,23 +1536,23 @@ const Kn = ({
                 {
                   type: "button",
                   className: "ll-expanded__banner-x",
-                  onClick: Qe,
+                  onClick: Xe,
                   "aria-label": "Dismiss",
                   children: "×"
                 }
               )
             ] });
-          if (!H || w !== "error") return null;
-          let h = "Failed to connect", G = "Try again";
-          return H === "MIC_PERMISSION_DENIED" ? h = "Microphone blocked. Allow access to talk." : H === "MIC_NOT_FOUND" ? h = "No microphone found. Plug one in + retry." : H === "MIC_UNAVAILABLE" ? h = "Mic unavailable. Check other apps using it." : H === "AGENT_TIMEOUT" ? h = "Agent didn't pick up. Try again." : H === "CONNECT_FAILED" ? h = "Connection failed. Check your network." : H.length < 80 && (h = H), /* @__PURE__ */ x("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
-            /* @__PURE__ */ n("span", { children: h }),
+          if (!z || _ !== "error") return null;
+          let f = "Failed to connect", U = "Try again";
+          return z === "MIC_PERMISSION_DENIED" ? f = "Microphone blocked. Allow access to talk." : z === "MIC_NOT_FOUND" ? f = "No microphone found. Plug one in + retry." : z === "MIC_UNAVAILABLE" ? f = "Mic unavailable. Check other apps using it." : z === "AGENT_TIMEOUT" ? f = "Agent didn't pick up. Try again." : z === "CONNECT_FAILED" ? f = "Connection failed. Check your network." : z.length < 80 && (f = z), /* @__PURE__ */ x("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+            /* @__PURE__ */ n("span", { children: f }),
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: Le,
-                children: G
+                onClick: Se,
+                children: U
               }
             )
           ] });
@@ -1547,7 +1561,7 @@ const Kn = ({
     }
   );
 };
-function rt() {
+function ot() {
   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 Ft() {
@@ -1613,17 +1627,17 @@ const jt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */
     children: [
       /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
       t.map((o, l) => {
-        const s = r === o.deviceId;
+        const c = r === o.deviceId;
         return /* @__PURE__ */ x(
           "button",
           {
             type: "button",
-            className: `ll-device-menu__item ${s ? "is-active" : ""}`,
+            className: `ll-device-menu__item ${c ? "is-active" : ""}`,
             onClick: () => i(o.deviceId),
             role: "option",
-            "aria-selected": s,
+            "aria-selected": c,
             children: [
-              s && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
+              c && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
               /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: o.label || `${e} ${l + 1}` })
             ]
           },
@@ -1632,20 +1646,20 @@ const jt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */
       })
     ]
   }
-), cr = [
+), sr = [
   '[data-ll-private="true"]',
   ".ll-widget"
 ];
 function bt(e) {
   let t = e;
   for (; t; ) {
-    for (const r of cr)
+    for (const r of sr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
-function lt(e) {
+function st(e) {
   if (bt(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
@@ -1654,7 +1668,7 @@ function lt(e) {
   }
   return !0;
 }
-const it = 4096, sr = 20, dr = 20, ur = 10, fr = 10, pr = 30, hr = 20, Vt = 500, mr = [
+const lt = 4096, cr = 20, dr = 20, ur = 10, fr = 10, pr = 30, hr = 20, Vt = 500, mr = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1662,7 +1676,7 @@ const it = 4096, sr = 20, dr = 20, ur = 10, fr = 10, pr = 30, hr = 20, Vt = 500,
   "noscript",
   "iframe"
 ];
-function Ye(e) {
+function Ue(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
@@ -1672,7 +1686,7 @@ function Ye(e) {
   }
   return !1;
 }
-function Ge(e) {
+function je(e) {
   if (typeof window > "u") return !0;
   const t = e.getBoundingClientRect();
   if (t.width <= 0 || t.height <= 0) return !1;
@@ -1692,10 +1706,10 @@ function Yt(e) {
   const o = e.closest("label");
   return o != null && o.textContent ? o.textContent.trim() : "";
 }
-function pe(e, t) {
+function me(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-function He(e) {
+function De(e) {
   return e.length;
 }
 function gr(e, t = {}) {
@@ -1712,56 +1726,56 @@ function gr(e, t = {}) {
       forms: [],
       extras: e
     };
-  const i = typeof window < "u" && window.location.href || "", o = typeof window < "u" && window.location.pathname || "/", l = r.title || "", s = Array.from(
+  const i = typeof window < "u" && window.location.href || "", o = typeof window < "u" && window.location.pathname || "/", l = r.title || "", c = Array.from(
     r.querySelectorAll("[data-ll-region]")
   ), d = [];
-  for (const v of s) {
+  for (const v of c) {
     if (d.length >= ur) break;
-    if (Ye(v) || !Ge(v)) continue;
-    const S = v.getAttribute("data-ll-region") ?? "", B = v.getAttribute("data-ll-intent") ?? void 0, D = pe(
+    if (Ue(v) || !je(v)) continue;
+    const S = v.getAttribute("data-ll-region") ?? "", B = v.getAttribute("data-ll-intent") ?? void 0, D = me(
       (v.innerText || v.textContent || "").trim(),
       Vt * 2
     );
     !S || !D || d.push({ id: S, intent: B, text: D });
   }
-  const u = [], p = ["H1", "H2", "H3", "H4", "H5", "H6"], m = Array.from(
+  const u = [], h = ["H1", "H2", "H3", "H4", "H5", "H6"], m = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
   for (const v of m) {
-    if (Ye(v) || !Ge(v)) continue;
+    if (Ue(v) || !je(v)) continue;
     const S = (v.textContent || "").trim();
-    S && u.push(`${v.tagName}: ${pe(S, 200)}`);
+    S && u.push(`${v.tagName}: ${me(S, 200)}`);
   }
   const a = Array.from(r.querySelectorAll("p, li"));
   for (const v of a) {
-    if (Ye(v) || !Ge(v) || p.includes(v.tagName)) continue;
+    if (Ue(v) || !je(v) || h.includes(v.tagName)) continue;
     const S = (v.textContent || "").trim();
-    S.length > 10 && u.push(pe(S, Vt));
+    S.length > 10 && u.push(me(S, Vt));
   }
-  const c = u.join(`
+  const s = u.join(`
 `), R = [], q = Array.from(r.querySelectorAll("a[href]"));
   for (const v of q) {
-    if (R.length >= sr) break;
-    if (Ye(v) || !Ge(v)) continue;
+    if (R.length >= cr) break;
+    if (Ue(v) || !je(v)) continue;
     const S = v.getAttribute("href") || "", B = (v.textContent || "").trim();
-    !S || !B || R.push({ href: S, text: pe(B, 100) });
+    !S || !B || R.push({ href: S, text: me(B, 100) });
   }
-  const w = [], _ = Array.from(
+  const _ = [], w = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
-  for (const v of _) {
-    if (w.length >= dr) break;
-    if (Ye(v) || !lt(v) || !Ge(v)) continue;
+  for (const v of w) {
+    if (_.length >= dr) break;
+    if (Ue(v) || !st(v) || !je(v)) continue;
     const S = Yt(v), B = v instanceof HTMLInputElement ? v.type : v.tagName.toLowerCase();
-    S && w.push({ label: pe(S, 100), type: B });
+    S && _.push({ label: me(S, 100), type: B });
   }
   const y = Array.from(
     r.querySelectorAll("[data-ll-form]")
-  ), z = [];
+  ), H = [];
   for (const v of y) {
-    if (z.length >= fr) break;
+    if (H.length >= fr) break;
     if (bt(v)) continue;
     const S = v.getAttribute("data-ll-form") || "";
     if (!S) continue;
@@ -1772,57 +1786,57 @@ function gr(e, t = {}) {
     ), A = [];
     for (const T of D) {
       if (A.length >= pr) break;
-      if (!lt(T)) continue;
+      if (!st(T)) continue;
       const W = T.getAttribute("data-ll-field") || "";
       if (!W) continue;
-      const V = Yt(T) || W, re = T instanceof HTMLInputElement ? T.type : T.tagName.toLowerCase(), te = {
+      const G = Yt(T) || W, re = T instanceof HTMLInputElement ? T.type : T.tagName.toLowerCase(), te = {
         name: W,
-        label: pe(V, 100),
+        label: me(G, 100),
         type: re
       };
       if (T.required === !0 && (te.required = !0), T instanceof HTMLSelectElement) {
-        const se = [];
-        for (let he = 0; he < T.options.length && !(se.length >= hr); he++) {
-          const de = T.options[he];
+        const ce = [];
+        for (let ge = 0; ge < T.options.length && !(ce.length >= hr); ge++) {
+          const de = T.options[ge];
           if (!de || de.disabled) continue;
           const K = de.value || "", ue = (de.textContent || "").trim() || K;
-          !K && !ue || se.push({ value: K, label: pe(ue, 60) });
+          !K && !ue || ce.push({ value: K, label: me(ue, 60) });
         }
-        se.length > 0 && (te.options = se);
+        ce.length > 0 && (te.options = ce);
       }
-      const be = typeof T.validationMessage == "string" ? T.validationMessage : "";
-      be && (te.validationMessage = pe(be, 200)), A.push(te);
+      const xe = typeof T.validationMessage == "string" ? T.validationMessage : "";
+      xe && (te.validationMessage = me(xe, 200)), A.push(te);
     }
-    z.push({ id: S, intent: B, fields: A });
+    H.push({ id: S, intent: B, fields: A });
   }
   const M = {
     url: i,
     title: l,
     pathname: o,
     regions: d,
-    visibleText: c,
+    visibleText: s,
     visibleLinks: R,
-    visibleFields: w,
-    forms: z,
+    visibleFields: _,
+    forms: H,
     extras: e
   };
-  let H = He(JSON.stringify(M.regions)) + He(M.visibleText) + He(JSON.stringify(M.visibleLinks)) + He(JSON.stringify(M.visibleFields));
-  for (; H > it && M.visibleFields.length > 0; )
-    M.visibleFields.pop(), H = He(JSON.stringify(M.visibleFields));
-  for (; H > it && M.visibleLinks.length > 0; )
-    M.visibleLinks.pop(), H -= 80;
-  return He(M.visibleText) > it && (M.visibleText = pe(M.visibleText, it - 100)), M;
-}
-let Oe = null;
+  let z = De(JSON.stringify(M.regions)) + De(M.visibleText) + De(JSON.stringify(M.visibleLinks)) + De(JSON.stringify(M.visibleFields));
+  for (; z > lt && M.visibleFields.length > 0; )
+    M.visibleFields.pop(), z = De(JSON.stringify(M.visibleFields));
+  for (; z > lt && M.visibleLinks.length > 0; )
+    M.visibleLinks.pop(), z -= 80;
+  return De(M.visibleText) > lt && (M.visibleText = me(M.visibleText, lt - 100)), M;
+}
+let $e = null;
 function Gt(e, t = {}) {
   const r = Date.now(), o = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if (Oe && Oe.key === o && r - Oe.at < 1e3)
-    return Oe.ctx;
+  if ($e && $e.key === o && r - $e.at < 1e3)
+    return $e.ctx;
   const l = gr(e, t);
-  return Oe = { key: o, at: r, ctx: l }, l;
+  return $e = { key: o, at: r, ctx: l }, l;
 }
 function yr() {
-  Oe = null;
+  $e = null;
 }
 const vr = 200;
 function br(e) {
@@ -1842,38 +1856,38 @@ function _r(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
   const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), o = [], l = Array.from(t.querySelectorAll("a[href]"));
-  for (const s of l) {
+  for (const c of l) {
     if (o.length >= vr) break;
-    if (bt(s)) continue;
-    const d = s.getAttribute("href") || "";
+    if (bt(c)) continue;
+    const d = c.getAttribute("href") || "";
     if (!wr(d)) continue;
-    let u = d, p = !0;
+    let u = d, h = !0;
     try {
       if (typeof window < "u") {
         const a = new URL(d, r);
-        p = a.origin === r, p && d.startsWith("http") && (u = a.pathname + a.search + a.hash);
+        h = a.origin === r, h && d.startsWith("http") && (u = a.pathname + a.search + a.hash);
       }
     } catch {
       continue;
     }
     if (i.has(u)) continue;
     i.add(u);
-    const m = (s.textContent || "").trim().slice(0, 120);
-    o.push({ href: u, text: m, internal: p });
+    const m = (c.textContent || "").trim().slice(0, 120);
+    o.push({ href: u, text: m, internal: h });
   }
   return o;
 }
-let qe = null;
+let ze = null;
 const xr = 5e3;
 function mt() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (qe && qe.pathname === t && e - qe.at < xr)
-    return qe.routes;
+  if (ze && ze.pathname === t && e - ze.at < xr)
+    return ze.routes;
   const r = _r();
-  return qe = { at: e, pathname: t, routes: r }, r;
+  return ze = { at: e, pathname: t, routes: r }, r;
 }
 function kr() {
-  qe = null;
+  ze = null;
 }
 function Lr(e, t) {
   const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, i = Object.getOwnPropertyDescriptor(r, "value"), o = i == null ? void 0 : i.set;
@@ -1885,8 +1899,8 @@ function Sr(e, t, r = {}) {
     const l = Object.getOwnPropertyDescriptor(
       HTMLInputElement.prototype,
       "checked"
-    ), s = l == null ? void 0 : l.set, d = t === "true" || t === "1" || t === "on";
-    s ? s.call(e, d) : e.checked = d, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+    ), c = l == null ? void 0 : l.set, d = t === "true" || t === "1" || t === "on";
+    c ? c.call(e, d) : e.checked = d, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
   Lr(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
@@ -1967,21 +1981,21 @@ function Mr(e) {
     baseUrl: i = "https://app.livelayer.studio",
     sessionEndpoint: o,
     sessionBody: l,
-    soundEffects: s,
+    soundEffects: c,
     autoConnect: d = !1,
     displayMode: u,
-    defaultDisplayMode: p = "expanded",
+    defaultDisplayMode: h = "expanded",
     onDisplayModeChange: m,
     position: a = "bottom-right",
-    mobileBreakpoint: c = 640,
+    mobileBreakpoint: s = 640,
     persistKey: R = "ll-widget",
     disablePersistence: q = !1,
-    teamMembers: w,
-    currentTeamMemberId: _,
+    teamMembers: _,
+    currentTeamMemberId: w,
     onTeamMemberChange: y,
-    idleLoopUrl: z,
+    idleLoopUrl: H,
     greeting: M,
-    avatarImageUrl: H,
+    avatarImageUrl: z,
     agentName: v,
     branding: S = {},
     allowCamera: B = !0,
@@ -1989,75 +2003,75 @@ function Mr(e) {
     allowTyping: A = !0,
     showOn: T,
     hideOn: W,
-    pathname: V,
+    pathname: G,
     onNavigate: re,
     onScrollToSelector: te,
-    getPageContext: be,
-    pageContextExtras: se,
-    getRoutes: he,
+    getPageContext: xe,
+    pageContextExtras: ce,
+    getRoutes: ge,
     onScrollPage: de,
     onClick: K,
     capabilities: ue,
-    onConnect: ke,
-    onDisconnect: Le,
-    onTranscript: Se,
-    onAgentState: Ce,
-    onConnectionStateChange: Ee,
-    onAgentEvent: Ne,
-    onAgentCommand: Ae,
-    controlledSession: j,
-    className: Xe,
-    style: Je,
-    zIndex: Ke = 2147483647
-  } = e, Qe = $n(V), Q = Fn(Qe, T, W);
+    onConnect: Le,
+    onDisconnect: Se,
+    onTranscript: Ce,
+    onAgentState: Ee,
+    onConnectionStateChange: Ne,
+    onAgentEvent: Ae,
+    onAgentCommand: Re,
+    controlledSession: V,
+    className: Ve,
+    style: Ye,
+    zIndex: Ge = 2147483647
+  } = e, Xe = $n(G), fe = Fn(Xe, T, W);
   N(() => {
     yr(), kr();
-  }, [Qe]);
-  const fe = _ !== void 0, [Re, ie] = C(() => {
+  }, [Xe]);
+  const ye = w !== void 0, [ie, ct] = C(() => {
     var g;
-    return _ ?? ((g = w == null ? void 0 : w[0]) == null ? void 0 : g.id);
-  }), we = fe ? _ : Re, Y = Be(
-    () => (w == null ? void 0 : w.find((g) => g.id === we)) ?? null,
-    [w, we]
-  ), _e = (Y == null ? void 0 : Y.agentId) ?? t, [xe, le] = Mn({
+    return w ?? ((g = _ == null ? void 0 : _[0]) == null ? void 0 : g.id);
+  }), pe = ye ? w : ie, Y = He(
+    () => (_ == null ? void 0 : _.find((g) => g.id === pe)) ?? null,
+    [_, pe]
+  ), Je = (Y == null ? void 0 : Y.agentId) ?? t, [ve, he] = Mn({
     value: u,
-    defaultValue: p,
+    defaultValue: h,
     onChange: m,
     persistKey: R,
     disablePersistence: q
-  }), Ie = Pn(c), Me = wn(), oe = _n(), ne = kn(), ae = Ln(), me = Sn(), [Te, ge] = C(!1), [Pe, Ze] = C(!1), [We, De] = C(!1), [at, ct] = C(!1), [$e, h] = C(!1), G = jn({ baseUrl: i, config: s }), Fe = E(G);
-  Fe.current = G;
-  const st = E(re), dt = E(te), ut = E(de), ft = E(K), wt = E(be), _t = E(se), xt = E(he), pt = E(ue), ce = E(null);
-  st.current = re, dt.current = te, ut.current = de, ft.current = K, wt.current = be, _t.current = se, xt.current = he, pt.current = ue;
-  function ye(g) {
-    const f = pt.current;
-    return f ? f.includes(g) : !0;
+  }), ke = Pn(s), Ie = wn(), Z = _n(), ne = kn(), oe = Ln(), be = Sn(), [Me, Te] = C(!1), [Oe, Ke] = C(!1), [le, ae] = C(!1), [Qe, Ze] = C(!1), [qe, et] = C(!1), f = jn({ baseUrl: i, config: c }), U = E(f);
+  U.current = f;
+  const tt = E(re), dt = E(te), ut = E(de), ft = E(K), wt = E(xe), _t = E(ce), xt = E(ge), pt = E(ue), se = E(null);
+  tt.current = re, dt.current = te, ut.current = de, ft.current = K, wt.current = xe, _t.current = ce, xt.current = ge, pt.current = ue;
+  function we(g) {
+    const p = pt.current;
+    return p ? p.includes(g) : !0;
   }
-  function ve(g, f) {
+  function _e(g, p) {
     console.warn(
-      `[LiveLayer] Agent command "${g}" blocked — capability "${f}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
+      `[LiveLayer] Agent command "${g}" blocked — capability "${p}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
     );
   }
-  const Ue = k(
+  const Be = k(
     (g) => {
-      var ee, tt, nt, Tt;
-      const f = g;
-      if (!(!f.type || typeof f.type != "string")) {
-        if (Ne == null || Ne({ eventName: f.type, data: g }), f.type === "navigate") {
-          if (!ye("navigate")) {
-            ve("navigate", "navigate");
+      var ee, rt, it, Tt;
+      const p = g;
+      if (!(!p.type || typeof p.type != "string")) {
+        if (Ae == null || Ae({ eventName: p.type, data: g }), p.type === "navigate") {
+          if (!we("navigate")) {
+            _e("navigate", "navigate");
             return;
           }
-          const L = typeof f.href == "string" ? f.href : null;
+          const L = typeof p.href == "string" ? p.href : null;
           if (!L) {
             console.warn(
               `[LiveLayer] Agent emitted "navigate" without href. Skipping. Check your agent's tool schema. See https://livelayer.studio/docs/errors/navigate-missing-href`
             );
             return;
           }
-          if (Fe.current.playPageChange(), st.current) {
+          if (U.current.playPageChange(), tt.current) {
             try {
-              st.current(L);
+              tt.current(L);
             } catch (I) {
               console.warn(
                 `[LiveLayer] onNavigate threw for "${L}". Falling back. Error:`,
@@ -2086,14 +2100,14 @@ function Mr(e) {
             }
           return;
         }
-        if (f.type === "scroll_to") {
-          if (!ye("scroll")) {
-            ve("scroll_to", "scroll");
+        if (p.type === "scroll_to") {
+          if (!we("scroll")) {
+            _e("scroll_to", "scroll");
             return;
           }
-          const L = typeof f.selector == "string" ? f.selector : null;
+          const L = typeof p.selector == "string" ? p.selector : null;
           if (!L) return;
-          const I = f.behavior === "instant" ? "instant" : "smooth";
+          const I = p.behavior === "instant" ? "instant" : "smooth";
           if (dt.current) {
             try {
               dt.current(
@@ -2128,26 +2142,26 @@ function Mr(e) {
           }
           return;
         }
-        if (f.type === "request_page_context") {
-          if (!ye("read_page")) {
-            ve("request_page_context", "read_page");
+        if (p.type === "request_page_context") {
+          if (!we("read_page")) {
+            _e("request_page_context", "read_page");
             return;
           }
-          const L = typeof f.requestId == "string" ? f.requestId : void 0, I = (ee = ce.current) == null ? void 0 : ee.call(ce), O = (U) => {
+          const L = typeof p.requestId == "string" ? p.requestId : void 0, I = (ee = se.current) == null ? void 0 : ee.call(se), O = (j) => {
             const P = I, J = P == null ? void 0 : P.localParticipant;
             if (J != null && J.publishData)
               try {
-                const Z = L ? { ...U, requestId: L } : U, ze = new TextEncoder().encode(JSON.stringify(Z));
-                J.publishData(ze, { reliable: !0 });
-              } catch (Z) {
-                console.warn("[LiveLayer] publishData failed.", Z);
+                const Q = L ? { ...j, requestId: L } : j, Pe = new TextEncoder().encode(JSON.stringify(Q));
+                J.publishData(Pe, { reliable: !0 });
+              } catch (Q) {
+                console.warn("[LiveLayer] publishData failed.", Q);
               }
           }, $ = _t.current, F = wt.current;
           try {
             if (F) {
-              const U = F($);
-              if (U instanceof Promise) {
-                O({ type: "page_context_pending" }), U.then((P) => O({ type: "page_context", context: P })).catch((P) => {
+              const j = F($);
+              if (j instanceof Promise) {
+                O({ type: "page_context_pending" }), j.then((P) => O({ type: "page_context", context: P })).catch((P) => {
                   console.warn(
                     "[LiveLayer] getPageContext rejected; falling back to default walker.",
                     P
@@ -2158,17 +2172,17 @@ function Mr(e) {
                 });
                 return;
               }
-              O({ type: "page_context", context: U });
+              O({ type: "page_context", context: j });
               return;
             }
             O({
               type: "page_context",
               context: Gt($)
             });
-          } catch (U) {
+          } catch (j) {
             console.warn(
               "[LiveLayer] page-context extraction threw. Sending empty context.",
-              U
+              j
             ), O({
               type: "page_context",
               context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: $ }
@@ -2176,19 +2190,19 @@ function Mr(e) {
           }
           return;
         }
-        if (f.type === "scroll_page") {
-          if (!ye("scroll")) {
-            ve("scroll_page", "scroll");
+        if (p.type === "scroll_page") {
+          if (!we("scroll")) {
+            _e("scroll_page", "scroll");
             return;
           }
-          const L = f.direction;
+          const L = p.direction;
           if (L !== "up" && L !== "down" && L !== "top" && L !== "bottom") {
             console.warn(
               `[LiveLayer] scroll_page: invalid direction "${String(L)}". Expected up | down | top | bottom.`
             );
             return;
           }
-          const I = f.behavior === "instant" ? "instant" : "smooth";
+          const I = p.behavior === "instant" ? "instant" : "smooth";
           if (ut.current) {
             try {
               ut.current(
@@ -2203,18 +2217,18 @@ function Mr(e) {
           if (typeof window > "u") return;
           const O = { behavior: I }, $ = Ar(), F = (P) => {
             $ instanceof Window ? $.scrollBy({ top: P, ...O }) : $.scrollBy({ top: P, ...O });
-          }, U = (P) => {
+          }, j = (P) => {
             $ instanceof Window ? $.scrollTo({ top: P, ...O }) : $.scrollTo({ top: P, ...O });
           };
-          L === "up" ? F(-Xt($)) : L === "down" ? F(Xt($)) : U(L === "top" ? 0 : Rr($));
+          L === "up" ? F(-Xt($)) : L === "down" ? F(Xt($)) : j(L === "top" ? 0 : Rr($));
           return;
         }
-        if (f.type === "click") {
-          if (!ye("click")) {
-            ve("click", "click");
+        if (p.type === "click") {
+          if (!we("click")) {
+            _e("click", "click");
             return;
           }
-          const L = typeof f.selector == "string" ? f.selector : null;
+          const L = typeof p.selector == "string" ? p.selector : null;
           if (!L) {
             console.warn("[LiveLayer] click: missing selector.");
             return;
@@ -2249,19 +2263,19 @@ function Mr(e) {
             );
             return;
           }
-          (tt = I.click) == null || tt.call(I);
+          (rt = I.click) == null || rt.call(I);
           return;
         }
-        if (f.type === "fill_form" || f.type === "focus_field") {
-          if (!ye("fill_forms")) {
-            ve(f.type, "fill_forms");
+        if (p.type === "fill_form" || p.type === "focus_field") {
+          if (!we("fill_forms")) {
+            _e(p.type, "fill_forms");
             return;
           }
           if (typeof document > "u") return;
-          f.type === "fill_form" && Fe.current.playConfirmation();
-          const L = typeof f.formId == "string" ? f.formId : null;
+          p.type === "fill_form" && U.current.playConfirmation();
+          const L = typeof p.formId == "string" ? p.formId : null;
           if (!L) {
-            console.warn(`[LiveLayer] ${f.type}: missing formId.`);
+            console.warn(`[LiveLayer] ${p.type}: missing formId.`);
             return;
           }
           const I = document.querySelector(
@@ -2269,18 +2283,18 @@ function Mr(e) {
           );
           if (!I) {
             console.warn(
-              `[LiveLayer] ${f.type}: no form with data-ll-form="${L}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
+              `[LiveLayer] ${p.type}: no form with data-ll-form="${L}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
             );
             return;
           }
           if (I.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
-              `[LiveLayer] ${f.type}: refusing to touch a form in a private subtree.`
+              `[LiveLayer] ${p.type}: refusing to touch a form in a private subtree.`
             );
             return;
           }
-          if (f.type === "focus_field") {
-            const $ = typeof f.fieldName == "string" ? f.fieldName : null;
+          if (p.type === "focus_field") {
+            const $ = typeof p.fieldName == "string" ? p.fieldName : null;
             if (!$) {
               console.warn("[LiveLayer] focus_field: missing fieldName.");
               return;
@@ -2292,7 +2306,7 @@ function Mr(e) {
               );
               return;
             }
-            if (!lt(F)) {
+            if (!st(F)) {
               console.warn(
                 `[LiveLayer] focus_field: field "${$}" is privacy-protected and not focusable.`
               );
@@ -2301,28 +2315,28 @@ function Mr(e) {
             F.focus();
             return;
           }
-          const O = f.values && typeof f.values == "object" ? f.values : null;
+          const O = p.values && typeof p.values == "object" ? p.values : null;
           if (!O) {
             console.warn("[LiveLayer] fill_form: missing or invalid values.");
             return;
           }
           for (const [$, F] of Object.entries(O)) {
             if (typeof F != "string") continue;
-            const U = I.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
-            if (!U) {
+            const j = I.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
+            if (!j) {
               console.warn(
                 `[LiveLayer] fill_form: no field "${$}" in form "${L}". Skipping.`
               );
               continue;
             }
-            if (!lt(U)) {
+            if (!st(j)) {
               console.warn(
                 `[LiveLayer] fill_form: field "${$}" is privacy-protected (password / cc-* / private). Skipping.`
               );
               continue;
             }
             try {
-              Sr(U, F);
+              Sr(j, F);
             } catch (P) {
               console.warn(
                 `[LiveLayer] fill_form: failed to set "${$}".`,
@@ -2332,18 +2346,18 @@ function Mr(e) {
           }
           return;
         }
-        if (f.type === "submit_form") {
-          if (!ye("submit_forms")) {
-            ve("submit_form", "submit_forms");
+        if (p.type === "submit_form") {
+          if (!we("submit_forms")) {
+            _e("submit_form", "submit_forms");
             return;
           }
           if (typeof document > "u") return;
-          const L = typeof f.formId == "string" ? f.formId : null;
+          const L = typeof p.formId == "string" ? p.formId : null;
           if (!L) {
             console.warn("[LiveLayer] submit_form: missing formId.");
             return;
           }
-          Fe.current.playConfirmation();
+          U.current.playConfirmation();
           const I = document.querySelector(
             `[data-ll-form="${L.replace(/"/g, '\\"')}"]`
           );
@@ -2359,18 +2373,18 @@ function Mr(e) {
             );
             return;
           }
-          const O = typeof f.requestId == "string" ? f.requestId : void 0, $ = (nt = ce.current) == null ? void 0 : nt.call(ce), F = (J) => {
-            const Z = $, ze = Z == null ? void 0 : Z.localParticipant;
-            if (ze != null && ze.publishData)
+          const O = typeof p.requestId == "string" ? p.requestId : void 0, $ = (it = se.current) == null ? void 0 : it.call(se), F = (J) => {
+            const Q = $, Pe = Q == null ? void 0 : Q.localParticipant;
+            if (Pe != null && Pe.publishData)
               try {
                 const un = O ? { ...J, requestId: O } : J, fn = new TextEncoder().encode(JSON.stringify(un));
-                ze.publishData(fn, { reliable: !0 });
+                Pe.publishData(fn, { reliable: !0 });
               } catch {
               }
           };
-          let U = !1;
+          let j = !1;
           const P = () => {
-            U = !0, F({ type: "form_submitted", formId: L });
+            j = !0, F({ type: "form_submitted", formId: L });
           };
           I.addEventListener("submit", P, { once: !0 });
           try {
@@ -2384,7 +2398,7 @@ function Mr(e) {
             return;
           }
           setTimeout(() => {
-            U || (I.removeEventListener("submit", P), F({
+            j || (I.removeEventListener("submit", P), F({
               type: "form_submit_blocked",
               formId: L,
               reason: "validation"
@@ -2392,34 +2406,34 @@ function Mr(e) {
           }, 500);
           return;
         }
-        if (f.type === "request_routes") {
-          if (!ye("read_page")) {
-            ve("request_routes", "read_page");
+        if (p.type === "request_routes") {
+          if (!we("read_page")) {
+            _e("request_routes", "read_page");
             return;
           }
-          const L = typeof f.requestId == "string" ? f.requestId : void 0, O = (Tt = ce.current) == null ? void 0 : Tt.call(ce), $ = O == null ? void 0 : O.localParticipant;
+          const L = typeof p.requestId == "string" ? p.requestId : void 0, O = (Tt = se.current) == null ? void 0 : Tt.call(se), $ = O == null ? void 0 : O.localParticipant;
           if (!($ != null && $.publishData)) return;
           const F = (P) => {
             try {
-              const J = L ? { type: "routes", routes: P, requestId: L } : { type: "routes", routes: P }, Z = new TextEncoder().encode(JSON.stringify(J));
-              $.publishData(Z, { reliable: !0 });
+              const J = L ? { type: "routes", routes: P, requestId: L } : { type: "routes", routes: P }, Q = new TextEncoder().encode(JSON.stringify(J));
+              $.publishData(Q, { reliable: !0 });
             } catch (J) {
               console.warn("[LiveLayer] request_routes: publishData failed.", J);
             }
-          }, U = xt.current;
-          if (U) {
+          }, j = xt.current;
+          if (j) {
             try {
-              const P = U(), J = (Z) => {
-                if (!Array.isArray(Z)) {
+              const P = j(), J = (Q) => {
+                if (!Array.isArray(Q)) {
                   F([]);
                   return;
                 }
-                F(Z.map(br).slice(0, 200));
+                F(Q.map(br).slice(0, 200));
               };
-              P instanceof Promise ? P.then(J).catch((Z) => {
+              P instanceof Promise ? P.then(J).catch((Q) => {
                 console.warn(
                   "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
-                  Z
+                  Q
                 ), F(mt());
               }) : J(P);
             } catch (P) {
@@ -2437,22 +2451,22 @@ function Mr(e) {
           }
           return;
         }
-        Ir.has(f.type) || Ae == null || Ae(f);
+        Ir.has(p.type) || Re == null || Re(p);
       }
     },
-    [Ae, Ne]
+    [Re, Ae]
   ), X = bn({
-    agentId: j ? "__controlled__" : _e,
+    agentId: V ? "__controlled__" : Je,
     baseUrl: i,
     apiKey: r,
     sessionEndpoint: o,
     sessionBody: l,
-    onDataMessage: j ? void 0 : Ue
+    onDataMessage: V ? void 0 : Be
   });
   N(() => {
-    if (j != null && j.subscribeToDataMessages)
-      return j.subscribeToDataMessages(Ue);
-  }, [j, Ue]), ce.current = () => {
+    if (V != null && V.subscribeToDataMessages)
+      return V.subscribeToDataMessages(Be);
+  }, [V, Be]), se.current = () => {
     var g;
     return (g = X.getRoom) == null ? void 0 : g.call(X);
   }, N(() => {
@@ -2460,29 +2474,29 @@ function Mr(e) {
     if (typeof window > "u") return;
     const g = ((ee = window.location) == null ? void 0 : ee.hostname) || "";
     if (g === "localhost" || g === "127.0.0.1" || g === "0.0.0.0" || g.endsWith(".local") || g.endsWith(".test"))
-      return window.__livelayerSimulateCommand = (tt) => {
+      return window.__livelayerSimulateCommand = (rt) => {
         try {
-          Ue(tt);
-        } catch (nt) {
-          console.warn("[LiveLayer] simulate-command threw:", nt);
+          Be(rt);
+        } catch (it) {
+          console.warn("[LiveLayer] simulate-command threw:", it);
         }
       }, () => {
         delete window.__livelayerSimulateCommand;
       };
-  }, [Ue]);
-  const b = Be(() => j ? {
-    connectionState: j.connectionState,
-    agentState: j.agentState,
-    transcript: j.transcript,
-    videoElement: j.videoElement,
-    audioElement: j.audioElement,
-    canResume: j.canResume,
-    error: j.error,
+  }, [Be]);
+  const b = He(() => V ? {
+    connectionState: V.connectionState,
+    agentState: V.agentState,
+    transcript: V.transcript,
+    videoElement: V.videoElement,
+    audioElement: V.audioElement,
+    canResume: V.canResume,
+    error: V.error,
     agentConfig: null,
     connect: async () => {
-      await j.onConnect();
+      await V.onConnect();
     },
-    disconnect: () => j.onDisconnect(),
+    disconnect: () => V.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.
@@ -2501,194 +2515,194 @@ function Mr(e) {
     disconnect: X.disconnect,
     getRoom: X.getRoom,
     isControlled: !1
-  }, [j, X]), kt = E(null);
+  }, [V, X]), kt = E(null);
   N(() => {
-    const g = b.videoElement, f = kt.current;
-    if (!(!g || !f))
-      return f.appendChild(g), () => {
-        g.parentNode === f && f.removeChild(g);
+    const g = b.videoElement, p = kt.current;
+    if (!(!g || !p))
+      return p.appendChild(g), () => {
+        g.parentNode === p && p.removeChild(g);
       };
   }, [b.videoElement]), N(() => {
     const g = b.audioElement;
     if (!g) return;
-    Me.attach(g);
-    const f = g.play();
-    return f && typeof f.catch == "function" && f.catch((ee) => {
-      (ee == null ? void 0 : ee.name) === "NotAllowedError" && ge(!0);
+    Ie.attach(g);
+    const p = g.play();
+    return p && typeof p.catch == "function" && p.catch((ee) => {
+      (ee == null ? void 0 : ee.name) === "NotAllowedError" && Te(!0);
     }), () => {
-      Me.detach();
+      Ie.detach();
     };
   }, [b.audioElement]), N(() => {
     if (b.isControlled || b.connectionState !== "connected") return;
     const g = b.getRoom();
     if (g)
-      return oe.setupMic(g).catch(() => {
-      }), ne.attachRoom(g), ae.attachRoom(g), me.refresh(), () => {
-        oe.teardownMic(), ne.teardown(), ae.teardown();
+      return Z.setupMic(g).catch(() => {
+      }), ne.attachRoom(g), oe.attachRoom(g), be.refresh(), () => {
+        Z.teardownMic(), ne.teardown(), oe.teardown();
       };
   }, [b.isControlled, b.connectionState]), N(() => {
     const g = b.audioElement;
-    g && (g.muted = $e);
-  }, [b.audioElement, $e]);
+    g && (g.muted = qe);
+  }, [b.audioElement, qe]);
   const Zt = k((g) => {
-    const f = b.getRoom();
-    if (f)
+    const p = b.getRoom();
+    if (p)
       try {
         const ee = new TextEncoder().encode(
           JSON.stringify({ type: "user_message", text: g })
         );
-        f.localParticipant.publishData(ee, { reliable: !0 });
+        p.localParticipant.publishData(ee, { reliable: !0 });
       } catch {
       }
   }, [b]), en = k(() => {
-    h((g) => !g);
+    et((g) => !g);
   }, []);
   N(() => {
-    Ee == null || Ee(b.connectionState), b.connectionState === "connected" ? ke == null || ke() : b.connectionState === "disconnected" && (Le == null || Le());
-  }, [b.connectionState, ke, Le, Ee]), N(() => {
-    Se == null || Se(b.transcript);
-  }, [b.transcript, Se]), N(() => {
-    Ce == null || Ce(b.agentState);
-  }, [b.agentState, Ce]), N(() => {
-    G.setThinking(b.agentState === "thinking");
-  }, [b.agentState, G]);
+    Ne == null || Ne(b.connectionState), b.connectionState === "connected" ? Le == null || Le() : b.connectionState === "disconnected" && (Se == null || Se());
+  }, [b.connectionState, Le, Se, Ne]), N(() => {
+    Ce == null || Ce(b.transcript);
+  }, [b.transcript, Ce]), N(() => {
+    Ee == null || Ee(b.agentState);
+  }, [b.agentState, Ee]), N(() => {
+    f.setThinking(b.agentState === "thinking");
+  }, [b.agentState, f]);
   const Lt = E(!1);
   N(() => {
-    b.isControlled || !d || Lt.current || Q && b.connectionState === "idle" && (Lt.current = !0, b.connect());
-  }, [d, b.connectionState, b, Q]);
+    b.isControlled || !d || Lt.current || fe && b.connectionState === "idle" && (Lt.current = !0, b.connect());
+  }, [d, b.connectionState, b, fe]);
   const tn = k(
     (g) => {
-      const f = w == null ? void 0 : w.find((ee) => ee.id === g);
-      f && (De(!1), g !== we && (Ze(!0), b.disconnect(), fe || ie(g), y == null || y(f)));
+      const p = _ == null ? void 0 : _.find((ee) => ee.id === g);
+      p && (ae(!1), g !== pe && (Ke(!0), b.disconnect(), ye || ct(g), y == null || y(p)));
     },
     [
-      w,
-      we,
+      _,
+      pe,
       b,
-      fe,
+      ye,
       y
     ]
   );
   N(() => {
-    Pe && b.connectionState === "connected" && Ze(!1);
-  }, [b.connectionState, Pe]), N(() => {
-    if (!We) return;
-    const g = (f) => {
-      f.key === "Escape" && De(!1);
+    Oe && b.connectionState === "connected" && Ke(!1);
+  }, [b.connectionState, Oe]), N(() => {
+    if (!le) return;
+    const g = (p) => {
+      p.key === "Escape" && ae(!1);
     };
     return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
-  }, [We]);
-  const nn = !!H || !!(Y != null && Y.avatarImageUrl) || b.isControlled, je = Cn(_e, i, nn);
-  ue === void 0 && ((Ct = je.info) != null && Ct.capabilities) && (pt.current = je.info.capabilities);
-  const et = (Y == null ? void 0 : Y.name) ?? v ?? ((Et = b.agentConfig) == null ? void 0 : Et.name) ?? ((Nt = je.info) == null ? void 0 : Nt.name) ?? "Live Layer", ht = (Y == null ? void 0 : Y.avatarImageUrl) ?? H ?? ((At = b.agentConfig) == null ? void 0 : At.avatarImageUrl) ?? ((Rt = je.info) == null ? void 0 : Rt.avatarImageUrl) ?? null, rn = z ?? ((It = b.agentConfig) == null ? void 0 : It.idleLoopUrl) ?? ((Mt = je.info) == null ? void 0 : Mt.idleLoopUrl) ?? null, on = M ?? null, ln = k(() => le("expanded"), [le]), an = k(
-    () => le("minimized"),
-    [le]
+  }, [le]);
+  const nn = !!z || !!(Y != null && Y.avatarImageUrl) || b.isControlled, We = Cn(Je, i, nn);
+  ue === void 0 && ((Ct = We.info) != null && Ct.capabilities) && (pt.current = We.info.capabilities);
+  const nt = (Y == null ? void 0 : Y.name) ?? v ?? ((Et = b.agentConfig) == null ? void 0 : Et.name) ?? ((Nt = We.info) == null ? void 0 : Nt.name) ?? "Live Layer", ht = (Y == null ? void 0 : Y.avatarImageUrl) ?? z ?? ((At = b.agentConfig) == null ? void 0 : At.avatarImageUrl) ?? ((Rt = We.info) == null ? void 0 : Rt.avatarImageUrl) ?? null, rn = H ?? ((It = b.agentConfig) == null ? void 0 : It.idleLoopUrl) ?? ((Mt = We.info) == null ? void 0 : Mt.idleLoopUrl) ?? null, on = M ?? null, ln = k(() => he("expanded"), [he]), an = k(
+    () => he("minimized"),
+    [he]
   ), St = k(() => {
-    b.disconnect(), le("hidden");
-  }, [b, le]), cn = k(() => {
+    b.disconnect(), he("hidden");
+  }, [b, he]), sn = k(() => {
     const g = b.audioElement;
-    g && g.play().then(() => ge(!1)).catch(() => {
+    g && g.play().then(() => Te(!1)).catch(() => {
     });
-  }, [b.audioElement]), sn = k(() => {
-    ge(!1), b.connect();
-  }, [b]), Ve = {
-    ...Je,
-    zIndex: Ke
+  }, [b.audioElement]), cn = k(() => {
+    Te(!1), b.connect();
+  }, [b]), Fe = {
+    ...Ye,
+    zIndex: Ge
   };
-  S.primaryColor && (Ve["--ll-color-primary"] = S.primaryColor), S.accentColor && (Ve["--ll-color-accent"] = S.accentColor), S.backgroundColor && (Ve["--ll-color-bg"] = S.backgroundColor), S.textColor && (Ve["--ll-color-fg"] = S.textColor);
+  S.primaryColor && (Fe["--ll-color-primary"] = S.primaryColor), S.accentColor && (Fe["--ll-color-accent"] = S.accentColor), S.backgroundColor && (Fe["--ll-color-bg"] = S.backgroundColor), S.textColor && (Fe["--ll-color-fg"] = S.textColor);
   const dn = [
     "ll-widget",
-    `ll-widget--${xe}`,
-    `ll-widget--${Ie ? "mobile" : "desktop"}`,
-    Xe
+    `ll-widget--${ve}`,
+    `ll-widget--${ke ? "mobile" : "desktop"}`,
+    Ve
   ].filter(Boolean).join(" ");
-  return Q ? /* @__PURE__ */ x(
+  return fe ? /* @__PURE__ */ x(
     "div",
     {
       className: dn,
-      style: Ve,
-      "data-display-mode": xe,
+      style: Fe,
+      "data-display-mode": ve,
       "data-position": a,
       children: [
-        xe === "hidden" && /* @__PURE__ */ n(
+        ve === "hidden" && /* @__PURE__ */ n(
           Kn,
           {
             position: a,
-            isMobile: Ie,
+            isMobile: ke,
             isSpeaking: b.agentState === "speaking",
-            onExpand: () => le("expanded"),
-            label: `Open ${et} widget`,
+            onExpand: () => he("expanded"),
+            label: `Open ${nt} widget`,
             avatarImageUrl: ht,
-            agentName: et
+            agentName: nt
           }
         ),
-        xe === "minimized" && /* @__PURE__ */ n(
+        ve === "minimized" && /* @__PURE__ */ n(
           Zn,
           {
             position: a,
-            isMobile: Ie,
-            agentName: et,
+            isMobile: ke,
+            agentName: nt,
             avatarImageUrl: ht,
             agentState: b.agentState,
-            isMuted: oe.isMuted,
-            audioLevel: Me,
+            isMuted: Z.isMuted,
+            audioLevel: Ie,
             onExpand: ln,
-            onToggleMute: oe.toggleMute,
+            onToggleMute: Z.toggleMute,
             onClose: St
           }
         ),
-        xe === "expanded" && /* @__PURE__ */ n(
+        ve === "expanded" && /* @__PURE__ */ n(
           tr,
           {
             position: a,
-            isMobile: Ie,
-            agentName: et,
+            isMobile: ke,
+            agentName: nt,
             avatarImageUrl: ht,
             idleLoopUrl: rn,
             greeting: on,
             branding: S,
-            teamMembers: w,
-            currentTeamMemberId: we,
-            isSwitchingTeamMember: Pe,
-            teamSwitcherOpen: We,
-            onToggleTeamSwitcher: () => De((g) => !g),
+            teamMembers: _,
+            currentTeamMemberId: pe,
+            isSwitchingTeamMember: Oe,
+            teamSwitcherOpen: le,
+            onToggleTeamSwitcher: () => ae((g) => !g),
             onSelectTeamMember: tn,
             connectionState: b.connectionState,
             agentState: b.agentState,
             transcript: b.transcript,
-            isMuted: oe.isMuted,
-            micDevices: me.mics,
+            isMuted: Z.isMuted,
+            micDevices: be.mics,
             isCameraEnabled: ne.isEnabled,
             cameraPreviewEl: ne.previewEl,
-            cameraDevices: me.cameras,
+            cameraDevices: be.cameras,
             activeCameraId: ne.activeDeviceId,
-            isScreenShareEnabled: ae.isEnabled,
-            screenPreviewEl: ae.previewEl,
-            isSpeakerMuted: $e,
+            isScreenShareEnabled: oe.isEnabled,
+            screenPreviewEl: oe.previewEl,
+            isSpeakerMuted: qe,
             allowCamera: B,
             allowScreenShare: D,
             allowTyping: A,
-            languageMenuOpen: at,
-            onToggleLanguageMenu: () => ct((g) => !g),
-            needsUserGesture: Te,
+            languageMenuOpen: Qe,
+            onToggleLanguageMenu: () => Ze((g) => !g),
+            needsUserGesture: Me,
             canResume: b.canResume,
-            micError: oe.micError,
+            micError: Z.micError,
             error: b.error,
             avatarVideoContainerRef: kt,
             agentVideoEl: b.videoElement,
             onConnect: () => void b.connect(),
             onDisconnect: () => b.disconnect(),
-            onRetry: sn,
-            onResumeAudio: cn,
-            onToggleMute: oe.toggleMute,
+            onRetry: cn,
+            onResumeAudio: sn,
+            onToggleMute: Z.toggleMute,
             onToggleCamera: () => void ne.toggle(),
             onSwitchCameraDevice: (g) => void ne.switchDevice(g),
-            onToggleScreenShare: () => void ae.toggle(),
+            onToggleScreenShare: () => void oe.toggle(),
             onToggleSpeaker: en,
             onSendMessage: Zt,
             onMinimize: an,
             onClose: St,
-            onClearMicError: oe.clearError
+            onClearMicError: Z.clearError
           }
         )
       ]
@@ -2705,27 +2719,27 @@ const Br = ({
   mode: i,
   onAgentEvent: o,
   className: l,
-  style: s
+  style: c
 }) => {
-  const d = E(null), u = E(null), p = E(o);
-  p.current = o;
+  const d = E(null), u = E(null), h = E(o);
+  h.current = o;
   const m = k((a) => {
     var R;
-    const c = a.detail;
-    (R = p.current) == null || R.call(p, c);
+    const s = a.detail;
+    (R = h.current) == null || R.call(h, s);
   }, []);
   return N(() => {
     const a = d.current;
     if (!a) 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", m), a.appendChild(c), u.current = c, () => {
-      c.removeEventListener("agent-event", m), a.removeChild(c), u.current = null;
+    const s = document.createElement("livelayer-widget");
+    return s.setAttribute("agent-id", e), t && s.setAttribute("base-url", t), r && s.setAttribute("api-key", r), i && s.setAttribute("mode", i), s.addEventListener("agent-event", m), a.appendChild(s), u.current = s, () => {
+      s.removeEventListener("agent-event", m), a.removeChild(s), u.current = null;
     };
   }, [e]), N(() => {
     u.current && (i ? u.current.setAttribute("mode", i) : u.current.removeAttribute("mode"));
-  }, [i]), /* @__PURE__ */ n("div", { ref: d, className: l, style: s });
+  }, [i]), /* @__PURE__ */ n("div", { ref: d, className: l, style: c });
 }, Wr = vt(
-  function({ id: t, intent: r, as: i = "div", className: o, style: l, children: s }, d) {
+  function({ id: t, intent: r, as: i = "div", className: o, style: l, children: c }, d) {
     return hn(
       i,
       {
@@ -2735,7 +2749,7 @@ const Br = ({
         className: o,
         style: l
       },
-      s
+      c
     );
   }
 ), Fr = vt(
@@ -2753,37 +2767,37 @@ const Br = ({
   }
 ), Ur = vt(
   function(t, r) {
-    const { name: i, label: o, labelClassName: l } = t, s = { name: i, "data-ll-field": i };
+    const { name: i, label: o, labelClassName: l } = t, c = { name: i, "data-ll-field": i };
     let d;
     if ("as" in t && t.as === "textarea") {
-      const { name: u, label: p, labelClassName: m, as: a, ...c } = t;
+      const { name: u, label: h, labelClassName: m, as: a, ...s } = t;
       d = /* @__PURE__ */ n(
         "textarea",
         {
           ref: r,
-          ...s,
-          ...c
+          ...c,
+          ...s
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: u, label: p, labelClassName: m, as: a, children: c, ...R } = t;
+      const { name: u, label: h, labelClassName: m, as: a, children: s, ...R } = t;
       d = /* @__PURE__ */ n(
         "select",
         {
           ref: r,
-          ...s,
+          ...c,
           ...R,
-          children: c
+          children: s
         }
       );
     } else {
-      const { name: u, label: p, labelClassName: m, as: a, ...c } = t;
+      const { name: u, label: h, labelClassName: m, as: a, ...s } = t;
       d = /* @__PURE__ */ n(
         "input",
         {
           ref: r,
-          ...s,
-          ...c
+          ...c,
+          ...s
         }
       );
     }
@@ -2799,11 +2813,11 @@ function jr({
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [i, o] = C(t), [l, s] = C([]), [d, u] = C(""), [p, m] = C(!1), a = E(/* @__PURE__ */ new Set()), c = E([]), R = E(p);
-  R.current = p, N(() => {
+  const [i, o] = C(t), [l, c] = C([]), [d, u] = C(""), [h, m] = C(!1), a = E(/* @__PURE__ */ new Set()), s = E([]), R = E(h);
+  R.current = h, N(() => {
     try {
-      const _ = localStorage.getItem(r);
-      _ === "1" && o(!0), _ === "0" && o(!1);
+      const w = localStorage.getItem(r);
+      w === "1" && o(!0), w === "0" && o(!1);
     } catch {
     }
   }, [r]), N(() => {
@@ -2812,36 +2826,36 @@ function jr({
     } catch {
     }
   }, [i, r]), N(() => {
-    const _ = (y) => {
-      (y.metaKey || y.ctrlKey) && y.shiftKey && y.key.toLowerCase() === "l" && (y.preventDefault(), o((z) => !z));
+    const w = (y) => {
+      (y.metaKey || y.ctrlKey) && y.shiftKey && y.key.toLowerCase() === "l" && (y.preventDefault(), o((H) => !H));
     };
-    return window.addEventListener("keydown", _), () => window.removeEventListener("keydown", _);
+    return window.addEventListener("keydown", w), () => window.removeEventListener("keydown", w);
   }, []), N(() => {
-    const _ = setInterval(() => {
-      if (c.current.length === 0 || R.current) return;
-      const y = c.current.splice(0, c.current.length);
-      s(
-        (z) => [...y.reverse(), ...z].slice(0, 200)
+    const w = setInterval(() => {
+      if (s.current.length === 0 || R.current) return;
+      const y = s.current.splice(0, s.current.length);
+      c(
+        (H) => [...y.reverse(), ...H].slice(0, 200)
       );
     }, 100);
-    return () => clearInterval(_);
+    return () => clearInterval(w);
   }, []);
   const q = E(!1);
   if (N(() => {
-    !e || q.current || (q.current = !0, e((_) => {
-      c.current.push({
+    !e || q.current || (q.current = !0, e((w) => {
+      s.current.push({
         id: Jt++,
         ts: Date.now(),
         kind: "event",
-        type: _.eventName,
-        data: _.data
+        type: w.eventName,
+        data: w.data
       });
     }));
   }, [e]), N(() => {
-    const _ = console.warn, y = console.log, z = (M, H) => function(...v) {
+    const w = console.warn, y = console.log, H = (M, z) => function(...v) {
       try {
         const S = typeof v[0] == "string" ? v[0] : "";
-        S.startsWith("[LiveLayer]") && c.current.push({
+        S.startsWith("[LiveLayer]") && s.current.push({
           id: Jt++,
           ts: Date.now(),
           kind: M,
@@ -2850,10 +2864,10 @@ function jr({
         });
       } catch {
       }
-      return H.apply(this, v);
+      return z.apply(this, v);
     };
-    return console.warn = z("warn", _), console.log = z("log", y), () => {
-      console.warn = _, console.log = y;
+    return console.warn = H("warn", w), console.log = H("log", y), () => {
+      console.warn = w, console.log = y;
     };
   }, []), !i)
     return /* @__PURE__ */ n(
@@ -2882,10 +2896,10 @@ function jr({
         children: "🛰 LL debug"
       }
     );
-  const w = l.filter((_) => {
+  const _ = l.filter((w) => {
     if (!d) return !0;
     const y = d.toLowerCase();
-    return _.type.toLowerCase().includes(y) || JSON.stringify(_.data || {}).toLowerCase().includes(y);
+    return w.type.toLowerCase().includes(y) || JSON.stringify(w.data || {}).toLowerCase().includes(y);
   });
   return /* @__PURE__ */ x(
     "div",
@@ -2932,10 +2946,10 @@ function jr({
                 "button",
                 {
                   type: "button",
-                  onClick: () => m((_) => !_),
-                  style: gt(p ? "#f59e0b" : "transparent"),
+                  onClick: () => m((w) => !w),
+                  style: gt(h ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
-                  children: p ? "▶ resume" : "⏸ pause"
+                  children: h ? "▶ resume" : "⏸ pause"
                 }
               ),
               /* @__PURE__ */ n(
@@ -2943,7 +2957,7 @@ function jr({
                 {
                   type: "button",
                   onClick: () => {
-                    s([]), c.current = [];
+                    c([]), s.current = [];
                   },
                   style: gt("transparent"),
                   title: "Clear buffer",
@@ -2969,7 +2983,7 @@ function jr({
           {
             type: "text",
             value: d,
-            onChange: (_) => u(_.target.value),
+            onChange: (w) => u(w.target.value),
             placeholder: "filter by type or data…",
             style: {
               margin: 8,
@@ -2991,7 +3005,7 @@ function jr({
               overflowY: "auto",
               padding: "0 8px 8px"
             },
-            children: w.length === 0 ? /* @__PURE__ */ x(
+            children: _.length === 0 ? /* @__PURE__ */ x(
               "div",
               {
                 style: {
@@ -3021,16 +3035,16 @@ function jr({
                   )
                 ]
               }
-            ) : w.map((_) => /* @__PURE__ */ n(
+            ) : _.map((w) => /* @__PURE__ */ n(
               Tr,
               {
-                entry: _,
-                expanded: a.current.has(_.id),
+                entry: w,
+                expanded: a.current.has(w.id),
                 onToggle: () => {
-                  a.current.has(_.id) ? a.current.delete(_.id) : a.current.add(_.id), s((y) => [...y]);
+                  a.current.has(w.id) ? a.current.delete(w.id) : a.current.add(w.id), c((y) => [...y]);
                 }
               },
-              _.id
+              w.id
             ))
           }
         )
@@ -3129,10 +3143,10 @@ function Pr(e) {
 function Vr() {
   const [e, t] = C([]), r = k((o) => {
     t((l) => {
-      const s = l.findIndex((d) => d.id === o.id);
-      if (s >= 0) {
+      const c = l.findIndex((d) => d.id === o.id);
+      if (c >= 0) {
         const d = l.slice();
-        return d[s] = o, d;
+        return d[c] = o, d;
       }
       return [...l, o];
     });