@livelayer/react 0.5.21 → 0.5.23

package/dist/index.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { jsxs as _, jsx as n, Fragment as wt } from "react/jsx-runtime";
-import { Component as mn, useState as L, useRef as A, useEffect as N, useCallback as k, useMemo as st, forwardRef as _t, createElement as gn } from "react";
+import { jsxs as _, jsx as n, Fragment as St } from "react/jsx-runtime";
+import { Component as mn, useState as S, useRef as A, useEffect as N, useCallback as L, useMemo as ut, forwardRef as Ct, createElement as gn } from "react";
 import { LiveKitSession as yn } from "@livelayer/sdk";
 import { createLocalAudioTrack as vn, Track as en, createLocalVideoTrack as bn } from "livekit-client";
 class wn extends mn {
@@ -34,8 +34,8 @@ class wn extends mn {
   }
 }
 function _n(e) {
-  const [t, r] = L("idle"), [i, o] = L("idle"), [l, c] = L([]), [u, f] = L(null), [y, b] = L(null), [s, a] = L(null), [x, E] = L(!1), [C, v] = L(null), w = A(null), O = A(e.onDataMessage);
-  O.current = e.onDataMessage, N(() => {
+  const [t, r] = S("idle"), [i, o] = S("idle"), [l, c] = S([]), [u, f] = S(null), [y, b] = S(null), [s, a] = S(null), [x, E] = S(!1), [C, v] = S(null), w = A(null), H = A(e.onDataMessage);
+  H.current = e.onDataMessage, N(() => {
     const R = {
       onConnectionStateChange: (z) => {
         r(z), z === "connected" && v(null);
@@ -49,7 +49,7 @@ function _n(e) {
       onError: (z) => v(z),
       onDataMessage: (z) => {
         var M;
-        (M = O.current) == null || M.call(O, z);
+        (M = H.current) == null || M.call(H, z);
       },
       onResumabilityChange: E
     }, W = new yn(
@@ -73,7 +73,7 @@ function _n(e) {
     e.sessionEndpoint,
     JSON.stringify(e.sessionBody ?? {})
   ]);
-  const I = k(async () => {
+  const T = L(async () => {
     const R = w.current;
     if (R)
       try {
@@ -81,10 +81,10 @@ function _n(e) {
       } catch (W) {
         throw v(W instanceof Error ? W.message : String(W)), W;
       }
-  }, []), q = k(() => {
+  }, []), q = L(() => {
     const R = w.current;
     R && R.disconnect();
-  }, []), m = k(() => {
+  }, []), m = L(() => {
     var R;
     return ((R = w.current) == null ? void 0 : R.getRoom()) ?? null;
   }, []);
@@ -97,14 +97,14 @@ function _n(e) {
     audioElement: s,
     canResume: x,
     error: C,
-    connect: I,
+    connect: T,
     disconnect: q,
     getRoom: m,
     session: w.current
   };
 }
 function xn() {
-  const e = A(null), t = A(null), r = A(null), i = A(null), o = A(/* @__PURE__ */ new Set()), l = A(null), c = k(() => {
+  const e = A(null), t = A(null), r = A(null), i = A(null), o = A(/* @__PURE__ */ new Set()), l = A(null), c = L(() => {
     const s = t.current;
     if (!s) {
       i.current = null;
@@ -125,11 +125,11 @@ function xn() {
         console.error("[useAudioLevel] subscriber threw:", v);
       }
     i.current = requestAnimationFrame(c);
-  }, []), u = k(() => {
+  }, []), u = L(() => {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
     const s = new AudioContext(), a = s.createAnalyser();
     a.fftSize = 64, a.connect(s.destination), e.current = s, t.current = a;
-  }, []), f = k(
+  }, []), f = L(
     (s) => {
       if (u(), !(!e.current || !t.current)) {
         if (r.current) {
@@ -150,7 +150,7 @@ function xn() {
       }
     },
     [u, c]
-  ), y = k(() => {
+  ), y = L(() => {
     if (i.current !== null && (cancelAnimationFrame(i.current), i.current = null), r.current) {
       try {
         r.current.disconnect();
@@ -158,7 +158,7 @@ function xn() {
       }
       r.current = null;
     }
-  }, []), b = k((s) => (o.current.add(s), () => {
+  }, []), b = L((s) => (o.current.add(s), () => {
     o.current.delete(s);
   }), []);
   return N(() => () => {
@@ -180,7 +180,7 @@ function xn() {
   }, [y]), { attach: f, detach: y, subscribe: b };
 }
 function kn() {
-  const [e, t] = L(!1), [r, i] = L(null), o = A(null), l = A(null), c = k(
+  const [e, t] = S(!1), [r, i] = S(null), o = A(null), l = A(null), c = L(
     async (s, a) => {
       if (o.current && l.current) {
         try {
@@ -202,13 +202,13 @@ function kn() {
       }
     },
     []
-  ), u = k(() => {
+  ), u = L(() => {
     const s = o.current;
     s && (s.isMuted ? (s.unmute(), t(!1)) : (s.mute(), t(!0)));
-  }, []), f = k((s) => {
+  }, []), f = L((s) => {
     const a = o.current;
     a && (s && !a.isMuted ? (a.mute(), t(!0)) : !s && a.isMuted && (a.unmute(), t(!1)));
-  }, []), y = k(() => {
+  }, []), y = L(() => {
     const s = o.current, a = l.current;
     if (s && a) {
       try {
@@ -218,7 +218,7 @@ function kn() {
       s.stop();
     }
     o.current = null, l.current = null, t(!1);
-  }, []), b = k(() => i(null), []);
+  }, []), b = L(() => i(null), []);
   return {
     isMuted: e,
     micError: r,
@@ -231,52 +231,52 @@ function kn() {
 }
 const Ln = { resolution: { width: 640, height: 480, frameRate: 24 } };
 function Sn() {
-  const [e, t] = L(!1), [r, i] = L(null), [o, l] = L(null), [c, u] = L(""), f = A(null), y = A(null), b = k((w) => {
+  const [e, t] = S(!1), [r, i] = S(null), [o, l] = S(null), [c, u] = S(""), f = A(null), y = A(null), b = L((w) => {
     f.current = w;
-  }, []), s = k(() => {
-    const w = f.current, O = y.current;
-    if (O && w) {
-      const I = w.localParticipant.getTrackPublication(en.Source.Camera);
-      if (I != null && I.track) {
+  }, []), s = L(() => {
+    const w = f.current, H = y.current;
+    if (H && w) {
+      const T = w.localParticipant.getTrackPublication(en.Source.Camera);
+      if (T != null && T.track) {
         try {
-          w.localParticipant.unpublishTrack(I.track);
+          w.localParticipant.unpublishTrack(T.track);
         } catch {
         }
-        I.track.stop();
+        T.track.stop();
       } else
-        O.stop();
+        H.stop();
     }
     y.current = null, l(null), t(!1);
-  }, []), a = k(async (w) => {
-    const O = f.current;
-    if (O) {
+  }, []), a = L(async (w) => {
+    const H = f.current;
+    if (H) {
       i(null);
       try {
-        const I = { ...Ln };
-        w && (I.deviceId = w);
-        const q = await bn(I);
-        await O.localParticipant.publishTrack(q), y.current = q;
+        const T = { ...Ln };
+        w && (T.deviceId = w);
+        const q = await bn(T);
+        await H.localParticipant.publishTrack(q), y.current = q;
         const m = q.attach();
         l(m), t(!0), w && u(w);
         try {
-          O.localParticipant.publishData(
+          H.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
             { reliable: !0 }
           );
         } catch {
         }
-      } catch (I) {
-        const q = I instanceof Error && I.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+      } catch (T) {
+        const q = T instanceof Error && T.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
         i(q);
       }
     }
-  }, []), x = k(async () => {
+  }, []), x = L(async () => {
     e ? s() : await a(c || void 0);
-  }, [e, c, s, a]), E = k(async (w) => {
+  }, [e, c, s, a]), E = L(async (w) => {
     s(), await a(w);
-  }, [s, a]), C = k(() => {
+  }, [s, a]), C = L(() => {
     s(), f.current = null, i(null), u("");
-  }, [s]), v = k(() => i(null), []);
+  }, [s]), v = L(() => i(null), []);
   return N(() => () => {
     y.current && y.current.stop();
   }, []), {
@@ -292,9 +292,9 @@ function Sn() {
   };
 }
 function Cn() {
-  const [e, t] = L(!1), [r, i] = L(null), [o, l] = L(null), c = A(null), u = k((a) => {
+  const [e, t] = S(!1), [r, i] = S(null), [o, l] = S(null), c = A(null), u = L((a) => {
     c.current = a;
-  }, []), f = k(() => l(null), []), y = k(async () => {
+  }, []), f = L(() => l(null), []), y = L(async () => {
     const a = c.current;
     if (a) {
       if (e) {
@@ -331,7 +331,7 @@ function Cn() {
         E !== "NotAllowedError" && E !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
       }
     }
-  }, [e, f]), b = k(() => {
+  }, [e, f]), b = L(() => {
     const a = c.current;
     if (a && e)
       try {
@@ -339,11 +339,11 @@ function Cn() {
       } catch {
       }
     f(), t(!1), i(null), c.current = null;
-  }, [e, f]), s = k(() => i(null), []);
+  }, [e, f]), s = L(() => i(null), []);
   return { isEnabled: e, error: r, previewEl: o, toggle: y, attachRoom: u, teardown: b, clearError: s };
 }
 function En() {
-  const [e, t] = L([]), [r, i] = L([]), o = k(async () => {
+  const [e, t] = S([]), [r, i] = S([]), o = L(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
@@ -358,7 +358,7 @@ function En() {
   }, [o]), { mics: e, cameras: r, refresh: o };
 }
 function Nn(e, t, r = !1) {
-  const [i, o] = L(null), [l, c] = L(null), [u, f] = L(!r && !!e);
+  const [i, o] = S(null), [l, c] = S(null), [u, f] = S(!r && !!e);
   return N(() => {
     if (r || !e) {
       f(!1);
@@ -400,7 +400,7 @@ function Mn({
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const i = e !== void 0, [o, l] = L(t), c = i ? e : o, u = k(
+  const i = e !== void 0, [o, l] = S(t), c = i ? e : o, u = L(
     (f) => {
       f !== c && (i || l(f), r == null || r(f));
     },
@@ -412,7 +412,7 @@ const In = ["hidden", "minimized", "expanded"];
 function Tn(e) {
   return e && In.includes(e) ? e : null;
 }
-function Pn({
+function Dn({
   value: e,
   defaultValue: t = "expanded",
   onChange: r,
@@ -432,9 +432,9 @@ function Pn({
     y && y !== u && f(y);
   }, []), [u, f];
 }
-const Dn = 640;
-function $n(e = Dn) {
-  const [t, r] = L(!1);
+const Pn = 640;
+function $n(e = Pn) {
+  const [t, r] = S(!1);
   return N(() => {
     if (e === !1) {
       r(!1);
@@ -448,43 +448,43 @@ function $n(e = Dn) {
     });
   }, [e]), t;
 }
-const zt = "__llHistoryPatched", ct = "ll:pathname";
+const Ot = "__llHistoryPatched", ft = "ll:pathname";
 function zn() {
-  if (typeof window > "u" || window.history[zt]) return;
+  if (typeof window > "u" || window.history[Ot]) 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(ct)), i;
+    return window.dispatchEvent(new Event(ft)), i;
   }, window.history.replaceState = function(...r) {
     const i = t.apply(this, r);
-    return window.dispatchEvent(new Event(ct)), i;
-  }, window.history[zt] = !0;
+    return window.dispatchEvent(new Event(ft)), i;
+  }, window.history[Ot] = !0;
 }
 function Ht() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
-function Hn(e) {
-  const [t, r] = L(
+function On(e) {
+  const [t, r] = S(
     () => e ?? Ht()
   );
   return N(() => {
     if (e !== void 0) return;
     zn();
     const i = () => r(Ht());
-    return i(), window.addEventListener("popstate", i), window.addEventListener(ct, i), () => {
-      window.removeEventListener("popstate", i), window.removeEventListener(ct, i);
+    return i(), window.addEventListener("popstate", i), window.addEventListener(ft, i), () => {
+      window.removeEventListener("popstate", i), window.removeEventListener(ft, i);
     };
   }, [e]), e ?? t;
 }
-const Ot = /* @__PURE__ */ new Map(), On = /[\\^$+?.()|{}[\]]/g;
+const qt = /* @__PURE__ */ new Map(), Hn = /[\\^$+?.()|{}[\]]/g;
 function qn(e) {
-  return e.replace(On, "\\$&");
+  return e.replace(Hn, "\\$&");
 }
 function Bn(e) {
-  const t = Ot.get(e);
+  const t = qt.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), u = qn(l).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(o, "g"), "[^/]+"), f = new RegExp(`^${u}\\/?$`);
-  return Ot.set(e, f), f;
+  return qt.set(e, f), f;
 }
 function Wn(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
@@ -493,22 +493,22 @@ function Wn(e, t) {
 function Fn(e, t) {
   return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : Wn(e, t);
 }
-function qt(e, t) {
+function Bt(e, t) {
   if (!e || e.length === 0) return !1;
   for (const r of e)
     if (Fn(r, t)) return !0;
   return !1;
 }
 function Un(e, t, r) {
-  return e === void 0 ? !0 : qt(r, e) ? !1 : t && t.length > 0 ? qt(t, e) : !0;
+  return e === void 0 ? !0 : Bt(r, e) ? !1 : t && t.length > 0 ? Bt(t, e) : !0;
 }
 function jn(e, t, r) {
-  return st(
+  return ut(
     () => Un(e, t, r),
     [e, t, r]
   );
 }
-const Bt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
+const Wt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
   "svg",
   {
     className: t,
@@ -554,7 +554,7 @@ const Bt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
       }
     )
   }
-), Wt = ({ className: e }) => /* @__PURE__ */ n(
+), Ft = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -588,7 +588,7 @@ const Bt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
   right: 0,
   up: -90,
   down: 90
-}, Ft = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
+}, Ut = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
   "svg",
   {
     className: t,
@@ -604,7 +604,7 @@ const Bt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
 function Jn(e) {
   return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const tn = "ll-hidden-tab-center-y", Kn = 5, Ut = 16;
+const tn = "ll-hidden-tab-center-y", Kn = 5, jt = 16;
 function Xn() {
   if (typeof window > "u") return null;
   try {
@@ -616,7 +616,7 @@ function Xn() {
     return null;
   }
 }
-function jt(e) {
+function Vt(e) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(tn, String(e));
@@ -632,10 +632,10 @@ const Gn = ({
   avatarImageUrl: l,
   agentName: c
 }) => {
-  const u = Jn(e), f = u === "right" ? "left" : "right", y = t ? 80 : 72, b = !!l, [s, a] = L(null), [x, E] = L(!1), C = A(null), v = A(!1), w = k(
+  const u = Jn(e), f = u === "right" ? "left" : "right", y = t ? 80 : 72, b = !!l, [s, a] = S(null), [x, E] = S(!1), C = A(null), v = A(!1), w = L(
     (M) => {
       if (typeof window > "u") return M;
-      const B = y / 2, F = Ut + B, G = window.innerHeight - Ut - B;
+      const B = y / 2, F = jt + B, G = window.innerHeight - jt - B;
       return G < F ? Math.max(F, M) : Math.max(F, Math.min(G, M));
     },
     [y]
@@ -648,7 +648,7 @@ const Gn = ({
     };
     return window.addEventListener("resize", B), () => window.removeEventListener("resize", B);
   }, [w]);
-  const O = k(
+  const H = L(
     (M) => {
       if (!(M.pointerType === "mouse" && M.button !== 0) && s !== null) {
         try {
@@ -663,7 +663,7 @@ const Gn = ({
       }
     },
     [s]
-  ), I = k(
+  ), T = L(
     (M) => {
       const B = C.current;
       if (!B) return;
@@ -671,7 +671,7 @@ const Gn = ({
       !B.moved && Math.abs(F) > Kn && (B.moved = !0, E(!0)), B.moved && a(w(B.startCenterY + F));
     },
     [w]
-  ), q = k(
+  ), q = L(
     (M) => {
       const B = C.current;
       if (B) {
@@ -679,17 +679,17 @@ const Gn = ({
           M.currentTarget.releasePointerCapture(M.pointerId);
         } catch {
         }
-        C.current = null, B.moved && (E(!1), v.current = !0, a((F) => (F !== null && jt(F), F)));
+        C.current = null, B.moved && (E(!1), v.current = !0, a((F) => (F !== null && Vt(F), F)));
       }
     },
     []
-  ), m = k(() => {
+  ), m = L(() => {
     if (v.current) {
       v.current = !1;
       return;
     }
     i();
-  }, [i]), R = k(
+  }, [i]), R = L(
     (M) => {
       if (M.key === "ArrowUp" || M.key === "ArrowDown") {
         M.preventDefault();
@@ -697,7 +697,7 @@ const Gn = ({
         a((F) => {
           if (F === null) return F;
           const G = w(F + B);
-          return jt(G), G;
+          return Vt(G), G;
         });
       }
     },
@@ -715,8 +715,8 @@ const Gn = ({
     {
       type: "button",
       className: W,
-      onPointerDown: O,
-      onPointerMove: I,
+      onPointerDown: H,
+      onPointerMove: T,
       onPointerUp: q,
       onPointerCancel: q,
       onClick: m,
@@ -729,9 +729,9 @@ const Gn = ({
         // as the click affordance), then the circular avatar photo
         // taking the rest of the tab. Reinforces "this is an
         // avatar-based experience" even when collapsed.
-        /* @__PURE__ */ _(wt, { children: [
+        /* @__PURE__ */ _(St, { children: [
           /* @__PURE__ */ n(
-            Ft,
+            Ut,
             {
               direction: f,
               className: "ll-hidden__chevron ll-hidden__chevron--mini"
@@ -748,7 +748,7 @@ const Gn = ({
           )
         ] })
       ) : /* @__PURE__ */ n(
-        Ft,
+        Ut,
         {
           direction: f,
           className: "ll-hidden__chevron"
@@ -764,7 +764,7 @@ const Gn = ({
   className: o,
   barClassName: l
 }) => {
-  const c = A(null), u = A([]), f = st(() => {
+  const c = A(null), u = A([]), f = ut(() => {
     const b = (Math.sqrt(5) - 1) / 2;
     return Array.from({ length: t }, (s, a) => 0.5 + a * b % 1 * 0.5);
   }, [t]);
@@ -848,10 +848,10 @@ const Gn = ({
                   (b.key === "Enter" || b.key === " ") && (b.stopPropagation(), b.preventDefault(), f());
                 },
                 "aria-label": l ? "Unmute microphone" : "Mute microphone",
-                children: /* @__PURE__ */ n(Bt, { muted: l, className: "ll-minimized__icon" })
+                children: /* @__PURE__ */ n(Wt, { muted: l, className: "ll-minimized__icon" })
               }
             ),
-            /* @__PURE__ */ n(Wt, { className: "ll-minimized__icon ll-minimized__icon--expand" })
+            /* @__PURE__ */ n(Ft, { className: "ll-minimized__icon ll-minimized__icon--expand" })
           ] })
         ]
       }
@@ -888,7 +888,7 @@ const Gn = ({
             className: "ll-minimized__btn",
             onClick: f,
             "aria-label": l ? "Unmute microphone" : "Mute microphone",
-            children: /* @__PURE__ */ n(Bt, { muted: l, className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Wt, { muted: l, className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -898,7 +898,7 @@ const Gn = ({
             className: "ll-minimized__btn",
             onClick: u,
             "aria-label": `Expand ${r} widget`,
-            children: /* @__PURE__ */ n(Wt, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Ft, { className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -921,7 +921,7 @@ const Gn = ({
   className: i,
   style: o
 }) => {
-  const [l, c] = L(!1), u = A(e);
+  const [l, c] = S(!1), u = A(e);
   if (N(() => {
     u.current !== e && (u.current = e, c(!1));
   }, [e]), !e) return null;
@@ -971,8 +971,8 @@ const Gn = ({
   connectionState: C,
   agentState: v,
   transcript: w,
-  canResume: O,
-  needsUserGesture: I,
+  canResume: H,
+  needsUserGesture: T,
   error: q,
   isMuted: m,
   micError: R,
@@ -983,29 +983,29 @@ const Gn = ({
   activeCameraId: F,
   isScreenShareEnabled: G,
   screenPreviewEl: ie,
-  isSpeakerMuted: be,
-  allowCamera: Qe,
-  allowScreenShare: Ze,
-  allowTyping: et,
-  avatarVideoContainerRef: tt,
+  isSpeakerMuted: _e,
+  allowCamera: tt,
+  allowScreenShare: nt,
+  allowTyping: rt,
+  avatarVideoContainerRef: it,
   agentVideoEl: re,
   micGateOpen: ce,
-  onConnect: we,
-  onDisconnect: Se,
-  onRetry: Ce,
-  onResumeAudio: Ee,
-  onToggleMute: Ne,
-  onToggleCamera: Ae,
-  onSwitchCameraDevice: V,
-  onToggleScreenShare: ut,
-  onToggleSpeaker: ft,
-  onSendMessage: nt,
-  onMinimize: ue,
-  onClose: Re,
-  onClearMicError: qe
+  onConnect: xe,
+  onDisconnect: Ne,
+  onRetry: Ae,
+  onResumeAudio: Re,
+  onToggleMute: Me,
+  onToggleCamera: Ie,
+  onSwitchCameraDevice: J,
+  onToggleScreenShare: ht,
+  onToggleSpeaker: mt,
+  onSendMessage: ot,
+  onMinimize: de,
+  onClose: Te,
+  onClearMicError: Fe
 }) => {
-  var De;
-  const _e = ((u == null ? void 0 : u.length) ?? 0) > 1, Me = C === "connecting" || C === "connected", X = C === "connected", ee = C === "idle" || C === "disconnected" || C === "error", [Ie, oe] = L(!1);
+  var Oe;
+  const ke = ((u == null ? void 0 : u.length) ?? 0) > 1, De = C === "connecting" || C === "connected", X = C === "connected", ee = C === "idle" || C === "disconnected" || C === "error", [Pe, oe] = S(!1);
   N(() => {
     if (!re) {
       oe(!1);
@@ -1021,17 +1021,17 @@ const Gn = ({
       re.removeEventListener("playing", p), re.removeEventListener("loadeddata", p);
     };
   }, [re]);
-  const [de, xe] = L(!1);
+  const [ue, Le] = S(!1);
   N(() => {
     if (!X) {
-      xe(!1);
+      Le(!1);
       return;
     }
-    if (Ie) return;
-    const p = setTimeout(() => xe(!0), 8e3);
+    if (Pe) return;
+    const p = setTimeout(() => Le(!0), 8e3);
     return () => clearTimeout(p);
-  }, [X, Ie]);
-  const Be = C === "connecting" || X && !!i && !Ie && !de, te = A(null), le = A(null);
+  }, [X, Pe]);
+  const Ue = C === "connecting" || X && !!i && !Pe && !ue, te = A(null), le = A(null);
   N(() => {
     const p = te.current;
     p && (p.innerHTML = "", M && (M.style.width = "100%", M.style.height = "100%", M.style.objectFit = "cover", M.style.transform = "scaleX(-1)", p.appendChild(M)));
@@ -1039,44 +1039,44 @@ const Gn = ({
     const p = le.current;
     p && (p.innerHTML = "", ie && (ie.style.width = "100%", ie.style.height = "100%", ie.style.objectFit = "contain", p.appendChild(ie)));
   }, [ie]);
-  const [ae, fe] = L(!1), [Te, pe] = L(!1);
+  const [ae, pe] = S(!1), [$e, he] = S(!1);
   N(() => {
-    if (!ae && !Te && !x && !b) return;
+    if (!ae && !$e && !x && !b) return;
     const p = () => {
-      fe(!1), pe(!1), x && E(), b && s();
+      pe(!1), he(!1), x && E(), b && s();
     };
     return document.addEventListener("click", p), () => document.removeEventListener("click", p);
   }, [
     ae,
-    Te,
+    $e,
     x,
     b,
     E,
     s
   ]);
-  const [he, We] = L(""), Fe = k(
+  const [me, je] = S(""), Ve = L(
     (p) => {
       p.preventDefault();
-      const Y = he.trim();
-      Y && (nt(Y), We(""));
+      const K = me.trim();
+      K && (ot(K), je(""));
     },
-    [he, nt]
-  ), Ue = c.productName || "Live Layer";
-  let me = null, ge = null;
+    [me, ot]
+  ), Ye = c.productName || "Live Layer";
+  let ge = null, ye = null;
   for (let p = w.length - 1; p >= 0; p--) {
-    const Y = w[p];
-    if (!me && Y.role === "agent" ? me = Y : !ge && Y.role === "user" && (ge = Y), me && ge) break;
+    const K = w[p];
+    if (!ge && K.role === "agent" ? ge = K : !ye && K.role === "user" && (ye = K), ge && ye) break;
   }
-  const Pe = X ? (me == null ? void 0 : me.text) || null : l || null, rt = X && (ge == null ? void 0 : ge.text) || null, je = [
+  const ze = X ? (ge == null ? void 0 : ge.text) || null : l || null, lt = X && (ye == null ? void 0 : ye.text) || null, Je = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
   return /* @__PURE__ */ _(
     "div",
     {
-      className: je,
+      className: Je,
       "data-position": e,
-      "data-state": X ? "connected" : Me ? "connecting" : "idle",
+      "data-state": X ? "connected" : De ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
@@ -1088,7 +1088,7 @@ const Gn = ({
               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: ((De = r == null ? void 0 : r.charAt(0)) == null ? void 0 : De.toUpperCase()) || "A" }) }),
+          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Oe = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Oe.toUpperCase()) || "A" }) }),
           o && !X && /* @__PURE__ */ n(
             "video",
             {
@@ -1101,24 +1101,24 @@ const Gn = ({
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { ref: tt, className: "ll-expanded__video" }),
-        Be && /* @__PURE__ */ _("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        /* @__PURE__ */ n("div", { ref: it, className: "ll-expanded__video" }),
+        Ue && /* @__PURE__ */ _("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
           /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
           /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: y ? "Switching..." : "Connecting..." })
         ] }),
-        I && X && /* @__PURE__ */ _(
+        T && X && /* @__PURE__ */ _(
           "button",
           {
             type: "button",
             className: "ll-expanded__overlay ll-expanded__overlay--gesture",
-            onClick: Ee,
+            onClick: Re,
             children: [
               /* @__PURE__ */ n("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("path", { d: "M3 9v6h4l5 5V4L7 9H3zm13.54.12a5 5 0 0 1 0 5.76l-1.41-1.41a3 3 0 0 0 0-2.94L16.54 9.12z" }) }),
               /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: "Tap to enable audio" })
             ]
           }
         ),
-        Me ? /* @__PURE__ */ _("div", { className: "ll-expanded__topbar", children: [
+        De ? /* @__PURE__ */ _("div", { className: "ll-expanded__topbar", children: [
           /* @__PURE__ */ _("div", { className: "ll-expanded__topbar-left", children: [
             /* @__PURE__ */ _("div", { className: "ll-expanded__pill-wrap", children: [
               /* @__PURE__ */ _(
@@ -1127,17 +1127,17 @@ const Gn = ({
                   type: "button",
                   className: "ll-hpill",
                   onClick: (p) => {
-                    _e && (p.stopPropagation(), s());
+                    ke && (p.stopPropagation(), s());
                   },
-                  "aria-haspopup": _e ? "listbox" : void 0,
-                  "aria-expanded": _e ? b : void 0,
+                  "aria-haspopup": ke ? "listbox" : void 0,
+                  "aria-expanded": ke ? b : void 0,
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                    _e && /* @__PURE__ */ n(lt, {})
+                    ke && /* @__PURE__ */ n(st, {})
                   ]
                 }
               ),
-              _e && b && /* @__PURE__ */ n(
+              ke && b && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
@@ -1184,7 +1184,7 @@ const Gn = ({
                   title: "Language: English",
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: "EN" }),
-                    /* @__PURE__ */ n(lt, {})
+                    /* @__PURE__ */ n(st, {})
                   ]
                 }
               ),
@@ -1221,10 +1221,10 @@ const Gn = ({
               {
                 type: "button",
                 className: "ll-hbtn",
-                onClick: ue,
+                onClick: de,
                 "aria-label": "Minimize widget",
                 title: "Minimize",
-                children: /* @__PURE__ */ n(Yt, {})
+                children: /* @__PURE__ */ n(Jt, {})
               }
             ),
             /* @__PURE__ */ n(
@@ -1232,26 +1232,26 @@ const Gn = ({
               {
                 type: "button",
                 className: "ll-hbtn ll-hbtn--danger",
-                onClick: Re,
+                onClick: Te,
                 "aria-label": "End call",
                 title: "End call",
-                children: /* @__PURE__ */ n(Vt, {})
+                children: /* @__PURE__ */ n(Yt, {})
               }
             )
           ] })
         ] }) : (
           // Idle-state header with Live Layer product name + minimize/close
           /* @__PURE__ */ _("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Ue }),
+            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Ye }),
             /* @__PURE__ */ _("div", { className: "ll-expanded__header-actions", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: ue,
+                  onClick: de,
                   "aria-label": "Minimize widget",
-                  children: /* @__PURE__ */ n(Yt, {})
+                  children: /* @__PURE__ */ n(Jt, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1259,23 +1259,23 @@ const Gn = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: Re,
+                  onClick: Te,
                   "aria-label": "Close widget",
-                  children: /* @__PURE__ */ n(Vt, {})
+                  children: /* @__PURE__ */ n(Yt, {})
                 }
               )
             ] })
           ] })
         ),
         ee && /* @__PURE__ */ (() => {
-          const p = O ? "Restart paused session" : C === "disconnected" ? "Reconnect to agent" : "Start video call", Y = O ? "Pick up where you left off" : null;
-          return /* @__PURE__ */ _(wt, { children: [
-            C === "idle" && !O && !q && /* @__PURE__ */ _(
+          const p = H ? "Restart paused session" : C === "disconnected" ? "Reconnect to agent" : "Start video call", K = H ? "Pick up where you left off" : null;
+          return /* @__PURE__ */ _(St, { children: [
+            C === "idle" && !H && !q && /* @__PURE__ */ _(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
-                onClick: we,
+                onClick: xe,
                 "aria-label": p,
                 children: [
                   /* @__PURE__ */ n("div", { className: "ll-expanded__play-circle", children: /* @__PURE__ */ n("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("polygon", { points: "6 3 20 12 6 21 6 3" }) }) }),
@@ -1285,13 +1285,13 @@ const Gn = ({
             ),
             /* @__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 }) }),
-              Y && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: Y }),
+              K && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: K }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__cta",
-                  onClick: we,
+                  onClick: xe,
                   "aria-label": p,
                   children: p
                 }
@@ -1302,7 +1302,7 @@ const Gn = ({
         /* @__PURE__ */ _(
           "div",
           {
-            className: `ll-expanded__pip ${Me && (z || G) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${De && (z || G) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
@@ -1321,42 +1321,42 @@ const Gn = ({
             ]
           }
         ),
-        Me ? /* @__PURE__ */ _("div", { className: "ll-expanded__bottom", children: [
-          Pe && /* @__PURE__ */ n(
+        De ? /* @__PURE__ */ _("div", { className: "ll-expanded__bottom", children: [
+          ze && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--agent",
               "data-role": "agent",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Pe })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: ze })
             }
           ),
-          rt && /* @__PURE__ */ n(
+          lt && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--user",
               "data-role": "user",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: rt })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: lt })
             }
           ),
           /* @__PURE__ */ _("div", { className: "ll-toolbar", onClick: (p) => p.stopPropagation(), children: [
-            Ze && /* @__PURE__ */ n(
+            nt && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: `ll-tool ${G ? "is-on" : ""}`,
-                onClick: ut,
+                onClick: ht,
                 "aria-label": G ? "Stop sharing screen" : "Share screen",
                 title: G ? "Stop sharing" : "Share screen",
                 children: /* @__PURE__ */ n(nr, {})
               }
             ),
-            Qe && /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
+            tt && /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: `ll-tool ll-tool--left ${z ? "is-on" : ""}`,
-                  onClick: Ae,
+                  onClick: Ie,
                   "aria-label": z ? "Turn off camera" : "Turn on camera",
                   title: z ? "Stop camera" : "Start camera",
                   children: /* @__PURE__ */ n(rr, {})
@@ -1368,22 +1368,22 @@ const Gn = ({
                   type: "button",
                   className: `ll-tool ll-tool--right ${z ? "is-on" : ""}`,
                   onClick: (p) => {
-                    p.stopPropagation(), pe((Y) => !Y), fe(!1);
+                    p.stopPropagation(), he((K) => !K), pe(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": Te,
-                  children: /* @__PURE__ */ n(lt, {})
+                  "aria-expanded": $e,
+                  children: /* @__PURE__ */ n(st, {})
                 }
               ),
-              Te && B.length > 0 && /* @__PURE__ */ n(
-                Jt,
+              $e && B.length > 0 && /* @__PURE__ */ n(
+                Kt,
                 {
                   label: "Camera",
                   devices: B,
                   activeId: F,
                   onPick: (p) => {
-                    pe(!1), V(p);
+                    he(!1), J(p);
                   }
                 }
               )
@@ -1398,7 +1398,7 @@ const Gn = ({
                     {
                       type: "button",
                       className: `ll-tool ll-tool--left ${m ? "is-muted" : ""}`,
-                      onClick: Ne,
+                      onClick: Me,
                       disabled: !ce && X,
                       "aria-label": !ce && X ? "Microphone enables once the agent finishes its greeting" : m ? "Unmute microphone" : "Mute microphone",
                       title: !ce && X ? "Mic enables after greeting" : m ? "Unmute" : "Mute",
@@ -1411,21 +1411,21 @@ const Gn = ({
                       type: "button",
                       className: `ll-tool ll-tool--right ${m ? "is-muted" : ""}`,
                       onClick: (p) => {
-                        p.stopPropagation(), fe((Y) => !Y), pe(!1);
+                        p.stopPropagation(), pe((K) => !K), he(!1);
                       },
                       "aria-label": "Microphone devices",
                       "aria-haspopup": "listbox",
                       "aria-expanded": ae,
-                      children: /* @__PURE__ */ n(lt, {})
+                      children: /* @__PURE__ */ n(st, {})
                     }
                   ),
                   ae && W.length > 0 && /* @__PURE__ */ n(
-                    Jt,
+                    Kt,
                     {
                       label: "Microphone",
                       devices: W,
                       activeId: "",
-                      onPick: () => fe(!1)
+                      onPick: () => pe(!1)
                     }
                   )
                 ]
@@ -1435,11 +1435,11 @@ const Gn = ({
               "button",
               {
                 type: "button",
-                className: `ll-tool ${be ? "is-muted" : ""}`,
-                onClick: ft,
-                "aria-label": be ? "Unmute speaker" : "Mute speaker",
-                title: be ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(or, { muted: be })
+                className: `ll-tool ${_e ? "is-muted" : ""}`,
+                onClick: mt,
+                "aria-label": _e ? "Unmute speaker" : "Mute speaker",
+                title: _e ? "Unmute speaker" : "Mute speaker",
+                children: /* @__PURE__ */ n(or, { muted: _e })
               }
             ),
             /* @__PURE__ */ n(
@@ -1447,26 +1447,26 @@ const Gn = ({
               {
                 type: "button",
                 className: "ll-tool ll-tool--danger",
-                onClick: Se,
+                onClick: Ne,
                 "aria-label": "End conversation",
                 title: "End conversation",
                 children: /* @__PURE__ */ n(ar, {})
               }
             )
           ] }),
-          et && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: Fe, children: [
+          rt && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: Ve, children: [
             /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: he,
-                onChange: (p) => We(p.target.value),
+                value: me,
+                onChange: (p) => je(p.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            he.trim() && /* @__PURE__ */ n(
+            me.trim() && /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
@@ -1486,14 +1486,14 @@ const Gn = ({
                 {
                   type: "button",
                   className: "ll-expanded__banner-x",
-                  onClick: qe,
+                  onClick: Fe,
                   "aria-label": "Dismiss",
                   children: "×"
                 }
               )
             ] });
           if (!q || C !== "error") return null;
-          let p = "Failed to connect", Y = "Try again";
+          let p = "Failed to connect", K = "Try again";
           return q === "MIC_PERMISSION_DENIED" ? p = "Microphone blocked. Allow access to talk." : q === "MIC_NOT_FOUND" ? p = "No microphone found. Plug one in + retry." : q === "MIC_UNAVAILABLE" ? p = "Mic unavailable. Check other apps using it." : q === "AGENT_TIMEOUT" ? p = "Agent didn't pick up. Try again." : q === "CONNECT_FAILED" ? p = "Connection failed. Check your network." : q.length < 80 && (p = q), /* @__PURE__ */ _("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
             /* @__PURE__ */ n("span", { children: p }),
             /* @__PURE__ */ n(
@@ -1501,8 +1501,8 @@ const Gn = ({
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: Ce,
-                children: Y
+                onClick: Ae,
+                children: K
               }
             )
           ] });
@@ -1511,16 +1511,16 @@ const Gn = ({
     }
   );
 };
-function lt() {
+function st() {
   return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" }) });
 }
-function Vt() {
+function Yt() {
   return /* @__PURE__ */ _("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function Yt() {
+function Jt() {
   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 nr() {
@@ -1547,7 +1547,7 @@ function ir({ muted: e }) {
 function or({ 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__ */ _(wt, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ _(St, { 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" })
     ] })
@@ -1568,7 +1568,7 @@ function ar() {
     }
   ) });
 }
-const Jt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ _(
+const Kt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ _(
   "div",
   {
     className: "ll-device-menu",
@@ -1600,7 +1600,7 @@ const Jt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */
   '[data-ll-private="true"]',
   ".ll-widget"
 ];
-function xt(e) {
+function Et(e) {
   let t = e;
   for (; t; ) {
     for (const r of sr)
@@ -1609,8 +1609,8 @@ function xt(e) {
   }
   return !1;
 }
-function dt(e) {
-  if (xt(e)) return !1;
+function pt(e) {
+  if (Et(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
     const t = (e.getAttribute("autocomplete") || "").toLowerCase();
@@ -1618,7 +1618,7 @@ function dt(e) {
   }
   return !0;
 }
-const at = 4096, cr = 20, dr = 20, ur = 10, fr = 10, pr = 30, Kt = 500, hr = [
+const ct = 4096, cr = 20, dr = 20, ur = 10, fr = 10, pr = 30, Xt = 500, hr = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1626,7 +1626,7 @@ const at = 4096, cr = 20, dr = 20, ur = 10, fr = 10, pr = 30, Kt = 500, hr = [
   "noscript",
   "iframe"
 ];
-function Xe(e) {
+function Ze(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
@@ -1636,14 +1636,14 @@ function Xe(e) {
   }
   return !1;
 }
-function Ge(e) {
+function et(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;
 }
-function Xt(e) {
+function Gt(e) {
   const t = e.getAttribute("id");
   if (t) {
     const l = document.querySelector(`label[for="${CSS.escape(t)}"]`);
@@ -1656,10 +1656,10 @@ function Xt(e) {
   const o = e.closest("label");
   return o != null && o.textContent ? o.textContent.trim() : "";
 }
-function Le(e, t) {
+function Ee(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-function ze(e) {
+function qe(e) {
   return e.length;
 }
 function mr(e, t = {}) {
@@ -1681,10 +1681,10 @@ function mr(e, t = {}) {
   ), u = [];
   for (const m of c) {
     if (u.length >= ur) break;
-    if (Xe(m) || !Ge(m)) continue;
-    const R = m.getAttribute("data-ll-region") ?? "", W = m.getAttribute("data-ll-intent") ?? void 0, z = Le(
+    if (Ze(m) || !et(m)) continue;
+    const R = m.getAttribute("data-ll-region") ?? "", W = m.getAttribute("data-ll-intent") ?? void 0, z = Ee(
       (m.innerText || m.textContent || "").trim(),
-      Kt * 2
+      Xt * 2
     );
     !R || !z || u.push({ id: R, intent: W, text: z });
   }
@@ -1692,23 +1692,23 @@ function mr(e, t = {}) {
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
   for (const m of b) {
-    if (Xe(m) || !Ge(m)) continue;
+    if (Ze(m) || !et(m)) continue;
     const R = (m.textContent || "").trim();
-    R && f.push(`${m.tagName}: ${Le(R, 200)}`);
+    R && f.push(`${m.tagName}: ${Ee(R, 200)}`);
   }
   const s = Array.from(r.querySelectorAll("p, li"));
   for (const m of s) {
-    if (Xe(m) || !Ge(m) || y.includes(m.tagName)) continue;
+    if (Ze(m) || !et(m) || y.includes(m.tagName)) continue;
     const R = (m.textContent || "").trim();
-    R.length > 10 && f.push(Le(R, Kt));
+    R.length > 10 && f.push(Ee(R, Xt));
   }
   const a = f.join(`
 `), x = [], E = Array.from(r.querySelectorAll("a[href]"));
   for (const m of E) {
     if (x.length >= cr) break;
-    if (Xe(m) || !Ge(m)) continue;
+    if (Ze(m) || !et(m)) continue;
     const R = m.getAttribute("href") || "", W = (m.textContent || "").trim();
-    !R || !W || x.push({ href: R, text: Le(W, 100) });
+    !R || !W || x.push({ href: R, text: Ee(W, 100) });
   }
   const C = [], v = Array.from(
     r.querySelectorAll(
@@ -1717,16 +1717,16 @@ function mr(e, t = {}) {
   );
   for (const m of v) {
     if (C.length >= dr) break;
-    if (Xe(m) || !dt(m) || !Ge(m)) continue;
-    const R = Xt(m), W = m instanceof HTMLInputElement ? m.type : m.tagName.toLowerCase();
-    R && C.push({ label: Le(R, 100), type: W });
+    if (Ze(m) || !pt(m) || !et(m)) continue;
+    const R = Gt(m), W = m instanceof HTMLInputElement ? m.type : m.tagName.toLowerCase();
+    R && C.push({ label: Ee(R, 100), type: W });
   }
   const w = Array.from(
     r.querySelectorAll("[data-ll-form]")
-  ), O = [];
+  ), H = [];
   for (const m of w) {
-    if (O.length >= fr) break;
-    if (xt(m)) continue;
+    if (H.length >= fr) break;
+    if (Et(m)) continue;
     const R = m.getAttribute("data-ll-form") || "";
     if (!R) continue;
     const W = m.getAttribute("data-ll-intent") || void 0, z = Array.from(
@@ -1736,15 +1736,15 @@ function mr(e, t = {}) {
     ), M = [];
     for (const B of z) {
       if (M.length >= pr) break;
-      if (!dt(B)) continue;
+      if (!pt(B)) continue;
       const F = B.getAttribute("data-ll-field") || "";
       if (!F) continue;
-      const G = Xt(B) || F, ie = B instanceof HTMLInputElement ? B.type : B.tagName.toLowerCase();
-      M.push({ name: F, label: Le(G, 100), type: ie });
+      const G = Gt(B) || F, ie = B instanceof HTMLInputElement ? B.type : B.tagName.toLowerCase();
+      M.push({ name: F, label: Ee(G, 100), type: ie });
     }
-    O.push({ id: R, intent: W, fields: M });
+    H.push({ id: R, intent: W, fields: M });
   }
-  const I = {
+  const T = {
     url: i,
     title: l,
     pathname: o,
@@ -1752,26 +1752,26 @@ function mr(e, t = {}) {
     visibleText: a,
     visibleLinks: x,
     visibleFields: C,
-    forms: O,
+    forms: H,
     extras: e
   };
-  let q = ze(JSON.stringify(I.regions)) + ze(I.visibleText) + ze(JSON.stringify(I.visibleLinks)) + ze(JSON.stringify(I.visibleFields));
-  for (; q > at && I.visibleFields.length > 0; )
-    I.visibleFields.pop(), q = ze(JSON.stringify(I.visibleFields));
-  for (; q > at && I.visibleLinks.length > 0; )
-    I.visibleLinks.pop(), q -= 80;
-  return ze(I.visibleText) > at && (I.visibleText = Le(I.visibleText, at - 100)), I;
-}
-let He = null;
-function Gt(e, t = {}) {
+  let q = qe(JSON.stringify(T.regions)) + qe(T.visibleText) + qe(JSON.stringify(T.visibleLinks)) + qe(JSON.stringify(T.visibleFields));
+  for (; q > ct && T.visibleFields.length > 0; )
+    T.visibleFields.pop(), q = qe(JSON.stringify(T.visibleFields));
+  for (; q > ct && T.visibleLinks.length > 0; )
+    T.visibleLinks.pop(), q -= 80;
+  return qe(T.visibleText) > ct && (T.visibleText = Ee(T.visibleText, ct - 100)), T;
+}
+let Be = null;
+function kt(e, t = {}) {
   const r = Date.now(), o = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if (He && He.key === o && r - He.at < 1e3)
-    return He.ctx;
+  if (Be && Be.key === o && r - Be.at < 1e3)
+    return Be.ctx;
   const l = mr(e, t);
-  return He = { key: o, at: r, ctx: l }, l;
+  return Be = { key: o, at: r, ctx: l }, l;
 }
 function gr() {
-  He = null;
+  Be = null;
 }
 const yr = 200;
 function vr(e) {
@@ -1793,7 +1793,7 @@ function wr(e) {
   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 >= yr) break;
-    if (xt(c)) continue;
+    if (Et(c)) continue;
     const u = c.getAttribute("href") || "";
     if (!br(u)) continue;
     let f = u, y = !0;
@@ -1812,17 +1812,17 @@ function wr(e) {
   }
   return o;
 }
-let Oe = null;
+let We = null;
 const _r = 5e3;
-function vt() {
+function dt() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (Oe && Oe.pathname === t && e - Oe.at < _r)
-    return Oe.routes;
+  if (We && We.pathname === t && e - We.at < _r)
+    return We.routes;
   const r = wr();
-  return Oe = { at: e, pathname: t, routes: r }, r;
+  return We = { at: e, pathname: t, routes: r }, r;
 }
 function xr() {
-  Oe = null;
+  We = null;
 }
 function kr(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;
@@ -1909,7 +1909,7 @@ const Rr = /* @__PURE__ */ new Set([
   "request_routes"
 ]);
 function Mr(e) {
-  var Nt, At, Rt, Mt, It, Tt, Pt;
+  var Mt, It, Tt, Dt, Pt, $t, zt;
   const {
     agentId: t,
     apiKey: r,
@@ -1928,8 +1928,8 @@ function Mr(e) {
     currentTeamMemberId: C,
     onTeamMemberChange: v,
     idleLoopUrl: w,
-    greeting: O,
-    avatarImageUrl: I,
+    greeting: H,
+    avatarImageUrl: T,
     agentName: q,
     branding: m = {},
     allowCamera: R = !0,
@@ -1940,111 +1940,111 @@ function Mr(e) {
     pathname: F,
     onNavigate: G,
     onScrollToSelector: ie,
-    getPageContext: be,
-    pageContextExtras: Qe,
-    getRoutes: Ze,
-    onScrollPage: et,
-    onClick: tt,
+    getPageContext: _e,
+    pageContextExtras: tt,
+    getRoutes: nt,
+    onScrollPage: rt,
+    onClick: it,
     capabilities: re,
     onConnect: ce,
-    onDisconnect: we,
-    onTranscript: Se,
-    onAgentState: Ce,
-    onConnectionStateChange: Ee,
-    onAgentEvent: Ne,
-    onAgentCommand: Ae,
-    controlledSession: V,
-    className: ut,
-    style: ft,
-    zIndex: nt = 2147483647
-  } = e, ue = Hn(F), Re = jn(ue, M, B);
+    onDisconnect: xe,
+    onTranscript: Ne,
+    onAgentState: Ae,
+    onConnectionStateChange: Re,
+    onAgentEvent: Me,
+    onAgentCommand: Ie,
+    controlledSession: J,
+    className: ht,
+    style: mt,
+    zIndex: ot = 2147483647
+  } = e, de = On(F), Te = jn(de, M, B);
   N(() => {
     gr(), xr();
-  }, [ue]);
-  const qe = C !== void 0, [_e, Me] = L(() => {
+  }, [de]);
+  const Fe = C !== void 0, [ke, De] = S(() => {
     var h;
     return C ?? ((h = E == null ? void 0 : E[0]) == null ? void 0 : h.id);
-  }), X = qe ? C : _e, ee = st(
+  }), X = Fe ? C : ke, ee = ut(
     () => (E == null ? void 0 : E.find((h) => h.id === X)) ?? null,
     [E, X]
-  ), Ie = (ee == null ? void 0 : ee.agentId) ?? t, [oe, de] = Pn({
+  ), Pe = (ee == null ? void 0 : ee.agentId) ?? t, [oe, ue] = Dn({
     value: u,
     defaultValue: f,
     onChange: y,
     persistKey: a,
     disablePersistence: x
-  }), xe = $n(s), Be = xn(), te = kn(), le = Sn(), ae = Cn(), fe = En(), [Te, pe] = L(!1), [he, We] = L(!1), [Fe, Ue] = L(!1), [me, ge] = L(!1), [Pe, rt] = L(!1), je = A(G), De = A(ie), p = A(et), Y = A(tt), pt = A(be), kt = A(Qe), Lt = A(Ze), ht = A(re), ne = A(null);
-  je.current = G, De.current = ie, p.current = et, Y.current = tt, pt.current = be, kt.current = Qe, Lt.current = Ze, ht.current = re;
-  function ye(h) {
-    const d = ht.current;
+  }), Le = $n(s), Ue = xn(), te = kn(), le = Sn(), ae = Cn(), pe = En(), [$e, he] = S(!1), [me, je] = S(!1), [Ve, Ye] = S(!1), [ge, ye] = S(!1), [ze, lt] = S(!1), Je = A(G), Oe = A(ie), p = A(rt), K = A(it), gt = A(_e), yt = A(tt), vt = A(nt), bt = A(re), ne = A(null);
+  Je.current = G, Oe.current = ie, p.current = rt, K.current = it, gt.current = _e, yt.current = tt, vt.current = nt, bt.current = re;
+  function ve(h) {
+    const d = bt.current;
     return d ? d.includes(h) : !0;
   }
-  function ve(h, d) {
+  function be(h, d) {
     console.warn(
       `[LiveLayer] Agent command "${h}" blocked — capability "${d}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
     );
   }
-  const Ve = k(
+  const Ke = L(
     (h) => {
-      var Z, $e, ot, Dt, $t;
+      var Z, Se, fe, He, we;
       const d = h;
       if (!(!d.type || typeof d.type != "string")) {
-        if (Ne == null || Ne({ eventName: d.type, data: h }), d.type === "navigate") {
-          if (!ye("navigate")) {
-            ve("navigate", "navigate");
+        if (Me == null || Me({ eventName: d.type, data: h }), d.type === "navigate") {
+          if (!ve("navigate")) {
+            be("navigate", "navigate");
             return;
           }
-          const S = typeof d.href == "string" ? d.href : null;
-          if (!S) {
+          const k = typeof d.href == "string" ? d.href : null;
+          if (!k) {
             console.warn(
               `[LiveLayer] Agent emitted "navigate" without href. Skipping. Check your agent's tool schema. See https://livelayer.studio/docs/errors/navigate-missing-href`
             );
             return;
           }
-          if (je.current) {
+          if (Je.current) {
             try {
-              je.current(S);
-            } catch (P) {
+              Je.current(k);
+            } catch (I) {
               console.warn(
-                `[LiveLayer] onNavigate threw for "${S}". Falling back. Error:`,
-                P
+                `[LiveLayer] onNavigate threw for "${k}". Falling back. Error:`,
+                I
               );
             }
             return;
           }
           if (typeof document < "u") {
-            const P = document.querySelector(
-              `a[href="${S.replace(/"/g, '\\"')}"]`
+            const I = document.querySelector(
+              `a[href="${k.replace(/"/g, '\\"')}"]`
             );
-            if (P) {
-              P.click();
+            if (I) {
+              I.click();
               return;
             }
           }
           if (typeof window < "u" && typeof history < "u")
             try {
-              history.pushState({}, "", S), window.dispatchEvent(new PopStateEvent("popstate"));
-            } catch (P) {
+              history.pushState({}, "", k), window.dispatchEvent(new PopStateEvent("popstate"));
+            } catch (I) {
               console.warn(
-                `[LiveLayer] history.pushState fallback failed for "${S}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
-                P
+                `[LiveLayer] history.pushState fallback failed for "${k}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
+                I
               );
             }
           return;
         }
         if (d.type === "scroll_to") {
-          if (!ye("scroll")) {
-            ve("scroll_to", "scroll");
+          if (!ve("scroll")) {
+            be("scroll_to", "scroll");
             return;
           }
-          const S = typeof d.selector == "string" ? d.selector : null;
-          if (!S) return;
-          const P = d.behavior === "instant" ? "instant" : "smooth";
-          if (De.current) {
+          const k = typeof d.selector == "string" ? d.selector : null;
+          if (!k) return;
+          const I = d.behavior === "instant" ? "instant" : "smooth";
+          if (Oe.current) {
             try {
-              De.current(
-                S,
-                P
+              Oe.current(
+                k,
+                I
               );
             } catch (D) {
               console.warn("[LiveLayer] onScrollToSelector threw.", D);
@@ -2054,67 +2054,67 @@ function Mr(e) {
           if (typeof document < "u") {
             let D = null;
             try {
-              D = document.querySelector(S);
+              D = document.querySelector(k);
             } catch {
               console.warn(
-                `[LiveLayer] scroll_to: invalid selector "${S}".`
+                `[LiveLayer] scroll_to: invalid selector "${k}".`
               );
               return;
             }
             if (!D) {
               console.warn(
-                `[LiveLayer] scroll_to: no element matched "${S}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
+                `[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;
             }
             D.scrollIntoView({
-              behavior: P,
+              behavior: I,
               block: "start"
             });
           }
           return;
         }
         if (d.type === "request_page_context") {
-          if (!ye("read_page")) {
-            ve("request_page_context", "read_page");
+          if (!ve("read_page")) {
+            be("request_page_context", "read_page");
             return;
           }
-          const S = typeof d.requestId == "string" ? d.requestId : void 0, P = (Z = ne.current) == null ? void 0 : Z.call(ne), D = (K) => {
-            const T = P, U = T == null ? void 0 : T.localParticipant;
-            if (U != null && U.publishData)
+          const k = typeof d.requestId == "string" ? d.requestId : void 0, I = (Z = ne.current) == null ? void 0 : Z.call(ne), D = (V) => {
+            const P = I, Y = P == null ? void 0 : P.localParticipant;
+            if (Y != null && Y.publishData)
               try {
-                const H = S ? { ...K, requestId: S } : K, Q = new TextEncoder().encode(JSON.stringify(H));
-                U.publishData(Q, { reliable: !0 });
-              } catch (H) {
-                console.warn("[LiveLayer] publishData failed.", H);
+                const O = k ? { ...V, requestId: k } : V, Q = new TextEncoder().encode(JSON.stringify(O));
+                Y.publishData(Q, { reliable: !0 });
+              } catch (O) {
+                console.warn("[LiveLayer] publishData failed.", O);
               }
-          }, $ = kt.current, J = pt.current;
+          }, $ = yt.current, j = gt.current;
           try {
-            if (J) {
-              const K = J($);
-              if (K instanceof Promise) {
-                D({ type: "page_context_pending" }), K.then((T) => D({ type: "page_context", context: T })).catch((T) => {
+            if (j) {
+              const V = j($);
+              if (V instanceof Promise) {
+                D({ type: "page_context_pending" }), V.then((P) => D({ type: "page_context", context: P })).catch((P) => {
                   console.warn(
                     "[LiveLayer] getPageContext rejected; falling back to default walker.",
-                    T
+                    P
                   ), D({
                     type: "page_context",
-                    context: Gt($)
+                    context: kt($)
                   });
                 });
                 return;
               }
-              D({ type: "page_context", context: K });
+              D({ type: "page_context", context: V });
               return;
             }
             D({
               type: "page_context",
-              context: Gt($)
+              context: kt($)
             });
-          } catch (K) {
+          } catch (V) {
             console.warn(
               "[LiveLayer] page-context extraction threw. Sending empty context.",
-              K
+              V
             ), D({
               type: "page_context",
               context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: $ }
@@ -2123,106 +2123,106 @@ function Mr(e) {
           return;
         }
         if (d.type === "scroll_page") {
-          if (!ye("scroll")) {
-            ve("scroll_page", "scroll");
+          if (!ve("scroll")) {
+            be("scroll_page", "scroll");
             return;
           }
-          const S = d.direction;
-          if (S !== "up" && S !== "down" && S !== "top" && S !== "bottom") {
+          const k = d.direction;
+          if (k !== "up" && k !== "down" && k !== "top" && k !== "bottom") {
             console.warn(
-              `[LiveLayer] scroll_page: invalid direction "${String(S)}". Expected up | down | top | bottom.`
+              `[LiveLayer] scroll_page: invalid direction "${String(k)}". Expected up | down | top | bottom.`
             );
             return;
           }
-          const P = d.behavior === "instant" ? "instant" : "smooth";
+          const I = d.behavior === "instant" ? "instant" : "smooth";
           if (p.current) {
             try {
               p.current(
-                S,
-                P
+                k,
+                I
               );
-            } catch (T) {
-              console.warn("[LiveLayer] onScrollPage threw.", T);
+            } catch (P) {
+              console.warn("[LiveLayer] onScrollPage threw.", P);
             }
             return;
           }
           if (typeof window > "u") return;
-          const D = { behavior: P }, $ = Nr(), J = (T) => {
-            $ instanceof Window ? $.scrollBy({ top: T, ...D }) : $.scrollBy({ top: T, ...D });
-          }, K = (T) => {
-            $ instanceof Window ? $.scrollTo({ top: T, ...D }) : $.scrollTo({ top: T, ...D });
+          const D = { behavior: I }, $ = Nr(), j = (P) => {
+            $ instanceof Window ? $.scrollBy({ top: P, ...D }) : $.scrollBy({ top: P, ...D });
+          }, V = (P) => {
+            $ instanceof Window ? $.scrollTo({ top: P, ...D }) : $.scrollTo({ top: P, ...D });
           };
-          S === "up" ? J(-Qt($)) : S === "down" ? J(Qt($)) : K(S === "top" ? 0 : Ar($));
+          k === "up" ? j(-Qt($)) : k === "down" ? j(Qt($)) : V(k === "top" ? 0 : Ar($));
           return;
         }
         if (d.type === "click") {
-          if (!ye("click")) {
-            ve("click", "click");
+          if (!ve("click")) {
+            be("click", "click");
             return;
           }
-          const S = typeof d.selector == "string" ? d.selector : null;
-          if (!S) {
+          const k = typeof d.selector == "string" ? d.selector : null;
+          if (!k) {
             console.warn("[LiveLayer] click: missing selector.");
             return;
           }
-          if (Y.current) {
+          if (K.current) {
             try {
-              Y.current(S);
+              K.current(k);
             } catch (D) {
               console.warn("[LiveLayer] onClick threw.", D);
             }
             return;
           }
           if (typeof document > "u") return;
-          let P = null;
+          let I = null;
           try {
-            P = document.querySelector(S);
+            I = document.querySelector(k);
           } catch {
             console.warn(
-              `[LiveLayer] click: invalid selector "${S}".`
+              `[LiveLayer] click: invalid selector "${k}".`
             );
             return;
           }
-          if (!P) {
+          if (!I) {
             console.warn(
-              `[LiveLayer] click: no element matched "${S}". See https://livelayer.studio/docs/errors/click-no-match`
+              `[LiveLayer] click: no element matched "${k}". See https://livelayer.studio/docs/errors/click-no-match`
             );
             return;
           }
-          if (P.closest('[data-ll-private="true"], .ll-widget')) {
+          if (I.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               "[LiveLayer] click: refusing to click element inside a private subtree."
             );
             return;
           }
-          ($e = P.click) == null || $e.call(P);
+          (Se = I.click) == null || Se.call(I);
           return;
         }
         if (d.type === "fill_form" || d.type === "focus_field") {
-          if (!ye("fill_forms")) {
-            ve(d.type, "fill_forms");
+          if (!ve("fill_forms")) {
+            be(d.type, "fill_forms");
             return;
           }
           if (typeof document > "u") return;
-          const S = typeof d.requestId == "string" ? d.requestId : void 0, P = (ot = ne.current) == null ? void 0 : ot.call(ne), D = (H) => {
+          const k = typeof d.requestId == "string" ? d.requestId : void 0, I = (fe = ne.current) == null ? void 0 : fe.call(ne), D = (O) => {
             if (d.type !== "fill_form") return;
-            const Q = P, se = Q == null ? void 0 : Q.localParticipant;
+            const Q = I, se = Q == null ? void 0 : Q.localParticipant;
             if (se != null && se.publishData)
               try {
-                const ke = S ? { ...H, requestId: S } : H, hn = new TextEncoder().encode(JSON.stringify(ke));
+                const Ce = k ? { ...O, requestId: k } : O, hn = new TextEncoder().encode(JSON.stringify(Ce));
                 se.publishData(hn, { reliable: !0 });
-              } catch (ke) {
-                console.warn("[LiveLayer] publishData failed.", ke);
+              } catch (Ce) {
+                console.warn("[LiveLayer] publishData failed.", Ce);
               }
           }, $ = typeof d.formId == "string" ? d.formId : null;
           if (!$) {
             console.warn(`[LiveLayer] ${d.type}: missing formId.`), D({ type: "fill_form_result", ok: !1, reason: "missing formId" });
             return;
           }
-          const J = document.querySelector(
+          const j = document.querySelector(
             `[data-ll-form="${$.replace(/"/g, '\\"')}"]`
           );
-          if (!J) {
+          if (!j) {
             console.warn(
               `[LiveLayer] ${d.type}: no form with data-ll-form="${$}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
             ), D({
@@ -2233,7 +2233,7 @@ function Mr(e) {
             });
             return;
           }
-          if (J.closest('[data-ll-private="true"], .ll-widget')) {
+          if (j.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               `[LiveLayer] ${d.type}: refusing to touch a form in a private subtree.`
             ), D({
@@ -2245,29 +2245,29 @@ function Mr(e) {
             return;
           }
           if (d.type === "focus_field") {
-            const H = typeof d.fieldName == "string" ? d.fieldName : null;
-            if (!H) {
+            const O = typeof d.fieldName == "string" ? d.fieldName : null;
+            if (!O) {
               console.warn("[LiveLayer] focus_field: missing fieldName.");
               return;
             }
-            const Q = J.querySelector(`[data-ll-field="${H.replace(/"/g, '\\"')}"]`);
+            const Q = j.querySelector(`[data-ll-field="${O.replace(/"/g, '\\"')}"]`);
             if (!Q) {
               console.warn(
-                `[LiveLayer] focus_field: no field "${H}" in form "${$}".`
+                `[LiveLayer] focus_field: no field "${O}" in form "${$}".`
               );
               return;
             }
-            if (!dt(Q)) {
+            if (!pt(Q)) {
               console.warn(
-                `[LiveLayer] focus_field: field "${H}" is privacy-protected and not focusable.`
+                `[LiveLayer] focus_field: field "${O}" is privacy-protected and not focusable.`
               );
               return;
             }
             Q.focus();
             return;
           }
-          const K = d.values && typeof d.values == "object" ? d.values : null;
-          if (!K) {
+          const V = d.values && typeof d.values == "object" ? d.values : null;
+          if (!V) {
             console.warn("[LiveLayer] fill_form: missing or invalid values."), D({
               type: "fill_form_result",
               ok: !1,
@@ -2276,224 +2276,255 @@ function Mr(e) {
             });
             return;
           }
-          const T = [], U = [];
-          for (const [H, Q] of Object.entries(K)) {
+          const P = [], Y = [];
+          for (const [O, Q] of Object.entries(V)) {
             if (typeof Q != "string") continue;
-            const se = J.querySelector(`[data-ll-field="${H.replace(/"/g, '\\"')}"]`);
+            const se = j.querySelector(`[data-ll-field="${O.replace(/"/g, '\\"')}"]`);
             if (!se) {
               console.warn(
-                `[LiveLayer] fill_form: no field "${H}" in form "${$}". Skipping.`
-              ), U.push(H);
+                `[LiveLayer] fill_form: no field "${O}" in form "${$}". Skipping.`
+              ), Y.push(O);
               continue;
             }
-            if (!dt(se)) {
+            if (!pt(se)) {
               console.warn(
-                `[LiveLayer] fill_form: field "${H}" is privacy-protected (password / cc-* / private). Skipping.`
-              ), U.push(H);
+                `[LiveLayer] fill_form: field "${O}" is privacy-protected (password / cc-* / private). Skipping.`
+              ), Y.push(O);
               continue;
             }
             try {
-              Lr(se, Q), T.push(H);
-            } catch (ke) {
+              Lr(se, Q), P.push(O);
+            } catch (Ce) {
               console.warn(
-                `[LiveLayer] fill_form: failed to set "${H}".`,
-                ke
-              ), U.push(H);
+                `[LiveLayer] fill_form: failed to set "${O}".`,
+                Ce
+              ), Y.push(O);
             }
           }
           D({
             type: "fill_form_result",
-            ok: T.length > 0,
+            ok: P.length > 0,
             formId: $,
-            filled: T,
-            skipped: U,
-            reason: T.length === 0 ? `none of the requested fields exist on this form (skipped: ${U.join(", ")})` : void 0
+            filled: P,
+            skipped: Y,
+            reason: P.length === 0 ? `none of the requested fields exist on this form (skipped: ${Y.join(", ")})` : void 0
           });
           return;
         }
         if (d.type === "submit_form") {
-          if (!ye("submit_forms")) {
-            ve("submit_form", "submit_forms");
+          if (!ve("submit_forms")) {
+            be("submit_form", "submit_forms");
             return;
           }
           if (typeof document > "u") return;
-          const S = typeof d.formId == "string" ? d.formId : null;
-          if (!S) {
+          const k = typeof d.formId == "string" ? d.formId : null;
+          if (!k) {
             console.warn("[LiveLayer] submit_form: missing formId.");
             return;
           }
-          const P = document.querySelector(
-            `[data-ll-form="${S.replace(/"/g, '\\"')}"]`
+          const I = document.querySelector(
+            `[data-ll-form="${k.replace(/"/g, '\\"')}"]`
           );
-          if (!P) {
+          if (!I) {
             console.warn(
-              `[LiveLayer] submit_form: no form with data-ll-form="${S}".`
+              `[LiveLayer] submit_form: no form with data-ll-form="${k}".`
             );
             return;
           }
-          if (P.closest('[data-ll-private="true"], .ll-widget')) {
+          if (I.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               "[LiveLayer] submit_form: refusing to submit a form in a private subtree."
             );
             return;
           }
-          const D = typeof d.requestId == "string" ? d.requestId : void 0, $ = (Dt = ne.current) == null ? void 0 : Dt.call(ne), J = (U) => {
-            const H = $, Q = H == null ? void 0 : H.localParticipant;
+          const D = typeof d.requestId == "string" ? d.requestId : void 0, $ = (He = ne.current) == null ? void 0 : He.call(ne), j = (Y) => {
+            const O = $, Q = O == null ? void 0 : O.localParticipant;
             if (Q != null && Q.publishData)
               try {
-                const se = D ? { ...U, requestId: D } : U, ke = new TextEncoder().encode(JSON.stringify(se));
-                Q.publishData(ke, { reliable: !0 });
+                const se = D ? { ...Y, requestId: D } : Y, Ce = new TextEncoder().encode(JSON.stringify(se));
+                Q.publishData(Ce, { reliable: !0 });
               } catch {
               }
           };
-          let K = !1;
-          const T = () => {
-            K = !0, J({ type: "form_submitted", formId: S });
+          let V = !1;
+          const P = () => {
+            V = !0, j({ type: "form_submitted", formId: k });
           };
-          P.addEventListener("submit", T, { once: !0 });
+          I.addEventListener("submit", P, { once: !0 });
           try {
-            typeof P.requestSubmit == "function" ? P.requestSubmit() : P.submit();
-          } catch (U) {
-            console.warn("[LiveLayer] submit_form: requestSubmit threw.", U), P.removeEventListener("submit", T), J({
+            typeof I.requestSubmit == "function" ? I.requestSubmit() : I.submit();
+          } catch (Y) {
+            console.warn("[LiveLayer] submit_form: requestSubmit threw.", Y), I.removeEventListener("submit", P), j({
               type: "form_submit_blocked",
-              formId: S,
+              formId: k,
               reason: "exception"
             });
             return;
           }
           setTimeout(() => {
-            K || (P.removeEventListener("submit", T), J({
+            V || (I.removeEventListener("submit", P), j({
               type: "form_submit_blocked",
-              formId: S,
+              formId: k,
               reason: "validation"
             }));
           }, 500);
           return;
         }
         if (d.type === "request_routes") {
-          if (!ye("read_page")) {
-            ve("request_routes", "read_page");
+          if (!ve("read_page")) {
+            be("request_routes", "read_page");
             return;
           }
-          const S = typeof d.requestId == "string" ? d.requestId : void 0, D = ($t = ne.current) == null ? void 0 : $t.call(ne), $ = D == null ? void 0 : D.localParticipant;
+          const k = typeof d.requestId == "string" ? d.requestId : void 0, D = (we = ne.current) == null ? void 0 : we.call(ne), $ = D == null ? void 0 : D.localParticipant;
           if (!($ != null && $.publishData)) return;
-          const J = (T) => {
+          const j = (P) => {
             try {
-              const U = S ? { type: "routes", routes: T, requestId: S } : { type: "routes", routes: T }, H = new TextEncoder().encode(JSON.stringify(U));
-              $.publishData(H, { reliable: !0 });
-            } catch (U) {
-              console.warn("[LiveLayer] request_routes: publishData failed.", U);
+              const Y = k ? { type: "routes", routes: P, requestId: k } : { type: "routes", routes: P }, O = new TextEncoder().encode(JSON.stringify(Y));
+              $.publishData(O, { reliable: !0 });
+            } catch (Y) {
+              console.warn("[LiveLayer] request_routes: publishData failed.", Y);
             }
-          }, K = Lt.current;
-          if (K) {
+          }, V = vt.current;
+          if (V) {
             try {
-              const T = K(), U = (H) => {
-                if (!Array.isArray(H)) {
-                  J([]);
+              const P = V(), Y = (O) => {
+                if (!Array.isArray(O)) {
+                  j([]);
                   return;
                 }
-                J(H.map(vr).slice(0, 200));
+                j(O.map(vr).slice(0, 200));
               };
-              T instanceof Promise ? T.then(U).catch((H) => {
+              P instanceof Promise ? P.then(Y).catch((O) => {
                 console.warn(
                   "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
-                  H
-                ), J(vt());
-              }) : U(T);
-            } catch (T) {
+                  O
+                ), j(dt());
+              }) : Y(P);
+            } catch (P) {
               console.warn(
                 "[LiveLayer] getRoutes threw; falling back to DOM walker.",
-                T
-              ), J(vt());
+                P
+              ), j(dt());
             }
             return;
           }
           try {
-            J(vt());
-          } catch (T) {
-            console.warn("[LiveLayer] request_routes: extractRoutes threw.", T);
+            j(dt());
+          } catch (P) {
+            console.warn("[LiveLayer] request_routes: extractRoutes threw.", P);
           }
           return;
         }
-        Rr.has(d.type) || Ae == null || Ae(d);
+        Rr.has(d.type) || Ie == null || Ie(d);
       }
     },
-    [Ae, Ne]
-  ), j = _n({
-    agentId: V ? "__controlled__" : Ie,
+    [Ie, Me]
+  ), U = _n({
+    agentId: J ? "__controlled__" : Pe,
     baseUrl: i,
     apiKey: r,
     sessionEndpoint: o,
     sessionBody: l,
-    onDataMessage: V ? void 0 : Ve
+    onDataMessage: J ? void 0 : Ke
   });
   N(() => {
-    if (V != null && V.subscribeToDataMessages)
-      return V.subscribeToDataMessages(Ve);
-  }, [V, Ve]), ne.current = () => {
+    if (J != null && J.subscribeToDataMessages)
+      return J.subscribeToDataMessages(Ke);
+  }, [J, Ke]), ne.current = () => {
     var h;
-    return (h = j.getRoom) == null ? void 0 : h.call(j);
+    return (h = U.getRoom) == null ? void 0 : h.call(U);
   }, N(() => {
-    var Z;
-    if (!ue) return;
-    const h = (Z = j.getRoom) == null ? void 0 : Z.call(j), d = h == null ? void 0 : h.localParticipant;
-    if (d != null && d.publishData)
+    var Se;
+    if (!de) return;
+    const h = (Se = U.getRoom) == null ? void 0 : Se.call(U), d = h == null ? void 0 : h.localParticipant;
+    if (!(d != null && d.publishData)) return;
+    try {
+      const fe = new TextEncoder().encode(
+        JSON.stringify({ type: "pathname", pathname: de })
+      );
+      d.publishData(fe, { reliable: !0 });
+    } catch {
+    }
+    const Z = setTimeout(async () => {
+      var fe;
       try {
-        const $e = new TextEncoder().encode(
-          JSON.stringify({ type: "pathname", pathname: ue })
-        );
-        d.publishData($e, { reliable: !0 });
+        const He = (fe = U.getRoom) == null ? void 0 : fe.call(U), we = He == null ? void 0 : He.localParticipant;
+        if (!(we != null && we.publishData)) return;
+        const k = kt(yt.current);
+        try {
+          const I = new TextEncoder().encode(
+            JSON.stringify({ type: "page_context_push", pathname: de, context: k })
+          );
+          we.publishData(I, { reliable: !0 });
+        } catch {
+        }
+        try {
+          const I = vt.current;
+          let D = [];
+          if (I) {
+            const j = I(), V = j instanceof Promise ? await j : j;
+            D = Array.isArray(V) ? V.slice(0, 200) : [];
+          } else
+            D = dt();
+          const $ = new TextEncoder().encode(
+            JSON.stringify({ type: "routes_push", routes: D })
+          );
+          we.publishData($, { reliable: !0 });
+        } catch {
+        }
       } catch {
       }
-  }, [ue, j, j.connectionState]), N(() => {
+    }, 250);
+    return () => clearTimeout(Z);
+  }, [de, U, U.connectionState]), N(() => {
     var Z;
     if (typeof window > "u") return;
     const h = ((Z = window.location) == null ? void 0 : Z.hostname) || "";
     if (h === "localhost" || h === "127.0.0.1" || h === "0.0.0.0" || h.endsWith(".local") || h.endsWith(".test"))
-      return window.__livelayerSimulateCommand = ($e) => {
+      return window.__livelayerSimulateCommand = (Se) => {
         try {
-          Ve($e);
-        } catch (ot) {
-          console.warn("[LiveLayer] simulate-command threw:", ot);
+          Ke(Se);
+        } catch (fe) {
+          console.warn("[LiveLayer] simulate-command threw:", fe);
         }
       }, () => {
         delete window.__livelayerSimulateCommand;
       };
-  }, [Ve]);
-  const g = st(() => V ? {
-    connectionState: V.connectionState,
-    agentState: V.agentState,
-    transcript: V.transcript,
-    videoElement: V.videoElement,
-    audioElement: V.audioElement,
-    canResume: V.canResume,
-    error: V.error,
+  }, [Ke]);
+  const g = ut(() => J ? {
+    connectionState: J.connectionState,
+    agentState: J.agentState,
+    transcript: J.transcript,
+    videoElement: J.videoElement,
+    audioElement: J.audioElement,
+    canResume: J.canResume,
+    error: J.error,
     agentConfig: null,
     connect: async () => {
-      await V.onConnect();
+      await J.onConnect();
     },
-    disconnect: () => V.onDisconnect(),
+    disconnect: () => J.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.
-    getRoom: j.getRoom,
+    getRoom: U.getRoom,
     isControlled: !0
   } : {
-    connectionState: j.connectionState,
-    agentState: j.agentState,
-    transcript: j.transcript,
-    videoElement: j.videoElement,
-    audioElement: j.audioElement,
-    canResume: j.canResume,
-    error: j.error,
-    agentConfig: j.agentConfig,
-    connect: j.connect,
-    disconnect: j.disconnect,
-    getRoom: j.getRoom,
+    connectionState: U.connectionState,
+    agentState: U.agentState,
+    transcript: U.transcript,
+    videoElement: U.videoElement,
+    audioElement: U.audioElement,
+    canResume: U.canResume,
+    error: U.error,
+    agentConfig: U.agentConfig,
+    connect: U.connect,
+    disconnect: U.disconnect,
+    getRoom: U.getRoom,
     isControlled: !1
-  }, [V, j]), St = A(null);
+  }, [J, U]), Nt = A(null);
   N(() => {
-    const h = g.videoElement, d = St.current;
+    const h = g.videoElement, d = Nt.current;
     if (!(!h || !d))
       return d.appendChild(h), () => {
         h.parentNode === d && d.removeChild(h);
@@ -2501,40 +2532,40 @@ function Mr(e) {
   }, [g.videoElement]), N(() => {
     const h = g.audioElement;
     if (!h) return;
-    Be.attach(h);
+    Ue.attach(h);
     const d = h.play();
     return d && typeof d.catch == "function" && d.catch((Z) => {
-      (Z == null ? void 0 : Z.name) === "NotAllowedError" && pe(!0);
+      (Z == null ? void 0 : Z.name) === "NotAllowedError" && he(!0);
     }), () => {
-      Be.detach();
+      Ue.detach();
     };
   }, [g.audioElement]), N(() => {
     if (g.isControlled || g.connectionState !== "connected") return;
     const h = g.getRoom();
     if (h)
       return te.setupMic(h, { startMuted: !0 }).catch(() => {
-      }), le.attachRoom(h), ae.attachRoom(h), fe.refresh(), () => {
+      }), le.attachRoom(h), ae.attachRoom(h), pe.refresh(), () => {
         te.teardownMic(), le.teardown(), ae.teardown();
       };
   }, [g.isControlled, g.connectionState]);
-  const [Ye, mt] = L(!1), gt = A("idle");
+  const [Xe, wt] = S(!1), _t = A("idle");
   N(() => {
     if (g.connectionState === "idle" || g.connectionState === "disconnected") {
-      mt(!1), gt.current = "idle";
+      wt(!1), _t.current = "idle";
       return;
     }
-    !Ye && gt.current === "speaking" && g.agentState !== "speaking" && (mt(!0), te.setMuted(!1)), gt.current = g.agentState;
-  }, [g.agentState, g.connectionState, Ye]), N(() => {
-    if (g.connectionState !== "connected" || Ye) return;
+    !Xe && _t.current === "speaking" && g.agentState !== "speaking" && (wt(!0), te.setMuted(!1)), _t.current = g.agentState;
+  }, [g.agentState, g.connectionState, Xe]), N(() => {
+    if (g.connectionState !== "connected" || Xe) return;
     const h = setTimeout(() => {
-      mt(!0), te.setMuted(!1);
+      wt(!0), te.setMuted(!1);
     }, 4e3);
     return () => clearTimeout(h);
-  }, [g.connectionState, Ye]), N(() => {
+  }, [g.connectionState, Xe]), N(() => {
     const h = g.audioElement;
-    h && (h.muted = Pe);
-  }, [g.audioElement, Pe]);
-  const nn = k((h) => {
+    h && (h.muted = ze);
+  }, [g.audioElement, ze]);
+  const nn = L((h) => {
     const d = g.getRoom();
     if (d)
       try {
@@ -2544,71 +2575,71 @@ function Mr(e) {
         d.localParticipant.publishData(Z, { reliable: !0 });
       } catch {
       }
-  }, [g]), rn = k(() => {
-    rt((h) => !h);
+  }, [g]), rn = L(() => {
+    lt((h) => !h);
   }, []);
   N(() => {
-    Ee == null || Ee(g.connectionState), g.connectionState === "connected" ? ce == null || ce() : g.connectionState === "disconnected" && (we == null || we());
-  }, [g.connectionState, ce, we, Ee]), N(() => {
-    Se == null || Se(g.transcript);
-  }, [g.transcript, Se]), N(() => {
-    Ce == null || Ce(g.agentState);
-  }, [g.agentState, Ce]);
-  const Ct = A(!1);
+    Re == null || Re(g.connectionState), g.connectionState === "connected" ? ce == null || ce() : g.connectionState === "disconnected" && (xe == null || xe());
+  }, [g.connectionState, ce, xe, Re]), N(() => {
+    Ne == null || Ne(g.transcript);
+  }, [g.transcript, Ne]), N(() => {
+    Ae == null || Ae(g.agentState);
+  }, [g.agentState, Ae]);
+  const At = A(!1);
   N(() => {
-    g.isControlled || !c || Ct.current || Re && g.connectionState === "idle" && (Ct.current = !0, g.connect());
-  }, [c, g.connectionState, g, Re]);
-  const on = k(
+    g.isControlled || !c || At.current || Te && g.connectionState === "idle" && (At.current = !0, g.connect());
+  }, [c, g.connectionState, g, Te]);
+  const on = L(
     (h) => {
       const d = E == null ? void 0 : E.find((Z) => Z.id === h);
-      d && (Ue(!1), h !== X && (We(!0), g.disconnect(), qe || Me(h), v == null || v(d)));
+      d && (Ye(!1), h !== X && (je(!0), g.disconnect(), Fe || De(h), v == null || v(d)));
     },
     [
       E,
       X,
       g,
-      qe,
+      Fe,
       v
     ]
   );
   N(() => {
-    he && g.connectionState === "connected" && We(!1);
-  }, [g.connectionState, he]), N(() => {
-    if (!Fe) return;
+    me && g.connectionState === "connected" && je(!1);
+  }, [g.connectionState, me]), N(() => {
+    if (!Ve) return;
     const h = (d) => {
-      d.key === "Escape" && Ue(!1);
+      d.key === "Escape" && Ye(!1);
     };
     return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
-  }, [Fe]);
-  const ln = !!I || !!(ee != null && ee.avatarImageUrl) || g.isControlled, Je = Nn(Ie, i, ln);
-  re === void 0 && ((Nt = Je.info) != null && Nt.capabilities) && (ht.current = Je.info.capabilities);
-  const it = (ee == null ? void 0 : ee.name) ?? q ?? ((At = g.agentConfig) == null ? void 0 : At.name) ?? ((Rt = Je.info) == null ? void 0 : Rt.name) ?? "Live Layer", yt = (ee == null ? void 0 : ee.avatarImageUrl) ?? I ?? ((Mt = g.agentConfig) == null ? void 0 : Mt.avatarImageUrl) ?? ((It = Je.info) == null ? void 0 : It.avatarImageUrl) ?? null, an = w ?? ((Tt = g.agentConfig) == null ? void 0 : Tt.idleLoopUrl) ?? ((Pt = Je.info) == null ? void 0 : Pt.idleLoopUrl) ?? null, sn = O ?? null, cn = k(() => de("expanded"), [de]), dn = k(
-    () => de("minimized"),
-    [de]
-  ), Et = k(() => {
-    g.disconnect(), de("hidden");
-  }, [g, de]), un = k(() => {
+  }, [Ve]);
+  const ln = !!T || !!(ee != null && ee.avatarImageUrl) || g.isControlled, Ge = Nn(Pe, i, ln);
+  re === void 0 && ((Mt = Ge.info) != null && Mt.capabilities) && (bt.current = Ge.info.capabilities);
+  const at = (ee == null ? void 0 : ee.name) ?? q ?? ((It = g.agentConfig) == null ? void 0 : It.name) ?? ((Tt = Ge.info) == null ? void 0 : Tt.name) ?? "Live Layer", xt = (ee == null ? void 0 : ee.avatarImageUrl) ?? T ?? ((Dt = g.agentConfig) == null ? void 0 : Dt.avatarImageUrl) ?? ((Pt = Ge.info) == null ? void 0 : Pt.avatarImageUrl) ?? null, an = w ?? (($t = g.agentConfig) == null ? void 0 : $t.idleLoopUrl) ?? ((zt = Ge.info) == null ? void 0 : zt.idleLoopUrl) ?? null, sn = H ?? null, cn = L(() => ue("expanded"), [ue]), dn = L(
+    () => ue("minimized"),
+    [ue]
+  ), Rt = L(() => {
+    g.disconnect(), ue("hidden");
+  }, [g, ue]), un = L(() => {
     const h = g.audioElement;
-    h && h.play().then(() => pe(!1)).catch(() => {
+    h && h.play().then(() => he(!1)).catch(() => {
     });
-  }, [g.audioElement]), fn = k(() => {
-    pe(!1), g.connect();
-  }, [g]), Ke = {
-    ...ft,
-    zIndex: nt
+  }, [g.audioElement]), fn = L(() => {
+    he(!1), g.connect();
+  }, [g]), Qe = {
+    ...mt,
+    zIndex: ot
   };
-  m.primaryColor && (Ke["--ll-color-primary"] = m.primaryColor), m.accentColor && (Ke["--ll-color-accent"] = m.accentColor), m.backgroundColor && (Ke["--ll-color-bg"] = m.backgroundColor), m.textColor && (Ke["--ll-color-fg"] = m.textColor);
+  m.primaryColor && (Qe["--ll-color-primary"] = m.primaryColor), m.accentColor && (Qe["--ll-color-accent"] = m.accentColor), m.backgroundColor && (Qe["--ll-color-bg"] = m.backgroundColor), m.textColor && (Qe["--ll-color-fg"] = m.textColor);
   const pn = [
     "ll-widget",
     `ll-widget--${oe}`,
-    `ll-widget--${xe ? "mobile" : "desktop"}`,
-    ut
+    `ll-widget--${Le ? "mobile" : "desktop"}`,
+    ht
   ].filter(Boolean).join(" ");
-  return Re ? /* @__PURE__ */ _(
+  return Te ? /* @__PURE__ */ _(
     "div",
     {
       className: pn,
-      style: Ke,
+      style: Qe,
       "data-display-mode": oe,
       "data-position": b,
       children: [
@@ -2616,69 +2647,69 @@ function Mr(e) {
           Gn,
           {
             position: b,
-            isMobile: xe,
+            isMobile: Le,
             isSpeaking: g.agentState === "speaking",
-            onExpand: () => de("expanded"),
-            label: `Open ${it} widget`,
-            avatarImageUrl: yt,
-            agentName: it
+            onExpand: () => ue("expanded"),
+            label: `Open ${at} widget`,
+            avatarImageUrl: xt,
+            agentName: at
           }
         ),
         oe === "minimized" && /* @__PURE__ */ n(
           Zn,
           {
             position: b,
-            isMobile: xe,
-            agentName: it,
-            avatarImageUrl: yt,
+            isMobile: Le,
+            agentName: at,
+            avatarImageUrl: xt,
             agentState: g.agentState,
             isMuted: te.isMuted,
-            audioLevel: Be,
+            audioLevel: Ue,
             onExpand: cn,
             onToggleMute: te.toggleMute,
-            onClose: Et
+            onClose: Rt
           }
         ),
         oe === "expanded" && /* @__PURE__ */ n(
           tr,
           {
             position: b,
-            isMobile: xe,
-            agentName: it,
-            avatarImageUrl: yt,
+            isMobile: Le,
+            agentName: at,
+            avatarImageUrl: xt,
             idleLoopUrl: an,
             greeting: sn,
             branding: m,
             teamMembers: E,
             currentTeamMemberId: X,
-            isSwitchingTeamMember: he,
-            teamSwitcherOpen: Fe,
-            onToggleTeamSwitcher: () => Ue((h) => !h),
+            isSwitchingTeamMember: me,
+            teamSwitcherOpen: Ve,
+            onToggleTeamSwitcher: () => Ye((h) => !h),
             onSelectTeamMember: on,
             connectionState: g.connectionState,
             agentState: g.agentState,
             transcript: g.transcript,
             isMuted: te.isMuted,
-            micDevices: fe.mics,
+            micDevices: pe.mics,
             isCameraEnabled: le.isEnabled,
             cameraPreviewEl: le.previewEl,
-            cameraDevices: fe.cameras,
+            cameraDevices: pe.cameras,
             activeCameraId: le.activeDeviceId,
             isScreenShareEnabled: ae.isEnabled,
             screenPreviewEl: ae.previewEl,
-            isSpeakerMuted: Pe,
+            isSpeakerMuted: ze,
             allowCamera: R,
             allowScreenShare: W,
             allowTyping: z,
-            languageMenuOpen: me,
-            onToggleLanguageMenu: () => ge((h) => !h),
-            needsUserGesture: Te,
+            languageMenuOpen: ge,
+            onToggleLanguageMenu: () => ye((h) => !h),
+            needsUserGesture: $e,
             canResume: g.canResume,
             micError: te.micError,
             error: g.error,
-            avatarVideoContainerRef: St,
+            avatarVideoContainerRef: Nt,
             agentVideoEl: g.videoElement,
-            micGateOpen: g.isControlled ? !0 : Ye,
+            micGateOpen: g.isControlled ? !0 : Xe,
             onConnect: () => void g.connect(),
             onDisconnect: () => g.disconnect(),
             onRetry: fn,
@@ -2690,7 +2721,7 @@ function Mr(e) {
             onToggleSpeaker: rn,
             onSendMessage: nn,
             onMinimize: dn,
-            onClose: Et,
+            onClose: Rt,
             onClearMicError: te.clearError
           }
         )
@@ -2698,7 +2729,7 @@ function Mr(e) {
     }
   ) : null;
 }
-function Or(e) {
+function Hr(e) {
   return /* @__PURE__ */ n(wn, { children: /* @__PURE__ */ n(Mr, { ...e }) });
 }
 const qr = ({
@@ -2712,7 +2743,7 @@ const qr = ({
 }) => {
   const u = A(null), f = A(null), y = A(o);
   y.current = o;
-  const b = k((s) => {
+  const b = L((s) => {
     var x;
     const a = s.detail;
     (x = y.current) == null || x.call(y, a);
@@ -2727,7 +2758,7 @@ const qr = ({
   }, [e]), N(() => {
     f.current && (i ? f.current.setAttribute("mode", i) : f.current.removeAttribute("mode"));
   }, [i]), /* @__PURE__ */ n("div", { ref: u, className: l, style: c });
-}, Br = _t(
+}, Br = Ct(
   function({ id: t, intent: r, as: i = "div", className: o, style: l, children: c }, u) {
     return gn(
       i,
@@ -2741,7 +2772,7 @@ const qr = ({
       c
     );
   }
-), Wr = _t(
+), Wr = Ct(
   function({ id: t, intent: r, children: i, ...o }, l) {
     return /* @__PURE__ */ n(
       "form",
@@ -2754,7 +2785,7 @@ const qr = ({
       }
     );
   }
-), Fr = _t(
+), Fr = Ct(
   function(t, r) {
     const { name: i, label: o, labelClassName: l } = t, c = { name: i, "data-ll-field": i };
     let u;
@@ -2802,7 +2833,7 @@ function Ur({
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [i, o] = L(t), [l, c] = L([]), [u, f] = L(""), [y, b] = L(!1), s = A(/* @__PURE__ */ new Set()), a = A([]), x = A(y);
+  const [i, o] = S(t), [l, c] = S([]), [u, f] = S(""), [y, b] = S(!1), s = A(/* @__PURE__ */ new Set()), a = A([]), x = A(y);
   x.current = y, N(() => {
     try {
       const v = localStorage.getItem(r);
@@ -2816,7 +2847,7 @@ function Ur({
     }
   }, [i, r]), N(() => {
     const v = (w) => {
-      (w.metaKey || w.ctrlKey) && w.shiftKey && w.key.toLowerCase() === "l" && (w.preventDefault(), o((O) => !O));
+      (w.metaKey || w.ctrlKey) && w.shiftKey && w.key.toLowerCase() === "l" && (w.preventDefault(), o((H) => !H));
     };
     return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
   }, []), N(() => {
@@ -2824,7 +2855,7 @@ function Ur({
       if (a.current.length === 0 || x.current) return;
       const w = a.current.splice(0, a.current.length);
       c(
-        (O) => [...w.reverse(), ...O].slice(0, 200)
+        (H) => [...w.reverse(), ...H].slice(0, 200)
       );
     }, 100);
     return () => clearInterval(v);
@@ -2841,13 +2872,13 @@ function Ur({
       });
     }));
   }, [e]), N(() => {
-    const v = console.warn, w = console.log, O = (I, q) => function(...m) {
+    const v = console.warn, w = console.log, H = (T, q) => function(...m) {
       try {
         const R = typeof m[0] == "string" ? m[0] : "";
         R.startsWith("[LiveLayer]") && a.current.push({
           id: Zt++,
           ts: Date.now(),
-          kind: I,
+          kind: T,
           type: R.slice(0, 120),
           data: { args: m.slice(1).map((W) => Tr(W)) }
         });
@@ -2855,7 +2886,7 @@ function Ur({
       }
       return q.apply(this, m);
     };
-    return console.warn = O("warn", v), console.log = O("log", w), () => {
+    return console.warn = H("warn", v), console.log = H("log", w), () => {
       console.warn = v, console.log = w;
     };
   }, []), !i)
@@ -2936,7 +2967,7 @@ function Ur({
                 {
                   type: "button",
                   onClick: () => b((v) => !v),
-                  style: bt(y ? "#f59e0b" : "transparent"),
+                  style: Lt(y ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
                   children: y ? "▶ resume" : "⏸ pause"
                 }
@@ -2948,7 +2979,7 @@ function Ur({
                   onClick: () => {
                     c([]), a.current = [];
                   },
-                  style: bt("transparent"),
+                  style: Lt("transparent"),
                   title: "Clear buffer",
                   children: "clear"
                 }
@@ -2958,7 +2989,7 @@ function Ur({
                 {
                   type: "button",
                   onClick: () => o(!1),
-                  style: bt("transparent"),
+                  style: Lt("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
                   children: "✕"
@@ -3111,7 +3142,7 @@ function Ir({
     }
   );
 }
-function bt(e) {
+function Lt(e) {
   return {
     background: e,
     color: "#fff",
@@ -3130,7 +3161,7 @@ function Tr(e) {
   }
 }
 function jr() {
-  const [e, t] = L([]), r = k((o) => {
+  const [e, t] = S([]), r = L((o) => {
     t((l) => {
       const c = l.findIndex((u) => u.id === o.id);
       if (c >= 0) {
@@ -3139,7 +3170,7 @@ function jr() {
       }
       return [...l, o];
     });
-  }, []), i = k(() => t([]), []);
+  }, []), i = L(() => t([]), []);
   return {
     entries: e,
     pushSegment: r,
@@ -3148,7 +3179,7 @@ function jr() {
   };
 }
 export {
-  Or as AvatarWidget,
+  Hr as AvatarWidget,
   wn as ErrorBoundary,
   Ur as LiveLayerDebugPanel,
   Fr as LiveLayerField,
@@ -3159,8 +3190,8 @@ export {
   xr as clearRoutesCache,
   mr as extractPageContext,
   wr as extractRoutes,
-  Gt as getCachedPageContext,
-  vt as getCachedRoutes,
+  kt as getCachedPageContext,
+  dt as getCachedRoutes,
   Fn as matchesPattern,
   vr as normalizeRouteInput,
   Un as shouldRenderAtPath,
@@ -3168,12 +3199,12 @@ export {
   xn as useAudioLevel,
   Sn as useCameraState,
   Mn as useDisplayMode,
-  Pn as useDisplayModePersistence,
+  Dn as useDisplayModePersistence,
   $n as useIsMobile,
   _n as useLiveKitSession,
   En as useMediaDevices,
   kn as useMicrophoneState,
-  Hn as usePathname,
+  On as usePathname,
   jn as useRouteMatch,
   Cn as useScreenShareState,
   jr as useTranscript