@livelayer/react 0.5.2 → 0.5.3

package/dist/index.mjs

@@ -1,9 +1,9 @@
 "use client";
-import { jsxs as _, jsx as n, Fragment as qt } from "react/jsx-runtime";
-import { Component as on, useState as N, useRef as I, useEffect as P, useCallback as S, useMemo as Je, forwardRef as st, createElement as ln } from "react";
-import { LiveKitSession as an } from "@livelayer/sdk";
-import { createLocalAudioTrack as sn, Track as Bt, createLocalVideoTrack as cn } from "livekit-client";
-class dn extends on {
+import { jsxs as _, jsx as n, Fragment as Bt } from "react/jsx-runtime";
+import { Component as ln, useState as N, useRef as I, useEffect as P, useCallback as S, useMemo as Je, forwardRef as ct, createElement as an } from "react";
+import { LiveKitSession as cn } from "@livelayer/sdk";
+import { createLocalAudioTrack as sn, Track as Wt, createLocalVideoTrack as dn } from "livekit-client";
+class un extends ln {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
       this.setState({ hasError: !1, error: null });
@@ -13,8 +13,8 @@ class dn extends on {
     return { hasError: !0, error: t };
   }
   componentDidCatch(t, r) {
-    var i, o;
-    (o = (i = this.props).onError) == null || o.call(i, t, r);
+    var o, i;
+    (i = (o = this.props).onError) == null || i.call(o, t, r);
   }
   render() {
     var t;
@@ -33,26 +33,26 @@ class dn extends on {
     ] }) : this.props.children;
   }
 }
-function un(e) {
-  const [t, r] = N("idle"), [i, o] = N("idle"), [l, c] = N([]), [d, u] = N(null), [h, m] = N(null), [a, s] = N(null), [A, C] = N(!1), [R, b] = N(null), L = I(null), D = I(e.onDataMessage);
-  D.current = e.onDataMessage, P(() => {
+function fn(e) {
+  const [t, r] = N("idle"), [o, i] = N("idle"), [l, s] = N([]), [d, u] = N(null), [h, m] = N(null), [a, c] = N(null), [A, C] = N(!1), [R, b] = N(null), L = I(null), $ = I(e.onDataMessage);
+  $.current = e.onDataMessage, P(() => {
     const g = {
       onConnectionStateChange: (x) => {
         r(x), x === "connected" && b(null);
       },
-      onAgentStateChange: o,
-      onTranscript: (x) => c([...x]),
+      onAgentStateChange: i,
+      onTranscript: (x) => s([...x]),
       onAgentConfig: u,
-      onAudioTrack: (x) => s(x),
+      onAudioTrack: (x) => c(x),
       onVideoTrack: (x) => m(x),
       onVideoTrackRemoved: () => m(null),
       onError: (x) => b(x),
       onDataMessage: (x) => {
-        var H;
-        (H = D.current) == null || H.call(D, x);
+        var q;
+        (q = $.current) == null || q.call($, x);
       },
       onResumabilityChange: C
-    }, E = new an(
+    }, E = new cn(
       {
         agentId: e.agentId,
         baseUrl: e.baseUrl,
@@ -62,7 +62,7 @@ function un(e) {
       },
       g
     );
-    return L.current = E, r("idle"), o("idle"), c([]), u(null), m(null), s(null), C(!1), b(null), () => {
+    return L.current = E, r("idle"), i("idle"), s([]), u(null), m(null), c(null), C(!1), b(null), () => {
       var x;
       (x = E.destroy) == null || x.call(E), L.current = null;
     };
@@ -81,7 +81,7 @@ function un(e) {
       } catch (E) {
         throw b(E instanceof Error ? E.message : String(E)), E;
       }
-  }, []), z = S(() => {
+  }, []), H = S(() => {
     const g = L.current;
     g && g.disconnect();
   }, []), p = S(() => {
@@ -90,7 +90,7 @@ function un(e) {
   }, []);
   return {
     connectionState: t,
-    agentState: i,
+    agentState: o,
     transcript: l,
     agentConfig: d,
     videoElement: h,
@@ -98,37 +98,37 @@ function un(e) {
     canResume: A,
     error: R,
     connect: M,
-    disconnect: z,
+    disconnect: H,
     getRoom: p,
     session: L.current
   };
 }
-function fn() {
-  const e = I(null), t = I(null), r = I(null), i = I(null), o = I(/* @__PURE__ */ new Set()), l = I(null), c = S(() => {
+function pn() {
+  const e = I(null), t = I(null), r = I(null), o = I(null), i = I(/* @__PURE__ */ new Set()), l = I(null), s = S(() => {
     const a = t.current;
     if (!a) {
-      i.current = null;
+      o.current = null;
       return;
     }
     (!l.current || l.current.length !== a.frequencyBinCount) && (l.current = new Uint8Array(
       new ArrayBuffer(a.frequencyBinCount)
     ));
-    const s = l.current;
-    a.getByteFrequencyData(s);
+    const c = l.current;
+    a.getByteFrequencyData(c);
     let A = 0;
-    for (let R = 0; R < s.length; R++) A += s[R];
-    const C = A / s.length / 255;
-    for (const R of o.current)
+    for (let R = 0; R < c.length; R++) A += c[R];
+    const C = A / c.length / 255;
+    for (const R of i.current)
       try {
         R(C);
       } catch (b) {
         console.error("[useAudioLevel] subscriber threw:", b);
       }
-    i.current = requestAnimationFrame(c);
+    o.current = requestAnimationFrame(s);
   }, []), d = S(() => {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
-    const a = new AudioContext(), s = a.createAnalyser();
-    s.fftSize = 64, s.connect(a.destination), e.current = a, t.current = s;
+    const a = new AudioContext(), c = a.createAnalyser();
+    c.fftSize = 64, c.connect(a.destination), e.current = a, t.current = c;
   }, []), u = S(
     (a) => {
       if (d(), !(!e.current || !t.current)) {
@@ -140,26 +140,26 @@ function fn() {
           r.current = null;
         }
         try {
-          const s = e.current.createMediaElementSource(a);
-          s.connect(t.current), r.current = s;
-        } catch (s) {
-          console.warn("[useAudioLevel] createMediaElementSource failed:", s);
+          const c = e.current.createMediaElementSource(a);
+          c.connect(t.current), r.current = c;
+        } catch (c) {
+          console.warn("[useAudioLevel] createMediaElementSource failed:", c);
           return;
         }
-        i.current === null && (i.current = requestAnimationFrame(c));
+        o.current === null && (o.current = requestAnimationFrame(s));
       }
     },
-    [d, c]
+    [d, s]
   ), h = S(() => {
-    if (i.current !== null && (cancelAnimationFrame(i.current), i.current = null), r.current) {
+    if (o.current !== null && (cancelAnimationFrame(o.current), o.current = null), r.current) {
       try {
         r.current.disconnect();
       } catch {
       }
       r.current = null;
     }
-  }, []), m = S((a) => (o.current.add(a), () => {
-    o.current.delete(a);
+  }, []), m = S((a) => (i.current.add(a), () => {
+    i.current.delete(a);
   }), []);
   return P(() => () => {
     if (h(), t.current) {
@@ -176,34 +176,34 @@ function fn() {
       }
       e.current = null;
     }
-    o.current.clear(), l.current = null;
+    i.current.clear(), l.current = null;
   }, [h]), { attach: u, detach: h, subscribe: m };
 }
-function pn() {
-  const [e, t] = N(!1), [r, i] = N(null), o = I(null), l = I(null), c = S(async (m) => {
-    if (o.current && l.current) {
+function hn() {
+  const [e, t] = N(!1), [r, o] = N(null), i = I(null), l = I(null), s = S(async (m) => {
+    if (i.current && l.current) {
       try {
-        await l.current.localParticipant.unpublishTrack(o.current);
+        await l.current.localParticipant.unpublishTrack(i.current);
       } catch {
       }
-      o.current.stop(), o.current = null;
+      i.current.stop(), i.current = null;
     }
-    l.current = m, i(null);
+    l.current = m, o(null);
     try {
       const a = await sn({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await m.localParticipant.publishTrack(a), o.current = a, t(a.isMuted);
+      await m.localParticipant.publishTrack(a), i.current = a, t(a.isMuted);
     } catch (a) {
-      const s = a instanceof Error && a.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-      throw i(s), a;
+      const c = a instanceof Error && a.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
+      throw o(c), a;
     }
   }, []), d = S(() => {
-    const m = o.current;
+    const m = i.current;
     m && (m.isMuted ? (m.unmute(), t(!1)) : (m.mute(), t(!0)));
   }, []), u = S(() => {
-    const m = o.current, a = l.current;
+    const m = i.current, a = l.current;
     if (m && a) {
       try {
         a.localParticipant.unpublishTrack(m);
@@ -211,25 +211,25 @@ function pn() {
       }
       m.stop();
     }
-    o.current = null, l.current = null, t(!1);
-  }, []), h = S(() => i(null), []);
+    i.current = null, l.current = null, t(!1);
+  }, []), h = S(() => o(null), []);
   return {
     isMuted: e,
     micError: r,
     toggleMute: d,
-    setupMic: c,
+    setupMic: s,
     teardownMic: u,
     clearError: h
   };
 }
-const hn = { resolution: { width: 640, height: 480, frameRate: 24 } };
-function mn() {
-  const [e, t] = N(!1), [r, i] = N(null), [o, l] = N(null), [c, d] = N(""), u = I(null), h = I(null), m = S((L) => {
+const mn = { resolution: { width: 640, height: 480, frameRate: 24 } };
+function gn() {
+  const [e, t] = N(!1), [r, o] = N(null), [i, l] = N(null), [s, d] = N(""), u = I(null), h = I(null), m = S((L) => {
     u.current = L;
   }, []), a = S(() => {
-    const L = u.current, D = h.current;
-    if (D && L) {
-      const M = L.localParticipant.getTrackPublication(Bt.Source.Camera);
+    const L = u.current, $ = h.current;
+    if ($ && L) {
+      const M = L.localParticipant.getTrackPublication(Wt.Source.Camera);
       if (M != null && M.track) {
         try {
           L.localParticipant.unpublishTrack(M.track);
@@ -237,46 +237,46 @@ function mn() {
         }
         M.track.stop();
       } else
-        D.stop();
+        $.stop();
     }
     h.current = null, l(null), t(!1);
-  }, []), s = S(async (L) => {
-    const D = u.current;
-    if (D) {
-      i(null);
+  }, []), c = S(async (L) => {
+    const $ = u.current;
+    if ($) {
+      o(null);
       try {
-        const M = { ...hn };
+        const M = { ...mn };
         L && (M.deviceId = L);
-        const z = await cn(M);
-        await D.localParticipant.publishTrack(z), h.current = z;
-        const p = z.attach();
+        const H = await dn(M);
+        await $.localParticipant.publishTrack(H), h.current = H;
+        const p = H.attach();
         l(p), t(!0), L && d(L);
         try {
-          D.localParticipant.publishData(
+          $.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
             { reliable: !0 }
           );
         } catch {
         }
       } catch (M) {
-        const z = M instanceof Error && M.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
-        i(z);
+        const H = M instanceof Error && M.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+        o(H);
       }
     }
   }, []), A = S(async () => {
-    e ? a() : await s(c || void 0);
-  }, [e, c, a, s]), C = S(async (L) => {
-    a(), await s(L);
-  }, [a, s]), R = S(() => {
-    a(), u.current = null, i(null), d("");
-  }, [a]), b = S(() => i(null), []);
+    e ? a() : await c(s || void 0);
+  }, [e, s, a, c]), C = S(async (L) => {
+    a(), await c(L);
+  }, [a, c]), R = S(() => {
+    a(), u.current = null, o(null), d("");
+  }, [a]), b = S(() => o(null), []);
   return P(() => () => {
     h.current && h.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
-    previewEl: o,
-    activeDeviceId: c,
+    previewEl: i,
+    activeDeviceId: s,
     toggle: A,
     switchDevice: C,
     attachRoom: m,
@@ -284,31 +284,31 @@ function mn() {
     clearError: b
   };
 }
-function gn() {
-  const [e, t] = N(!1), [r, i] = N(null), [o, l] = N(null), c = I(null), d = S((s) => {
-    c.current = s;
+function yn() {
+  const [e, t] = N(!1), [r, o] = N(null), [i, l] = N(null), s = I(null), d = S((c) => {
+    s.current = c;
   }, []), u = S(() => l(null), []), h = S(async () => {
-    const s = c.current;
-    if (s) {
+    const c = s.current;
+    if (c) {
       if (e) {
         try {
-          await s.localParticipant.setScreenShareEnabled(!1);
+          await c.localParticipant.setScreenShareEnabled(!1);
         } catch {
         }
         u(), t(!1);
         return;
       }
-      i(null);
+      o(null);
       try {
-        await s.localParticipant.setScreenShareEnabled(!0);
+        await c.localParticipant.setScreenShareEnabled(!0);
         let A = 0;
         const C = () => {
-          const R = s.localParticipant.getTrackPublication(Bt.Source.ScreenShare);
+          const R = c.localParticipant.getTrackPublication(Wt.Source.ScreenShare);
           if (R != null && R.track) {
             const b = R.track.attach();
             l(b), t(!0);
             try {
-              s.localParticipant.publishData(
+              c.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
                 { reliable: !0 }
               );
@@ -321,59 +321,59 @@ function gn() {
         C();
       } catch (A) {
         const C = A instanceof Error ? A.name : "";
-        C !== "NotAllowedError" && C !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
+        C !== "NotAllowedError" && C !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
       }
     }
   }, [e, u]), m = S(() => {
-    const s = c.current;
-    if (s && e)
+    const c = s.current;
+    if (c && e)
       try {
-        s.localParticipant.setScreenShareEnabled(!1);
+        c.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
-    u(), t(!1), i(null), c.current = null;
-  }, [e, u]), a = S(() => i(null), []);
-  return { isEnabled: e, error: r, previewEl: o, toggle: h, attachRoom: d, teardown: m, clearError: a };
+    u(), t(!1), o(null), s.current = null;
+  }, [e, u]), a = S(() => o(null), []);
+  return { isEnabled: e, error: r, previewEl: i, toggle: h, attachRoom: d, teardown: m, clearError: a };
 }
-function yn() {
-  const [e, t] = N([]), [r, i] = N([]), o = S(async () => {
+function vn() {
+  const [e, t] = N([]), [r, o] = N([]), i = S(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
-        t(l.filter((c) => c.kind === "audioinput")), i(l.filter((c) => c.kind === "videoinput"));
+        t(l.filter((s) => s.kind === "audioinput")), o(l.filter((s) => s.kind === "videoinput"));
       } catch {
       }
   }, []);
   return P(() => {
-    if (o(), typeof navigator > "u" || !navigator.mediaDevices) return;
-    const l = () => void o();
+    if (i(), typeof navigator > "u" || !navigator.mediaDevices) return;
+    const l = () => void i();
     return navigator.mediaDevices.addEventListener("devicechange", l), () => navigator.mediaDevices.removeEventListener("devicechange", l);
-  }, [o]), { mics: e, cameras: r, refresh: o };
+  }, [i]), { mics: e, cameras: r, refresh: i };
 }
-function vn(e, t, r = !1) {
-  const [i, o] = N(null), [l, c] = N(null), [d, u] = N(!r && !!e);
+function bn(e, t, r = !1) {
+  const [o, i] = N(null), [l, s] = N(null), [d, u] = N(!r && !!e);
   return P(() => {
     if (r || !e) {
       u(!1);
       return;
     }
     const h = new AbortController(), m = t || "https://app.livelayer.studio";
-    return u(!0), c(null), fetch(`${m}/api/widget/agent/${encodeURIComponent(e)}`, {
+    return u(!0), s(null), fetch(`${m}/api/widget/agent/${encodeURIComponent(e)}`, {
       signal: h.signal
     }).then(async (a) => {
       if (!a.ok) {
-        const s = await a.json().catch(() => ({}));
-        throw new Error(s.error || `HTTP ${a.status}`);
+        const c = await a.json().catch(() => ({}));
+        throw new Error(c.error || `HTTP ${a.status}`);
       }
       return a.json();
     }).then((a) => {
-      h.signal.aborted || (o(a), u(!1));
+      h.signal.aborted || (i(a), u(!1));
     }).catch((a) => {
-      h.signal.aborted || (c(a instanceof Error ? a.message : "Agent lookup failed"), u(!1));
+      h.signal.aborted || (s(a instanceof Error ? a.message : "Agent lookup failed"), u(!1));
     }), () => h.abort();
-  }, [e, t, r]), { info: i, error: l, loading: d };
+  }, [e, t, r]), { info: o, error: l, loading: d };
 }
-function bn(e) {
+function wn(e) {
   if (typeof window > "u") return null;
   try {
     return window.localStorage.getItem(e);
@@ -381,52 +381,52 @@ function bn(e) {
     return null;
   }
 }
-function wn(e, t) {
+function _n(e, t) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(e, t);
     } catch {
     }
 }
-function _n({
+function xn({
   value: e,
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const i = e !== void 0, [o, l] = N(t), c = i ? e : o, d = S(
+  const o = e !== void 0, [i, l] = N(t), s = o ? e : i, d = S(
     (u) => {
-      u !== c && (i || l(u), r == null || r(u));
+      u !== s && (o || l(u), r == null || r(u));
     },
-    [c, i, r]
+    [s, o, r]
   );
-  return [c, d];
+  return [s, d];
 }
-const xn = ["hidden", "minimized", "expanded"];
-function kn(e) {
-  return e && xn.includes(e) ? e : null;
+const kn = ["hidden", "minimized", "expanded"];
+function Ln(e) {
+  return e && kn.includes(e) ? e : null;
 }
-function Ln({
+function Sn({
   value: e,
   defaultValue: t = "expanded",
   onChange: r,
-  persistKey: i = "ll-widget",
-  disablePersistence: o = !1
+  persistKey: o = "ll-widget",
+  disablePersistence: i = !1
 } = {}) {
-  const l = `${i}:display-mode`, c = I(!1), [d, u] = _n({
+  const l = `${o}:display-mode`, s = I(!1), [d, u] = xn({
     value: e,
     defaultValue: t,
     onChange: (h) => {
-      e === void 0 && !o && wn(l, h), r == null || r(h);
+      e === void 0 && !i && _n(l, h), r == null || r(h);
     }
   });
   return P(() => {
-    if (c.current || (c.current = !0, o || e !== void 0)) return;
-    const h = kn(bn(l));
+    if (s.current || (s.current = !0, i || e !== void 0)) return;
+    const h = Ln(wn(l));
     h && h !== d && u(h);
   }, []), [d, u];
 }
-const Sn = 640;
-function Cn(e = Sn) {
+const Cn = 640;
+function En(e = Cn) {
   const [t, r] = N(!1);
   return P(() => {
     if (e === !1) {
@@ -435,69 +435,69 @@ function Cn(e = Sn) {
     }
     if (typeof window > "u" || typeof window.matchMedia > "u")
       return;
-    const i = `(max-width: ${e - 1}px)`, o = window.matchMedia(i), l = () => r(o.matches);
-    return l(), typeof o.addEventListener == "function" ? (o.addEventListener("change", l), () => o.removeEventListener("change", l)) : (o.addListener(l), () => {
-      o.removeListener(l);
+    const o = `(max-width: ${e - 1}px)`, i = window.matchMedia(o), l = () => r(i.matches);
+    return l(), typeof i.addEventListener == "function" ? (i.addEventListener("change", l), () => i.removeEventListener("change", l)) : (i.addListener(l), () => {
+      i.removeListener(l);
     });
   }, [e]), t;
 }
 const St = "__llHistoryPatched", Ke = "ll:pathname";
-function En() {
+function Nn() {
   if (typeof window > "u" || window.history[St]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...r) {
-    const i = e.apply(this, r);
-    return window.dispatchEvent(new Event(Ke)), i;
+    const o = e.apply(this, r);
+    return window.dispatchEvent(new Event(Ke)), o;
   }, window.history.replaceState = function(...r) {
-    const i = t.apply(this, r);
-    return window.dispatchEvent(new Event(Ke)), i;
+    const o = t.apply(this, r);
+    return window.dispatchEvent(new Event(Ke)), o;
   }, window.history[St] = !0;
 }
 function Ct() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
-function Nn(e) {
+function An(e) {
   const [t, r] = N(
     () => e ?? Ct()
   );
   return P(() => {
     if (e !== void 0) return;
-    En();
-    const i = () => r(Ct());
-    return i(), window.addEventListener("popstate", i), window.addEventListener(Ke, i), () => {
-      window.removeEventListener("popstate", i), window.removeEventListener(Ke, i);
+    Nn();
+    const o = () => r(Ct());
+    return o(), window.addEventListener("popstate", o), window.addEventListener(Ke, o), () => {
+      window.removeEventListener("popstate", o), window.removeEventListener(Ke, o);
     };
   }, [e]), e ?? t;
 }
-const Et = /* @__PURE__ */ new Map(), An = /[\\^$+?.()|{}[\]]/g;
-function Rn(e) {
-  return e.replace(An, "\\$&");
-}
+const Et = /* @__PURE__ */ new Map(), Rn = /[\\^$+?.()|{}[\]]/g;
 function In(e) {
+  return e.replace(Rn, "\\$&");
+}
+function Mn(e) {
   const t = Et.get(e);
   if (t) return t;
-  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", o = "", l = r.replace(/\*\*/g, i).replace(/\*/g, o), d = Rn(l).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(o, "g"), "[^/]+"), u = new RegExp(`^${d}\\/?$`);
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, o = "
", i = "", l = r.replace(/\*\*/g, o).replace(/\*/g, i), d = In(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "g"), "[^/]+"), u = new RegExp(`^${d}\\/?$`);
   return Et.set(e, u), u;
 }
-function Mn(e, t) {
+function Tn(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
-  return In(e).test(r);
+  return Mn(e).test(r);
 }
-function Tn(e, t) {
-  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : Mn(e, t);
+function Pn(e, t) {
+  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : Tn(e, t);
 }
 function Nt(e, t) {
   if (!e || e.length === 0) return !1;
   for (const r of e)
-    if (Tn(r, t)) return !0;
+    if (Pn(r, t)) return !0;
   return !1;
 }
-function Pn(e, t, r) {
+function Dn(e, t, r) {
   return e === void 0 ? !0 : Nt(r, e) ? !1 : t && t.length > 0 ? Nt(t, e) : !0;
 }
-function Dn(e, t, r) {
+function $n(e, t, r) {
   return Je(
-    () => Pn(e, t, r),
+    () => Dn(e, t, r),
     [e, t, r]
   );
 }
@@ -565,7 +565,7 @@ const At = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
       }
     )
   }
-), $n = ({ className: e }) => /* @__PURE__ */ n(
+), zn = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -576,7 +576,7 @@ const At = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
   }
-), zn = {
+), Hn = {
   left: 180,
   right: 0,
   up: -90,
@@ -589,16 +589,16 @@ const At = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    style: { transform: `rotate(${zn[e]}deg)` },
+    style: { transform: `rotate(${Hn[e]}deg)` },
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
   }
 );
-function Hn(e) {
+function qn(e) {
   return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const Ft = "ll-hidden-tab-center-y", qn = 5, It = 16;
-function Bn() {
+const Ft = "ll-hidden-tab-center-y", Bn = 5, It = 16;
+function Wn() {
   if (typeof window > "u") return null;
   try {
     const e = window.localStorage.getItem(Ft);
@@ -620,19 +620,19 @@ const Fn = ({
   position: e,
   isMobile: t,
   isSpeaking: r,
-  onExpand: i,
-  label: o = "Open widget"
+  onExpand: o,
+  label: i = "Open widget"
 }) => {
-  const l = Hn(e), c = l === "right" ? "left" : "right", d = t ? 80 : 72, [u, h] = N(null), [m, a] = N(!1), s = I(null), A = I(!1), C = S(
+  const l = qn(e), s = l === "right" ? "left" : "right", d = t ? 80 : 72, [u, h] = N(null), [m, a] = N(!1), c = I(null), A = I(!1), C = S(
     (g) => {
       if (typeof window > "u") return g;
-      const E = d / 2, x = It + E, H = window.innerHeight - It - E;
-      return H < x ? Math.max(x, g) : Math.max(x, Math.min(H, g));
+      const E = d / 2, x = It + E, q = window.innerHeight - It - E;
+      return q < x ? Math.max(x, g) : Math.max(x, Math.min(q, g));
     },
     [d]
   );
   P(() => {
-    const g = Bn();
+    const g = Wn();
     h(C(g ?? window.innerHeight / 2));
     const E = () => {
       h((x) => x === null ? null : C(x));
@@ -646,7 +646,7 @@ const Fn = ({
           g.currentTarget.setPointerCapture(g.pointerId);
         } catch {
         }
-        s.current = {
+        c.current = {
           startClientY: g.clientY,
           startCenterY: u,
           moved: !1
@@ -656,44 +656,44 @@ const Fn = ({
     [u]
   ), b = S(
     (g) => {
-      const E = s.current;
+      const E = c.current;
       if (!E) return;
       const x = g.clientY - E.startClientY;
-      !E.moved && Math.abs(x) > qn && (E.moved = !0, a(!0)), E.moved && h(C(E.startCenterY + x));
+      !E.moved && Math.abs(x) > Bn && (E.moved = !0, a(!0)), E.moved && h(C(E.startCenterY + x));
     },
     [C]
   ), L = S(
     (g) => {
-      const E = s.current;
+      const E = c.current;
       if (E) {
         try {
           g.currentTarget.releasePointerCapture(g.pointerId);
         } catch {
         }
-        s.current = null, E.moved && (a(!1), A.current = !0, h((x) => (x !== null && Mt(x), x)));
+        c.current = null, E.moved && (a(!1), A.current = !0, h((x) => (x !== null && Mt(x), x)));
       }
     },
     []
-  ), D = S(() => {
+  ), $ = S(() => {
     if (A.current) {
       A.current = !1;
       return;
     }
-    i();
-  }, [i]), M = S(
+    o();
+  }, [o]), M = S(
     (g) => {
       if (g.key === "ArrowUp" || g.key === "ArrowDown") {
         g.preventDefault();
         const E = g.key === "ArrowUp" ? -8 : 8;
         h((x) => {
           if (x === null) return x;
-          const H = C(x + E);
-          return Mt(H), H;
+          const q = C(x + E);
+          return Mt(q), q;
         });
       }
     },
     [C]
-  ), z = [
+  ), H = [
     "ll-hidden",
     `ll-hidden--${l}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
@@ -704,59 +704,59 @@ const Fn = ({
     "button",
     {
       type: "button",
-      className: z,
+      className: H,
       onPointerDown: R,
       onPointerMove: b,
       onPointerUp: L,
       onPointerCancel: L,
-      onClick: D,
+      onClick: $,
       onKeyDown: M,
-      "aria-label": o,
+      "aria-label": i,
       "data-position": e,
       style: p,
-      children: /* @__PURE__ */ n(On, { direction: c, className: "ll-hidden__chevron" })
+      children: /* @__PURE__ */ n(On, { direction: s, className: "ll-hidden__chevron" })
     }
   );
 }, Un = ({
   audioLevel: e,
   bars: t = 20,
   maxHeight: r = 20,
-  minHeight: i = 4,
-  className: o,
+  minHeight: o = 4,
+  className: i,
   barClassName: l
 }) => {
-  const c = I(null), d = I([]), u = Je(() => {
+  const s = I(null), d = I([]), u = Je(() => {
     const m = (Math.sqrt(5) - 1) / 2;
-    return Array.from({ length: t }, (a, s) => 0.5 + s * m % 1 * 0.5);
+    return Array.from({ length: t }, (a, c) => 0.5 + c * m % 1 * 0.5);
   }, [t]);
   P(() => e.subscribe((a) => {
-    for (let s = 0; s < t; s++) {
-      const A = d.current[s];
+    for (let c = 0; c < t; c++) {
+      const A = d.current[c];
       if (!A) continue;
-      const C = Math.max(i, a * r * u[s]);
+      const C = Math.max(o, a * r * u[c]);
       A.style.height = `${C}px`;
     }
-  }), [e, t, r, i, u]);
-  const h = ["ll-waveform", o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: c, className: h, "aria-hidden": "true", children: Array.from({ length: t }, (m, a) => /* @__PURE__ */ n(
+  }), [e, t, r, o, u]);
+  const h = ["ll-waveform", i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: s, className: h, "aria-hidden": "true", children: Array.from({ length: t }, (m, a) => /* @__PURE__ */ n(
     "div",
     {
-      ref: (s) => {
-        d.current[a] = s;
+      ref: (c) => {
+        d.current[a] = c;
       },
       className: ["ll-waveform__bar", l].filter(Boolean).join(" "),
-      style: { height: `${i}px` }
+      style: { height: `${o}px` }
     },
     a
   )) });
-}, Wn = ({
+}, jn = ({
   position: e,
   isMobile: t,
   agentName: r,
-  avatarImageUrl: i,
-  agentState: o,
+  avatarImageUrl: o,
+  agentState: i,
   isMuted: l,
-  audioLevel: c,
+  audioLevel: s,
   onExpand: d,
   onToggleMute: u,
   onClose: h
@@ -774,12 +774,12 @@ const Fn = ({
         onClick: d,
         "aria-label": `Expand ${r} widget`,
         children: [
-          i ? (
+          o ? (
             // eslint-disable-next-line @next/next/no-img-element
             /* @__PURE__ */ n(
               "img",
               {
-                src: i,
+                src: o,
                 alt: r,
                 className: "ll-minimized__avatar"
               }
@@ -788,7 +788,7 @@ const Fn = ({
           /* @__PURE__ */ n(
             Un,
             {
-              audioLevel: c,
+              audioLevel: s,
               bars: 16,
               maxHeight: 18,
               className: "ll-minimized__waveform"
@@ -826,12 +826,12 @@ const Fn = ({
     role: "region",
     "aria-label": `${r} widget`,
     children: /* @__PURE__ */ _("div", { className: "ll-minimized__surface", children: [
-      i ? (
+      o ? (
         // eslint-disable-next-line @next/next/no-img-element
         /* @__PURE__ */ n(
           "img",
           {
-            src: i,
+            src: o,
             alt: r,
             className: "ll-minimized__avatar"
           }
@@ -839,7 +839,7 @@ const Fn = ({
       ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
       /* @__PURE__ */ _("div", { className: "ll-minimized__meta", children: [
         /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
-        /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: o === "speaking" ? "Speaking" : o === "thinking" ? "Thinking" : "Listening" })
+        /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: i === "speaking" ? "Speaking" : i === "thinking" ? "Thinking" : "Listening" })
       ] }),
       /* @__PURE__ */ _("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
@@ -869,22 +869,22 @@ const Fn = ({
             className: "ll-minimized__btn ll-minimized__btn--close",
             onClick: h,
             "aria-label": "Close widget",
-            children: /* @__PURE__ */ n($n, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(zn, { className: "ll-minimized__icon" })
           }
         )
       ] })
     ] })
   }
-), jn = ({
+), Vn = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
-  className: i,
-  style: o
+  className: o,
+  style: i
 }) => {
-  const [l, c] = N(!1), d = I(e);
+  const [l, s] = N(!1), d = I(e);
   if (P(() => {
-    d.current !== e && (d.current = e, c(!1));
+    d.current !== e && (d.current = e, s(!1));
   }, [e]), !e) return null;
   const u = {
     position: "absolute",
@@ -896,7 +896,7 @@ const Fn = ({
     transition: "opacity 500ms ease, transform 500ms ease",
     transform: r ? "scale(1.02)" : "scale(1)",
     opacity: l ? 1 : 0,
-    ...o
+    ...i
   };
   return (
     // eslint-disable-next-line @next/next/no-img-element
@@ -905,41 +905,41 @@ const Fn = ({
       {
         src: e,
         alt: t,
-        className: i,
+        className: o,
         style: u,
         loading: "eager",
         fetchpriority: "high",
-        onLoad: () => c(!0)
+        onLoad: () => s(!0)
       }
     )
   );
-}, Vn = ({
+}, Yn = ({
   position: e,
   isMobile: t,
   agentName: r,
-  avatarImageUrl: i,
-  idleLoopUrl: o,
+  avatarImageUrl: o,
+  idleLoopUrl: i,
   greeting: l,
-  branding: c,
+  branding: s,
   teamMembers: d,
   currentTeamMemberId: u,
   isSwitchingTeamMember: h,
   teamSwitcherOpen: m,
   onToggleTeamSwitcher: a,
-  onSelectTeamMember: s,
+  onSelectTeamMember: c,
   languageMenuOpen: A,
   onToggleLanguageMenu: C,
   connectionState: R,
   agentState: b,
   transcript: L,
-  canResume: D,
+  canResume: $,
   needsUserGesture: M,
-  error: z,
+  error: H,
   isMuted: p,
   micError: g,
   micDevices: E,
   isCameraEnabled: x,
-  cameraPreviewEl: H,
+  cameraPreviewEl: q,
   cameraDevices: X,
   activeCameraId: de,
   isScreenShareEnabled: Q,
@@ -947,7 +947,7 @@ const Fn = ({
   isSpeakerMuted: ue,
   allowCamera: qe,
   allowScreenShare: Be,
-  allowTyping: Fe,
+  allowTyping: We,
   avatarVideoContainerRef: Ne,
   onConnect: fe,
   onDisconnect: ge,
@@ -956,20 +956,20 @@ const Fn = ({
   onToggleMute: be,
   onToggleCamera: we,
   onSwitchCameraDevice: _e,
-  onToggleScreenShare: q,
+  onToggleScreenShare: W,
   onToggleSpeaker: Qe,
-  onSendMessage: Ue,
-  onMinimize: We,
+  onSendMessage: Fe,
+  onMinimize: Ue,
   onClose: Ae,
   onClearMicError: Re
 }) => {
   var Pe;
-  const ie = L.length > 0 ? L[L.length - 1] : null, pe = ((d == null ? void 0 : d.length) ?? 0) > 1, xe = R === "connecting" || R === "connected", ee = R === "connected", V = R === "idle" || R === "disconnected" || R === "error", Ie = I(null), oe = I(null);
+  const oe = L.length > 0 ? L[L.length - 1] : null, pe = ((d == null ? void 0 : d.length) ?? 0) > 1, xe = R === "connecting" || R === "connected", ee = R === "connected", V = R === "idle" || R === "disconnected" || R === "error", Ie = I(null), ie = I(null);
   P(() => {
     const y = Ie.current;
-    y && (y.innerHTML = "", H && (H.style.width = "100%", H.style.height = "100%", H.style.objectFit = "cover", H.style.transform = "scaleX(-1)", y.appendChild(H)));
-  }, [H]), P(() => {
-    const y = oe.current;
+    y && (y.innerHTML = "", q && (q.style.width = "100%", q.style.height = "100%", q.style.objectFit = "cover", q.style.transform = "scaleX(-1)", y.appendChild(q)));
+  }, [q]), P(() => {
+    const y = ie.current;
     y && (y.innerHTML = "", Z && (Z.style.width = "100%", Z.style.height = "100%", Z.style.objectFit = "contain", y.appendChild(Z)));
   }, [Z]);
   const [J, ne] = N(!1), [le, Y] = N(!1);
@@ -990,11 +990,11 @@ const Fn = ({
   const [K, ae] = N(""), Me = S(
     (y) => {
       y.preventDefault();
-      const W = K.trim();
-      W && (Ue(W), ae(""));
+      const j = K.trim();
+      j && (Fe(j), ae(""));
     },
-    [K, Ue]
-  ), Ze = c.productName || "Live Layer", ke = ee && (ie != null && ie.text) ? ie.text : l || "", Te = [
+    [K, Fe]
+  ), Ze = s.productName || "Live Layer", ke = ee && (oe != null && oe.text) ? oe.text : l || "", Te = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
@@ -1008,19 +1008,19 @@ const Fn = ({
       "aria-label": `${r} widget`,
       children: [
         /* @__PURE__ */ _("div", { className: "ll-expanded__bg", children: [
-          i ? /* @__PURE__ */ n(
-            jn,
+          o ? /* @__PURE__ */ n(
+            Vn,
             {
-              src: i,
+              src: o,
               alt: r,
               className: "ll-expanded__bg-img"
             }
           ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Pe = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Pe.toUpperCase()) || "A" }) }),
-          o && !ee && /* @__PURE__ */ n(
+          i && !ee && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
-              src: o,
+              src: i,
               autoPlay: !0,
               loop: !0,
               muted: !0,
@@ -1075,7 +1075,7 @@ const Fn = ({
                     {
                       type: "button",
                       className: `ll-hmenu__item ${y.id === u ? "is-active" : ""}`,
-                      onClick: () => s(y.id),
+                      onClick: () => c(y.id),
                       role: "option",
                       "aria-selected": y.id === u,
                       children: [
@@ -1148,7 +1148,7 @@ const Fn = ({
               {
                 type: "button",
                 className: "ll-hbtn",
-                onClick: We,
+                onClick: Ue,
                 "aria-label": "Minimize widget",
                 title: "Minimize",
                 children: /* @__PURE__ */ n(Pt, {})
@@ -1176,7 +1176,7 @@ const Fn = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: We,
+                  onClick: Ue,
                   "aria-label": "Minimize widget",
                   children: /* @__PURE__ */ n(Pt, {})
                 }
@@ -1195,9 +1195,9 @@ const Fn = ({
           ] })
         ),
         V && /* @__PURE__ */ (() => {
-          const y = D ? "Restart paused session" : R === "disconnected" ? "Reconnect to agent" : "Start video call", W = D ? "Pick up where you left off" : null;
-          return /* @__PURE__ */ _(qt, { children: [
-            R === "idle" && !D && !z && /* @__PURE__ */ _(
+          const y = $ ? "Restart paused session" : R === "disconnected" ? "Reconnect to agent" : "Start video call", j = $ ? "Pick up where you left off" : null;
+          return /* @__PURE__ */ _(Bt, { children: [
+            R === "idle" && !$ && !H && /* @__PURE__ */ _(
               "button",
               {
                 type: "button",
@@ -1212,7 +1212,7 @@ const Fn = ({
             ),
             /* @__PURE__ */ _("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
               l && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: l }) }),
-              W && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: W }),
+              j && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: j }),
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1234,7 +1234,7 @@ const Fn = ({
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: oe,
+                  ref: ie,
                   className: Q ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
@@ -1256,10 +1256,10 @@ const Fn = ({
               {
                 type: "button",
                 className: `ll-tool ${Q ? "is-on" : ""}`,
-                onClick: q,
+                onClick: W,
                 "aria-label": Q ? "Stop sharing screen" : "Share screen",
                 title: Q ? "Stop sharing" : "Share screen",
-                children: /* @__PURE__ */ n(Yn, {})
+                children: /* @__PURE__ */ n(Gn, {})
               }
             ),
             qe && /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
@@ -1271,7 +1271,7 @@ const Fn = ({
                   onClick: we,
                   "aria-label": x ? "Turn off camera" : "Turn on camera",
                   title: x ? "Stop camera" : "Start camera",
-                  children: /* @__PURE__ */ n(Gn, {})
+                  children: /* @__PURE__ */ n(Jn, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1280,7 +1280,7 @@ const Fn = ({
                   type: "button",
                   className: `ll-tool ll-tool--right ${x ? "is-on" : ""}`,
                   onClick: (y) => {
-                    y.stopPropagation(), Y((W) => !W), ne(!1);
+                    y.stopPropagation(), Y((j) => !j), ne(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
@@ -1309,7 +1309,7 @@ const Fn = ({
                   onClick: be,
                   "aria-label": p ? "Unmute microphone" : "Mute microphone",
                   title: p ? "Unmute" : "Mute",
-                  children: /* @__PURE__ */ n(Jn, { muted: p })
+                  children: /* @__PURE__ */ n(Kn, { muted: p })
                 }
               ),
               /* @__PURE__ */ n(
@@ -1318,7 +1318,7 @@ const Fn = ({
                   type: "button",
                   className: `ll-tool ll-tool--right ${p ? "is-muted" : ""}`,
                   onClick: (y) => {
-                    y.stopPropagation(), ne((W) => !W), Y(!1);
+                    y.stopPropagation(), ne((j) => !j), Y(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
@@ -1344,11 +1344,11 @@ const Fn = ({
                 onClick: Qe,
                 "aria-label": ue ? "Unmute speaker" : "Mute speaker",
                 title: ue ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(Kn, { muted: ue })
+                children: /* @__PURE__ */ n(Xn, { muted: ue })
               }
             )
           ] }),
-          Fe && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: Me, children: [
+          We && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: Me, children: [
             /* @__PURE__ */ n(
               "input",
               {
@@ -1366,7 +1366,7 @@ const Fn = ({
                 type: "submit",
                 className: "ll-message-input__send",
                 "aria-label": "Send message",
-                children: /* @__PURE__ */ n(Xn, {})
+                children: /* @__PURE__ */ n(Qn, {})
               }
             )
           ] }),
@@ -1395,9 +1395,9 @@ const Fn = ({
                 }
               )
             ] });
-          if (!z || R !== "error") return null;
-          let y = "Failed to connect", W = "Try again";
-          return z === "MIC_PERMISSION_DENIED" ? y = "Microphone blocked. Allow access to talk." : z === "MIC_NOT_FOUND" ? y = "No microphone found. Plug one in + retry." : z === "MIC_UNAVAILABLE" ? y = "Mic unavailable. Check other apps using it." : z === "AGENT_TIMEOUT" ? y = "Agent didn't pick up. Try again." : z === "CONNECT_FAILED" ? y = "Connection failed. Check your network." : z.length < 80 && (y = z), /* @__PURE__ */ _("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+          if (!H || R !== "error") return null;
+          let y = "Failed to connect", j = "Try again";
+          return H === "MIC_PERMISSION_DENIED" ? y = "Microphone blocked. Allow access to talk." : H === "MIC_NOT_FOUND" ? y = "No microphone found. Plug one in + retry." : H === "MIC_UNAVAILABLE" ? y = "Mic unavailable. Check other apps using it." : H === "AGENT_TIMEOUT" ? y = "Agent didn't pick up. Try again." : H === "CONNECT_FAILED" ? y = "Connection failed. Check your network." : H.length < 80 && (y = H), /* @__PURE__ */ _("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
             /* @__PURE__ */ n("span", { children: y }),
             /* @__PURE__ */ n(
               "button",
@@ -1405,7 +1405,7 @@ const Fn = ({
                 type: "button",
                 className: "ll-expanded__banner-retry",
                 onClick: ye,
-                children: W
+                children: j
               }
             )
           ] });
@@ -1426,20 +1426,20 @@ function Tt() {
 function Pt() {
   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 Yn() {
+function Gn() {
   return /* @__PURE__ */ _("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 Gn() {
+function Jn() {
   return /* @__PURE__ */ _("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 Jn({ muted: e }) {
+function Kn({ muted: e }) {
   return /* @__PURE__ */ _("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" }),
@@ -1447,64 +1447,64 @@ function Jn({ muted: e }) {
     e && /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function Kn({ muted: e }) {
+function Xn({ muted: e }) {
   return /* @__PURE__ */ _("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__ */ _(qt, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ _(Bt, { children: [
       /* @__PURE__ */ n("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" }),
       /* @__PURE__ */ n("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
     ] })
   ] });
 }
-function Xn() {
+function Qn() {
   return /* @__PURE__ */ _("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" })
   ] });
 }
-const Dt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ _(
+const Dt = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ _(
   "div",
   {
     className: "ll-device-menu",
-    onClick: (o) => o.stopPropagation(),
+    onClick: (i) => i.stopPropagation(),
     role: "listbox",
     children: [
       /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
-      t.map((o, l) => {
-        const c = r === o.deviceId;
+      t.map((i, l) => {
+        const s = r === i.deviceId;
         return /* @__PURE__ */ _(
           "button",
           {
             type: "button",
-            className: `ll-device-menu__item ${c ? "is-active" : ""}`,
-            onClick: () => i(o.deviceId),
+            className: `ll-device-menu__item ${s ? "is-active" : ""}`,
+            onClick: () => o(i.deviceId),
             role: "option",
-            "aria-selected": c,
+            "aria-selected": s,
             children: [
-              c && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
-              /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: o.label || `${e} ${l + 1}` })
+              s && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
+              /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: i.label || `${e} ${l + 1}` })
             ]
           },
-          o.deviceId || l
+          i.deviceId || l
         );
       })
     ]
   }
-), Qn = [
+), Zn = [
   '[data-ll-private="true"]',
   ".ll-widget"
 ];
-function ct(e) {
+function st(e) {
   let t = e;
   for (; t; ) {
-    for (const r of Qn)
+    for (const r of Zn)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
 function Xe(e) {
-  if (ct(e)) return !1;
+  if (st(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
     const t = (e.getAttribute("autocomplete") || "").toLowerCase();
@@ -1512,7 +1512,7 @@ function Xe(e) {
   }
   return !0;
 }
-const Ge = 4096, Zn = 20, er = 20, tr = 10, nr = 10, rr = 30, $t = 500, ir = [
+const Ge = 4096, er = 20, tr = 20, nr = 10, rr = 10, or = 30, $t = 500, ir = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1520,7 +1520,7 @@ const Ge = 4096, Zn = 20, er = 20, tr = 10, nr = 10, rr = 30, $t = 500, ir = [
   "noscript",
   "iframe"
 ];
-function Oe(e) {
+function He(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
@@ -1530,12 +1530,12 @@ function Oe(e) {
   }
   return !1;
 }
-function He(e) {
+function Oe(e) {
   if (typeof window > "u") return !0;
   const t = e.getBoundingClientRect();
   if (t.width <= 0 || t.height <= 0) return !1;
-  const r = window.innerHeight || document.documentElement.clientHeight, i = window.innerWidth || document.documentElement.clientWidth;
-  return t.bottom > 0 && t.right > 0 && t.top < r && t.left < i;
+  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 zt(e) {
   const t = e.getAttribute("id");
@@ -1545,10 +1545,10 @@ function zt(e) {
   }
   const r = e.getAttribute("aria-label");
   if (r) return r.trim();
-  const i = e.getAttribute("placeholder");
-  if (i) return i.trim();
-  const o = e.closest("label");
-  return o != null && o.textContent ? o.textContent.trim() : "";
+  const o = e.getAttribute("placeholder");
+  if (o) return o.trim();
+  const i = e.closest("label");
+  return i != null && i.textContent ? i.textContent.trim() : "";
 }
 function me(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
@@ -1556,7 +1556,7 @@ function me(e, t) {
 function Se(e) {
   return e.length;
 }
-function or(e, t = {}) {
+function lr(e, t = {}) {
   const r = t.doc ?? (typeof document < "u" ? document : null);
   if (!r)
     return {
@@ -1570,12 +1570,12 @@ function or(e, t = {}) {
       forms: [],
       extras: e
     };
-  const i = typeof window < "u" && window.location.href || "", o = typeof window < "u" && window.location.pathname || "/", l = r.title || "", c = Array.from(
+  const o = typeof window < "u" && window.location.href || "", i = typeof window < "u" && window.location.pathname || "/", l = r.title || "", s = Array.from(
     r.querySelectorAll("[data-ll-region]")
   ), d = [];
-  for (const p of c) {
-    if (d.length >= tr) break;
-    if (Oe(p) || !He(p)) continue;
+  for (const p of s) {
+    if (d.length >= nr) break;
+    if (He(p) || !Oe(p)) continue;
     const g = p.getAttribute("data-ll-region") ?? "", E = p.getAttribute("data-ll-intent") ?? void 0, x = me(
       (p.innerText || p.textContent || "").trim(),
       $t * 2
@@ -1586,21 +1586,21 @@ function or(e, t = {}) {
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
   for (const p of m) {
-    if (Oe(p) || !He(p)) continue;
+    if (He(p) || !Oe(p)) continue;
     const g = (p.textContent || "").trim();
     g && u.push(`${p.tagName}: ${me(g, 200)}`);
   }
   const a = Array.from(r.querySelectorAll("p, li"));
   for (const p of a) {
-    if (Oe(p) || !He(p) || h.includes(p.tagName)) continue;
+    if (He(p) || !Oe(p) || h.includes(p.tagName)) continue;
     const g = (p.textContent || "").trim();
     g.length > 10 && u.push(me(g, $t));
   }
-  const s = u.join(`
+  const c = u.join(`
 `), A = [], C = Array.from(r.querySelectorAll("a[href]"));
   for (const p of C) {
-    if (A.length >= Zn) break;
-    if (Oe(p) || !He(p)) continue;
+    if (A.length >= er) break;
+    if (He(p) || !Oe(p)) continue;
     const g = p.getAttribute("href") || "", E = (p.textContent || "").trim();
     !g || !E || A.push({ href: g, text: me(E, 100) });
   }
@@ -1610,75 +1610,75 @@ function or(e, t = {}) {
     )
   );
   for (const p of b) {
-    if (R.length >= er) break;
-    if (Oe(p) || !Xe(p) || !He(p)) continue;
+    if (R.length >= tr) break;
+    if (He(p) || !Xe(p) || !Oe(p)) continue;
     const g = zt(p), E = p instanceof HTMLInputElement ? p.type : p.tagName.toLowerCase();
     g && R.push({ label: me(g, 100), type: E });
   }
   const L = Array.from(
     r.querySelectorAll("[data-ll-form]")
-  ), D = [];
+  ), $ = [];
   for (const p of L) {
-    if (D.length >= nr) break;
-    if (ct(p)) continue;
+    if ($.length >= rr) break;
+    if (st(p)) continue;
     const g = p.getAttribute("data-ll-form") || "";
     if (!g) continue;
     const E = p.getAttribute("data-ll-intent") || void 0, x = Array.from(
       p.querySelectorAll(
         "[data-ll-field]"
       )
-    ), H = [];
+    ), q = [];
     for (const X of x) {
-      if (H.length >= rr) break;
+      if (q.length >= or) break;
       if (!Xe(X)) continue;
       const de = X.getAttribute("data-ll-field") || "";
       if (!de) continue;
       const Q = zt(X) || de, Z = X instanceof HTMLInputElement ? X.type : X.tagName.toLowerCase();
-      H.push({ name: de, label: me(Q, 100), type: Z });
+      q.push({ name: de, label: me(Q, 100), type: Z });
     }
-    D.push({ id: g, intent: E, fields: H });
+    $.push({ id: g, intent: E, fields: q });
   }
   const M = {
-    url: i,
+    url: o,
     title: l,
-    pathname: o,
+    pathname: i,
     regions: d,
-    visibleText: s,
+    visibleText: c,
     visibleLinks: A,
     visibleFields: R,
-    forms: D,
+    forms: $,
     extras: e
   };
-  let z = Se(JSON.stringify(M.regions)) + Se(M.visibleText) + Se(JSON.stringify(M.visibleLinks)) + Se(JSON.stringify(M.visibleFields));
-  for (; z > Ge && M.visibleFields.length > 0; )
-    M.visibleFields.pop(), z = Se(JSON.stringify(M.visibleFields));
-  for (; z > Ge && M.visibleLinks.length > 0; )
-    M.visibleLinks.pop(), z -= 80;
+  let H = Se(JSON.stringify(M.regions)) + Se(M.visibleText) + Se(JSON.stringify(M.visibleLinks)) + Se(JSON.stringify(M.visibleFields));
+  for (; H > Ge && M.visibleFields.length > 0; )
+    M.visibleFields.pop(), H = Se(JSON.stringify(M.visibleFields));
+  for (; H > Ge && M.visibleLinks.length > 0; )
+    M.visibleLinks.pop(), H -= 80;
   return Se(M.visibleText) > Ge && (M.visibleText = me(M.visibleText, Ge - 100)), M;
 }
 let Ce = null;
-function Ot(e, t = {}) {
-  const r = Date.now(), o = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if (Ce && Ce.key === o && r - Ce.at < 1e3)
+function Ht(e, t = {}) {
+  const r = Date.now(), i = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
+  if (Ce && Ce.key === i && r - Ce.at < 1e3)
     return Ce.ctx;
-  const l = or(e, t);
-  return Ce = { key: o, at: r, ctx: l }, l;
+  const l = lr(e, t);
+  return Ce = { key: i, at: r, ctx: l }, l;
 }
-function lr() {
+function ar() {
   Ce = null;
 }
-const ar = 200;
+const cr = 200;
 function sr(e) {
   return !(!e || e.startsWith("#") || e.startsWith("javascript:") || e.startsWith("mailto:") || e.startsWith("tel:"));
 }
-function cr(e) {
+function dr(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
-  const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), o = [], l = Array.from(t.querySelectorAll("a[href]"));
-  for (const c of l) {
-    if (o.length >= ar) break;
-    if (ct(c)) continue;
-    const d = c.getAttribute("href") || "";
+  const r = typeof window < "u" && window.location.origin || "", o = /* @__PURE__ */ new Set(), i = [], l = Array.from(t.querySelectorAll("a[href]"));
+  for (const s of l) {
+    if (i.length >= cr) break;
+    if (st(s)) continue;
+    const d = s.getAttribute("href") || "";
     if (!sr(d)) continue;
     let u = d, h = !0;
     try {
@@ -1689,42 +1689,87 @@ function cr(e) {
     } catch {
       continue;
     }
-    if (i.has(u)) continue;
-    i.add(u);
-    const m = (c.textContent || "").trim().slice(0, 120);
-    o.push({ href: u, text: m, internal: h });
+    if (o.has(u)) continue;
+    o.add(u);
+    const m = (s.textContent || "").trim().slice(0, 120);
+    i.push({ href: u, text: m, internal: h });
   }
-  return o;
+  return i;
 }
 let Ee = null;
-const dr = 5e3;
-function ur() {
+const ur = 5e3;
+function fr() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (Ee && Ee.pathname === t && e - Ee.at < dr)
+  if (Ee && Ee.pathname === t && e - Ee.at < ur)
     return Ee.routes;
-  const r = cr();
+  const r = dr();
   return Ee = { at: e, pathname: t, routes: r }, r;
 }
-function fr() {
+function pr() {
   Ee = null;
 }
-function pr(e, t) {
-  const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, i = Object.getOwnPropertyDescriptor(r, "value"), o = i == null ? void 0 : i.set;
-  o ? o.call(e, t) : e.value = t;
+function hr(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 hr(e, t, r = {}) {
-  const i = r.triggerInput ?? !0, o = r.triggerChange ?? !0;
+function mr(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"
-    ), c = l == null ? void 0 : l.set, d = t === "true" || t === "1" || t === "on";
-    c ? c.call(e, d) : e.checked = d, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+    ), s = l == null ? void 0 : l.set, d = t === "true" || t === "1" || t === "on";
+    s ? s.call(e, d) : e.checked = d, o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
-  pr(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  hr(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+}
+function gr() {
+  if (typeof window > "u" || typeof document > "u")
+    return !1;
+  const e = document.scrollingElement || document.documentElement;
+  if (!e || e.scrollHeight <= e.clientHeight + 2) return !1;
+  const t = window.getComputedStyle(e);
+  return !(t.overflowY === "hidden" || t.overflowY === "clip");
+}
+function yr(e) {
+  if (!(e instanceof HTMLElement)) return !1;
+  const r = window.getComputedStyle(e).overflowY;
+  return !(r !== "auto" && r !== "scroll" || e.scrollHeight <= e.clientHeight + 2);
+}
+function vr() {
+  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 (!yr(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;
+    l > r && (r = l, t = o);
+  }
+  return t;
+}
+function br() {
+  if (typeof window > "u")
+    return null;
+  if (gr()) return window;
+  const e = vr();
+  return e || window;
 }
-const mr = /* @__PURE__ */ new Set([
+function Ot(e) {
+  return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
+}
+function wr(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 _r = /* @__PURE__ */ new Set([
   "agent_state",
   "avatar_stream_ready",
   "avatar_active",
@@ -1747,34 +1792,34 @@ const mr = /* @__PURE__ */ new Set([
   "submit_form",
   "request_routes"
 ]);
-function gr(e) {
+function xr(e) {
   var yt, vt, bt, wt, _t, xt, kt;
   const {
     agentId: t,
     apiKey: r,
-    baseUrl: i = "https://app.livelayer.studio",
-    sessionEndpoint: o,
+    baseUrl: o = "https://app.livelayer.studio",
+    sessionEndpoint: i,
     sessionBody: l,
-    autoConnect: c = !1,
+    autoConnect: s = !1,
     displayMode: d,
     defaultDisplayMode: u = "expanded",
     onDisplayModeChange: h,
     position: m = "bottom-right",
     mobileBreakpoint: a = 640,
-    persistKey: s = "ll-widget",
+    persistKey: c = "ll-widget",
     disablePersistence: A = !1,
     teamMembers: C,
     currentTeamMemberId: R,
     onTeamMemberChange: b,
     idleLoopUrl: L,
-    greeting: D,
+    greeting: $,
     avatarImageUrl: M,
-    agentName: z,
+    agentName: H,
     branding: p = {},
     allowCamera: g = !0,
     allowScreenShare: E = !0,
     allowTyping: x = !0,
-    showOn: H,
+    showOn: q,
     hideOn: X,
     pathname: de,
     onNavigate: Q,
@@ -1782,7 +1827,7 @@ function gr(e) {
     getPageContext: ue,
     pageContextExtras: qe,
     onScrollPage: Be,
-    onClick: Fe,
+    onClick: We,
     capabilities: Ne,
     onConnect: fe,
     onDisconnect: ge,
@@ -1791,33 +1836,33 @@ function gr(e) {
     onConnectionStateChange: be,
     onAgentEvent: we,
     onAgentCommand: _e,
-    controlledSession: q,
+    controlledSession: W,
     className: Qe,
-    style: Ue,
-    zIndex: We = 2147483647
-  } = e, Ae = Nn(de), Re = Dn(Ae, H, X);
+    style: Fe,
+    zIndex: Ue = 2147483647
+  } = e, Ae = An(de), Re = $n(Ae, q, X);
   P(() => {
-    lr(), fr();
+    ar(), pr();
   }, [Ae]);
-  const ie = R !== void 0, [pe, xe] = N(() => {
+  const oe = R !== void 0, [pe, xe] = N(() => {
     var v;
     return R ?? ((v = C == null ? void 0 : C[0]) == null ? void 0 : v.id);
-  }), ee = ie ? R : pe, V = Je(
+  }), ee = oe ? R : pe, V = Je(
     () => (C == null ? void 0 : C.find((v) => v.id === ee)) ?? null,
     [C, ee]
-  ), Ie = (V == null ? void 0 : V.agentId) ?? t, [oe, J] = Ln({
+  ), Ie = (V == null ? void 0 : V.agentId) ?? t, [ie, J] = Sn({
     value: d,
     defaultValue: u,
     onChange: h,
-    persistKey: s,
+    persistKey: c,
     disablePersistence: A
-  }), ne = Cn(a), le = fn(), Y = pn(), K = mn(), ae = gn(), Me = yn(), [Ze, ke] = N(!1), [Te, Pe] = N(!1), [y, W] = N(!1), [dt, Ut] = N(!1), [et, Wt] = N(!1), tt = I(Q), nt = I(Z), rt = I(Be), it = I(Fe), ut = I(ue), ft = I(qe), ot = I(Ne), te = I(null);
-  tt.current = Q, nt.current = Z, rt.current = Be, it.current = Fe, ut.current = ue, ft.current = qe, ot.current = Ne;
-  function se(v) {
-    const f = ot.current;
+  }), ne = En(a), le = pn(), Y = hn(), K = gn(), ae = yn(), Me = vn(), [Ze, ke] = N(!1), [Te, Pe] = N(!1), [y, j] = N(!1), [dt, Ut] = N(!1), [et, jt] = N(!1), tt = I(Q), nt = I(Z), rt = I(Be), ot = I(We), ut = I(ue), ft = I(qe), it = I(Ne), te = I(null);
+  tt.current = Q, nt.current = Z, rt.current = Be, ot.current = We, ut.current = ue, ft.current = qe, it.current = Ne;
+  function ce(v) {
+    const f = it.current;
     return f ? f.includes(v) : !0;
   }
-  function ce(v, f) {
+  function se(v, f) {
     console.warn(
       `[LiveLayer] Agent command "${v}" blocked — capability "${f}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
     );
@@ -1828,8 +1873,8 @@ function gr(e) {
       const f = v;
       if (!(!f.type || typeof f.type != "string")) {
         if (we == null || we({ eventName: f.type, data: v }), f.type === "navigate") {
-          if (!se("navigate")) {
-            ce("navigate", "navigate");
+          if (!ce("navigate")) {
+            se("navigate", "navigate");
             return;
           }
           const k = typeof f.href == "string" ? f.href : null;
@@ -1871,8 +1916,8 @@ function gr(e) {
           return;
         }
         if (f.type === "scroll_to") {
-          if (!se("scroll")) {
-            ce("scroll_to", "scroll");
+          if (!ce("scroll")) {
+            se("scroll_to", "scroll");
             return;
           }
           const k = typeof f.selector == "string" ? f.selector : null;
@@ -1884,28 +1929,28 @@ function gr(e) {
                 k,
                 T
               );
-            } catch ($) {
-              console.warn("[LiveLayer] onScrollToSelector threw.", $);
+            } catch (z) {
+              console.warn("[LiveLayer] onScrollToSelector threw.", z);
             }
             return;
           }
           if (typeof document < "u") {
-            let $ = null;
+            let z = null;
             try {
-              $ = document.querySelector(k);
+              z = document.querySelector(k);
             } catch {
               console.warn(
                 `[LiveLayer] scroll_to: invalid selector "${k}".`
               );
               return;
             }
-            if (!$) {
+            if (!z) {
               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`
               );
               return;
             }
-            $.scrollIntoView({
+            z.scrollIntoView({
               behavior: T,
               block: "start"
             });
@@ -1913,12 +1958,12 @@ function gr(e) {
           return;
         }
         if (f.type === "request_page_context") {
-          if (!se("read_page")) {
-            ce("request_page_context", "read_page");
+          if (!ce("read_page")) {
+            se("request_page_context", "read_page");
             return;
           }
-          const k = typeof f.requestId == "string" ? f.requestId : void 0, T = (G = te.current) == null ? void 0 : G.call(te), $ = (F) => {
-            const j = T, re = j == null ? void 0 : j.localParticipant;
+          const k = typeof f.requestId == "string" ? f.requestId : void 0, T = (G = te.current) == null ? void 0 : G.call(te), z = (F) => {
+            const O = T, re = O == null ? void 0 : O.localParticipant;
             if (re != null && re.publishData)
               try {
                 const he = k ? { ...F, requestId: k } : F, Le = new TextEncoder().encode(JSON.stringify(he));
@@ -1926,43 +1971,43 @@ function gr(e) {
               } catch (he) {
                 console.warn("[LiveLayer] publishData failed.", he);
               }
-          }, O = ft.current, B = ut.current;
+          }, D = ft.current, B = ut.current;
           try {
             if (B) {
-              const F = B(O);
+              const F = B(D);
               if (F instanceof Promise) {
-                $({ type: "page_context_pending" }), F.then((j) => $({ type: "page_context", context: j })).catch((j) => {
+                z({ type: "page_context_pending" }), F.then((O) => z({ type: "page_context", context: O })).catch((O) => {
                   console.warn(
                     "[LiveLayer] getPageContext rejected; falling back to default walker.",
-                    j
-                  ), $({
+                    O
+                  ), z({
                     type: "page_context",
-                    context: Ot(O)
+                    context: Ht(D)
                   });
                 });
                 return;
               }
-              $({ type: "page_context", context: F });
+              z({ type: "page_context", context: F });
               return;
             }
-            $({
+            z({
               type: "page_context",
-              context: Ot(O)
+              context: Ht(D)
             });
           } catch (F) {
             console.warn(
               "[LiveLayer] page-context extraction threw. Sending empty context.",
               F
-            ), $({
+            ), z({
               type: "page_context",
-              context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: O }
+              context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: D }
             });
           }
           return;
         }
         if (f.type === "scroll_page") {
-          if (!se("scroll")) {
-            ce("scroll_page", "scroll");
+          if (!ce("scroll")) {
+            se("scroll_page", "scroll");
             return;
           }
           const k = f.direction;
@@ -1985,13 +2030,17 @@ function gr(e) {
             return;
           }
           if (typeof window > "u") return;
-          const $ = { behavior: T };
-          k === "up" ? window.scrollBy({ top: -window.innerHeight, ...$ }) : k === "down" ? window.scrollBy({ top: window.innerHeight, ...$ }) : k === "top" ? window.scrollTo({ top: 0, ...$ }) : window.scrollTo({ top: document.body.scrollHeight, ...$ });
+          const z = { behavior: T }, D = br(), B = (O) => {
+            D instanceof Window ? D.scrollBy({ top: O, ...z }) : D.scrollBy({ top: O, ...z });
+          }, F = (O) => {
+            D instanceof Window ? D.scrollTo({ top: O, ...z }) : D.scrollTo({ top: O, ...z });
+          };
+          k === "up" ? B(-Ot(D)) : k === "down" ? B(Ot(D)) : F(k === "top" ? 0 : wr(D));
           return;
         }
         if (f.type === "click") {
-          if (!se("click")) {
-            ce("click", "click");
+          if (!ce("click")) {
+            se("click", "click");
             return;
           }
           const k = typeof f.selector == "string" ? f.selector : null;
@@ -1999,11 +2048,11 @@ function gr(e) {
             console.warn("[LiveLayer] click: missing selector.");
             return;
           }
-          if (it.current) {
+          if (ot.current) {
             try {
-              it.current(k);
-            } catch ($) {
-              console.warn("[LiveLayer] onClick threw.", $);
+              ot.current(k);
+            } catch (z) {
+              console.warn("[LiveLayer] onClick threw.", z);
             }
             return;
           }
@@ -2033,8 +2082,8 @@ function gr(e) {
           return;
         }
         if (f.type === "fill_form" || f.type === "focus_field") {
-          if (!se("fill_forms")) {
-            ce(f.type, "fill_forms");
+          if (!ce("fill_forms")) {
+            se(f.type, "fill_forms");
             return;
           }
           if (typeof document > "u") return;
@@ -2059,61 +2108,61 @@ function gr(e) {
             return;
           }
           if (f.type === "focus_field") {
-            const O = typeof f.fieldName == "string" ? f.fieldName : null;
-            if (!O) {
+            const D = typeof f.fieldName == "string" ? f.fieldName : null;
+            if (!D) {
               console.warn("[LiveLayer] focus_field: missing fieldName.");
               return;
             }
-            const B = T.querySelector(`[data-ll-field="${O.replace(/"/g, '\\"')}"]`);
+            const B = T.querySelector(`[data-ll-field="${D.replace(/"/g, '\\"')}"]`);
             if (!B) {
               console.warn(
-                `[LiveLayer] focus_field: no field "${O}" in form "${k}".`
+                `[LiveLayer] focus_field: no field "${D}" in form "${k}".`
               );
               return;
             }
             if (!Xe(B)) {
               console.warn(
-                `[LiveLayer] focus_field: field "${O}" is privacy-protected and not focusable.`
+                `[LiveLayer] focus_field: field "${D}" is privacy-protected and not focusable.`
               );
               return;
             }
             B.focus();
             return;
           }
-          const $ = f.values && typeof f.values == "object" ? f.values : null;
-          if (!$) {
+          const z = f.values && typeof f.values == "object" ? f.values : null;
+          if (!z) {
             console.warn("[LiveLayer] fill_form: missing or invalid values.");
             return;
           }
-          for (const [O, B] of Object.entries($)) {
+          for (const [D, B] of Object.entries(z)) {
             if (typeof B != "string") continue;
-            const F = T.querySelector(`[data-ll-field="${O.replace(/"/g, '\\"')}"]`);
+            const F = T.querySelector(`[data-ll-field="${D.replace(/"/g, '\\"')}"]`);
             if (!F) {
               console.warn(
-                `[LiveLayer] fill_form: no field "${O}" in form "${k}". Skipping.`
+                `[LiveLayer] fill_form: no field "${D}" in form "${k}". Skipping.`
               );
               continue;
             }
             if (!Xe(F)) {
               console.warn(
-                `[LiveLayer] fill_form: field "${O}" is privacy-protected (password / cc-* / private). Skipping.`
+                `[LiveLayer] fill_form: field "${D}" is privacy-protected (password / cc-* / private). Skipping.`
               );
               continue;
             }
             try {
-              hr(F, B);
-            } catch (j) {
+              mr(F, B);
+            } catch (O) {
               console.warn(
-                `[LiveLayer] fill_form: failed to set "${O}".`,
-                j
+                `[LiveLayer] fill_form: failed to set "${D}".`,
+                O
               );
             }
           }
           return;
         }
         if (f.type === "submit_form") {
-          if (!se("submit_forms")) {
-            ce("submit_form", "submit_forms");
+          if (!ce("submit_forms")) {
+            se("submit_form", "submit_forms");
             return;
           }
           if (typeof document > "u") return;
@@ -2137,24 +2186,24 @@ function gr(e) {
             );
             return;
           }
-          const $ = typeof f.requestId == "string" ? f.requestId : void 0, O = (Ve = te.current) == null ? void 0 : Ve.call(te), B = (re) => {
-            const he = O, Le = he == null ? void 0 : he.localParticipant;
+          const z = typeof f.requestId == "string" ? f.requestId : void 0, D = (Ve = te.current) == null ? void 0 : Ve.call(te), B = (re) => {
+            const he = D, Le = he == null ? void 0 : he.localParticipant;
             if (Le != null && Le.publishData)
               try {
-                const nn = $ ? { ...re, requestId: $ } : re, rn = new TextEncoder().encode(JSON.stringify(nn));
-                Le.publishData(rn, { reliable: !0 });
+                const rn = z ? { ...re, requestId: z } : re, on = new TextEncoder().encode(JSON.stringify(rn));
+                Le.publishData(on, { reliable: !0 });
               } catch {
               }
           };
           let F = !1;
-          const j = () => {
+          const O = () => {
             F = !0, B({ type: "form_submitted", formId: k });
           };
-          T.addEventListener("submit", j, { once: !0 });
+          T.addEventListener("submit", O, { once: !0 });
           try {
             typeof T.requestSubmit == "function" ? T.requestSubmit() : T.submit();
           } catch (re) {
-            console.warn("[LiveLayer] submit_form: requestSubmit threw.", re), T.removeEventListener("submit", j), B({
+            console.warn("[LiveLayer] submit_form: requestSubmit threw.", re), T.removeEventListener("submit", O), B({
               type: "form_submit_blocked",
               formId: k,
               reason: "exception"
@@ -2162,7 +2211,7 @@ function gr(e) {
             return;
           }
           setTimeout(() => {
-            F || (T.removeEventListener("submit", j), B({
+            F || (T.removeEventListener("submit", O), B({
               type: "form_submit_blocked",
               formId: k,
               reason: "validation"
@@ -2171,36 +2220,36 @@ function gr(e) {
           return;
         }
         if (f.type === "request_routes") {
-          if (!se("read_page")) {
-            ce("request_routes", "read_page");
+          if (!ce("read_page")) {
+            se("request_routes", "read_page");
             return;
           }
-          const k = typeof f.requestId == "string" ? f.requestId : void 0, $ = (Lt = te.current) == null ? void 0 : Lt.call(te), O = $ == null ? void 0 : $.localParticipant;
-          if (!(O != null && O.publishData)) return;
+          const k = typeof f.requestId == "string" ? f.requestId : void 0, z = (Lt = te.current) == null ? void 0 : Lt.call(te), D = z == null ? void 0 : z.localParticipant;
+          if (!(D != null && D.publishData)) return;
           try {
-            const B = ur(), F = k ? { type: "routes", routes: B, requestId: k } : { type: "routes", routes: B }, j = new TextEncoder().encode(JSON.stringify(F));
-            O.publishData(j, { reliable: !0 });
+            const B = fr(), F = k ? { type: "routes", routes: B, requestId: k } : { type: "routes", routes: B }, O = new TextEncoder().encode(JSON.stringify(F));
+            D.publishData(O, { reliable: !0 });
           } catch (B) {
             console.warn("[LiveLayer] request_routes: extractRoutes threw.", B);
           }
           return;
         }
-        mr.has(f.type) || _e == null || _e(f);
+        _r.has(f.type) || _e == null || _e(f);
       }
     },
     [_e, we]
-  ), U = un({
-    agentId: q ? "__controlled__" : Ie,
-    baseUrl: i,
+  ), U = fn({
+    agentId: W ? "__controlled__" : Ie,
+    baseUrl: o,
     apiKey: r,
-    sessionEndpoint: o,
+    sessionEndpoint: i,
     sessionBody: l,
-    onDataMessage: q ? void 0 : De
+    onDataMessage: W ? void 0 : De
   });
   P(() => {
-    if (q != null && q.subscribeToDataMessages)
-      return q.subscribeToDataMessages(De);
-  }, [q, De]), te.current = () => {
+    if (W != null && W.subscribeToDataMessages)
+      return W.subscribeToDataMessages(De);
+  }, [W, De]), te.current = () => {
     var v;
     return (v = U.getRoom) == null ? void 0 : v.call(U);
   }, P(() => {
@@ -2218,19 +2267,19 @@ function gr(e) {
         delete window.__livelayerSimulateCommand;
       };
   }, [De]);
-  const w = Je(() => q ? {
-    connectionState: q.connectionState,
-    agentState: q.agentState,
-    transcript: q.transcript,
-    videoElement: q.videoElement,
-    audioElement: q.audioElement,
-    canResume: q.canResume,
-    error: q.error,
+  const w = Je(() => W ? {
+    connectionState: W.connectionState,
+    agentState: W.agentState,
+    transcript: W.transcript,
+    videoElement: W.videoElement,
+    audioElement: W.audioElement,
+    canResume: W.canResume,
+    error: W.error,
     agentConfig: null,
     connect: async () => {
-      await q.onConnect();
+      await W.onConnect();
     },
-    disconnect: () => q.onDisconnect(),
+    disconnect: () => W.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.
@@ -2249,7 +2298,7 @@ function gr(e) {
     disconnect: U.disconnect,
     getRoom: U.getRoom,
     isControlled: !1
-  }, [q, U]), pt = I(null);
+  }, [W, U]), pt = I(null);
   P(() => {
     const v = w.videoElement, f = pt.current;
     if (!(!v || !f))
@@ -2278,7 +2327,7 @@ function gr(e) {
     const v = w.audioElement;
     v && (v.muted = et);
   }, [w.audioElement, et]);
-  const jt = S((v) => {
+  const Vt = S((v) => {
     const f = w.getRoom();
     if (f)
       try {
@@ -2288,8 +2337,8 @@ function gr(e) {
         f.localParticipant.publishData(G, { reliable: !0 });
       } catch {
       }
-  }, [w]), Vt = S(() => {
-    Wt((v) => !v);
+  }, [w]), Yt = S(() => {
+    jt((v) => !v);
   }, []);
   P(() => {
     be == null || be(w.connectionState), w.connectionState === "connected" ? fe == null || fe() : w.connectionState === "disconnected" && (ge == null || ge());
@@ -2300,18 +2349,18 @@ function gr(e) {
   }, [w.agentState, ve]);
   const ht = I(!1);
   P(() => {
-    w.isControlled || !c || ht.current || Re && w.connectionState === "idle" && (ht.current = !0, w.connect());
-  }, [c, w.connectionState, w, Re]);
-  const Yt = S(
+    w.isControlled || !s || ht.current || Re && w.connectionState === "idle" && (ht.current = !0, w.connect());
+  }, [s, w.connectionState, w, Re]);
+  const Gt = S(
     (v) => {
       const f = C == null ? void 0 : C.find((G) => G.id === v);
-      f && (W(!1), v !== ee && (Pe(!0), w.disconnect(), ie || xe(v), b == null || b(f)));
+      f && (j(!1), v !== ee && (Pe(!0), w.disconnect(), oe || xe(v), b == null || b(f)));
     },
     [
       C,
       ee,
       w,
-      ie,
+      oe,
       b
     ]
   );
@@ -2320,43 +2369,43 @@ function gr(e) {
   }, [w.connectionState, Te]), P(() => {
     if (!y) return;
     const v = (f) => {
-      f.key === "Escape" && W(!1);
+      f.key === "Escape" && j(!1);
     };
     return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
   }, [y]);
-  const Gt = !!M || !!(V != null && V.avatarImageUrl) || w.isControlled, $e = vn(Ie, i, Gt);
-  Ne === void 0 && ((yt = $e.info) != null && yt.capabilities) && (ot.current = $e.info.capabilities);
-  const lt = (V == null ? void 0 : V.name) ?? z ?? ((vt = w.agentConfig) == null ? void 0 : vt.name) ?? ((bt = $e.info) == null ? void 0 : bt.name) ?? "Live Layer", mt = (V == null ? void 0 : V.avatarImageUrl) ?? M ?? ((wt = w.agentConfig) == null ? void 0 : wt.avatarImageUrl) ?? ((_t = $e.info) == null ? void 0 : _t.avatarImageUrl) ?? null, Jt = L ?? ((xt = w.agentConfig) == null ? void 0 : xt.idleLoopUrl) ?? ((kt = $e.info) == null ? void 0 : kt.idleLoopUrl) ?? null, Kt = D ?? null, Xt = S(() => J("expanded"), [J]), Qt = S(
+  const Jt = !!M || !!(V != null && V.avatarImageUrl) || w.isControlled, $e = bn(Ie, o, Jt);
+  Ne === void 0 && ((yt = $e.info) != null && yt.capabilities) && (it.current = $e.info.capabilities);
+  const lt = (V == null ? void 0 : V.name) ?? H ?? ((vt = w.agentConfig) == null ? void 0 : vt.name) ?? ((bt = $e.info) == null ? void 0 : bt.name) ?? "Live Layer", mt = (V == null ? void 0 : V.avatarImageUrl) ?? M ?? ((wt = w.agentConfig) == null ? void 0 : wt.avatarImageUrl) ?? ((_t = $e.info) == null ? void 0 : _t.avatarImageUrl) ?? null, Kt = L ?? ((xt = w.agentConfig) == null ? void 0 : xt.idleLoopUrl) ?? ((kt = $e.info) == null ? void 0 : kt.idleLoopUrl) ?? null, Xt = $ ?? null, Qt = S(() => J("expanded"), [J]), Zt = S(
     () => J("minimized"),
     [J]
   ), gt = S(() => {
     w.disconnect(), J("hidden");
-  }, [w, J]), Zt = S(() => {
+  }, [w, J]), en = S(() => {
     const v = w.audioElement;
     v && v.play().then(() => ke(!1)).catch(() => {
     });
-  }, [w.audioElement]), en = S(() => {
+  }, [w.audioElement]), tn = S(() => {
     ke(!1), w.connect();
   }, [w]), ze = {
-    ...Ue,
-    zIndex: We
+    ...Fe,
+    zIndex: Ue
   };
   p.primaryColor && (ze["--ll-color-primary"] = p.primaryColor), p.accentColor && (ze["--ll-color-accent"] = p.accentColor), p.backgroundColor && (ze["--ll-color-bg"] = p.backgroundColor), p.textColor && (ze["--ll-color-fg"] = p.textColor);
-  const tn = [
+  const nn = [
     "ll-widget",
-    `ll-widget--${oe}`,
+    `ll-widget--${ie}`,
     `ll-widget--${ne ? "mobile" : "desktop"}`,
     Qe
   ].filter(Boolean).join(" ");
   return Re ? /* @__PURE__ */ _(
     "div",
     {
-      className: tn,
+      className: nn,
       style: ze,
-      "data-display-mode": oe,
+      "data-display-mode": ie,
       "data-position": m,
       children: [
-        oe === "hidden" && /* @__PURE__ */ n(
+        ie === "hidden" && /* @__PURE__ */ n(
           Fn,
           {
             position: m,
@@ -2366,8 +2415,8 @@ function gr(e) {
             label: `Open ${lt} widget`
           }
         ),
-        oe === "minimized" && /* @__PURE__ */ n(
-          Wn,
+        ie === "minimized" && /* @__PURE__ */ n(
+          jn,
           {
             position: m,
             isMobile: ne,
@@ -2376,27 +2425,27 @@ function gr(e) {
             agentState: w.agentState,
             isMuted: Y.isMuted,
             audioLevel: le,
-            onExpand: Xt,
+            onExpand: Qt,
             onToggleMute: Y.toggleMute,
             onClose: gt
           }
         ),
-        oe === "expanded" && /* @__PURE__ */ n(
-          Vn,
+        ie === "expanded" && /* @__PURE__ */ n(
+          Yn,
           {
             position: m,
             isMobile: ne,
             agentName: lt,
             avatarImageUrl: mt,
-            idleLoopUrl: Jt,
-            greeting: Kt,
+            idleLoopUrl: Kt,
+            greeting: Xt,
             branding: p,
             teamMembers: C,
             currentTeamMemberId: ee,
             isSwitchingTeamMember: Te,
             teamSwitcherOpen: y,
-            onToggleTeamSwitcher: () => W((v) => !v),
-            onSelectTeamMember: Yt,
+            onToggleTeamSwitcher: () => j((v) => !v),
+            onSelectTeamMember: Gt,
             connectionState: w.connectionState,
             agentState: w.agentState,
             transcript: w.transcript,
@@ -2421,15 +2470,15 @@ function gr(e) {
             avatarVideoContainerRef: pt,
             onConnect: () => void w.connect(),
             onDisconnect: () => w.disconnect(),
-            onRetry: en,
-            onResumeAudio: Zt,
+            onRetry: tn,
+            onResumeAudio: en,
             onToggleMute: Y.toggleMute,
             onToggleCamera: () => void K.toggle(),
             onSwitchCameraDevice: (v) => void K.switchDevice(v),
             onToggleScreenShare: () => void ae.toggle(),
-            onToggleSpeaker: Vt,
-            onSendMessage: jt,
-            onMinimize: Qt,
+            onToggleSpeaker: Yt,
+            onSendMessage: Vt,
+            onMinimize: Zt,
             onClose: gt,
             onClearMicError: Y.clearError
           }
@@ -2438,133 +2487,133 @@ function gr(e) {
     }
   ) : null;
 }
-function Lr(e) {
-  return /* @__PURE__ */ n(dn, { children: /* @__PURE__ */ n(gr, { ...e }) });
+function Rr(e) {
+  return /* @__PURE__ */ n(un, { children: /* @__PURE__ */ n(xr, { ...e }) });
 }
-const Sr = ({
+const Ir = ({
   agentId: e,
   baseUrl: t,
   apiKey: r,
-  mode: i,
-  onAgentEvent: o,
+  mode: o,
+  onAgentEvent: i,
   className: l,
-  style: c
+  style: s
 }) => {
-  const d = I(null), u = I(null), h = I(o);
-  h.current = o;
+  const d = I(null), u = I(null), h = I(i);
+  h.current = i;
   const m = S((a) => {
     var A;
-    const s = a.detail;
-    (A = h.current) == null || A.call(h, s);
+    const c = a.detail;
+    (A = h.current) == null || A.call(h, c);
   }, []);
   return P(() => {
     const a = d.current;
     if (!a) return;
-    const s = document.createElement("livelayer-widget");
-    return s.setAttribute("agent-id", e), t && s.setAttribute("base-url", t), r && s.setAttribute("api-key", r), i && s.setAttribute("mode", i), s.addEventListener("agent-event", m), a.appendChild(s), u.current = s, () => {
-      s.removeEventListener("agent-event", m), a.removeChild(s), u.current = null;
+    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;
     };
   }, [e]), P(() => {
-    u.current && (i ? u.current.setAttribute("mode", i) : u.current.removeAttribute("mode"));
-  }, [i]), /* @__PURE__ */ n("div", { ref: d, className: l, style: c });
-}, Cr = st(
-  function({ id: t, intent: r, as: i = "div", className: o, style: l, children: c }, d) {
-    return ln(
-      i,
+    u.current && (o ? u.current.setAttribute("mode", o) : u.current.removeAttribute("mode"));
+  }, [o]), /* @__PURE__ */ n("div", { ref: d, className: l, style: s });
+}, Mr = ct(
+  function({ id: t, intent: r, as: o = "div", className: i, style: l, children: s }, d) {
+    return an(
+      o,
       {
         ref: d,
         "data-ll-region": t,
         "data-ll-intent": r,
-        className: o,
+        className: i,
         style: l
       },
-      c
+      s
     );
   }
-), Er = st(
-  function({ id: t, intent: r, children: i, ...o }, l) {
+), Tr = ct(
+  function({ id: t, intent: r, children: o, ...i }, l) {
     return /* @__PURE__ */ n(
       "form",
       {
         ref: l,
         "data-ll-form": t,
         "data-ll-intent": r,
-        ...o,
-        children: i
+        ...i,
+        children: o
       }
     );
   }
-), Nr = st(
+), Pr = ct(
   function(t, r) {
-    const { name: i, label: o, labelClassName: l } = t, c = { name: i, "data-ll-field": i };
+    const { name: o, label: i, labelClassName: l } = t, s = { name: o, "data-ll-field": o };
     let d;
     if ("as" in t && t.as === "textarea") {
-      const { name: u, label: h, labelClassName: m, as: a, ...s } = t;
+      const { name: u, label: h, labelClassName: m, as: a, ...c } = t;
       d = /* @__PURE__ */ n(
         "textarea",
         {
           ref: r,
-          ...c,
-          ...s
+          ...s,
+          ...c
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: u, label: h, labelClassName: m, as: a, children: s, ...A } = t;
+      const { name: u, label: h, labelClassName: m, as: a, children: c, ...A } = t;
       d = /* @__PURE__ */ n(
         "select",
         {
           ref: r,
-          ...c,
+          ...s,
           ...A,
-          children: s
+          children: c
         }
       );
     } else {
-      const { name: u, label: h, labelClassName: m, as: a, ...s } = t;
+      const { name: u, label: h, labelClassName: m, as: a, ...c } = t;
       d = /* @__PURE__ */ n(
         "input",
         {
           ref: r,
-          ...c,
-          ...s
+          ...s,
+          ...c
         }
       );
     }
-    return o === void 0 ? d : /* @__PURE__ */ _("label", { className: l, children: [
-      o,
+    return i === void 0 ? d : /* @__PURE__ */ _("label", { className: l, children: [
+      i,
       d
     ] });
   }
 );
-let Ht = 1;
-function Ar({
+let qt = 1;
+function Dr({
   onMount: e,
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [i, o] = N(t), [l, c] = N([]), [d, u] = N(""), [h, m] = N(!1), a = I(/* @__PURE__ */ new Set()), s = I([]), A = I(h);
+  const [o, i] = N(t), [l, s] = N([]), [d, u] = N(""), [h, m] = N(!1), a = I(/* @__PURE__ */ new Set()), c = I([]), A = I(h);
   A.current = h, P(() => {
     try {
       const b = localStorage.getItem(r);
-      b === "1" && o(!0), b === "0" && o(!1);
+      b === "1" && i(!0), b === "0" && i(!1);
     } catch {
     }
   }, [r]), P(() => {
     try {
-      localStorage.setItem(r, i ? "1" : "0");
+      localStorage.setItem(r, o ? "1" : "0");
     } catch {
     }
-  }, [i, r]), P(() => {
+  }, [o, r]), P(() => {
     const b = (L) => {
-      (L.metaKey || L.ctrlKey) && L.shiftKey && L.key.toLowerCase() === "l" && (L.preventDefault(), o((D) => !D));
+      (L.metaKey || L.ctrlKey) && L.shiftKey && L.key.toLowerCase() === "l" && (L.preventDefault(), i(($) => !$));
     };
     return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
   }, []), P(() => {
     const b = setInterval(() => {
-      if (s.current.length === 0 || A.current) return;
-      const L = s.current.splice(0, s.current.length);
-      c(
-        (D) => [...L.reverse(), ...D].slice(0, 200)
+      if (c.current.length === 0 || A.current) return;
+      const L = c.current.splice(0, c.current.length);
+      s(
+        ($) => [...L.reverse(), ...$].slice(0, 200)
       );
     }, 100);
     return () => clearInterval(b);
@@ -2572,8 +2621,8 @@ function Ar({
   const C = I(!1);
   if (P(() => {
     !e || C.current || (C.current = !0, e((b) => {
-      s.current.push({
-        id: Ht++,
+      c.current.push({
+        id: qt++,
         ts: Date.now(),
         kind: "event",
         type: b.eventName,
@@ -2581,29 +2630,29 @@ function Ar({
       });
     }));
   }, [e]), P(() => {
-    const b = console.warn, L = console.log, D = (M, z) => function(...p) {
+    const b = console.warn, L = console.log, $ = (M, H) => function(...p) {
       try {
         const g = typeof p[0] == "string" ? p[0] : "";
-        g.startsWith("[LiveLayer]") && s.current.push({
-          id: Ht++,
+        g.startsWith("[LiveLayer]") && c.current.push({
+          id: qt++,
           ts: Date.now(),
           kind: M,
           type: g.slice(0, 120),
-          data: { args: p.slice(1).map((E) => vr(E)) }
+          data: { args: p.slice(1).map((E) => Lr(E)) }
         });
       } catch {
       }
-      return z.apply(this, p);
+      return H.apply(this, p);
     };
-    return console.warn = D("warn", b), console.log = D("log", L), () => {
+    return console.warn = $("warn", b), console.log = $("log", L), () => {
       console.warn = b, console.log = L;
     };
-  }, []), !i)
+  }, []), !o)
     return /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        onClick: () => o(!0),
+        onClick: () => i(!0),
         title: "Open LiveLayer debug panel (Cmd/Ctrl + Shift + L)",
         "aria-label": "Open LiveLayer debug panel",
         style: {
@@ -2686,7 +2735,7 @@ function Ar({
                 {
                   type: "button",
                   onClick: () => {
-                    c([]), s.current = [];
+                    s([]), c.current = [];
                   },
                   style: at("transparent"),
                   title: "Clear buffer",
@@ -2697,7 +2746,7 @@ function Ar({
                 "button",
                 {
                   type: "button",
-                  onClick: () => o(!1),
+                  onClick: () => i(!1),
                   style: at("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
@@ -2765,12 +2814,12 @@ function Ar({
                 ]
               }
             ) : R.map((b) => /* @__PURE__ */ n(
-              yr,
+              kr,
               {
                 entry: b,
                 expanded: a.current.has(b.id),
                 onToggle: () => {
-                  a.current.has(b.id) ? a.current.delete(b.id) : a.current.add(b.id), c((L) => [...L]);
+                  a.current.has(b.id) ? a.current.delete(b.id) : a.current.add(b.id), s((L) => [...L]);
                 }
               },
               b.id
@@ -2781,12 +2830,12 @@ function Ar({
     }
   );
 }
-function yr({
+function kr({
   entry: e,
   expanded: t,
   onToggle: r
 }) {
-  const i = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", o = new Date(e.ts).toLocaleTimeString("en-US", {
+  const o = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", i = new Date(e.ts).toLocaleTimeString("en-US", {
     hour12: !1
   });
   return /* @__PURE__ */ _(
@@ -2816,14 +2865,14 @@ function yr({
                 fontVariantNumeric: "tabular-nums",
                 fontSize: 10
               },
-              children: o
+              children: i
             }
           ),
           /* @__PURE__ */ n(
             "span",
             {
               style: {
-                color: i,
+                color: o,
                 fontWeight: 600,
                 flexShrink: 0
               },
@@ -2862,58 +2911,58 @@ function at(e) {
     cursor: "pointer"
   };
 }
-function vr(e) {
+function Lr(e) {
   try {
     return e instanceof Error ? { message: e.message, stack: e.stack } : (JSON.stringify(e), e);
   } catch {
     return String(e);
   }
 }
-function Rr() {
-  const [e, t] = N([]), r = S((o) => {
+function $r() {
+  const [e, t] = N([]), r = S((i) => {
     t((l) => {
-      const c = l.findIndex((d) => d.id === o.id);
-      if (c >= 0) {
+      const s = l.findIndex((d) => d.id === i.id);
+      if (s >= 0) {
         const d = l.slice();
-        return d[c] = o, d;
+        return d[s] = i, d;
       }
-      return [...l, o];
+      return [...l, i];
     });
-  }, []), i = S(() => t([]), []);
+  }, []), o = S(() => t([]), []);
   return {
     entries: e,
     pushSegment: r,
-    clear: i,
+    clear: o,
     latest: e.length > 0 ? e[e.length - 1] : null
   };
 }
 export {
-  Lr as AvatarWidget,
-  dn as ErrorBoundary,
-  Ar as LiveLayerDebugPanel,
-  Nr as LiveLayerField,
-  Er as LiveLayerForm,
-  Cr as LiveLayerRegion,
-  Sr as LiveLayerWidget,
-  lr as clearPageContextCache,
-  fr as clearRoutesCache,
-  or as extractPageContext,
-  cr as extractRoutes,
-  Ot as getCachedPageContext,
-  ur as getCachedRoutes,
-  Tn as matchesPattern,
-  Pn as shouldRenderAtPath,
-  vn as useAgentInfo,
-  fn as useAudioLevel,
-  mn as useCameraState,
-  _n as useDisplayMode,
-  Ln as useDisplayModePersistence,
-  Cn as useIsMobile,
-  un as useLiveKitSession,
-  yn as useMediaDevices,
-  pn as useMicrophoneState,
-  Nn as usePathname,
-  Dn as useRouteMatch,
-  gn as useScreenShareState,
-  Rr as useTranscript
+  Rr as AvatarWidget,
+  un as ErrorBoundary,
+  Dr as LiveLayerDebugPanel,
+  Pr as LiveLayerField,
+  Tr as LiveLayerForm,
+  Mr as LiveLayerRegion,
+  Ir as LiveLayerWidget,
+  ar as clearPageContextCache,
+  pr as clearRoutesCache,
+  lr as extractPageContext,
+  dr as extractRoutes,
+  Ht as getCachedPageContext,
+  fr as getCachedRoutes,
+  Pn as matchesPattern,
+  Dn as shouldRenderAtPath,
+  bn as useAgentInfo,
+  pn as useAudioLevel,
+  gn as useCameraState,
+  xn as useDisplayMode,
+  Sn as useDisplayModePersistence,
+  En as useIsMobile,
+  fn as useLiveKitSession,
+  vn as useMediaDevices,
+  hn as useMicrophoneState,
+  An as usePathname,
+  $n as useRouteMatch,
+  yn as useScreenShareState,
+  $r as useTranscript
 };