@livelayer/react 0.5.22 → 0.5.24-debug.0

package/dist/index.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { jsxs as _, jsx as n, Fragment as Lt } from "react/jsx-runtime";
-import { Component as mn, useState as S, useRef as A, useEffect as N, useCallback as L, useMemo as dt, forwardRef as St, 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 M, useEffect as R, useCallback as L, useMemo as ut, forwardRef as Et, 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 {
@@ -13,8 +13,8 @@ class wn extends mn {
     return { hasError: !0, error: t };
   }
   componentDidCatch(t, r) {
-    var i, o;
-    (o = (i = this.props).onError) == null || o.call(i, t, r);
+    var o, i;
+    (i = (o = this.props).onError) == null || i.call(o, t, r);
   }
   render() {
     var t;
@@ -34,25 +34,25 @@ class wn extends mn {
   }
 }
 function _n(e) {
-  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 = {
+  const [t, r] = S("idle"), [o, i] = S("idle"), [l, d] = S([]), [u, f] = S(null), [y, b] = S(null), [s, a] = S(null), [k, N] = S(!1), [E, v] = S(null), w = M(null), O = M(e.onDataMessage);
+  O.current = e.onDataMessage, R(() => {
+    const D = {
       onConnectionStateChange: (z) => {
         r(z), z === "connected" && v(null);
       },
-      onAgentStateChange: o,
-      onTranscript: (z) => c([...z]),
+      onAgentStateChange: i,
+      onTranscript: (z) => d([...z]),
       onAgentConfig: f,
       onAudioTrack: (z) => a(z),
       onVideoTrack: (z) => b(z),
       onVideoTrackRemoved: () => b(null),
       onError: (z) => v(z),
       onDataMessage: (z) => {
-        var M;
-        (M = H.current) == null || M.call(H, z);
+        var T;
+        (T = O.current) == null || T.call(O, z);
       },
-      onResumabilityChange: E
-    }, W = new yn(
+      onResumabilityChange: N
+    }, V = new yn(
       {
         agentId: e.agentId,
         baseUrl: e.baseUrl,
@@ -60,11 +60,11 @@ function _n(e) {
         sessionEndpoint: e.sessionEndpoint,
         sessionBody: e.sessionBody
       },
-      R
+      D
     );
-    return w.current = W, r("idle"), o("idle"), c([]), f(null), b(null), a(null), E(!1), v(null), () => {
+    return w.current = V, r("idle"), i("idle"), d([]), f(null), b(null), a(null), N(!1), v(null), () => {
       var z;
-      (z = W.destroy) == null || z.call(W), w.current = null;
+      (z = V.destroy) == null || z.call(V), w.current = null;
     };
   }, [
     e.agentId,
@@ -73,41 +73,41 @@ function _n(e) {
     e.sessionEndpoint,
     JSON.stringify(e.sessionBody ?? {})
   ]);
-  const I = L(async () => {
-    const R = w.current;
-    if (R)
+  const $ = L(async () => {
+    const D = w.current;
+    if (D)
       try {
-        await R.connect();
-      } catch (W) {
-        throw v(W instanceof Error ? W.message : String(W)), W;
+        await D.connect();
+      } catch (V) {
+        throw v(V instanceof Error ? V.message : String(V)), V;
       }
-  }, []), q = L(() => {
-    const R = w.current;
-    R && R.disconnect();
+  }, []), U = L(() => {
+    const D = w.current;
+    D && D.disconnect();
   }, []), m = L(() => {
-    var R;
-    return ((R = w.current) == null ? void 0 : R.getRoom()) ?? null;
+    var D;
+    return ((D = w.current) == null ? void 0 : D.getRoom()) ?? null;
   }, []);
   return {
     connectionState: t,
-    agentState: i,
+    agentState: o,
     transcript: l,
     agentConfig: u,
     videoElement: y,
     audioElement: s,
-    canResume: x,
-    error: C,
-    connect: I,
-    disconnect: q,
+    canResume: k,
+    error: E,
+    connect: $,
+    disconnect: U,
     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 = L(() => {
+  const e = M(null), t = M(null), r = M(null), o = M(null), i = M(/* @__PURE__ */ new Set()), l = M(null), d = L(() => {
     const s = t.current;
     if (!s) {
-      i.current = null;
+      o.current = null;
       return;
     }
     (!l.current || l.current.length !== s.frequencyBinCount) && (l.current = new Uint8Array(
@@ -115,16 +115,16 @@ function xn() {
     ));
     const a = l.current;
     s.getByteFrequencyData(a);
-    let x = 0;
-    for (let C = 0; C < a.length; C++) x += a[C];
-    const E = x / a.length / 255;
-    for (const C of o.current)
+    let k = 0;
+    for (let E = 0; E < a.length; E++) k += a[E];
+    const N = k / a.length / 255;
+    for (const E of i.current)
       try {
-        C(E);
+        E(N);
       } catch (v) {
         console.error("[useAudioLevel] subscriber threw:", v);
       }
-    i.current = requestAnimationFrame(c);
+    o.current = requestAnimationFrame(d);
   }, []), u = L(() => {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
     const s = new AudioContext(), a = s.createAnalyser();
@@ -146,22 +146,22 @@ function xn() {
           console.warn("[useAudioLevel] createMediaElementSource failed:", a);
           return;
         }
-        i.current === null && (i.current = requestAnimationFrame(c));
+        o.current === null && (o.current = requestAnimationFrame(d));
       }
     },
-    [u, c]
+    [u, d]
   ), y = L(() => {
-    if (i.current !== null && (cancelAnimationFrame(i.current), i.current = null), r.current) {
+    if (o.current !== null && (cancelAnimationFrame(o.current), o.current = null), r.current) {
       try {
         r.current.disconnect();
       } catch {
       }
       r.current = null;
     }
-  }, []), b = L((s) => (o.current.add(s), () => {
-    o.current.delete(s);
+  }, []), b = L((s) => (i.current.add(s), () => {
+    i.current.delete(s);
   }), []);
-  return N(() => () => {
+  return R(() => () => {
     if (y(), t.current) {
       try {
         t.current.disconnect();
@@ -176,40 +176,40 @@ function xn() {
       }
       e.current = null;
     }
-    o.current.clear(), l.current = null;
+    i.current.clear(), l.current = null;
   }, [y]), { attach: f, detach: y, subscribe: b };
 }
 function kn() {
-  const [e, t] = S(!1), [r, i] = S(null), o = A(null), l = A(null), c = L(
+  const [e, t] = S(!1), [r, o] = S(null), i = M(null), l = M(null), d = L(
     async (s, a) => {
-      if (o.current && l.current) {
+      if (i.current && l.current) {
         try {
-          await l.current.localParticipant.unpublishTrack(o.current);
+          await l.current.localParticipant.unpublishTrack(i.current);
         } catch {
         }
-        o.current.stop(), o.current = null;
+        i.current.stop(), i.current = null;
       }
-      l.current = s, i(null);
+      l.current = s, o(null);
       try {
-        const x = await vn({
+        const k = await vn({
           echoCancellation: !0,
           noiseSuppression: !0
         });
-        a != null && a.startMuted && await x.mute(), await s.localParticipant.publishTrack(x), o.current = x, t(x.isMuted);
-      } catch (x) {
-        const E = x instanceof Error && x.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-        throw i(E), x;
+        a != null && a.startMuted && await k.mute(), await s.localParticipant.publishTrack(k), i.current = k, t(k.isMuted);
+      } catch (k) {
+        const N = k instanceof Error && k.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
+        throw o(N), k;
       }
     },
     []
   ), u = L(() => {
-    const s = o.current;
+    const s = i.current;
     s && (s.isMuted ? (s.unmute(), t(!1)) : (s.mute(), t(!0)));
   }, []), f = L((s) => {
-    const a = o.current;
+    const a = i.current;
     a && (s && !a.isMuted ? (a.mute(), t(!0)) : !s && a.isMuted && (a.unmute(), t(!1)));
   }, []), y = L(() => {
-    const s = o.current, a = l.current;
+    const s = i.current, a = l.current;
     if (s && a) {
       try {
         a.localParticipant.unpublishTrack(s);
@@ -217,85 +217,85 @@ function kn() {
       }
       s.stop();
     }
-    o.current = null, l.current = null, t(!1);
-  }, []), b = L(() => i(null), []);
+    i.current = null, l.current = null, t(!1);
+  }, []), b = L(() => o(null), []);
   return {
     isMuted: e,
     micError: r,
     toggleMute: u,
     setMuted: f,
-    setupMic: c,
+    setupMic: d,
     teardownMic: y,
     clearError: b
   };
 }
 const Ln = { resolution: { width: 640, height: 480, frameRate: 24 } };
 function Sn() {
-  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) => {
+  const [e, t] = S(!1), [r, o] = S(null), [i, l] = S(null), [d, u] = S(""), f = M(null), y = M(null), b = L((w) => {
     f.current = w;
   }, []), s = L(() => {
-    const w = f.current, H = y.current;
-    if (H && w) {
-      const I = w.localParticipant.getTrackPublication(en.Source.Camera);
-      if (I != null && I.track) {
+    const w = f.current, O = y.current;
+    if (O && w) {
+      const $ = w.localParticipant.getTrackPublication(en.Source.Camera);
+      if ($ != null && $.track) {
         try {
-          w.localParticipant.unpublishTrack(I.track);
+          w.localParticipant.unpublishTrack($.track);
         } catch {
         }
-        I.track.stop();
+        $.track.stop();
       } else
-        H.stop();
+        O.stop();
     }
     y.current = null, l(null), t(!1);
   }, []), a = L(async (w) => {
-    const H = f.current;
-    if (H) {
-      i(null);
+    const O = f.current;
+    if (O) {
+      o(null);
       try {
-        const I = { ...Ln };
-        w && (I.deviceId = w);
-        const q = await bn(I);
-        await H.localParticipant.publishTrack(q), y.current = q;
-        const m = q.attach();
+        const $ = { ...Ln };
+        w && ($.deviceId = w);
+        const U = await bn($);
+        await O.localParticipant.publishTrack(U), y.current = U;
+        const m = U.attach();
         l(m), t(!0), w && u(w);
         try {
-          H.localParticipant.publishData(
+          O.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.";
-        i(q);
+      } catch ($) {
+        const U = $ instanceof Error && $.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+        o(U);
       }
     }
-  }, []), x = L(async () => {
-    e ? s() : await a(c || void 0);
-  }, [e, c, s, a]), E = L(async (w) => {
+  }, []), k = L(async () => {
+    e ? s() : await a(d || void 0);
+  }, [e, d, s, a]), N = L(async (w) => {
     s(), await a(w);
-  }, [s, a]), C = L(() => {
-    s(), f.current = null, i(null), u("");
-  }, [s]), v = L(() => i(null), []);
-  return N(() => () => {
+  }, [s, a]), E = L(() => {
+    s(), f.current = null, o(null), u("");
+  }, [s]), v = L(() => o(null), []);
+  return R(() => () => {
     y.current && y.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
-    previewEl: o,
-    activeDeviceId: c,
-    toggle: x,
-    switchDevice: E,
+    previewEl: i,
+    activeDeviceId: d,
+    toggle: k,
+    switchDevice: N,
     attachRoom: b,
-    teardown: C,
+    teardown: E,
     clearError: v
   };
 }
-function Cn() {
-  const [e, t] = S(!1), [r, i] = S(null), [o, l] = S(null), c = A(null), u = L((a) => {
-    c.current = a;
+function En() {
+  const [e, t] = S(!1), [r, o] = S(null), [i, l] = S(null), d = M(null), u = L((a) => {
+    d.current = a;
   }, []), f = L(() => l(null), []), y = L(async () => {
-    const a = c.current;
+    const a = d.current;
     if (a) {
       if (e) {
         try {
@@ -305,14 +305,14 @@ function Cn() {
         f(), t(!1);
         return;
       }
-      i(null);
+      o(null);
       try {
         await a.localParticipant.setScreenShareEnabled(!0);
-        let x = 0;
-        const E = () => {
-          const C = a.localParticipant.getTrackPublication(en.Source.ScreenShare);
-          if (C != null && C.track) {
-            const v = C.track.attach();
+        let k = 0;
+        const N = () => {
+          const E = a.localParticipant.getTrackPublication(en.Source.ScreenShare);
+          if (E != null && E.track) {
+            const v = E.track.attach();
             l(v), t(!0);
             try {
               a.localParticipant.publishData(
@@ -323,49 +323,49 @@ function Cn() {
             }
             return;
           }
-          x++ < 10 ? setTimeout(E, 100) : t(!0);
+          k++ < 10 ? setTimeout(N, 100) : t(!0);
         };
-        E();
-      } catch (x) {
-        const E = x instanceof Error ? x.name : "";
-        E !== "NotAllowedError" && E !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
+        N();
+      } catch (k) {
+        const N = k instanceof Error ? k.name : "";
+        N !== "NotAllowedError" && N !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
       }
     }
   }, [e, f]), b = L(() => {
-    const a = c.current;
+    const a = d.current;
     if (a && e)
       try {
         a.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
-    f(), t(!1), i(null), c.current = null;
-  }, [e, f]), s = L(() => i(null), []);
-  return { isEnabled: e, error: r, previewEl: o, toggle: y, attachRoom: u, teardown: b, clearError: s };
+    f(), t(!1), o(null), d.current = null;
+  }, [e, f]), s = L(() => o(null), []);
+  return { isEnabled: e, error: r, previewEl: i, toggle: y, attachRoom: u, teardown: b, clearError: s };
 }
-function En() {
-  const [e, t] = S([]), [r, i] = S([]), o = L(async () => {
+function Cn() {
+  const [e, t] = S([]), [r, o] = S([]), i = L(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
-        t(l.filter((c) => c.kind === "audioinput")), i(l.filter((c) => c.kind === "videoinput"));
+        t(l.filter((d) => d.kind === "audioinput")), o(l.filter((d) => d.kind === "videoinput"));
       } catch {
       }
   }, []);
-  return N(() => {
-    if (o(), typeof navigator > "u" || !navigator.mediaDevices) return;
-    const l = () => void o();
+  return R(() => {
+    if (i(), typeof navigator > "u" || !navigator.mediaDevices) return;
+    const l = () => void i();
     return navigator.mediaDevices.addEventListener("devicechange", l), () => navigator.mediaDevices.removeEventListener("devicechange", l);
-  }, [o]), { mics: e, cameras: r, refresh: o };
+  }, [i]), { mics: e, cameras: r, refresh: i };
 }
 function Nn(e, t, r = !1) {
-  const [i, o] = S(null), [l, c] = S(null), [u, f] = S(!r && !!e);
-  return N(() => {
+  const [o, i] = S(null), [l, d] = S(null), [u, f] = S(!r && !!e);
+  return R(() => {
     if (r || !e) {
       f(!1);
       return;
     }
     const y = new AbortController(), b = t || "https://app.livelayer.studio";
-    return f(!0), c(null), fetch(`${b}/api/widget/agent/${encodeURIComponent(e)}`, {
+    return f(!0), d(null), fetch(`${b}/api/widget/agent/${encodeURIComponent(e)}`, {
       signal: y.signal
     }).then(async (s) => {
       if (!s.ok) {
@@ -374,11 +374,11 @@ function Nn(e, t, r = !1) {
       }
       return s.json();
     }).then((s) => {
-      y.signal.aborted || (o(s), f(!1));
+      y.signal.aborted || (i(s), f(!1));
     }).catch((s) => {
-      y.signal.aborted || (c(s instanceof Error ? s.message : "Agent lookup failed"), f(!1));
+      y.signal.aborted || (d(s instanceof Error ? s.message : "Agent lookup failed"), f(!1));
     }), () => y.abort();
-  }, [e, t, r]), { info: i, error: l, loading: u };
+  }, [e, t, r]), { info: o, error: l, loading: u };
 }
 function An(e) {
   if (typeof window > "u") return null;
@@ -400,34 +400,34 @@ function Mn({
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const i = e !== void 0, [o, l] = S(t), c = i ? e : o, u = L(
+  const o = e !== void 0, [i, l] = S(t), d = o ? e : i, u = L(
     (f) => {
-      f !== c && (i || l(f), r == null || r(f));
+      f !== d && (o || l(f), r == null || r(f));
     },
-    [c, i, r]
+    [d, o, r]
   );
-  return [c, u];
+  return [d, u];
 }
-const In = ["hidden", "minimized", "expanded"];
+const Dn = ["hidden", "minimized", "expanded"];
 function Tn(e) {
-  return e && In.includes(e) ? e : null;
+  return e && Dn.includes(e) ? e : null;
 }
-function Dn({
+function In({
   value: e,
   defaultValue: t = "expanded",
   onChange: r,
-  persistKey: i = "ll-widget",
-  disablePersistence: o = !1
+  persistKey: o = "ll-widget",
+  disablePersistence: i = !1
 } = {}) {
-  const l = `${i}:display-mode`, c = A(!1), [u, f] = Mn({
+  const l = `${o}:display-mode`, d = M(!1), [u, f] = Mn({
     value: e,
     defaultValue: t,
     onChange: (y) => {
-      e === void 0 && !o && Rn(l, y), r == null || r(y);
+      e === void 0 && !i && Rn(l, y), r == null || r(y);
     }
   });
-  return N(() => {
-    if (c.current || (c.current = !0, o || e !== void 0)) return;
+  return R(() => {
+    if (d.current || (d.current = !0, i || e !== void 0)) return;
     const y = Tn(An(l));
     y && y !== u && f(y);
   }, []), [u, f];
@@ -435,80 +435,80 @@ function Dn({
 const Pn = 640;
 function $n(e = Pn) {
   const [t, r] = S(!1);
-  return N(() => {
+  return R(() => {
     if (e === !1) {
       r(!1);
       return;
     }
     if (typeof window > "u" || typeof window.matchMedia > "u")
       return;
-    const i = `(max-width: ${e - 1}px)`, o = window.matchMedia(i), l = () => r(o.matches);
-    return l(), typeof o.addEventListener == "function" ? (o.addEventListener("change", l), () => o.removeEventListener("change", l)) : (o.addListener(l), () => {
-      o.removeListener(l);
+    const o = `(max-width: ${e - 1}px)`, i = window.matchMedia(o), l = () => r(i.matches);
+    return l(), typeof i.addEventListener == "function" ? (i.addEventListener("change", l), () => i.removeEventListener("change", l)) : (i.addListener(l), () => {
+      i.removeListener(l);
     });
   }, [e]), t;
 }
-const Ot = "__llHistoryPatched", ut = "ll:pathname";
-function zn() {
-  if (typeof window > "u" || window.history[Ot]) return;
+const zt = "__llHistoryPatched", ft = "ll:pathname";
+function Bn() {
+  if (typeof window > "u" || window.history[zt]) 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(ut)), i;
+    const o = e.apply(this, r);
+    return window.dispatchEvent(new Event(ft)), o;
   }, window.history.replaceState = function(...r) {
-    const i = t.apply(this, r);
-    return window.dispatchEvent(new Event(ut)), i;
-  }, window.history[Ot] = !0;
+    const o = t.apply(this, r);
+    return window.dispatchEvent(new Event(ft)), o;
+  }, window.history[zt] = !0;
 }
-function Ht() {
+function Ot() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
-function On(e) {
+function zn(e) {
   const [t, r] = S(
-    () => e ?? Ht()
+    () => e ?? Ot()
   );
-  return N(() => {
+  return R(() => {
     if (e !== void 0) return;
-    zn();
-    const i = () => r(Ht());
-    return i(), window.addEventListener("popstate", i), window.addEventListener(ut, i), () => {
-      window.removeEventListener("popstate", i), window.removeEventListener(ut, i);
+    Bn();
+    const o = () => r(Ot());
+    return o(), window.addEventListener("popstate", o), window.addEventListener(ft, o), () => {
+      window.removeEventListener("popstate", o), window.removeEventListener(ft, o);
     };
   }, [e]), e ?? t;
 }
-const qt = /* @__PURE__ */ new Map(), Hn = /[\\^$+?.()|{}[\]]/g;
-function qn(e) {
-  return e.replace(Hn, "\\$&");
+const Ht = /* @__PURE__ */ new Map(), On = /[\\^$+?.()|{}[\]]/g;
+function Hn(e) {
+  return e.replace(On, "\\$&");
 }
-function Bn(e) {
-  const t = qt.get(e);
+function Un(e) {
+  const t = Ht.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 qt.set(e, f), f;
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, o = "
", i = "", l = r.replace(/\*\*/g, o).replace(/\*/g, i), u = Hn(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "g"), "[^/]+"), f = new RegExp(`^${u}\\/?$`);
+  return Ht.set(e, f), f;
 }
-function Wn(e, t) {
+function qn(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
-  return Bn(e).test(r);
+  return Un(e).test(r);
 }
-function Fn(e, t) {
-  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : Wn(e, t);
+function Vn(e, t) {
+  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : qn(e, t);
 }
-function Bt(e, t) {
+function Ut(e, t) {
   if (!e || e.length === 0) return !1;
   for (const r of e)
-    if (Fn(r, t)) return !0;
+    if (Vn(r, t)) return !0;
   return !1;
 }
-function Un(e, t, r) {
-  return e === void 0 ? !0 : Bt(r, e) ? !1 : t && t.length > 0 ? Bt(t, e) : !0;
+function Wn(e, t, r) {
+  return e === void 0 ? !0 : Ut(r, e) ? !1 : t && t.length > 0 ? Ut(t, e) : !0;
 }
-function jn(e, t, r) {
-  return dt(
-    () => Un(e, t, r),
+function Fn(e, t, r) {
+  return ut(
+    () => Wn(e, t, r),
     [e, t, r]
   );
 }
-const Wt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
+const qt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
   "svg",
   {
     className: t,
@@ -554,7 +554,7 @@ const Wt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
       }
     )
   }
-), Ft = ({ className: e }) => /* @__PURE__ */ n(
+), Vt = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -572,7 +572,7 @@ const Wt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
       }
     )
   }
-), Vn = ({ className: e }) => /* @__PURE__ */ n(
+), jn = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -583,12 +583,12 @@ const Wt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
   }
-), Yn = {
+), Gn = {
   left: 180,
   right: 0,
   up: -90,
   down: 90
-}, Ut = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
+}, Wt = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
   "svg",
   {
     className: t,
@@ -596,16 +596,16 @@ const Wt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    style: { transform: `rotate(${Yn[e]}deg)` },
+    style: { transform: `rotate(${Gn[e]}deg)` },
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
   }
 );
-function Jn(e) {
+function Yn(e) {
   return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const tn = "ll-hidden-tab-center-y", Kn = 5, jt = 16;
-function Xn() {
+const tn = "ll-hidden-tab-center-y", Jn = 5, Ft = 16;
+function Kn() {
   if (typeof window > "u") return null;
   try {
     const e = window.localStorage.getItem(tn);
@@ -616,70 +616,70 @@ function Xn() {
     return null;
   }
 }
-function Vt(e) {
+function jt(e) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(tn, String(e));
     } catch {
     }
 }
-const Gn = ({
+const Xn = ({
   position: e,
   isMobile: t,
   isSpeaking: r,
-  onExpand: i,
-  label: o = "Open widget",
+  onExpand: o,
+  label: i = "Open widget",
   avatarImageUrl: l,
-  agentName: c
+  agentName: d
 }) => {
-  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 = jt + B, G = window.innerHeight - jt - B;
-      return G < F ? Math.max(F, M) : Math.max(F, Math.min(G, M));
+  const u = Yn(e), f = u === "right" ? "left" : "right", y = t ? 80 : 72, b = !!l, [s, a] = S(null), [k, N] = S(!1), E = M(null), v = M(!1), w = L(
+    (T) => {
+      if (typeof window > "u") return T;
+      const q = y / 2, j = Ft + q, X = window.innerHeight - Ft - q;
+      return X < j ? Math.max(j, T) : Math.max(j, Math.min(X, T));
     },
     [y]
   );
-  N(() => {
-    const M = Xn();
-    a(w(M ?? window.innerHeight / 2));
-    const B = () => {
-      a((F) => F === null ? null : w(F));
+  R(() => {
+    const T = Kn();
+    a(w(T ?? window.innerHeight / 2));
+    const q = () => {
+      a((j) => j === null ? null : w(j));
     };
-    return window.addEventListener("resize", B), () => window.removeEventListener("resize", B);
+    return window.addEventListener("resize", q), () => window.removeEventListener("resize", q);
   }, [w]);
-  const H = L(
-    (M) => {
-      if (!(M.pointerType === "mouse" && M.button !== 0) && s !== null) {
+  const O = L(
+    (T) => {
+      if (!(T.pointerType === "mouse" && T.button !== 0) && s !== null) {
         try {
-          M.currentTarget.setPointerCapture(M.pointerId);
+          T.currentTarget.setPointerCapture(T.pointerId);
         } catch {
         }
-        C.current = {
-          startClientY: M.clientY,
+        E.current = {
+          startClientY: T.clientY,
           startCenterY: s,
           moved: !1
         };
       }
     },
     [s]
-  ), I = L(
-    (M) => {
-      const B = C.current;
-      if (!B) return;
-      const F = M.clientY - B.startClientY;
-      !B.moved && Math.abs(F) > Kn && (B.moved = !0, E(!0)), B.moved && a(w(B.startCenterY + F));
+  ), $ = L(
+    (T) => {
+      const q = E.current;
+      if (!q) return;
+      const j = T.clientY - q.startClientY;
+      !q.moved && Math.abs(j) > Jn && (q.moved = !0, N(!0)), q.moved && a(w(q.startCenterY + j));
     },
     [w]
-  ), q = L(
-    (M) => {
-      const B = C.current;
-      if (B) {
+  ), U = L(
+    (T) => {
+      const q = E.current;
+      if (q) {
         try {
-          M.currentTarget.releasePointerCapture(M.pointerId);
+          T.currentTarget.releasePointerCapture(T.pointerId);
         } catch {
         }
-        C.current = null, B.moved && (E(!1), v.current = !0, a((F) => (F !== null && Vt(F), F)));
+        E.current = null, q.moved && (N(!1), v.current = !0, a((j) => (j !== null && jt(j), j)));
       }
     },
     []
@@ -688,40 +688,40 @@ const Gn = ({
       v.current = !1;
       return;
     }
-    i();
-  }, [i]), R = L(
-    (M) => {
-      if (M.key === "ArrowUp" || M.key === "ArrowDown") {
-        M.preventDefault();
-        const B = M.key === "ArrowUp" ? -8 : 8;
-        a((F) => {
-          if (F === null) return F;
-          const G = w(F + B);
-          return Vt(G), G;
+    o();
+  }, [o]), D = L(
+    (T) => {
+      if (T.key === "ArrowUp" || T.key === "ArrowDown") {
+        T.preventDefault();
+        const q = T.key === "ArrowUp" ? -8 : 8;
+        a((j) => {
+          if (j === null) return j;
+          const X = w(j + q);
+          return jt(X), X;
         });
       }
     },
     [w]
-  ), W = [
+  ), V = [
     "ll-hidden",
     `ll-hidden--${u}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
-    x ? "is-dragging" : null,
+    k ? "is-dragging" : null,
     b ? "ll-hidden--with-avatar" : null
   ].filter(Boolean).join(" "), z = s === null ? void 0 : { top: `${s - y / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: W,
-      onPointerDown: H,
-      onPointerMove: I,
-      onPointerUp: q,
-      onPointerCancel: q,
+      className: V,
+      onPointerDown: O,
+      onPointerMove: $,
+      onPointerUp: U,
+      onPointerCancel: U,
       onClick: m,
-      onKeyDown: R,
-      "aria-label": o,
+      onKeyDown: D,
+      "aria-label": i,
       "data-position": e,
       style: z,
       children: b ? (
@@ -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__ */ _(Lt, { children: [
+        /* @__PURE__ */ _(St, { children: [
           /* @__PURE__ */ n(
-            Ut,
+            Wt,
             {
               direction: f,
               className: "ll-hidden__chevron ll-hidden__chevron--mini"
@@ -741,14 +741,14 @@ const Gn = ({
             "img",
             {
               src: l,
-              alt: c ? `${c} avatar` : "Agent avatar",
+              alt: d ? `${d} avatar` : "Agent avatar",
               className: "ll-hidden__avatar",
               draggable: !1
             }
           )
         ] })
       ) : /* @__PURE__ */ n(
-        Ut,
+        Wt,
         {
           direction: f,
           className: "ll-hidden__chevron"
@@ -760,31 +760,31 @@ const Gn = ({
   audioLevel: e,
   bars: t = 20,
   maxHeight: r = 20,
-  minHeight: i = 4,
-  className: o,
+  minHeight: o = 4,
+  className: i,
   barClassName: l
 }) => {
-  const c = A(null), u = A([]), f = dt(() => {
+  const d = M(null), u = M([]), f = ut(() => {
     const b = (Math.sqrt(5) - 1) / 2;
     return Array.from({ length: t }, (s, a) => 0.5 + a * b % 1 * 0.5);
   }, [t]);
-  N(() => e.subscribe((s) => {
+  R(() => e.subscribe((s) => {
     for (let a = 0; a < t; a++) {
-      const x = u.current[a];
-      if (!x) continue;
-      const E = Math.max(i, s * r * f[a]);
-      x.style.height = `${E}px`;
+      const k = u.current[a];
+      if (!k) continue;
+      const N = Math.max(o, s * r * f[a]);
+      k.style.height = `${N}px`;
     }
-  }), [e, t, r, i, f]);
-  const y = ["ll-waveform", o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: c, className: y, "aria-hidden": "true", children: Array.from({ length: t }, (b, s) => /* @__PURE__ */ n(
+  }), [e, t, r, o, f]);
+  const y = ["ll-waveform", i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: d, className: y, "aria-hidden": "true", children: Array.from({ length: t }, (b, s) => /* @__PURE__ */ n(
     "div",
     {
       ref: (a) => {
         u.current[s] = a;
       },
       className: ["ll-waveform__bar", l].filter(Boolean).join(" "),
-      style: { height: `${i}px` }
+      style: { height: `${o}px` }
     },
     s
   )) });
@@ -792,10 +792,10 @@ const Gn = ({
   position: e,
   isMobile: t,
   agentName: r,
-  avatarImageUrl: i,
-  agentState: o,
+  avatarImageUrl: o,
+  agentState: i,
   isMuted: l,
-  audioLevel: c,
+  audioLevel: d,
   onExpand: u,
   onToggleMute: f,
   onClose: y
@@ -813,12 +813,12 @@ const Gn = ({
         onClick: u,
         "aria-label": `Expand ${r} widget`,
         children: [
-          i ? (
+          o ? (
             // eslint-disable-next-line @next/next/no-img-element
             /* @__PURE__ */ n(
               "img",
               {
-                src: i,
+                src: o,
                 alt: r,
                 className: "ll-minimized__avatar"
               }
@@ -827,7 +827,7 @@ const Gn = ({
           /* @__PURE__ */ n(
             Qn,
             {
-              audioLevel: c,
+              audioLevel: d,
               bars: 16,
               maxHeight: 18,
               className: "ll-minimized__waveform"
@@ -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(Wt, { muted: l, className: "ll-minimized__icon" })
+                children: /* @__PURE__ */ n(qt, { muted: l, className: "ll-minimized__icon" })
               }
             ),
-            /* @__PURE__ */ n(Ft, { className: "ll-minimized__icon ll-minimized__icon--expand" })
+            /* @__PURE__ */ n(Vt, { className: "ll-minimized__icon ll-minimized__icon--expand" })
           ] })
         ]
       }
@@ -865,12 +865,12 @@ const Gn = ({
     role: "region",
     "aria-label": `${r} widget`,
     children: /* @__PURE__ */ _("div", { className: "ll-minimized__surface", children: [
-      i ? (
+      o ? (
         // eslint-disable-next-line @next/next/no-img-element
         /* @__PURE__ */ n(
           "img",
           {
-            src: i,
+            src: o,
             alt: r,
             className: "ll-minimized__avatar"
           }
@@ -878,7 +878,7 @@ const Gn = ({
       ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
       /* @__PURE__ */ _("div", { className: "ll-minimized__meta", children: [
         /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
-        /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: o === "speaking" ? "Speaking" : o === "thinking" ? "Thinking" : "Listening" })
+        /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: i === "speaking" ? "Speaking" : i === "thinking" ? "Thinking" : "Listening" })
       ] }),
       /* @__PURE__ */ _("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
@@ -888,7 +888,7 @@ const Gn = ({
             className: "ll-minimized__btn",
             onClick: f,
             "aria-label": l ? "Unmute microphone" : "Mute microphone",
-            children: /* @__PURE__ */ n(Wt, { muted: l, className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(qt, { 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(Ft, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Vt, { className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -908,7 +908,7 @@ const Gn = ({
             className: "ll-minimized__btn ll-minimized__btn--close",
             onClick: y,
             "aria-label": "Close widget",
-            children: /* @__PURE__ */ n(Vn, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(jn, { className: "ll-minimized__icon" })
           }
         )
       ] })
@@ -918,12 +918,12 @@ const Gn = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
-  className: i,
-  style: o
+  className: o,
+  style: i
 }) => {
-  const [l, c] = S(!1), u = A(e);
-  if (N(() => {
-    u.current !== e && (u.current = e, c(!1));
+  const [l, d] = S(!1), u = M(e);
+  if (R(() => {
+    u.current !== e && (u.current = e, d(!1));
   }, [e]), !e) return null;
   const f = {
     position: "absolute",
@@ -935,7 +935,7 @@ const Gn = ({
     transition: "opacity 500ms ease, transform 500ms ease",
     transform: r ? "scale(1.02)" : "scale(1)",
     opacity: l ? 1 : 0,
-    ...o
+    ...i
   };
   return (
     // eslint-disable-next-line @next/next/no-img-element
@@ -944,11 +944,11 @@ const Gn = ({
       {
         src: e,
         alt: t,
-        className: i,
+        className: o,
         style: f,
         loading: "eager",
         fetchPriority: "high",
-        onLoad: () => c(!0)
+        onLoad: () => d(!0)
       }
     )
   );
@@ -956,144 +956,144 @@ const Gn = ({
   position: e,
   isMobile: t,
   agentName: r,
-  avatarImageUrl: i,
-  idleLoopUrl: o,
+  avatarImageUrl: o,
+  idleLoopUrl: i,
   greeting: l,
-  branding: c,
+  branding: d,
   teamMembers: u,
   currentTeamMemberId: f,
   isSwitchingTeamMember: y,
   teamSwitcherOpen: b,
   onToggleTeamSwitcher: s,
   onSelectTeamMember: a,
-  languageMenuOpen: x,
-  onToggleLanguageMenu: E,
-  connectionState: C,
+  languageMenuOpen: k,
+  onToggleLanguageMenu: N,
+  connectionState: E,
   agentState: v,
   transcript: w,
-  canResume: H,
-  needsUserGesture: I,
-  error: q,
+  canResume: O,
+  needsUserGesture: $,
+  error: U,
   isMuted: m,
-  micError: R,
-  micDevices: W,
+  micError: D,
+  micDevices: V,
   isCameraEnabled: z,
-  cameraPreviewEl: M,
-  cameraDevices: B,
-  activeCameraId: F,
-  isScreenShareEnabled: G,
+  cameraPreviewEl: T,
+  cameraDevices: q,
+  activeCameraId: j,
+  isScreenShareEnabled: X,
   screenPreviewEl: ie,
   isSpeakerMuted: we,
   allowCamera: tt,
   allowScreenShare: nt,
   allowTyping: rt,
-  avatarVideoContainerRef: it,
+  avatarVideoContainerRef: ot,
   agentVideoEl: re,
-  micGateOpen: ce,
+  micGateOpen: ue,
   onConnect: _e,
-  onDisconnect: Ne,
-  onRetry: Ae,
-  onResumeAudio: Re,
-  onToggleMute: Me,
-  onToggleCamera: Ie,
-  onSwitchCameraDevice: V,
-  onToggleScreenShare: pt,
-  onToggleSpeaker: ht,
-  onSendMessage: ot,
-  onMinimize: de,
-  onClose: Te,
-  onClearMicError: Fe
+  onDisconnect: Ce,
+  onRetry: Ne,
+  onResumeAudio: Ae,
+  onToggleMute: Re,
+  onToggleCamera: Me,
+  onSwitchCameraDevice: Y,
+  onToggleScreenShare: ht,
+  onToggleSpeaker: mt,
+  onSendMessage: it,
+  onMinimize: le,
+  onClose: De,
+  onClearMicError: Ue
 }) => {
-  var Oe;
-  const xe = ((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(() => {
+  var Be;
+  const xe = ((u == null ? void 0 : u.length) ?? 0) > 1, Te = E === "connecting" || E === "connected", K = E === "connected", ee = E === "idle" || E === "disconnected" || E === "error", [Ie, ae] = S(!1);
+  R(() => {
     if (!re) {
-      oe(!1);
+      ae(!1);
       return;
     }
     if (!re.paused && re.readyState >= 2) {
-      oe(!0);
+      ae(!0);
       return;
     }
-    oe(!1);
-    const p = () => oe(!0);
+    ae(!1);
+    const p = () => ae(!0);
     return re.addEventListener("playing", p), re.addEventListener("loadeddata", p), () => {
       re.removeEventListener("playing", p), re.removeEventListener("loadeddata", p);
     };
   }, [re]);
-  const [ue, ke] = S(!1);
-  N(() => {
-    if (!X) {
+  const [fe, ke] = S(!1);
+  R(() => {
+    if (!K) {
       ke(!1);
       return;
     }
-    if (Pe) return;
+    if (Ie) return;
     const p = setTimeout(() => ke(!0), 8e3);
     return () => clearTimeout(p);
-  }, [X, Pe]);
-  const Ue = C === "connecting" || X && !!i && !Pe && !ue, te = A(null), le = A(null);
-  N(() => {
+  }, [K, Ie]);
+  const qe = E === "connecting" || K && !!o && !Ie && !fe, te = M(null), se = M(null);
+  R(() => {
     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)));
-  }, [M]), N(() => {
-    const p = le.current;
+    p && (p.innerHTML = "", T && (T.style.width = "100%", T.style.height = "100%", T.style.objectFit = "cover", T.style.transform = "scaleX(-1)", p.appendChild(T)));
+  }, [T]), R(() => {
+    const p = se.current;
     p && (p.innerHTML = "", ie && (ie.style.width = "100%", ie.style.height = "100%", ie.style.objectFit = "contain", p.appendChild(ie)));
   }, [ie]);
-  const [ae, pe] = S(!1), [$e, he] = S(!1);
-  N(() => {
-    if (!ae && !$e && !x && !b) return;
+  const [ce, pe] = S(!1), [Pe, he] = S(!1);
+  R(() => {
+    if (!ce && !Pe && !k && !b) return;
     const p = () => {
-      pe(!1), he(!1), x && E(), b && s();
+      pe(!1), he(!1), k && N(), b && s();
     };
     return document.addEventListener("click", p), () => document.removeEventListener("click", p);
   }, [
-    ae,
-    $e,
-    x,
+    ce,
+    Pe,
+    k,
     b,
-    E,
+    N,
     s
   ]);
-  const [me, je] = S(""), Ve = L(
+  const [me, Ve] = S(""), We = L(
     (p) => {
       p.preventDefault();
-      const Y = me.trim();
-      Y && (ot(Y), je(""));
+      const J = me.trim();
+      J && (it(J), Ve(""));
     },
-    [me, ot]
-  ), Ye = c.productName || "Live Layer";
+    [me, it]
+  ), Fe = d.productName || "Live Layer";
   let ge = null, ye = null;
   for (let p = w.length - 1; p >= 0; p--) {
-    const Y = w[p];
-    if (!ge && Y.role === "agent" ? ge = Y : !ye && Y.role === "user" && (ye = Y), ge && ye) break;
+    const J = w[p];
+    if (!ge && J.role === "agent" ? ge = J : !ye && J.role === "user" && (ye = J), ge && ye) break;
   }
-  const ze = X ? (ge == null ? void 0 : ge.text) || null : l || null, lt = X && (ye == null ? void 0 : ye.text) || null, Je = [
+  const $e = K ? (ge == null ? void 0 : ge.text) || null : l || null, lt = K && (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" : De ? "connecting" : "idle",
+      "data-state": K ? "connected" : Te ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
         /* @__PURE__ */ _("div", { className: "ll-expanded__bg", children: [
-          i ? /* @__PURE__ */ n(
+          o ? /* @__PURE__ */ n(
             er,
             {
-              src: i,
+              src: o,
               alt: r,
               className: "ll-expanded__bg-img"
             }
-          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Oe = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Oe.toUpperCase()) || "A" }) }),
-          o && !X && /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Be = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Be.toUpperCase()) || "A" }) }),
+          i && !K && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
-              src: o,
+              src: i,
               autoPlay: !0,
               loop: !0,
               muted: !0,
@@ -1101,24 +1101,24 @@ const Gn = ({
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { ref: it, className: "ll-expanded__video" }),
-        Ue && /* @__PURE__ */ _("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        /* @__PURE__ */ n("div", { ref: ot, className: "ll-expanded__video" }),
+        qe && /* @__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__ */ _(
+        $ && K && /* @__PURE__ */ _(
           "button",
           {
             type: "button",
             className: "ll-expanded__overlay ll-expanded__overlay--gesture",
-            onClick: Re,
+            onClick: Ae,
             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" })
             ]
           }
         ),
-        De ? /* @__PURE__ */ _("div", { className: "ll-expanded__topbar", children: [
+        Te ? /* @__PURE__ */ _("div", { className: "ll-expanded__topbar", children: [
           /* @__PURE__ */ _("div", { className: "ll-expanded__topbar-left", children: [
             /* @__PURE__ */ _("div", { className: "ll-expanded__pill-wrap", children: [
               /* @__PURE__ */ _(
@@ -1176,10 +1176,10 @@ const Gn = ({
                   type: "button",
                   className: "ll-hpill ll-hpill--compact",
                   onClick: (p) => {
-                    p.stopPropagation(), E();
+                    p.stopPropagation(), N();
                   },
                   "aria-haspopup": "listbox",
-                  "aria-expanded": x,
+                  "aria-expanded": k,
                   "aria-label": "Language: English",
                   title: "Language: English",
                   children: [
@@ -1188,7 +1188,7 @@ const Gn = ({
                   ]
                 }
               ),
-              x && /* @__PURE__ */ n(
+              k && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
@@ -1221,10 +1221,10 @@ const Gn = ({
               {
                 type: "button",
                 className: "ll-hbtn",
-                onClick: de,
+                onClick: le,
                 "aria-label": "Minimize widget",
                 title: "Minimize",
-                children: /* @__PURE__ */ n(Jt, {})
+                children: /* @__PURE__ */ n(Yt, {})
               }
             ),
             /* @__PURE__ */ n(
@@ -1232,26 +1232,26 @@ const Gn = ({
               {
                 type: "button",
                 className: "ll-hbtn ll-hbtn--danger",
-                onClick: Te,
+                onClick: De,
                 "aria-label": "End call",
                 title: "End call",
-                children: /* @__PURE__ */ n(Yt, {})
+                children: /* @__PURE__ */ n(Gt, {})
               }
             )
           ] })
         ] }) : (
           // 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: Ye }),
+            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Fe }),
             /* @__PURE__ */ _("div", { className: "ll-expanded__header-actions", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: de,
+                  onClick: le,
                   "aria-label": "Minimize widget",
-                  children: /* @__PURE__ */ n(Jt, {})
+                  children: /* @__PURE__ */ n(Yt, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1259,18 +1259,18 @@ const Gn = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: Te,
+                  onClick: De,
                   "aria-label": "Close widget",
-                  children: /* @__PURE__ */ n(Yt, {})
+                  children: /* @__PURE__ */ n(Gt, {})
                 }
               )
             ] })
           ] })
         ),
         ee && /* @__PURE__ */ (() => {
-          const p = H ? "Restart paused session" : C === "disconnected" ? "Reconnect to agent" : "Start video call", Y = H ? "Pick up where you left off" : null;
-          return /* @__PURE__ */ _(Lt, { children: [
-            C === "idle" && !H && !q && /* @__PURE__ */ _(
+          const p = O ? "Restart paused session" : E === "disconnected" ? "Reconnect to agent" : "Start video call", J = O ? "Pick up where you left off" : null;
+          return /* @__PURE__ */ _(St, { children: [
+            E === "idle" && !O && !U && /* @__PURE__ */ _(
               "button",
               {
                 type: "button",
@@ -1285,7 +1285,7 @@ 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 }),
+              J && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: J }),
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1302,32 +1302,32 @@ const Gn = ({
         /* @__PURE__ */ _(
           "div",
           {
-            className: `ll-expanded__pip ${De && (z || G) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${Te && (z || X) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: le,
-                  className: G ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: se,
+                  className: X ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
                   ref: te,
-                  className: !G && z ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  className: !X && z ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        De ? /* @__PURE__ */ _("div", { className: "ll-expanded__bottom", children: [
-          ze && /* @__PURE__ */ n(
+        Te ? /* @__PURE__ */ _("div", { className: "ll-expanded__bottom", children: [
+          $e && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--agent",
               "data-role": "agent",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: ze })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: $e })
             }
           ),
           lt && /* @__PURE__ */ n(
@@ -1343,10 +1343,10 @@ const Gn = ({
               "button",
               {
                 type: "button",
-                className: `ll-tool ${G ? "is-on" : ""}`,
-                onClick: pt,
-                "aria-label": G ? "Stop sharing screen" : "Share screen",
-                title: G ? "Stop sharing" : "Share screen",
+                className: `ll-tool ${X ? "is-on" : ""}`,
+                onClick: ht,
+                "aria-label": X ? "Stop sharing screen" : "Share screen",
+                title: X ? "Stop sharing" : "Share screen",
                 children: /* @__PURE__ */ n(nr, {})
               }
             ),
@@ -1356,7 +1356,7 @@ const Gn = ({
                 {
                   type: "button",
                   className: `ll-tool ll-tool--left ${z ? "is-on" : ""}`,
-                  onClick: Ie,
+                  onClick: Me,
                   "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(), he((Y) => !Y), pe(!1);
+                    p.stopPropagation(), he((J) => !J), pe(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": $e,
+                  "aria-expanded": Pe,
                   children: /* @__PURE__ */ n(st, {})
                 }
               ),
-              $e && B.length > 0 && /* @__PURE__ */ n(
-                Kt,
+              Pe && q.length > 0 && /* @__PURE__ */ n(
+                Jt,
                 {
                   label: "Camera",
-                  devices: B,
-                  activeId: F,
+                  devices: q,
+                  activeId: j,
                   onPick: (p) => {
-                    he(!1), V(p);
+                    he(!1), Y(p);
                   }
                 }
               )
@@ -1391,18 +1391,18 @@ const Gn = ({
             /* @__PURE__ */ _(
               "div",
               {
-                className: `ll-tool-split${!ce && X ? " ll-tool-split--gated" : ""}`,
+                className: `ll-tool-split${!ue && K ? " ll-tool-split--gated" : ""}`,
                 children: [
                   /* @__PURE__ */ n(
                     "button",
                     {
                       type: "button",
                       className: `ll-tool ll-tool--left ${m ? "is-muted" : ""}`,
-                      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",
-                      children: /* @__PURE__ */ n(ir, { muted: m })
+                      onClick: Re,
+                      disabled: !ue && K,
+                      "aria-label": !ue && K ? "Microphone enables once the agent finishes its greeting" : m ? "Unmute microphone" : "Mute microphone",
+                      title: !ue && K ? "Mic enables after greeting" : m ? "Unmute" : "Mute",
+                      children: /* @__PURE__ */ n(or, { muted: m })
                     }
                   ),
                   /* @__PURE__ */ n(
@@ -1411,19 +1411,19 @@ const Gn = ({
                       type: "button",
                       className: `ll-tool ll-tool--right ${m ? "is-muted" : ""}`,
                       onClick: (p) => {
-                        p.stopPropagation(), pe((Y) => !Y), he(!1);
+                        p.stopPropagation(), pe((J) => !J), he(!1);
                       },
                       "aria-label": "Microphone devices",
                       "aria-haspopup": "listbox",
-                      "aria-expanded": ae,
+                      "aria-expanded": ce,
                       children: /* @__PURE__ */ n(st, {})
                     }
                   ),
-                  ae && W.length > 0 && /* @__PURE__ */ n(
-                    Kt,
+                  ce && V.length > 0 && /* @__PURE__ */ n(
+                    Jt,
                     {
                       label: "Microphone",
-                      devices: W,
+                      devices: V,
                       activeId: "",
                       onPick: () => pe(!1)
                     }
@@ -1436,10 +1436,10 @@ const Gn = ({
               {
                 type: "button",
                 className: `ll-tool ${we ? "is-muted" : ""}`,
-                onClick: ht,
+                onClick: mt,
                 "aria-label": we ? "Unmute speaker" : "Mute speaker",
                 title: we ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(or, { muted: we })
+                children: /* @__PURE__ */ n(ir, { muted: we })
               }
             ),
             /* @__PURE__ */ n(
@@ -1447,14 +1447,14 @@ const Gn = ({
               {
                 type: "button",
                 className: "ll-tool ll-tool--danger",
-                onClick: Ne,
+                onClick: Ce,
                 "aria-label": "End conversation",
                 title: "End conversation",
                 children: /* @__PURE__ */ n(ar, {})
               }
             )
           ] }),
-          rt && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: Ve, children: [
+          rt && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: We, children: [
             /* @__PURE__ */ n(
               "input",
               {
@@ -1462,7 +1462,7 @@ const Gn = ({
                 className: "ll-message-input__field",
                 placeholder: "Message...",
                 value: me,
-                onChange: (p) => je(p.target.value),
+                onChange: (p) => Ve(p.target.value),
                 "aria-label": "Message the agent"
               }
             ),
@@ -1478,31 +1478,31 @@ const Gn = ({
           ] })
         ] }) : null,
         (() => {
-          if (R && C !== "error")
+          if (D && E !== "error")
             return /* @__PURE__ */ _("div", { className: "ll-expanded__banner", role: "alert", children: [
-              /* @__PURE__ */ n("span", { children: R }),
+              /* @__PURE__ */ n("span", { children: D }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__banner-x",
-                  onClick: Fe,
+                  onClick: Ue,
                   "aria-label": "Dismiss",
                   children: "×"
                 }
               )
             ] });
-          if (!q || C !== "error") return null;
-          let p = "Failed to connect", Y = "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: [
+          if (!U || E !== "error") return null;
+          let p = "Failed to connect", J = "Try again";
+          return U === "MIC_PERMISSION_DENIED" ? p = "Microphone blocked. Allow access to talk." : U === "MIC_NOT_FOUND" ? p = "No microphone found. Plug one in + retry." : U === "MIC_UNAVAILABLE" ? p = "Mic unavailable. Check other apps using it." : U === "AGENT_TIMEOUT" ? p = "Agent didn't pick up. Try again." : U === "CONNECT_FAILED" ? p = "Connection failed. Check your network." : U.length < 80 && (p = U), /* @__PURE__ */ _("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
             /* @__PURE__ */ n("span", { children: p }),
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: Ae,
-                children: Y
+                onClick: Ne,
+                children: J
               }
             )
           ] });
@@ -1514,13 +1514,13 @@ const Gn = ({
 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 Yt() {
+function Gt() {
   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 Jt() {
+function Yt() {
   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() {
@@ -1536,7 +1536,7 @@ function rr() {
     /* @__PURE__ */ n("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
   ] });
 }
-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("path", { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
     /* @__PURE__ */ n("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
@@ -1544,10 +1544,10 @@ function ir({ muted: e }) {
     e && /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function or({ muted: e }) {
+function ir({ 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__ */ _(Lt, { 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,30 +1568,30 @@ function ar() {
     }
   ) });
 }
-const Kt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ _(
+const Jt = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ _(
   "div",
   {
     className: "ll-device-menu",
-    onClick: (o) => o.stopPropagation(),
+    onClick: (i) => i.stopPropagation(),
     role: "listbox",
     children: [
       /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
-      t.map((o, l) => {
-        const c = r === o.deviceId;
+      t.map((i, l) => {
+        const d = r === i.deviceId;
         return /* @__PURE__ */ _(
           "button",
           {
             type: "button",
-            className: `ll-device-menu__item ${c ? "is-active" : ""}`,
-            onClick: () => i(o.deviceId),
+            className: `ll-device-menu__item ${d ? "is-active" : ""}`,
+            onClick: () => o(i.deviceId),
             role: "option",
-            "aria-selected": c,
+            "aria-selected": d,
             children: [
-              c && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
-              /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: o.label || `${e} ${l + 1}` })
+              d && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
+              /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: i.label || `${e} ${l + 1}` })
             ]
           },
-          o.deviceId || l
+          i.deviceId || l
         );
       })
     ]
@@ -1609,7 +1609,7 @@ function Ct(e) {
   }
   return !1;
 }
-function ft(e) {
+function pt(e) {
   if (Ct(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
@@ -1618,7 +1618,7 @@ function ft(e) {
   }
   return !0;
 }
-const ct = 4096, cr = 20, dr = 20, ur = 10, fr = 10, pr = 30, Xt = 500, hr = [
+const ct = 4096, cr = 20, dr = 20, ur = 10, fr = 10, pr = 30, Kt = 500, hr = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1640,10 +1640,10 @@ 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;
+  const r = window.innerHeight || document.documentElement.clientHeight, o = window.innerWidth || document.documentElement.clientWidth;
+  return t.bottom > 0 && t.right > 0 && t.top < r && t.left < o;
 }
-function Gt(e) {
+function Xt(e) {
   const t = e.getAttribute("id");
   if (t) {
     const l = document.querySelector(`label[for="${CSS.escape(t)}"]`);
@@ -1651,15 +1651,15 @@ function Gt(e) {
   }
   const r = e.getAttribute("aria-label");
   if (r) return r.trim();
-  const i = e.getAttribute("placeholder");
-  if (i) return i.trim();
-  const o = e.closest("label");
-  return o != null && o.textContent ? o.textContent.trim() : "";
+  const o = e.getAttribute("placeholder");
+  if (o) return o.trim();
+  const i = e.closest("label");
+  return i != null && i.textContent ? i.textContent.trim() : "";
 }
 function Ee(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-function qe(e) {
+function ze(e) {
   return e.length;
 }
 function mr(e, t = {}) {
@@ -1676,102 +1676,102 @@ function mr(e, t = {}) {
       forms: [],
       extras: e
     };
-  const i = typeof window < "u" && window.location.href || "", o = typeof window < "u" && window.location.pathname || "/", l = r.title || "", c = Array.from(
+  const o = typeof window < "u" && window.location.href || "", i = typeof window < "u" && window.location.pathname || "/", l = r.title || "", d = Array.from(
     r.querySelectorAll("[data-ll-region]")
   ), u = [];
-  for (const m of c) {
+  for (const m of d) {
     if (u.length >= ur) break;
     if (Ze(m) || !et(m)) continue;
-    const R = m.getAttribute("data-ll-region") ?? "", W = m.getAttribute("data-ll-intent") ?? void 0, z = Ee(
+    const D = m.getAttribute("data-ll-region") ?? "", V = m.getAttribute("data-ll-intent") ?? void 0, z = Ee(
       (m.innerText || m.textContent || "").trim(),
-      Xt * 2
+      Kt * 2
     );
-    !R || !z || u.push({ id: R, intent: W, text: z });
+    !D || !z || u.push({ id: D, intent: V, text: z });
   }
   const f = [], y = ["H1", "H2", "H3", "H4", "H5", "H6"], b = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
   for (const m of b) {
     if (Ze(m) || !et(m)) continue;
-    const R = (m.textContent || "").trim();
-    R && f.push(`${m.tagName}: ${Ee(R, 200)}`);
+    const D = (m.textContent || "").trim();
+    D && f.push(`${m.tagName}: ${Ee(D, 200)}`);
   }
   const s = Array.from(r.querySelectorAll("p, li"));
   for (const m of s) {
     if (Ze(m) || !et(m) || y.includes(m.tagName)) continue;
-    const R = (m.textContent || "").trim();
-    R.length > 10 && f.push(Ee(R, Xt));
+    const D = (m.textContent || "").trim();
+    D.length > 10 && f.push(Ee(D, Kt));
   }
   const a = f.join(`
-`), x = [], E = Array.from(r.querySelectorAll("a[href]"));
-  for (const m of E) {
-    if (x.length >= cr) break;
+`), k = [], N = Array.from(r.querySelectorAll("a[href]"));
+  for (const m of N) {
+    if (k.length >= cr) break;
     if (Ze(m) || !et(m)) continue;
-    const R = m.getAttribute("href") || "", W = (m.textContent || "").trim();
-    !R || !W || x.push({ href: R, text: Ee(W, 100) });
+    const D = m.getAttribute("href") || "", V = (m.textContent || "").trim();
+    !D || !V || k.push({ href: D, text: Ee(V, 100) });
   }
-  const C = [], v = Array.from(
+  const E = [], v = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
   for (const m of v) {
-    if (C.length >= dr) break;
-    if (Ze(m) || !ft(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 });
+    if (E.length >= dr) break;
+    if (Ze(m) || !pt(m) || !et(m)) continue;
+    const D = Xt(m), V = m instanceof HTMLInputElement ? m.type : m.tagName.toLowerCase();
+    D && E.push({ label: Ee(D, 100), type: V });
   }
   const w = Array.from(
     r.querySelectorAll("[data-ll-form]")
-  ), H = [];
+  ), O = [];
   for (const m of w) {
-    if (H.length >= fr) break;
+    if (O.length >= fr) break;
     if (Ct(m)) continue;
-    const R = m.getAttribute("data-ll-form") || "";
-    if (!R) continue;
-    const W = m.getAttribute("data-ll-intent") || void 0, z = Array.from(
+    const D = m.getAttribute("data-ll-form") || "";
+    if (!D) continue;
+    const V = m.getAttribute("data-ll-intent") || void 0, z = Array.from(
       m.querySelectorAll(
         "[data-ll-field]"
       )
-    ), M = [];
-    for (const B of z) {
-      if (M.length >= pr) break;
-      if (!ft(B)) continue;
-      const F = B.getAttribute("data-ll-field") || "";
-      if (!F) continue;
-      const G = Gt(B) || F, ie = B instanceof HTMLInputElement ? B.type : B.tagName.toLowerCase();
-      M.push({ name: F, label: Ee(G, 100), type: ie });
+    ), T = [];
+    for (const q of z) {
+      if (T.length >= pr) break;
+      if (!pt(q)) continue;
+      const j = q.getAttribute("data-ll-field") || "";
+      if (!j) continue;
+      const X = Xt(q) || j, ie = q instanceof HTMLInputElement ? q.type : q.tagName.toLowerCase();
+      T.push({ name: j, label: Ee(X, 100), type: ie });
     }
-    H.push({ id: R, intent: W, fields: M });
+    O.push({ id: D, intent: V, fields: T });
   }
-  const I = {
-    url: i,
+  const $ = {
+    url: o,
     title: l,
-    pathname: o,
+    pathname: i,
     regions: u,
     visibleText: a,
-    visibleLinks: x,
-    visibleFields: C,
-    forms: H,
+    visibleLinks: k,
+    visibleFields: E,
+    forms: O,
     extras: e
   };
-  let q = qe(JSON.stringify(I.regions)) + qe(I.visibleText) + qe(JSON.stringify(I.visibleLinks)) + qe(JSON.stringify(I.visibleFields));
-  for (; q > ct && I.visibleFields.length > 0; )
-    I.visibleFields.pop(), q = qe(JSON.stringify(I.visibleFields));
-  for (; q > ct && I.visibleLinks.length > 0; )
-    I.visibleLinks.pop(), q -= 80;
-  return qe(I.visibleText) > ct && (I.visibleText = Ee(I.visibleText, ct - 100)), I;
-}
-let Be = null;
-function _t(e, t = {}) {
-  const r = Date.now(), o = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if (Be && Be.key === o && r - Be.at < 1e3)
-    return Be.ctx;
+  let U = ze(JSON.stringify($.regions)) + ze($.visibleText) + ze(JSON.stringify($.visibleLinks)) + ze(JSON.stringify($.visibleFields));
+  for (; U > ct && $.visibleFields.length > 0; )
+    $.visibleFields.pop(), U = ze(JSON.stringify($.visibleFields));
+  for (; U > ct && $.visibleLinks.length > 0; )
+    $.visibleLinks.pop(), U -= 80;
+  return ze($.visibleText) > ct && ($.visibleText = Ee($.visibleText, ct - 100)), $;
+}
+let Oe = null;
+function kt(e, t = {}) {
+  const r = Date.now(), i = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
+  if (Oe && Oe.key === i && r - Oe.at < 1e3)
+    return Oe.ctx;
   const l = mr(e, t);
-  return Be = { key: o, at: r, ctx: l }, l;
+  return Oe = { key: i, at: r, ctx: l }, l;
 }
 function gr() {
-  Be = null;
+  Oe = null;
 }
 const yr = 200;
 function vr(e) {
@@ -1790,11 +1790,11 @@ function br(e) {
 function wr(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
-  const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), o = [], l = Array.from(t.querySelectorAll("a[href]"));
-  for (const c of l) {
-    if (o.length >= yr) break;
-    if (Ct(c)) continue;
-    const u = c.getAttribute("href") || "";
+  const r = typeof window < "u" && window.location.origin || "", o = /* @__PURE__ */ new Set(), i = [], l = Array.from(t.querySelectorAll("a[href]"));
+  for (const d of l) {
+    if (i.length >= yr) break;
+    if (Ct(d)) continue;
+    const u = d.getAttribute("href") || "";
     if (!br(u)) continue;
     let f = u, y = !0;
     try {
@@ -1805,40 +1805,40 @@ function wr(e) {
     } catch {
       continue;
     }
-    if (i.has(f)) continue;
-    i.add(f);
-    const b = (c.textContent || "").trim().slice(0, 120);
-    o.push({ href: f, text: b, internal: y });
+    if (o.has(f)) continue;
+    o.add(f);
+    const b = (d.textContent || "").trim().slice(0, 120);
+    i.push({ href: f, text: b, internal: y });
   }
-  return o;
+  return i;
 }
-let We = null;
+let He = null;
 const _r = 5e3;
-function xt() {
+function dt() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (We && We.pathname === t && e - We.at < _r)
-    return We.routes;
+  if (He && He.pathname === t && e - He.at < _r)
+    return He.routes;
   const r = wr();
-  return We = { at: e, pathname: t, routes: r }, r;
+  return He = { at: e, pathname: t, routes: r }, r;
 }
 function xr() {
-  We = null;
+  He = 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;
-  o ? o.call(e, t) : e.value = t;
+  const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, o = Object.getOwnPropertyDescriptor(r, "value"), i = o == null ? void 0 : o.set;
+  i ? i.call(e, t) : e.value = t;
 }
 function Lr(e, t, r = {}) {
-  const i = r.triggerInput ?? !0, o = r.triggerChange ?? !0;
+  const o = r.triggerInput ?? !0, i = r.triggerChange ?? !0;
   if (e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio")) {
     const l = Object.getOwnPropertyDescriptor(
       HTMLInputElement.prototype,
       "checked"
-    ), c = l == null ? void 0 : l.set, u = t === "true" || t === "1" || t === "on";
-    c ? c.call(e, u) : e.checked = u, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+    ), d = l == null ? void 0 : l.set, u = t === "true" || t === "1" || t === "on";
+    d ? d.call(e, u) : e.checked = u, o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
-  kr(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  kr(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
 function Sr() {
   if (typeof window > "u" || typeof document > "u")
@@ -1848,23 +1848,23 @@ function Sr() {
   const t = window.getComputedStyle(e);
   return !(t.overflowY === "hidden" || t.overflowY === "clip");
 }
-function Cr(e) {
+function Er(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const r = window.getComputedStyle(e).overflowY;
   return !(r !== "auto" && r !== "scroll" || e.scrollHeight <= e.clientHeight + 2);
 }
-function Er() {
+function Cr() {
   if (typeof document > "u") return null;
   const e = Array.from(
     document.querySelectorAll("body, body *")
   );
   let t = null, r = 0;
-  for (const i of e) {
-    if (!Cr(i)) continue;
-    const o = i.getBoundingClientRect();
-    if (o.bottom <= 0 || o.top >= window.innerHeight || o.right <= 0 || o.left >= window.innerWidth || o.width <= 0 || o.height <= 0 || i.closest(".ll-widget")) continue;
-    const l = o.width * o.height;
-    l > r && (r = l, t = i);
+  for (const o of e) {
+    if (!Er(o)) continue;
+    const i = o.getBoundingClientRect();
+    if (i.bottom <= 0 || i.top >= window.innerHeight || i.right <= 0 || i.left >= window.innerWidth || i.width <= 0 || i.height <= 0 || o.closest(".ll-widget")) continue;
+    const l = i.width * i.height;
+    l > r && (r = l, t = o);
   }
   return t;
 }
@@ -1872,7 +1872,7 @@ function Nr() {
   if (typeof window > "u")
     return null;
   if (Sr()) return window;
-  const e = Er();
+  const e = Cr();
   return e || window;
 }
 function Qt(e) {
@@ -1909,797 +1909,845 @@ const Rr = /* @__PURE__ */ new Set([
   "request_routes"
 ]);
 function Mr(e) {
-  var Mt, It, Tt, Dt, Pt, $t, zt;
+  var Mt, Dt, Tt, It, Pt, $t, Bt;
   const {
     agentId: t,
     apiKey: r,
-    baseUrl: i = "https://app.livelayer.studio",
-    sessionEndpoint: o,
+    baseUrl: o = "https://app.livelayer.studio",
+    sessionEndpoint: i,
     sessionBody: l,
-    autoConnect: c = !1,
+    autoConnect: d = !1,
     displayMode: u,
     defaultDisplayMode: f = "expanded",
     onDisplayModeChange: y,
     position: b = "bottom-right",
     mobileBreakpoint: s = 640,
     persistKey: a = "ll-widget",
-    disablePersistence: x = !1,
-    teamMembers: E,
-    currentTeamMemberId: C,
+    disablePersistence: k = !1,
+    teamMembers: N,
+    currentTeamMemberId: E,
     onTeamMemberChange: v,
     idleLoopUrl: w,
-    greeting: H,
-    avatarImageUrl: I,
-    agentName: q,
+    greeting: O,
+    avatarImageUrl: $,
+    agentName: U,
     branding: m = {},
-    allowCamera: R = !0,
-    allowScreenShare: W = !0,
+    allowCamera: D = !0,
+    allowScreenShare: V = !0,
     allowTyping: z = !0,
-    showOn: M,
-    hideOn: B,
-    pathname: F,
-    onNavigate: G,
+    showOn: T,
+    hideOn: q,
+    pathname: j,
+    onNavigate: X,
     onScrollToSelector: ie,
     getPageContext: we,
     pageContextExtras: tt,
     getRoutes: nt,
     onScrollPage: rt,
-    onClick: it,
+    onClick: ot,
     capabilities: re,
-    onConnect: ce,
+    onConnect: ue,
     onDisconnect: _e,
-    onTranscript: Ne,
-    onAgentState: Ae,
-    onConnectionStateChange: Re,
-    onAgentEvent: Me,
-    onAgentCommand: Ie,
-    controlledSession: V,
-    className: pt,
-    style: ht,
-    zIndex: ot = 2147483647
-  } = e, de = On(F), Te = jn(de, M, B);
-  N(() => {
+    onTranscript: Ce,
+    onAgentState: Ne,
+    onConnectionStateChange: Ae,
+    onAgentEvent: Re,
+    onAgentCommand: Me,
+    controlledSession: Y,
+    className: ht,
+    style: mt,
+    zIndex: it = 2147483647
+  } = e, le = zn(j), De = Fn(le, T, q);
+  R(() => {
     gr(), xr();
-  }, [de]);
-  const Fe = C !== void 0, [xe, De] = S(() => {
+  }, [le]);
+  const Ue = E !== void 0, [xe, Te] = S(() => {
     var h;
-    return C ?? ((h = E == null ? void 0 : E[0]) == null ? void 0 : h.id);
-  }), X = Fe ? C : xe, ee = dt(
-    () => (E == null ? void 0 : E.find((h) => h.id === X)) ?? null,
-    [E, X]
-  ), Pe = (ee == null ? void 0 : ee.agentId) ?? t, [oe, ue] = Dn({
+    return E ?? ((h = N == null ? void 0 : N[0]) == null ? void 0 : h.id);
+  }), K = Ue ? E : xe, ee = ut(
+    () => (N == null ? void 0 : N.find((h) => h.id === K)) ?? null,
+    [N, K]
+  ), Ie = (ee == null ? void 0 : ee.agentId) ?? t, [ae, fe] = In({
     value: u,
     defaultValue: f,
     onChange: y,
     persistKey: a,
-    disablePersistence: x
-  }), ke = $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), Y = A(it), mt = A(we), gt = A(tt), Et = A(nt), yt = A(re), ne = A(null);
-  Je.current = G, Oe.current = ie, p.current = rt, Y.current = it, mt.current = we, gt.current = tt, Et.current = nt, yt.current = re;
+    disablePersistence: k
+  }), ke = $n(s), qe = xn(), te = kn(), se = Sn(), ce = En(), pe = Cn(), [Pe, he] = S(!1), [me, Ve] = S(!1), [We, Fe] = S(!1), [ge, ye] = S(!1), [$e, lt] = S(!1), je = M(X), Be = M(ie), p = M(rt), J = M(ot), gt = M(we), yt = M(tt), vt = M(nt), bt = M(re), ne = M(null);
+  je.current = X, Be.current = ie, p.current = rt, J.current = ot, gt.current = we, yt.current = tt, vt.current = nt, bt.current = re;
   function ve(h) {
-    const d = yt.current;
-    return d ? d.includes(h) : !0;
+    const c = bt.current;
+    return c ? c.includes(h) : !0;
   }
-  function be(h, d) {
+  function be(h, c) {
     console.warn(
-      `[LiveLayer] Agent command "${h}" blocked — capability "${d}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
+      `[LiveLayer] Agent command "${h}" blocked — capability "${c}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
     );
   }
-  const Ke = L(
+  const Ge = L(
     (h) => {
-      var Z, Le, fe, He, Se;
-      const d = h;
-      if (!(!d.type || typeof d.type != "string")) {
-        if (Me == null || Me({ eventName: d.type, data: h }), d.type === "navigate") {
+      var Z, Le, oe, Xe, Qe;
+      const c = h;
+      if (!(!c.type || typeof c.type != "string")) {
+        if (Re == null || Re({ eventName: c.type, data: h }), c.type === "navigate") {
           if (!ve("navigate")) {
             be("navigate", "navigate");
             return;
           }
-          const k = typeof d.href == "string" ? d.href : null;
-          if (!k) {
+          const x = typeof c.href == "string" ? c.href : null;
+          if (!x) {
             console.warn(
               `[LiveLayer] Agent emitted "navigate" without href. Skipping. Check your agent's tool schema. See https://livelayer.studio/docs/errors/navigate-missing-href`
             );
             return;
           }
-          if (Je.current) {
+          if (je.current) {
             try {
-              Je.current(k);
-            } catch (T) {
+              je.current(x);
+            } catch (A) {
               console.warn(
-                `[LiveLayer] onNavigate threw for "${k}". Falling back. Error:`,
-                T
+                `[LiveLayer] onNavigate threw for "${x}". Falling back. Error:`,
+                A
               );
             }
             return;
           }
           if (typeof document < "u") {
-            const T = document.querySelector(
-              `a[href="${k.replace(/"/g, '\\"')}"]`
+            const A = document.querySelector(
+              `a[href="${x.replace(/"/g, '\\"')}"]`
             );
-            if (T) {
-              T.click();
+            if (A) {
+              A.click();
               return;
             }
           }
           if (typeof window < "u" && typeof history < "u")
             try {
-              history.pushState({}, "", k), window.dispatchEvent(new PopStateEvent("popstate"));
-            } catch (T) {
+              history.pushState({}, "", x), window.dispatchEvent(new PopStateEvent("popstate"));
+            } catch (A) {
               console.warn(
-                `[LiveLayer] history.pushState fallback failed for "${k}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
-                T
+                `[LiveLayer] history.pushState fallback failed for "${x}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
+                A
               );
             }
           return;
         }
-        if (d.type === "scroll_to") {
+        if (c.type === "scroll_to") {
           if (!ve("scroll")) {
             be("scroll_to", "scroll");
             return;
           }
-          const k = typeof d.selector == "string" ? d.selector : null;
-          if (!k) return;
-          const T = d.behavior === "instant" ? "instant" : "smooth";
-          if (Oe.current) {
+          const x = typeof c.selector == "string" ? c.selector : null;
+          if (!x) return;
+          const A = c.behavior === "instant" ? "instant" : "smooth";
+          if (Be.current) {
             try {
-              Oe.current(
-                k,
-                T
+              Be.current(
+                x,
+                A
               );
-            } catch (P) {
-              console.warn("[LiveLayer] onScrollToSelector threw.", P);
+            } catch (C) {
+              console.warn("[LiveLayer] onScrollToSelector threw.", C);
             }
             return;
           }
           if (typeof document < "u") {
-            let P = null;
+            let C = null;
             try {
-              P = document.querySelector(k);
+              C = document.querySelector(x);
             } catch {
               console.warn(
-                `[LiveLayer] scroll_to: invalid selector "${k}".`
+                `[LiveLayer] scroll_to: invalid selector "${x}".`
               );
               return;
             }
-            if (!P) {
+            if (!C) {
               console.warn(
-                `[LiveLayer] scroll_to: no element matched "${k}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
+                `[LiveLayer] scroll_to: no element matched "${x}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
               );
               return;
             }
-            P.scrollIntoView({
-              behavior: T,
+            C.scrollIntoView({
+              behavior: A,
               block: "start"
             });
           }
           return;
         }
-        if (d.type === "request_page_context") {
+        if (c.type === "request_page_context") {
           if (!ve("read_page")) {
             be("request_page_context", "read_page");
             return;
           }
-          const k = typeof d.requestId == "string" ? d.requestId : void 0, T = (Z = ne.current) == null ? void 0 : Z.call(ne), P = (K) => {
-            const D = T, j = D == null ? void 0 : D.localParticipant;
-            if (j != null && j.publishData)
+          const x = typeof c.requestId == "string" ? c.requestId : void 0, A = (Z = ne.current) == null ? void 0 : Z.call(ne), C = (W) => {
+            const I = A, F = I == null ? void 0 : I.localParticipant;
+            if (F != null && F.publishData)
               try {
-                const O = k ? { ...K, requestId: k } : K, Q = new TextEncoder().encode(JSON.stringify(O));
-                j.publishData(Q, { reliable: !0 });
-              } catch (O) {
-                console.warn("[LiveLayer] publishData failed.", O);
+                const B = x ? { ...W, requestId: x } : W, Q = new TextEncoder().encode(JSON.stringify(B));
+                F.publishData(Q, { reliable: !0 });
+              } catch (B) {
+                console.warn("[LiveLayer] publishData failed.", B);
               }
-          }, $ = gt.current, J = mt.current;
+          }, P = yt.current, H = gt.current;
           try {
-            if (J) {
-              const K = J($);
-              if (K instanceof Promise) {
-                P({ type: "page_context_pending" }), K.then((D) => P({ type: "page_context", context: D })).catch((D) => {
+            if (H) {
+              const W = H(P);
+              if (W instanceof Promise) {
+                C({ type: "page_context_pending" }), W.then((I) => C({ type: "page_context", context: I })).catch((I) => {
                   console.warn(
                     "[LiveLayer] getPageContext rejected; falling back to default walker.",
-                    D
-                  ), P({
+                    I
+                  ), C({
                     type: "page_context",
-                    context: _t($)
+                    context: kt(P)
                   });
                 });
                 return;
               }
-              P({ type: "page_context", context: K });
+              C({ type: "page_context", context: W });
               return;
             }
-            P({
+            C({
               type: "page_context",
-              context: _t($)
+              context: kt(P)
             });
-          } catch (K) {
+          } catch (W) {
             console.warn(
               "[LiveLayer] page-context extraction threw. Sending empty context.",
-              K
-            ), P({
+              W
+            ), C({
               type: "page_context",
-              context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: $ }
+              context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: P }
             });
           }
           return;
         }
-        if (d.type === "scroll_page") {
+        if (c.type === "scroll_page") {
           if (!ve("scroll")) {
             be("scroll_page", "scroll");
             return;
           }
-          const k = d.direction;
-          if (k !== "up" && k !== "down" && k !== "top" && k !== "bottom") {
+          const x = c.direction;
+          if (x !== "up" && x !== "down" && x !== "top" && x !== "bottom") {
             console.warn(
-              `[LiveLayer] scroll_page: invalid direction "${String(k)}". Expected up | down | top | bottom.`
+              `[LiveLayer] scroll_page: invalid direction "${String(x)}". Expected up | down | top | bottom.`
             );
             return;
           }
-          const T = d.behavior === "instant" ? "instant" : "smooth";
+          const A = c.behavior === "instant" ? "instant" : "smooth";
           if (p.current) {
             try {
               p.current(
-                k,
-                T
+                x,
+                A
               );
-            } catch (D) {
-              console.warn("[LiveLayer] onScrollPage threw.", D);
+            } catch (I) {
+              console.warn("[LiveLayer] onScrollPage threw.", I);
             }
             return;
           }
           if (typeof window > "u") return;
-          const P = { behavior: T }, $ = Nr(), J = (D) => {
-            $ instanceof Window ? $.scrollBy({ top: D, ...P }) : $.scrollBy({ top: D, ...P });
-          }, K = (D) => {
-            $ instanceof Window ? $.scrollTo({ top: D, ...P }) : $.scrollTo({ top: D, ...P });
+          const C = { behavior: A }, P = Nr(), H = (I) => {
+            P instanceof Window ? P.scrollBy({ top: I, ...C }) : P.scrollBy({ top: I, ...C });
+          }, W = (I) => {
+            P instanceof Window ? P.scrollTo({ top: I, ...C }) : P.scrollTo({ top: I, ...C });
           };
-          k === "up" ? J(-Qt($)) : k === "down" ? J(Qt($)) : K(k === "top" ? 0 : Ar($));
+          x === "up" ? H(-Qt(P)) : x === "down" ? H(Qt(P)) : W(x === "top" ? 0 : Ar(P));
           return;
         }
-        if (d.type === "click") {
+        if (c.type === "click") {
           if (!ve("click")) {
             be("click", "click");
             return;
           }
-          const k = typeof d.selector == "string" ? d.selector : null;
-          if (!k) {
+          const x = typeof c.selector == "string" ? c.selector : null;
+          if (!x) {
             console.warn("[LiveLayer] click: missing selector.");
             return;
           }
-          if (Y.current) {
+          if (J.current) {
             try {
-              Y.current(k);
-            } catch (P) {
-              console.warn("[LiveLayer] onClick threw.", P);
+              J.current(x);
+            } catch (C) {
+              console.warn("[LiveLayer] onClick threw.", C);
             }
             return;
           }
           if (typeof document > "u") return;
-          let T = null;
+          let A = null;
           try {
-            T = document.querySelector(k);
+            A = document.querySelector(x);
           } catch {
             console.warn(
-              `[LiveLayer] click: invalid selector "${k}".`
+              `[LiveLayer] click: invalid selector "${x}".`
             );
             return;
           }
-          if (!T) {
+          if (!A) {
             console.warn(
-              `[LiveLayer] click: no element matched "${k}". See https://livelayer.studio/docs/errors/click-no-match`
+              `[LiveLayer] click: no element matched "${x}". See https://livelayer.studio/docs/errors/click-no-match`
             );
             return;
           }
-          if (T.closest('[data-ll-private="true"], .ll-widget')) {
+          if (A.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               "[LiveLayer] click: refusing to click element inside a private subtree."
             );
             return;
           }
-          (Le = T.click) == null || Le.call(T);
+          (Le = A.click) == null || Le.call(A);
           return;
         }
-        if (d.type === "fill_form" || d.type === "focus_field") {
+        if (c.type === "fill_form" || c.type === "focus_field") {
           if (!ve("fill_forms")) {
-            be(d.type, "fill_forms");
+            be(c.type, "fill_forms");
             return;
           }
           if (typeof document > "u") return;
-          const k = typeof d.requestId == "string" ? d.requestId : void 0, T = (fe = ne.current) == null ? void 0 : fe.call(ne), P = (O) => {
-            if (d.type !== "fill_form") return;
-            const Q = T, se = Q == null ? void 0 : Q.localParticipant;
-            if (se != null && se.publishData)
+          const x = typeof c.requestId == "string" ? c.requestId : void 0, A = (oe = ne.current) == null ? void 0 : oe.call(ne), C = (B) => {
+            if (c.type !== "fill_form") return;
+            const Q = A, de = Q == null ? void 0 : Q.localParticipant;
+            if (de != null && de.publishData)
               try {
-                const Ce = k ? { ...O, requestId: k } : O, hn = new TextEncoder().encode(JSON.stringify(Ce));
-                se.publishData(hn, { reliable: !0 });
-              } catch (Ce) {
-                console.warn("[LiveLayer] publishData failed.", Ce);
+                const Se = x ? { ...B, requestId: x } : B, hn = new TextEncoder().encode(JSON.stringify(Se));
+                de.publishData(hn, { reliable: !0 });
+              } catch (Se) {
+                console.warn("[LiveLayer] publishData failed.", Se);
               }
-          }, $ = typeof d.formId == "string" ? d.formId : null;
-          if (!$) {
-            console.warn(`[LiveLayer] ${d.type}: missing formId.`), P({ type: "fill_form_result", ok: !1, reason: "missing formId" });
+          }, P = typeof c.formId == "string" ? c.formId : null;
+          if (!P) {
+            console.warn(`[LiveLayer] ${c.type}: missing formId.`), C({ type: "fill_form_result", ok: !1, reason: "missing formId" });
             return;
           }
-          const J = document.querySelector(
-            `[data-ll-form="${$.replace(/"/g, '\\"')}"]`
+          const H = document.querySelector(
+            `[data-ll-form="${P.replace(/"/g, '\\"')}"]`
           );
-          if (!J) {
+          if (!H) {
             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`
-            ), P({
+              `[LiveLayer] ${c.type}: no form with data-ll-form="${P}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
+            ), C({
               type: "fill_form_result",
               ok: !1,
-              reason: `no form with data-ll-form="${$}" on this page`,
-              formId: $
+              reason: `no form with data-ll-form="${P}" on this page`,
+              formId: P
             });
             return;
           }
-          if (J.closest('[data-ll-private="true"], .ll-widget')) {
+          if (H.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
-              `[LiveLayer] ${d.type}: refusing to touch a form in a private subtree.`
-            ), P({
+              `[LiveLayer] ${c.type}: refusing to touch a form in a private subtree.`
+            ), C({
               type: "fill_form_result",
               ok: !1,
               reason: "form is in a private subtree (data-ll-private)",
-              formId: $
+              formId: P
             });
             return;
           }
-          if (d.type === "focus_field") {
-            const O = typeof d.fieldName == "string" ? d.fieldName : null;
-            if (!O) {
+          if (c.type === "focus_field") {
+            const B = typeof c.fieldName == "string" ? c.fieldName : null;
+            if (!B) {
               console.warn("[LiveLayer] focus_field: missing fieldName.");
               return;
             }
-            const Q = J.querySelector(`[data-ll-field="${O.replace(/"/g, '\\"')}"]`);
+            const Q = H.querySelector(`[data-ll-field="${B.replace(/"/g, '\\"')}"]`);
             if (!Q) {
               console.warn(
-                `[LiveLayer] focus_field: no field "${O}" in form "${$}".`
+                `[LiveLayer] focus_field: no field "${B}" in form "${P}".`
               );
               return;
             }
-            if (!ft(Q)) {
+            if (!pt(Q)) {
               console.warn(
-                `[LiveLayer] focus_field: field "${O}" is privacy-protected and not focusable.`
+                `[LiveLayer] focus_field: field "${B}" is privacy-protected and not focusable.`
               );
               return;
             }
             Q.focus();
             return;
           }
-          const K = d.values && typeof d.values == "object" ? d.values : null;
-          if (!K) {
-            console.warn("[LiveLayer] fill_form: missing or invalid values."), P({
+          const W = c.values && typeof c.values == "object" ? c.values : null;
+          if (!W) {
+            console.warn("[LiveLayer] fill_form: missing or invalid values."), C({
               type: "fill_form_result",
               ok: !1,
               reason: "missing or invalid values",
-              formId: $
+              formId: P
             });
             return;
           }
-          const D = [], j = [];
-          for (const [O, Q] of Object.entries(K)) {
+          const I = [], F = [];
+          for (const [B, Q] of Object.entries(W)) {
             if (typeof Q != "string") continue;
-            const se = J.querySelector(`[data-ll-field="${O.replace(/"/g, '\\"')}"]`);
-            if (!se) {
+            const de = H.querySelector(`[data-ll-field="${B.replace(/"/g, '\\"')}"]`);
+            if (!de) {
               console.warn(
-                `[LiveLayer] fill_form: no field "${O}" in form "${$}". Skipping.`
-              ), j.push(O);
+                `[LiveLayer] fill_form: no field "${B}" in form "${P}". Skipping.`
+              ), F.push(B);
               continue;
             }
-            if (!ft(se)) {
+            if (!pt(de)) {
               console.warn(
-                `[LiveLayer] fill_form: field "${O}" is privacy-protected (password / cc-* / private). Skipping.`
-              ), j.push(O);
+                `[LiveLayer] fill_form: field "${B}" is privacy-protected (password / cc-* / private). Skipping.`
+              ), F.push(B);
               continue;
             }
             try {
-              Lr(se, Q), D.push(O);
-            } catch (Ce) {
+              Lr(de, Q), I.push(B);
+            } catch (Se) {
               console.warn(
-                `[LiveLayer] fill_form: failed to set "${O}".`,
-                Ce
-              ), j.push(O);
+                `[LiveLayer] fill_form: failed to set "${B}".`,
+                Se
+              ), F.push(B);
             }
           }
-          P({
+          C({
             type: "fill_form_result",
-            ok: D.length > 0,
-            formId: $,
-            filled: D,
-            skipped: j,
-            reason: D.length === 0 ? `none of the requested fields exist on this form (skipped: ${j.join(", ")})` : void 0
+            ok: I.length > 0,
+            formId: P,
+            filled: I,
+            skipped: F,
+            reason: I.length === 0 ? `none of the requested fields exist on this form (skipped: ${F.join(", ")})` : void 0
           });
           return;
         }
-        if (d.type === "submit_form") {
+        if (c.type === "submit_form") {
           if (!ve("submit_forms")) {
             be("submit_form", "submit_forms");
             return;
           }
           if (typeof document > "u") return;
-          const k = typeof d.formId == "string" ? d.formId : null;
-          if (!k) {
+          const x = typeof c.formId == "string" ? c.formId : null;
+          if (!x) {
             console.warn("[LiveLayer] submit_form: missing formId.");
             return;
           }
-          const T = document.querySelector(
-            `[data-ll-form="${k.replace(/"/g, '\\"')}"]`
+          const A = document.querySelector(
+            `[data-ll-form="${x.replace(/"/g, '\\"')}"]`
           );
-          if (!T) {
+          if (!A) {
             console.warn(
-              `[LiveLayer] submit_form: no form with data-ll-form="${k}".`
+              `[LiveLayer] submit_form: no form with data-ll-form="${x}".`
             );
             return;
           }
-          if (T.closest('[data-ll-private="true"], .ll-widget')) {
+          if (A.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               "[LiveLayer] submit_form: refusing to submit a form in a private subtree."
             );
             return;
           }
-          const P = typeof d.requestId == "string" ? d.requestId : void 0, $ = (He = ne.current) == null ? void 0 : He.call(ne), J = (j) => {
-            const O = $, Q = O == null ? void 0 : O.localParticipant;
+          const C = typeof c.requestId == "string" ? c.requestId : void 0, P = (Xe = ne.current) == null ? void 0 : Xe.call(ne), H = (F) => {
+            const B = P, Q = B == null ? void 0 : B.localParticipant;
             if (Q != null && Q.publishData)
               try {
-                const se = P ? { ...j, requestId: P } : j, Ce = new TextEncoder().encode(JSON.stringify(se));
-                Q.publishData(Ce, { reliable: !0 });
+                const de = C ? { ...F, requestId: C } : F, Se = new TextEncoder().encode(JSON.stringify(de));
+                Q.publishData(Se, { reliable: !0 });
               } catch {
               }
           };
-          let K = !1;
-          const D = () => {
-            K = !0, J({ type: "form_submitted", formId: k });
+          let W = !1;
+          const I = () => {
+            W = !0, H({ type: "form_submitted", formId: x });
           };
-          T.addEventListener("submit", D, { once: !0 });
+          A.addEventListener("submit", I, { once: !0 });
           try {
-            typeof T.requestSubmit == "function" ? T.requestSubmit() : T.submit();
-          } catch (j) {
-            console.warn("[LiveLayer] submit_form: requestSubmit threw.", j), T.removeEventListener("submit", D), J({
+            typeof A.requestSubmit == "function" ? A.requestSubmit() : A.submit();
+          } catch (F) {
+            console.warn("[LiveLayer] submit_form: requestSubmit threw.", F), A.removeEventListener("submit", I), H({
               type: "form_submit_blocked",
-              formId: k,
+              formId: x,
               reason: "exception"
             });
             return;
           }
           setTimeout(() => {
-            K || (T.removeEventListener("submit", D), J({
+            W || (A.removeEventListener("submit", I), H({
               type: "form_submit_blocked",
-              formId: k,
+              formId: x,
               reason: "validation"
             }));
           }, 500);
           return;
         }
-        if (d.type === "request_routes") {
+        if (c.type === "request_routes") {
           if (!ve("read_page")) {
             be("request_routes", "read_page");
             return;
           }
-          const k = typeof d.requestId == "string" ? d.requestId : void 0, P = (Se = ne.current) == null ? void 0 : Se.call(ne), $ = P == null ? void 0 : P.localParticipant;
-          if (!($ != null && $.publishData)) return;
-          const J = (D) => {
+          const x = typeof c.requestId == "string" ? c.requestId : void 0, C = (Qe = ne.current) == null ? void 0 : Qe.call(ne), P = C == null ? void 0 : C.localParticipant;
+          if (!(P != null && P.publishData)) return;
+          const H = (I) => {
             try {
-              const j = k ? { type: "routes", routes: D, requestId: k } : { type: "routes", routes: D }, O = new TextEncoder().encode(JSON.stringify(j));
-              $.publishData(O, { reliable: !0 });
-            } catch (j) {
-              console.warn("[LiveLayer] request_routes: publishData failed.", j);
+              const F = x ? { type: "routes", routes: I, requestId: x } : { type: "routes", routes: I }, B = new TextEncoder().encode(JSON.stringify(F));
+              P.publishData(B, { reliable: !0 });
+            } catch (F) {
+              console.warn("[LiveLayer] request_routes: publishData failed.", F);
             }
-          }, K = Et.current;
-          if (K) {
+          }, W = vt.current;
+          if (W) {
             try {
-              const D = K(), j = (O) => {
-                if (!Array.isArray(O)) {
-                  J([]);
+              const I = W(), F = (B) => {
+                if (!Array.isArray(B)) {
+                  H([]);
                   return;
                 }
-                J(O.map(vr).slice(0, 200));
+                H(B.map(vr).slice(0, 200));
               };
-              D instanceof Promise ? D.then(j).catch((O) => {
+              I instanceof Promise ? I.then(F).catch((B) => {
                 console.warn(
                   "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
-                  O
-                ), J(xt());
-              }) : j(D);
-            } catch (D) {
+                  B
+                ), H(dt());
+              }) : F(I);
+            } catch (I) {
               console.warn(
                 "[LiveLayer] getRoutes threw; falling back to DOM walker.",
-                D
-              ), J(xt());
+                I
+              ), H(dt());
             }
             return;
           }
           try {
-            J(xt());
-          } catch (D) {
-            console.warn("[LiveLayer] request_routes: extractRoutes threw.", D);
+            H(dt());
+          } catch (I) {
+            console.warn("[LiveLayer] request_routes: extractRoutes threw.", I);
           }
           return;
         }
-        Rr.has(d.type) || Ie == null || Ie(d);
+        Rr.has(c.type) || Me == null || Me(c);
       }
     },
-    [Ie, Me]
-  ), U = _n({
-    agentId: V ? "__controlled__" : Pe,
-    baseUrl: i,
+    [Me, Re]
+  ), G = _n({
+    agentId: Y ? "__controlled__" : Ie,
+    baseUrl: o,
     apiKey: r,
-    sessionEndpoint: o,
+    sessionEndpoint: i,
     sessionBody: l,
-    onDataMessage: V ? void 0 : Ke
+    onDataMessage: Y ? void 0 : Ge
   });
-  N(() => {
-    if (V != null && V.subscribeToDataMessages)
-      return V.subscribeToDataMessages(Ke);
-  }, [V, Ke]), ne.current = () => {
+  R(() => {
+    if (Y != null && Y.subscribeToDataMessages)
+      return Y.subscribeToDataMessages(Ge);
+  }, [Y, Ge]), ne.current = () => {
     var h;
-    return (h = U.getRoom) == null ? void 0 : h.call(U);
-  }, N(() => {
+    return (h = G.getRoom) == null ? void 0 : h.call(G);
+  }, R(() => {
     var Le;
-    if (!de) return;
-    const h = (Le = U.getRoom) == null ? void 0 : Le.call(U), d = h == null ? void 0 : h.localParticipant;
-    if (!(d != null && d.publishData)) return;
+    if (console.log(
+      `[NAV-DEBUG][widget] pathname-effect fired pathname=${le} connState=${G.connectionState} t=${Date.now()}`
+    ), !le) {
+      console.log("[NAV-DEBUG][widget] effect bailed: no pathname");
+      return;
+    }
+    const h = (Le = G.getRoom) == null ? void 0 : Le.call(G), c = h == null ? void 0 : h.localParticipant;
+    if (console.log(
+      `[NAV-DEBUG][widget] immediate-push state: room=${!!h} lp=${!!c} publishData=${!!(c != null && c.publishData)}`
+    ), !(c != null && c.publishData)) {
+      console.log("[NAV-DEBUG][widget] effect bailed: no publishData (not connected yet)");
+      return;
+    }
     try {
-      const fe = new TextEncoder().encode(
-        JSON.stringify({ type: "pathname", pathname: de })
+      const oe = new TextEncoder().encode(
+        JSON.stringify({ type: "pathname", pathname: le })
       );
-      d.publishData(fe, { reliable: !0 });
-    } catch {
+      c.publishData(oe, { reliable: !0 }), console.log(`[NAV-DEBUG][widget] pathname push sent (${oe.byteLength} bytes)`);
+    } catch (oe) {
+      console.warn("[NAV-DEBUG][widget] pathname push threw:", oe);
     }
-    const Z = setTimeout(() => {
-      var fe;
+    const Z = setTimeout(async () => {
+      var oe, Xe, Qe, x;
+      console.log("[NAV-DEBUG][widget] settle timer fired (250ms after pathname-effect)");
       try {
-        const He = (fe = U.getRoom) == null ? void 0 : fe.call(U), Se = He == null ? void 0 : He.localParticipant;
-        if (!(Se != null && Se.publishData)) return;
-        const k = _t(gt.current), T = new TextEncoder().encode(
-          JSON.stringify({ type: "page_context_push", pathname: de, context: k })
+        const A = (oe = G.getRoom) == null ? void 0 : oe.call(G), C = A == null ? void 0 : A.localParticipant;
+        if (console.log(
+          `[NAV-DEBUG][widget] settle-time state: room=${!!A} lp=${!!C} publishData=${!!(C != null && C.publishData)}`
+        ), !(C != null && C.publishData)) {
+          console.log("[NAV-DEBUG][widget] settle bailed: no publishData");
+          return;
+        }
+        const P = kt(yt.current);
+        console.log(
+          `[NAV-DEBUG][widget] page_context built: regions=${((Xe = P.regions) == null ? void 0 : Xe.length) ?? 0} forms=${((Qe = P.forms) == null ? void 0 : Qe.length) ?? 0} links=${((x = P.visibleLinks) == null ? void 0 : x.length) ?? 0}`
         );
-        Se.publishData(T, { reliable: !0 });
-      } catch {
+        try {
+          const H = new TextEncoder().encode(
+            JSON.stringify({ type: "page_context_push", pathname: le, context: P })
+          );
+          C.publishData(H, { reliable: !0 }), console.log(
+            `[NAV-DEBUG][widget] page_context_push SENT (${H.byteLength} bytes)`
+          );
+        } catch (H) {
+          console.warn("[NAV-DEBUG][widget] page_context_push threw:", H);
+        }
+        try {
+          const H = vt.current;
+          let W = [];
+          if (H) {
+            console.log("[NAV-DEBUG][widget] routes: calling custom getRoutes()");
+            const F = H(), B = F instanceof Promise ? await F : F;
+            W = Array.isArray(B) ? B.slice(0, 200) : [], console.log(`[NAV-DEBUG][widget] routes: custom returned ${W.length}`);
+          } else
+            console.log("[NAV-DEBUG][widget] routes: walking DOM (no custom getRoutes)"), W = dt(), console.log(`[NAV-DEBUG][widget] routes: DOM walk returned ${W.length}`);
+          const I = new TextEncoder().encode(
+            JSON.stringify({ type: "routes_push", routes: W })
+          );
+          C.publishData(I, { reliable: !0 }), console.log(
+            `[NAV-DEBUG][widget] routes_push SENT (${I.byteLength} bytes, ${W.length} routes)`
+          );
+        } catch (H) {
+          console.warn("[NAV-DEBUG][widget] routes_push threw:", H);
+        }
+      } catch (A) {
+        console.warn("[NAV-DEBUG][widget] settle outer threw:", A);
       }
     }, 250);
-    return () => clearTimeout(Z);
-  }, [de, U, U.connectionState]), N(() => {
+    return () => {
+      clearTimeout(Z);
+    };
+  }, [le, G, G.connectionState]), R(() => {
     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 = (Le) => {
         try {
-          Ke(Le);
-        } catch (fe) {
-          console.warn("[LiveLayer] simulate-command threw:", fe);
+          Ge(Le);
+        } catch (oe) {
+          console.warn("[LiveLayer] simulate-command threw:", oe);
         }
       }, () => {
         delete window.__livelayerSimulateCommand;
       };
-  }, [Ke]);
-  const g = dt(() => V ? {
-    connectionState: V.connectionState,
-    agentState: V.agentState,
-    transcript: V.transcript,
-    videoElement: V.videoElement,
-    audioElement: V.audioElement,
-    canResume: V.canResume,
-    error: V.error,
+  }, [Ge]);
+  const g = ut(() => Y ? {
+    connectionState: Y.connectionState,
+    agentState: Y.agentState,
+    transcript: Y.transcript,
+    videoElement: Y.videoElement,
+    audioElement: Y.audioElement,
+    canResume: Y.canResume,
+    error: Y.error,
     agentConfig: null,
     connect: async () => {
-      await V.onConnect();
+      await Y.onConnect();
     },
-    disconnect: () => V.onDisconnect(),
+    disconnect: () => Y.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: U.getRoom,
+    getRoom: G.getRoom,
     isControlled: !0
   } : {
-    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,
+    connectionState: G.connectionState,
+    agentState: G.agentState,
+    transcript: G.transcript,
+    videoElement: G.videoElement,
+    audioElement: G.audioElement,
+    canResume: G.canResume,
+    error: G.error,
+    agentConfig: G.agentConfig,
+    connect: G.connect,
+    disconnect: G.disconnect,
+    getRoom: G.getRoom,
     isControlled: !1
-  }, [V, U]), Nt = A(null);
-  N(() => {
-    const h = g.videoElement, d = Nt.current;
-    if (!(!h || !d))
-      return d.appendChild(h), () => {
-        h.parentNode === d && d.removeChild(h);
+  }, [Y, G]), Nt = M(null);
+  R(() => {
+    const h = g.videoElement, c = Nt.current;
+    if (!(!h || !c))
+      return c.appendChild(h), () => {
+        h.parentNode === c && c.removeChild(h);
       };
-  }, [g.videoElement]), N(() => {
+  }, [g.videoElement]), R(() => {
     const h = g.audioElement;
     if (!h) return;
-    Ue.attach(h);
-    const d = h.play();
-    return d && typeof d.catch == "function" && d.catch((Z) => {
+    qe.attach(h);
+    const c = h.play();
+    return c && typeof c.catch == "function" && c.catch((Z) => {
       (Z == null ? void 0 : Z.name) === "NotAllowedError" && he(!0);
     }), () => {
-      Ue.detach();
+      qe.detach();
     };
-  }, [g.audioElement]), N(() => {
+  }, [g.audioElement]), R(() => {
     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), pe.refresh(), () => {
-        te.teardownMic(), le.teardown(), ae.teardown();
+      }), se.attachRoom(h), ce.attachRoom(h), pe.refresh(), () => {
+        te.teardownMic(), se.teardown(), ce.teardown();
       };
   }, [g.isControlled, g.connectionState]);
-  const [Xe, vt] = S(!1), bt = A("idle");
-  N(() => {
+  const [Ye, wt] = S(!1), _t = M("idle");
+  R(() => {
     if (g.connectionState === "idle" || g.connectionState === "disconnected") {
-      vt(!1), bt.current = "idle";
+      wt(!1), _t.current = "idle";
       return;
     }
-    !Xe && bt.current === "speaking" && g.agentState !== "speaking" && (vt(!0), te.setMuted(!1)), bt.current = g.agentState;
-  }, [g.agentState, g.connectionState, Xe]), N(() => {
-    if (g.connectionState !== "connected" || Xe) return;
+    !Ye && _t.current === "speaking" && g.agentState !== "speaking" && (wt(!0), te.setMuted(!1)), _t.current = g.agentState;
+  }, [g.agentState, g.connectionState, Ye]), R(() => {
+    if (g.connectionState !== "connected" || Ye) return;
     const h = setTimeout(() => {
-      vt(!0), te.setMuted(!1);
+      wt(!0), te.setMuted(!1);
     }, 4e3);
     return () => clearTimeout(h);
-  }, [g.connectionState, Xe]), N(() => {
+  }, [g.connectionState, Ye]), R(() => {
     const h = g.audioElement;
-    h && (h.muted = ze);
-  }, [g.audioElement, ze]);
+    h && (h.muted = $e);
+  }, [g.audioElement, $e]);
   const nn = L((h) => {
-    const d = g.getRoom();
-    if (d)
+    const c = g.getRoom();
+    if (c)
       try {
         const Z = new TextEncoder().encode(
           JSON.stringify({ type: "user_message", text: h })
         );
-        d.localParticipant.publishData(Z, { reliable: !0 });
+        c.localParticipant.publishData(Z, { reliable: !0 });
       } catch {
       }
   }, [g]), rn = L(() => {
     lt((h) => !h);
   }, []);
-  N(() => {
-    Re == null || Re(g.connectionState), g.connectionState === "connected" ? ce == null || ce() : g.connectionState === "disconnected" && (_e == null || _e());
-  }, [g.connectionState, ce, _e, 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 || At.current || Te && g.connectionState === "idle" && (At.current = !0, g.connect());
-  }, [c, g.connectionState, g, Te]);
+  R(() => {
+    Ae == null || Ae(g.connectionState), g.connectionState === "connected" ? ue == null || ue() : g.connectionState === "disconnected" && (_e == null || _e());
+  }, [g.connectionState, ue, _e, Ae]), R(() => {
+    Ce == null || Ce(g.transcript);
+  }, [g.transcript, Ce]), R(() => {
+    Ne == null || Ne(g.agentState);
+  }, [g.agentState, Ne]);
+  const At = M(!1);
+  R(() => {
+    g.isControlled || !d || At.current || De && g.connectionState === "idle" && (At.current = !0, g.connect());
+  }, [d, g.connectionState, g, De]);
   const on = L(
     (h) => {
-      const d = E == null ? void 0 : E.find((Z) => Z.id === h);
-      d && (Ye(!1), h !== X && (je(!0), g.disconnect(), Fe || De(h), v == null || v(d)));
+      const c = N == null ? void 0 : N.find((Z) => Z.id === h);
+      c && (Fe(!1), h !== K && (Ve(!0), g.disconnect(), Ue || Te(h), v == null || v(c)));
     },
     [
-      E,
-      X,
+      N,
+      K,
       g,
-      Fe,
+      Ue,
       v
     ]
   );
-  N(() => {
-    me && g.connectionState === "connected" && je(!1);
-  }, [g.connectionState, me]), N(() => {
-    if (!Ve) return;
-    const h = (d) => {
-      d.key === "Escape" && Ye(!1);
+  R(() => {
+    me && g.connectionState === "connected" && Ve(!1);
+  }, [g.connectionState, me]), R(() => {
+    if (!We) return;
+    const h = (c) => {
+      c.key === "Escape" && Fe(!1);
     };
     return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
-  }, [Ve]);
-  const ln = !!I || !!(ee != null && ee.avatarImageUrl) || g.isControlled, Ge = Nn(Pe, i, ln);
-  re === void 0 && ((Mt = Ge.info) != null && Mt.capabilities) && (yt.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", wt = (ee == null ? void 0 : ee.avatarImageUrl) ?? I ?? ((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]
+  }, [We]);
+  const ln = !!$ || !!(ee != null && ee.avatarImageUrl) || g.isControlled, Je = Nn(Ie, o, ln);
+  re === void 0 && ((Mt = Je.info) != null && Mt.capabilities) && (bt.current = Je.info.capabilities);
+  const at = (ee == null ? void 0 : ee.name) ?? U ?? ((Dt = g.agentConfig) == null ? void 0 : Dt.name) ?? ((Tt = Je.info) == null ? void 0 : Tt.name) ?? "Live Layer", xt = (ee == null ? void 0 : ee.avatarImageUrl) ?? $ ?? ((It = g.agentConfig) == null ? void 0 : It.avatarImageUrl) ?? ((Pt = Je.info) == null ? void 0 : Pt.avatarImageUrl) ?? null, an = w ?? (($t = g.agentConfig) == null ? void 0 : $t.idleLoopUrl) ?? ((Bt = Je.info) == null ? void 0 : Bt.idleLoopUrl) ?? null, sn = O ?? null, cn = L(() => fe("expanded"), [fe]), dn = L(
+    () => fe("minimized"),
+    [fe]
   ), Rt = L(() => {
-    g.disconnect(), ue("hidden");
-  }, [g, ue]), un = L(() => {
+    g.disconnect(), fe("hidden");
+  }, [g, fe]), un = L(() => {
     const h = g.audioElement;
     h && h.play().then(() => he(!1)).catch(() => {
     });
   }, [g.audioElement]), fn = L(() => {
     he(!1), g.connect();
-  }, [g]), Qe = {
-    ...ht,
-    zIndex: ot
+  }, [g]), Ke = {
+    ...mt,
+    zIndex: it
   };
-  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);
+  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);
   const pn = [
     "ll-widget",
-    `ll-widget--${oe}`,
+    `ll-widget--${ae}`,
     `ll-widget--${ke ? "mobile" : "desktop"}`,
-    pt
+    ht
   ].filter(Boolean).join(" ");
-  return Te ? /* @__PURE__ */ _(
+  return De ? /* @__PURE__ */ _(
     "div",
     {
       className: pn,
-      style: Qe,
-      "data-display-mode": oe,
+      style: Ke,
+      "data-display-mode": ae,
       "data-position": b,
       children: [
-        oe === "hidden" && /* @__PURE__ */ n(
-          Gn,
+        ae === "hidden" && /* @__PURE__ */ n(
+          Xn,
           {
             position: b,
             isMobile: ke,
             isSpeaking: g.agentState === "speaking",
-            onExpand: () => ue("expanded"),
+            onExpand: () => fe("expanded"),
             label: `Open ${at} widget`,
-            avatarImageUrl: wt,
+            avatarImageUrl: xt,
             agentName: at
           }
         ),
-        oe === "minimized" && /* @__PURE__ */ n(
+        ae === "minimized" && /* @__PURE__ */ n(
           Zn,
           {
             position: b,
             isMobile: ke,
             agentName: at,
-            avatarImageUrl: wt,
+            avatarImageUrl: xt,
             agentState: g.agentState,
             isMuted: te.isMuted,
-            audioLevel: Ue,
+            audioLevel: qe,
             onExpand: cn,
             onToggleMute: te.toggleMute,
             onClose: Rt
           }
         ),
-        oe === "expanded" && /* @__PURE__ */ n(
+        ae === "expanded" && /* @__PURE__ */ n(
           tr,
           {
             position: b,
             isMobile: ke,
             agentName: at,
-            avatarImageUrl: wt,
+            avatarImageUrl: xt,
             idleLoopUrl: an,
             greeting: sn,
             branding: m,
-            teamMembers: E,
-            currentTeamMemberId: X,
+            teamMembers: N,
+            currentTeamMemberId: K,
             isSwitchingTeamMember: me,
-            teamSwitcherOpen: Ve,
-            onToggleTeamSwitcher: () => Ye((h) => !h),
+            teamSwitcherOpen: We,
+            onToggleTeamSwitcher: () => Fe((h) => !h),
             onSelectTeamMember: on,
             connectionState: g.connectionState,
             agentState: g.agentState,
             transcript: g.transcript,
             isMuted: te.isMuted,
             micDevices: pe.mics,
-            isCameraEnabled: le.isEnabled,
-            cameraPreviewEl: le.previewEl,
+            isCameraEnabled: se.isEnabled,
+            cameraPreviewEl: se.previewEl,
             cameraDevices: pe.cameras,
-            activeCameraId: le.activeDeviceId,
-            isScreenShareEnabled: ae.isEnabled,
-            screenPreviewEl: ae.previewEl,
-            isSpeakerMuted: ze,
-            allowCamera: R,
-            allowScreenShare: W,
+            activeCameraId: se.activeDeviceId,
+            isScreenShareEnabled: ce.isEnabled,
+            screenPreviewEl: ce.previewEl,
+            isSpeakerMuted: $e,
+            allowCamera: D,
+            allowScreenShare: V,
             allowTyping: z,
             languageMenuOpen: ge,
             onToggleLanguageMenu: () => ye((h) => !h),
-            needsUserGesture: $e,
+            needsUserGesture: Pe,
             canResume: g.canResume,
             micError: te.micError,
             error: g.error,
             avatarVideoContainerRef: Nt,
             agentVideoEl: g.videoElement,
-            micGateOpen: g.isControlled ? !0 : Xe,
+            micGateOpen: g.isControlled ? !0 : Ye,
             onConnect: () => void g.connect(),
             onDisconnect: () => g.disconnect(),
             onRetry: fn,
             onResumeAudio: un,
             onToggleMute: te.toggleMute,
-            onToggleCamera: () => void le.toggle(),
-            onSwitchCameraDevice: (h) => void le.switchDevice(h),
-            onToggleScreenShare: () => void ae.toggle(),
+            onToggleCamera: () => void se.toggle(),
+            onSwitchCameraDevice: (h) => void se.switchDevice(h),
+            onToggleScreenShare: () => void ce.toggle(),
             onToggleSpeaker: rn,
             onSendMessage: nn,
             onMinimize: dn,
@@ -2711,65 +2759,65 @@ function Mr(e) {
     }
   ) : null;
 }
-function Hr(e) {
+function Or(e) {
   return /* @__PURE__ */ n(wn, { children: /* @__PURE__ */ n(Mr, { ...e }) });
 }
-const qr = ({
+const Hr = ({
   agentId: e,
   baseUrl: t,
   apiKey: r,
-  mode: i,
-  onAgentEvent: o,
+  mode: o,
+  onAgentEvent: i,
   className: l,
-  style: c
+  style: d
 }) => {
-  const u = A(null), f = A(null), y = A(o);
-  y.current = o;
+  const u = M(null), f = M(null), y = M(i);
+  y.current = i;
   const b = L((s) => {
-    var x;
+    var k;
     const a = s.detail;
-    (x = y.current) == null || x.call(y, a);
+    (k = y.current) == null || k.call(y, a);
   }, []);
-  return N(() => {
+  return R(() => {
     const s = u.current;
     if (!s) return;
     const a = document.createElement("livelayer-widget");
-    return a.setAttribute("agent-id", e), t && a.setAttribute("base-url", t), r && a.setAttribute("api-key", r), i && a.setAttribute("mode", i), a.addEventListener("agent-event", b), s.appendChild(a), f.current = a, () => {
+    return a.setAttribute("agent-id", e), t && a.setAttribute("base-url", t), r && a.setAttribute("api-key", r), o && a.setAttribute("mode", o), a.addEventListener("agent-event", b), s.appendChild(a), f.current = a, () => {
       a.removeEventListener("agent-event", b), s.removeChild(a), f.current = null;
     };
-  }, [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 = St(
-  function({ id: t, intent: r, as: i = "div", className: o, style: l, children: c }, u) {
+  }, [e]), R(() => {
+    f.current && (o ? f.current.setAttribute("mode", o) : f.current.removeAttribute("mode"));
+  }, [o]), /* @__PURE__ */ n("div", { ref: u, className: l, style: d });
+}, Ur = Et(
+  function({ id: t, intent: r, as: o = "div", className: i, style: l, children: d }, u) {
     return gn(
-      i,
+      o,
       {
         ref: u,
         "data-ll-region": t,
         "data-ll-intent": r,
-        className: o,
+        className: i,
         style: l
       },
-      c
+      d
     );
   }
-), Wr = St(
-  function({ id: t, intent: r, children: i, ...o }, l) {
+), qr = Et(
+  function({ id: t, intent: r, children: o, ...i }, l) {
     return /* @__PURE__ */ n(
       "form",
       {
         ref: l,
         "data-ll-form": t,
         "data-ll-intent": r,
-        ...o,
-        children: i
+        ...i,
+        children: o
       }
     );
   }
-), Fr = St(
+), Vr = Et(
   function(t, r) {
-    const { name: i, label: o, labelClassName: l } = t, c = { name: i, "data-ll-field": i };
+    const { name: o, label: i, labelClassName: l } = t, d = { name: o, "data-ll-field": o };
     let u;
     if ("as" in t && t.as === "textarea") {
       const { name: f, label: y, labelClassName: b, as: s, ...a } = t;
@@ -2777,18 +2825,18 @@ const qr = ({
         "textarea",
         {
           ref: r,
-          ...c,
+          ...d,
           ...a
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: f, label: y, labelClassName: b, as: s, children: a, ...x } = t;
+      const { name: f, label: y, labelClassName: b, as: s, children: a, ...k } = t;
       u = /* @__PURE__ */ n(
         "select",
         {
           ref: r,
-          ...c,
-          ...x,
+          ...d,
+          ...k,
           children: a
         }
       );
@@ -2798,53 +2846,53 @@ const qr = ({
         "input",
         {
           ref: r,
-          ...c,
+          ...d,
           ...a
         }
       );
     }
-    return o === void 0 ? u : /* @__PURE__ */ _("label", { className: l, children: [
-      o,
+    return i === void 0 ? u : /* @__PURE__ */ _("label", { className: l, children: [
+      i,
       u
     ] });
   }
 );
 let Zt = 1;
-function Ur({
+function Wr({
   onMount: e,
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  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(() => {
+  const [o, i] = S(t), [l, d] = S([]), [u, f] = S(""), [y, b] = S(!1), s = M(/* @__PURE__ */ new Set()), a = M([]), k = M(y);
+  k.current = y, R(() => {
     try {
       const v = localStorage.getItem(r);
-      v === "1" && o(!0), v === "0" && o(!1);
+      v === "1" && i(!0), v === "0" && i(!1);
     } catch {
     }
-  }, [r]), N(() => {
+  }, [r]), R(() => {
     try {
-      localStorage.setItem(r, i ? "1" : "0");
+      localStorage.setItem(r, o ? "1" : "0");
     } catch {
     }
-  }, [i, r]), N(() => {
+  }, [o, r]), R(() => {
     const v = (w) => {
-      (w.metaKey || w.ctrlKey) && w.shiftKey && w.key.toLowerCase() === "l" && (w.preventDefault(), o((H) => !H));
+      (w.metaKey || w.ctrlKey) && w.shiftKey && w.key.toLowerCase() === "l" && (w.preventDefault(), i((O) => !O));
     };
     return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
-  }, []), N(() => {
+  }, []), R(() => {
     const v = setInterval(() => {
-      if (a.current.length === 0 || x.current) return;
+      if (a.current.length === 0 || k.current) return;
       const w = a.current.splice(0, a.current.length);
-      c(
-        (H) => [...w.reverse(), ...H].slice(0, 200)
+      d(
+        (O) => [...w.reverse(), ...O].slice(0, 200)
       );
     }, 100);
     return () => clearInterval(v);
   }, []);
-  const E = A(!1);
-  if (N(() => {
-    !e || E.current || (E.current = !0, e((v) => {
+  const N = M(!1);
+  if (R(() => {
+    !e || N.current || (N.current = !0, e((v) => {
       a.current.push({
         id: Zt++,
         ts: Date.now(),
@@ -2853,30 +2901,30 @@ function Ur({
         data: v.data
       });
     }));
-  }, [e]), N(() => {
-    const v = console.warn, w = console.log, H = (I, q) => function(...m) {
+  }, [e]), R(() => {
+    const v = console.warn, w = console.log, O = ($, U) => function(...m) {
       try {
-        const R = typeof m[0] == "string" ? m[0] : "";
-        R.startsWith("[LiveLayer]") && a.current.push({
+        const D = typeof m[0] == "string" ? m[0] : "";
+        D.startsWith("[LiveLayer]") && a.current.push({
           id: Zt++,
           ts: Date.now(),
-          kind: I,
-          type: R.slice(0, 120),
-          data: { args: m.slice(1).map((W) => Tr(W)) }
+          kind: $,
+          type: D.slice(0, 120),
+          data: { args: m.slice(1).map((V) => Tr(V)) }
         });
       } catch {
       }
-      return q.apply(this, m);
+      return U.apply(this, m);
     };
-    return console.warn = H("warn", v), console.log = H("log", w), () => {
+    return console.warn = O("warn", v), console.log = O("log", w), () => {
       console.warn = v, console.log = w;
     };
-  }, []), !i)
+  }, []), !o)
     return /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        onClick: () => o(!0),
+        onClick: () => i(!0),
         title: "Open LiveLayer debug panel (Cmd/Ctrl + Shift + L)",
         "aria-label": "Open LiveLayer debug panel",
         style: {
@@ -2898,7 +2946,7 @@ function Ur({
         children: "🛰 LL debug"
       }
     );
-  const C = l.filter((v) => {
+  const E = l.filter((v) => {
     if (!u) return !0;
     const w = u.toLowerCase();
     return v.type.toLowerCase().includes(w) || JSON.stringify(v.data || {}).toLowerCase().includes(w);
@@ -2949,7 +2997,7 @@ function Ur({
                 {
                   type: "button",
                   onClick: () => b((v) => !v),
-                  style: kt(y ? "#f59e0b" : "transparent"),
+                  style: Lt(y ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
                   children: y ? "▶ resume" : "⏸ pause"
                 }
@@ -2959,9 +3007,9 @@ function Ur({
                 {
                   type: "button",
                   onClick: () => {
-                    c([]), a.current = [];
+                    d([]), a.current = [];
                   },
-                  style: kt("transparent"),
+                  style: Lt("transparent"),
                   title: "Clear buffer",
                   children: "clear"
                 }
@@ -2970,8 +3018,8 @@ function Ur({
                 "button",
                 {
                   type: "button",
-                  onClick: () => o(!1),
-                  style: kt("transparent"),
+                  onClick: () => i(!1),
+                  style: Lt("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
                   children: "✕"
@@ -3007,7 +3055,7 @@ function Ur({
               overflowY: "auto",
               padding: "0 8px 8px"
             },
-            children: C.length === 0 ? /* @__PURE__ */ _(
+            children: E.length === 0 ? /* @__PURE__ */ _(
               "div",
               {
                 style: {
@@ -3037,13 +3085,13 @@ function Ur({
                   )
                 ]
               }
-            ) : C.map((v) => /* @__PURE__ */ n(
-              Ir,
+            ) : E.map((v) => /* @__PURE__ */ n(
+              Dr,
               {
                 entry: v,
                 expanded: s.current.has(v.id),
                 onToggle: () => {
-                  s.current.has(v.id) ? s.current.delete(v.id) : s.current.add(v.id), c((w) => [...w]);
+                  s.current.has(v.id) ? s.current.delete(v.id) : s.current.add(v.id), d((w) => [...w]);
                 }
               },
               v.id
@@ -3054,12 +3102,12 @@ function Ur({
     }
   );
 }
-function Ir({
+function Dr({
   entry: e,
   expanded: t,
   onToggle: r
 }) {
-  const i = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", o = new Date(e.ts).toLocaleTimeString("en-US", {
+  const o = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", i = new Date(e.ts).toLocaleTimeString("en-US", {
     hour12: !1
   });
   return /* @__PURE__ */ _(
@@ -3089,14 +3137,14 @@ function Ir({
                 fontVariantNumeric: "tabular-nums",
                 fontSize: 10
               },
-              children: o
+              children: i
             }
           ),
           /* @__PURE__ */ n(
             "span",
             {
               style: {
-                color: i,
+                color: o,
                 fontWeight: 600,
                 flexShrink: 0
               },
@@ -3124,7 +3172,7 @@ function Ir({
     }
   );
 }
-function kt(e) {
+function Lt(e) {
   return {
     background: e,
     color: "#fff",
@@ -3142,52 +3190,52 @@ function Tr(e) {
     return String(e);
   }
 }
-function jr() {
-  const [e, t] = S([]), r = L((o) => {
+function Fr() {
+  const [e, t] = S([]), r = L((i) => {
     t((l) => {
-      const c = l.findIndex((u) => u.id === o.id);
-      if (c >= 0) {
+      const d = l.findIndex((u) => u.id === i.id);
+      if (d >= 0) {
         const u = l.slice();
-        return u[c] = o, u;
+        return u[d] = i, u;
       }
-      return [...l, o];
+      return [...l, i];
     });
-  }, []), i = L(() => t([]), []);
+  }, []), o = L(() => t([]), []);
   return {
     entries: e,
     pushSegment: r,
-    clear: i,
+    clear: o,
     latest: e.length > 0 ? e[e.length - 1] : null
   };
 }
 export {
-  Hr as AvatarWidget,
+  Or as AvatarWidget,
   wn as ErrorBoundary,
-  Ur as LiveLayerDebugPanel,
-  Fr as LiveLayerField,
-  Wr as LiveLayerForm,
-  Br as LiveLayerRegion,
-  qr as LiveLayerWidget,
+  Wr as LiveLayerDebugPanel,
+  Vr as LiveLayerField,
+  qr as LiveLayerForm,
+  Ur as LiveLayerRegion,
+  Hr as LiveLayerWidget,
   gr as clearPageContextCache,
   xr as clearRoutesCache,
   mr as extractPageContext,
   wr as extractRoutes,
-  _t as getCachedPageContext,
-  xt as getCachedRoutes,
-  Fn as matchesPattern,
+  kt as getCachedPageContext,
+  dt as getCachedRoutes,
+  Vn as matchesPattern,
   vr as normalizeRouteInput,
-  Un as shouldRenderAtPath,
+  Wn as shouldRenderAtPath,
   Nn as useAgentInfo,
   xn as useAudioLevel,
   Sn as useCameraState,
   Mn as useDisplayMode,
-  Dn as useDisplayModePersistence,
+  In as useDisplayModePersistence,
   $n as useIsMobile,
   _n as useLiveKitSession,
-  En as useMediaDevices,
+  Cn as useMediaDevices,
   kn as useMicrophoneState,
-  On as usePathname,
-  jn as useRouteMatch,
-  Cn as useScreenShareState,
-  jr as useTranscript
+  zn as usePathname,
+  Fn as useRouteMatch,
+  En as useScreenShareState,
+  Fr as useTranscript
 };