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

package/dist/index.mjs

@@ -1,6 +1,6 @@
 "use client";
 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 { Component as wn, useState as A, useRef as R, 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 {
@@ -34,7 +34,7 @@ class Sn extends wn {
   }
 }
 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);
+  const [t, r] = A("idle"), [o, i] = A("idle"), [l, u] = A([]), [d, p] = A(null), [y, w] = A(null), [s, a] = A(null), [k, E] = A(!1), [C, v] = A(null), _ = R(null), H = R(e.onDataMessage);
   H.current = e.onDataMessage, I(() => {
     const T = {
       onConnectionStateChange: (z) => {
@@ -51,25 +51,18 @@ function En(e) {
         var P;
         (P = H.current) == null || P.call(H, z);
       },
-      onResumabilityChange: R
+      onResumabilityChange: E
     }, V = new xn(
       {
         agentId: e.agentId,
         baseUrl: e.baseUrl,
         apiKey: e.apiKey,
         sessionEndpoint: e.sessionEndpoint,
-        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
+        sessionBody: e.sessionBody
       },
       T
     );
-    return _.current = V, r("idle"), i("idle"), u([]), p(null), w(null), a(null), R(!1), v(null), () => {
+    return _.current = V, r("idle"), i("idle"), u([]), p(null), w(null), a(null), E(!1), v(null), () => {
       var z;
       (z = V.destroy) == null || z.call(V), _.current = null;
     };
@@ -102,8 +95,8 @@ function En(e) {
     agentConfig: d,
     videoElement: y,
     audioElement: s,
-    canResume: L,
-    error: A,
+    canResume: k,
+    error: C,
     connect: $,
     disconnect: q,
     getRoom: m,
@@ -111,7 +104,7 @@ function En(e) {
   };
 }
 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 e = R(null), t = R(null), r = R(null), o = R(null), i = R(/* @__PURE__ */ new Set()), l = R(null), u = S(() => {
     const s = t.current;
     if (!s) {
       o.current = null;
@@ -122,12 +115,12 @@ function Cn() {
     ));
     const a = l.current;
     s.getByteFrequencyData(a);
-    let L = 0;
-    for (let A = 0; A < a.length; A++) L += a[A];
-    const R = L / a.length / 255;
-    for (const A of i.current)
+    let k = 0;
+    for (let C = 0; C < a.length; C++) k += a[C];
+    const E = k / a.length / 255;
+    for (const C of i.current)
       try {
-        A(R);
+        C(E);
       } catch (v) {
         console.error("[useAudioLevel] subscriber threw:", v);
       }
@@ -187,7 +180,7 @@ function Cn() {
   }, [y]), { attach: p, detach: y, subscribe: w };
 }
 function Nn() {
-  const [e, t] = C(!1), [r, o] = C(null), i = N(null), l = N(null), u = S(
+  const [e, t] = A(!1), [r, o] = A(null), i = R(null), l = R(null), u = S(
     async (s, a) => {
       if (i.current && l.current) {
         try {
@@ -198,14 +191,23 @@ function Nn() {
       }
       l.current = s, o(null);
       try {
-        const L = await kn({
+        const k = Array.from(s.localParticipant.trackPublications.values()).find(
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          (C) => C.kind === "audio" && C.source === "microphone"
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        );
+        if (k != null && k.track) {
+          i.current = k.track, t(k.track.isMuted);
+          return;
+        }
+        const E = await kn({
           echoCancellation: !0,
           noiseSuppression: !0
         });
-        await s.localParticipant.publishTrack(L), i.current = L, a != null && a.startMuted && await L.mute(), t(L.isMuted);
-      } catch (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;
+        await s.localParticipant.publishTrack(E), i.current = E, t(E.isMuted);
+      } catch (k) {
+        const E = k instanceof Error && k.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
+        throw o(E), k;
       }
     },
     []
@@ -238,7 +240,7 @@ function Nn() {
 }
 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((_) => {
+  const [e, t] = A(!1), [r, o] = A(null), [i, l] = A(null), [u, d] = A(""), p = R(null), y = R(null), w = S((_) => {
     p.current = _;
   }, []), s = S(() => {
     const _ = p.current, H = y.current;
@@ -277,11 +279,11 @@ function Rn() {
         o(q);
       }
     }
-  }, []), L = S(async () => {
+  }, []), k = S(async () => {
     e ? s() : await a(u || void 0);
-  }, [e, u, s, a]), R = S(async (_) => {
+  }, [e, u, s, a]), E = S(async (_) => {
     s(), await a(_);
-  }, [s, a]), A = S(() => {
+  }, [s, a]), C = S(() => {
     s(), p.current = null, o(null), d("");
   }, [s]), v = S(() => o(null), []);
   return I(() => () => {
@@ -291,15 +293,15 @@ function Rn() {
     error: r,
     previewEl: i,
     activeDeviceId: u,
-    toggle: L,
-    switchDevice: R,
+    toggle: k,
+    switchDevice: E,
     attachRoom: w,
-    teardown: A,
+    teardown: C,
     clearError: v
   };
 }
 function Dn() {
-  const [e, t] = C(!1), [r, o] = C(null), [i, l] = C(null), u = N(null), d = S((a) => {
+  const [e, t] = A(!1), [r, o] = A(null), [i, l] = A(null), u = R(null), d = S((a) => {
     u.current = a;
   }, []), p = S(() => l(null), []), y = S(async () => {
     const a = u.current;
@@ -315,11 +317,11 @@ function Dn() {
       o(null);
       try {
         await a.localParticipant.setScreenShareEnabled(!0);
-        let L = 0;
-        const R = () => {
-          const A = a.localParticipant.getTrackPublication(on.Source.ScreenShare);
-          if (A != null && A.track) {
-            const v = A.track.attach();
+        let k = 0;
+        const E = () => {
+          const C = a.localParticipant.getTrackPublication(on.Source.ScreenShare);
+          if (C != null && C.track) {
+            const v = C.track.attach();
             l(v), t(!0);
             try {
               a.localParticipant.publishData(
@@ -330,12 +332,12 @@ function Dn() {
             }
             return;
           }
-          L++ < 10 ? setTimeout(R, 100) : t(!0);
+          k++ < 10 ? setTimeout(E, 100) : t(!0);
         };
-        R();
-      } catch (L) {
-        const R = L instanceof Error ? L.name : "";
-        R !== "NotAllowedError" && R !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
+        E();
+      } catch (k) {
+        const E = k instanceof Error ? k.name : "";
+        E !== "NotAllowedError" && E !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
       }
     }
   }, [e, p]), w = S(() => {
@@ -350,7 +352,7 @@ function Dn() {
   return { isEnabled: e, error: r, previewEl: i, toggle: y, attachRoom: d, teardown: w, clearError: s };
 }
 function Mn() {
-  const [e, t] = C([]), [r, o] = C([]), i = S(async () => {
+  const [e, t] = A([]), [r, o] = A([]), i = S(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
@@ -365,7 +367,7 @@ function Mn() {
   }, [i]), { mics: e, cameras: r, refresh: i };
 }
 function In(e, t, r = !1) {
-  const [o, i] = C(null), [l, u] = C(null), [d, p] = C(!r && !!e);
+  const [o, i] = A(null), [l, u] = A(null), [d, p] = A(!r && !!e);
   return I(() => {
     if (r || !e) {
       p(!1);
@@ -407,7 +409,7 @@ function $n({
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const o = e !== void 0, [i, l] = C(t), u = o ? e : i, d = S(
+  const o = e !== void 0, [i, l] = A(t), u = o ? e : i, d = S(
     (p) => {
       p !== u && (o || l(p), r == null || r(p));
     },
@@ -426,7 +428,7 @@ function Hn({
   persistKey: o = "ll-widget",
   disablePersistence: i = !1
 } = {}) {
-  const l = `${o}:display-mode`, u = N(!1), [d, p] = $n({
+  const l = `${o}:display-mode`, u = R(!1), [d, p] = $n({
     value: e,
     defaultValue: t,
     onChange: (y) => {
@@ -441,7 +443,7 @@ function Hn({
 }
 const qn = 640;
 function On(e = qn) {
-  const [t, r] = C(!1);
+  const [t, r] = A(!1);
   return I(() => {
     if (e === !1) {
       r(!1);
@@ -471,7 +473,7 @@ function Vt() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
 function Vn(e) {
-  const [t, r] = C(
+  const [t, r] = A(
     () => e ?? Vt()
   );
   return I(() => {
@@ -639,7 +641,7 @@ const nr = ({
   avatarImageUrl: l,
   agentName: u
 }) => {
-  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(
+  const d = Zn(e), p = d === "right" ? "left" : "right", y = t ? 80 : 72, w = !!l, [s, a] = A(null), [k, E] = A(!1), C = R(null), v = R(!1), _ = S(
     (P) => {
       if (typeof window > "u") return P;
       const O = y / 2, G = Jt + O, ee = window.innerHeight - Jt - O;
@@ -662,7 +664,7 @@ const nr = ({
           P.currentTarget.setPointerCapture(P.pointerId);
         } catch {
         }
-        A.current = {
+        C.current = {
           startClientY: P.clientY,
           startCenterY: s,
           moved: !1
@@ -672,21 +674,21 @@ const nr = ({
     [s]
   ), $ = S(
     (P) => {
-      const O = A.current;
+      const O = C.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));
+      !O.moved && Math.abs(G) > er && (O.moved = !0, E(!0)), O.moved && a(_(O.startCenterY + G));
     },
     [_]
   ), q = S(
     (P) => {
-      const O = A.current;
+      const O = C.current;
       if (O) {
         try {
           P.currentTarget.releasePointerCapture(P.pointerId);
         } catch {
         }
-        A.current = null, O.moved && (R(!1), v.current = !0, a((G) => (G !== null && Kt(G), G)));
+        C.current = null, O.moved && (E(!1), v.current = !0, a((G) => (G !== null && Kt(G), G)));
       }
     },
     []
@@ -714,7 +716,7 @@ const nr = ({
     `ll-hidden--${d}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
-    L ? "is-dragging" : null,
+    k ? "is-dragging" : null,
     w ? "ll-hidden--with-avatar" : null
   ].filter(Boolean).join(" "), z = s === null ? void 0 : { top: `${s - y / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
@@ -771,16 +773,16 @@ const nr = ({
   className: i,
   barClassName: l
 }) => {
-  const u = N(null), d = N([]), p = yt(() => {
+  const u = R(null), d = R([]), p = yt(() => {
     const w = (Math.sqrt(5) - 1) / 2;
     return Array.from({ length: t }, (s, a) => 0.5 + a * w % 1 * 0.5);
   }, [t]);
   I(() => e.subscribe((s) => {
     for (let a = 0; a < t; a++) {
-      const L = d.current[a];
-      if (!L) continue;
-      const R = Math.max(o, s * r * p[a]);
-      L.style.height = `${R}px`;
+      const k = d.current[a];
+      if (!k) continue;
+      const E = Math.max(o, s * r * p[a]);
+      k.style.height = `${E}px`;
     }
   }), [e, t, r, o, p]);
   const y = ["ll-waveform", i].filter(Boolean).join(" ");
@@ -928,7 +930,7 @@ const nr = ({
   className: o,
   style: i
 }) => {
-  const [l, u] = C(!1), d = N(e);
+  const [l, u] = A(!1), d = R(e);
   if (I(() => {
     d.current !== e && (d.current = e, u(!1));
   }, [e]), !e) return null;
@@ -973,9 +975,9 @@ const nr = ({
   teamSwitcherOpen: w,
   onToggleTeamSwitcher: s,
   onSelectTeamMember: a,
-  languageMenuOpen: L,
-  onToggleLanguageMenu: R,
-  connectionState: A,
+  languageMenuOpen: k,
+  onToggleLanguageMenu: E,
+  connectionState: C,
   agentState: v,
   transcript: _,
   canResume: H,
@@ -1012,7 +1014,7 @@ const nr = ({
   onClearMicError: Fe
 }) => {
   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);
+  const Ee = ((d == null ? void 0 : d.length) ?? 0) > 1, $e = C === "connecting" || C === "connected", X = C === "connected", te = C === "idle" || C === "disconnected" || C === "error", [Be, se] = A(!1);
   I(() => {
     if (!ie) {
       se(!1);
@@ -1028,7 +1030,7 @@ const nr = ({
       ie.removeEventListener("playing", h), ie.removeEventListener("loadeddata", h);
     };
   }, [ie]);
-  const [me, Ce] = C(!1);
+  const [me, Ce] = A(!1);
   I(() => {
     if (!X) {
       Ce(!1);
@@ -1038,7 +1040,7 @@ const nr = ({
     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);
+  const je = C === "connecting" || X && !!o && !Be && !me, re = R(null), ce = R(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)));
@@ -1046,22 +1048,22 @@ const nr = ({
     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 [ue, ge] = C(!1), [ze, ye] = C(!1);
+  const [ue, ge] = A(!1), [ze, ye] = A(!1);
   I(() => {
-    if (!ue && !ze && !L && !w) return;
+    if (!ue && !ze && !k && !w) return;
     const h = () => {
-      ge(!1), ye(!1), L && R(), w && s();
+      ge(!1), ye(!1), k && E(), w && s();
     };
     return document.addEventListener("click", h), () => document.removeEventListener("click", h);
   }, [
     ue,
     ze,
-    L,
+    k,
     w,
-    R,
+    E,
     s
   ]);
-  const [ve, Ge] = C(""), Ye = S(
+  const [ve, Ge] = A(""), Ye = S(
     (h) => {
       h.preventDefault();
       const K = ve.trim();
@@ -1183,10 +1185,10 @@ const nr = ({
                   type: "button",
                   className: "ll-hpill ll-hpill--compact",
                   onClick: (h) => {
-                    h.stopPropagation(), R();
+                    h.stopPropagation(), E();
                   },
                   "aria-haspopup": "listbox",
-                  "aria-expanded": L,
+                  "aria-expanded": k,
                   "aria-label": "Language: English",
                   title: "Language: English",
                   children: [
@@ -1195,7 +1197,7 @@ const nr = ({
                   ]
                 }
               ),
-              L && /* @__PURE__ */ n(
+              k && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
@@ -1275,9 +1277,9 @@ const nr = ({
           ] })
         ),
         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;
+          const h = H ? "Restart paused session" : C === "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(
+            C === "idle" && !H && !q && /* @__PURE__ */ x(
               "button",
               {
                 type: "button",
@@ -1485,7 +1487,7 @@ const nr = ({
           ] })
         ] }) : null,
         (() => {
-          if (T && A !== "error")
+          if (T && C !== "error")
             return /* @__PURE__ */ x("div", { className: "ll-expanded__banner", role: "alert", children: [
               /* @__PURE__ */ n("span", { children: T }),
               /* @__PURE__ */ n(
@@ -1499,7 +1501,7 @@ const nr = ({
                 }
               )
             ] });
-          if (!q || A !== "error") return null;
+          if (!q || C !== "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 }),
@@ -1710,23 +1712,23 @@ function wr(e, t = {}) {
     T.length > 10 && p.push(Ae(T, en));
   }
   const a = p.join(`
-`), L = [], R = Array.from(r.querySelectorAll("a[href]"));
-  for (const m of R) {
-    if (L.length >= hr) break;
+`), k = [], E = Array.from(r.querySelectorAll("a[href]"));
+  for (const m of E) {
+    if (k.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) });
+    !T || !V || k.push({ href: T, text: Ae(V, 100) });
   }
-  const A = [], v = Array.from(
+  const C = [], v = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
   for (const m of v) {
-    if (A.length >= mr) break;
+    if (C.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 });
+    T && C.push({ label: Ae(T, 100), type: V });
   }
   const _ = Array.from(
     r.querySelectorAll("[data-ll-form]")
@@ -1757,8 +1759,8 @@ function wr(e, t = {}) {
     pathname: i,
     regions: d,
     visibleText: a,
-    visibleLinks: L,
-    visibleFields: A,
+    visibleLinks: k,
+    visibleFields: C,
     forms: H,
     extras: e
   };
@@ -1934,9 +1936,9 @@ function $r(e) {
     position: w = "bottom-right",
     mobileBreakpoint: s = 640,
     persistKey: a = "ll-widget",
-    disablePersistence: L = !1,
-    teamMembers: R,
-    currentTeamMemberId: A,
+    disablePersistence: k = !1,
+    teamMembers: E,
+    currentTeamMemberId: C,
     onTeamMemberChange: v,
     idleLoopUrl: _,
     greeting: H,
@@ -1972,19 +1974,19 @@ function $r(e) {
   I(() => {
     _r(), Cr();
   }, [ae]);
-  const Fe = A !== void 0, [Ee, $e] = C(() => {
+  const Fe = C !== void 0, [Ee, $e] = A(() => {
     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]
+    return C ?? ((f = E == null ? void 0 : E[0]) == null ? void 0 : f.id);
+  }), X = Fe ? C : Ee, te = yt(
+    () => (E == null ? void 0 : E.find((f) => f.id === X)) ?? null,
+    [E, 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), 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);
+    disablePersistence: k
+  }), Ce = On(s), je = Cn(), re = Nn(), ce = Rn(), ue = Dn(), ge = Mn(), [ze, ye] = A(!1), [ve, Ge] = A(!1), [Ye, Je] = A(!1), [be, we] = A(!1), [He, ct] = A(!1), Ke = R(ee), qe = R(le), h = R(lt), K = R(at), xt = R(Le), ut = R(ot), dt = R(it), kt = R(ie), oe = R(null), ft = R(null), Oe = R(null), Dt = R(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;
@@ -2025,30 +2027,30 @@ function $r(e) {
           if (Ke.current) {
             try {
               Ke.current(b);
-            } catch (E) {
+            } catch (N) {
               console.warn(
                 `[LiveLayer] onNavigate threw for "${b}". Falling back. Error:`,
-                E
+                N
               );
             }
             return;
           }
           if (typeof document < "u") {
-            const E = document.querySelector(
+            const N = document.querySelector(
               `a[href="${b.replace(/"/g, '\\"')}"]`
             );
-            if (E) {
-              E.click();
+            if (N) {
+              N.click();
               return;
             }
           }
           if (typeof window < "u" && typeof history < "u")
             try {
               history.pushState({}, "", b), window.dispatchEvent(new PopStateEvent("popstate"));
-            } catch (E) {
+            } catch (N) {
               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`,
-                E
+                N
               );
             }
           return;
@@ -2060,36 +2062,36 @@ function $r(e) {
           }
           const b = typeof c.selector == "string" ? c.selector : null;
           if (!b) return;
-          const E = c.behavior === "instant" ? "instant" : "smooth";
+          const N = c.behavior === "instant" ? "instant" : "smooth";
           if (qe.current) {
             try {
               qe.current(
                 b,
-                E
+                N
               );
-            } catch (k) {
-              console.warn("[LiveLayer] onScrollToSelector threw.", k);
+            } catch (L) {
+              console.warn("[LiveLayer] onScrollToSelector threw.", L);
             }
             return;
           }
           if (typeof document < "u") {
-            let k = null;
+            let L = null;
             try {
-              k = document.querySelector(b);
+              L = document.querySelector(b);
             } catch {
               console.warn(
                 `[LiveLayer] scroll_to: invalid selector "${b}".`
               );
               return;
             }
-            if (!k) {
+            if (!L) {
               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;
             }
-            k.scrollIntoView({
-              behavior: E,
+            L.scrollIntoView({
+              behavior: N,
               block: "start"
             });
           }
@@ -2100,8 +2102,8 @@ function $r(e) {
             xe("request_page_context", "read_page");
             return;
           }
-          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;
+          const b = typeof c.requestId == "string" ? c.requestId : void 0, N = (ne = oe.current) == null ? void 0 : ne.call(oe), L = (j) => {
+            const M = N, Y = M == null ? void 0 : M.localParticipant;
             if (!(Y != null && Y.publishData)) {
               console.warn(
                 "[NAV-DEBUG][widget] request_page_context response: no publishData"
@@ -2115,21 +2117,21 @@ function $r(e) {
             if (F) {
               const j = F(D);
               if (j instanceof Promise) {
-                k({ type: "page_context_pending" }), j.then((M) => k({ type: "page_context", context: M })).catch((M) => {
+                L({ type: "page_context_pending" }), j.then((M) => L({ type: "page_context", context: M })).catch((M) => {
                   console.warn(
                     "[LiveLayer] getPageContext rejected; falling back to default walker.",
                     M
-                  ), k({
+                  ), L({
                     type: "page_context",
                     context: gt(D)
                   });
                 });
                 return;
               }
-              k({ type: "page_context", context: j });
+              L({ type: "page_context", context: j });
               return;
             }
-            k({
+            L({
               type: "page_context",
               context: gt(D)
             });
@@ -2137,7 +2139,7 @@ function $r(e) {
             console.warn(
               "[LiveLayer] page-context extraction threw. Sending empty context.",
               j
-            ), k({
+            ), L({
               type: "page_context",
               context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: D }
             });
@@ -2156,12 +2158,12 @@ function $r(e) {
             );
             return;
           }
-          const E = c.behavior === "instant" ? "instant" : "smooth";
+          const N = c.behavior === "instant" ? "instant" : "smooth";
           if (h.current) {
             try {
               h.current(
                 b,
-                E
+                N
               );
             } catch (M) {
               console.warn("[LiveLayer] onScrollPage threw.", M);
@@ -2169,10 +2171,10 @@ function $r(e) {
             return;
           }
           if (typeof window > "u") return;
-          const k = { behavior: E }, D = Ir(), F = (M) => {
-            D instanceof Window ? D.scrollBy({ top: M, ...k }) : D.scrollBy({ top: M, ...k });
+          const L = { behavior: N }, D = Ir(), F = (M) => {
+            D instanceof Window ? D.scrollBy({ top: M, ...L }) : D.scrollBy({ top: M, ...L });
           }, j = (M) => {
-            D instanceof Window ? D.scrollTo({ top: M, ...k }) : D.scrollTo({ top: M, ...k });
+            D instanceof Window ? D.scrollTo({ top: M, ...L }) : D.scrollTo({ top: M, ...L });
           };
           b === "up" ? F(-nn(D)) : b === "down" ? F(nn(D)) : j(b === "top" ? 0 : Tr(D));
           return;
@@ -2190,34 +2192,34 @@ function $r(e) {
           if (K.current) {
             try {
               K.current(b);
-            } catch (k) {
-              console.warn("[LiveLayer] onClick threw.", k);
+            } catch (L) {
+              console.warn("[LiveLayer] onClick threw.", L);
             }
             return;
           }
           if (typeof document > "u") return;
-          let E = null;
+          let N = null;
           try {
-            E = document.querySelector(b);
+            N = document.querySelector(b);
           } catch {
             console.warn(
               `[LiveLayer] click: invalid selector "${b}".`
             );
             return;
           }
-          if (!E) {
+          if (!N) {
             console.warn(
               `[LiveLayer] click: no element matched "${b}". See https://livelayer.studio/docs/errors/click-no-match`
             );
             return;
           }
-          if (E.closest('[data-ll-private="true"], .ll-widget')) {
+          if (N.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               "[LiveLayer] click: refusing to click element inside a private subtree."
             );
             return;
           }
-          (Q = E.click) == null || Q.call(E);
+          (Q = N.click) == null || Q.call(N);
           return;
         }
         if (c.type === "fill_form" || c.type === "focus_field") {
@@ -2226,9 +2228,9 @@ function $r(e) {
             return;
           }
           if (typeof document > "u") return;
-          const b = typeof c.requestId == "string" ? c.requestId : void 0, E = (de = oe.current) == null ? void 0 : de.call(oe), k = (B) => {
+          const b = typeof c.requestId == "string" ? c.requestId : void 0, N = (de = oe.current) == null ? void 0 : de.call(oe), L = (B) => {
             if (c.type !== "fill_form") return;
-            const Z = E, pe = Z == null ? void 0 : Z.localParticipant;
+            const Z = N, pe = Z == null ? void 0 : Z.localParticipant;
             if (pe != null && pe.publishData)
               try {
                 const Ne = b ? { ...B, requestId: b } : B, bn = new TextEncoder().encode(JSON.stringify(Ne));
@@ -2238,7 +2240,7 @@ function $r(e) {
               }
           }, 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" });
+            console.warn(`[LiveLayer] ${c.type}: missing formId.`), L({ type: "fill_form_result", ok: !1, reason: "missing formId" });
             return;
           }
           const F = document.querySelector(
@@ -2247,7 +2249,7 @@ function $r(e) {
           if (!F) {
             console.warn(
               `[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({
+            ), L({
               type: "fill_form_result",
               ok: !1,
               reason: `no form with data-ll-form="${D}" on this page`,
@@ -2258,7 +2260,7 @@ function $r(e) {
           if (F.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               `[LiveLayer] ${c.type}: refusing to touch a form in a private subtree.`
-            ), k({
+            ), L({
               type: "fill_form_result",
               ok: !1,
               reason: "form is in a private subtree (data-ll-private)",
@@ -2290,7 +2292,7 @@ function $r(e) {
           }
           const j = c.values && typeof c.values == "object" ? c.values : null;
           if (!j) {
-            console.warn("[LiveLayer] fill_form: missing or invalid values."), k({
+            console.warn("[LiveLayer] fill_form: missing or invalid values."), L({
               type: "fill_form_result",
               ok: !1,
               reason: "missing or invalid values",
@@ -2323,7 +2325,7 @@ function $r(e) {
               ), Y.push(B);
             }
           }
-          k({
+          L({
             type: "fill_form_result",
             ok: M.length > 0,
             formId: D,
@@ -2344,26 +2346,26 @@ function $r(e) {
             console.warn("[LiveLayer] submit_form: missing formId.");
             return;
           }
-          const E = document.querySelector(
+          const N = document.querySelector(
             `[data-ll-form="${b.replace(/"/g, '\\"')}"]`
           );
-          if (!E) {
+          if (!N) {
             console.warn(
               `[LiveLayer] submit_form: no form with data-ll-form="${b}".`
             );
             return;
           }
-          if (E.closest('[data-ll-private="true"], .ll-widget')) {
+          if (N.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               "[LiveLayer] submit_form: refusing to submit a form in a private subtree."
             );
             return;
           }
-          const k = typeof c.requestId == "string" ? c.requestId : void 0, D = (fe = oe.current) == null ? void 0 : fe.call(oe), F = (Y) => {
+          const L = 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 pe = k ? { ...Y, requestId: k } : Y, Ne = new TextEncoder().encode(JSON.stringify(pe));
+                const pe = L ? { ...Y, requestId: L } : Y, Ne = new TextEncoder().encode(JSON.stringify(pe));
                 Z.publishData(Ne, { reliable: !0 });
               } catch {
               }
@@ -2372,11 +2374,11 @@ function $r(e) {
           const M = () => {
             j = !0, F({ type: "form_submitted", formId: b });
           };
-          E.addEventListener("submit", M, { once: !0 });
+          N.addEventListener("submit", M, { once: !0 });
           try {
-            typeof E.requestSubmit == "function" ? E.requestSubmit() : E.submit();
+            typeof N.requestSubmit == "function" ? N.requestSubmit() : N.submit();
           } catch (Y) {
-            console.warn("[LiveLayer] submit_form: requestSubmit threw.", Y), E.removeEventListener("submit", M), F({
+            console.warn("[LiveLayer] submit_form: requestSubmit threw.", Y), N.removeEventListener("submit", M), F({
               type: "form_submit_blocked",
               formId: b,
               reason: "exception"
@@ -2384,7 +2386,7 @@ function $r(e) {
             return;
           }
           setTimeout(() => {
-            j || (E.removeEventListener("submit", M), F({
+            j || (N.removeEventListener("submit", M), F({
               type: "form_submit_blocked",
               formId: b,
               reason: "validation"
@@ -2397,7 +2399,7 @@ function $r(e) {
             xe("request_routes", "read_page");
             return;
           }
-          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;
+          const b = typeof c.requestId == "string" ? c.requestId : void 0, L = (ke = oe.current) == null ? void 0 : ke.call(oe), D = L == null ? void 0 : L.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;
@@ -2488,20 +2490,20 @@ function $r(e) {
       `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 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) : [];
+        const N = dt.current;
+        let L = [];
+        if (N) {
+          const D = N(), F = D instanceof Promise ? await D : D;
+          L = Array.isArray(F) ? F.slice(0, 200) : [];
         } else
-          k = rt();
+          L = rt();
         await ne(
           W,
-          { type: "routes_push", routes: k },
-          `pushSnapshot/routes_push(${k.length})`
+          { type: "routes_push", routes: L },
+          `pushSnapshot/routes_push(${L.length})`
         );
-      } catch (E) {
-        console.warn("[NAV-DEBUG][widget] pushSnapshot routes outer threw:", E);
+      } catch (N) {
+        console.warn("[NAV-DEBUG][widget] pushSnapshot routes outer threw:", N);
       }
     })();
   }, I(() => {
@@ -2525,17 +2527,17 @@ function $r(e) {
       var de, fe, ke, b;
       console.log("[NAV-DEBUG][widget] settle timer fired (250ms after pathname-effect)");
       try {
-        const E = (de = U.getRoom) == null ? void 0 : de.call(U), k = E == null ? void 0 : E.localParticipant;
+        const N = (de = U.getRoom) == null ? void 0 : de.call(U), L = N == null ? void 0 : N.localParticipant;
         if (console.log(
-          `[NAV-DEBUG][widget] settle-time state: room=${!!E} lp=${!!k} publishData=${!!(k != null && k.publishData)}`
-        ), !(k != null && k.publishData)) {
+          `[NAV-DEBUG][widget] settle-time state: room=${!!N} lp=${!!L} publishData=${!!(L != null && L.publishData)}`
+        ), !(L != null && L.publishData)) {
           console.log("[NAV-DEBUG][widget] settle bailed: no publishData");
           return;
         }
         const D = gt(ut.current), F = Oe.current;
         if (!F) return;
         await F(
-          k,
+          L,
           { 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})`
         );
@@ -2548,15 +2550,15 @@ function $r(e) {
           } else
             M = rt();
           await F(
-            k,
+            L,
             { type: "routes_push", routes: M },
             `settle/routes_push(${M.length})`
           );
         } catch (j) {
           console.warn("[NAV-DEBUG][widget] routes_push outer threw:", j);
         }
-      } catch (E) {
-        console.warn("[NAV-DEBUG][widget] settle outer threw:", E);
+      } catch (N) {
+        console.warn("[NAV-DEBUG][widget] settle outer threw:", N);
       }
     }, 250);
     return () => {
@@ -2608,7 +2610,7 @@ function $r(e) {
     disconnect: U.disconnect,
     getRoom: U.getRoom,
     isControlled: !1
-  }, [J, U]), Mt = N(null);
+  }, [J, U]), Mt = R(null);
   I(() => {
     const f = g.videoElement, c = Mt.current;
     if (!(!f || !c))
@@ -2634,7 +2636,7 @@ function $r(e) {
         re.teardownMic(), ce.teardown(), ue.teardown();
       };
   }, [g.isControlled, g.connectionState]);
-  const [Qe, Lt] = C(!1), St = N("idle");
+  const [Qe, Lt] = A(!1), St = R("idle");
   I(() => {
     if (g.connectionState === "idle" || g.connectionState === "disconnected") {
       Lt(!1), St.current = "idle";
@@ -2671,17 +2673,17 @@ function $r(e) {
   }, [g.transcript, Re]), I(() => {
     De == null || De(g.agentState);
   }, [g.agentState, De]);
-  const It = N(!1);
+  const It = R(!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);
+      const c = E == null ? void 0 : E.find((W) => W.id === f);
       c && (Je(!1), f !== X && (Ge(!0), g.disconnect(), Fe || $e(f), v == null || v(c)));
     },
     [
-      R,
+      E,
       X,
       g,
       Fe,
@@ -2766,7 +2768,7 @@ function $r(e) {
             idleLoopUrl: fn,
             greeting: pn,
             branding: m,
-            teamMembers: R,
+            teamMembers: E,
             currentTeamMemberId: X,
             isSwitchingTeamMember: ve,
             teamSwitcherOpen: Ye,
@@ -2827,12 +2829,12 @@ const Fr = ({
   className: l,
   style: u
 }) => {
-  const d = N(null), p = N(null), y = N(i);
+  const d = R(null), p = R(null), y = R(i);
   y.current = i;
   const w = S((s) => {
-    var L;
+    var k;
     const a = s.detail;
-    (L = y.current) == null || L.call(y, a);
+    (k = y.current) == null || k.call(y, a);
   }, []);
   return I(() => {
     const s = d.current;
@@ -2886,13 +2888,13 @@ const Fr = ({
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: p, label: y, labelClassName: w, as: s, children: a, ...L } = t;
+      const { name: p, label: y, labelClassName: w, as: s, children: a, ...k } = t;
       d = /* @__PURE__ */ n(
         "select",
         {
           ref: r,
           ...u,
-          ...L,
+          ...k,
           children: a
         }
       );
@@ -2919,8 +2921,8 @@ function Jr({
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  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(() => {
+  const [o, i] = A(t), [l, u] = A([]), [d, p] = A(""), [y, w] = A(!1), s = R(/* @__PURE__ */ new Set()), a = R([]), k = R(y);
+  k.current = y, I(() => {
     try {
       const v = localStorage.getItem(r);
       v === "1" && i(!0), v === "0" && i(!1);
@@ -2938,7 +2940,7 @@ function Jr({
     return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
   }, []), I(() => {
     const v = setInterval(() => {
-      if (a.current.length === 0 || L.current) return;
+      if (a.current.length === 0 || k.current) return;
       const _ = a.current.splice(0, a.current.length);
       u(
         (H) => [..._.reverse(), ...H].slice(0, 200)
@@ -2946,9 +2948,9 @@ function Jr({
     }, 100);
     return () => clearInterval(v);
   }, []);
-  const R = N(!1);
+  const E = R(!1);
   if (I(() => {
-    !e || R.current || (R.current = !0, e((v) => {
+    !e || E.current || (E.current = !0, e((v) => {
       a.current.push({
         id: rn++,
         ts: Date.now(),
@@ -3002,7 +3004,7 @@ function Jr({
         children: "🛰 LL debug"
       }
     );
-  const A = l.filter((v) => {
+  const C = l.filter((v) => {
     if (!d) return !0;
     const _ = d.toLowerCase();
     return v.type.toLowerCase().includes(_) || JSON.stringify(v.data || {}).toLowerCase().includes(_);
@@ -3111,7 +3113,7 @@ function Jr({
               overflowY: "auto",
               padding: "0 8px 8px"
             },
-            children: A.length === 0 ? /* @__PURE__ */ x(
+            children: C.length === 0 ? /* @__PURE__ */ x(
               "div",
               {
                 style: {
@@ -3141,7 +3143,7 @@ function Jr({
                   )
                 ]
               }
-            ) : A.map((v) => /* @__PURE__ */ n(
+            ) : C.map((v) => /* @__PURE__ */ n(
               Br,
               {
                 entry: v,
@@ -3247,7 +3249,7 @@ function zr(e) {
   }
 }
 function Kr() {
-  const [e, t] = C([]), r = S((i) => {
+  const [e, t] = A([]), r = S((i) => {
     t((l) => {
       const u = l.findIndex((d) => d.id === i.id);
       if (u >= 0) {