@livelayer/react 0.5.24-debug.1 → 0.5.24-debug.3

package/dist/index.mjs

@@ -1,9 +1,9 @@
 "use client";
-import { jsxs as x, jsx as n, Fragment as Ct } from "react/jsx-runtime";
-import { Component as bn, useState as E, useRef as A, useEffect as M, useCallback as S, useMemo as gt, forwardRef as Nt, createElement as vn } from "react";
-import { LiveKitSession as wn } from "@livelayer/sdk";
-import { createLocalAudioTrack as _n, Track as rn, createLocalVideoTrack as xn } from "livekit-client";
-class kn extends bn {
+import { jsxs as x, jsx as n, Fragment as Nt } from "react/jsx-runtime";
+import { Component as wn, useState as C, useRef as N, useEffect as I, useCallback as S, useMemo as yt, forwardRef as At, createElement as _n } from "react";
+import { LiveKitSession as xn } from "@livelayer/sdk";
+import { createLocalAudioTrack as kn, Track as on, createLocalVideoTrack as Ln } from "livekit-client";
+class Sn extends wn {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
       this.setState({ hasError: !1, error: null });
@@ -33,38 +33,45 @@ class kn extends bn {
     ] }) : this.props.children;
   }
 }
-function Ln(e) {
-  const [t, r] = E("idle"), [o, i] = E("idle"), [l, d] = E([]), [u, f] = E(null), [y, w] = E(null), [s, a] = E(null), [L, D] = E(!1), [C, v] = E(null), _ = A(null), O = A(e.onDataMessage);
-  O.current = e.onDataMessage, M(() => {
-    const I = {
-      onConnectionStateChange: (B) => {
-        r(B), B === "connected" && v(null);
+function En(e) {
+  const [t, r] = C("idle"), [o, i] = C("idle"), [l, u] = C([]), [d, p] = C(null), [y, w] = C(null), [s, a] = C(null), [L, R] = C(!1), [A, v] = C(null), _ = N(null), H = N(e.onDataMessage);
+  H.current = e.onDataMessage, I(() => {
+    const T = {
+      onConnectionStateChange: (z) => {
+        r(z), z === "connected" && v(null);
       },
       onAgentStateChange: i,
-      onTranscript: (B) => d([...B]),
-      onAgentConfig: f,
-      onAudioTrack: (B) => a(B),
-      onVideoTrack: (B) => w(B),
+      onTranscript: (z) => u([...z]),
+      onAgentConfig: p,
+      onAudioTrack: (z) => a(z),
+      onVideoTrack: (z) => w(z),
       onVideoTrackRemoved: () => w(null),
-      onError: (B) => v(B),
-      onDataMessage: (B) => {
+      onError: (z) => v(z),
+      onDataMessage: (z) => {
         var P;
-        (P = O.current) == null || P.call(O, B);
+        (P = H.current) == null || P.call(H, z);
       },
-      onResumabilityChange: D
-    }, q = new wn(
+      onResumabilityChange: R
+    }, V = new xn(
       {
         agentId: e.agentId,
         baseUrl: e.baseUrl,
         apiKey: e.apiKey,
         sessionEndpoint: e.sessionEndpoint,
-        sessionBody: e.sessionBody
+        sessionBody: e.sessionBody,
+        // useMicrophoneState owns the mic track. If we let the SDK
+        // also publish, livekit-client logs "publishing a second track
+        // with the same source: microphone" and renegotiates the
+        // publisher PC, which closes the data channel — every later
+        // publishData throws "PC manager is closed". That breaks the
+        // pathname / page_context / routes pushes the agent depends on.
+        manageMic: !1
       },
-      I
+      T
     );
-    return _.current = q, r("idle"), i("idle"), d([]), f(null), w(null), a(null), D(!1), v(null), () => {
-      var B;
-      (B = q.destroy) == null || B.call(q), _.current = null;
+    return _.current = V, r("idle"), i("idle"), u([]), p(null), w(null), a(null), R(!1), v(null), () => {
+      var z;
+      (z = V.destroy) == null || z.call(V), _.current = null;
     };
   }, [
     e.agentId,
@@ -74,37 +81,37 @@ function Ln(e) {
     JSON.stringify(e.sessionBody ?? {})
   ]);
   const $ = S(async () => {
-    const I = _.current;
-    if (I)
+    const T = _.current;
+    if (T)
       try {
-        await I.connect();
-      } catch (q) {
-        throw v(q instanceof Error ? q.message : String(q)), q;
+        await T.connect();
+      } catch (V) {
+        throw v(V instanceof Error ? V.message : String(V)), V;
       }
-  }, []), U = S(() => {
-    const I = _.current;
-    I && I.disconnect();
+  }, []), q = S(() => {
+    const T = _.current;
+    T && T.disconnect();
   }, []), m = S(() => {
-    var I;
-    return ((I = _.current) == null ? void 0 : I.getRoom()) ?? null;
+    var T;
+    return ((T = _.current) == null ? void 0 : T.getRoom()) ?? null;
   }, []);
   return {
     connectionState: t,
     agentState: o,
     transcript: l,
-    agentConfig: u,
+    agentConfig: d,
     videoElement: y,
     audioElement: s,
     canResume: L,
-    error: C,
+    error: A,
     connect: $,
-    disconnect: U,
+    disconnect: q,
     getRoom: m,
     session: _.current
   };
 }
-function Sn() {
-  const e = A(null), t = A(null), r = A(null), o = A(null), i = A(/* @__PURE__ */ new Set()), l = A(null), d = S(() => {
+function Cn() {
+  const e = N(null), t = N(null), r = N(null), o = N(null), i = N(/* @__PURE__ */ new Set()), l = N(null), u = S(() => {
     const s = t.current;
     if (!s) {
       o.current = null;
@@ -116,22 +123,22 @@ function Sn() {
     const a = l.current;
     s.getByteFrequencyData(a);
     let L = 0;
-    for (let C = 0; C < a.length; C++) L += a[C];
-    const D = L / a.length / 255;
-    for (const C of i.current)
+    for (let A = 0; A < a.length; A++) L += a[A];
+    const R = L / a.length / 255;
+    for (const A of i.current)
       try {
-        C(D);
+        A(R);
       } catch (v) {
         console.error("[useAudioLevel] subscriber threw:", v);
       }
-    o.current = requestAnimationFrame(d);
-  }, []), u = S(() => {
+    o.current = requestAnimationFrame(u);
+  }, []), d = S(() => {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
     const s = new AudioContext(), a = s.createAnalyser();
     a.fftSize = 64, a.connect(s.destination), e.current = s, t.current = a;
-  }, []), f = S(
+  }, []), p = S(
     (s) => {
-      if (u(), !(!e.current || !t.current)) {
+      if (d(), !(!e.current || !t.current)) {
         if (r.current) {
           try {
             r.current.disconnect();
@@ -146,10 +153,10 @@ function Sn() {
           console.warn("[useAudioLevel] createMediaElementSource failed:", a);
           return;
         }
-        o.current === null && (o.current = requestAnimationFrame(d));
+        o.current === null && (o.current = requestAnimationFrame(u));
       }
     },
-    [u, d]
+    [d, u]
   ), y = S(() => {
     if (o.current !== null && (cancelAnimationFrame(o.current), o.current = null), r.current) {
       try {
@@ -161,7 +168,7 @@ function Sn() {
   }, []), w = S((s) => (i.current.add(s), () => {
     i.current.delete(s);
   }), []);
-  return M(() => () => {
+  return I(() => () => {
     if (y(), t.current) {
       try {
         t.current.disconnect();
@@ -177,10 +184,10 @@ function Sn() {
       e.current = null;
     }
     i.current.clear(), l.current = null;
-  }, [y]), { attach: f, detach: y, subscribe: w };
+  }, [y]), { attach: p, detach: y, subscribe: w };
 }
-function En() {
-  const [e, t] = E(!1), [r, o] = E(null), i = A(null), l = A(null), d = S(
+function Nn() {
+  const [e, t] = C(!1), [r, o] = C(null), i = N(null), l = N(null), u = S(
     async (s, a) => {
       if (i.current && l.current) {
         try {
@@ -191,21 +198,21 @@ function En() {
       }
       l.current = s, o(null);
       try {
-        const L = await _n({
+        const L = await kn({
           echoCancellation: !0,
           noiseSuppression: !0
         });
-        a != null && a.startMuted && await L.mute(), await s.localParticipant.publishTrack(L), i.current = L, t(L.isMuted);
+        await s.localParticipant.publishTrack(L), i.current = L, a != null && a.startMuted && await L.mute(), t(L.isMuted);
       } catch (L) {
-        const D = L instanceof Error && L.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-        throw o(D), L;
+        const R = L instanceof Error && L.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
+        throw o(R), L;
       }
     },
     []
-  ), u = S(() => {
+  ), d = S(() => {
     const s = i.current;
     s && (s.isMuted ? (s.unmute(), t(!1)) : (s.mute(), t(!0)));
-  }, []), f = S((s) => {
+  }, []), p = S((s) => {
     const a = i.current;
     a && (s && !a.isMuted ? (a.mute(), t(!0)) : !s && a.isMuted && (a.unmute(), t(!1)));
   }, []), y = S(() => {
@@ -222,21 +229,21 @@ function En() {
   return {
     isMuted: e,
     micError: r,
-    toggleMute: u,
-    setMuted: f,
-    setupMic: d,
+    toggleMute: d,
+    setMuted: p,
+    setupMic: u,
     teardownMic: y,
     clearError: w
   };
 }
-const Cn = { resolution: { width: 640, height: 480, frameRate: 24 } };
-function Nn() {
-  const [e, t] = E(!1), [r, o] = E(null), [i, l] = E(null), [d, u] = E(""), f = A(null), y = A(null), w = S((_) => {
-    f.current = _;
+const An = { resolution: { width: 640, height: 480, frameRate: 24 } };
+function Rn() {
+  const [e, t] = C(!1), [r, o] = C(null), [i, l] = C(null), [u, d] = C(""), p = N(null), y = N(null), w = S((_) => {
+    p.current = _;
   }, []), s = S(() => {
-    const _ = f.current, O = y.current;
-    if (O && _) {
-      const $ = _.localParticipant.getTrackPublication(rn.Source.Camera);
+    const _ = p.current, H = y.current;
+    if (H && _) {
+      const $ = _.localParticipant.getTrackPublication(on.Source.Camera);
       if ($ != null && $.track) {
         try {
           _.localParticipant.unpublishTrack($.track);
@@ -244,75 +251,75 @@ function Nn() {
         }
         $.track.stop();
       } else
-        O.stop();
+        H.stop();
     }
     y.current = null, l(null), t(!1);
   }, []), a = S(async (_) => {
-    const O = f.current;
-    if (O) {
+    const H = p.current;
+    if (H) {
       o(null);
       try {
-        const $ = { ...Cn };
+        const $ = { ...An };
         _ && ($.deviceId = _);
-        const U = await xn($);
-        await O.localParticipant.publishTrack(U), y.current = U;
-        const m = U.attach();
-        l(m), t(!0), _ && u(_);
+        const q = await Ln($);
+        await H.localParticipant.publishTrack(q), y.current = q;
+        const m = q.attach();
+        l(m), t(!0), _ && d(_);
         try {
-          O.localParticipant.publishData(
+          H.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
             { reliable: !0 }
           );
         } catch {
         }
       } 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);
+        const q = $ instanceof Error && $.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+        o(q);
       }
     }
   }, []), L = S(async () => {
-    e ? s() : await a(d || void 0);
-  }, [e, d, s, a]), D = S(async (_) => {
+    e ? s() : await a(u || void 0);
+  }, [e, u, s, a]), R = S(async (_) => {
     s(), await a(_);
-  }, [s, a]), C = S(() => {
-    s(), f.current = null, o(null), u("");
+  }, [s, a]), A = S(() => {
+    s(), p.current = null, o(null), d("");
   }, [s]), v = S(() => o(null), []);
-  return M(() => () => {
+  return I(() => () => {
     y.current && y.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
     previewEl: i,
-    activeDeviceId: d,
+    activeDeviceId: u,
     toggle: L,
-    switchDevice: D,
+    switchDevice: R,
     attachRoom: w,
-    teardown: C,
+    teardown: A,
     clearError: v
   };
 }
-function An() {
-  const [e, t] = E(!1), [r, o] = E(null), [i, l] = E(null), d = A(null), u = S((a) => {
-    d.current = a;
-  }, []), f = S(() => l(null), []), y = S(async () => {
-    const a = d.current;
+function Dn() {
+  const [e, t] = C(!1), [r, o] = C(null), [i, l] = C(null), u = N(null), d = S((a) => {
+    u.current = a;
+  }, []), p = S(() => l(null), []), y = S(async () => {
+    const a = u.current;
     if (a) {
       if (e) {
         try {
           await a.localParticipant.setScreenShareEnabled(!1);
         } catch {
         }
-        f(), t(!1);
+        p(), t(!1);
         return;
       }
       o(null);
       try {
         await a.localParticipant.setScreenShareEnabled(!0);
         let L = 0;
-        const D = () => {
-          const C = a.localParticipant.getTrackPublication(rn.Source.ScreenShare);
-          if (C != null && C.track) {
-            const v = C.track.attach();
+        const R = () => {
+          const A = a.localParticipant.getTrackPublication(on.Source.ScreenShare);
+          if (A != null && A.track) {
+            const v = A.track.attach();
             l(v), t(!0);
             try {
               a.localParticipant.publishData(
@@ -323,49 +330,49 @@ function An() {
             }
             return;
           }
-          L++ < 10 ? setTimeout(D, 100) : t(!0);
+          L++ < 10 ? setTimeout(R, 100) : t(!0);
         };
-        D();
+        R();
       } catch (L) {
-        const D = L instanceof Error ? L.name : "";
-        D !== "NotAllowedError" && D !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
+        const R = L instanceof Error ? L.name : "";
+        R !== "NotAllowedError" && R !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
       }
     }
-  }, [e, f]), w = S(() => {
-    const a = d.current;
+  }, [e, p]), w = S(() => {
+    const a = u.current;
     if (a && e)
       try {
         a.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
-    f(), t(!1), o(null), d.current = null;
-  }, [e, f]), s = S(() => o(null), []);
-  return { isEnabled: e, error: r, previewEl: i, toggle: y, attachRoom: u, teardown: w, clearError: s };
+    p(), t(!1), o(null), u.current = null;
+  }, [e, p]), s = S(() => o(null), []);
+  return { isEnabled: e, error: r, previewEl: i, toggle: y, attachRoom: d, teardown: w, clearError: s };
 }
-function Dn() {
-  const [e, t] = E([]), [r, o] = E([]), i = S(async () => {
+function Mn() {
+  const [e, t] = C([]), [r, o] = C([]), i = S(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
-        t(l.filter((d) => d.kind === "audioinput")), o(l.filter((d) => d.kind === "videoinput"));
+        t(l.filter((u) => u.kind === "audioinput")), o(l.filter((u) => u.kind === "videoinput"));
       } catch {
       }
   }, []);
-  return M(() => {
+  return I(() => {
     if (i(), typeof navigator > "u" || !navigator.mediaDevices) return;
     const l = () => void i();
     return navigator.mediaDevices.addEventListener("devicechange", l), () => navigator.mediaDevices.removeEventListener("devicechange", l);
   }, [i]), { mics: e, cameras: r, refresh: i };
 }
-function Rn(e, t, r = !1) {
-  const [o, i] = E(null), [l, d] = E(null), [u, f] = E(!r && !!e);
-  return M(() => {
+function In(e, t, r = !1) {
+  const [o, i] = C(null), [l, u] = C(null), [d, p] = C(!r && !!e);
+  return I(() => {
     if (r || !e) {
-      f(!1);
+      p(!1);
       return;
     }
     const y = new AbortController(), w = t || "https://app.livelayer.studio";
-    return f(!0), d(null), fetch(`${w}/api/widget/agent/${encodeURIComponent(e)}`, {
+    return p(!0), u(null), fetch(`${w}/api/widget/agent/${encodeURIComponent(e)}`, {
       signal: y.signal
     }).then(async (s) => {
       if (!s.ok) {
@@ -374,13 +381,13 @@ function Rn(e, t, r = !1) {
       }
       return s.json();
     }).then((s) => {
-      y.signal.aborted || (i(s), f(!1));
+      y.signal.aborted || (i(s), p(!1));
     }).catch((s) => {
-      y.signal.aborted || (d(s instanceof Error ? s.message : "Agent lookup failed"), f(!1));
+      y.signal.aborted || (u(s instanceof Error ? s.message : "Agent lookup failed"), p(!1));
     }), () => y.abort();
-  }, [e, t, r]), { info: o, error: l, loading: u };
+  }, [e, t, r]), { info: o, error: l, loading: d };
 }
-function Mn(e) {
+function Tn(e) {
   if (typeof window > "u") return null;
   try {
     return window.localStorage.getItem(e);
@@ -388,54 +395,54 @@ function Mn(e) {
     return null;
   }
 }
-function Tn(e, t) {
+function Pn(e, t) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(e, t);
     } catch {
     }
 }
-function In({
+function $n({
   value: e,
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const o = e !== void 0, [i, l] = E(t), d = o ? e : i, u = S(
-    (f) => {
-      f !== d && (o || l(f), r == null || r(f));
+  const o = e !== void 0, [i, l] = C(t), u = o ? e : i, d = S(
+    (p) => {
+      p !== u && (o || l(p), r == null || r(p));
     },
-    [d, o, r]
+    [u, o, r]
   );
-  return [d, u];
+  return [u, d];
 }
-const Pn = ["hidden", "minimized", "expanded"];
-function $n(e) {
-  return e && Pn.includes(e) ? e : null;
+const Bn = ["hidden", "minimized", "expanded"];
+function zn(e) {
+  return e && Bn.includes(e) ? e : null;
 }
-function Bn({
+function Hn({
   value: e,
   defaultValue: t = "expanded",
   onChange: r,
   persistKey: o = "ll-widget",
   disablePersistence: i = !1
 } = {}) {
-  const l = `${o}:display-mode`, d = A(!1), [u, f] = In({
+  const l = `${o}:display-mode`, u = N(!1), [d, p] = $n({
     value: e,
     defaultValue: t,
     onChange: (y) => {
-      e === void 0 && !i && Tn(l, y), r == null || r(y);
+      e === void 0 && !i && Pn(l, y), r == null || r(y);
     }
   });
-  return M(() => {
-    if (d.current || (d.current = !0, i || e !== void 0)) return;
-    const y = $n(Mn(l));
-    y && y !== u && f(y);
-  }, []), [u, f];
-}
-const zn = 640;
-function On(e = zn) {
-  const [t, r] = E(!1);
-  return M(() => {
+  return I(() => {
+    if (u.current || (u.current = !0, i || e !== void 0)) return;
+    const y = zn(Tn(l));
+    y && y !== d && p(y);
+  }, []), [d, p];
+}
+const qn = 640;
+function On(e = qn) {
+  const [t, r] = C(!1);
+  return I(() => {
     if (e === !1) {
       r(!1);
       return;
@@ -448,67 +455,67 @@ function On(e = zn) {
     });
   }, [e]), t;
 }
-const Ht = "__llHistoryPatched", yt = "ll:pathname";
+const Ut = "__llHistoryPatched", vt = "ll:pathname";
 function Un() {
-  if (typeof window > "u" || window.history[Ht]) return;
+  if (typeof window > "u" || window.history[Ut]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...r) {
     const o = e.apply(this, r);
-    return window.dispatchEvent(new Event(yt)), o;
+    return window.dispatchEvent(new Event(vt)), o;
   }, window.history.replaceState = function(...r) {
     const o = t.apply(this, r);
-    return window.dispatchEvent(new Event(yt)), o;
-  }, window.history[Ht] = !0;
+    return window.dispatchEvent(new Event(vt)), o;
+  }, window.history[Ut] = !0;
 }
 function Vt() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
-function Hn(e) {
-  const [t, r] = E(
+function Vn(e) {
+  const [t, r] = C(
     () => e ?? Vt()
   );
-  return M(() => {
+  return I(() => {
     if (e !== void 0) return;
     Un();
     const o = () => r(Vt());
-    return o(), window.addEventListener("popstate", o), window.addEventListener(yt, o), () => {
-      window.removeEventListener("popstate", o), window.removeEventListener(yt, o);
+    return o(), window.addEventListener("popstate", o), window.addEventListener(vt, o), () => {
+      window.removeEventListener("popstate", o), window.removeEventListener(vt, o);
     };
   }, [e]), e ?? t;
 }
-const qt = /* @__PURE__ */ new Map(), Vn = /[\\^$+?.()|{}[\]]/g;
-function qn(e) {
-  return e.replace(Vn, "\\$&");
+const Wt = /* @__PURE__ */ new Map(), Wn = /[\\^$+?.()|{}[\]]/g;
+function Fn(e) {
+  return e.replace(Wn, "\\$&");
 }
-function Wn(e) {
-  const t = qt.get(e);
+function jn(e) {
+  const t = Wt.get(e);
   if (t) return t;
-  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, o = "
", i = "", l = r.replace(/\*\*/g, o).replace(/\*/g, i), u = qn(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "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), d = Fn(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "g"), "[^/]+"), p = new RegExp(`^${d}\\/?$`);
+  return Wt.set(e, p), p;
 }
 function Gn(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
-  return Wn(e).test(r);
+  return jn(e).test(r);
 }
-function Fn(e, t) {
+function Yn(e, t) {
   return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : Gn(e, t);
 }
-function Wt(e, t) {
+function Ft(e, t) {
   if (!e || e.length === 0) return !1;
   for (const r of e)
-    if (Fn(r, t)) return !0;
+    if (Yn(r, t)) return !0;
   return !1;
 }
-function jn(e, t, r) {
-  return e === void 0 ? !0 : Wt(r, e) ? !1 : t && t.length > 0 ? Wt(t, e) : !0;
-}
 function Jn(e, t, r) {
-  return gt(
-    () => jn(e, t, r),
+  return e === void 0 ? !0 : Ft(r, e) ? !1 : t && t.length > 0 ? Ft(t, e) : !0;
+}
+function Kn(e, t, r) {
+  return yt(
+    () => Jn(e, t, r),
     [e, t, r]
   );
 }
-const Gt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
+const jt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
   "svg",
   {
     className: t,
@@ -554,7 +561,7 @@ const Gt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
       }
     )
   }
-), Ft = ({ className: e }) => /* @__PURE__ */ n(
+), Gt = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -572,7 +579,7 @@ const Gt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
       }
     )
   }
-), Yn = ({ className: e }) => /* @__PURE__ */ n(
+), Xn = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -583,12 +590,12 @@ const Gt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
   }
-), Kn = {
+), Qn = {
   left: 180,
   right: 0,
   up: -90,
   down: 90
-}, jt = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
+}, Yt = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
   "svg",
   {
     className: t,
@@ -596,19 +603,19 @@ const Gt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    style: { transform: `rotate(${Kn[e]}deg)` },
+    style: { transform: `rotate(${Qn[e]}deg)` },
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
   }
 );
-function Xn(e) {
+function Zn(e) {
   return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const on = "ll-hidden-tab-center-y", Qn = 5, Jt = 16;
-function Zn() {
+const ln = "ll-hidden-tab-center-y", er = 5, Jt = 16;
+function tr() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(on);
+    const e = window.localStorage.getItem(ln);
     if (!e) return null;
     const t = Number.parseFloat(e);
     return Number.isFinite(t) ? t : null;
@@ -616,46 +623,46 @@ function Zn() {
     return null;
   }
 }
-function Yt(e) {
+function Kt(e) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(on, String(e));
+      window.localStorage.setItem(ln, String(e));
     } catch {
     }
 }
-const er = ({
+const nr = ({
   position: e,
   isMobile: t,
   isSpeaking: r,
   onExpand: o,
   label: i = "Open widget",
   avatarImageUrl: l,
-  agentName: d
+  agentName: u
 }) => {
-  const u = Xn(e), f = u === "right" ? "left" : "right", y = t ? 80 : 72, w = !!l, [s, a] = E(null), [L, D] = E(!1), C = A(null), v = A(!1), _ = S(
+  const d = Zn(e), p = d === "right" ? "left" : "right", y = t ? 80 : 72, w = !!l, [s, a] = C(null), [L, R] = C(!1), A = N(null), v = N(!1), _ = S(
     (P) => {
       if (typeof window > "u") return P;
-      const H = y / 2, G = Jt + H, Z = window.innerHeight - Jt - H;
-      return Z < G ? Math.max(G, P) : Math.max(G, Math.min(Z, P));
+      const O = y / 2, G = Jt + O, ee = window.innerHeight - Jt - O;
+      return ee < G ? Math.max(G, P) : Math.max(G, Math.min(ee, P));
     },
     [y]
   );
-  M(() => {
-    const P = Zn();
+  I(() => {
+    const P = tr();
     a(_(P ?? window.innerHeight / 2));
-    const H = () => {
+    const O = () => {
       a((G) => G === null ? null : _(G));
     };
-    return window.addEventListener("resize", H), () => window.removeEventListener("resize", H);
+    return window.addEventListener("resize", O), () => window.removeEventListener("resize", O);
   }, [_]);
-  const O = S(
+  const H = S(
     (P) => {
       if (!(P.pointerType === "mouse" && P.button !== 0) && s !== null) {
         try {
           P.currentTarget.setPointerCapture(P.pointerId);
         } catch {
         }
-        C.current = {
+        A.current = {
           startClientY: P.clientY,
           startCenterY: s,
           moved: !1
@@ -665,21 +672,21 @@ const er = ({
     [s]
   ), $ = S(
     (P) => {
-      const H = C.current;
-      if (!H) return;
-      const G = P.clientY - H.startClientY;
-      !H.moved && Math.abs(G) > Qn && (H.moved = !0, D(!0)), H.moved && a(_(H.startCenterY + G));
+      const O = A.current;
+      if (!O) return;
+      const G = P.clientY - O.startClientY;
+      !O.moved && Math.abs(G) > er && (O.moved = !0, R(!0)), O.moved && a(_(O.startCenterY + G));
     },
     [_]
-  ), U = S(
+  ), q = S(
     (P) => {
-      const H = C.current;
-      if (H) {
+      const O = A.current;
+      if (O) {
         try {
           P.currentTarget.releasePointerCapture(P.pointerId);
         } catch {
         }
-        C.current = null, H.moved && (D(!1), v.current = !0, a((G) => (G !== null && Yt(G), G)));
+        A.current = null, O.moved && (R(!1), v.current = !0, a((G) => (G !== null && Kt(G), G)));
       }
     },
     []
@@ -689,51 +696,51 @@ const er = ({
       return;
     }
     o();
-  }, [o]), I = S(
+  }, [o]), T = S(
     (P) => {
       if (P.key === "ArrowUp" || P.key === "ArrowDown") {
         P.preventDefault();
-        const H = P.key === "ArrowUp" ? -8 : 8;
+        const O = P.key === "ArrowUp" ? -8 : 8;
         a((G) => {
           if (G === null) return G;
-          const Z = _(G + H);
-          return Yt(Z), Z;
+          const ee = _(G + O);
+          return Kt(ee), ee;
         });
       }
     },
     [_]
-  ), q = [
+  ), V = [
     "ll-hidden",
-    `ll-hidden--${u}`,
+    `ll-hidden--${d}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
     L ? "is-dragging" : null,
     w ? "ll-hidden--with-avatar" : null
-  ].filter(Boolean).join(" "), B = s === null ? void 0 : { top: `${s - y / 2}px`, transform: "none" };
+  ].filter(Boolean).join(" "), z = s === null ? void 0 : { top: `${s - y / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: q,
-      onPointerDown: O,
+      className: V,
+      onPointerDown: H,
       onPointerMove: $,
-      onPointerUp: U,
-      onPointerCancel: U,
+      onPointerUp: q,
+      onPointerCancel: q,
       onClick: m,
-      onKeyDown: I,
+      onKeyDown: T,
       "aria-label": i,
       "data-position": e,
-      style: B,
+      style: z,
       children: w ? (
         // Layout: tiny chevron flush against the inward edge (peeks out
         // as the click affordance), then the circular avatar photo
         // taking the rest of the tab. Reinforces "this is an
         // avatar-based experience" even when collapsed.
-        /* @__PURE__ */ x(Ct, { children: [
+        /* @__PURE__ */ x(Nt, { children: [
           /* @__PURE__ */ n(
-            jt,
+            Yt,
             {
-              direction: f,
+              direction: p,
               className: "ll-hidden__chevron ll-hidden__chevron--mini"
             }
           ),
@@ -741,22 +748,22 @@ const er = ({
             "img",
             {
               src: l,
-              alt: d ? `${d} avatar` : "Agent avatar",
+              alt: u ? `${u} avatar` : "Agent avatar",
               className: "ll-hidden__avatar",
               draggable: !1
             }
           )
         ] })
       ) : /* @__PURE__ */ n(
-        jt,
+        Yt,
         {
-          direction: f,
+          direction: p,
           className: "ll-hidden__chevron"
         }
       )
     }
   );
-}, tr = ({
+}, rr = ({
   audioLevel: e,
   bars: t = 20,
   maxHeight: r = 20,
@@ -764,40 +771,40 @@ const er = ({
   className: i,
   barClassName: l
 }) => {
-  const d = A(null), u = A([]), f = gt(() => {
+  const u = N(null), d = N([]), p = yt(() => {
     const w = (Math.sqrt(5) - 1) / 2;
     return Array.from({ length: t }, (s, a) => 0.5 + a * w % 1 * 0.5);
   }, [t]);
-  M(() => e.subscribe((s) => {
+  I(() => e.subscribe((s) => {
     for (let a = 0; a < t; a++) {
-      const L = u.current[a];
+      const L = d.current[a];
       if (!L) continue;
-      const D = Math.max(o, s * r * f[a]);
-      L.style.height = `${D}px`;
+      const R = Math.max(o, s * r * p[a]);
+      L.style.height = `${R}px`;
     }
-  }), [e, t, r, o, f]);
+  }), [e, t, r, o, p]);
   const y = ["ll-waveform", i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: d, className: y, "aria-hidden": "true", children: Array.from({ length: t }, (w, s) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ n("div", { ref: u, className: y, "aria-hidden": "true", children: Array.from({ length: t }, (w, s) => /* @__PURE__ */ n(
     "div",
     {
       ref: (a) => {
-        u.current[s] = a;
+        d.current[s] = a;
       },
       className: ["ll-waveform__bar", l].filter(Boolean).join(" "),
       style: { height: `${o}px` }
     },
     s
   )) });
-}, nr = ({
+}, or = ({
   position: e,
   isMobile: t,
   agentName: r,
   avatarImageUrl: o,
   agentState: i,
   isMuted: l,
-  audioLevel: d,
-  onExpand: u,
-  onToggleMute: f,
+  audioLevel: u,
+  onExpand: d,
+  onToggleMute: p,
   onClose: y
 }) => t ? /* @__PURE__ */ n(
   "div",
@@ -810,7 +817,7 @@ const er = ({
       {
         type: "button",
         className: "ll-minimized__surface",
-        onClick: u,
+        onClick: d,
         "aria-label": `Expand ${r} widget`,
         children: [
           o ? (
@@ -825,9 +832,9 @@ const er = ({
             )
           ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
           /* @__PURE__ */ n(
-            tr,
+            rr,
             {
-              audioLevel: d,
+              audioLevel: u,
               bars: 16,
               maxHeight: 18,
               className: "ll-minimized__waveform"
@@ -842,16 +849,16 @@ const er = ({
                 role: "button",
                 tabIndex: 0,
                 onClick: (w) => {
-                  w.stopPropagation(), f();
+                  w.stopPropagation(), p();
                 },
                 onKeyDown: (w) => {
-                  (w.key === "Enter" || w.key === " ") && (w.stopPropagation(), w.preventDefault(), f());
+                  (w.key === "Enter" || w.key === " ") && (w.stopPropagation(), w.preventDefault(), p());
                 },
                 "aria-label": l ? "Unmute microphone" : "Mute microphone",
-                children: /* @__PURE__ */ n(Gt, { muted: l, className: "ll-minimized__icon" })
+                children: /* @__PURE__ */ n(jt, { muted: l, className: "ll-minimized__icon" })
               }
             ),
-            /* @__PURE__ */ n(Ft, { className: "ll-minimized__icon ll-minimized__icon--expand" })
+            /* @__PURE__ */ n(Gt, { className: "ll-minimized__icon ll-minimized__icon--expand" })
           ] })
         ]
       }
@@ -886,9 +893,9 @@ const er = ({
           {
             type: "button",
             className: "ll-minimized__btn",
-            onClick: f,
+            onClick: p,
             "aria-label": l ? "Unmute microphone" : "Mute microphone",
-            children: /* @__PURE__ */ n(Gt, { muted: l, className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(jt, { muted: l, className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -896,9 +903,9 @@ const er = ({
           {
             type: "button",
             className: "ll-minimized__btn",
-            onClick: u,
+            onClick: d,
             "aria-label": `Expand ${r} widget`,
-            children: /* @__PURE__ */ n(Ft, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Gt, { className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -908,24 +915,24 @@ const er = ({
             className: "ll-minimized__btn ll-minimized__btn--close",
             onClick: y,
             "aria-label": "Close widget",
-            children: /* @__PURE__ */ n(Yn, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Xn, { className: "ll-minimized__icon" })
           }
         )
       ] })
     ] })
   }
-), rr = ({
+), ir = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
   className: o,
   style: i
 }) => {
-  const [l, d] = E(!1), u = A(e);
-  if (M(() => {
-    u.current !== e && (u.current = e, d(!1));
+  const [l, u] = C(!1), d = N(e);
+  if (I(() => {
+    d.current !== e && (d.current = e, u(!1));
   }, [e]), !e) return null;
-  const f = {
+  const p = {
     position: "absolute",
     inset: 0,
     width: "100%",
@@ -945,68 +952,68 @@ const er = ({
         src: e,
         alt: t,
         className: o,
-        style: f,
+        style: p,
         loading: "eager",
         fetchPriority: "high",
-        onLoad: () => d(!0)
+        onLoad: () => u(!0)
       }
     )
   );
-}, or = ({
+}, lr = ({
   position: e,
   isMobile: t,
   agentName: r,
   avatarImageUrl: o,
   idleLoopUrl: i,
   greeting: l,
-  branding: d,
-  teamMembers: u,
-  currentTeamMemberId: f,
+  branding: u,
+  teamMembers: d,
+  currentTeamMemberId: p,
   isSwitchingTeamMember: y,
   teamSwitcherOpen: w,
   onToggleTeamSwitcher: s,
   onSelectTeamMember: a,
   languageMenuOpen: L,
-  onToggleLanguageMenu: D,
-  connectionState: C,
+  onToggleLanguageMenu: R,
+  connectionState: A,
   agentState: v,
   transcript: _,
-  canResume: O,
+  canResume: H,
   needsUserGesture: $,
-  error: U,
+  error: q,
   isMuted: m,
-  micError: I,
-  micDevices: q,
-  isCameraEnabled: B,
+  micError: T,
+  micDevices: V,
+  isCameraEnabled: z,
   cameraPreviewEl: P,
-  cameraDevices: H,
+  cameraDevices: O,
   activeCameraId: G,
-  isScreenShareEnabled: Z,
+  isScreenShareEnabled: ee,
   screenPreviewEl: le,
   isSpeakerMuted: Le,
-  allowCamera: rt,
-  allowScreenShare: ot,
-  allowTyping: it,
-  avatarVideoContainerRef: lt,
+  allowCamera: ot,
+  allowScreenShare: it,
+  allowTyping: lt,
+  avatarVideoContainerRef: at,
   agentVideoEl: ie,
-  micGateOpen: pe,
+  micGateOpen: he,
   onConnect: Se,
-  onDisconnect: De,
-  onRetry: Re,
+  onDisconnect: Re,
+  onRetry: De,
   onResumeAudio: Me,
-  onToggleMute: Te,
-  onToggleCamera: Ie,
-  onSwitchCameraDevice: Y,
-  onToggleScreenShare: vt,
-  onToggleSpeaker: wt,
-  onSendMessage: at,
+  onToggleMute: Ie,
+  onToggleCamera: Te,
+  onSwitchCameraDevice: J,
+  onToggleScreenShare: wt,
+  onToggleSpeaker: _t,
+  onSendMessage: st,
   onMinimize: ae,
   onClose: Pe,
-  onClearMicError: We
+  onClearMicError: Fe
 }) => {
-  var Ue;
-  const Ee = ((u == null ? void 0 : u.length) ?? 0) > 1, $e = C === "connecting" || C === "connected", Q = C === "connected", ne = C === "idle" || C === "disconnected" || C === "error", [Be, se] = E(!1);
-  M(() => {
+  var qe;
+  const Ee = ((d == null ? void 0 : d.length) ?? 0) > 1, $e = A === "connecting" || A === "connected", X = A === "connected", te = A === "idle" || A === "disconnected" || A === "error", [Be, se] = C(!1);
+  I(() => {
     if (!ie) {
       se(!1);
       return;
@@ -1016,80 +1023,80 @@ const er = ({
       return;
     }
     se(!1);
-    const p = () => se(!0);
-    return ie.addEventListener("playing", p), ie.addEventListener("loadeddata", p), () => {
-      ie.removeEventListener("playing", p), ie.removeEventListener("loadeddata", p);
+    const h = () => se(!0);
+    return ie.addEventListener("playing", h), ie.addEventListener("loadeddata", h), () => {
+      ie.removeEventListener("playing", h), ie.removeEventListener("loadeddata", h);
     };
   }, [ie]);
-  const [he, Ce] = E(!1);
-  M(() => {
-    if (!Q) {
+  const [me, Ce] = C(!1);
+  I(() => {
+    if (!X) {
       Ce(!1);
       return;
     }
     if (Be) return;
-    const p = setTimeout(() => Ce(!0), 8e3);
-    return () => clearTimeout(p);
-  }, [Q, Be]);
-  const Ge = C === "connecting" || Q && !!o && !Be && !he, re = A(null), ce = A(null);
-  M(() => {
-    const p = re.current;
-    p && (p.innerHTML = "", P && (P.style.width = "100%", P.style.height = "100%", P.style.objectFit = "cover", P.style.transform = "scaleX(-1)", p.appendChild(P)));
-  }, [P]), M(() => {
-    const p = ce.current;
-    p && (p.innerHTML = "", le && (le.style.width = "100%", le.style.height = "100%", le.style.objectFit = "contain", p.appendChild(le)));
+    const h = setTimeout(() => Ce(!0), 8e3);
+    return () => clearTimeout(h);
+  }, [X, Be]);
+  const je = A === "connecting" || X && !!o && !Be && !me, re = N(null), ce = N(null);
+  I(() => {
+    const h = re.current;
+    h && (h.innerHTML = "", P && (P.style.width = "100%", P.style.height = "100%", P.style.objectFit = "cover", P.style.transform = "scaleX(-1)", h.appendChild(P)));
+  }, [P]), I(() => {
+    const h = ce.current;
+    h && (h.innerHTML = "", le && (le.style.width = "100%", le.style.height = "100%", le.style.objectFit = "contain", h.appendChild(le)));
   }, [le]);
-  const [de, me] = E(!1), [ze, ge] = E(!1);
-  M(() => {
-    if (!de && !ze && !L && !w) return;
-    const p = () => {
-      me(!1), ge(!1), L && D(), w && s();
+  const [ue, ge] = C(!1), [ze, ye] = C(!1);
+  I(() => {
+    if (!ue && !ze && !L && !w) return;
+    const h = () => {
+      ge(!1), ye(!1), L && R(), w && s();
     };
-    return document.addEventListener("click", p), () => document.removeEventListener("click", p);
+    return document.addEventListener("click", h), () => document.removeEventListener("click", h);
   }, [
-    de,
+    ue,
     ze,
     L,
     w,
-    D,
+    R,
     s
   ]);
-  const [ye, Fe] = E(""), je = S(
-    (p) => {
-      p.preventDefault();
-      const K = ye.trim();
-      K && (at(K), Fe(""));
+  const [ve, Ge] = C(""), Ye = S(
+    (h) => {
+      h.preventDefault();
+      const K = ve.trim();
+      K && (st(K), Ge(""));
     },
-    [ye, at]
-  ), Je = d.productName || "Live Layer";
-  let be = null, ve = null;
-  for (let p = _.length - 1; p >= 0; p--) {
-    const K = _[p];
-    if (!be && K.role === "agent" ? be = K : !ve && K.role === "user" && (ve = K), be && ve) break;
+    [ve, st]
+  ), Je = u.productName || "Live Layer";
+  let be = null, we = null;
+  for (let h = _.length - 1; h >= 0; h--) {
+    const K = _[h];
+    if (!be && K.role === "agent" ? be = K : !we && K.role === "user" && (we = K), be && we) break;
   }
-  const Oe = Q ? (be == null ? void 0 : be.text) || null : l || null, st = Q && (ve == null ? void 0 : ve.text) || null, Ye = [
+  const He = X ? (be == null ? void 0 : be.text) || null : l || null, ct = X && (we == null ? void 0 : we.text) || null, Ke = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
   return /* @__PURE__ */ x(
     "div",
     {
-      className: Ye,
+      className: Ke,
       "data-position": e,
-      "data-state": Q ? "connected" : $e ? "connecting" : "idle",
+      "data-state": X ? "connected" : $e ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
         /* @__PURE__ */ x("div", { className: "ll-expanded__bg", children: [
           o ? /* @__PURE__ */ n(
-            rr,
+            ir,
             {
               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: ((Ue = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Ue.toUpperCase()) || "A" }) }),
-          i && !Q && /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((qe = r == null ? void 0 : r.charAt(0)) == null ? void 0 : qe.toUpperCase()) || "A" }) }),
+          i && !X && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
@@ -1101,12 +1108,12 @@ const er = ({
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { ref: lt, className: "ll-expanded__video" }),
-        Ge && /* @__PURE__ */ x("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        /* @__PURE__ */ n("div", { ref: at, className: "ll-expanded__video" }),
+        je && /* @__PURE__ */ x("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
           /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
           /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: y ? "Switching..." : "Connecting..." })
         ] }),
-        $ && Q && /* @__PURE__ */ x(
+        $ && X && /* @__PURE__ */ x(
           "button",
           {
             type: "button",
@@ -1126,14 +1133,14 @@ const er = ({
                 {
                   type: "button",
                   className: "ll-hpill",
-                  onClick: (p) => {
-                    Ee && (p.stopPropagation(), s());
+                  onClick: (h) => {
+                    Ee && (h.stopPropagation(), s());
                   },
                   "aria-haspopup": Ee ? "listbox" : void 0,
                   "aria-expanded": Ee ? w : void 0,
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                    Ee && /* @__PURE__ */ n(pt, {})
+                    Ee && /* @__PURE__ */ n(ht, {})
                   ]
                 }
               ),
@@ -1141,30 +1148,30 @@ const er = ({
                 "div",
                 {
                   className: "ll-hmenu",
-                  onClick: (p) => p.stopPropagation(),
+                  onClick: (h) => h.stopPropagation(),
                   role: "listbox",
-                  children: u == null ? void 0 : u.map((p) => /* @__PURE__ */ x(
+                  children: d == null ? void 0 : d.map((h) => /* @__PURE__ */ x(
                     "button",
                     {
                       type: "button",
-                      className: `ll-hmenu__item ${p.id === f ? "is-active" : ""}`,
-                      onClick: () => a(p.id),
+                      className: `ll-hmenu__item ${h.id === p ? "is-active" : ""}`,
+                      onClick: () => a(h.id),
                       role: "option",
-                      "aria-selected": p.id === f,
+                      "aria-selected": h.id === p,
                       children: [
-                        p.avatarImageUrl && /* @__PURE__ */ n(
+                        h.avatarImageUrl && /* @__PURE__ */ n(
                           "img",
                           {
-                            src: p.avatarImageUrl,
+                            src: h.avatarImageUrl,
                             alt: "",
                             className: "ll-hmenu__avatar"
                           }
                         ),
-                        /* @__PURE__ */ n("span", { className: "ll-hmenu__name", children: p.name }),
-                        p.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: p.role })
+                        /* @__PURE__ */ n("span", { className: "ll-hmenu__name", children: h.name }),
+                        h.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: h.role })
                       ]
                     },
-                    p.id
+                    h.id
                   ))
                 }
               )
@@ -1175,8 +1182,8 @@ const er = ({
                 {
                   type: "button",
                   className: "ll-hpill ll-hpill--compact",
-                  onClick: (p) => {
-                    p.stopPropagation(), D();
+                  onClick: (h) => {
+                    h.stopPropagation(), R();
                   },
                   "aria-haspopup": "listbox",
                   "aria-expanded": L,
@@ -1184,7 +1191,7 @@ const er = ({
                   title: "Language: English",
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: "EN" }),
-                    /* @__PURE__ */ n(pt, {})
+                    /* @__PURE__ */ n(ht, {})
                   ]
                 }
               ),
@@ -1192,7 +1199,7 @@ const er = ({
                 "div",
                 {
                   className: "ll-hmenu",
-                  onClick: (p) => p.stopPropagation(),
+                  onClick: (h) => h.stopPropagation(),
                   role: "listbox",
                   children: /* @__PURE__ */ n(
                     "button",
@@ -1224,7 +1231,7 @@ const er = ({
                 onClick: ae,
                 "aria-label": "Minimize widget",
                 title: "Minimize",
-                children: /* @__PURE__ */ n(Xt, {})
+                children: /* @__PURE__ */ n(Qt, {})
               }
             ),
             /* @__PURE__ */ n(
@@ -1235,7 +1242,7 @@ const er = ({
                 onClick: Pe,
                 "aria-label": "End call",
                 title: "End call",
-                children: /* @__PURE__ */ n(Kt, {})
+                children: /* @__PURE__ */ n(Xt, {})
               }
             )
           ] })
@@ -1251,7 +1258,7 @@ const er = ({
                   className: "ll-hbtn ll-hbtn--ghost",
                   onClick: ae,
                   "aria-label": "Minimize widget",
-                  children: /* @__PURE__ */ n(Xt, {})
+                  children: /* @__PURE__ */ n(Qt, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1261,25 +1268,25 @@ const er = ({
                   className: "ll-hbtn ll-hbtn--danger",
                   onClick: Pe,
                   "aria-label": "Close widget",
-                  children: /* @__PURE__ */ n(Kt, {})
+                  children: /* @__PURE__ */ n(Xt, {})
                 }
               )
             ] })
           ] })
         ),
-        ne && /* @__PURE__ */ (() => {
-          const p = O ? "Restart paused session" : C === "disconnected" ? "Reconnect to agent" : "Start video call", K = O ? "Pick up where you left off" : null;
-          return /* @__PURE__ */ x(Ct, { children: [
-            C === "idle" && !O && !U && /* @__PURE__ */ x(
+        te && /* @__PURE__ */ (() => {
+          const h = H ? "Restart paused session" : A === "disconnected" ? "Reconnect to agent" : "Start video call", K = H ? "Pick up where you left off" : null;
+          return /* @__PURE__ */ x(Nt, { children: [
+            A === "idle" && !H && !q && /* @__PURE__ */ x(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
                 onClick: Se,
-                "aria-label": p,
+                "aria-label": h,
                 children: [
                   /* @__PURE__ */ n("div", { className: "ll-expanded__play-circle", children: /* @__PURE__ */ n("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("polygon", { points: "6 3 20 12 6 21 6 3" }) }) }),
-                  /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: p })
+                  /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: h })
                 ]
               }
             ),
@@ -1292,8 +1299,8 @@ const er = ({
                   type: "button",
                   className: "ll-expanded__cta",
                   onClick: Se,
-                  "aria-label": p,
-                  children: p
+                  "aria-label": h,
+                  children: h
                 }
               )
             ] })
@@ -1302,88 +1309,88 @@ const er = ({
         /* @__PURE__ */ x(
           "div",
           {
-            className: `ll-expanded__pip ${$e && (B || Z) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${$e && (z || ee) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
                   ref: ce,
-                  className: Z ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  className: ee ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
                   ref: re,
-                  className: !Z && B ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  className: !ee && z ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
         $e ? /* @__PURE__ */ x("div", { className: "ll-expanded__bottom", children: [
-          Oe && /* @__PURE__ */ n(
+          He && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--agent",
               "data-role": "agent",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Oe })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: He })
             }
           ),
-          st && /* @__PURE__ */ n(
+          ct && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--user",
               "data-role": "user",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: st })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: ct })
             }
           ),
-          /* @__PURE__ */ x("div", { className: "ll-toolbar", onClick: (p) => p.stopPropagation(), children: [
-            ot && /* @__PURE__ */ n(
+          /* @__PURE__ */ x("div", { className: "ll-toolbar", onClick: (h) => h.stopPropagation(), children: [
+            it && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${Z ? "is-on" : ""}`,
-                onClick: vt,
-                "aria-label": Z ? "Stop sharing screen" : "Share screen",
-                title: Z ? "Stop sharing" : "Share screen",
-                children: /* @__PURE__ */ n(ir, {})
+                className: `ll-tool ${ee ? "is-on" : ""}`,
+                onClick: wt,
+                "aria-label": ee ? "Stop sharing screen" : "Share screen",
+                title: ee ? "Stop sharing" : "Share screen",
+                children: /* @__PURE__ */ n(ar, {})
               }
             ),
-            rt && /* @__PURE__ */ x("div", { className: "ll-tool-split", children: [
+            ot && /* @__PURE__ */ x("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${B ? "is-on" : ""}`,
-                  onClick: Ie,
-                  "aria-label": B ? "Turn off camera" : "Turn on camera",
-                  title: B ? "Stop camera" : "Start camera",
-                  children: /* @__PURE__ */ n(lr, {})
+                  className: `ll-tool ll-tool--left ${z ? "is-on" : ""}`,
+                  onClick: Te,
+                  "aria-label": z ? "Turn off camera" : "Turn on camera",
+                  title: z ? "Stop camera" : "Start camera",
+                  children: /* @__PURE__ */ n(sr, {})
                 }
               ),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--right ${B ? "is-on" : ""}`,
-                  onClick: (p) => {
-                    p.stopPropagation(), ge((K) => !K), me(!1);
+                  className: `ll-tool ll-tool--right ${z ? "is-on" : ""}`,
+                  onClick: (h) => {
+                    h.stopPropagation(), ye((K) => !K), ge(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
                   "aria-expanded": ze,
-                  children: /* @__PURE__ */ n(pt, {})
+                  children: /* @__PURE__ */ n(ht, {})
                 }
               ),
-              ze && H.length > 0 && /* @__PURE__ */ n(
-                Qt,
+              ze && O.length > 0 && /* @__PURE__ */ n(
+                Zt,
                 {
                   label: "Camera",
-                  devices: H,
+                  devices: O,
                   activeId: G,
-                  onPick: (p) => {
-                    ge(!1), Y(p);
+                  onPick: (h) => {
+                    ye(!1), J(h);
                   }
                 }
               )
@@ -1391,18 +1398,18 @@ const er = ({
             /* @__PURE__ */ x(
               "div",
               {
-                className: `ll-tool-split${!pe && Q ? " ll-tool-split--gated" : ""}`,
+                className: `ll-tool-split${!he && X ? " ll-tool-split--gated" : ""}`,
                 children: [
                   /* @__PURE__ */ n(
                     "button",
                     {
                       type: "button",
                       className: `ll-tool ll-tool--left ${m ? "is-muted" : ""}`,
-                      onClick: Te,
-                      disabled: !pe && Q,
-                      "aria-label": !pe && Q ? "Microphone enables once the agent finishes its greeting" : m ? "Unmute microphone" : "Mute microphone",
-                      title: !pe && Q ? "Mic enables after greeting" : m ? "Unmute" : "Mute",
-                      children: /* @__PURE__ */ n(ar, { muted: m })
+                      onClick: Ie,
+                      disabled: !he && X,
+                      "aria-label": !he && X ? "Microphone enables once the agent finishes its greeting" : m ? "Unmute microphone" : "Mute microphone",
+                      title: !he && X ? "Mic enables after greeting" : m ? "Unmute" : "Mute",
+                      children: /* @__PURE__ */ n(cr, { muted: m })
                     }
                   ),
                   /* @__PURE__ */ n(
@@ -1410,22 +1417,22 @@ const er = ({
                     {
                       type: "button",
                       className: `ll-tool ll-tool--right ${m ? "is-muted" : ""}`,
-                      onClick: (p) => {
-                        p.stopPropagation(), me((K) => !K), ge(!1);
+                      onClick: (h) => {
+                        h.stopPropagation(), ge((K) => !K), ye(!1);
                       },
                       "aria-label": "Microphone devices",
                       "aria-haspopup": "listbox",
-                      "aria-expanded": de,
-                      children: /* @__PURE__ */ n(pt, {})
+                      "aria-expanded": ue,
+                      children: /* @__PURE__ */ n(ht, {})
                     }
                   ),
-                  de && q.length > 0 && /* @__PURE__ */ n(
-                    Qt,
+                  ue && V.length > 0 && /* @__PURE__ */ n(
+                    Zt,
                     {
                       label: "Microphone",
-                      devices: q,
+                      devices: V,
                       activeId: "",
-                      onPick: () => me(!1)
+                      onPick: () => ge(!1)
                     }
                   )
                 ]
@@ -1436,10 +1443,10 @@ const er = ({
               {
                 type: "button",
                 className: `ll-tool ${Le ? "is-muted" : ""}`,
-                onClick: wt,
+                onClick: _t,
                 "aria-label": Le ? "Unmute speaker" : "Mute speaker",
                 title: Le ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(sr, { muted: Le })
+                children: /* @__PURE__ */ n(ur, { muted: Le })
               }
             ),
             /* @__PURE__ */ n(
@@ -1447,61 +1454,61 @@ const er = ({
               {
                 type: "button",
                 className: "ll-tool ll-tool--danger",
-                onClick: De,
+                onClick: Re,
                 "aria-label": "End conversation",
                 title: "End conversation",
-                children: /* @__PURE__ */ n(dr, {})
+                children: /* @__PURE__ */ n(fr, {})
               }
             )
           ] }),
-          it && /* @__PURE__ */ x("form", { className: "ll-message-input", onSubmit: je, children: [
+          lt && /* @__PURE__ */ x("form", { className: "ll-message-input", onSubmit: Ye, children: [
             /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: ye,
-                onChange: (p) => Fe(p.target.value),
+                value: ve,
+                onChange: (h) => Ge(h.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            ye.trim() && /* @__PURE__ */ n(
+            ve.trim() && /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
                 className: "ll-message-input__send",
                 "aria-label": "Send message",
-                children: /* @__PURE__ */ n(cr, {})
+                children: /* @__PURE__ */ n(dr, {})
               }
             )
           ] })
         ] }) : null,
         (() => {
-          if (I && C !== "error")
+          if (T && A !== "error")
             return /* @__PURE__ */ x("div", { className: "ll-expanded__banner", role: "alert", children: [
-              /* @__PURE__ */ n("span", { children: I }),
+              /* @__PURE__ */ n("span", { children: T }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__banner-x",
-                  onClick: We,
+                  onClick: Fe,
                   "aria-label": "Dismiss",
                   children: "×"
                 }
               )
             ] });
-          if (!U || C !== "error") return null;
-          let p = "Failed to connect", K = "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__ */ x("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
-            /* @__PURE__ */ n("span", { children: p }),
+          if (!q || A !== "error") return null;
+          let h = "Failed to connect", K = "Try again";
+          return q === "MIC_PERMISSION_DENIED" ? h = "Microphone blocked. Allow access to talk." : q === "MIC_NOT_FOUND" ? h = "No microphone found. Plug one in + retry." : q === "MIC_UNAVAILABLE" ? h = "Mic unavailable. Check other apps using it." : q === "AGENT_TIMEOUT" ? h = "Agent didn't pick up. Try again." : q === "CONNECT_FAILED" ? h = "Connection failed. Check your network." : q.length < 80 && (h = q), /* @__PURE__ */ x("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+            /* @__PURE__ */ n("span", { children: h }),
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: Re,
+                onClick: De,
                 children: K
               }
             )
@@ -1511,32 +1518,32 @@ const er = ({
     }
   );
 };
-function pt() {
+function ht() {
   return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" }) });
 }
-function Kt() {
+function Xt() {
   return /* @__PURE__ */ x("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 Xt() {
+function Qt() {
   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 ir() {
+function ar() {
   return /* @__PURE__ */ x("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
     /* @__PURE__ */ n("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
     /* @__PURE__ */ n("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
   ] });
 }
-function lr() {
+function sr() {
   return /* @__PURE__ */ x("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("path", { d: "M23 7l-7 5 7 5V7z" }),
     /* @__PURE__ */ n("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
   ] });
 }
-function ar({ muted: e }) {
+function cr({ muted: e }) {
   return /* @__PURE__ */ x("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,22 +1551,22 @@ function ar({ muted: e }) {
     e && /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function sr({ muted: e }) {
+function ur({ muted: e }) {
   return /* @__PURE__ */ x("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__ */ x(Ct, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ x(Nt, { children: [
       /* @__PURE__ */ n("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" }),
       /* @__PURE__ */ n("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
     ] })
   ] });
 }
-function cr() {
+function dr() {
   return /* @__PURE__ */ x("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
     /* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
   ] });
 }
-function dr() {
+function fr() {
   return /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "-4 -4 32 32", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: /* @__PURE__ */ n(
     "path",
     {
@@ -1568,7 +1575,7 @@ function dr() {
     }
   ) });
 }
-const Qt = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ x(
+const Zt = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ x(
   "div",
   {
     className: "ll-device-menu",
@@ -1577,17 +1584,17 @@ const Qt = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */
     children: [
       /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
       t.map((i, l) => {
-        const d = r === i.deviceId;
+        const u = r === i.deviceId;
         return /* @__PURE__ */ x(
           "button",
           {
             type: "button",
-            className: `ll-device-menu__item ${d ? "is-active" : ""}`,
+            className: `ll-device-menu__item ${u ? "is-active" : ""}`,
             onClick: () => o(i.deviceId),
             role: "option",
-            "aria-selected": d,
+            "aria-selected": u,
             children: [
-              d && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
+              u && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
               /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: i.label || `${e} ${l + 1}` })
             ]
           },
@@ -1596,21 +1603,21 @@ const Qt = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */
       })
     ]
   }
-), ur = [
+), pr = [
   '[data-ll-private="true"]',
   ".ll-widget"
 ];
-function At(e) {
+function Rt(e) {
   let t = e;
   for (; t; ) {
-    for (const r of ur)
+    for (const r of pr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
 function bt(e) {
-  if (At(e)) return !1;
+  if (Rt(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
     const t = (e.getAttribute("autocomplete") || "").toLowerCase();
@@ -1618,7 +1625,7 @@ function bt(e) {
   }
   return !0;
 }
-const ht = 4096, fr = 20, pr = 20, hr = 10, mr = 10, gr = 30, Zt = 500, yr = [
+const mt = 4096, hr = 20, mr = 20, gr = 10, yr = 10, vr = 30, en = 500, br = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1626,24 +1633,24 @@ const ht = 4096, fr = 20, pr = 20, hr = 10, mr = 10, gr = 30, Zt = 500, yr = [
   "noscript",
   "iframe"
 ];
-function et(e) {
+function tt(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
-    for (const r of yr)
+    for (const r of br)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
-function tt(e) {
+function nt(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, o = window.innerWidth || document.documentElement.clientWidth;
   return t.bottom > 0 && t.right > 0 && t.top < r && t.left < o;
 }
-function en(e) {
+function tn(e) {
   const t = e.getAttribute("id");
   if (t) {
     const l = document.querySelector(`label[for="${CSS.escape(t)}"]`);
@@ -1659,10 +1666,10 @@ function en(e) {
 function Ae(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-function He(e) {
+function Ue(e) {
   return e.length;
 }
-function br(e, t = {}) {
+function wr(e, t = {}) {
   const r = t.doc ?? (typeof document < "u" ? document : null);
   if (!r)
     return {
@@ -1676,105 +1683,105 @@ function br(e, t = {}) {
       forms: [],
       extras: e
     };
-  const o = typeof window < "u" && window.location.href || "", i = typeof window < "u" && window.location.pathname || "/", l = r.title || "", d = Array.from(
+  const o = typeof window < "u" && window.location.href || "", i = typeof window < "u" && window.location.pathname || "/", l = r.title || "", u = Array.from(
     r.querySelectorAll("[data-ll-region]")
-  ), u = [];
-  for (const m of d) {
-    if (u.length >= hr) break;
-    if (et(m) || !tt(m)) continue;
-    const I = m.getAttribute("data-ll-region") ?? "", q = m.getAttribute("data-ll-intent") ?? void 0, B = Ae(
+  ), d = [];
+  for (const m of u) {
+    if (d.length >= gr) break;
+    if (tt(m) || !nt(m)) continue;
+    const T = m.getAttribute("data-ll-region") ?? "", V = m.getAttribute("data-ll-intent") ?? void 0, z = Ae(
       (m.innerText || m.textContent || "").trim(),
-      Zt * 2
+      en * 2
     );
-    !I || !B || u.push({ id: I, intent: q, text: B });
+    !T || !z || d.push({ id: T, intent: V, text: z });
   }
-  const f = [], y = ["H1", "H2", "H3", "H4", "H5", "H6"], w = Array.from(
+  const p = [], y = ["H1", "H2", "H3", "H4", "H5", "H6"], w = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
   for (const m of w) {
-    if (et(m) || !tt(m)) continue;
-    const I = (m.textContent || "").trim();
-    I && f.push(`${m.tagName}: ${Ae(I, 200)}`);
+    if (tt(m) || !nt(m)) continue;
+    const T = (m.textContent || "").trim();
+    T && p.push(`${m.tagName}: ${Ae(T, 200)}`);
   }
   const s = Array.from(r.querySelectorAll("p, li"));
   for (const m of s) {
-    if (et(m) || !tt(m) || y.includes(m.tagName)) continue;
-    const I = (m.textContent || "").trim();
-    I.length > 10 && f.push(Ae(I, Zt));
+    if (tt(m) || !nt(m) || y.includes(m.tagName)) continue;
+    const T = (m.textContent || "").trim();
+    T.length > 10 && p.push(Ae(T, en));
   }
-  const a = f.join(`
-`), L = [], D = Array.from(r.querySelectorAll("a[href]"));
-  for (const m of D) {
-    if (L.length >= fr) break;
-    if (et(m) || !tt(m)) continue;
-    const I = m.getAttribute("href") || "", q = (m.textContent || "").trim();
-    !I || !q || L.push({ href: I, text: Ae(q, 100) });
+  const a = p.join(`
+`), L = [], R = Array.from(r.querySelectorAll("a[href]"));
+  for (const m of R) {
+    if (L.length >= hr) break;
+    if (tt(m) || !nt(m)) continue;
+    const T = m.getAttribute("href") || "", V = (m.textContent || "").trim();
+    !T || !V || L.push({ href: T, text: Ae(V, 100) });
   }
-  const C = [], v = Array.from(
+  const A = [], v = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
   for (const m of v) {
-    if (C.length >= pr) break;
-    if (et(m) || !bt(m) || !tt(m)) continue;
-    const I = en(m), q = m instanceof HTMLInputElement ? m.type : m.tagName.toLowerCase();
-    I && C.push({ label: Ae(I, 100), type: q });
+    if (A.length >= mr) break;
+    if (tt(m) || !bt(m) || !nt(m)) continue;
+    const T = tn(m), V = m instanceof HTMLInputElement ? m.type : m.tagName.toLowerCase();
+    T && A.push({ label: Ae(T, 100), type: V });
   }
   const _ = Array.from(
     r.querySelectorAll("[data-ll-form]")
-  ), O = [];
+  ), H = [];
   for (const m of _) {
-    if (O.length >= mr) break;
-    if (At(m)) continue;
-    const I = m.getAttribute("data-ll-form") || "";
-    if (!I) continue;
-    const q = m.getAttribute("data-ll-intent") || void 0, B = Array.from(
+    if (H.length >= yr) break;
+    if (Rt(m)) continue;
+    const T = m.getAttribute("data-ll-form") || "";
+    if (!T) continue;
+    const V = m.getAttribute("data-ll-intent") || void 0, z = Array.from(
       m.querySelectorAll(
         "[data-ll-field]"
       )
     ), P = [];
-    for (const H of B) {
-      if (P.length >= gr) break;
-      if (!bt(H)) continue;
-      const G = H.getAttribute("data-ll-field") || "";
+    for (const O of z) {
+      if (P.length >= vr) break;
+      if (!bt(O)) continue;
+      const G = O.getAttribute("data-ll-field") || "";
       if (!G) continue;
-      const Z = en(H) || G, le = H instanceof HTMLInputElement ? H.type : H.tagName.toLowerCase();
-      P.push({ name: G, label: Ae(Z, 100), type: le });
+      const ee = tn(O) || G, le = O instanceof HTMLInputElement ? O.type : O.tagName.toLowerCase();
+      P.push({ name: G, label: Ae(ee, 100), type: le });
     }
-    O.push({ id: I, intent: q, fields: P });
+    H.push({ id: T, intent: V, fields: P });
   }
   const $ = {
     url: o,
     title: l,
     pathname: i,
-    regions: u,
+    regions: d,
     visibleText: a,
     visibleLinks: L,
-    visibleFields: C,
-    forms: O,
+    visibleFields: A,
+    forms: H,
     extras: e
   };
-  let U = He(JSON.stringify($.regions)) + He($.visibleText) + He(JSON.stringify($.visibleLinks)) + He(JSON.stringify($.visibleFields));
-  for (; U > ht && $.visibleFields.length > 0; )
-    $.visibleFields.pop(), U = He(JSON.stringify($.visibleFields));
-  for (; U > ht && $.visibleLinks.length > 0; )
-    $.visibleLinks.pop(), U -= 80;
-  return He($.visibleText) > ht && ($.visibleText = Ae($.visibleText, ht - 100)), $;
+  let q = Ue(JSON.stringify($.regions)) + Ue($.visibleText) + Ue(JSON.stringify($.visibleLinks)) + Ue(JSON.stringify($.visibleFields));
+  for (; q > mt && $.visibleFields.length > 0; )
+    $.visibleFields.pop(), q = Ue(JSON.stringify($.visibleFields));
+  for (; q > mt && $.visibleLinks.length > 0; )
+    $.visibleLinks.pop(), q -= 80;
+  return Ue($.visibleText) > mt && ($.visibleText = Ae($.visibleText, mt - 100)), $;
 }
 let Ve = null;
-function mt(e, t = {}) {
+function gt(e, t = {}) {
   const r = Date.now(), i = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
   if (Ve && Ve.key === i && r - Ve.at < 1e3)
     return Ve.ctx;
-  const l = br(e, t);
+  const l = wr(e, t);
   return Ve = { key: i, at: r, ctx: l }, l;
 }
-function vr() {
+function _r() {
   Ve = null;
 }
-const wr = 200;
-function _r(e) {
+const xr = 200;
+function kr(e) {
   const t = String(e.href || "");
   return {
     href: t,
@@ -1784,63 +1791,63 @@ function _r(e) {
     description: e.description
   };
 }
-function xr(e) {
+function Lr(e) {
   return !(!e || e.startsWith("#") || e.startsWith("javascript:") || e.startsWith("mailto:") || e.startsWith("tel:"));
 }
-function kr(e) {
+function Sr(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
   const r = typeof window < "u" && window.location.origin || "", o = /* @__PURE__ */ new Set(), i = [], l = Array.from(t.querySelectorAll("a[href]"));
-  for (const d of l) {
-    if (i.length >= wr) break;
-    if (At(d)) continue;
-    const u = d.getAttribute("href") || "";
-    if (!xr(u)) continue;
-    let f = u, y = !0;
+  for (const u of l) {
+    if (i.length >= xr) break;
+    if (Rt(u)) continue;
+    const d = u.getAttribute("href") || "";
+    if (!Lr(d)) continue;
+    let p = d, y = !0;
     try {
       if (typeof window < "u") {
-        const s = new URL(u, r);
-        y = s.origin === r, y && u.startsWith("http") && (f = s.pathname + s.search + s.hash);
+        const s = new URL(d, r);
+        y = s.origin === r, y && d.startsWith("http") && (p = s.pathname + s.search + s.hash);
       }
     } catch {
       continue;
     }
-    if (o.has(f)) continue;
-    o.add(f);
-    const w = (d.textContent || "").trim().slice(0, 120);
-    i.push({ href: f, text: w, internal: y });
+    if (o.has(p)) continue;
+    o.add(p);
+    const w = (u.textContent || "").trim().slice(0, 120);
+    i.push({ href: p, text: w, internal: y });
   }
   return i;
 }
-let qe = null;
-const Lr = 5e3;
-function nt() {
+let We = null;
+const Er = 5e3;
+function rt() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (qe && qe.pathname === t && e - qe.at < Lr)
-    return qe.routes;
-  const r = kr();
-  return qe = { at: e, pathname: t, routes: r }, r;
+  if (We && We.pathname === t && e - We.at < Er)
+    return We.routes;
+  const r = Sr();
+  return We = { at: e, pathname: t, routes: r }, r;
 }
-function Sr() {
-  qe = null;
+function Cr() {
+  We = null;
 }
-function Er(e, t) {
+function Nr(e, t) {
   const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, o = Object.getOwnPropertyDescriptor(r, "value"), i = o == null ? void 0 : o.set;
   i ? i.call(e, t) : e.value = t;
 }
-function Cr(e, t, r = {}) {
+function Ar(e, t, r = {}) {
   const o = r.triggerInput ?? !0, i = r.triggerChange ?? !0;
   if (e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio")) {
     const l = Object.getOwnPropertyDescriptor(
       HTMLInputElement.prototype,
       "checked"
-    ), d = l == null ? void 0 : l.set, 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 }));
+    ), u = l == null ? void 0 : l.set, d = t === "true" || t === "1" || t === "on";
+    u ? u.call(e, d) : e.checked = d, o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
-  Er(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  Nr(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
-function Nr() {
+function Rr() {
   if (typeof window > "u" || typeof document > "u")
     return !1;
   const e = document.scrollingElement || document.documentElement;
@@ -1848,19 +1855,19 @@ function Nr() {
   const t = window.getComputedStyle(e);
   return !(t.overflowY === "hidden" || t.overflowY === "clip");
 }
-function Ar(e) {
+function Dr(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const r = window.getComputedStyle(e).overflowY;
   return !(r !== "auto" && r !== "scroll" || e.scrollHeight <= e.clientHeight + 2);
 }
-function Dr() {
+function Mr() {
   if (typeof document > "u") return null;
   const e = Array.from(
     document.querySelectorAll("body, body *")
   );
   let t = null, r = 0;
   for (const o of e) {
-    if (!Ar(o)) continue;
+    if (!Dr(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;
@@ -1868,24 +1875,24 @@ function Dr() {
   }
   return t;
 }
-function Rr() {
+function Ir() {
   if (typeof window > "u")
     return null;
-  if (Nr()) return window;
-  const e = Dr();
+  if (Rr()) return window;
+  const e = Mr();
   return e || window;
 }
-function tn(e) {
+function nn(e) {
   return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
 }
-function Mr(e) {
+function Tr(e) {
   var t, r;
   return e instanceof Window ? typeof document > "u" ? 0 : Math.max(
     ((t = document.body) == null ? void 0 : t.scrollHeight) ?? 0,
     ((r = document.documentElement) == null ? void 0 : r.scrollHeight) ?? 0
   ) : e.scrollHeight - e.clientHeight;
 }
-const Tr = /* @__PURE__ */ new Set([
+const Pr = /* @__PURE__ */ new Set([
   "agent_state",
   "avatar_stream_ready",
   "avatar_active",
@@ -1912,100 +1919,100 @@ const Tr = /* @__PURE__ */ new Set([
   // where the agent's listener attaches AFTER the widget's first push.
   "request_initial_sync"
 ]);
-function Ir(e) {
-  var It, Pt, $t, Bt, zt, Ot, Ut;
+function $r(e) {
+  var Pt, $t, Bt, zt, Ht, qt, Ot;
   const {
     agentId: t,
     apiKey: r,
     baseUrl: o = "https://app.livelayer.studio",
     sessionEndpoint: i,
     sessionBody: l,
-    autoConnect: d = !1,
-    displayMode: u,
-    defaultDisplayMode: f = "expanded",
+    autoConnect: u = !1,
+    displayMode: d,
+    defaultDisplayMode: p = "expanded",
     onDisplayModeChange: y,
     position: w = "bottom-right",
     mobileBreakpoint: s = 640,
     persistKey: a = "ll-widget",
     disablePersistence: L = !1,
-    teamMembers: D,
-    currentTeamMemberId: C,
+    teamMembers: R,
+    currentTeamMemberId: A,
     onTeamMemberChange: v,
     idleLoopUrl: _,
-    greeting: O,
+    greeting: H,
     avatarImageUrl: $,
-    agentName: U,
+    agentName: q,
     branding: m = {},
-    allowCamera: I = !0,
-    allowScreenShare: q = !0,
-    allowTyping: B = !0,
+    allowCamera: T = !0,
+    allowScreenShare: V = !0,
+    allowTyping: z = !0,
     showOn: P,
-    hideOn: H,
+    hideOn: O,
     pathname: G,
-    onNavigate: Z,
+    onNavigate: ee,
     onScrollToSelector: le,
     getPageContext: Le,
-    pageContextExtras: rt,
-    getRoutes: ot,
-    onScrollPage: it,
-    onClick: lt,
+    pageContextExtras: ot,
+    getRoutes: it,
+    onScrollPage: lt,
+    onClick: at,
     capabilities: ie,
-    onConnect: pe,
+    onConnect: he,
     onDisconnect: Se,
-    onTranscript: De,
-    onAgentState: Re,
+    onTranscript: Re,
+    onAgentState: De,
     onConnectionStateChange: Me,
-    onAgentEvent: Te,
-    onAgentCommand: Ie,
-    controlledSession: Y,
-    className: vt,
-    style: wt,
-    zIndex: at = 2147483647
-  } = e, ae = Hn(G), Pe = Jn(ae, P, H);
-  M(() => {
-    vr(), Sr();
+    onAgentEvent: Ie,
+    onAgentCommand: Te,
+    controlledSession: J,
+    className: wt,
+    style: _t,
+    zIndex: st = 2147483647
+  } = e, ae = Vn(G), Pe = Kn(ae, P, O);
+  I(() => {
+    _r(), Cr();
   }, [ae]);
-  const We = C !== void 0, [Ee, $e] = E(() => {
-    var h;
-    return C ?? ((h = D == null ? void 0 : D[0]) == null ? void 0 : h.id);
-  }), Q = We ? C : Ee, ne = gt(
-    () => (D == null ? void 0 : D.find((h) => h.id === Q)) ?? null,
-    [D, Q]
-  ), Be = (ne == null ? void 0 : ne.agentId) ?? t, [se, he] = Bn({
-    value: u,
-    defaultValue: f,
+  const Fe = A !== void 0, [Ee, $e] = C(() => {
+    var f;
+    return A ?? ((f = R == null ? void 0 : R[0]) == null ? void 0 : f.id);
+  }), X = Fe ? A : Ee, te = yt(
+    () => (R == null ? void 0 : R.find((f) => f.id === X)) ?? null,
+    [R, X]
+  ), Be = (te == null ? void 0 : te.agentId) ?? t, [se, me] = Hn({
+    value: d,
+    defaultValue: p,
     onChange: y,
     persistKey: a,
     disablePersistence: L
-  }), Ce = On(s), Ge = Sn(), re = En(), ce = Nn(), de = An(), me = Dn(), [ze, ge] = E(!1), [ye, Fe] = E(!1), [je, Je] = E(!1), [be, ve] = E(!1), [Oe, st] = E(!1), Ye = A(Z), Ue = A(le), p = A(it), K = A(lt), _t = A(Le), ct = A(rt), dt = A(ot), xt = A(ie), oe = A(null), ut = A(null), Dt = A(void 0);
-  Dt.current = ae, Ye.current = Z, Ue.current = le, p.current = it, K.current = lt, _t.current = Le, ct.current = rt, dt.current = ot, xt.current = ie;
-  function we(h) {
-    const c = xt.current;
-    return c ? c.includes(h) : !0;
+  }), Ce = On(s), je = Cn(), re = Nn(), ce = Rn(), ue = Dn(), ge = Mn(), [ze, ye] = C(!1), [ve, Ge] = C(!1), [Ye, Je] = C(!1), [be, we] = C(!1), [He, ct] = C(!1), Ke = N(ee), qe = N(le), h = N(lt), K = N(at), xt = N(Le), ut = N(ot), dt = N(it), kt = N(ie), oe = N(null), ft = N(null), Oe = N(null), Dt = N(void 0);
+  Dt.current = ae, Ke.current = ee, qe.current = le, h.current = lt, K.current = at, xt.current = Le, ut.current = ot, dt.current = it, kt.current = ie;
+  function _e(f) {
+    const c = kt.current;
+    return c ? c.includes(f) : !0;
   }
-  function _e(h, c) {
+  function xe(f, c) {
     console.warn(
-      `[LiveLayer] Agent command "${h}" blocked — capability "${c}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
+      `[LiveLayer] Agent command "${f}" blocked — capability "${c}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
     );
   }
-  const Ke = S(
-    (h) => {
-      var J, ue, te, xe, ke, X;
-      const c = h;
+  const Xe = S(
+    (f) => {
+      var W, ne, Q, de, fe, ke;
+      const c = f;
       if (!(!c.type || typeof c.type != "string")) {
-        if (Te == null || Te({ eventName: c.type, data: h }), c.type === "bot_ready" || c.type === "request_initial_sync") {
+        if (Ie == null || Ie({ eventName: c.type, data: f }), c.type === "bot_ready" || c.type === "request_initial_sync") {
           console.log(
             `[NAV-DEBUG][widget] received ${c.type} → triggering pushSnapshot`
           );
           try {
-            (J = ut.current) == null || J.call(ut);
+            (W = ft.current) == null || W.call(ft);
           } catch (b) {
             console.warn("[NAV-DEBUG][widget] pushSnapshot threw:", b);
           }
         }
         if (c.type === "navigate") {
-          if (!we("navigate")) {
-            _e("navigate", "navigate");
+          if (!_e("navigate")) {
+            xe("navigate", "navigate");
             return;
           }
           const b = typeof c.href == "string" ? c.href : null;
@@ -2015,130 +2022,131 @@ function Ir(e) {
             );
             return;
           }
-          if (Ye.current) {
+          if (Ke.current) {
             try {
-              Ye.current(b);
-            } catch (k) {
+              Ke.current(b);
+            } catch (E) {
               console.warn(
                 `[LiveLayer] onNavigate threw for "${b}". Falling back. Error:`,
-                k
+                E
               );
             }
             return;
           }
           if (typeof document < "u") {
-            const k = document.querySelector(
+            const E = document.querySelector(
               `a[href="${b.replace(/"/g, '\\"')}"]`
             );
-            if (k) {
-              k.click();
+            if (E) {
+              E.click();
               return;
             }
           }
           if (typeof window < "u" && typeof history < "u")
             try {
               history.pushState({}, "", b), window.dispatchEvent(new PopStateEvent("popstate"));
-            } catch (k) {
+            } catch (E) {
               console.warn(
                 `[LiveLayer] history.pushState fallback failed for "${b}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
-                k
+                E
               );
             }
           return;
         }
         if (c.type === "scroll_to") {
-          if (!we("scroll")) {
-            _e("scroll_to", "scroll");
+          if (!_e("scroll")) {
+            xe("scroll_to", "scroll");
             return;
           }
           const b = typeof c.selector == "string" ? c.selector : null;
           if (!b) return;
-          const k = c.behavior === "instant" ? "instant" : "smooth";
-          if (Ue.current) {
+          const E = c.behavior === "instant" ? "instant" : "smooth";
+          if (qe.current) {
             try {
-              Ue.current(
+              qe.current(
                 b,
-                k
+                E
               );
-            } catch (R) {
-              console.warn("[LiveLayer] onScrollToSelector threw.", R);
+            } catch (k) {
+              console.warn("[LiveLayer] onScrollToSelector threw.", k);
             }
             return;
           }
           if (typeof document < "u") {
-            let R = null;
+            let k = null;
             try {
-              R = document.querySelector(b);
+              k = document.querySelector(b);
             } catch {
               console.warn(
                 `[LiveLayer] scroll_to: invalid selector "${b}".`
               );
               return;
             }
-            if (!R) {
+            if (!k) {
               console.warn(
                 `[LiveLayer] scroll_to: no element matched "${b}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
               );
               return;
             }
-            R.scrollIntoView({
-              behavior: k,
+            k.scrollIntoView({
+              behavior: E,
               block: "start"
             });
           }
           return;
         }
         if (c.type === "request_page_context") {
-          if (!we("read_page")) {
-            _e("request_page_context", "read_page");
+          if (!_e("read_page")) {
+            xe("request_page_context", "read_page");
             return;
           }
-          const b = typeof c.requestId == "string" ? c.requestId : void 0, k = (ue = oe.current) == null ? void 0 : ue.call(oe), R = (j) => {
-            const T = k, F = T == null ? void 0 : T.localParticipant;
-            if (F != null && F.publishData)
-              try {
-                const z = b ? { ...j, requestId: b } : j, ee = new TextEncoder().encode(JSON.stringify(z));
-                F.publishData(ee, { reliable: !0 });
-              } catch (z) {
-                console.warn("[LiveLayer] publishData failed.", z);
-              }
-          }, N = ct.current, W = _t.current;
+          const b = typeof c.requestId == "string" ? c.requestId : void 0, E = (ne = oe.current) == null ? void 0 : ne.call(oe), k = (j) => {
+            const M = E, Y = M == null ? void 0 : M.localParticipant;
+            if (!(Y != null && Y.publishData)) {
+              console.warn(
+                "[NAV-DEBUG][widget] request_page_context response: no publishData"
+              );
+              return;
+            }
+            const B = b ? { ...j, requestId: b } : j, Z = Oe.current;
+            Z && Z(Y, B, `request_page_context-resp/${String(j.type)}`);
+          }, D = ut.current, F = xt.current;
           try {
-            if (W) {
-              const j = W(N);
+            if (F) {
+              const j = F(D);
               if (j instanceof Promise) {
-                R({ type: "page_context_pending" }), j.then((T) => R({ type: "page_context", context: T })).catch((T) => {
+                k({ type: "page_context_pending" }), j.then((M) => k({ type: "page_context", context: M })).catch((M) => {
                   console.warn(
                     "[LiveLayer] getPageContext rejected; falling back to default walker.",
-                    T
-                  ), R({
+                    M
+                  ), k({
                     type: "page_context",
-                    context: mt(N)
+                    context: gt(D)
                   });
                 });
                 return;
               }
-              R({ type: "page_context", context: j });
+              k({ type: "page_context", context: j });
               return;
             }
-            R({
+            k({
               type: "page_context",
-              context: mt(N)
+              context: gt(D)
             });
           } catch (j) {
             console.warn(
               "[LiveLayer] page-context extraction threw. Sending empty context.",
               j
-            ), R({
+            ), k({
               type: "page_context",
-              context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: N }
+              context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: D }
             });
           }
           return;
         }
         if (c.type === "scroll_page") {
-          if (!we("scroll")) {
-            _e("scroll_page", "scroll");
+          if (!_e("scroll")) {
+            xe("scroll_page", "scroll");
             return;
           }
           const b = c.direction;
@@ -2148,30 +2156,30 @@ function Ir(e) {
             );
             return;
           }
-          const k = c.behavior === "instant" ? "instant" : "smooth";
-          if (p.current) {
+          const E = c.behavior === "instant" ? "instant" : "smooth";
+          if (h.current) {
             try {
-              p.current(
+              h.current(
                 b,
-                k
+                E
               );
-            } catch (T) {
-              console.warn("[LiveLayer] onScrollPage threw.", T);
+            } catch (M) {
+              console.warn("[LiveLayer] onScrollPage threw.", M);
             }
             return;
           }
           if (typeof window > "u") return;
-          const R = { behavior: k }, N = Rr(), W = (T) => {
-            N instanceof Window ? N.scrollBy({ top: T, ...R }) : N.scrollBy({ top: T, ...R });
-          }, j = (T) => {
-            N instanceof Window ? N.scrollTo({ top: T, ...R }) : N.scrollTo({ top: T, ...R });
+          const k = { behavior: E }, D = Ir(), F = (M) => {
+            D instanceof Window ? D.scrollBy({ top: M, ...k }) : D.scrollBy({ top: M, ...k });
+          }, j = (M) => {
+            D instanceof Window ? D.scrollTo({ top: M, ...k }) : D.scrollTo({ top: M, ...k });
           };
-          b === "up" ? W(-tn(N)) : b === "down" ? W(tn(N)) : j(b === "top" ? 0 : Mr(N));
+          b === "up" ? F(-nn(D)) : b === "down" ? F(nn(D)) : j(b === "top" ? 0 : Tr(D));
           return;
         }
         if (c.type === "click") {
-          if (!we("click")) {
-            _e("click", "click");
+          if (!_e("click")) {
+            xe("click", "click");
             return;
           }
           const b = typeof c.selector == "string" ? c.selector : null;
@@ -2182,152 +2190,152 @@ function Ir(e) {
           if (K.current) {
             try {
               K.current(b);
-            } catch (R) {
-              console.warn("[LiveLayer] onClick threw.", R);
+            } catch (k) {
+              console.warn("[LiveLayer] onClick threw.", k);
             }
             return;
           }
           if (typeof document > "u") return;
-          let k = null;
+          let E = null;
           try {
-            k = document.querySelector(b);
+            E = document.querySelector(b);
           } catch {
             console.warn(
               `[LiveLayer] click: invalid selector "${b}".`
             );
             return;
           }
-          if (!k) {
+          if (!E) {
             console.warn(
               `[LiveLayer] click: no element matched "${b}". See https://livelayer.studio/docs/errors/click-no-match`
             );
             return;
           }
-          if (k.closest('[data-ll-private="true"], .ll-widget')) {
+          if (E.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               "[LiveLayer] click: refusing to click element inside a private subtree."
             );
             return;
           }
-          (te = k.click) == null || te.call(k);
+          (Q = E.click) == null || Q.call(E);
           return;
         }
         if (c.type === "fill_form" || c.type === "focus_field") {
-          if (!we("fill_forms")) {
-            _e(c.type, "fill_forms");
+          if (!_e("fill_forms")) {
+            xe(c.type, "fill_forms");
             return;
           }
           if (typeof document > "u") return;
-          const b = typeof c.requestId == "string" ? c.requestId : void 0, k = (xe = oe.current) == null ? void 0 : xe.call(oe), R = (z) => {
+          const b = typeof c.requestId == "string" ? c.requestId : void 0, E = (de = oe.current) == null ? void 0 : de.call(oe), k = (B) => {
             if (c.type !== "fill_form") return;
-            const ee = k, fe = ee == null ? void 0 : ee.localParticipant;
-            if (fe != null && fe.publishData)
+            const Z = E, pe = Z == null ? void 0 : Z.localParticipant;
+            if (pe != null && pe.publishData)
               try {
-                const Ne = b ? { ...z, requestId: b } : z, yn = new TextEncoder().encode(JSON.stringify(Ne));
-                fe.publishData(yn, { reliable: !0 });
+                const Ne = b ? { ...B, requestId: b } : B, bn = new TextEncoder().encode(JSON.stringify(Ne));
+                pe.publishData(bn, { reliable: !0 });
               } catch (Ne) {
                 console.warn("[LiveLayer] publishData failed.", Ne);
               }
-          }, N = typeof c.formId == "string" ? c.formId : null;
-          if (!N) {
-            console.warn(`[LiveLayer] ${c.type}: missing formId.`), R({ type: "fill_form_result", ok: !1, reason: "missing formId" });
+          }, D = typeof c.formId == "string" ? c.formId : null;
+          if (!D) {
+            console.warn(`[LiveLayer] ${c.type}: missing formId.`), k({ type: "fill_form_result", ok: !1, reason: "missing formId" });
             return;
           }
-          const W = document.querySelector(
-            `[data-ll-form="${N.replace(/"/g, '\\"')}"]`
+          const F = document.querySelector(
+            `[data-ll-form="${D.replace(/"/g, '\\"')}"]`
           );
-          if (!W) {
+          if (!F) {
             console.warn(
-              `[LiveLayer] ${c.type}: no form with data-ll-form="${N}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
-            ), R({
+              `[LiveLayer] ${c.type}: no form with data-ll-form="${D}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
+            ), k({
               type: "fill_form_result",
               ok: !1,
-              reason: `no form with data-ll-form="${N}" on this page`,
-              formId: N
+              reason: `no form with data-ll-form="${D}" on this page`,
+              formId: D
             });
             return;
           }
-          if (W.closest('[data-ll-private="true"], .ll-widget')) {
+          if (F.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               `[LiveLayer] ${c.type}: refusing to touch a form in a private subtree.`
-            ), R({
+            ), k({
               type: "fill_form_result",
               ok: !1,
               reason: "form is in a private subtree (data-ll-private)",
-              formId: N
+              formId: D
             });
             return;
           }
           if (c.type === "focus_field") {
-            const z = typeof c.fieldName == "string" ? c.fieldName : null;
-            if (!z) {
+            const B = typeof c.fieldName == "string" ? c.fieldName : null;
+            if (!B) {
               console.warn("[LiveLayer] focus_field: missing fieldName.");
               return;
             }
-            const ee = W.querySelector(`[data-ll-field="${z.replace(/"/g, '\\"')}"]`);
-            if (!ee) {
+            const Z = F.querySelector(`[data-ll-field="${B.replace(/"/g, '\\"')}"]`);
+            if (!Z) {
               console.warn(
-                `[LiveLayer] focus_field: no field "${z}" in form "${N}".`
+                `[LiveLayer] focus_field: no field "${B}" in form "${D}".`
               );
               return;
             }
-            if (!bt(ee)) {
+            if (!bt(Z)) {
               console.warn(
-                `[LiveLayer] focus_field: field "${z}" is privacy-protected and not focusable.`
+                `[LiveLayer] focus_field: field "${B}" is privacy-protected and not focusable.`
               );
               return;
             }
-            ee.focus();
+            Z.focus();
             return;
           }
           const j = c.values && typeof c.values == "object" ? c.values : null;
           if (!j) {
-            console.warn("[LiveLayer] fill_form: missing or invalid values."), R({
+            console.warn("[LiveLayer] fill_form: missing or invalid values."), k({
               type: "fill_form_result",
               ok: !1,
               reason: "missing or invalid values",
-              formId: N
+              formId: D
             });
             return;
           }
-          const T = [], F = [];
-          for (const [z, ee] of Object.entries(j)) {
-            if (typeof ee != "string") continue;
-            const fe = W.querySelector(`[data-ll-field="${z.replace(/"/g, '\\"')}"]`);
-            if (!fe) {
+          const M = [], Y = [];
+          for (const [B, Z] of Object.entries(j)) {
+            if (typeof Z != "string") continue;
+            const pe = F.querySelector(`[data-ll-field="${B.replace(/"/g, '\\"')}"]`);
+            if (!pe) {
               console.warn(
-                `[LiveLayer] fill_form: no field "${z}" in form "${N}". Skipping.`
-              ), F.push(z);
+                `[LiveLayer] fill_form: no field "${B}" in form "${D}". Skipping.`
+              ), Y.push(B);
               continue;
             }
-            if (!bt(fe)) {
+            if (!bt(pe)) {
               console.warn(
-                `[LiveLayer] fill_form: field "${z}" is privacy-protected (password / cc-* / private). Skipping.`
-              ), F.push(z);
+                `[LiveLayer] fill_form: field "${B}" is privacy-protected (password / cc-* / private). Skipping.`
+              ), Y.push(B);
               continue;
             }
             try {
-              Cr(fe, ee), T.push(z);
+              Ar(pe, Z), M.push(B);
             } catch (Ne) {
               console.warn(
-                `[LiveLayer] fill_form: failed to set "${z}".`,
+                `[LiveLayer] fill_form: failed to set "${B}".`,
                 Ne
-              ), F.push(z);
+              ), Y.push(B);
             }
           }
-          R({
+          k({
             type: "fill_form_result",
-            ok: T.length > 0,
-            formId: N,
-            filled: T,
-            skipped: F,
-            reason: T.length === 0 ? `none of the requested fields exist on this form (skipped: ${F.join(", ")})` : void 0
+            ok: M.length > 0,
+            formId: D,
+            filled: M,
+            skipped: Y,
+            reason: M.length === 0 ? `none of the requested fields exist on this form (skipped: ${Y.join(", ")})` : void 0
           });
           return;
         }
         if (c.type === "submit_form") {
-          if (!we("submit_forms")) {
-            _e("submit_form", "submit_forms");
+          if (!_e("submit_forms")) {
+            xe("submit_form", "submit_forms");
             return;
           }
           if (typeof document > "u") return;
@@ -2336,39 +2344,39 @@ function Ir(e) {
             console.warn("[LiveLayer] submit_form: missing formId.");
             return;
           }
-          const k = document.querySelector(
+          const E = document.querySelector(
             `[data-ll-form="${b.replace(/"/g, '\\"')}"]`
           );
-          if (!k) {
+          if (!E) {
             console.warn(
               `[LiveLayer] submit_form: no form with data-ll-form="${b}".`
             );
             return;
           }
-          if (k.closest('[data-ll-private="true"], .ll-widget')) {
+          if (E.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               "[LiveLayer] submit_form: refusing to submit a form in a private subtree."
             );
             return;
           }
-          const R = typeof c.requestId == "string" ? c.requestId : void 0, N = (ke = oe.current) == null ? void 0 : ke.call(oe), W = (F) => {
-            const z = N, ee = z == null ? void 0 : z.localParticipant;
-            if (ee != null && ee.publishData)
+          const k = typeof c.requestId == "string" ? c.requestId : void 0, D = (fe = oe.current) == null ? void 0 : fe.call(oe), F = (Y) => {
+            const B = D, Z = B == null ? void 0 : B.localParticipant;
+            if (Z != null && Z.publishData)
               try {
-                const fe = R ? { ...F, requestId: R } : F, Ne = new TextEncoder().encode(JSON.stringify(fe));
-                ee.publishData(Ne, { reliable: !0 });
+                const pe = k ? { ...Y, requestId: k } : Y, Ne = new TextEncoder().encode(JSON.stringify(pe));
+                Z.publishData(Ne, { reliable: !0 });
               } catch {
               }
           };
           let j = !1;
-          const T = () => {
-            j = !0, W({ type: "form_submitted", formId: b });
+          const M = () => {
+            j = !0, F({ type: "form_submitted", formId: b });
           };
-          k.addEventListener("submit", T, { once: !0 });
+          E.addEventListener("submit", M, { once: !0 });
           try {
-            typeof k.requestSubmit == "function" ? k.requestSubmit() : k.submit();
-          } catch (F) {
-            console.warn("[LiveLayer] submit_form: requestSubmit threw.", F), k.removeEventListener("submit", T), W({
+            typeof E.requestSubmit == "function" ? E.requestSubmit() : E.submit();
+          } catch (Y) {
+            console.warn("[LiveLayer] submit_form: requestSubmit threw.", Y), E.removeEventListener("submit", M), F({
               type: "form_submit_blocked",
               formId: b,
               reason: "exception"
@@ -2376,7 +2384,7 @@ function Ir(e) {
             return;
           }
           setTimeout(() => {
-            j || (k.removeEventListener("submit", T), W({
+            j || (E.removeEventListener("submit", M), F({
               type: "form_submit_blocked",
               formId: b,
               reason: "validation"
@@ -2385,440 +2393,420 @@ function Ir(e) {
           return;
         }
         if (c.type === "request_routes") {
-          if (!we("read_page")) {
-            _e("request_routes", "read_page");
+          if (!_e("read_page")) {
+            xe("request_routes", "read_page");
             return;
           }
-          const b = typeof c.requestId == "string" ? c.requestId : void 0, R = (X = oe.current) == null ? void 0 : X.call(oe), N = R == null ? void 0 : R.localParticipant;
-          if (!(N != null && N.publishData)) return;
-          const W = (T) => {
-            try {
-              const F = b ? { type: "routes", routes: T, requestId: b } : { type: "routes", routes: T }, z = new TextEncoder().encode(JSON.stringify(F));
-              N.publishData(z, { reliable: !0 });
-            } catch (F) {
-              console.warn("[LiveLayer] request_routes: publishData failed.", F);
-            }
+          const b = typeof c.requestId == "string" ? c.requestId : void 0, k = (ke = oe.current) == null ? void 0 : ke.call(oe), D = k == null ? void 0 : k.localParticipant;
+          if (!(D != null && D.publishData)) return;
+          const F = (M) => {
+            const Y = b ? { type: "routes", routes: M, requestId: b } : { type: "routes", routes: M }, B = Oe.current;
+            B && B(D, Y, `request_routes-resp(${M.length})`);
           }, j = dt.current;
           if (j) {
             try {
-              const T = j(), F = (z) => {
-                if (!Array.isArray(z)) {
-                  W([]);
+              const M = j(), Y = (B) => {
+                if (!Array.isArray(B)) {
+                  F([]);
                   return;
                 }
-                W(z.map(_r).slice(0, 200));
+                F(B.map(kr).slice(0, 200));
               };
-              T instanceof Promise ? T.then(F).catch((z) => {
+              M instanceof Promise ? M.then(Y).catch((B) => {
                 console.warn(
                   "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
-                  z
-                ), W(nt());
-              }) : F(T);
-            } catch (T) {
+                  B
+                ), F(rt());
+              }) : Y(M);
+            } catch (M) {
               console.warn(
                 "[LiveLayer] getRoutes threw; falling back to DOM walker.",
-                T
-              ), W(nt());
+                M
+              ), F(rt());
             }
             return;
           }
           try {
-            W(nt());
-          } catch (T) {
-            console.warn("[LiveLayer] request_routes: extractRoutes threw.", T);
+            F(rt());
+          } catch (M) {
+            console.warn("[LiveLayer] request_routes: extractRoutes threw.", M);
           }
           return;
         }
-        Tr.has(c.type) || Ie == null || Ie(c);
+        Pr.has(c.type) || Te == null || Te(c);
       }
     },
-    [Ie, Te]
-  ), V = Ln({
-    agentId: Y ? "__controlled__" : Be,
+    [Te, Ie]
+  ), U = En({
+    agentId: J ? "__controlled__" : Be,
     baseUrl: o,
     apiKey: r,
     sessionEndpoint: i,
     sessionBody: l,
-    onDataMessage: Y ? void 0 : Ke
+    onDataMessage: J ? void 0 : Xe
   });
-  M(() => {
-    if (Y != null && Y.subscribeToDataMessages)
-      return Y.subscribeToDataMessages(Ke);
-  }, [Y, Ke]), oe.current = () => {
-    var h;
-    return (h = V.getRoom) == null ? void 0 : h.call(V);
-  }, ut.current = () => {
-    var ue, te, xe, ke;
-    const h = Dt.current;
-    if (!h) {
+  I(() => {
+    if (J != null && J.subscribeToDataMessages)
+      return J.subscribeToDataMessages(Xe);
+  }, [J, Xe]), oe.current = () => {
+    var f;
+    return (f = U.getRoom) == null ? void 0 : f.call(U);
+  };
+  const an = (f, c, W) => {
+    if (!(f != null && f.publishData))
+      return console.warn(`[NAV-DEBUG][widget] ${W}: no publishData on lp`), Promise.resolve();
+    const ne = new TextEncoder().encode(JSON.stringify(c));
+    return Promise.resolve().then(() => f.publishData(ne, { reliable: !0 })).then(() => {
+      console.log(`[NAV-DEBUG][widget] ${W}: publishData resolved (${ne.byteLength}b)`);
+    }).catch((Q) => {
+      const de = Q instanceof Error ? Q.message : String(Q), fe = Q instanceof Error ? Q.name : "unknown";
+      console.error(
+        `[NAV-DEBUG][widget] ${W}: publishData REJECTED — ${fe}: ${de} (${ne.byteLength}b)`
+      );
+    });
+  };
+  Oe.current = an, ft.current = () => {
+    var de, fe, ke, b;
+    const f = Dt.current;
+    if (!f) {
       console.log("[NAV-DEBUG][widget] pushSnapshot bailed: no pathname");
       return;
     }
-    const c = (ue = V.getRoom) == null ? void 0 : ue.call(V), J = c == null ? void 0 : c.localParticipant;
-    if (!(J != null && J.publishData)) {
+    const c = (de = U.getRoom) == null ? void 0 : de.call(U), W = c == null ? void 0 : c.localParticipant;
+    if (!(W != null && W.publishData)) {
       console.log(
         "[NAV-DEBUG][widget] pushSnapshot bailed: no publishData (not connected)"
       );
       return;
     }
-    try {
-      J.publishData(
-        new TextEncoder().encode(JSON.stringify({ type: "pathname", pathname: h })),
-        { reliable: !0 }
-      );
-    } catch (X) {
-      console.warn("[NAV-DEBUG][widget] pushSnapshot pathname threw:", X);
-    }
-    try {
-      const X = mt(ct.current);
-      J.publishData(
-        new TextEncoder().encode(
-          JSON.stringify({ type: "page_context_push", pathname: h, context: X })
-        ),
-        { reliable: !0 }
-      ), console.log(
-        `[NAV-DEBUG][widget] pushSnapshot page_context_push sent (regions=${((te = X.regions) == null ? void 0 : te.length) ?? 0} forms=${((xe = X.forms) == null ? void 0 : xe.length) ?? 0} links=${((ke = X.visibleLinks) == null ? void 0 : ke.length) ?? 0})`
-      );
-    } catch (X) {
-      console.warn("[NAV-DEBUG][widget] pushSnapshot page_context threw:", X);
-    }
-    (async () => {
+    const ne = Oe.current;
+    ne(W, { type: "pathname", pathname: f }, "pushSnapshot/pathname");
+    const Q = gt(ut.current);
+    ne(
+      W,
+      { type: "page_context_push", pathname: f, context: Q },
+      `pushSnapshot/page_context_push(regions=${((fe = Q.regions) == null ? void 0 : fe.length) ?? 0} forms=${((ke = Q.forms) == null ? void 0 : ke.length) ?? 0} links=${((b = Q.visibleLinks) == null ? void 0 : b.length) ?? 0})`
+    ), (async () => {
       try {
-        const X = dt.current;
-        let b = [];
-        if (X) {
-          const k = X(), R = k instanceof Promise ? await k : k;
-          b = Array.isArray(R) ? R.slice(0, 200) : [];
+        const E = dt.current;
+        let k = [];
+        if (E) {
+          const D = E(), F = D instanceof Promise ? await D : D;
+          k = Array.isArray(F) ? F.slice(0, 200) : [];
         } else
-          b = nt();
-        J.publishData(
-          new TextEncoder().encode(JSON.stringify({ type: "routes_push", routes: b })),
-          { reliable: !0 }
-        ), console.log(
-          `[NAV-DEBUG][widget] pushSnapshot routes_push sent (${b.length} routes)`
+          k = rt();
+        await ne(
+          W,
+          { type: "routes_push", routes: k },
+          `pushSnapshot/routes_push(${k.length})`
         );
-      } catch (X) {
-        console.warn("[NAV-DEBUG][widget] pushSnapshot routes threw:", X);
+      } catch (E) {
+        console.warn("[NAV-DEBUG][widget] pushSnapshot routes outer threw:", E);
       }
     })();
-  }, M(() => {
-    var ue;
+  }, I(() => {
+    var Q;
     if (console.log(
-      `[NAV-DEBUG][widget] pathname-effect fired pathname=${ae} connState=${V.connectionState} t=${Date.now()}`
+      `[NAV-DEBUG][widget] pathname-effect fired pathname=${ae} connState=${U.connectionState} t=${Date.now()}`
     ), !ae) {
       console.log("[NAV-DEBUG][widget] effect bailed: no pathname");
       return;
     }
-    const h = (ue = V.getRoom) == null ? void 0 : ue.call(V), c = h == null ? void 0 : h.localParticipant;
+    const f = (Q = U.getRoom) == null ? void 0 : Q.call(U), c = f == null ? void 0 : f.localParticipant;
     if (console.log(
-      `[NAV-DEBUG][widget] immediate-push state: room=${!!h} lp=${!!c} publishData=${!!(c != null && c.publishData)}`
+      `[NAV-DEBUG][widget] immediate-push state: room=${!!f} 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 te = new TextEncoder().encode(
-        JSON.stringify({ type: "pathname", pathname: ae })
-      );
-      c.publishData(te, { reliable: !0 }), console.log(`[NAV-DEBUG][widget] pathname push sent (${te.byteLength} bytes)`);
-    } catch (te) {
-      console.warn("[NAV-DEBUG][widget] pathname push threw:", te);
-    }
-    const J = setTimeout(async () => {
-      var te, xe, ke, X;
+    const W = Oe.current;
+    W && W(c, { type: "pathname", pathname: ae }, "pathname-effect/pathname");
+    const ne = setTimeout(async () => {
+      var de, fe, ke, b;
       console.log("[NAV-DEBUG][widget] settle timer fired (250ms after pathname-effect)");
       try {
-        const b = (te = V.getRoom) == null ? void 0 : te.call(V), k = b == null ? void 0 : b.localParticipant;
+        const E = (de = U.getRoom) == null ? void 0 : de.call(U), k = E == null ? void 0 : E.localParticipant;
         if (console.log(
-          `[NAV-DEBUG][widget] settle-time state: room=${!!b} lp=${!!k} publishData=${!!(k != null && k.publishData)}`
+          `[NAV-DEBUG][widget] settle-time state: room=${!!E} lp=${!!k} publishData=${!!(k != null && k.publishData)}`
         ), !(k != null && k.publishData)) {
           console.log("[NAV-DEBUG][widget] settle bailed: no publishData");
           return;
         }
-        const R = mt(ct.current);
-        console.log(
-          `[NAV-DEBUG][widget] page_context built: regions=${((xe = R.regions) == null ? void 0 : xe.length) ?? 0} forms=${((ke = R.forms) == null ? void 0 : ke.length) ?? 0} links=${((X = R.visibleLinks) == null ? void 0 : X.length) ?? 0}`
+        const D = gt(ut.current), F = Oe.current;
+        if (!F) return;
+        await F(
+          k,
+          { type: "page_context_push", pathname: ae, context: D },
+          `settle/page_context_push(regions=${((fe = D.regions) == null ? void 0 : fe.length) ?? 0} forms=${((ke = D.forms) == null ? void 0 : ke.length) ?? 0} links=${((b = D.visibleLinks) == null ? void 0 : b.length) ?? 0})`
         );
         try {
-          const N = new TextEncoder().encode(
-            JSON.stringify({ type: "page_context_push", pathname: ae, context: R })
-          );
-          k.publishData(N, { reliable: !0 }), console.log(
-            `[NAV-DEBUG][widget] page_context_push SENT (${N.byteLength} bytes)`
-          );
-        } catch (N) {
-          console.warn("[NAV-DEBUG][widget] page_context_push threw:", N);
-        }
-        try {
-          const N = dt.current;
-          let W = [];
-          if (N) {
-            console.log("[NAV-DEBUG][widget] routes: calling custom getRoutes()");
-            const T = N(), F = T instanceof Promise ? await T : T;
-            W = Array.isArray(F) ? F.slice(0, 200) : [], console.log(`[NAV-DEBUG][widget] routes: custom returned ${W.length}`);
+          const j = dt.current;
+          let M = [];
+          if (j) {
+            const Y = j(), B = Y instanceof Promise ? await Y : Y;
+            M = Array.isArray(B) ? B.slice(0, 200) : [];
           } else
-            console.log("[NAV-DEBUG][widget] routes: walking DOM (no custom getRoutes)"), W = nt(), console.log(`[NAV-DEBUG][widget] routes: DOM walk returned ${W.length}`);
-          const j = new TextEncoder().encode(
-            JSON.stringify({ type: "routes_push", routes: W })
-          );
-          k.publishData(j, { reliable: !0 }), console.log(
-            `[NAV-DEBUG][widget] routes_push SENT (${j.byteLength} bytes, ${W.length} routes)`
+            M = rt();
+          await F(
+            k,
+            { type: "routes_push", routes: M },
+            `settle/routes_push(${M.length})`
           );
-        } catch (N) {
-          console.warn("[NAV-DEBUG][widget] routes_push threw:", N);
+        } catch (j) {
+          console.warn("[NAV-DEBUG][widget] routes_push outer threw:", j);
         }
-      } catch (b) {
-        console.warn("[NAV-DEBUG][widget] settle outer threw:", b);
+      } catch (E) {
+        console.warn("[NAV-DEBUG][widget] settle outer threw:", E);
       }
     }, 250);
     return () => {
-      clearTimeout(J);
+      clearTimeout(ne);
     };
-  }, [ae, V, V.connectionState]), M(() => {
-    var J;
+  }, [ae, U, U.connectionState]), I(() => {
+    var W;
     if (typeof window > "u") return;
-    const h = ((J = window.location) == null ? void 0 : J.hostname) || "";
-    if (h === "localhost" || h === "127.0.0.1" || h === "0.0.0.0" || h.endsWith(".local") || h.endsWith(".test"))
-      return window.__livelayerSimulateCommand = (ue) => {
+    const f = ((W = window.location) == null ? void 0 : W.hostname) || "";
+    if (f === "localhost" || f === "127.0.0.1" || f === "0.0.0.0" || f.endsWith(".local") || f.endsWith(".test"))
+      return window.__livelayerSimulateCommand = (ne) => {
         try {
-          Ke(ue);
-        } catch (te) {
-          console.warn("[LiveLayer] simulate-command threw:", te);
+          Xe(ne);
+        } catch (Q) {
+          console.warn("[LiveLayer] simulate-command threw:", Q);
         }
       }, () => {
         delete window.__livelayerSimulateCommand;
       };
-  }, [Ke]);
-  const g = gt(() => Y ? {
-    connectionState: Y.connectionState,
-    agentState: Y.agentState,
-    transcript: Y.transcript,
-    videoElement: Y.videoElement,
-    audioElement: Y.audioElement,
-    canResume: Y.canResume,
-    error: Y.error,
+  }, [Xe]);
+  const g = yt(() => J ? {
+    connectionState: J.connectionState,
+    agentState: J.agentState,
+    transcript: J.transcript,
+    videoElement: J.videoElement,
+    audioElement: J.audioElement,
+    canResume: J.canResume,
+    error: J.error,
     agentConfig: null,
     connect: async () => {
-      await Y.onConnect();
+      await J.onConnect();
     },
-    disconnect: () => Y.onDisconnect(),
+    disconnect: () => J.onDisconnect(),
     // Dummy getRoom for shape compatibility — controlled consumers own the Room.
     // Internal session's getRoom returns null when no real connect has happened,
     // so we reuse its reference for type consistency.
-    getRoom: V.getRoom,
+    getRoom: U.getRoom,
     isControlled: !0
   } : {
-    connectionState: V.connectionState,
-    agentState: V.agentState,
-    transcript: V.transcript,
-    videoElement: V.videoElement,
-    audioElement: V.audioElement,
-    canResume: V.canResume,
-    error: V.error,
-    agentConfig: V.agentConfig,
-    connect: V.connect,
-    disconnect: V.disconnect,
-    getRoom: V.getRoom,
+    connectionState: U.connectionState,
+    agentState: U.agentState,
+    transcript: U.transcript,
+    videoElement: U.videoElement,
+    audioElement: U.audioElement,
+    canResume: U.canResume,
+    error: U.error,
+    agentConfig: U.agentConfig,
+    connect: U.connect,
+    disconnect: U.disconnect,
+    getRoom: U.getRoom,
     isControlled: !1
-  }, [Y, V]), Rt = A(null);
-  M(() => {
-    const h = g.videoElement, c = Rt.current;
-    if (!(!h || !c))
-      return c.appendChild(h), () => {
-        h.parentNode === c && c.removeChild(h);
+  }, [J, U]), Mt = N(null);
+  I(() => {
+    const f = g.videoElement, c = Mt.current;
+    if (!(!f || !c))
+      return c.appendChild(f), () => {
+        f.parentNode === c && c.removeChild(f);
       };
-  }, [g.videoElement]), M(() => {
-    const h = g.audioElement;
-    if (!h) return;
-    Ge.attach(h);
-    const c = h.play();
-    return c && typeof c.catch == "function" && c.catch((J) => {
-      (J == null ? void 0 : J.name) === "NotAllowedError" && ge(!0);
+  }, [g.videoElement]), I(() => {
+    const f = g.audioElement;
+    if (!f) return;
+    je.attach(f);
+    const c = f.play();
+    return c && typeof c.catch == "function" && c.catch((W) => {
+      (W == null ? void 0 : W.name) === "NotAllowedError" && ye(!0);
     }), () => {
-      Ge.detach();
+      je.detach();
     };
-  }, [g.audioElement]), M(() => {
+  }, [g.audioElement]), I(() => {
     if (g.isControlled || g.connectionState !== "connected") return;
-    const h = g.getRoom();
-    if (h)
-      return re.setupMic(h, { startMuted: !0 }).catch(() => {
-      }), ce.attachRoom(h), de.attachRoom(h), me.refresh(), () => {
-        re.teardownMic(), ce.teardown(), de.teardown();
+    const f = g.getRoom();
+    if (f)
+      return re.setupMic(f, { startMuted: !0 }).catch(() => {
+      }), ce.attachRoom(f), ue.attachRoom(f), ge.refresh(), () => {
+        re.teardownMic(), ce.teardown(), ue.teardown();
       };
   }, [g.isControlled, g.connectionState]);
-  const [Xe, kt] = E(!1), Lt = A("idle");
-  M(() => {
+  const [Qe, Lt] = C(!1), St = N("idle");
+  I(() => {
     if (g.connectionState === "idle" || g.connectionState === "disconnected") {
-      kt(!1), Lt.current = "idle";
+      Lt(!1), St.current = "idle";
       return;
     }
-    !Xe && Lt.current === "speaking" && g.agentState !== "speaking" && (kt(!0), re.setMuted(!1)), Lt.current = g.agentState;
-  }, [g.agentState, g.connectionState, Xe]), M(() => {
-    if (g.connectionState !== "connected" || Xe) return;
-    const h = setTimeout(() => {
-      kt(!0), re.setMuted(!1);
+    !Qe && St.current === "speaking" && g.agentState !== "speaking" && (Lt(!0), re.setMuted(!1)), St.current = g.agentState;
+  }, [g.agentState, g.connectionState, Qe]), I(() => {
+    if (g.connectionState !== "connected" || Qe) return;
+    const f = setTimeout(() => {
+      Lt(!0), re.setMuted(!1);
     }, 4e3);
-    return () => clearTimeout(h);
-  }, [g.connectionState, Xe]), M(() => {
-    const h = g.audioElement;
-    h && (h.muted = Oe);
-  }, [g.audioElement, Oe]);
-  const ln = S((h) => {
+    return () => clearTimeout(f);
+  }, [g.connectionState, Qe]), I(() => {
+    const f = g.audioElement;
+    f && (f.muted = He);
+  }, [g.audioElement, He]);
+  const sn = S((f) => {
     const c = g.getRoom();
     if (c)
       try {
-        const J = new TextEncoder().encode(
-          JSON.stringify({ type: "user_message", text: h })
+        const W = new TextEncoder().encode(
+          JSON.stringify({ type: "user_message", text: f })
         );
-        c.localParticipant.publishData(J, { reliable: !0 });
+        c.localParticipant.publishData(W, { reliable: !0 });
       } catch {
       }
-  }, [g]), an = S(() => {
-    st((h) => !h);
+  }, [g]), cn = S(() => {
+    ct((f) => !f);
   }, []);
-  M(() => {
-    Me == null || Me(g.connectionState), g.connectionState === "connected" ? pe == null || pe() : g.connectionState === "disconnected" && (Se == null || Se());
-  }, [g.connectionState, pe, Se, Me]), M(() => {
-    De == null || De(g.transcript);
-  }, [g.transcript, De]), M(() => {
-    Re == null || Re(g.agentState);
-  }, [g.agentState, Re]);
-  const Mt = A(!1);
-  M(() => {
-    g.isControlled || !d || Mt.current || Pe && g.connectionState === "idle" && (Mt.current = !0, g.connect());
-  }, [d, g.connectionState, g, Pe]);
-  const sn = S(
-    (h) => {
-      const c = D == null ? void 0 : D.find((J) => J.id === h);
-      c && (Je(!1), h !== Q && (Fe(!0), g.disconnect(), We || $e(h), v == null || v(c)));
+  I(() => {
+    Me == null || Me(g.connectionState), g.connectionState === "connected" ? he == null || he() : g.connectionState === "disconnected" && (Se == null || Se());
+  }, [g.connectionState, he, Se, Me]), I(() => {
+    Re == null || Re(g.transcript);
+  }, [g.transcript, Re]), I(() => {
+    De == null || De(g.agentState);
+  }, [g.agentState, De]);
+  const It = N(!1);
+  I(() => {
+    g.isControlled || !u || It.current || Pe && g.connectionState === "idle" && (It.current = !0, g.connect());
+  }, [u, g.connectionState, g, Pe]);
+  const un = S(
+    (f) => {
+      const c = R == null ? void 0 : R.find((W) => W.id === f);
+      c && (Je(!1), f !== X && (Ge(!0), g.disconnect(), Fe || $e(f), v == null || v(c)));
     },
     [
-      D,
-      Q,
+      R,
+      X,
       g,
-      We,
+      Fe,
       v
     ]
   );
-  M(() => {
-    ye && g.connectionState === "connected" && Fe(!1);
-  }, [g.connectionState, ye]), M(() => {
-    if (!je) return;
-    const h = (c) => {
+  I(() => {
+    ve && g.connectionState === "connected" && Ge(!1);
+  }, [g.connectionState, ve]), I(() => {
+    if (!Ye) return;
+    const f = (c) => {
       c.key === "Escape" && Je(!1);
     };
-    return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
-  }, [je]);
-  const cn = !!$ || !!(ne != null && ne.avatarImageUrl) || g.isControlled, Qe = Rn(Be, o, cn);
-  ie === void 0 && ((It = Qe.info) != null && It.capabilities) && (xt.current = Qe.info.capabilities);
-  const ft = (ne == null ? void 0 : ne.name) ?? U ?? ((Pt = g.agentConfig) == null ? void 0 : Pt.name) ?? (($t = Qe.info) == null ? void 0 : $t.name) ?? "Live Layer", St = (ne == null ? void 0 : ne.avatarImageUrl) ?? $ ?? ((Bt = g.agentConfig) == null ? void 0 : Bt.avatarImageUrl) ?? ((zt = Qe.info) == null ? void 0 : zt.avatarImageUrl) ?? null, dn = _ ?? ((Ot = g.agentConfig) == null ? void 0 : Ot.idleLoopUrl) ?? ((Ut = Qe.info) == null ? void 0 : Ut.idleLoopUrl) ?? null, un = O ?? null, fn = S(() => he("expanded"), [he]), pn = S(
-    () => he("minimized"),
-    [he]
+    return window.addEventListener("keydown", f), () => window.removeEventListener("keydown", f);
+  }, [Ye]);
+  const dn = !!$ || !!(te != null && te.avatarImageUrl) || g.isControlled, Ze = In(Be, o, dn);
+  ie === void 0 && ((Pt = Ze.info) != null && Pt.capabilities) && (kt.current = Ze.info.capabilities);
+  const pt = (te == null ? void 0 : te.name) ?? q ?? (($t = g.agentConfig) == null ? void 0 : $t.name) ?? ((Bt = Ze.info) == null ? void 0 : Bt.name) ?? "Live Layer", Et = (te == null ? void 0 : te.avatarImageUrl) ?? $ ?? ((zt = g.agentConfig) == null ? void 0 : zt.avatarImageUrl) ?? ((Ht = Ze.info) == null ? void 0 : Ht.avatarImageUrl) ?? null, fn = _ ?? ((qt = g.agentConfig) == null ? void 0 : qt.idleLoopUrl) ?? ((Ot = Ze.info) == null ? void 0 : Ot.idleLoopUrl) ?? null, pn = H ?? null, hn = S(() => me("expanded"), [me]), mn = S(
+    () => me("minimized"),
+    [me]
   ), Tt = S(() => {
-    g.disconnect(), he("hidden");
-  }, [g, he]), hn = S(() => {
-    const h = g.audioElement;
-    h && h.play().then(() => ge(!1)).catch(() => {
+    g.disconnect(), me("hidden");
+  }, [g, me]), gn = S(() => {
+    const f = g.audioElement;
+    f && f.play().then(() => ye(!1)).catch(() => {
     });
-  }, [g.audioElement]), mn = S(() => {
-    ge(!1), g.connect();
-  }, [g]), Ze = {
-    ...wt,
-    zIndex: at
+  }, [g.audioElement]), yn = S(() => {
+    ye(!1), g.connect();
+  }, [g]), et = {
+    ..._t,
+    zIndex: st
   };
-  m.primaryColor && (Ze["--ll-color-primary"] = m.primaryColor), m.accentColor && (Ze["--ll-color-accent"] = m.accentColor), m.backgroundColor && (Ze["--ll-color-bg"] = m.backgroundColor), m.textColor && (Ze["--ll-color-fg"] = m.textColor);
-  const gn = [
+  m.primaryColor && (et["--ll-color-primary"] = m.primaryColor), m.accentColor && (et["--ll-color-accent"] = m.accentColor), m.backgroundColor && (et["--ll-color-bg"] = m.backgroundColor), m.textColor && (et["--ll-color-fg"] = m.textColor);
+  const vn = [
     "ll-widget",
     `ll-widget--${se}`,
     `ll-widget--${Ce ? "mobile" : "desktop"}`,
-    vt
+    wt
   ].filter(Boolean).join(" ");
   return Pe ? /* @__PURE__ */ x(
     "div",
     {
-      className: gn,
-      style: Ze,
+      className: vn,
+      style: et,
       "data-display-mode": se,
       "data-position": w,
       children: [
         se === "hidden" && /* @__PURE__ */ n(
-          er,
+          nr,
           {
             position: w,
             isMobile: Ce,
             isSpeaking: g.agentState === "speaking",
-            onExpand: () => he("expanded"),
-            label: `Open ${ft} widget`,
-            avatarImageUrl: St,
-            agentName: ft
+            onExpand: () => me("expanded"),
+            label: `Open ${pt} widget`,
+            avatarImageUrl: Et,
+            agentName: pt
           }
         ),
         se === "minimized" && /* @__PURE__ */ n(
-          nr,
+          or,
           {
             position: w,
             isMobile: Ce,
-            agentName: ft,
-            avatarImageUrl: St,
+            agentName: pt,
+            avatarImageUrl: Et,
             agentState: g.agentState,
             isMuted: re.isMuted,
-            audioLevel: Ge,
-            onExpand: fn,
+            audioLevel: je,
+            onExpand: hn,
             onToggleMute: re.toggleMute,
             onClose: Tt
           }
         ),
         se === "expanded" && /* @__PURE__ */ n(
-          or,
+          lr,
           {
             position: w,
             isMobile: Ce,
-            agentName: ft,
-            avatarImageUrl: St,
-            idleLoopUrl: dn,
-            greeting: un,
+            agentName: pt,
+            avatarImageUrl: Et,
+            idleLoopUrl: fn,
+            greeting: pn,
             branding: m,
-            teamMembers: D,
-            currentTeamMemberId: Q,
-            isSwitchingTeamMember: ye,
-            teamSwitcherOpen: je,
-            onToggleTeamSwitcher: () => Je((h) => !h),
-            onSelectTeamMember: sn,
+            teamMembers: R,
+            currentTeamMemberId: X,
+            isSwitchingTeamMember: ve,
+            teamSwitcherOpen: Ye,
+            onToggleTeamSwitcher: () => Je((f) => !f),
+            onSelectTeamMember: un,
             connectionState: g.connectionState,
             agentState: g.agentState,
             transcript: g.transcript,
             isMuted: re.isMuted,
-            micDevices: me.mics,
+            micDevices: ge.mics,
             isCameraEnabled: ce.isEnabled,
             cameraPreviewEl: ce.previewEl,
-            cameraDevices: me.cameras,
+            cameraDevices: ge.cameras,
             activeCameraId: ce.activeDeviceId,
-            isScreenShareEnabled: de.isEnabled,
-            screenPreviewEl: de.previewEl,
-            isSpeakerMuted: Oe,
-            allowCamera: I,
-            allowScreenShare: q,
-            allowTyping: B,
+            isScreenShareEnabled: ue.isEnabled,
+            screenPreviewEl: ue.previewEl,
+            isSpeakerMuted: He,
+            allowCamera: T,
+            allowScreenShare: V,
+            allowTyping: z,
             languageMenuOpen: be,
-            onToggleLanguageMenu: () => ve((h) => !h),
+            onToggleLanguageMenu: () => we((f) => !f),
             needsUserGesture: ze,
             canResume: g.canResume,
             micError: re.micError,
             error: g.error,
-            avatarVideoContainerRef: Rt,
+            avatarVideoContainerRef: Mt,
             agentVideoEl: g.videoElement,
-            micGateOpen: g.isControlled ? !0 : Xe,
+            micGateOpen: g.isControlled ? !0 : Qe,
             onConnect: () => void g.connect(),
             onDisconnect: () => g.disconnect(),
-            onRetry: mn,
-            onResumeAudio: hn,
+            onRetry: yn,
+            onResumeAudio: gn,
             onToggleMute: re.toggleMute,
             onToggleCamera: () => void ce.toggle(),
-            onSwitchCameraDevice: (h) => void ce.switchDevice(h),
-            onToggleScreenShare: () => void de.toggle(),
-            onToggleSpeaker: an,
-            onSendMessage: ln,
-            onMinimize: pn,
+            onSwitchCameraDevice: (f) => void ce.switchDevice(f),
+            onToggleScreenShare: () => void ue.toggle(),
+            onToggleSpeaker: cn,
+            onSendMessage: sn,
+            onMinimize: mn,
             onClose: Tt,
             onClearMicError: re.clearError
           }
@@ -2827,50 +2815,50 @@ function Ir(e) {
     }
   ) : null;
 }
-function Vr(e) {
-  return /* @__PURE__ */ n(kn, { children: /* @__PURE__ */ n(Ir, { ...e }) });
+function Wr(e) {
+  return /* @__PURE__ */ n(Sn, { children: /* @__PURE__ */ n($r, { ...e }) });
 }
-const qr = ({
+const Fr = ({
   agentId: e,
   baseUrl: t,
   apiKey: r,
   mode: o,
   onAgentEvent: i,
   className: l,
-  style: d
+  style: u
 }) => {
-  const u = A(null), f = A(null), y = A(i);
+  const d = N(null), p = N(null), y = N(i);
   y.current = i;
   const w = S((s) => {
     var L;
     const a = s.detail;
     (L = y.current) == null || L.call(y, a);
   }, []);
-  return M(() => {
-    const s = u.current;
+  return I(() => {
+    const s = d.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), o && a.setAttribute("mode", o), a.addEventListener("agent-event", w), s.appendChild(a), f.current = a, () => {
-      a.removeEventListener("agent-event", w), s.removeChild(a), f.current = null;
+    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", w), s.appendChild(a), p.current = a, () => {
+      a.removeEventListener("agent-event", w), s.removeChild(a), p.current = null;
     };
-  }, [e]), M(() => {
-    f.current && (o ? f.current.setAttribute("mode", o) : f.current.removeAttribute("mode"));
-  }, [o]), /* @__PURE__ */ n("div", { ref: u, className: l, style: d });
-}, Wr = Nt(
-  function({ id: t, intent: r, as: o = "div", className: i, style: l, children: d }, u) {
-    return vn(
+  }, [e]), I(() => {
+    p.current && (o ? p.current.setAttribute("mode", o) : p.current.removeAttribute("mode"));
+  }, [o]), /* @__PURE__ */ n("div", { ref: d, className: l, style: u });
+}, jr = At(
+  function({ id: t, intent: r, as: o = "div", className: i, style: l, children: u }, d) {
+    return _n(
       o,
       {
-        ref: u,
+        ref: d,
         "data-ll-region": t,
         "data-ll-intent": r,
         className: i,
         style: l
       },
-      d
+      u
     );
   }
-), Gr = Nt(
+), Gr = At(
   function({ id: t, intent: r, children: o, ...i }, l) {
     return /* @__PURE__ */ n(
       "form",
@@ -2883,108 +2871,108 @@ const qr = ({
       }
     );
   }
-), Fr = Nt(
+), Yr = At(
   function(t, r) {
-    const { name: o, label: i, labelClassName: l } = t, d = { name: o, "data-ll-field": o };
-    let u;
+    const { name: o, label: i, labelClassName: l } = t, u = { name: o, "data-ll-field": o };
+    let d;
     if ("as" in t && t.as === "textarea") {
-      const { name: f, label: y, labelClassName: w, as: s, ...a } = t;
-      u = /* @__PURE__ */ n(
+      const { name: p, label: y, labelClassName: w, as: s, ...a } = t;
+      d = /* @__PURE__ */ n(
         "textarea",
         {
           ref: r,
-          ...d,
+          ...u,
           ...a
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: f, label: y, labelClassName: w, as: s, children: a, ...L } = t;
-      u = /* @__PURE__ */ n(
+      const { name: p, label: y, labelClassName: w, as: s, children: a, ...L } = t;
+      d = /* @__PURE__ */ n(
         "select",
         {
           ref: r,
-          ...d,
+          ...u,
           ...L,
           children: a
         }
       );
     } else {
-      const { name: f, label: y, labelClassName: w, as: s, ...a } = t;
-      u = /* @__PURE__ */ n(
+      const { name: p, label: y, labelClassName: w, as: s, ...a } = t;
+      d = /* @__PURE__ */ n(
         "input",
         {
           ref: r,
-          ...d,
+          ...u,
           ...a
         }
       );
     }
-    return i === void 0 ? u : /* @__PURE__ */ x("label", { className: l, children: [
+    return i === void 0 ? d : /* @__PURE__ */ x("label", { className: l, children: [
       i,
-      u
+      d
     ] });
   }
 );
-let nn = 1;
-function jr({
+let rn = 1;
+function Jr({
   onMount: e,
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [o, i] = E(t), [l, d] = E([]), [u, f] = E(""), [y, w] = E(!1), s = A(/* @__PURE__ */ new Set()), a = A([]), L = A(y);
-  L.current = y, M(() => {
+  const [o, i] = C(t), [l, u] = C([]), [d, p] = C(""), [y, w] = C(!1), s = N(/* @__PURE__ */ new Set()), a = N([]), L = N(y);
+  L.current = y, I(() => {
     try {
       const v = localStorage.getItem(r);
       v === "1" && i(!0), v === "0" && i(!1);
     } catch {
     }
-  }, [r]), M(() => {
+  }, [r]), I(() => {
     try {
       localStorage.setItem(r, o ? "1" : "0");
     } catch {
     }
-  }, [o, r]), M(() => {
+  }, [o, r]), I(() => {
     const v = (_) => {
-      (_.metaKey || _.ctrlKey) && _.shiftKey && _.key.toLowerCase() === "l" && (_.preventDefault(), i((O) => !O));
+      (_.metaKey || _.ctrlKey) && _.shiftKey && _.key.toLowerCase() === "l" && (_.preventDefault(), i((H) => !H));
     };
     return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
-  }, []), M(() => {
+  }, []), I(() => {
     const v = setInterval(() => {
       if (a.current.length === 0 || L.current) return;
       const _ = a.current.splice(0, a.current.length);
-      d(
-        (O) => [..._.reverse(), ...O].slice(0, 200)
+      u(
+        (H) => [..._.reverse(), ...H].slice(0, 200)
       );
     }, 100);
     return () => clearInterval(v);
   }, []);
-  const D = A(!1);
-  if (M(() => {
-    !e || D.current || (D.current = !0, e((v) => {
+  const R = N(!1);
+  if (I(() => {
+    !e || R.current || (R.current = !0, e((v) => {
       a.current.push({
-        id: nn++,
+        id: rn++,
         ts: Date.now(),
         kind: "event",
         type: v.eventName,
         data: v.data
       });
     }));
-  }, [e]), M(() => {
-    const v = console.warn, _ = console.log, O = ($, U) => function(...m) {
+  }, [e]), I(() => {
+    const v = console.warn, _ = console.log, H = ($, q) => function(...m) {
       try {
-        const I = typeof m[0] == "string" ? m[0] : "";
-        I.startsWith("[LiveLayer]") && a.current.push({
-          id: nn++,
+        const T = typeof m[0] == "string" ? m[0] : "";
+        T.startsWith("[LiveLayer]") && a.current.push({
+          id: rn++,
           ts: Date.now(),
           kind: $,
-          type: I.slice(0, 120),
-          data: { args: m.slice(1).map((q) => $r(q)) }
+          type: T.slice(0, 120),
+          data: { args: m.slice(1).map((V) => zr(V)) }
         });
       } catch {
       }
-      return U.apply(this, m);
+      return q.apply(this, m);
     };
-    return console.warn = O("warn", v), console.log = O("log", _), () => {
+    return console.warn = H("warn", v), console.log = H("log", _), () => {
       console.warn = v, console.log = _;
     };
   }, []), !o)
@@ -3014,9 +3002,9 @@ function jr({
         children: "🛰 LL debug"
       }
     );
-  const C = l.filter((v) => {
-    if (!u) return !0;
-    const _ = u.toLowerCase();
+  const A = l.filter((v) => {
+    if (!d) return !0;
+    const _ = d.toLowerCase();
     return v.type.toLowerCase().includes(_) || JSON.stringify(v.data || {}).toLowerCase().includes(_);
   });
   return /* @__PURE__ */ x(
@@ -3065,7 +3053,7 @@ function jr({
                 {
                   type: "button",
                   onClick: () => w((v) => !v),
-                  style: Et(y ? "#f59e0b" : "transparent"),
+                  style: Ct(y ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
                   children: y ? "▶ resume" : "⏸ pause"
                 }
@@ -3075,9 +3063,9 @@ function jr({
                 {
                   type: "button",
                   onClick: () => {
-                    d([]), a.current = [];
+                    u([]), a.current = [];
                   },
-                  style: Et("transparent"),
+                  style: Ct("transparent"),
                   title: "Clear buffer",
                   children: "clear"
                 }
@@ -3087,7 +3075,7 @@ function jr({
                 {
                   type: "button",
                   onClick: () => i(!1),
-                  style: Et("transparent"),
+                  style: Ct("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
                   children: "✕"
@@ -3100,8 +3088,8 @@ function jr({
           "input",
           {
             type: "text",
-            value: u,
-            onChange: (v) => f(v.target.value),
+            value: d,
+            onChange: (v) => p(v.target.value),
             placeholder: "filter by type or data…",
             style: {
               margin: 8,
@@ -3123,7 +3111,7 @@ function jr({
               overflowY: "auto",
               padding: "0 8px 8px"
             },
-            children: C.length === 0 ? /* @__PURE__ */ x(
+            children: A.length === 0 ? /* @__PURE__ */ x(
               "div",
               {
                 style: {
@@ -3153,13 +3141,13 @@ function jr({
                   )
                 ]
               }
-            ) : C.map((v) => /* @__PURE__ */ n(
-              Pr,
+            ) : A.map((v) => /* @__PURE__ */ n(
+              Br,
               {
                 entry: v,
                 expanded: s.current.has(v.id),
                 onToggle: () => {
-                  s.current.has(v.id) ? s.current.delete(v.id) : s.current.add(v.id), d((_) => [..._]);
+                  s.current.has(v.id) ? s.current.delete(v.id) : s.current.add(v.id), u((_) => [..._]);
                 }
               },
               v.id
@@ -3170,7 +3158,7 @@ function jr({
     }
   );
 }
-function Pr({
+function Br({
   entry: e,
   expanded: t,
   onToggle: r
@@ -3240,7 +3228,7 @@ function Pr({
     }
   );
 }
-function Et(e) {
+function Ct(e) {
   return {
     background: e,
     color: "#fff",
@@ -3251,20 +3239,20 @@ function Et(e) {
     cursor: "pointer"
   };
 }
-function $r(e) {
+function zr(e) {
   try {
     return e instanceof Error ? { message: e.message, stack: e.stack } : (JSON.stringify(e), e);
   } catch {
     return String(e);
   }
 }
-function Jr() {
-  const [e, t] = E([]), r = S((i) => {
+function Kr() {
+  const [e, t] = C([]), r = S((i) => {
     t((l) => {
-      const d = l.findIndex((u) => u.id === i.id);
-      if (d >= 0) {
-        const u = l.slice();
-        return u[d] = i, u;
+      const u = l.findIndex((d) => d.id === i.id);
+      if (u >= 0) {
+        const d = l.slice();
+        return d[u] = i, d;
       }
       return [...l, i];
     });
@@ -3277,33 +3265,33 @@ function Jr() {
   };
 }
 export {
-  Vr as AvatarWidget,
-  kn as ErrorBoundary,
-  jr as LiveLayerDebugPanel,
-  Fr as LiveLayerField,
+  Wr as AvatarWidget,
+  Sn as ErrorBoundary,
+  Jr as LiveLayerDebugPanel,
+  Yr as LiveLayerField,
   Gr as LiveLayerForm,
-  Wr as LiveLayerRegion,
-  qr as LiveLayerWidget,
-  vr as clearPageContextCache,
-  Sr as clearRoutesCache,
-  br as extractPageContext,
-  kr as extractRoutes,
-  mt as getCachedPageContext,
-  nt as getCachedRoutes,
-  Fn as matchesPattern,
-  _r as normalizeRouteInput,
-  jn as shouldRenderAtPath,
-  Rn as useAgentInfo,
-  Sn as useAudioLevel,
-  Nn as useCameraState,
-  In as useDisplayMode,
-  Bn as useDisplayModePersistence,
+  jr as LiveLayerRegion,
+  Fr as LiveLayerWidget,
+  _r as clearPageContextCache,
+  Cr as clearRoutesCache,
+  wr as extractPageContext,
+  Sr as extractRoutes,
+  gt as getCachedPageContext,
+  rt as getCachedRoutes,
+  Yn as matchesPattern,
+  kr as normalizeRouteInput,
+  Jn as shouldRenderAtPath,
+  In as useAgentInfo,
+  Cn as useAudioLevel,
+  Rn as useCameraState,
+  $n as useDisplayMode,
+  Hn as useDisplayModePersistence,
   On as useIsMobile,
-  Ln as useLiveKitSession,
-  Dn as useMediaDevices,
-  En as useMicrophoneState,
-  Hn as usePathname,
-  Jn as useRouteMatch,
-  An as useScreenShareState,
-  Jr as useTranscript
+  En as useLiveKitSession,
+  Mn as useMediaDevices,
+  Nn as useMicrophoneState,
+  Vn as usePathname,
+  Kn as useRouteMatch,
+  Dn as useScreenShareState,
+  Kr as useTranscript
 };