@livelayer/react 0.9.1 → 0.9.2

package/dist/index.mjs

@@ -1,9 +1,10 @@
 "use client";
 import { jsxs as g, jsx as n, Fragment as lt } from "react/jsx-runtime";
-import { Component as An, useState as L, useRef as E, useEffect as N, useCallback as x, useMemo as je, forwardRef as at, useImperativeHandle as Rn, createElement as Tn } from "react";
-import { LiveKitSession as In } from "@livelayer/sdk";
-import { createLocalAudioTrack as Mn, Track as sn, createLocalVideoTrack as Pn } from "livekit-client";
-class Dn extends An {
+import { Component as In, useState as L, useRef as S, useEffect as A, useCallback as k, useMemo as Ue, useLayoutEffect as Tn, forwardRef as at, useImperativeHandle as Mn, createElement as Dn } from "react";
+import { LiveKitSession as Pn } from "@livelayer/sdk";
+import { createLocalAudioTrack as $n, Track as dn, createLocalVideoTrack as zn } from "livekit-client";
+import { createPortal as On } from "react-dom";
+class Hn extends In {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
       this.setState({ hasError: !1, error: null });
@@ -33,26 +34,26 @@ class Dn extends An {
     ] }) : this.props.children;
   }
 }
-function $n(e) {
-  const [t, r] = L("idle"), [o, i] = L("idle"), [l, d] = L([]), [s, u] = L(null), [f, m] = L(null), [a, c] = L(null), [R, P] = L(!1), [C, v] = L(null), b = E(null), A = E(e.onDataMessage);
-  A.current = e.onDataMessage, N(() => {
-    const T = {
+function Wn(e) {
+  const [t, r] = L("idle"), [o, i] = L("idle"), [l, u] = L([]), [d, c] = L(null), [f, h] = L(null), [a, s] = L(null), [R, D] = L(!1), [E, v] = L(null), b = S(null), N = S(e.onDataMessage);
+  N.current = e.onDataMessage, A(() => {
+    const I = {
       onConnectionStateChange: (z) => {
         r(z), z === "connected" && v(null);
       },
       onAgentStateChange: i,
-      onTranscript: (z) => d([...z]),
-      onAgentConfig: u,
-      onAudioTrack: (z) => c(z),
-      onVideoTrack: (z) => m(z),
-      onVideoTrackRemoved: () => m(null),
+      onTranscript: (z) => u([...z]),
+      onAgentConfig: c,
+      onAudioTrack: (z) => s(z),
+      onVideoTrack: (z) => h(z),
+      onVideoTrackRemoved: () => h(null),
       onError: (z) => v(z),
       onDataMessage: (z) => {
-        var S;
-        (S = A.current) == null || S.call(A, z);
+        var C;
+        (C = N.current) == null || C.call(N, z);
       },
-      onResumabilityChange: P
-    }, B = new In(
+      onResumabilityChange: D
+    }, B = new Pn(
       {
         agentId: e.agentId,
         baseUrl: e.baseUrl,
@@ -60,9 +61,9 @@ function $n(e) {
         sessionEndpoint: e.sessionEndpoint,
         sessionBody: e.sessionBody
       },
-      T
+      I
     );
-    return b.current = B, r("idle"), i("idle"), d([]), u(null), m(null), c(null), P(!1), v(null), () => {
+    return b.current = B, r("idle"), i("idle"), u([]), c(null), h(null), s(null), D(!1), v(null), () => {
       var z;
       (z = B.destroy) == null || z.call(B), b.current = null;
     };
@@ -73,38 +74,38 @@ function $n(e) {
     e.sessionEndpoint,
     JSON.stringify(e.sessionBody ?? {})
   ]);
-  const I = x(async () => {
-    const T = b.current;
-    if (T)
+  const T = k(async () => {
+    const I = b.current;
+    if (I)
       try {
-        await T.connect();
+        await I.connect();
       } catch (B) {
         throw v(B instanceof Error ? B.message : String(B)), B;
       }
-  }, []), $ = x(() => {
-    const T = b.current;
-    T && T.disconnect();
-  }, []), w = x(() => {
-    var T;
-    return ((T = b.current) == null ? void 0 : T.getRoom()) ?? null;
+  }, []), $ = k(() => {
+    const I = b.current;
+    I && I.disconnect();
+  }, []), w = k(() => {
+    var I;
+    return ((I = b.current) == null ? void 0 : I.getRoom()) ?? null;
   }, []);
   return {
     connectionState: t,
     agentState: o,
     transcript: l,
-    agentConfig: s,
+    agentConfig: d,
     videoElement: f,
     audioElement: a,
     canResume: R,
-    error: C,
-    connect: I,
+    error: E,
+    connect: T,
     disconnect: $,
     getRoom: w,
     session: b.current
   };
 }
-function zn() {
-  const e = E(null), t = E(null), r = E(null), o = E(null), i = E(/* @__PURE__ */ new Set()), l = E(null), d = x(() => {
+function Bn() {
+  const e = S(null), t = S(null), r = S(null), o = S(null), i = S(/* @__PURE__ */ new Set()), l = S(null), u = k(() => {
     const a = t.current;
     if (!a) {
       o.current = null;
@@ -113,25 +114,25 @@ function zn() {
     (!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 C = 0; C < c.length; C++) R += c[C];
-    const P = R / c.length / 255;
-    for (const C of i.current)
+    for (let E = 0; E < s.length; E++) R += s[E];
+    const D = R / s.length / 255;
+    for (const E of i.current)
       try {
-        C(P);
+        E(D);
       } catch (v) {
         console.error("[useAudioLevel] subscriber threw:", v);
       }
-    o.current = requestAnimationFrame(d);
-  }, []), s = x(() => {
+    o.current = requestAnimationFrame(u);
+  }, []), 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;
-  }, []), u = x(
+    const a = new AudioContext(), s = a.createAnalyser();
+    s.fftSize = 64, s.connect(a.destination), e.current = a, t.current = s;
+  }, []), c = k(
     (a) => {
-      if (s(), !(!e.current || !t.current)) {
+      if (d(), !(!e.current || !t.current)) {
         if (r.current) {
           try {
             r.current.disconnect();
@@ -140,17 +141,17 @@ function zn() {
           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;
         }
-        o.current === null && (o.current = requestAnimationFrame(d));
+        o.current === null && (o.current = requestAnimationFrame(u));
       }
     },
-    [s, d]
-  ), f = x(() => {
+    [d, u]
+  ), f = k(() => {
     if (o.current !== null && (cancelAnimationFrame(o.current), o.current = null), r.current) {
       try {
         r.current.disconnect();
@@ -158,10 +159,10 @@ function zn() {
       }
       r.current = null;
     }
-  }, []), m = x((a) => (i.current.add(a), () => {
+  }, []), h = k((a) => (i.current.add(a), () => {
     i.current.delete(a);
   }), []);
-  return N(() => () => {
+  return A(() => () => {
     if (f(), t.current) {
       try {
         t.current.disconnect();
@@ -177,10 +178,10 @@ function zn() {
       e.current = null;
     }
     i.current.clear(), l.current = null;
-  }, [f]), { attach: u, detach: f, subscribe: m };
+  }, [f]), { attach: c, detach: f, subscribe: h };
 }
-function On() {
-  const [e, t] = L(!1), [r, o] = L(null), i = E(null), l = E(null), d = x(async (m) => {
+function qn() {
+  const [e, t] = L(!1), [r, o] = L(null), i = S(null), l = S(null), u = k(async (h) => {
     if (i.current && l.current) {
       try {
         await l.current.localParticipant.unpublishTrack(i.current);
@@ -188,127 +189,127 @@ function On() {
       }
       i.current.stop(), i.current = null;
     }
-    l.current = m, o(null);
+    l.current = h, o(null);
     try {
-      const a = await Mn({
+      const a = await $n({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await m.localParticipant.publishTrack(a), i.current = a, t(a.isMuted);
+      await h.localParticipant.publishTrack(a), i.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 o(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 o(s), a;
     }
-  }, []), s = x(() => {
-    const m = i.current;
-    m && (m.isMuted ? (m.unmute(), t(!1)) : (m.mute(), t(!0)));
-  }, []), u = x(() => {
-    const m = i.current, a = l.current;
-    if (m && a) {
+  }, []), d = k(() => {
+    const h = i.current;
+    h && (h.isMuted ? (h.unmute(), t(!1)) : (h.mute(), t(!0)));
+  }, []), c = k(() => {
+    const h = i.current, a = l.current;
+    if (h && a) {
       try {
-        a.localParticipant.unpublishTrack(m);
+        a.localParticipant.unpublishTrack(h);
       } catch {
       }
-      m.stop();
+      h.stop();
     }
     i.current = null, l.current = null, t(!1);
-  }, []), f = x(() => o(null), []);
+  }, []), f = k(() => o(null), []);
   return {
     isMuted: e,
     micError: r,
-    toggleMute: s,
-    setupMic: d,
-    teardownMic: u,
+    toggleMute: d,
+    setupMic: u,
+    teardownMic: c,
     clearError: f
   };
 }
-const Hn = { resolution: { width: 640, height: 480, frameRate: 24 } };
-function Wn() {
-  const [e, t] = L(!1), [r, o] = L(null), [i, l] = L(null), [d, s] = L(""), u = E(null), f = E(null), m = x((b) => {
-    u.current = b;
-  }, []), a = x(() => {
-    const b = u.current, A = f.current;
-    if (A && b) {
-      const I = b.localParticipant.getTrackPublication(sn.Source.Camera);
-      if (I != null && I.track) {
+const Fn = { resolution: { width: 640, height: 480, frameRate: 24 } };
+function Un() {
+  const [e, t] = L(!1), [r, o] = L(null), [i, l] = L(null), [u, d] = L(""), c = S(null), f = S(null), h = k((b) => {
+    c.current = b;
+  }, []), a = k(() => {
+    const b = c.current, N = f.current;
+    if (N && b) {
+      const T = b.localParticipant.getTrackPublication(dn.Source.Camera);
+      if (T != null && T.track) {
         try {
-          b.localParticipant.unpublishTrack(I.track);
+          b.localParticipant.unpublishTrack(T.track);
         } catch {
         }
-        I.track.stop();
+        T.track.stop();
       } else
-        A.stop();
+        N.stop();
     }
     f.current = null, l(null), t(!1);
-  }, []), c = x(async (b) => {
-    const A = u.current;
-    if (A) {
+  }, []), s = k(async (b) => {
+    const N = c.current;
+    if (N) {
       o(null);
       try {
-        const I = { ...Hn };
-        b && (I.deviceId = b);
-        const $ = await Pn(I);
-        await A.localParticipant.publishTrack($), f.current = $;
+        const T = { ...Fn };
+        b && (T.deviceId = b);
+        const $ = await zn(T);
+        await N.localParticipant.publishTrack($), f.current = $;
         const w = $.attach();
-        l(w), t(!0), b && s(b);
+        l(w), t(!0), b && d(b);
         try {
-          A.localParticipant.publishData(
+          N.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
             { reliable: !0 }
           );
         } catch {
         }
-      } catch (I) {
-        const $ = I instanceof Error && I.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+      } catch (T) {
+        const $ = T instanceof Error && T.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
         o($);
       }
     }
-  }, []), R = x(async () => {
-    e ? a() : await c(d || void 0);
-  }, [e, d, a, c]), P = x(async (b) => {
-    a(), await c(b);
-  }, [a, c]), C = x(() => {
-    a(), u.current = null, o(null), s("");
-  }, [a]), v = x(() => o(null), []);
-  return N(() => () => {
+  }, []), R = k(async () => {
+    e ? a() : await s(u || void 0);
+  }, [e, u, a, s]), D = k(async (b) => {
+    a(), await s(b);
+  }, [a, s]), E = k(() => {
+    a(), c.current = null, o(null), d("");
+  }, [a]), v = k(() => o(null), []);
+  return A(() => () => {
     f.current && f.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
     previewEl: i,
-    activeDeviceId: d,
+    activeDeviceId: u,
     toggle: R,
-    switchDevice: P,
-    attachRoom: m,
-    teardown: C,
+    switchDevice: D,
+    attachRoom: h,
+    teardown: E,
     clearError: v
   };
 }
-function Bn() {
-  const [e, t] = L(!1), [r, o] = L(null), [i, l] = L(null), d = E(null), s = x((c) => {
-    d.current = c;
-  }, []), u = x(() => l(null), []), f = x(async () => {
-    const c = d.current;
-    if (c) {
+function jn() {
+  const [e, t] = L(!1), [r, o] = L(null), [i, l] = L(null), u = S(null), d = k((s) => {
+    u.current = s;
+  }, []), c = k(() => l(null), []), f = k(async () => {
+    const s = u.current;
+    if (s) {
       if (e) {
         try {
-          await c.localParticipant.setScreenShareEnabled(!1);
+          await s.localParticipant.setScreenShareEnabled(!1);
         } catch {
         }
-        u(), t(!1);
+        c(), t(!1);
         return;
       }
       o(null);
       try {
-        await c.localParticipant.setScreenShareEnabled(!0);
+        await s.localParticipant.setScreenShareEnabled(!0);
         let R = 0;
-        const P = () => {
-          const C = c.localParticipant.getTrackPublication(sn.Source.ScreenShare);
-          if (C != null && C.track) {
-            const v = C.track.attach();
+        const D = () => {
+          const E = s.localParticipant.getTrackPublication(dn.Source.ScreenShare);
+          if (E != null && E.track) {
+            const v = E.track.attach();
             l(v), t(!0);
             try {
-              c.localParticipant.publishData(
+              s.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
                 { reliable: !0 }
               );
@@ -316,64 +317,64 @@ function Bn() {
             }
             return;
           }
-          R++ < 10 ? setTimeout(P, 100) : t(!0);
+          R++ < 10 ? setTimeout(D, 100) : t(!0);
         };
-        P();
+        D();
       } catch (R) {
-        const P = R instanceof Error ? R.name : "";
-        P !== "NotAllowedError" && P !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
+        const D = R instanceof Error ? R.name : "";
+        D !== "NotAllowedError" && D !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
       }
     }
-  }, [e, u]), m = x(() => {
-    const c = d.current;
-    if (c && e)
+  }, [e, c]), h = k(() => {
+    const s = u.current;
+    if (s && e)
       try {
-        c.localParticipant.setScreenShareEnabled(!1);
+        s.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
-    u(), t(!1), o(null), d.current = null;
-  }, [e, u]), a = x(() => o(null), []);
-  return { isEnabled: e, error: r, previewEl: i, toggle: f, attachRoom: s, teardown: m, clearError: a };
+    c(), t(!1), o(null), u.current = null;
+  }, [e, c]), a = k(() => o(null), []);
+  return { isEnabled: e, error: r, previewEl: i, toggle: f, attachRoom: d, teardown: h, clearError: a };
 }
-function qn() {
-  const [e, t] = L([]), [r, o] = L([]), i = x(async () => {
+function Vn() {
+  const [e, t] = L([]), [r, o] = L([]), i = k(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
-        t(l.filter((d) => d.kind === "audioinput")), o(l.filter((d) => d.kind === "videoinput"));
+        t(l.filter((u) => u.kind === "audioinput")), o(l.filter((u) => u.kind === "videoinput"));
       } catch {
       }
   }, []);
-  return N(() => {
+  return A(() => {
     if (i(), typeof navigator > "u" || !navigator.mediaDevices) return;
     const l = () => void i();
     return navigator.mediaDevices.addEventListener("devicechange", l), () => navigator.mediaDevices.removeEventListener("devicechange", l);
   }, [i]), { mics: e, cameras: r, refresh: i };
 }
-function Fn(e, t, r = !1) {
-  const [o, i] = L(null), [l, d] = L(null), [s, u] = L(!r && !!e);
-  return N(() => {
+function Yn(e, t, r = !1) {
+  const [o, i] = L(null), [l, u] = L(null), [d, c] = L(!r && !!e);
+  return A(() => {
     if (r || !e) {
-      u(!1);
+      c(!1);
       return;
     }
-    const f = new AbortController(), m = t || "https://app.livelayer.studio";
-    return u(!0), d(null), fetch(`${m}/api/widget/agent/${encodeURIComponent(e)}`, {
+    const f = new AbortController(), h = t || "https://app.livelayer.studio";
+    return c(!0), u(null), fetch(`${h}/api/widget/agent/${encodeURIComponent(e)}`, {
       signal: f.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) => {
-      f.signal.aborted || (i(a), u(!1));
+      f.signal.aborted || (i(a), c(!1));
     }).catch((a) => {
-      f.signal.aborted || (d(a instanceof Error ? a.message : "Agent lookup failed"), u(!1));
+      f.signal.aborted || (u(a instanceof Error ? a.message : "Agent lookup failed"), c(!1));
     }), () => f.abort();
-  }, [e, t, r]), { info: o, error: l, loading: s };
+  }, [e, t, r]), { info: o, error: l, loading: d };
 }
-function Un(e) {
+function Gn(e) {
   if (typeof window > "u") return null;
   try {
     return window.localStorage.getItem(e);
@@ -381,54 +382,54 @@ function Un(e) {
     return null;
   }
 }
-function jn(e, t) {
+function Jn(e, t) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(e, t);
     } catch {
     }
 }
-function Vn({
+function Kn({
   value: e,
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const o = e !== void 0, [i, l] = L(t), d = o ? e : i, s = x(
-    (u) => {
-      u !== d && (o || l(u), r == null || r(u));
+  const o = e !== void 0, [i, l] = L(t), u = o ? e : i, d = k(
+    (c) => {
+      c !== u && (o || l(c), r == null || r(c));
     },
-    [d, o, r]
+    [u, o, r]
   );
-  return [d, s];
+  return [u, d];
 }
-const Yn = ["hidden", "minimized", "expanded"];
-function Gn(e) {
-  return e && Yn.includes(e) ? e : null;
+const Xn = ["hidden", "minimized", "expanded"];
+function Qn(e) {
+  return e && Xn.includes(e) ? e : null;
 }
-function Jn({
+function Zn({
   value: e,
   defaultValue: t = "expanded",
   onChange: r,
   persistKey: o = "ll-widget",
   disablePersistence: i = !1
 } = {}) {
-  const l = `${o}:display-mode`, d = E(!1), [s, u] = Vn({
+  const l = `${o}:display-mode`, u = S(!1), [d, c] = Kn({
     value: e,
     defaultValue: t,
     onChange: (f) => {
-      e === void 0 && !i && jn(l, f), r == null || r(f);
+      e === void 0 && !i && Jn(l, f), r == null || r(f);
     }
   });
-  return N(() => {
-    if (d.current || (d.current = !0, i || e !== void 0)) return;
-    const f = Gn(Un(l));
-    f && f !== s && u(f);
-  }, []), [s, u];
-}
-const Kn = 640;
-function Xn(e = Kn) {
+  return A(() => {
+    if (u.current || (u.current = !0, i || e !== void 0)) return;
+    const f = Qn(Gn(l));
+    f && f !== d && c(f);
+  }, []), [d, c];
+}
+const er = 640;
+function tr(e = er) {
   const [t, r] = L(!1);
-  return N(() => {
+  return A(() => {
     if (e === !1) {
       r(!1);
       return;
@@ -441,9 +442,9 @@ function Xn(e = Kn) {
     });
   }, [e]), t;
 }
-const Ut = "__llHistoryPatched", gt = "ll:pathname";
-function Qn() {
-  if (typeof window > "u" || window.history[Ut]) return;
+const jt = "__llHistoryPatched", gt = "ll:pathname";
+function nr() {
+  if (typeof window > "u" || window.history[jt]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...r) {
     const o = e.apply(this, r);
@@ -451,79 +452,79 @@ function Qn() {
   }, window.history.replaceState = function(...r) {
     const o = t.apply(this, r);
     return window.dispatchEvent(new Event(gt)), o;
-  }, window.history[Ut] = !0;
+  }, window.history[jt] = !0;
 }
-function jt() {
+function Vt() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
-function Zn(e) {
+function rr(e) {
   const [t, r] = L(
-    () => e ?? jt()
+    () => e ?? Vt()
   );
-  return N(() => {
+  return A(() => {
     if (e !== void 0) return;
-    Qn();
-    const o = () => r(jt());
+    nr();
+    const o = () => r(Vt());
     return o(), window.addEventListener("popstate", o), window.addEventListener(gt, o), () => {
       window.removeEventListener("popstate", o), window.removeEventListener(gt, o);
     };
   }, [e]), e ?? t;
 }
-const Vt = /* @__PURE__ */ new Map(), er = /[\\^$+?.()|{}[\]]/g;
-function tr(e) {
-  return e.replace(er, "\\$&");
+const Yt = /* @__PURE__ */ new Map(), or = /[\\^$+?.()|{}[\]]/g;
+function ir(e) {
+  return e.replace(or, "\\$&");
 }
-function nr(e) {
-  const t = Vt.get(e);
+function lr(e) {
+  const t = Yt.get(e);
   if (t) return t;
-  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, o = "
", i = "", l = r.replace(/\*\*/g, o).replace(/\*/g, i), s = tr(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "g"), "[^/]+"), u = new RegExp(`^${s}\\/?$`);
-  return Vt.set(e, u), u;
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, o = "
", i = "", l = r.replace(/\*\*/g, o).replace(/\*/g, i), d = ir(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "g"), "[^/]+"), c = new RegExp(`^${d}\\/?$`);
+  return Yt.set(e, c), c;
 }
-function rr(e, t) {
+function ar(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
-  return nr(e).test(r);
+  return lr(e).test(r);
 }
-function or(e, t) {
-  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : rr(e, t);
+function sr(e, t) {
+  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : ar(e, t);
 }
-function Yt(e, t) {
+function Gt(e, t) {
   if (!e || e.length === 0) return !1;
   for (const r of e)
-    if (or(r, t)) return !0;
+    if (sr(r, t)) return !0;
   return !1;
 }
-function ir(e, t, r) {
-  return e === void 0 ? !0 : Yt(r, e) ? !1 : t && t.length > 0 ? Yt(t, e) : !0;
+function cr(e, t, r) {
+  return e === void 0 ? !0 : Gt(r, e) ? !1 : t && t.length > 0 ? Gt(t, e) : !0;
 }
-function lr(e, t, r) {
-  return je(
-    () => ir(e, t, r),
+function dr(e, t, r) {
+  return Ue(
+    () => cr(e, t, r),
     [e, t, r]
   );
 }
-function ar(e) {
+function ur(e) {
   return e === !1 ? { navigate: !1, thinking: !1, action: !1 } : e === void 0 || e === !0 ? { navigate: !0, thinking: !0, action: !0 } : {
     navigate: e.navigate !== !1,
     thinking: e.thinking !== !1,
     action: e.action !== !1
   };
 }
-function sr(e) {
-  const t = je(() => ar(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), o = E(null), i = x(
-    (u) => {
+function fr(e) {
+  const t = Ue(() => ur(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), o = S(null), i = k(
+    (c) => {
       try {
-        new Audio(`${r}${u}`).play().catch(() => {
+        new Audio(`${r}${c}`).play().catch(() => {
         });
       } catch {
       }
     },
     [r]
-  ), l = x(() => {
+  ), l = k(() => {
     t.navigate && i("/audio/page-change-sound.mp3");
-  }, [t.navigate, i]), d = x(() => {
+  }, [t.navigate, i]), u = k(() => {
     t.action && i("/audio/confirmation-sound.mp3");
-  }, [t.action, i]), s = x(
-    (u) => {
+  }, [t.action, i]), d = k(
+    (c) => {
       if (!t.thinking) {
         if (o.current) {
           try {
@@ -534,7 +535,7 @@ function sr(e) {
         }
         return;
       }
-      if (u) {
+      if (c) {
         if (o.current) return;
         try {
           const f = new Audio(`${r}/audio/thinking-sound.mp3`);
@@ -553,7 +554,7 @@ function sr(e) {
     },
     [r, t.thinking]
   );
-  return N(() => () => {
+  return A(() => () => {
     if (o.current) {
       try {
         o.current.pause();
@@ -561,12 +562,12 @@ function sr(e) {
       }
       o.current = null;
     }
-  }, []), je(
-    () => ({ playPageChange: l, playConfirmation: d, setThinking: s }),
-    [l, d, s]
+  }, []), Ue(
+    () => ({ playPageChange: l, playConfirmation: u, setThinking: d }),
+    [l, u, d]
   );
 }
-const Gt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ g(
+const Jt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ g(
   "svg",
   {
     className: t,
@@ -612,7 +613,7 @@ const Gt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ g(
       }
     )
   }
-), Jt = ({ className: e }) => /* @__PURE__ */ n(
+), Kt = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -630,7 +631,7 @@ const Gt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ g(
       }
     )
   }
-), cr = ({ className: e }) => /* @__PURE__ */ n(
+), pr = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -641,12 +642,12 @@ const Gt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ g(
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
   }
-), dr = {
+), hr = {
   left: 180,
   right: 0,
   up: -90,
   down: 90
-}, Kt = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
+}, Xt = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
   "svg",
   {
     className: t,
@@ -654,19 +655,19 @@ const Gt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ g(
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    style: { transform: `rotate(${dr[e]}deg)` },
+    style: { transform: `rotate(${hr[e]}deg)` },
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
   }
 );
-function ur(e) {
+function mr(e) {
   return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const cn = "ll-hidden-tab-center-y", fr = 5, Xt = 16;
-function pr() {
+const un = "ll-hidden-tab-center-y", gr = 5, Qt = 16;
+function yr() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(cn);
+    const e = window.localStorage.getItem(un);
     if (!e) return null;
     const t = Number.parseFloat(e);
     return Number.isFinite(t) ? t : null;
@@ -674,124 +675,124 @@ function pr() {
     return null;
   }
 }
-function Qt(e) {
+function Zt(e) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(cn, String(e));
+      window.localStorage.setItem(un, String(e));
     } catch {
     }
 }
-const hr = ({
+const vr = ({
   position: e,
   isMobile: t,
   isSpeaking: r,
   onExpand: o,
   label: i = "Open widget",
   avatarImageUrl: l,
-  agentName: d
+  agentName: u
 }) => {
-  const s = ur(e), u = s === "right" ? "left" : "right", f = t ? 80 : 72, m = !!l, [a, c] = L(null), [R, P] = L(!1), C = E(null), v = E(!1), b = x(
-    (S) => {
-      if (typeof window > "u") return S;
-      const D = f / 2, q = Xt + D, G = window.innerHeight - Xt - D;
-      return G < q ? Math.max(q, S) : Math.max(q, Math.min(G, S));
+  const d = mr(e), c = d === "right" ? "left" : "right", f = t ? 80 : 72, h = !!l, [a, s] = L(null), [R, D] = L(!1), E = S(null), v = S(!1), b = k(
+    (C) => {
+      if (typeof window > "u") return C;
+      const P = f / 2, F = Qt + P, G = window.innerHeight - Qt - P;
+      return G < F ? Math.max(F, C) : Math.max(F, Math.min(G, C));
     },
     [f]
   );
-  N(() => {
-    const S = pr();
-    c(b(S ?? window.innerHeight / 2));
-    const D = () => {
-      c((q) => q === null ? null : b(q));
+  A(() => {
+    const C = yr();
+    s(b(C ?? window.innerHeight / 2));
+    const P = () => {
+      s((F) => F === null ? null : b(F));
     };
-    return window.addEventListener("resize", D), () => window.removeEventListener("resize", D);
+    return window.addEventListener("resize", P), () => window.removeEventListener("resize", P);
   }, [b]);
-  const A = x(
-    (S) => {
-      if (!(S.pointerType === "mouse" && S.button !== 0) && a !== null) {
+  const N = k(
+    (C) => {
+      if (!(C.pointerType === "mouse" && C.button !== 0) && a !== null) {
         try {
-          S.currentTarget.setPointerCapture(S.pointerId);
+          C.currentTarget.setPointerCapture(C.pointerId);
         } catch {
         }
-        C.current = {
-          startClientY: S.clientY,
+        E.current = {
+          startClientY: C.clientY,
           startCenterY: a,
           moved: !1
         };
       }
     },
     [a]
-  ), I = x(
-    (S) => {
-      const D = C.current;
-      if (!D) return;
-      const q = S.clientY - D.startClientY;
-      !D.moved && Math.abs(q) > fr && (D.moved = !0, P(!0)), D.moved && c(b(D.startCenterY + q));
+  ), T = k(
+    (C) => {
+      const P = E.current;
+      if (!P) return;
+      const F = C.clientY - P.startClientY;
+      !P.moved && Math.abs(F) > gr && (P.moved = !0, D(!0)), P.moved && s(b(P.startCenterY + F));
     },
     [b]
-  ), $ = x(
-    (S) => {
-      const D = C.current;
-      if (D) {
+  ), $ = k(
+    (C) => {
+      const P = E.current;
+      if (P) {
         try {
-          S.currentTarget.releasePointerCapture(S.pointerId);
+          C.currentTarget.releasePointerCapture(C.pointerId);
         } catch {
         }
-        C.current = null, D.moved && (P(!1), v.current = !0, c((q) => (q !== null && Qt(q), q)));
+        E.current = null, P.moved && (D(!1), v.current = !0, s((F) => (F !== null && Zt(F), F)));
       }
     },
     []
-  ), w = x(() => {
+  ), w = k(() => {
     if (v.current) {
       v.current = !1;
       return;
     }
     o();
-  }, [o]), T = x(
-    (S) => {
-      if (S.key === "ArrowUp" || S.key === "ArrowDown") {
-        S.preventDefault();
-        const D = S.key === "ArrowUp" ? -8 : 8;
-        c((q) => {
-          if (q === null) return q;
-          const G = b(q + D);
-          return Qt(G), G;
+  }, [o]), I = k(
+    (C) => {
+      if (C.key === "ArrowUp" || C.key === "ArrowDown") {
+        C.preventDefault();
+        const P = C.key === "ArrowUp" ? -8 : 8;
+        s((F) => {
+          if (F === null) return F;
+          const G = b(F + P);
+          return Zt(G), G;
         });
       }
     },
     [b]
   ), B = [
     "ll-hidden",
-    `ll-hidden--${s}`,
+    `ll-hidden--${d}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
     R ? "is-dragging" : null,
-    m ? "ll-hidden--with-avatar" : null
+    h ? "ll-hidden--with-avatar" : null
   ].filter(Boolean).join(" "), z = a === null ? void 0 : { top: `${a - f / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       className: B,
-      onPointerDown: A,
-      onPointerMove: I,
+      onPointerDown: N,
+      onPointerMove: T,
       onPointerUp: $,
       onPointerCancel: $,
       onClick: w,
-      onKeyDown: T,
+      onKeyDown: I,
       "aria-label": i,
       "data-position": e,
       style: z,
-      children: m ? (
+      children: h ? (
         // Layout: tiny chevron flush against the inward edge (peeks out
         // as the click affordance), then the circular avatar photo
         // taking the rest of the tab. Reinforces "this is an
         // avatar-based experience" even when collapsed.
         /* @__PURE__ */ g(lt, { children: [
           /* @__PURE__ */ n(
-            Kt,
+            Xt,
             {
-              direction: u,
+              direction: c,
               className: "ll-hidden__chevron ll-hidden__chevron--mini"
             }
           ),
@@ -799,22 +800,22 @@ const hr = ({
             "img",
             {
               src: l,
-              alt: d ? `${d} avatar` : "Agent avatar",
+              alt: u ? `${u} avatar` : "Agent avatar",
               className: "ll-hidden__avatar",
               draggable: !1
             }
           )
         ] })
       ) : /* @__PURE__ */ n(
-        Kt,
+        Xt,
         {
-          direction: u,
+          direction: c,
           className: "ll-hidden__chevron"
         }
       )
     }
   );
-}, mr = ({
+}, br = ({
   audioLevel: e,
   bars: t = 20,
   maxHeight: r = 20,
@@ -822,40 +823,40 @@ const hr = ({
   className: i,
   barClassName: l
 }) => {
-  const d = E(null), s = E([]), u = je(() => {
-    const m = (Math.sqrt(5) - 1) / 2;
-    return Array.from({ length: t }, (a, c) => 0.5 + c * m % 1 * 0.5);
+  const u = S(null), d = S([]), c = Ue(() => {
+    const h = (Math.sqrt(5) - 1) / 2;
+    return Array.from({ length: t }, (a, s) => 0.5 + s * h % 1 * 0.5);
   }, [t]);
-  N(() => e.subscribe((a) => {
-    for (let c = 0; c < t; c++) {
-      const R = s.current[c];
+  A(() => e.subscribe((a) => {
+    for (let s = 0; s < t; s++) {
+      const R = d.current[s];
       if (!R) continue;
-      const P = Math.max(o, a * r * u[c]);
-      R.style.height = `${P}px`;
+      const D = Math.max(o, a * r * c[s]);
+      R.style.height = `${D}px`;
     }
-  }), [e, t, r, o, u]);
+  }), [e, t, r, o, c]);
   const f = ["ll-waveform", i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: d, className: f, "aria-hidden": "true", children: Array.from({ length: t }, (m, a) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ n("div", { ref: u, className: f, "aria-hidden": "true", children: Array.from({ length: t }, (h, a) => /* @__PURE__ */ n(
     "div",
     {
-      ref: (c) => {
-        s.current[a] = c;
+      ref: (s) => {
+        d.current[a] = s;
       },
       className: ["ll-waveform__bar", l].filter(Boolean).join(" "),
       style: { height: `${o}px` }
     },
     a
   )) });
-}, gr = ({
+}, wr = ({
   position: e,
   isMobile: t,
   agentName: r,
   avatarImageUrl: o,
   agentState: i,
   isMuted: l,
-  audioLevel: d,
-  onExpand: s,
-  onToggleMute: u,
+  audioLevel: u,
+  onExpand: d,
+  onToggleMute: c,
   onClose: f
 }) => t ? /* @__PURE__ */ n(
   "div",
@@ -868,7 +869,7 @@ const hr = ({
       {
         type: "button",
         className: "ll-minimized__surface",
-        onClick: s,
+        onClick: d,
         "aria-label": `Expand ${r} widget`,
         children: [
           o ? (
@@ -883,9 +884,9 @@ const hr = ({
             )
           ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
           /* @__PURE__ */ n(
-            mr,
+            br,
             {
-              audioLevel: d,
+              audioLevel: u,
               bars: 16,
               maxHeight: 18,
               className: "ll-minimized__waveform"
@@ -899,17 +900,17 @@ const hr = ({
                 className: "ll-minimized__btn",
                 role: "button",
                 tabIndex: 0,
-                onClick: (m) => {
-                  m.stopPropagation(), u();
+                onClick: (h) => {
+                  h.stopPropagation(), c();
                 },
-                onKeyDown: (m) => {
-                  (m.key === "Enter" || m.key === " ") && (m.stopPropagation(), m.preventDefault(), u());
+                onKeyDown: (h) => {
+                  (h.key === "Enter" || h.key === " ") && (h.stopPropagation(), h.preventDefault(), c());
                 },
                 "aria-label": l ? "Unmute microphone" : "Mute microphone",
-                children: /* @__PURE__ */ n(Gt, { muted: l, className: "ll-minimized__icon" })
+                children: /* @__PURE__ */ n(Jt, { muted: l, className: "ll-minimized__icon" })
               }
             ),
-            /* @__PURE__ */ n(Jt, { className: "ll-minimized__icon ll-minimized__icon--expand" })
+            /* @__PURE__ */ n(Kt, { className: "ll-minimized__icon ll-minimized__icon--expand" })
           ] })
         ]
       }
@@ -944,9 +945,9 @@ const hr = ({
           {
             type: "button",
             className: "ll-minimized__btn",
-            onClick: u,
+            onClick: c,
             "aria-label": l ? "Unmute microphone" : "Mute microphone",
-            children: /* @__PURE__ */ n(Gt, { muted: l, className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Jt, { muted: l, className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -954,9 +955,9 @@ const hr = ({
           {
             type: "button",
             className: "ll-minimized__btn",
-            onClick: s,
+            onClick: d,
             "aria-label": `Expand ${r} widget`,
-            children: /* @__PURE__ */ n(Jt, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Kt, { className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -966,24 +967,24 @@ const hr = ({
             className: "ll-minimized__btn ll-minimized__btn--close",
             onClick: f,
             "aria-label": "Close widget",
-            children: /* @__PURE__ */ n(cr, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(pr, { className: "ll-minimized__icon" })
           }
         )
       ] })
     ] })
   }
-), yr = ({
+), _r = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
   className: o,
   style: i
 }) => {
-  const [l, d] = L(!1), s = E(e);
-  if (N(() => {
-    s.current !== e && (s.current = e, d(!1));
+  const [l, u] = L(!1), d = S(e);
+  if (A(() => {
+    d.current !== e && (d.current = e, u(!1));
   }, [e]), !e) return null;
-  const u = {
+  const c = {
     position: "absolute",
     inset: 0,
     width: "100%",
@@ -1003,77 +1004,85 @@ const hr = ({
         src: e,
         alt: t,
         className: o,
-        style: u,
+        style: c,
         loading: "eager",
         fetchPriority: "high",
-        onLoad: () => d(!0)
+        onLoad: () => u(!0)
       }
     )
   );
-}, vr = ({
+}, xr = 8, en = 8, kr = ({
   open: e,
   onClose: t,
   anchorRef: r,
   children: o
 }) => {
-  const i = E(null), [l, d] = L(null);
-  return N(() => {
+  const i = S(null), [l, u] = L(null);
+  return Tn(() => {
     if (!e) {
-      d(null);
+      u(null);
       return;
     }
-    const s = r.current;
-    if (!s) return;
-    const u = s.offsetTop, f = s.offsetLeft, m = s.offsetWidth;
-    s.offsetHeight, d({
-      top: u - 8,
-      left: f + m / 2
-    });
-  }, [e, r]), N(() => {
+    const d = r.current;
+    if (!d) return;
+    const c = () => {
+      const f = d.getBoundingClientRect(), h = {
+        top: f.top - xr,
+        left: f.left + f.width / 2
+      }, a = en + 90, s = window.innerWidth - en - 90;
+      h.left < a && (h.left = a), h.left > s && (h.left = s), u(h);
+    };
+    return c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
+      window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
+    };
+  }, [e, r]), A(() => {
     if (!e) return;
-    const s = (f) => {
-      const m = f.target, a = i.current, c = r.current;
-      a && a.contains(m) || c && c.contains(m) || t();
-    }, u = (f) => {
+    const d = (f) => {
+      const h = f.target, a = i.current, s = r.current;
+      a && a.contains(h) || s && s.contains(h) || t();
+    }, c = (f) => {
       f.key === "Escape" && (f.stopPropagation(), t());
     };
-    return document.addEventListener("mousedown", s), document.addEventListener("keydown", u), () => {
-      document.removeEventListener("mousedown", s), document.removeEventListener("keydown", u);
+    return document.addEventListener("mousedown", d), document.addEventListener("keydown", c), () => {
+      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", c);
     };
-  }, [e, t, r]), !e || l === null ? null : /* @__PURE__ */ n(
-    "div",
-    {
-      ref: i,
-      className: "ll-overflow-popover",
-      role: "menu",
-      style: {
-        position: "absolute",
-        // Lift the popover above the anchor via translateY(-100%).
-        // top points to (anchorTop - GAP); transform pulls bottom up to there.
-        top: l.top,
-        left: l.left,
-        transform: "translate(-50%, -100%)"
-      },
-      children: o
-    }
+  }, [e, t, r]), !e || l === null || typeof document > "u" ? null : On(
+    /* @__PURE__ */ n(
+      "div",
+      {
+        ref: i,
+        className: "ll-overflow-popover",
+        role: "menu",
+        style: {
+          position: "fixed",
+          // Lift the popover above the anchor via translateY(-100%).
+          // top points to (anchorTop - GAP); transform pulls bottom up to there.
+          top: l.top,
+          left: l.left,
+          transform: "translate(-50%, -100%)"
+        },
+        children: o
+      }
+    ),
+    document.body
   );
-}, br = ({
+}, Lr = ({
   isMuted: e,
   onToggleMute: t,
   isCameraEnabled: r,
   onToggleCamera: o,
   allowCamera: i,
   isScreenShareEnabled: l,
-  onToggleScreenShare: d,
-  allowScreenShare: s,
-  isSpeakerMuted: u,
+  onToggleScreenShare: u,
+  allowScreenShare: d,
+  isSpeakerMuted: c,
   onToggleSpeaker: f,
-  allowTyping: m,
+  allowTyping: h,
   isTypingOpen: a,
-  onToggleTyping: c,
+  onToggleTyping: s,
   onDisconnect: R
 }) => {
-  const [P, C] = L(!1), v = E(null);
+  const [D, E] = L(!1), v = S(null);
   return /* @__PURE__ */ g(lt, { children: [
     /* @__PURE__ */ g(
       "div",
@@ -1089,7 +1098,7 @@ const hr = ({
               className: `ll-tool ${e ? "is-muted" : ""}`,
               onClick: t,
               "aria-label": e ? "Unmute microphone" : "Mute microphone",
-              children: /* @__PURE__ */ n(fn, { muted: e })
+              children: /* @__PURE__ */ n(hn, { muted: e })
             }
           ),
           /* @__PURE__ */ n(
@@ -1097,12 +1106,12 @@ const hr = ({
             {
               ref: v,
               type: "button",
-              className: `ll-tool ${P ? "is-on" : ""}`,
-              onClick: () => C((b) => !b),
+              className: `ll-tool ${D ? "is-on" : ""}`,
+              onClick: () => E((b) => !b),
               "aria-label": "More controls",
               "aria-haspopup": "menu",
-              "aria-expanded": P,
-              children: /* @__PURE__ */ n(wr, {})
+              "aria-expanded": D,
+              children: /* @__PURE__ */ n(Er, {})
             }
           ),
           /* @__PURE__ */ n(
@@ -1112,17 +1121,17 @@ const hr = ({
               className: "ll-tool ll-tool--danger",
               onClick: R,
               "aria-label": "End conversation",
-              children: /* @__PURE__ */ n(hn, {})
+              children: /* @__PURE__ */ n(gn, {})
             }
           )
         ]
       }
     ),
     /* @__PURE__ */ g(
-      vr,
+      kr,
       {
-        open: P,
-        onClose: () => C(!1),
+        open: D,
+        onClose: () => E(!1),
         anchorRef: v,
         children: [
           i && /* @__PURE__ */ g(
@@ -1131,24 +1140,24 @@ const hr = ({
               type: "button",
               className: `ll-overflow-popover__item ${r ? "is-on" : ""}`,
               onClick: () => {
-                o(), C(!1);
+                o(), E(!1);
               },
               children: [
-                /* @__PURE__ */ n(un, {}),
+                /* @__PURE__ */ n(pn, {}),
                 /* @__PURE__ */ n("span", { children: r ? "Stop camera" : "Start camera" })
               ]
             }
           ),
-          s && /* @__PURE__ */ g(
+          d && /* @__PURE__ */ g(
             "button",
             {
               type: "button",
               className: `ll-overflow-popover__item ${l ? "is-on" : ""}`,
               onClick: () => {
-                d(), C(!1);
+                u(), E(!1);
               },
               children: [
-                /* @__PURE__ */ n(dn, {}),
+                /* @__PURE__ */ n(fn, {}),
                 /* @__PURE__ */ n("span", { children: l ? "Stop sharing" : "Share screen" })
               ]
             }
@@ -1157,26 +1166,26 @@ const hr = ({
             "button",
             {
               type: "button",
-              className: `ll-overflow-popover__item ${u ? "is-on" : ""}`,
+              className: `ll-overflow-popover__item ${c ? "is-on" : ""}`,
               onClick: () => {
-                f(), C(!1);
+                f(), E(!1);
               },
               children: [
-                /* @__PURE__ */ n(pn, { muted: u }),
-                /* @__PURE__ */ n("span", { children: u ? "Unmute speaker" : "Mute speaker" })
+                /* @__PURE__ */ n(mn, { muted: c }),
+                /* @__PURE__ */ n("span", { children: c ? "Unmute speaker" : "Mute speaker" })
               ]
             }
           ),
-          m && /* @__PURE__ */ g(
+          h && /* @__PURE__ */ g(
             "button",
             {
               type: "button",
               className: `ll-overflow-popover__item ${a ? "is-on" : ""}`,
               onClick: () => {
-                c(), C(!1);
+                s(), E(!1);
               },
               children: [
-                /* @__PURE__ */ n(_r, {}),
+                /* @__PURE__ */ n(Cr, {}),
                 /* @__PURE__ */ n("span", { children: a ? "Hide typing" : "Type a message" })
               ]
             }
@@ -1199,7 +1208,7 @@ const hr = ({
     )
   ] });
 };
-function wr() {
+function Er() {
   return /* @__PURE__ */ g(
     "svg",
     {
@@ -1216,7 +1225,7 @@ function wr() {
     }
   );
 }
-function _r() {
+function Cr() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1233,65 +1242,65 @@ function _r() {
     }
   );
 }
-const xr = ({
+const Sr = ({
   position: e,
   isMobile: t,
   agentName: r,
   avatarImageUrl: o,
   idleLoopUrl: i,
   greeting: l,
-  branding: d,
-  teamMembers: s,
-  currentTeamMemberId: u,
+  branding: u,
+  teamMembers: d,
+  currentTeamMemberId: c,
   isSwitchingTeamMember: f,
-  teamSwitcherOpen: m,
+  teamSwitcherOpen: h,
   onToggleTeamSwitcher: a,
-  onSelectTeamMember: c,
+  onSelectTeamMember: s,
   languageMenuOpen: R,
-  onToggleLanguageMenu: P,
-  connectionState: C,
+  onToggleLanguageMenu: D,
+  connectionState: E,
   agentState: v,
   transcript: b,
-  canResume: A,
-  needsUserGesture: I,
+  canResume: N,
+  needsUserGesture: T,
   error: $,
   isMuted: w,
-  micError: T,
+  micError: I,
   micDevices: B,
   isCameraEnabled: z,
-  cameraPreviewEl: S,
-  cameraDevices: D,
-  activeCameraId: q,
+  cameraPreviewEl: C,
+  cameraDevices: P,
+  activeCameraId: F,
   isScreenShareEnabled: G,
-  screenPreviewEl: ie,
+  screenPreviewEl: le,
   isSpeakerMuted: Z,
-  allowCamera: ke,
-  allowScreenShare: de,
-  allowTyping: ye,
-  showMinimize: ue = !0,
-  chromeless: le = !1,
+  allowCamera: Le,
+  allowScreenShare: ue,
+  allowTyping: ve,
+  showMinimize: fe = !0,
+  chromeless: ae = !1,
   compactControls: ee = !1,
   transforming: st,
-  transformingLabel: Ve,
+  transformingLabel: je,
   avatarVideoContainerRef: ct,
   agentVideoEl: ne,
-  onConnect: Ye,
-  onDisconnect: Ge,
+  onConnect: Ve,
+  onDisconnect: Ye,
   onRetry: dt,
-  onResumeAudio: Je,
-  onToggleMute: Le,
+  onResumeAudio: Ge,
+  onToggleMute: Ee,
   onToggleCamera: Ce,
-  onSwitchCameraDevice: De,
+  onSwitchCameraDevice: Pe,
   onToggleScreenShare: Se,
-  onToggleSpeaker: Ee,
-  onSendMessage: Ne,
-  onMinimize: Ae,
-  onClose: U,
+  onToggleSpeaker: Ne,
+  onSendMessage: Ae,
+  onMinimize: Re,
+  onClose: q,
   onClearMicError: vt
 }) => {
   var He;
-  const Re = ((s == null ? void 0 : s.length) ?? 0) > 1, $e = C === "connecting" || C === "connected", re = C === "connected", Ke = C === "idle" || C === "disconnected" || C === "error", [Te, ze] = L(!1);
-  N(() => {
+  const Ie = ((d == null ? void 0 : d.length) ?? 0) > 1, $e = E === "connecting" || E === "connected", re = E === "connected", Je = E === "idle" || E === "disconnected" || E === "error", [Te, ze] = L(!1);
+  A(() => {
     if (!ne) {
       ze(!1);
       return;
@@ -1301,58 +1310,58 @@ const xr = ({
       return;
     }
     ze(!1);
-    const h = () => ze(!0);
-    return ne.addEventListener("playing", h), ne.addEventListener("loadeddata", h), () => {
-      ne.removeEventListener("playing", h), ne.removeEventListener("loadeddata", h);
+    const m = () => ze(!0);
+    return ne.addEventListener("playing", m), ne.addEventListener("loadeddata", m), () => {
+      ne.removeEventListener("playing", m), ne.removeEventListener("loadeddata", m);
     };
   }, [ne]);
-  const [bt, ve] = L(!1);
-  N(() => {
+  const [bt, be] = L(!1);
+  A(() => {
     if (!re) {
-      ve(!1);
+      be(!1);
       return;
     }
     if (Te) return;
-    const h = setTimeout(() => ve(!0), 8e3);
-    return () => clearTimeout(h);
+    const m = setTimeout(() => be(!0), 8e3);
+    return () => clearTimeout(m);
   }, [re, Te]);
-  const X = C === "connecting" || re && !!o && !Te && !bt, Xe = E(null), Ie = E(null);
-  N(() => {
-    const h = Xe.current;
-    h && (h.innerHTML = "", S && (S.style.width = "100%", S.style.height = "100%", S.style.objectFit = "cover", S.style.transform = "scaleX(-1)", h.appendChild(S)));
-  }, [S]), N(() => {
-    const h = Ie.current;
-    h && (h.innerHTML = "", ie && (ie.style.width = "100%", ie.style.height = "100%", ie.style.objectFit = "contain", h.appendChild(ie)));
-  }, [ie]);
-  const [ae, te] = L(!1), [fe, be] = L(!1);
-  N(() => {
-    if (!ae && !fe && !R && !m) return;
-    const h = () => {
-      te(!1), be(!1), R && P(), m && a();
+  const X = E === "connecting" || re && !!o && !Te && !bt, Ke = S(null), Me = S(null);
+  A(() => {
+    const m = Ke.current;
+    m && (m.innerHTML = "", C && (C.style.width = "100%", C.style.height = "100%", C.style.objectFit = "cover", C.style.transform = "scaleX(-1)", m.appendChild(C)));
+  }, [C]), A(() => {
+    const m = Me.current;
+    m && (m.innerHTML = "", le && (le.style.width = "100%", le.style.height = "100%", le.style.objectFit = "contain", m.appendChild(le)));
+  }, [le]);
+  const [se, te] = L(!1), [pe, we] = L(!1);
+  A(() => {
+    if (!se && !pe && !R && !h) return;
+    const m = () => {
+      te(!1), we(!1), R && D(), h && a();
     };
-    return document.addEventListener("click", h), () => document.removeEventListener("click", h);
+    return document.addEventListener("click", m), () => document.removeEventListener("click", m);
   }, [
-    ae,
-    fe,
+    se,
+    pe,
     R,
-    m,
-    P,
+    h,
+    D,
     a
   ]);
-  const [oe, pe] = L(!1), Me = x(() => pe((h) => !h), []), [we, ut] = L(""), Qe = x(
-    (h) => {
-      h.preventDefault();
-      const j = we.trim();
-      j && (Ne(j), ut(""));
+  const [oe, he] = L(!1), De = k(() => he((m) => !m), []), [_e, ut] = L(""), Xe = k(
+    (m) => {
+      m.preventDefault();
+      const j = _e.trim();
+      j && (Ae(j), ut(""));
     },
-    [we, Ne]
-  ), Ze = d.productName || "Live Layer";
-  let he = null, se = null;
-  for (let h = b.length - 1; h >= 0; h--) {
-    const j = b[h];
-    if (!he && j.role === "agent" ? he = j : !se && j.role === "user" && (se = j), he && se) break;
+    [_e, Ae]
+  ), Qe = u.productName || "Live Layer";
+  let me = null, ce = null;
+  for (let m = b.length - 1; m >= 0; m--) {
+    const j = b[m];
+    if (!me && j.role === "agent" ? me = j : !ce && j.role === "user" && (ce = j), me && ce) break;
   }
-  const Oe = re ? (he == null ? void 0 : he.text) || null : l || null, ft = re && (se == null ? void 0 : se.text) || null, wt = [
+  const Oe = re ? (me == null ? void 0 : me.text) || null : l || null, ft = re && (ce == null ? void 0 : ce.text) || null, wt = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
@@ -1367,7 +1376,7 @@ const xr = ({
       children: [
         /* @__PURE__ */ g("div", { className: "ll-expanded__bg", children: [
           o ? /* @__PURE__ */ n(
-            yr,
+            _r,
             {
               src: o,
               alt: r,
@@ -1391,12 +1400,12 @@ const xr = ({
           /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
           /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: f ? "Switching..." : "Connecting..." })
         ] }),
-        I && re && /* @__PURE__ */ g(
+        T && re && /* @__PURE__ */ g(
           "button",
           {
             type: "button",
             className: "ll-expanded__overlay ll-expanded__overlay--gesture",
-            onClick: Je,
+            onClick: Ge,
             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" })
@@ -1409,61 +1418,61 @@ const xr = ({
             className: "ll-expanded__overlay ll-expanded__overlay--transforming",
             role: "status",
             "aria-live": "polite",
-            "aria-label": Ve,
+            "aria-label": je,
             children: [
               /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
-              /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: Ve })
+              /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: je })
             ]
           }
         ),
         $e ? /* @__PURE__ */ g(lt, { children: [
           !ee && /* @__PURE__ */ g("div", { className: "ll-expanded__topbar", children: [
-            !le && /* @__PURE__ */ g("div", { className: "ll-expanded__topbar-left", children: [
+            !ae && /* @__PURE__ */ g("div", { className: "ll-expanded__topbar-left", children: [
               /* @__PURE__ */ g("div", { className: "ll-expanded__pill-wrap", children: [
                 /* @__PURE__ */ g(
                   "button",
                   {
                     type: "button",
                     className: "ll-hpill",
-                    onClick: (h) => {
-                      Re && (h.stopPropagation(), a());
+                    onClick: (m) => {
+                      Ie && (m.stopPropagation(), a());
                     },
-                    "aria-haspopup": Re ? "listbox" : void 0,
-                    "aria-expanded": Re ? m : void 0,
+                    "aria-haspopup": Ie ? "listbox" : void 0,
+                    "aria-expanded": Ie ? h : void 0,
                     children: [
                       /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                      Re && /* @__PURE__ */ n(ht, {})
+                      Ie && /* @__PURE__ */ n(ht, {})
                     ]
                   }
                 ),
-                Re && m && /* @__PURE__ */ n(
+                Ie && h && /* @__PURE__ */ n(
                   "div",
                   {
                     className: "ll-hmenu",
-                    onClick: (h) => h.stopPropagation(),
+                    onClick: (m) => m.stopPropagation(),
                     role: "listbox",
-                    children: s == null ? void 0 : s.map((h) => /* @__PURE__ */ g(
+                    children: d == null ? void 0 : d.map((m) => /* @__PURE__ */ g(
                       "button",
                       {
                         type: "button",
-                        className: `ll-hmenu__item ${h.id === u ? "is-active" : ""}`,
-                        onClick: () => c(h.id),
+                        className: `ll-hmenu__item ${m.id === c ? "is-active" : ""}`,
+                        onClick: () => s(m.id),
                         role: "option",
-                        "aria-selected": h.id === u,
+                        "aria-selected": m.id === c,
                         children: [
-                          h.avatarImageUrl && /* @__PURE__ */ n(
+                          m.avatarImageUrl && /* @__PURE__ */ n(
                             "img",
                             {
-                              src: h.avatarImageUrl,
+                              src: m.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: m.name }),
+                          m.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: m.role })
                         ]
                       },
-                      h.id
+                      m.id
                     ))
                   }
                 )
@@ -1474,8 +1483,8 @@ const xr = ({
                   {
                     type: "button",
                     className: "ll-hpill ll-hpill--compact",
-                    onClick: (h) => {
-                      h.stopPropagation(), P();
+                    onClick: (m) => {
+                      m.stopPropagation(), D();
                     },
                     "aria-haspopup": "listbox",
                     "aria-expanded": R,
@@ -1491,7 +1500,7 @@ const xr = ({
                   "div",
                   {
                     className: "ll-hmenu",
-                    onClick: (h) => h.stopPropagation(),
+                    onClick: (m) => m.stopPropagation(),
                     role: "listbox",
                     children: /* @__PURE__ */ n(
                       "button",
@@ -1515,15 +1524,15 @@ const xr = ({
               )
             ] }),
             /* @__PURE__ */ g("div", { className: "ll-expanded__header-actions", children: [
-              ue !== !1 && /* @__PURE__ */ n(
+              fe !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn",
-                  onClick: Ae,
+                  onClick: Re,
                   "aria-label": "Minimize widget",
                   title: "Minimize",
-                  children: /* @__PURE__ */ n(en, {})
+                  children: /* @__PURE__ */ n(nn, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1531,10 +1540,10 @@ const xr = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: U,
+                  onClick: q,
                   "aria-label": "End call",
                   title: "End call",
-                  children: /* @__PURE__ */ n(Zt, {})
+                  children: /* @__PURE__ */ n(tn, {})
                 }
               )
             ] })
@@ -1546,16 +1555,16 @@ const xr = ({
         ] }) : (
           // Idle-state header with Live Layer product name + minimize/close
           /* @__PURE__ */ g("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Ze }),
+            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Qe }),
             /* @__PURE__ */ g("div", { className: "ll-expanded__header-actions", children: [
-              ue !== !1 && /* @__PURE__ */ n(
+              fe !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: Ae,
+                  onClick: Re,
                   "aria-label": "Minimize widget",
-                  children: /* @__PURE__ */ n(en, {})
+                  children: /* @__PURE__ */ n(nn, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1563,27 +1572,27 @@ const xr = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: U,
+                  onClick: q,
                   "aria-label": "Close widget",
-                  children: /* @__PURE__ */ n(Zt, {})
+                  children: /* @__PURE__ */ n(tn, {})
                 }
               )
             ] })
           ] })
         ),
-        Ke && /* @__PURE__ */ (() => {
-          const h = A ? "Restart paused session" : C === "disconnected" ? "Reconnect to agent" : "Start video call", j = A ? "Pick up where you left off" : null;
+        Je && /* @__PURE__ */ (() => {
+          const m = N ? "Restart paused session" : E === "disconnected" ? "Reconnect to agent" : "Start video call", j = N ? "Pick up where you left off" : null;
           return /* @__PURE__ */ g(lt, { children: [
             !$ && /* @__PURE__ */ g(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
-                onClick: Ye,
-                "aria-label": h,
+                onClick: Ve,
+                "aria-label": m,
                 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: m })
                 ]
               }
             ),
@@ -1595,9 +1604,9 @@ const xr = ({
                 {
                   type: "button",
                   className: "ll-expanded__cta",
-                  onClick: Ye,
-                  "aria-label": h,
-                  children: h
+                  onClick: Ve,
+                  "aria-label": m,
+                  children: m
                 }
               )
             ] })
@@ -1611,14 +1620,14 @@ const xr = ({
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: Ie,
+                  ref: Me,
                   className: G ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: Xe,
+                  ref: Ke,
                   className: !G && z ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
@@ -1642,8 +1651,8 @@ const xr = ({
               children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: ft })
             }
           ),
-          !le && !ee && /* @__PURE__ */ g("div", { className: "ll-toolbar", onClick: (h) => h.stopPropagation(), children: [
-            de && /* @__PURE__ */ n(
+          !ae && !ee && /* @__PURE__ */ g("div", { className: "ll-toolbar", onClick: (m) => m.stopPropagation(), children: [
+            ue && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
@@ -1651,10 +1660,10 @@ const xr = ({
                 onClick: Se,
                 "aria-label": G ? "Stop sharing screen" : "Share screen",
                 title: G ? "Stop sharing" : "Share screen",
-                children: /* @__PURE__ */ n(dn, {})
+                children: /* @__PURE__ */ n(fn, {})
               }
             ),
-            ke && /* @__PURE__ */ g("div", { className: "ll-tool-split", children: [
+            Le && /* @__PURE__ */ g("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1663,7 +1672,7 @@ const xr = ({
                   onClick: Ce,
                   "aria-label": z ? "Turn off camera" : "Turn on camera",
                   title: z ? "Stop camera" : "Start camera",
-                  children: /* @__PURE__ */ n(un, {})
+                  children: /* @__PURE__ */ n(pn, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1671,23 +1680,23 @@ const xr = ({
                 {
                   type: "button",
                   className: `ll-tool ll-tool--right ${z ? "is-on" : ""}`,
-                  onClick: (h) => {
-                    h.stopPropagation(), be((j) => !j), te(!1);
+                  onClick: (m) => {
+                    m.stopPropagation(), we((j) => !j), te(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": fe,
+                  "aria-expanded": pe,
                   children: /* @__PURE__ */ n(ht, {})
                 }
               ),
-              fe && D.length > 0 && /* @__PURE__ */ n(
-                tn,
+              pe && P.length > 0 && /* @__PURE__ */ n(
+                rn,
                 {
                   label: "Camera",
-                  devices: D,
-                  activeId: q,
-                  onPick: (h) => {
-                    be(!1), De(h);
+                  devices: P,
+                  activeId: F,
+                  onPick: (m) => {
+                    we(!1), Pe(m);
                   }
                 }
               )
@@ -1698,10 +1707,10 @@ const xr = ({
                 {
                   type: "button",
                   className: `ll-tool ll-tool--left ${w ? "is-muted" : ""}`,
-                  onClick: Le,
+                  onClick: Ee,
                   "aria-label": w ? "Unmute microphone" : "Mute microphone",
                   title: w ? "Unmute" : "Mute",
-                  children: /* @__PURE__ */ n(fn, { muted: w })
+                  children: /* @__PURE__ */ n(hn, { muted: w })
                 }
               ),
               /* @__PURE__ */ n(
@@ -1709,17 +1718,17 @@ const xr = ({
                 {
                   type: "button",
                   className: `ll-tool ll-tool--right ${w ? "is-muted" : ""}`,
-                  onClick: (h) => {
-                    h.stopPropagation(), te((j) => !j), be(!1);
+                  onClick: (m) => {
+                    m.stopPropagation(), te((j) => !j), we(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": ae,
+                  "aria-expanded": se,
                   children: /* @__PURE__ */ n(ht, {})
                 }
               ),
-              ae && B.length > 0 && /* @__PURE__ */ n(
-                tn,
+              se && B.length > 0 && /* @__PURE__ */ n(
+                rn,
                 {
                   label: "Microphone",
                   devices: B,
@@ -1733,10 +1742,10 @@ const xr = ({
               {
                 type: "button",
                 className: `ll-tool ${Z ? "is-muted" : ""}`,
-                onClick: Ee,
+                onClick: Ne,
                 "aria-label": Z ? "Unmute speaker" : "Mute speaker",
                 title: Z ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(pn, { muted: Z })
+                children: /* @__PURE__ */ n(mn, { muted: Z })
               }
             ),
             /* @__PURE__ */ n(
@@ -1744,59 +1753,59 @@ const xr = ({
               {
                 type: "button",
                 className: "ll-tool ll-tool--danger",
-                onClick: Ge,
+                onClick: Ye,
                 "aria-label": "End conversation",
                 title: "End conversation",
-                children: /* @__PURE__ */ n(hn, {})
+                children: /* @__PURE__ */ n(gn, {})
               }
             )
           ] }),
-          !le && ee && /* @__PURE__ */ n(
-            br,
+          !ae && ee && /* @__PURE__ */ n(
+            Lr,
             {
               isMuted: w,
-              onToggleMute: Le,
+              onToggleMute: Ee,
               isCameraEnabled: z,
               onToggleCamera: Ce,
-              allowCamera: ke,
+              allowCamera: Le,
               isScreenShareEnabled: G,
               onToggleScreenShare: Se,
-              allowScreenShare: de,
+              allowScreenShare: ue,
               isSpeakerMuted: Z,
-              onToggleSpeaker: Ee,
-              allowTyping: ye,
+              onToggleSpeaker: Ne,
+              allowTyping: ve,
               isTypingOpen: oe,
-              onToggleTyping: Me,
-              onDisconnect: Ge
+              onToggleTyping: De,
+              onDisconnect: Ye
             }
           ),
-          !le && ye && (ee ? oe : !0) && /* @__PURE__ */ g("form", { className: "ll-message-input", onSubmit: Qe, children: [
+          !ae && ve && (ee ? oe : !0) && /* @__PURE__ */ g("form", { className: "ll-message-input", onSubmit: Xe, children: [
             /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: we,
-                onChange: (h) => ut(h.target.value),
+                value: _e,
+                onChange: (m) => ut(m.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            we.trim() && /* @__PURE__ */ n(
+            _e.trim() && /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
                 className: "ll-message-input__send",
                 "aria-label": "Send message",
-                children: /* @__PURE__ */ n(kr, {})
+                children: /* @__PURE__ */ n(Nr, {})
               }
             )
           ] })
         ] }) : null,
         (() => {
-          if (T && C !== "error")
+          if (I && E !== "error")
             return /* @__PURE__ */ g("div", { className: "ll-expanded__banner", role: "alert", children: [
-              /* @__PURE__ */ n("span", { children: T }),
+              /* @__PURE__ */ n("span", { children: I }),
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1808,10 +1817,10 @@ const xr = ({
                 }
               )
             ] });
-          if (!$ || C !== "error") return null;
-          let h = "Failed to connect", j = "Try again";
-          return $ === "MIC_PERMISSION_DENIED" ? h = "Microphone blocked. Allow access to talk." : $ === "MIC_NOT_FOUND" ? h = "No microphone found. Plug one in + retry." : $ === "MIC_UNAVAILABLE" ? h = "Mic unavailable. Check other apps using it." : $ === "AGENT_TIMEOUT" ? h = "Agent didn't pick up. Try again." : $ === "CONNECT_FAILED" ? h = "Connection failed. Check your network." : $.length < 80 && (h = $), /* @__PURE__ */ g("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
-            /* @__PURE__ */ n("span", { children: h }),
+          if (!$ || E !== "error") return null;
+          let m = "Failed to connect", j = "Try again";
+          return $ === "MIC_PERMISSION_DENIED" ? m = "Microphone blocked. Allow access to talk." : $ === "MIC_NOT_FOUND" ? m = "No microphone found. Plug one in + retry." : $ === "MIC_UNAVAILABLE" ? m = "Mic unavailable. Check other apps using it." : $ === "AGENT_TIMEOUT" ? m = "Agent didn't pick up. Try again." : $ === "CONNECT_FAILED" ? m = "Connection failed. Check your network." : $.length < 80 && (m = $), /* @__PURE__ */ g("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+            /* @__PURE__ */ n("span", { children: m }),
             /* @__PURE__ */ n(
               "button",
               {
@@ -1830,29 +1839,29 @@ const xr = ({
 function ht() {
   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 Zt() {
+function tn() {
   return /* @__PURE__ */ g("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function en() {
+function nn() {
   return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
 }
-function dn() {
+function fn() {
   return /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
     /* @__PURE__ */ n("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
     /* @__PURE__ */ n("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
   ] });
 }
-function un() {
+function pn() {
   return /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("path", { d: "M23 7l-7 5 7 5V7z" }),
     /* @__PURE__ */ n("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
   ] });
 }
-function fn({ muted: e }) {
+function hn({ muted: e }) {
   return /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("path", { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
     /* @__PURE__ */ n("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
@@ -1860,7 +1869,7 @@ function fn({ muted: e }) {
     e && /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function pn({ muted: e }) {
+function mn({ muted: e }) {
   return /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
     e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ g(lt, { children: [
@@ -1869,13 +1878,13 @@ function pn({ muted: e }) {
     ] })
   ] });
 }
-function kr() {
+function Nr() {
   return /* @__PURE__ */ g("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
     /* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
   ] });
 }
-function hn() {
+function gn() {
   return /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "-4 -4 32 32", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: /* @__PURE__ */ n(
     "path",
     {
@@ -1884,7 +1893,7 @@ function hn() {
     }
   ) });
 }
-const tn = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ g(
+const rn = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ g(
   "div",
   {
     className: "ll-device-menu",
@@ -1893,17 +1902,17 @@ const tn = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */
     children: [
       /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
       t.map((i, l) => {
-        const d = r === i.deviceId;
+        const u = r === i.deviceId;
         return /* @__PURE__ */ g(
           "button",
           {
             type: "button",
-            className: `ll-device-menu__item ${d ? "is-active" : ""}`,
+            className: `ll-device-menu__item ${u ? "is-active" : ""}`,
             onClick: () => o(i.deviceId),
             role: "option",
-            "aria-selected": d,
+            "aria-selected": u,
             children: [
-              d && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
+              u && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
               /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: i.label || `${e} ${l + 1}` })
             ]
           },
@@ -1912,14 +1921,14 @@ const tn = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */
       })
     ]
   }
-), Lr = [
+), Ar = [
   '[data-ll-private="true"]',
   ".ll-widget"
 ];
 function At(e) {
   let t = e;
   for (; t; ) {
-    for (const r of Lr)
+    for (const r of Ar)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
@@ -1934,7 +1943,7 @@ function yt(e) {
   }
   return !0;
 }
-const mt = 4096, Cr = 20, Sr = 20, Er = 10, Nr = 10, Ar = 30, Rr = 20, nn = 500, Tr = [
+const mt = 4096, Rr = 20, Ir = 20, Tr = 10, Mr = 10, Dr = 30, Pr = 20, on = 500, $r = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1946,7 +1955,7 @@ function ot(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
-    for (const r of Tr)
+    for (const r of $r)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
@@ -1959,7 +1968,7 @@ function it(e) {
   const r = window.innerHeight || document.documentElement.clientHeight, o = window.innerWidth || document.documentElement.clientWidth;
   return t.bottom > 0 && t.right > 0 && t.top < r && t.left < o;
 }
-function rn(e) {
+function ln(e) {
   const t = e.getAttribute("id");
   if (t) {
     const l = document.querySelector(`label[for="${CSS.escape(t)}"]`);
@@ -1972,13 +1981,13 @@ function rn(e) {
   const i = e.closest("label");
   return i != null && i.textContent ? i.textContent.trim() : "";
 }
-function ge(e, t) {
+function ye(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-function qe(e) {
+function Be(e) {
   return e.length;
 }
-function Ir(e, t = {}) {
+function zr(e, t = {}) {
   const r = t.doc ?? (typeof document < "u" ? document : null);
   if (!r)
     return {
@@ -1992,120 +2001,120 @@ function Ir(e, t = {}) {
       forms: [],
       extras: e
     };
-  const o = typeof window < "u" && window.location.href || "", i = typeof window < "u" && window.location.pathname || "/", l = r.title || "", d = Array.from(
+  const o = typeof window < "u" && window.location.href || "", i = typeof window < "u" && window.location.pathname || "/", l = r.title || "", u = Array.from(
     r.querySelectorAll("[data-ll-region]")
-  ), s = [];
-  for (const w of d) {
-    if (s.length >= Er) break;
+  ), d = [];
+  for (const w of u) {
+    if (d.length >= Tr) break;
     if (ot(w) || !it(w)) continue;
-    const T = w.getAttribute("data-ll-region") ?? "", B = w.getAttribute("data-ll-intent") ?? void 0, z = ge(
+    const I = w.getAttribute("data-ll-region") ?? "", B = w.getAttribute("data-ll-intent") ?? void 0, z = ye(
       (w.innerText || w.textContent || "").trim(),
-      nn * 2
+      on * 2
     );
-    !T || !z || s.push({ id: T, intent: B, text: z });
+    !I || !z || d.push({ id: I, intent: B, text: z });
   }
-  const u = [], f = ["H1", "H2", "H3", "H4", "H5", "H6"], m = Array.from(
+  const c = [], f = ["H1", "H2", "H3", "H4", "H5", "H6"], h = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
-  for (const w of m) {
+  for (const w of h) {
     if (ot(w) || !it(w)) continue;
-    const T = (w.textContent || "").trim();
-    T && u.push(`${w.tagName}: ${ge(T, 200)}`);
+    const I = (w.textContent || "").trim();
+    I && c.push(`${w.tagName}: ${ye(I, 200)}`);
   }
   const a = Array.from(r.querySelectorAll("p, li"));
   for (const w of a) {
     if (ot(w) || !it(w) || f.includes(w.tagName)) continue;
-    const T = (w.textContent || "").trim();
-    T.length > 10 && u.push(ge(T, nn));
+    const I = (w.textContent || "").trim();
+    I.length > 10 && c.push(ye(I, on));
   }
-  const c = u.join(`
-`), R = [], P = Array.from(r.querySelectorAll("a[href]"));
-  for (const w of P) {
-    if (R.length >= Cr) break;
+  const s = c.join(`
+`), R = [], D = Array.from(r.querySelectorAll("a[href]"));
+  for (const w of D) {
+    if (R.length >= Rr) break;
     if (ot(w) || !it(w)) continue;
-    const T = w.getAttribute("href") || "", B = (w.textContent || "").trim();
-    !T || !B || R.push({ href: T, text: ge(B, 100) });
+    const I = w.getAttribute("href") || "", B = (w.textContent || "").trim();
+    !I || !B || R.push({ href: I, text: ye(B, 100) });
   }
-  const C = [], v = Array.from(
+  const E = [], v = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
   for (const w of v) {
-    if (C.length >= Sr) break;
+    if (E.length >= Ir) break;
     if (ot(w) || !yt(w) || !it(w)) continue;
-    const T = rn(w), B = w instanceof HTMLInputElement ? w.type : w.tagName.toLowerCase();
-    T && C.push({ label: ge(T, 100), type: B });
+    const I = ln(w), B = w instanceof HTMLInputElement ? w.type : w.tagName.toLowerCase();
+    I && E.push({ label: ye(I, 100), type: B });
   }
   const b = Array.from(
     r.querySelectorAll("[data-ll-form]")
-  ), A = [];
+  ), N = [];
   for (const w of b) {
-    if (A.length >= Nr) break;
+    if (N.length >= Mr) break;
     if (At(w)) continue;
-    const T = w.getAttribute("data-ll-form") || "";
-    if (!T) continue;
+    const I = w.getAttribute("data-ll-form") || "";
+    if (!I) continue;
     const B = w.getAttribute("data-ll-intent") || void 0, z = Array.from(
       w.querySelectorAll(
         "[data-ll-field]"
       )
-    ), S = [];
-    for (const D of z) {
-      if (S.length >= Ar) break;
-      if (!yt(D)) continue;
-      const q = D.getAttribute("data-ll-field") || "";
-      if (!q) continue;
-      const G = rn(D) || q, ie = D instanceof HTMLInputElement ? D.type : D.tagName.toLowerCase(), Z = {
-        name: q,
-        label: ge(G, 100),
-        type: ie
+    ), C = [];
+    for (const P of z) {
+      if (C.length >= Dr) break;
+      if (!yt(P)) continue;
+      const F = P.getAttribute("data-ll-field") || "";
+      if (!F) continue;
+      const G = ln(P) || F, le = P instanceof HTMLInputElement ? P.type : P.tagName.toLowerCase(), Z = {
+        name: F,
+        label: ye(G, 100),
+        type: le
       };
-      if (D.required === !0 && (Z.required = !0), D instanceof HTMLSelectElement) {
-        const de = [];
-        for (let ye = 0; ye < D.options.length && !(de.length >= Rr); ye++) {
-          const ue = D.options[ye];
-          if (!ue || ue.disabled) continue;
-          const le = ue.value || "", ee = (ue.textContent || "").trim() || le;
-          !le && !ee || de.push({ value: le, label: ge(ee, 60) });
+      if (P.required === !0 && (Z.required = !0), P instanceof HTMLSelectElement) {
+        const ue = [];
+        for (let ve = 0; ve < P.options.length && !(ue.length >= Pr); ve++) {
+          const fe = P.options[ve];
+          if (!fe || fe.disabled) continue;
+          const ae = fe.value || "", ee = (fe.textContent || "").trim() || ae;
+          !ae && !ee || ue.push({ value: ae, label: ye(ee, 60) });
         }
-        de.length > 0 && (Z.options = de);
+        ue.length > 0 && (Z.options = ue);
       }
-      const ke = typeof D.validationMessage == "string" ? D.validationMessage : "";
-      ke && (Z.validationMessage = ge(ke, 200)), S.push(Z);
+      const Le = typeof P.validationMessage == "string" ? P.validationMessage : "";
+      Le && (Z.validationMessage = ye(Le, 200)), C.push(Z);
     }
-    A.push({ id: T, intent: B, fields: S });
+    N.push({ id: I, intent: B, fields: C });
   }
-  const I = {
+  const T = {
     url: o,
     title: l,
     pathname: i,
-    regions: s,
-    visibleText: c,
+    regions: d,
+    visibleText: s,
     visibleLinks: R,
-    visibleFields: C,
-    forms: A,
+    visibleFields: E,
+    forms: N,
     extras: e
   };
-  let $ = qe(JSON.stringify(I.regions)) + qe(I.visibleText) + qe(JSON.stringify(I.visibleLinks)) + qe(JSON.stringify(I.visibleFields));
-  for (; $ > mt && I.visibleFields.length > 0; )
-    I.visibleFields.pop(), $ = qe(JSON.stringify(I.visibleFields));
-  for (; $ > mt && I.visibleLinks.length > 0; )
-    I.visibleLinks.pop(), $ -= 80;
-  return qe(I.visibleText) > mt && (I.visibleText = ge(I.visibleText, mt - 100)), I;
-}
-let Fe = null;
-function on(e, t = {}) {
+  let $ = Be(JSON.stringify(T.regions)) + Be(T.visibleText) + Be(JSON.stringify(T.visibleLinks)) + Be(JSON.stringify(T.visibleFields));
+  for (; $ > mt && T.visibleFields.length > 0; )
+    T.visibleFields.pop(), $ = Be(JSON.stringify(T.visibleFields));
+  for (; $ > mt && T.visibleLinks.length > 0; )
+    T.visibleLinks.pop(), $ -= 80;
+  return Be(T.visibleText) > mt && (T.visibleText = ye(T.visibleText, mt - 100)), T;
+}
+let qe = null;
+function an(e, t = {}) {
   const r = Date.now(), i = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if (Fe && Fe.key === i && r - Fe.at < 1e3)
-    return Fe.ctx;
-  const l = Ir(e, t);
-  return Fe = { key: i, at: r, ctx: l }, l;
+  if (qe && qe.key === i && r - qe.at < 1e3)
+    return qe.ctx;
+  const l = zr(e, t);
+  return qe = { key: i, at: r, ctx: l }, l;
 }
-function Mr() {
-  Fe = null;
+function Or() {
+  qe = null;
 }
-const Pr = 200;
-function Dr(e) {
+const Hr = 200;
+function Wr(e) {
   const t = String(e.href || "");
   return {
     href: t,
@@ -2115,63 +2124,63 @@ function Dr(e) {
     description: e.description
   };
 }
-function $r(e) {
+function Br(e) {
   return !(!e || e.startsWith("#") || e.startsWith("javascript:") || e.startsWith("mailto:") || e.startsWith("tel:"));
 }
-function zr(e) {
+function qr(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
   const r = typeof window < "u" && window.location.origin || "", o = /* @__PURE__ */ new Set(), i = [], l = Array.from(t.querySelectorAll("a[href]"));
-  for (const d of l) {
-    if (i.length >= Pr) break;
-    if (At(d)) continue;
-    const s = d.getAttribute("href") || "";
-    if (!$r(s)) continue;
-    let u = s, f = !0;
+  for (const u of l) {
+    if (i.length >= Hr) break;
+    if (At(u)) continue;
+    const d = u.getAttribute("href") || "";
+    if (!Br(d)) continue;
+    let c = d, f = !0;
     try {
       if (typeof window < "u") {
-        const a = new URL(s, r);
-        f = a.origin === r, f && s.startsWith("http") && (u = a.pathname + a.search + a.hash);
+        const a = new URL(d, r);
+        f = a.origin === r, f && d.startsWith("http") && (c = a.pathname + a.search + a.hash);
       }
     } catch {
       continue;
     }
-    if (o.has(u)) continue;
-    o.add(u);
-    const m = (d.textContent || "").trim().slice(0, 120);
-    i.push({ href: u, text: m, internal: f });
+    if (o.has(c)) continue;
+    o.add(c);
+    const h = (u.textContent || "").trim().slice(0, 120);
+    i.push({ href: c, text: h, internal: f });
   }
   return i;
 }
-let Ue = null;
-const Or = 5e3;
-function Et() {
+let Fe = null;
+const Fr = 5e3;
+function St() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (Ue && Ue.pathname === t && e - Ue.at < Or)
-    return Ue.routes;
-  const r = zr();
-  return Ue = { at: e, pathname: t, routes: r }, r;
+  if (Fe && Fe.pathname === t && e - Fe.at < Fr)
+    return Fe.routes;
+  const r = qr();
+  return Fe = { at: e, pathname: t, routes: r }, r;
 }
-function Hr() {
-  Ue = null;
+function Ur() {
+  Fe = null;
 }
-function Wr(e, t) {
+function jr(e, t) {
   const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, o = Object.getOwnPropertyDescriptor(r, "value"), i = o == null ? void 0 : o.set;
   i ? i.call(e, t) : e.value = t;
 }
-function Br(e, t, r = {}) {
+function Vr(e, t, r = {}) {
   const o = r.triggerInput ?? !0, i = r.triggerChange ?? !0;
   if (e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio")) {
     const l = Object.getOwnPropertyDescriptor(
       HTMLInputElement.prototype,
       "checked"
-    ), d = l == null ? void 0 : l.set, s = t === "true" || t === "1" || t === "on";
-    d ? d.call(e, s) : e.checked = s, o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+    ), u = l == null ? void 0 : l.set, d = t === "true" || t === "1" || t === "on";
+    u ? u.call(e, d) : e.checked = d, o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
-  Wr(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  jr(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
-function qr() {
+function Yr() {
   if (typeof window > "u" || typeof document > "u")
     return !1;
   const e = document.scrollingElement || document.documentElement;
@@ -2179,19 +2188,19 @@ function qr() {
   const t = window.getComputedStyle(e);
   return !(t.overflowY === "hidden" || t.overflowY === "clip");
 }
-function Fr(e) {
+function Gr(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const r = window.getComputedStyle(e).overflowY;
   return !(r !== "auto" && r !== "scroll" || e.scrollHeight <= e.clientHeight + 2);
 }
-function Ur() {
+function Jr() {
   if (typeof document > "u") return null;
   const e = Array.from(
     document.querySelectorAll("body, body *")
   );
   let t = null, r = 0;
   for (const o of e) {
-    if (!Fr(o)) continue;
+    if (!Gr(o)) continue;
     const i = o.getBoundingClientRect();
     if (i.bottom <= 0 || i.top >= window.innerHeight || i.right <= 0 || i.left >= window.innerWidth || i.width <= 0 || i.height <= 0 || o.closest(".ll-widget")) continue;
     const l = i.width * i.height;
@@ -2199,24 +2208,24 @@ function Ur() {
   }
   return t;
 }
-function jr() {
+function Kr() {
   if (typeof window > "u")
     return null;
-  if (qr()) return window;
-  const e = Ur();
+  if (Yr()) return window;
+  const e = Jr();
   return e || window;
 }
-function ln(e) {
+function sn(e) {
   return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
 }
-function Vr(e) {
+function Xr(e) {
   var t, r;
   return e instanceof Window ? typeof document > "u" ? 0 : Math.max(
     ((t = document.body) == null ? void 0 : t.scrollHeight) ?? 0,
     ((r = document.documentElement) == null ? void 0 : r.scrollHeight) ?? 0
   ) : e.scrollHeight - e.clientHeight;
 }
-const Yr = /* @__PURE__ */ new Set([
+const Qr = /* @__PURE__ */ new Set([
   "agent_state",
   "avatar_stream_ready",
   "avatar_active",
@@ -2238,115 +2247,115 @@ const Yr = /* @__PURE__ */ new Set([
   "focus_field",
   "submit_form",
   "request_routes"
-]), mn = at(
+]), yn = at(
   function(t, r) {
-    var zt, Ot, Ht, Wt, Bt, qt, Ft;
+    var Ot, Ht, Wt, Bt, qt, Ft, Ut;
     const {
       agentId: o,
       apiKey: i,
       baseUrl: l = "https://app.livelayer.studio",
-      sessionEndpoint: d,
-      sessionBody: s,
-      soundEffects: u,
+      sessionEndpoint: u,
+      sessionBody: d,
+      soundEffects: c,
       experienceMode: f = "WIDGET",
-      autoConnect: m = !1,
+      autoConnect: h = !1,
       displayMode: a,
-      defaultDisplayMode: c = "expanded",
+      defaultDisplayMode: s = "expanded",
       onDisplayModeChange: R,
-      position: P = "bottom-right",
-      mobileBreakpoint: C = 640,
+      position: D = "bottom-right",
+      mobileBreakpoint: E = 640,
       persistKey: v = "ll-widget",
       disablePersistence: b = !1,
-      teamMembers: A,
-      currentTeamMemberId: I,
+      teamMembers: N,
+      currentTeamMemberId: T,
       onTeamMemberChange: $,
       idleLoopUrl: w,
-      greeting: T,
+      greeting: I,
       avatarImageUrl: B,
       agentName: z,
-      branding: S = {},
-      allowCamera: D = !0,
-      allowScreenShare: q = !0,
+      branding: C = {},
+      allowCamera: P = !0,
+      allowScreenShare: F = !0,
       allowTyping: G = !0,
-      showMinimize: ie = !0,
+      showMinimize: le = !0,
       chromeless: Z = !1,
-      compactControls: ke = !1,
-      transforming: de = !1,
-      transformingLabel: ye = "Transforming…",
-      showOn: ue,
-      hideOn: le,
+      compactControls: Le = !1,
+      transforming: ue = !1,
+      transformingLabel: ve = "Transforming…",
+      showOn: fe,
+      hideOn: ae,
       pathname: ee,
       onNavigate: st,
-      onScrollToSelector: Ve,
+      onScrollToSelector: je,
       getPageContext: ct,
       pageContextExtras: ne,
-      getRoutes: Ye,
-      onScrollPage: Ge,
+      getRoutes: Ve,
+      onScrollPage: Ye,
       onClick: dt,
-      capabilities: Je,
-      onConnect: Le,
+      capabilities: Ge,
+      onConnect: Ee,
       onDisconnect: Ce,
-      onTranscript: De,
+      onTranscript: Pe,
       onAgentState: Se,
-      onConnectionStateChange: Ee,
-      onAgentEvent: Ne,
-      onAgentCommand: Ae,
-      controlledSession: U,
+      onConnectionStateChange: Ne,
+      onAgentEvent: Ae,
+      onAgentCommand: Re,
+      controlledSession: q,
       className: vt,
-      style: Re,
+      style: Ie,
       zIndex: $e = 2147483647
-    } = t, re = Zn(ee), Ke = lr(re, ue, le);
-    N(() => {
-      Mr(), Hr();
+    } = t, re = rr(ee), Je = dr(re, fe, ae);
+    A(() => {
+      Or(), Ur();
     }, [re]);
-    const Te = I !== void 0, [ze, bt] = L(() => {
+    const Te = T !== void 0, [ze, bt] = L(() => {
       var y;
-      return I ?? ((y = A == null ? void 0 : A[0]) == null ? void 0 : y.id);
-    }), ve = Te ? I : ze, X = je(
-      () => (A == null ? void 0 : A.find((y) => y.id === ve)) ?? null,
-      [A, ve]
-    ), Xe = (X == null ? void 0 : X.agentId) ?? o, Ie = f === "EMBEDDED", [ae, te] = Jn({
-      value: Ie ? "expanded" : a,
-      defaultValue: Ie ? "expanded" : c,
+      return T ?? ((y = N == null ? void 0 : N[0]) == null ? void 0 : y.id);
+    }), be = Te ? T : ze, X = Ue(
+      () => (N == null ? void 0 : N.find((y) => y.id === be)) ?? null,
+      [N, be]
+    ), Ke = (X == null ? void 0 : X.agentId) ?? o, Me = f === "EMBEDDED", [se, te] = Zn({
+      value: Me ? "expanded" : a,
+      defaultValue: Me ? "expanded" : s,
       onChange: R,
       persistKey: v,
-      disablePersistence: Ie || b
-    }), fe = Xn(C), be = zn(), oe = On(), pe = Wn(), Me = Bn(), we = qn(), [ut, Qe] = L(!1), [Ze, he] = L(!1), [se, Oe] = L(!1), [ft, wt] = L(!1), [He, h] = L(!1), j = sr({ baseUrl: l, config: u }), et = E(j);
-    et.current = j;
-    const _t = E(st), xt = E(Ve), kt = E(Ge), Lt = E(dt), Rt = E(ct), Tt = E(ne), It = E(Ye), Ct = E(Je), ce = E(null);
-    _t.current = st, xt.current = Ve, kt.current = Ge, Lt.current = dt, Rt.current = ct, Tt.current = ne, It.current = Ye, Ct.current = Je;
-    function _e(y) {
-      const p = Ct.current;
+      disablePersistence: Me || b
+    }), pe = tr(E), we = Bn(), oe = qn(), he = Un(), De = jn(), _e = Vn(), [ut, Xe] = L(!1), [Qe, me] = L(!1), [ce, Oe] = L(!1), [ft, wt] = L(!1), [He, m] = L(!1), j = fr({ baseUrl: l, config: c }), Ze = S(j);
+    Ze.current = j;
+    const _t = S(st), xt = S(je), kt = S(Ye), Lt = S(dt), Rt = S(ct), It = S(ne), Tt = S(Ve), Et = S(Ge), de = S(null);
+    _t.current = st, xt.current = je, kt.current = Ye, Lt.current = dt, Rt.current = ct, It.current = ne, Tt.current = Ve, Et.current = Ge;
+    function xe(y) {
+      const p = Et.current;
       return p ? p.includes(y) : !0;
     }
-    function xe(y, p) {
+    function ke(y, p) {
       console.warn(
         `[LiveLayer] Agent command "${y}" blocked — capability "${p}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
       );
     }
-    const tt = x(
+    const et = k(
       (y) => {
-        var Y, me, Pe, We;
+        var Y, ie, ge, rt;
         const p = y;
         if (!(!p.type || typeof p.type != "string")) {
-          if (Ne == null || Ne({ eventName: p.type, data: y }), p.type === "navigate") {
-            if (!_e("navigate")) {
-              xe("navigate", "navigate");
+          if (Ae == null || Ae({ eventName: p.type, data: y }), p.type === "navigate") {
+            if (!xe("navigate")) {
+              ke("navigate", "navigate");
               return;
             }
-            const k = typeof p.href == "string" ? p.href : null;
-            if (!k) {
+            const x = typeof p.href == "string" ? p.href : null;
+            if (!x) {
               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 (et.current.playPageChange(), _t.current) {
+            if (Ze.current.playPageChange(), _t.current) {
               try {
-                _t.current(k);
+                _t.current(x);
               } catch (M) {
                 console.warn(
-                  `[LiveLayer] onNavigate threw for "${k}". Falling back. Error:`,
+                  `[LiveLayer] onNavigate threw for "${x}". Falling back. Error:`,
                   M
                 );
               }
@@ -2354,7 +2363,7 @@ const Yr = /* @__PURE__ */ new Set([
             }
             if (typeof document < "u") {
               const M = document.querySelector(
-                `a[href="${k.replace(/"/g, '\\"')}"]`
+                `a[href="${x.replace(/"/g, '\\"')}"]`
               );
               if (M) {
                 M.click();
@@ -2363,27 +2372,27 @@ const Yr = /* @__PURE__ */ new Set([
             }
             if (typeof window < "u" && typeof history < "u")
               try {
-                history.pushState({}, "", k), window.dispatchEvent(new PopStateEvent("popstate"));
+                history.pushState({}, "", x), window.dispatchEvent(new PopStateEvent("popstate"));
               } catch (M) {
                 console.warn(
-                  `[LiveLayer] history.pushState fallback failed for "${k}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
+                  `[LiveLayer] history.pushState fallback failed for "${x}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
                   M
                 );
               }
             return;
           }
           if (p.type === "scroll_to") {
-            if (!_e("scroll")) {
-              xe("scroll_to", "scroll");
+            if (!xe("scroll")) {
+              ke("scroll_to", "scroll");
               return;
             }
-            const k = typeof p.selector == "string" ? p.selector : null;
-            if (!k) return;
+            const x = typeof p.selector == "string" ? p.selector : null;
+            if (!x) return;
             const M = p.behavior === "instant" ? "instant" : "smooth";
             if (xt.current) {
               try {
                 xt.current(
-                  k,
+                  x,
                   M
                 );
               } catch (W) {
@@ -2394,16 +2403,16 @@ const Yr = /* @__PURE__ */ new Set([
             if (typeof document < "u") {
               let W = null;
               try {
-                W = document.querySelector(k);
+                W = document.querySelector(x);
               } catch {
                 console.warn(
-                  `[LiveLayer] scroll_to: invalid selector "${k}".`
+                  `[LiveLayer] scroll_to: invalid selector "${x}".`
                 );
                 return;
               }
               if (!W) {
                 console.warn(
-                  `[LiveLayer] scroll_to: no element matched "${k}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
+                  `[LiveLayer] scroll_to: no element matched "${x}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
                 );
                 return;
               }
@@ -2415,23 +2424,23 @@ const Yr = /* @__PURE__ */ new Set([
             return;
           }
           if (p.type === "request_page_context") {
-            if (!_e("read_page")) {
-              xe("request_page_context", "read_page");
+            if (!xe("read_page")) {
+              ke("request_page_context", "read_page");
               return;
             }
-            const k = typeof p.requestId == "string" ? p.requestId : void 0, M = (Y = ce.current) == null ? void 0 : Y.call(ce), W = (V) => {
+            const x = typeof p.requestId == "string" ? p.requestId : void 0, M = (Y = de.current) == null ? void 0 : Y.call(de), W = (V) => {
               const O = M, K = O == null ? void 0 : O.localParticipant;
               if (K != null && K.publishData)
                 try {
-                  const Q = k ? { ...V, requestId: k } : V, Be = new TextEncoder().encode(JSON.stringify(Q));
-                  K.publishData(Be, { reliable: !0 });
+                  const Q = x ? { ...V, requestId: x } : V, We = new TextEncoder().encode(JSON.stringify(Q));
+                  K.publishData(We, { reliable: !0 });
                 } catch (Q) {
                   console.warn("[LiveLayer] publishData failed.", Q);
                 }
-            }, H = Tt.current, F = Rt.current;
+            }, H = It.current, U = Rt.current;
             try {
-              if (F) {
-                const V = F(H);
+              if (U) {
+                const V = U(H);
                 if (V instanceof Promise) {
                   W({ type: "page_context_pending" }), V.then((O) => W({ type: "page_context", context: O })).catch((O) => {
                     console.warn(
@@ -2439,7 +2448,7 @@ const Yr = /* @__PURE__ */ new Set([
                       O
                     ), W({
                       type: "page_context",
-                      context: on(H)
+                      context: an(H)
                     });
                   });
                   return;
@@ -2449,7 +2458,7 @@ const Yr = /* @__PURE__ */ new Set([
               }
               W({
                 type: "page_context",
-                context: on(H)
+                context: an(H)
               });
             } catch (V) {
               console.warn(
@@ -2463,14 +2472,14 @@ const Yr = /* @__PURE__ */ new Set([
             return;
           }
           if (p.type === "scroll_page") {
-            if (!_e("scroll")) {
-              xe("scroll_page", "scroll");
+            if (!xe("scroll")) {
+              ke("scroll_page", "scroll");
               return;
             }
-            const k = p.direction;
-            if (k !== "up" && k !== "down" && k !== "top" && k !== "bottom") {
+            const x = p.direction;
+            if (x !== "up" && x !== "down" && x !== "top" && x !== "bottom") {
               console.warn(
-                `[LiveLayer] scroll_page: invalid direction "${String(k)}". Expected up | down | top | bottom.`
+                `[LiveLayer] scroll_page: invalid direction "${String(x)}". Expected up | down | top | bottom.`
               );
               return;
             }
@@ -2478,7 +2487,7 @@ const Yr = /* @__PURE__ */ new Set([
             if (kt.current) {
               try {
                 kt.current(
-                  k,
+                  x,
                   M
                 );
               } catch (O) {
@@ -2487,27 +2496,27 @@ const Yr = /* @__PURE__ */ new Set([
               return;
             }
             if (typeof window > "u") return;
-            const W = { behavior: M }, H = jr(), F = (O) => {
+            const W = { behavior: M }, H = Kr(), U = (O) => {
               H instanceof Window ? H.scrollBy({ top: O, ...W }) : H.scrollBy({ top: O, ...W });
             }, V = (O) => {
               H instanceof Window ? H.scrollTo({ top: O, ...W }) : H.scrollTo({ top: O, ...W });
             };
-            k === "up" ? F(-ln(H)) : k === "down" ? F(ln(H)) : V(k === "top" ? 0 : Vr(H));
+            x === "up" ? U(-sn(H)) : x === "down" ? U(sn(H)) : V(x === "top" ? 0 : Xr(H));
             return;
           }
           if (p.type === "click") {
-            if (!_e("click")) {
-              xe("click", "click");
+            if (!xe("click")) {
+              ke("click", "click");
               return;
             }
-            const k = typeof p.selector == "string" ? p.selector : null;
-            if (!k) {
+            const x = typeof p.selector == "string" ? p.selector : null;
+            if (!x) {
               console.warn("[LiveLayer] click: missing selector.");
               return;
             }
             if (Lt.current) {
               try {
-                Lt.current(k);
+                Lt.current(x);
               } catch (W) {
                 console.warn("[LiveLayer] onClick threw.", W);
               }
@@ -2516,16 +2525,16 @@ const Yr = /* @__PURE__ */ new Set([
             if (typeof document > "u") return;
             let M = null;
             try {
-              M = document.querySelector(k);
+              M = document.querySelector(x);
             } catch {
               console.warn(
-                `[LiveLayer] click: invalid selector "${k}".`
+                `[LiveLayer] click: invalid selector "${x}".`
               );
               return;
             }
             if (!M) {
               console.warn(
-                `[LiveLayer] click: no element matched "${k}". See https://livelayer.studio/docs/errors/click-no-match`
+                `[LiveLayer] click: no element matched "${x}". See https://livelayer.studio/docs/errors/click-no-match`
               );
               return;
             }
@@ -2535,27 +2544,27 @@ const Yr = /* @__PURE__ */ new Set([
               );
               return;
             }
-            (me = M.click) == null || me.call(M);
+            (ie = M.click) == null || ie.call(M);
             return;
           }
           if (p.type === "fill_form" || p.type === "focus_field") {
-            if (!_e("fill_forms")) {
-              xe(p.type, "fill_forms");
+            if (!xe("fill_forms")) {
+              ke(p.type, "fill_forms");
               return;
             }
             if (typeof document > "u") return;
-            p.type === "fill_form" && et.current.playConfirmation();
-            const k = typeof p.formId == "string" ? p.formId : null;
-            if (!k) {
+            p.type === "fill_form" && Ze.current.playConfirmation();
+            const x = typeof p.formId == "string" ? p.formId : null;
+            if (!x) {
               console.warn(`[LiveLayer] ${p.type}: missing formId.`);
               return;
             }
             const M = document.querySelector(
-              `[data-ll-form="${k.replace(/"/g, '\\"')}"]`
+              `[data-ll-form="${x.replace(/"/g, '\\"')}"]`
             );
             if (!M) {
               console.warn(
-                `[LiveLayer] ${p.type}: no form with data-ll-form="${k}". 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="${x}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
               );
               return;
             }
@@ -2571,20 +2580,20 @@ const Yr = /* @__PURE__ */ new Set([
                 console.warn("[LiveLayer] focus_field: missing fieldName.");
                 return;
               }
-              const F = M.querySelector(`[data-ll-field="${H.replace(/"/g, '\\"')}"]`);
-              if (!F) {
+              const U = M.querySelector(`[data-ll-field="${H.replace(/"/g, '\\"')}"]`);
+              if (!U) {
                 console.warn(
-                  `[LiveLayer] focus_field: no field "${H}" in form "${k}".`
+                  `[LiveLayer] focus_field: no field "${H}" in form "${x}".`
                 );
                 return;
               }
-              if (!yt(F)) {
+              if (!yt(U)) {
                 console.warn(
                   `[LiveLayer] focus_field: field "${H}" is privacy-protected and not focusable.`
                 );
                 return;
               }
-              F.focus();
+              U.focus();
               return;
             }
             const W = p.values && typeof p.values == "object" ? p.values : null;
@@ -2592,12 +2601,12 @@ const Yr = /* @__PURE__ */ new Set([
               console.warn("[LiveLayer] fill_form: missing or invalid values.");
               return;
             }
-            for (const [H, F] of Object.entries(W)) {
-              if (typeof F != "string") continue;
+            for (const [H, U] of Object.entries(W)) {
+              if (typeof U != "string") continue;
               const V = M.querySelector(`[data-ll-field="${H.replace(/"/g, '\\"')}"]`);
               if (!V) {
                 console.warn(
-                  `[LiveLayer] fill_form: no field "${H}" in form "${k}". Skipping.`
+                  `[LiveLayer] fill_form: no field "${H}" in form "${x}". Skipping.`
                 );
                 continue;
               }
@@ -2608,7 +2617,7 @@ const Yr = /* @__PURE__ */ new Set([
                 continue;
               }
               try {
-                Br(V, F);
+                Vr(V, U);
               } catch (O) {
                 console.warn(
                   `[LiveLayer] fill_form: failed to set "${H}".`,
@@ -2619,23 +2628,23 @@ const Yr = /* @__PURE__ */ new Set([
             return;
           }
           if (p.type === "submit_form") {
-            if (!_e("submit_forms")) {
-              xe("submit_form", "submit_forms");
+            if (!xe("submit_forms")) {
+              ke("submit_form", "submit_forms");
               return;
             }
             if (typeof document > "u") return;
-            const k = typeof p.formId == "string" ? p.formId : null;
-            if (!k) {
+            const x = typeof p.formId == "string" ? p.formId : null;
+            if (!x) {
               console.warn("[LiveLayer] submit_form: missing formId.");
               return;
             }
-            et.current.playConfirmation();
+            Ze.current.playConfirmation();
             const M = document.querySelector(
-              `[data-ll-form="${k.replace(/"/g, '\\"')}"]`
+              `[data-ll-form="${x.replace(/"/g, '\\"')}"]`
             );
             if (!M) {
               console.warn(
-                `[LiveLayer] submit_form: no form with data-ll-form="${k}".`
+                `[LiveLayer] submit_form: no form with data-ll-form="${x}".`
               );
               return;
             }
@@ -2645,130 +2654,130 @@ const Yr = /* @__PURE__ */ new Set([
               );
               return;
             }
-            const W = typeof p.requestId == "string" ? p.requestId : void 0, H = (Pe = ce.current) == null ? void 0 : Pe.call(ce), F = (K) => {
-              const Q = H, Be = Q == null ? void 0 : Q.localParticipant;
-              if (Be != null && Be.publishData)
+            const W = typeof p.requestId == "string" ? p.requestId : void 0, H = (ge = de.current) == null ? void 0 : ge.call(de), U = (K) => {
+              const Q = H, We = Q == null ? void 0 : Q.localParticipant;
+              if (We != null && We.publishData)
                 try {
-                  const En = W ? { ...K, requestId: W } : K, Nn = new TextEncoder().encode(JSON.stringify(En));
-                  Be.publishData(Nn, { reliable: !0 });
+                  const An = W ? { ...K, requestId: W } : K, Rn = new TextEncoder().encode(JSON.stringify(An));
+                  We.publishData(Rn, { reliable: !0 });
                 } catch {
                 }
             };
             let V = !1;
             const O = () => {
-              V = !0, F({ type: "form_submitted", formId: k });
+              V = !0, U({ type: "form_submitted", formId: x });
             };
             M.addEventListener("submit", O, { once: !0 });
             try {
               typeof M.requestSubmit == "function" ? M.requestSubmit() : M.submit();
             } catch (K) {
-              console.warn("[LiveLayer] submit_form: requestSubmit threw.", K), M.removeEventListener("submit", O), F({
+              console.warn("[LiveLayer] submit_form: requestSubmit threw.", K), M.removeEventListener("submit", O), U({
                 type: "form_submit_blocked",
-                formId: k,
+                formId: x,
                 reason: "exception"
               });
               return;
             }
             setTimeout(() => {
-              V || (M.removeEventListener("submit", O), F({
+              V || (M.removeEventListener("submit", O), U({
                 type: "form_submit_blocked",
-                formId: k,
+                formId: x,
                 reason: "validation"
               }));
             }, 500);
             return;
           }
           if (p.type === "request_routes") {
-            if (!_e("read_page")) {
-              xe("request_routes", "read_page");
+            if (!xe("read_page")) {
+              ke("request_routes", "read_page");
               return;
             }
-            const k = typeof p.requestId == "string" ? p.requestId : void 0, W = (We = ce.current) == null ? void 0 : We.call(ce), H = W == null ? void 0 : W.localParticipant;
+            const x = typeof p.requestId == "string" ? p.requestId : void 0, W = (rt = de.current) == null ? void 0 : rt.call(de), H = W == null ? void 0 : W.localParticipant;
             if (!(H != null && H.publishData)) return;
-            const F = (O) => {
+            const U = (O) => {
               try {
-                const K = k ? { type: "routes", routes: O, requestId: k } : { type: "routes", routes: O }, Q = new TextEncoder().encode(JSON.stringify(K));
+                const K = x ? { type: "routes", routes: O, requestId: x } : { type: "routes", routes: O }, Q = new TextEncoder().encode(JSON.stringify(K));
                 H.publishData(Q, { reliable: !0 });
               } catch (K) {
                 console.warn("[LiveLayer] request_routes: publishData failed.", K);
               }
-            }, V = It.current;
+            }, V = Tt.current;
             if (V) {
               try {
                 const O = V(), K = (Q) => {
                   if (!Array.isArray(Q)) {
-                    F([]);
+                    U([]);
                     return;
                   }
-                  F(Q.map(Dr).slice(0, 200));
+                  U(Q.map(Wr).slice(0, 200));
                 };
                 O instanceof Promise ? O.then(K).catch((Q) => {
                   console.warn(
                     "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
                     Q
-                  ), F(Et());
+                  ), U(St());
                 }) : K(O);
               } catch (O) {
                 console.warn(
                   "[LiveLayer] getRoutes threw; falling back to DOM walker.",
                   O
-                ), F(Et());
+                ), U(St());
               }
               return;
             }
             try {
-              F(Et());
+              U(St());
             } catch (O) {
               console.warn("[LiveLayer] request_routes: extractRoutes threw.", O);
             }
             return;
           }
-          Yr.has(p.type) || Ae == null || Ae(p);
+          Qr.has(p.type) || Re == null || Re(p);
         }
       },
-      [Ae, Ne]
-    ), J = $n({
-      agentId: U ? "__controlled__" : Xe,
+      [Re, Ae]
+    ), J = Wn({
+      agentId: q ? "__controlled__" : Ke,
       baseUrl: l,
       apiKey: i,
-      sessionEndpoint: d,
-      sessionBody: s,
-      onDataMessage: U ? void 0 : tt
+      sessionEndpoint: u,
+      sessionBody: d,
+      onDataMessage: q ? void 0 : et
     });
-    N(() => {
-      if (U != null && U.subscribeToDataMessages)
-        return U.subscribeToDataMessages(tt);
-    }, [U, tt]), ce.current = () => {
+    A(() => {
+      if (q != null && q.subscribeToDataMessages)
+        return q.subscribeToDataMessages(et);
+    }, [q, et]), de.current = () => {
       var y;
       return (y = J.getRoom) == null ? void 0 : y.call(J);
-    }, N(() => {
+    }, A(() => {
       var Y;
       if (typeof window > "u") return;
       const y = ((Y = window.location) == null ? void 0 : Y.hostname) || "";
       if (y === "localhost" || y === "127.0.0.1" || y === "0.0.0.0" || y.endsWith(".local") || y.endsWith(".test"))
-        return window.__livelayerSimulateCommand = (me) => {
+        return window.__livelayerSimulateCommand = (ie) => {
           try {
-            tt(me);
-          } catch (Pe) {
-            console.warn("[LiveLayer] simulate-command threw:", Pe);
+            et(ie);
+          } catch (ge) {
+            console.warn("[LiveLayer] simulate-command threw:", ge);
           }
         }, () => {
           delete window.__livelayerSimulateCommand;
         };
-    }, [tt]);
-    const _ = je(() => U ? {
-      connectionState: U.connectionState,
-      agentState: U.agentState,
-      transcript: U.transcript,
-      videoElement: U.videoElement,
-      audioElement: U.audioElement,
-      canResume: U.canResume,
-      error: U.error,
+    }, [et]);
+    const _ = Ue(() => q ? {
+      connectionState: q.connectionState,
+      agentState: q.agentState,
+      transcript: q.transcript,
+      videoElement: q.videoElement,
+      audioElement: q.audioElement,
+      canResume: q.canResume,
+      error: q.error,
       agentConfig: null,
       connect: async () => {
-        await U.onConnect();
+        await q.onConnect();
       },
-      disconnect: () => U.onDisconnect(),
+      disconnect: () => q.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.
@@ -2787,197 +2796,214 @@ const Yr = /* @__PURE__ */ new Set([
       disconnect: J.disconnect,
       getRoom: J.getRoom,
       isControlled: !1
-    }, [U, J]), Mt = E(_);
-    Mt.current = _, Rn(
+    }, [q, J]), Mt = S(_);
+    Mt.current = _;
+    const Dt = S(q);
+    Dt.current = q, Mn(
       r,
       () => ({
         sendData: async (y) => {
-          var me, Pe;
-          const p = (Pe = (me = Mt.current) == null ? void 0 : me.getRoom) == null ? void 0 : Pe.call(me), Y = p == null ? void 0 : p.localParticipant;
-          if (Y != null && Y.publishData)
+          var ge, rt;
+          const p = Dt.current;
+          if (p != null && p.publishData) {
             try {
-              const We = new TextEncoder().encode(JSON.stringify(y));
-              await Y.publishData(We, { reliable: !0 });
-            } catch (We) {
-              console.warn("[AvatarWidget] sendData failed:", We);
+              await p.publishData(y);
+            } catch (x) {
+              console.warn("[AvatarWidget] sendData (controlled) failed:", x);
+            }
+            return;
+          }
+          const Y = (rt = (ge = Mt.current) == null ? void 0 : ge.getRoom) == null ? void 0 : rt.call(ge), ie = Y == null ? void 0 : Y.localParticipant;
+          if (ie != null && ie.publishData)
+            try {
+              const x = new TextEncoder().encode(JSON.stringify(y));
+              await ie.publishData(x, { reliable: !0 });
+            } catch (x) {
+              console.warn("[AvatarWidget] sendData failed:", x);
             }
         }
       }),
       []
     );
-    const Pt = E(null);
-    N(() => {
+    const Pt = S(null);
+    A(() => {
       const y = _.videoElement, p = Pt.current;
       if (!(!y || !p))
         return p.appendChild(y), () => {
           y.parentNode === p && p.removeChild(y);
         };
-    }, [_.videoElement]), N(() => {
+    }, [_.videoElement]), A(() => {
       const y = _.audioElement;
       if (!y) return;
-      be.attach(y);
+      we.attach(y);
       const p = y.play();
       return p && typeof p.catch == "function" && p.catch((Y) => {
-        (Y == null ? void 0 : Y.name) === "NotAllowedError" && Qe(!0);
+        (Y == null ? void 0 : Y.name) === "NotAllowedError" && Xe(!0);
       }), () => {
-        be.detach();
+        we.detach();
       };
-    }, [_.audioElement]), N(() => {
+    }, [_.audioElement]), A(() => {
       if (_.isControlled || _.connectionState !== "connected") return;
       const y = _.getRoom();
       if (y)
         return oe.setupMic(y).catch(() => {
-        }), pe.attachRoom(y), Me.attachRoom(y), we.refresh(), () => {
-          oe.teardownMic(), pe.teardown(), Me.teardown();
+        }), he.attachRoom(y), De.attachRoom(y), _e.refresh(), () => {
+          oe.teardownMic(), he.teardown(), De.teardown();
         };
-    }, [_.isControlled, _.connectionState]), N(() => {
+    }, [_.isControlled, _.connectionState]), A(() => {
       const y = _.audioElement;
       y && (y.muted = He);
     }, [_.audioElement, He]);
-    const gn = x((y) => {
-      const p = _.getRoom();
-      if (p)
+    const vn = k((y) => {
+      const p = { type: "user_message", text: y };
+      if (q != null && q.publishData) {
         try {
-          const Y = new TextEncoder().encode(
-            JSON.stringify({ type: "user_message", text: y })
-          );
-          p.localParticipant.publishData(Y, { reliable: !0 });
+          q.publishData(p);
         } catch {
         }
-    }, [_]), yn = x(() => {
-      h((y) => !y);
+        return;
+      }
+      const Y = _.getRoom();
+      if (Y)
+        try {
+          const ie = new TextEncoder().encode(JSON.stringify(p));
+          Y.localParticipant.publishData(ie, { reliable: !0 });
+        } catch {
+        }
+    }, [_, q]), bn = k(() => {
+      m((y) => !y);
     }, []);
-    N(() => {
-      Ee == null || Ee(_.connectionState), _.connectionState === "connected" ? Le == null || Le() : _.connectionState === "disconnected" && (Ce == null || Ce());
-    }, [_.connectionState, Le, Ce, Ee]), N(() => {
-      De == null || De(_.transcript);
-    }, [_.transcript, De]), N(() => {
+    A(() => {
+      Ne == null || Ne(_.connectionState), _.connectionState === "connected" ? Ee == null || Ee() : _.connectionState === "disconnected" && (Ce == null || Ce());
+    }, [_.connectionState, Ee, Ce, Ne]), A(() => {
+      Pe == null || Pe(_.transcript);
+    }, [_.transcript, Pe]), A(() => {
       Se == null || Se(_.agentState);
-    }, [_.agentState, Se]), N(() => {
+    }, [_.agentState, Se]), A(() => {
       j.setThinking(_.agentState === "thinking");
     }, [_.agentState, j]);
-    const Dt = E(!1);
-    N(() => {
-      _.isControlled || !m || Dt.current || Ke && _.connectionState === "idle" && (Dt.current = !0, _.connect());
-    }, [m, _.connectionState, _, Ke]);
-    const vn = x(
+    const $t = S(!1);
+    A(() => {
+      _.isControlled || !h || $t.current || Je && _.connectionState === "idle" && ($t.current = !0, _.connect());
+    }, [h, _.connectionState, _, Je]);
+    const wn = k(
       (y) => {
-        const p = A == null ? void 0 : A.find((Y) => Y.id === y);
-        p && (Oe(!1), y !== ve && (he(!0), _.disconnect(), Te || bt(y), $ == null || $(p)));
+        const p = N == null ? void 0 : N.find((Y) => Y.id === y);
+        p && (Oe(!1), y !== be && (me(!0), _.disconnect(), Te || bt(y), $ == null || $(p)));
       },
       [
-        A,
-        ve,
+        N,
+        be,
         _,
         Te,
         $
       ]
     );
-    N(() => {
-      Ze && _.connectionState === "connected" && he(!1);
-    }, [_.connectionState, Ze]), N(() => {
-      if (!se) return;
+    A(() => {
+      Qe && _.connectionState === "connected" && me(!1);
+    }, [_.connectionState, Qe]), A(() => {
+      if (!ce) return;
       const y = (p) => {
         p.key === "Escape" && Oe(!1);
       };
       return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
-    }, [se]);
-    const bn = !!B || !!(X != null && X.avatarImageUrl) || _.isControlled, nt = Fn(Xe, l, bn);
-    Je === void 0 && ((zt = nt.info) != null && zt.capabilities) && (Ct.current = nt.info.capabilities);
-    const pt = (X == null ? void 0 : X.name) ?? z ?? ((Ot = _.agentConfig) == null ? void 0 : Ot.name) ?? ((Ht = nt.info) == null ? void 0 : Ht.name) ?? "Live Layer", St = (X == null ? void 0 : X.avatarImageUrl) ?? B ?? ((Wt = _.agentConfig) == null ? void 0 : Wt.avatarImageUrl) ?? ((Bt = nt.info) == null ? void 0 : Bt.avatarImageUrl) ?? null, wn = w ?? ((qt = _.agentConfig) == null ? void 0 : qt.idleLoopUrl) ?? ((Ft = nt.info) == null ? void 0 : Ft.idleLoopUrl) ?? null, _n = T ?? null, xn = x(() => te("expanded"), [te]), kn = x(
+    }, [ce]);
+    const _n = !!B || !!(X != null && X.avatarImageUrl) || _.isControlled, tt = Yn(Ke, l, _n);
+    Ge === void 0 && ((Ot = tt.info) != null && Ot.capabilities) && (Et.current = tt.info.capabilities);
+    const pt = (X == null ? void 0 : X.name) ?? z ?? ((Ht = _.agentConfig) == null ? void 0 : Ht.name) ?? ((Wt = tt.info) == null ? void 0 : Wt.name) ?? "Live Layer", Ct = (X == null ? void 0 : X.avatarImageUrl) ?? B ?? ((Bt = _.agentConfig) == null ? void 0 : Bt.avatarImageUrl) ?? ((qt = tt.info) == null ? void 0 : qt.avatarImageUrl) ?? null, xn = w ?? ((Ft = _.agentConfig) == null ? void 0 : Ft.idleLoopUrl) ?? ((Ut = tt.info) == null ? void 0 : Ut.idleLoopUrl) ?? null, kn = I ?? null, Ln = k(() => te("expanded"), [te]), En = k(
       () => te("minimized"),
       [te]
-    ), $t = x(() => {
+    ), zt = k(() => {
       _.disconnect(), te("hidden");
-    }, [_, te]), Ln = x(() => {
+    }, [_, te]), Cn = k(() => {
       const y = _.audioElement;
-      y && y.play().then(() => Qe(!1)).catch(() => {
+      y && y.play().then(() => Xe(!1)).catch(() => {
       });
-    }, [_.audioElement]), Cn = x(() => {
-      Qe(!1), _.connect();
-    }, [_]), rt = {
-      ...Re,
-      ...Ie ? {} : { zIndex: $e }
+    }, [_.audioElement]), Sn = k(() => {
+      Xe(!1), _.connect();
+    }, [_]), nt = {
+      ...Ie,
+      ...Me ? {} : { zIndex: $e }
     };
-    S.primaryColor && (rt["--ll-color-primary"] = S.primaryColor), S.accentColor && (rt["--ll-color-accent"] = S.accentColor), S.backgroundColor && (rt["--ll-color-bg"] = S.backgroundColor), S.textColor && (rt["--ll-color-fg"] = S.textColor);
-    const Sn = [
+    C.primaryColor && (nt["--ll-color-primary"] = C.primaryColor), C.accentColor && (nt["--ll-color-accent"] = C.accentColor), C.backgroundColor && (nt["--ll-color-bg"] = C.backgroundColor), C.textColor && (nt["--ll-color-fg"] = C.textColor);
+    const Nn = [
       "ll-widget",
-      `ll-widget--${ae}`,
-      `ll-widget--${fe ? "mobile" : "desktop"}`,
+      `ll-widget--${se}`,
+      `ll-widget--${pe ? "mobile" : "desktop"}`,
       vt
     ].filter(Boolean).join(" ");
-    return Ke ? /* @__PURE__ */ g(
+    return Je ? /* @__PURE__ */ g(
       "div",
       {
-        className: Sn,
-        style: rt,
-        "data-display-mode": ae,
-        "data-position": P,
+        className: Nn,
+        style: nt,
+        "data-display-mode": se,
+        "data-position": D,
         "data-experience-mode": f === "EMBEDDED" ? "embedded" : "widget",
         children: [
-          ae === "hidden" && /* @__PURE__ */ n(
-            hr,
+          se === "hidden" && /* @__PURE__ */ n(
+            vr,
             {
-              position: P,
-              isMobile: fe,
+              position: D,
+              isMobile: pe,
               isSpeaking: _.agentState === "speaking",
               onExpand: () => te("expanded"),
               label: `Open ${pt} widget`,
-              avatarImageUrl: St,
+              avatarImageUrl: Ct,
               agentName: pt
             }
           ),
-          ae === "minimized" && /* @__PURE__ */ n(
-            gr,
+          se === "minimized" && /* @__PURE__ */ n(
+            wr,
             {
-              position: P,
-              isMobile: fe,
+              position: D,
+              isMobile: pe,
               agentName: pt,
-              avatarImageUrl: St,
+              avatarImageUrl: Ct,
               agentState: _.agentState,
               isMuted: oe.isMuted,
-              audioLevel: be,
-              onExpand: xn,
+              audioLevel: we,
+              onExpand: Ln,
               onToggleMute: oe.toggleMute,
-              onClose: $t
+              onClose: zt
             }
           ),
-          ae === "expanded" && /* @__PURE__ */ n(
-            xr,
+          se === "expanded" && /* @__PURE__ */ n(
+            Sr,
             {
-              position: P,
-              isMobile: fe,
+              position: D,
+              isMobile: pe,
               agentName: pt,
-              avatarImageUrl: St,
-              idleLoopUrl: wn,
-              greeting: _n,
-              branding: S,
-              teamMembers: A,
-              currentTeamMemberId: ve,
-              isSwitchingTeamMember: Ze,
-              teamSwitcherOpen: se,
+              avatarImageUrl: Ct,
+              idleLoopUrl: xn,
+              greeting: kn,
+              branding: C,
+              teamMembers: N,
+              currentTeamMemberId: be,
+              isSwitchingTeamMember: Qe,
+              teamSwitcherOpen: ce,
               onToggleTeamSwitcher: () => Oe((y) => !y),
-              onSelectTeamMember: vn,
+              onSelectTeamMember: wn,
               connectionState: _.connectionState,
               agentState: _.agentState,
               transcript: _.transcript,
               isMuted: oe.isMuted,
-              micDevices: we.mics,
-              isCameraEnabled: pe.isEnabled,
-              cameraPreviewEl: pe.previewEl,
-              cameraDevices: we.cameras,
-              activeCameraId: pe.activeDeviceId,
-              isScreenShareEnabled: Me.isEnabled,
-              screenPreviewEl: Me.previewEl,
+              micDevices: _e.mics,
+              isCameraEnabled: he.isEnabled,
+              cameraPreviewEl: he.previewEl,
+              cameraDevices: _e.cameras,
+              activeCameraId: he.activeDeviceId,
+              isScreenShareEnabled: De.isEnabled,
+              screenPreviewEl: De.previewEl,
               isSpeakerMuted: He,
-              allowCamera: D,
-              allowScreenShare: q,
+              allowCamera: P,
+              allowScreenShare: F,
               allowTyping: G,
-              showMinimize: ie,
+              showMinimize: le,
               chromeless: Z,
-              compactControls: ke,
-              transforming: de,
-              transformingLabel: ye,
+              compactControls: Le,
+              transforming: ue,
+              transformingLabel: ve,
               languageMenuOpen: ft,
               onToggleLanguageMenu: () => wt((y) => !y),
               needsUserGesture: ut,
@@ -2988,16 +3014,16 @@ const Yr = /* @__PURE__ */ new Set([
               agentVideoEl: _.videoElement,
               onConnect: () => void _.connect(),
               onDisconnect: () => _.disconnect(),
-              onRetry: Cn,
-              onResumeAudio: Ln,
+              onRetry: Sn,
+              onResumeAudio: Cn,
               onToggleMute: oe.toggleMute,
-              onToggleCamera: () => void pe.toggle(),
-              onSwitchCameraDevice: (y) => void pe.switchDevice(y),
-              onToggleScreenShare: () => void Me.toggle(),
-              onToggleSpeaker: yn,
-              onSendMessage: gn,
-              onMinimize: kn,
-              onClose: $t,
+              onToggleCamera: () => void he.toggle(),
+              onSwitchCameraDevice: (y) => void he.switchDevice(y),
+              onToggleScreenShare: () => void De.toggle(),
+              onToggleSpeaker: bn,
+              onSendMessage: vn,
+              onMinimize: En,
+              onClose: zt,
               onClearMicError: oe.clearError
             }
           )
@@ -3006,54 +3032,54 @@ const Yr = /* @__PURE__ */ new Set([
     ) : null;
   }
 );
-mn.displayName = "AvatarWidgetInner";
-const Gr = at(
+yn.displayName = "AvatarWidgetInner";
+const Zr = at(
   function(t, r) {
-    return /* @__PURE__ */ n(Dn, { children: /* @__PURE__ */ n(mn, { ...t, ref: r }) });
+    return /* @__PURE__ */ n(Hn, { children: /* @__PURE__ */ n(yn, { ...t, ref: r }) });
   }
 );
-Gr.displayName = "AvatarWidget";
-const no = ({
+Zr.displayName = "AvatarWidget";
+const so = ({
   agentId: e,
   baseUrl: t,
   apiKey: r,
   mode: o,
   onAgentEvent: i,
   className: l,
-  style: d
+  style: u
 }) => {
-  const s = E(null), u = E(null), f = E(i);
+  const d = S(null), c = S(null), f = S(i);
   f.current = i;
-  const m = x((a) => {
+  const h = k((a) => {
     var R;
-    const c = a.detail;
-    (R = f.current) == null || R.call(f, c);
+    const s = a.detail;
+    (R = f.current) == null || R.call(f, s);
   }, []);
-  return N(() => {
-    const a = s.current;
+  return A(() => {
+    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), o && c.setAttribute("mode", o), 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), o && s.setAttribute("mode", o), s.addEventListener("agent-event", h), a.appendChild(s), c.current = s, () => {
+      s.removeEventListener("agent-event", h), a.removeChild(s), c.current = null;
     };
-  }, [e]), N(() => {
-    u.current && (o ? u.current.setAttribute("mode", o) : u.current.removeAttribute("mode"));
-  }, [o]), /* @__PURE__ */ n("div", { ref: s, className: l, style: d });
-}, ro = at(
-  function({ id: t, intent: r, as: o = "div", className: i, style: l, children: d }, s) {
-    return Tn(
+  }, [e]), A(() => {
+    c.current && (o ? c.current.setAttribute("mode", o) : c.current.removeAttribute("mode"));
+  }, [o]), /* @__PURE__ */ n("div", { ref: d, className: l, style: u });
+}, co = at(
+  function({ id: t, intent: r, as: o = "div", className: i, style: l, children: u }, d) {
+    return Dn(
       o,
       {
-        ref: s,
+        ref: d,
         "data-ll-region": t,
         "data-ll-intent": r,
         className: i,
         style: l
       },
-      d
+      u
     );
   }
-), oo = at(
+), uo = at(
   function({ id: t, intent: r, children: o, ...i }, l) {
     return /* @__PURE__ */ n(
       "form",
@@ -3066,108 +3092,108 @@ const no = ({
       }
     );
   }
-), io = at(
+), fo = at(
   function(t, r) {
-    const { name: o, label: i, labelClassName: l } = t, d = { name: o, "data-ll-field": o };
-    let s;
+    const { name: o, label: i, labelClassName: l } = t, u = { name: o, "data-ll-field": o };
+    let d;
     if ("as" in t && t.as === "textarea") {
-      const { name: u, label: f, labelClassName: m, as: a, ...c } = t;
-      s = /* @__PURE__ */ n(
+      const { name: c, label: f, labelClassName: h, as: a, ...s } = t;
+      d = /* @__PURE__ */ n(
         "textarea",
         {
           ref: r,
-          ...d,
-          ...c
+          ...u,
+          ...s
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: u, label: f, labelClassName: m, as: a, children: c, ...R } = t;
-      s = /* @__PURE__ */ n(
+      const { name: c, label: f, labelClassName: h, as: a, children: s, ...R } = t;
+      d = /* @__PURE__ */ n(
         "select",
         {
           ref: r,
-          ...d,
+          ...u,
           ...R,
-          children: c
+          children: s
         }
       );
     } else {
-      const { name: u, label: f, labelClassName: m, as: a, ...c } = t;
-      s = /* @__PURE__ */ n(
+      const { name: c, label: f, labelClassName: h, as: a, ...s } = t;
+      d = /* @__PURE__ */ n(
         "input",
         {
           ref: r,
-          ...d,
-          ...c
+          ...u,
+          ...s
         }
       );
     }
-    return i === void 0 ? s : /* @__PURE__ */ g("label", { className: l, children: [
+    return i === void 0 ? d : /* @__PURE__ */ g("label", { className: l, children: [
       i,
-      s
+      d
     ] });
   }
 );
-let an = 1;
-function lo({
+let cn = 1;
+function po({
   onMount: e,
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [o, i] = L(t), [l, d] = L([]), [s, u] = L(""), [f, m] = L(!1), a = E(/* @__PURE__ */ new Set()), c = E([]), R = E(f);
-  R.current = f, N(() => {
+  const [o, i] = L(t), [l, u] = L([]), [d, c] = L(""), [f, h] = L(!1), a = S(/* @__PURE__ */ new Set()), s = S([]), R = S(f);
+  R.current = f, A(() => {
     try {
       const v = localStorage.getItem(r);
       v === "1" && i(!0), v === "0" && i(!1);
     } catch {
     }
-  }, [r]), N(() => {
+  }, [r]), A(() => {
     try {
       localStorage.setItem(r, o ? "1" : "0");
     } catch {
     }
-  }, [o, r]), N(() => {
+  }, [o, r]), A(() => {
     const v = (b) => {
-      (b.metaKey || b.ctrlKey) && b.shiftKey && b.key.toLowerCase() === "l" && (b.preventDefault(), i((A) => !A));
+      (b.metaKey || b.ctrlKey) && b.shiftKey && b.key.toLowerCase() === "l" && (b.preventDefault(), i((N) => !N));
     };
     return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
-  }, []), N(() => {
+  }, []), A(() => {
     const v = setInterval(() => {
-      if (c.current.length === 0 || R.current) return;
-      const b = c.current.splice(0, c.current.length);
-      d(
-        (A) => [...b.reverse(), ...A].slice(0, 200)
+      if (s.current.length === 0 || R.current) return;
+      const b = s.current.splice(0, s.current.length);
+      u(
+        (N) => [...b.reverse(), ...N].slice(0, 200)
       );
     }, 100);
     return () => clearInterval(v);
   }, []);
-  const P = E(!1);
-  if (N(() => {
-    !e || P.current || (P.current = !0, e((v) => {
-      c.current.push({
-        id: an++,
+  const D = S(!1);
+  if (A(() => {
+    !e || D.current || (D.current = !0, e((v) => {
+      s.current.push({
+        id: cn++,
         ts: Date.now(),
         kind: "event",
         type: v.eventName,
         data: v.data
       });
     }));
-  }, [e]), N(() => {
-    const v = console.warn, b = console.log, A = (I, $) => function(...w) {
+  }, [e]), A(() => {
+    const v = console.warn, b = console.log, N = (T, $) => function(...w) {
       try {
-        const T = typeof w[0] == "string" ? w[0] : "";
-        T.startsWith("[LiveLayer]") && c.current.push({
-          id: an++,
+        const I = typeof w[0] == "string" ? w[0] : "";
+        I.startsWith("[LiveLayer]") && s.current.push({
+          id: cn++,
           ts: Date.now(),
-          kind: I,
-          type: T.slice(0, 120),
-          data: { args: w.slice(1).map((B) => Kr(B)) }
+          kind: T,
+          type: I.slice(0, 120),
+          data: { args: w.slice(1).map((B) => to(B)) }
         });
       } catch {
       }
       return $.apply(this, w);
     };
-    return console.warn = A("warn", v), console.log = A("log", b), () => {
+    return console.warn = N("warn", v), console.log = N("log", b), () => {
       console.warn = v, console.log = b;
     };
   }, []), !o)
@@ -3197,9 +3223,9 @@ function lo({
         children: "🛰 LL debug"
       }
     );
-  const C = l.filter((v) => {
-    if (!s) return !0;
-    const b = s.toLowerCase();
+  const E = l.filter((v) => {
+    if (!d) return !0;
+    const b = d.toLowerCase();
     return v.type.toLowerCase().includes(b) || JSON.stringify(v.data || {}).toLowerCase().includes(b);
   });
   return /* @__PURE__ */ g(
@@ -3247,7 +3273,7 @@ function lo({
                 "button",
                 {
                   type: "button",
-                  onClick: () => m((v) => !v),
+                  onClick: () => h((v) => !v),
                   style: Nt(f ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
                   children: f ? "▶ resume" : "⏸ pause"
@@ -3258,7 +3284,7 @@ function lo({
                 {
                   type: "button",
                   onClick: () => {
-                    d([]), c.current = [];
+                    u([]), s.current = [];
                   },
                   style: Nt("transparent"),
                   title: "Clear buffer",
@@ -3283,8 +3309,8 @@ function lo({
           "input",
           {
             type: "text",
-            value: s,
-            onChange: (v) => u(v.target.value),
+            value: d,
+            onChange: (v) => c(v.target.value),
             placeholder: "filter by type or data…",
             style: {
               margin: 8,
@@ -3306,7 +3332,7 @@ function lo({
               overflowY: "auto",
               padding: "0 8px 8px"
             },
-            children: C.length === 0 ? /* @__PURE__ */ g(
+            children: E.length === 0 ? /* @__PURE__ */ g(
               "div",
               {
                 style: {
@@ -3336,13 +3362,13 @@ function lo({
                   )
                 ]
               }
-            ) : C.map((v) => /* @__PURE__ */ n(
-              Jr,
+            ) : E.map((v) => /* @__PURE__ */ n(
+              eo,
               {
                 entry: v,
                 expanded: a.current.has(v.id),
                 onToggle: () => {
-                  a.current.has(v.id) ? a.current.delete(v.id) : a.current.add(v.id), d((b) => [...b]);
+                  a.current.has(v.id) ? a.current.delete(v.id) : a.current.add(v.id), u((b) => [...b]);
                 }
               },
               v.id
@@ -3353,7 +3379,7 @@ function lo({
     }
   );
 }
-function Jr({
+function eo({
   entry: e,
   expanded: t,
   onToggle: r
@@ -3434,24 +3460,24 @@ function Nt(e) {
     cursor: "pointer"
   };
 }
-function Kr(e) {
+function to(e) {
   try {
     return e instanceof Error ? { message: e.message, stack: e.stack } : (JSON.stringify(e), e);
   } catch {
     return String(e);
   }
 }
-function ao() {
-  const [e, t] = L([]), r = x((i) => {
+function ho() {
+  const [e, t] = L([]), r = k((i) => {
     t((l) => {
-      const d = l.findIndex((s) => s.id === i.id);
-      if (d >= 0) {
-        const s = l.slice();
-        return s[d] = i, s;
+      const u = l.findIndex((d) => d.id === i.id);
+      if (u >= 0) {
+        const d = l.slice();
+        return d[u] = i, d;
       }
       return [...l, i];
     });
-  }, []), o = x(() => t([]), []);
+  }, []), o = k(() => t([]), []);
   return {
     entries: e,
     pushSegment: r,
@@ -3460,33 +3486,33 @@ function ao() {
   };
 }
 export {
-  Gr as AvatarWidget,
-  Dn as ErrorBoundary,
-  lo as LiveLayerDebugPanel,
-  io as LiveLayerField,
-  oo as LiveLayerForm,
-  ro as LiveLayerRegion,
-  no as LiveLayerWidget,
-  Mr as clearPageContextCache,
-  Hr as clearRoutesCache,
-  Ir as extractPageContext,
-  zr as extractRoutes,
-  on as getCachedPageContext,
-  Et as getCachedRoutes,
-  or as matchesPattern,
-  Dr as normalizeRouteInput,
-  ir as shouldRenderAtPath,
-  Fn as useAgentInfo,
-  zn as useAudioLevel,
-  Wn as useCameraState,
-  Vn as useDisplayMode,
-  Jn as useDisplayModePersistence,
-  Xn as useIsMobile,
-  $n as useLiveKitSession,
-  qn as useMediaDevices,
-  On as useMicrophoneState,
-  Zn as usePathname,
-  lr as useRouteMatch,
-  Bn as useScreenShareState,
-  ao as useTranscript
+  Zr as AvatarWidget,
+  Hn as ErrorBoundary,
+  po as LiveLayerDebugPanel,
+  fo as LiveLayerField,
+  uo as LiveLayerForm,
+  co as LiveLayerRegion,
+  so as LiveLayerWidget,
+  Or as clearPageContextCache,
+  Ur as clearRoutesCache,
+  zr as extractPageContext,
+  qr as extractRoutes,
+  an as getCachedPageContext,
+  St as getCachedRoutes,
+  sr as matchesPattern,
+  Wr as normalizeRouteInput,
+  cr as shouldRenderAtPath,
+  Yn as useAgentInfo,
+  Bn as useAudioLevel,
+  Un as useCameraState,
+  Kn as useDisplayMode,
+  Zn as useDisplayModePersistence,
+  tr as useIsMobile,
+  Wn as useLiveKitSession,
+  Vn as useMediaDevices,
+  qn as useMicrophoneState,
+  rr as usePathname,
+  dr as useRouteMatch,
+  jn as useScreenShareState,
+  ho as useTranscript
 };