@livelayer/react 0.5.22 → 0.5.23

package/dist/index.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { jsxs as _, jsx as n, Fragment as Lt } from "react/jsx-runtime";
-import { Component as mn, useState as S, useRef as A, useEffect as N, useCallback as L, useMemo as dt, forwardRef as St, createElement as gn } from "react";
+import { jsxs as _, jsx as n, Fragment as St } from "react/jsx-runtime";
+import { Component as mn, useState as S, useRef as A, useEffect as N, useCallback as L, useMemo as ut, forwardRef as Ct, createElement as gn } from "react";
 import { LiveKitSession as yn } from "@livelayer/sdk";
 import { createLocalAudioTrack as vn, Track as en, createLocalVideoTrack as bn } from "livekit-client";
 class wn extends mn {
@@ -73,7 +73,7 @@ function _n(e) {
     e.sessionEndpoint,
     JSON.stringify(e.sessionBody ?? {})
   ]);
-  const I = L(async () => {
+  const T = L(async () => {
     const R = w.current;
     if (R)
       try {
@@ -97,7 +97,7 @@ function _n(e) {
     audioElement: s,
     canResume: x,
     error: C,
-    connect: I,
+    connect: T,
     disconnect: q,
     getRoom: m,
     session: w.current
@@ -236,13 +236,13 @@ function Sn() {
   }, []), s = L(() => {
     const w = f.current, H = y.current;
     if (H && w) {
-      const I = w.localParticipant.getTrackPublication(en.Source.Camera);
-      if (I != null && I.track) {
+      const T = w.localParticipant.getTrackPublication(en.Source.Camera);
+      if (T != null && T.track) {
         try {
-          w.localParticipant.unpublishTrack(I.track);
+          w.localParticipant.unpublishTrack(T.track);
         } catch {
         }
-        I.track.stop();
+        T.track.stop();
       } else
         H.stop();
     }
@@ -252,9 +252,9 @@ function Sn() {
     if (H) {
       i(null);
       try {
-        const I = { ...Ln };
-        w && (I.deviceId = w);
-        const q = await bn(I);
+        const T = { ...Ln };
+        w && (T.deviceId = w);
+        const q = await bn(T);
         await H.localParticipant.publishTrack(q), y.current = q;
         const m = q.attach();
         l(m), t(!0), w && u(w);
@@ -265,8 +265,8 @@ function Sn() {
           );
         } catch {
         }
-      } catch (I) {
-        const q = I instanceof Error && I.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+      } catch (T) {
+        const q = T instanceof Error && T.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
         i(q);
       }
     }
@@ -448,16 +448,16 @@ function $n(e = Pn) {
     });
   }, [e]), t;
 }
-const Ot = "__llHistoryPatched", ut = "ll:pathname";
+const Ot = "__llHistoryPatched", ft = "ll:pathname";
 function zn() {
   if (typeof window > "u" || window.history[Ot]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...r) {
     const i = e.apply(this, r);
-    return window.dispatchEvent(new Event(ut)), i;
+    return window.dispatchEvent(new Event(ft)), i;
   }, window.history.replaceState = function(...r) {
     const i = t.apply(this, r);
-    return window.dispatchEvent(new Event(ut)), i;
+    return window.dispatchEvent(new Event(ft)), i;
   }, window.history[Ot] = !0;
 }
 function Ht() {
@@ -471,8 +471,8 @@ function On(e) {
     if (e !== void 0) return;
     zn();
     const i = () => r(Ht());
-    return i(), window.addEventListener("popstate", i), window.addEventListener(ut, i), () => {
-      window.removeEventListener("popstate", i), window.removeEventListener(ut, i);
+    return i(), window.addEventListener("popstate", i), window.addEventListener(ft, i), () => {
+      window.removeEventListener("popstate", i), window.removeEventListener(ft, i);
     };
   }, [e]), e ?? t;
 }
@@ -503,7 +503,7 @@ function Un(e, t, r) {
   return e === void 0 ? !0 : Bt(r, e) ? !1 : t && t.length > 0 ? Bt(t, e) : !0;
 }
 function jn(e, t, r) {
-  return dt(
+  return ut(
     () => Un(e, t, r),
     [e, t, r]
   );
@@ -663,7 +663,7 @@ const Gn = ({
       }
     },
     [s]
-  ), I = L(
+  ), T = L(
     (M) => {
       const B = C.current;
       if (!B) return;
@@ -716,7 +716,7 @@ const Gn = ({
       type: "button",
       className: W,
       onPointerDown: H,
-      onPointerMove: I,
+      onPointerMove: T,
       onPointerUp: q,
       onPointerCancel: q,
       onClick: m,
@@ -729,7 +729,7 @@ const Gn = ({
         // as the click affordance), then the circular avatar photo
         // taking the rest of the tab. Reinforces "this is an
         // avatar-based experience" even when collapsed.
-        /* @__PURE__ */ _(Lt, { children: [
+        /* @__PURE__ */ _(St, { children: [
           /* @__PURE__ */ n(
             Ut,
             {
@@ -764,7 +764,7 @@ const Gn = ({
   className: o,
   barClassName: l
 }) => {
-  const c = A(null), u = A([]), f = dt(() => {
+  const c = A(null), u = A([]), f = ut(() => {
     const b = (Math.sqrt(5) - 1) / 2;
     return Array.from({ length: t }, (s, a) => 0.5 + a * b % 1 * 0.5);
   }, [t]);
@@ -972,7 +972,7 @@ const Gn = ({
   agentState: v,
   transcript: w,
   canResume: H,
-  needsUserGesture: I,
+  needsUserGesture: T,
   error: q,
   isMuted: m,
   micError: R,
@@ -983,29 +983,29 @@ const Gn = ({
   activeCameraId: F,
   isScreenShareEnabled: G,
   screenPreviewEl: ie,
-  isSpeakerMuted: we,
+  isSpeakerMuted: _e,
   allowCamera: tt,
   allowScreenShare: nt,
   allowTyping: rt,
   avatarVideoContainerRef: it,
   agentVideoEl: re,
   micGateOpen: ce,
-  onConnect: _e,
+  onConnect: xe,
   onDisconnect: Ne,
   onRetry: Ae,
   onResumeAudio: Re,
   onToggleMute: Me,
   onToggleCamera: Ie,
-  onSwitchCameraDevice: V,
-  onToggleScreenShare: pt,
-  onToggleSpeaker: ht,
+  onSwitchCameraDevice: J,
+  onToggleScreenShare: ht,
+  onToggleSpeaker: mt,
   onSendMessage: ot,
   onMinimize: de,
   onClose: Te,
   onClearMicError: Fe
 }) => {
   var Oe;
-  const xe = ((u == null ? void 0 : u.length) ?? 0) > 1, De = C === "connecting" || C === "connected", X = C === "connected", ee = C === "idle" || C === "disconnected" || C === "error", [Pe, oe] = S(!1);
+  const ke = ((u == null ? void 0 : u.length) ?? 0) > 1, De = C === "connecting" || C === "connected", X = C === "connected", ee = C === "idle" || C === "disconnected" || C === "error", [Pe, oe] = S(!1);
   N(() => {
     if (!re) {
       oe(!1);
@@ -1021,14 +1021,14 @@ const Gn = ({
       re.removeEventListener("playing", p), re.removeEventListener("loadeddata", p);
     };
   }, [re]);
-  const [ue, ke] = S(!1);
+  const [ue, Le] = S(!1);
   N(() => {
     if (!X) {
-      ke(!1);
+      Le(!1);
       return;
     }
     if (Pe) return;
-    const p = setTimeout(() => ke(!0), 8e3);
+    const p = setTimeout(() => Le(!0), 8e3);
     return () => clearTimeout(p);
   }, [X, Pe]);
   const Ue = C === "connecting" || X && !!i && !Pe && !ue, te = A(null), le = A(null);
@@ -1057,15 +1057,15 @@ const Gn = ({
   const [me, je] = S(""), Ve = L(
     (p) => {
       p.preventDefault();
-      const Y = me.trim();
-      Y && (ot(Y), je(""));
+      const K = me.trim();
+      K && (ot(K), je(""));
     },
     [me, ot]
   ), Ye = c.productName || "Live Layer";
   let ge = null, ye = null;
   for (let p = w.length - 1; p >= 0; p--) {
-    const Y = w[p];
-    if (!ge && Y.role === "agent" ? ge = Y : !ye && Y.role === "user" && (ye = Y), ge && ye) break;
+    const K = w[p];
+    if (!ge && K.role === "agent" ? ge = K : !ye && K.role === "user" && (ye = K), ge && ye) break;
   }
   const ze = X ? (ge == null ? void 0 : ge.text) || null : l || null, lt = X && (ye == null ? void 0 : ye.text) || null, Je = [
     "ll-expanded",
@@ -1106,7 +1106,7 @@ const Gn = ({
           /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
           /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: y ? "Switching..." : "Connecting..." })
         ] }),
-        I && X && /* @__PURE__ */ _(
+        T && X && /* @__PURE__ */ _(
           "button",
           {
             type: "button",
@@ -1127,17 +1127,17 @@ const Gn = ({
                   type: "button",
                   className: "ll-hpill",
                   onClick: (p) => {
-                    xe && (p.stopPropagation(), s());
+                    ke && (p.stopPropagation(), s());
                   },
-                  "aria-haspopup": xe ? "listbox" : void 0,
-                  "aria-expanded": xe ? b : void 0,
+                  "aria-haspopup": ke ? "listbox" : void 0,
+                  "aria-expanded": ke ? b : void 0,
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                    xe && /* @__PURE__ */ n(st, {})
+                    ke && /* @__PURE__ */ n(st, {})
                   ]
                 }
               ),
-              xe && b && /* @__PURE__ */ n(
+              ke && b && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
@@ -1268,14 +1268,14 @@ const Gn = ({
           ] })
         ),
         ee && /* @__PURE__ */ (() => {
-          const p = H ? "Restart paused session" : C === "disconnected" ? "Reconnect to agent" : "Start video call", Y = H ? "Pick up where you left off" : null;
-          return /* @__PURE__ */ _(Lt, { children: [
+          const p = H ? "Restart paused session" : C === "disconnected" ? "Reconnect to agent" : "Start video call", K = H ? "Pick up where you left off" : null;
+          return /* @__PURE__ */ _(St, { children: [
             C === "idle" && !H && !q && /* @__PURE__ */ _(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
-                onClick: _e,
+                onClick: xe,
                 "aria-label": p,
                 children: [
                   /* @__PURE__ */ n("div", { className: "ll-expanded__play-circle", children: /* @__PURE__ */ n("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("polygon", { points: "6 3 20 12 6 21 6 3" }) }) }),
@@ -1285,13 +1285,13 @@ const Gn = ({
             ),
             /* @__PURE__ */ _("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
               l && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: l }) }),
-              Y && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: Y }),
+              K && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: K }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__cta",
-                  onClick: _e,
+                  onClick: xe,
                   "aria-label": p,
                   children: p
                 }
@@ -1344,7 +1344,7 @@ const Gn = ({
               {
                 type: "button",
                 className: `ll-tool ${G ? "is-on" : ""}`,
-                onClick: pt,
+                onClick: ht,
                 "aria-label": G ? "Stop sharing screen" : "Share screen",
                 title: G ? "Stop sharing" : "Share screen",
                 children: /* @__PURE__ */ n(nr, {})
@@ -1368,7 +1368,7 @@ const Gn = ({
                   type: "button",
                   className: `ll-tool ll-tool--right ${z ? "is-on" : ""}`,
                   onClick: (p) => {
-                    p.stopPropagation(), he((Y) => !Y), pe(!1);
+                    p.stopPropagation(), he((K) => !K), pe(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
@@ -1383,7 +1383,7 @@ const Gn = ({
                   devices: B,
                   activeId: F,
                   onPick: (p) => {
-                    he(!1), V(p);
+                    he(!1), J(p);
                   }
                 }
               )
@@ -1411,7 +1411,7 @@ const Gn = ({
                       type: "button",
                       className: `ll-tool ll-tool--right ${m ? "is-muted" : ""}`,
                       onClick: (p) => {
-                        p.stopPropagation(), pe((Y) => !Y), he(!1);
+                        p.stopPropagation(), pe((K) => !K), he(!1);
                       },
                       "aria-label": "Microphone devices",
                       "aria-haspopup": "listbox",
@@ -1435,11 +1435,11 @@ const Gn = ({
               "button",
               {
                 type: "button",
-                className: `ll-tool ${we ? "is-muted" : ""}`,
-                onClick: ht,
-                "aria-label": we ? "Unmute speaker" : "Mute speaker",
-                title: we ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(or, { muted: we })
+                className: `ll-tool ${_e ? "is-muted" : ""}`,
+                onClick: mt,
+                "aria-label": _e ? "Unmute speaker" : "Mute speaker",
+                title: _e ? "Unmute speaker" : "Mute speaker",
+                children: /* @__PURE__ */ n(or, { muted: _e })
               }
             ),
             /* @__PURE__ */ n(
@@ -1493,7 +1493,7 @@ const Gn = ({
               )
             ] });
           if (!q || C !== "error") return null;
-          let p = "Failed to connect", Y = "Try again";
+          let p = "Failed to connect", K = "Try again";
           return q === "MIC_PERMISSION_DENIED" ? p = "Microphone blocked. Allow access to talk." : q === "MIC_NOT_FOUND" ? p = "No microphone found. Plug one in + retry." : q === "MIC_UNAVAILABLE" ? p = "Mic unavailable. Check other apps using it." : q === "AGENT_TIMEOUT" ? p = "Agent didn't pick up. Try again." : q === "CONNECT_FAILED" ? p = "Connection failed. Check your network." : q.length < 80 && (p = q), /* @__PURE__ */ _("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
             /* @__PURE__ */ n("span", { children: p }),
             /* @__PURE__ */ n(
@@ -1502,7 +1502,7 @@ const Gn = ({
                 type: "button",
                 className: "ll-expanded__banner-retry",
                 onClick: Ae,
-                children: Y
+                children: K
               }
             )
           ] });
@@ -1547,7 +1547,7 @@ function ir({ muted: e }) {
 function or({ muted: e }) {
   return /* @__PURE__ */ _("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ _(Lt, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ _(St, { children: [
       /* @__PURE__ */ n("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" }),
       /* @__PURE__ */ n("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
     ] })
@@ -1600,7 +1600,7 @@ const Kt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */
   '[data-ll-private="true"]',
   ".ll-widget"
 ];
-function Ct(e) {
+function Et(e) {
   let t = e;
   for (; t; ) {
     for (const r of sr)
@@ -1609,8 +1609,8 @@ function Ct(e) {
   }
   return !1;
 }
-function ft(e) {
-  if (Ct(e)) return !1;
+function pt(e) {
+  if (Et(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
     const t = (e.getAttribute("autocomplete") || "").toLowerCase();
@@ -1717,7 +1717,7 @@ function mr(e, t = {}) {
   );
   for (const m of v) {
     if (C.length >= dr) break;
-    if (Ze(m) || !ft(m) || !et(m)) continue;
+    if (Ze(m) || !pt(m) || !et(m)) continue;
     const R = Gt(m), W = m instanceof HTMLInputElement ? m.type : m.tagName.toLowerCase();
     R && C.push({ label: Ee(R, 100), type: W });
   }
@@ -1726,7 +1726,7 @@ function mr(e, t = {}) {
   ), H = [];
   for (const m of w) {
     if (H.length >= fr) break;
-    if (Ct(m)) continue;
+    if (Et(m)) continue;
     const R = m.getAttribute("data-ll-form") || "";
     if (!R) continue;
     const W = m.getAttribute("data-ll-intent") || void 0, z = Array.from(
@@ -1736,7 +1736,7 @@ function mr(e, t = {}) {
     ), M = [];
     for (const B of z) {
       if (M.length >= pr) break;
-      if (!ft(B)) continue;
+      if (!pt(B)) continue;
       const F = B.getAttribute("data-ll-field") || "";
       if (!F) continue;
       const G = Gt(B) || F, ie = B instanceof HTMLInputElement ? B.type : B.tagName.toLowerCase();
@@ -1744,7 +1744,7 @@ function mr(e, t = {}) {
     }
     H.push({ id: R, intent: W, fields: M });
   }
-  const I = {
+  const T = {
     url: i,
     title: l,
     pathname: o,
@@ -1755,15 +1755,15 @@ function mr(e, t = {}) {
     forms: H,
     extras: e
   };
-  let q = qe(JSON.stringify(I.regions)) + qe(I.visibleText) + qe(JSON.stringify(I.visibleLinks)) + qe(JSON.stringify(I.visibleFields));
-  for (; q > ct && I.visibleFields.length > 0; )
-    I.visibleFields.pop(), q = qe(JSON.stringify(I.visibleFields));
-  for (; q > ct && I.visibleLinks.length > 0; )
-    I.visibleLinks.pop(), q -= 80;
-  return qe(I.visibleText) > ct && (I.visibleText = Ee(I.visibleText, ct - 100)), I;
+  let q = qe(JSON.stringify(T.regions)) + qe(T.visibleText) + qe(JSON.stringify(T.visibleLinks)) + qe(JSON.stringify(T.visibleFields));
+  for (; q > ct && T.visibleFields.length > 0; )
+    T.visibleFields.pop(), q = qe(JSON.stringify(T.visibleFields));
+  for (; q > ct && T.visibleLinks.length > 0; )
+    T.visibleLinks.pop(), q -= 80;
+  return qe(T.visibleText) > ct && (T.visibleText = Ee(T.visibleText, ct - 100)), T;
 }
 let Be = null;
-function _t(e, t = {}) {
+function kt(e, t = {}) {
   const r = Date.now(), o = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
   if (Be && Be.key === o && r - Be.at < 1e3)
     return Be.ctx;
@@ -1793,7 +1793,7 @@ function wr(e) {
   const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), o = [], l = Array.from(t.querySelectorAll("a[href]"));
   for (const c of l) {
     if (o.length >= yr) break;
-    if (Ct(c)) continue;
+    if (Et(c)) continue;
     const u = c.getAttribute("href") || "";
     if (!br(u)) continue;
     let f = u, y = !0;
@@ -1814,7 +1814,7 @@ function wr(e) {
 }
 let We = null;
 const _r = 5e3;
-function xt() {
+function dt() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
   if (We && We.pathname === t && e - We.at < _r)
     return We.routes;
@@ -1929,7 +1929,7 @@ function Mr(e) {
     onTeamMemberChange: v,
     idleLoopUrl: w,
     greeting: H,
-    avatarImageUrl: I,
+    avatarImageUrl: T,
     agentName: q,
     branding: m = {},
     allowCamera: R = !0,
@@ -1940,31 +1940,31 @@ function Mr(e) {
     pathname: F,
     onNavigate: G,
     onScrollToSelector: ie,
-    getPageContext: we,
+    getPageContext: _e,
     pageContextExtras: tt,
     getRoutes: nt,
     onScrollPage: rt,
     onClick: it,
     capabilities: re,
     onConnect: ce,
-    onDisconnect: _e,
+    onDisconnect: xe,
     onTranscript: Ne,
     onAgentState: Ae,
     onConnectionStateChange: Re,
     onAgentEvent: Me,
     onAgentCommand: Ie,
-    controlledSession: V,
-    className: pt,
-    style: ht,
+    controlledSession: J,
+    className: ht,
+    style: mt,
     zIndex: ot = 2147483647
   } = e, de = On(F), Te = jn(de, M, B);
   N(() => {
     gr(), xr();
   }, [de]);
-  const Fe = C !== void 0, [xe, De] = S(() => {
+  const Fe = C !== void 0, [ke, De] = S(() => {
     var h;
     return C ?? ((h = E == null ? void 0 : E[0]) == null ? void 0 : h.id);
-  }), X = Fe ? C : xe, ee = dt(
+  }), X = Fe ? C : ke, ee = ut(
     () => (E == null ? void 0 : E.find((h) => h.id === X)) ?? null,
     [E, X]
   ), Pe = (ee == null ? void 0 : ee.agentId) ?? t, [oe, ue] = Dn({
@@ -1973,10 +1973,10 @@ function Mr(e) {
     onChange: y,
     persistKey: a,
     disablePersistence: x
-  }), ke = $n(s), Ue = xn(), te = kn(), le = Sn(), ae = Cn(), pe = En(), [$e, he] = S(!1), [me, je] = S(!1), [Ve, Ye] = S(!1), [ge, ye] = S(!1), [ze, lt] = S(!1), Je = A(G), Oe = A(ie), p = A(rt), Y = A(it), mt = A(we), gt = A(tt), Et = A(nt), yt = A(re), ne = A(null);
-  Je.current = G, Oe.current = ie, p.current = rt, Y.current = it, mt.current = we, gt.current = tt, Et.current = nt, yt.current = re;
+  }), Le = $n(s), Ue = xn(), te = kn(), le = Sn(), ae = Cn(), pe = En(), [$e, he] = S(!1), [me, je] = S(!1), [Ve, Ye] = S(!1), [ge, ye] = S(!1), [ze, lt] = S(!1), Je = A(G), Oe = A(ie), p = A(rt), K = A(it), gt = A(_e), yt = A(tt), vt = A(nt), bt = A(re), ne = A(null);
+  Je.current = G, Oe.current = ie, p.current = rt, K.current = it, gt.current = _e, yt.current = tt, vt.current = nt, bt.current = re;
   function ve(h) {
-    const d = yt.current;
+    const d = bt.current;
     return d ? d.includes(h) : !0;
   }
   function be(h, d) {
@@ -1986,7 +1986,7 @@ function Mr(e) {
   }
   const Ke = L(
     (h) => {
-      var Z, Le, fe, He, Se;
+      var Z, Se, fe, He, we;
       const d = h;
       if (!(!d.type || typeof d.type != "string")) {
         if (Me == null || Me({ eventName: d.type, data: h }), d.type === "navigate") {
@@ -2004,30 +2004,30 @@ function Mr(e) {
           if (Je.current) {
             try {
               Je.current(k);
-            } catch (T) {
+            } catch (I) {
               console.warn(
                 `[LiveLayer] onNavigate threw for "${k}". Falling back. Error:`,
-                T
+                I
               );
             }
             return;
           }
           if (typeof document < "u") {
-            const T = document.querySelector(
+            const I = document.querySelector(
               `a[href="${k.replace(/"/g, '\\"')}"]`
             );
-            if (T) {
-              T.click();
+            if (I) {
+              I.click();
               return;
             }
           }
           if (typeof window < "u" && typeof history < "u")
             try {
               history.pushState({}, "", k), window.dispatchEvent(new PopStateEvent("popstate"));
-            } catch (T) {
+            } catch (I) {
               console.warn(
                 `[LiveLayer] history.pushState fallback failed for "${k}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
-                T
+                I
               );
             }
           return;
@@ -2039,36 +2039,36 @@ function Mr(e) {
           }
           const k = typeof d.selector == "string" ? d.selector : null;
           if (!k) return;
-          const T = d.behavior === "instant" ? "instant" : "smooth";
+          const I = d.behavior === "instant" ? "instant" : "smooth";
           if (Oe.current) {
             try {
               Oe.current(
                 k,
-                T
+                I
               );
-            } catch (P) {
-              console.warn("[LiveLayer] onScrollToSelector threw.", P);
+            } catch (D) {
+              console.warn("[LiveLayer] onScrollToSelector threw.", D);
             }
             return;
           }
           if (typeof document < "u") {
-            let P = null;
+            let D = null;
             try {
-              P = document.querySelector(k);
+              D = document.querySelector(k);
             } catch {
               console.warn(
                 `[LiveLayer] scroll_to: invalid selector "${k}".`
               );
               return;
             }
-            if (!P) {
+            if (!D) {
               console.warn(
                 `[LiveLayer] scroll_to: no element matched "${k}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
               );
               return;
             }
-            P.scrollIntoView({
-              behavior: T,
+            D.scrollIntoView({
+              behavior: I,
               block: "start"
             });
           }
@@ -2079,43 +2079,43 @@ function Mr(e) {
             be("request_page_context", "read_page");
             return;
           }
-          const k = typeof d.requestId == "string" ? d.requestId : void 0, T = (Z = ne.current) == null ? void 0 : Z.call(ne), P = (K) => {
-            const D = T, j = D == null ? void 0 : D.localParticipant;
-            if (j != null && j.publishData)
+          const k = typeof d.requestId == "string" ? d.requestId : void 0, I = (Z = ne.current) == null ? void 0 : Z.call(ne), D = (V) => {
+            const P = I, Y = P == null ? void 0 : P.localParticipant;
+            if (Y != null && Y.publishData)
               try {
-                const O = k ? { ...K, requestId: k } : K, Q = new TextEncoder().encode(JSON.stringify(O));
-                j.publishData(Q, { reliable: !0 });
+                const O = k ? { ...V, requestId: k } : V, Q = new TextEncoder().encode(JSON.stringify(O));
+                Y.publishData(Q, { reliable: !0 });
               } catch (O) {
                 console.warn("[LiveLayer] publishData failed.", O);
               }
-          }, $ = gt.current, J = mt.current;
+          }, $ = yt.current, j = gt.current;
           try {
-            if (J) {
-              const K = J($);
-              if (K instanceof Promise) {
-                P({ type: "page_context_pending" }), K.then((D) => P({ type: "page_context", context: D })).catch((D) => {
+            if (j) {
+              const V = j($);
+              if (V instanceof Promise) {
+                D({ type: "page_context_pending" }), V.then((P) => D({ type: "page_context", context: P })).catch((P) => {
                   console.warn(
                     "[LiveLayer] getPageContext rejected; falling back to default walker.",
-                    D
-                  ), P({
+                    P
+                  ), D({
                     type: "page_context",
-                    context: _t($)
+                    context: kt($)
                   });
                 });
                 return;
               }
-              P({ type: "page_context", context: K });
+              D({ type: "page_context", context: V });
               return;
             }
-            P({
+            D({
               type: "page_context",
-              context: _t($)
+              context: kt($)
             });
-          } catch (K) {
+          } catch (V) {
             console.warn(
               "[LiveLayer] page-context extraction threw. Sending empty context.",
-              K
-            ), P({
+              V
+            ), D({
               type: "page_context",
               context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: $ }
             });
@@ -2134,25 +2134,25 @@ function Mr(e) {
             );
             return;
           }
-          const T = d.behavior === "instant" ? "instant" : "smooth";
+          const I = d.behavior === "instant" ? "instant" : "smooth";
           if (p.current) {
             try {
               p.current(
                 k,
-                T
+                I
               );
-            } catch (D) {
-              console.warn("[LiveLayer] onScrollPage threw.", D);
+            } catch (P) {
+              console.warn("[LiveLayer] onScrollPage threw.", P);
             }
             return;
           }
           if (typeof window > "u") return;
-          const P = { behavior: T }, $ = Nr(), J = (D) => {
-            $ instanceof Window ? $.scrollBy({ top: D, ...P }) : $.scrollBy({ top: D, ...P });
-          }, K = (D) => {
-            $ instanceof Window ? $.scrollTo({ top: D, ...P }) : $.scrollTo({ top: D, ...P });
+          const D = { behavior: I }, $ = Nr(), j = (P) => {
+            $ instanceof Window ? $.scrollBy({ top: P, ...D }) : $.scrollBy({ top: P, ...D });
+          }, V = (P) => {
+            $ instanceof Window ? $.scrollTo({ top: P, ...D }) : $.scrollTo({ top: P, ...D });
           };
-          k === "up" ? J(-Qt($)) : k === "down" ? J(Qt($)) : K(k === "top" ? 0 : Ar($));
+          k === "up" ? j(-Qt($)) : k === "down" ? j(Qt($)) : V(k === "top" ? 0 : Ar($));
           return;
         }
         if (d.type === "click") {
@@ -2165,37 +2165,37 @@ function Mr(e) {
             console.warn("[LiveLayer] click: missing selector.");
             return;
           }
-          if (Y.current) {
+          if (K.current) {
             try {
-              Y.current(k);
-            } catch (P) {
-              console.warn("[LiveLayer] onClick threw.", P);
+              K.current(k);
+            } catch (D) {
+              console.warn("[LiveLayer] onClick threw.", D);
             }
             return;
           }
           if (typeof document > "u") return;
-          let T = null;
+          let I = null;
           try {
-            T = document.querySelector(k);
+            I = document.querySelector(k);
           } catch {
             console.warn(
               `[LiveLayer] click: invalid selector "${k}".`
             );
             return;
           }
-          if (!T) {
+          if (!I) {
             console.warn(
               `[LiveLayer] click: no element matched "${k}". See https://livelayer.studio/docs/errors/click-no-match`
             );
             return;
           }
-          if (T.closest('[data-ll-private="true"], .ll-widget')) {
+          if (I.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               "[LiveLayer] click: refusing to click element inside a private subtree."
             );
             return;
           }
-          (Le = T.click) == null || Le.call(T);
+          (Se = I.click) == null || Se.call(I);
           return;
         }
         if (d.type === "fill_form" || d.type === "focus_field") {
@@ -2204,9 +2204,9 @@ function Mr(e) {
             return;
           }
           if (typeof document > "u") return;
-          const k = typeof d.requestId == "string" ? d.requestId : void 0, T = (fe = ne.current) == null ? void 0 : fe.call(ne), P = (O) => {
+          const k = typeof d.requestId == "string" ? d.requestId : void 0, I = (fe = ne.current) == null ? void 0 : fe.call(ne), D = (O) => {
             if (d.type !== "fill_form") return;
-            const Q = T, se = Q == null ? void 0 : Q.localParticipant;
+            const Q = I, se = Q == null ? void 0 : Q.localParticipant;
             if (se != null && se.publishData)
               try {
                 const Ce = k ? { ...O, requestId: k } : O, hn = new TextEncoder().encode(JSON.stringify(Ce));
@@ -2216,16 +2216,16 @@ function Mr(e) {
               }
           }, $ = typeof d.formId == "string" ? d.formId : null;
           if (!$) {
-            console.warn(`[LiveLayer] ${d.type}: missing formId.`), P({ type: "fill_form_result", ok: !1, reason: "missing formId" });
+            console.warn(`[LiveLayer] ${d.type}: missing formId.`), D({ type: "fill_form_result", ok: !1, reason: "missing formId" });
             return;
           }
-          const J = document.querySelector(
+          const j = document.querySelector(
             `[data-ll-form="${$.replace(/"/g, '\\"')}"]`
           );
-          if (!J) {
+          if (!j) {
             console.warn(
               `[LiveLayer] ${d.type}: no form with data-ll-form="${$}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
-            ), P({
+            ), D({
               type: "fill_form_result",
               ok: !1,
               reason: `no form with data-ll-form="${$}" on this page`,
@@ -2233,10 +2233,10 @@ function Mr(e) {
             });
             return;
           }
-          if (J.closest('[data-ll-private="true"], .ll-widget')) {
+          if (j.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               `[LiveLayer] ${d.type}: refusing to touch a form in a private subtree.`
-            ), P({
+            ), D({
               type: "fill_form_result",
               ok: !1,
               reason: "form is in a private subtree (data-ll-private)",
@@ -2250,14 +2250,14 @@ function Mr(e) {
               console.warn("[LiveLayer] focus_field: missing fieldName.");
               return;
             }
-            const Q = J.querySelector(`[data-ll-field="${O.replace(/"/g, '\\"')}"]`);
+            const Q = j.querySelector(`[data-ll-field="${O.replace(/"/g, '\\"')}"]`);
             if (!Q) {
               console.warn(
                 `[LiveLayer] focus_field: no field "${O}" in form "${$}".`
               );
               return;
             }
-            if (!ft(Q)) {
+            if (!pt(Q)) {
               console.warn(
                 `[LiveLayer] focus_field: field "${O}" is privacy-protected and not focusable.`
               );
@@ -2266,9 +2266,9 @@ function Mr(e) {
             Q.focus();
             return;
           }
-          const K = d.values && typeof d.values == "object" ? d.values : null;
-          if (!K) {
-            console.warn("[LiveLayer] fill_form: missing or invalid values."), P({
+          const V = d.values && typeof d.values == "object" ? d.values : null;
+          if (!V) {
+            console.warn("[LiveLayer] fill_form: missing or invalid values."), D({
               type: "fill_form_result",
               ok: !1,
               reason: "missing or invalid values",
@@ -2276,38 +2276,38 @@ function Mr(e) {
             });
             return;
           }
-          const D = [], j = [];
-          for (const [O, Q] of Object.entries(K)) {
+          const P = [], Y = [];
+          for (const [O, Q] of Object.entries(V)) {
             if (typeof Q != "string") continue;
-            const se = J.querySelector(`[data-ll-field="${O.replace(/"/g, '\\"')}"]`);
+            const se = j.querySelector(`[data-ll-field="${O.replace(/"/g, '\\"')}"]`);
             if (!se) {
               console.warn(
                 `[LiveLayer] fill_form: no field "${O}" in form "${$}". Skipping.`
-              ), j.push(O);
+              ), Y.push(O);
               continue;
             }
-            if (!ft(se)) {
+            if (!pt(se)) {
               console.warn(
                 `[LiveLayer] fill_form: field "${O}" is privacy-protected (password / cc-* / private). Skipping.`
-              ), j.push(O);
+              ), Y.push(O);
               continue;
             }
             try {
-              Lr(se, Q), D.push(O);
+              Lr(se, Q), P.push(O);
             } catch (Ce) {
               console.warn(
                 `[LiveLayer] fill_form: failed to set "${O}".`,
                 Ce
-              ), j.push(O);
+              ), Y.push(O);
             }
           }
-          P({
+          D({
             type: "fill_form_result",
-            ok: D.length > 0,
+            ok: P.length > 0,
             formId: $,
-            filled: D,
-            skipped: j,
-            reason: D.length === 0 ? `none of the requested fields exist on this form (skipped: ${j.join(", ")})` : void 0
+            filled: P,
+            skipped: Y,
+            reason: P.length === 0 ? `none of the requested fields exist on this form (skipped: ${Y.join(", ")})` : void 0
           });
           return;
         }
@@ -2322,39 +2322,39 @@ function Mr(e) {
             console.warn("[LiveLayer] submit_form: missing formId.");
             return;
           }
-          const T = document.querySelector(
+          const I = document.querySelector(
             `[data-ll-form="${k.replace(/"/g, '\\"')}"]`
           );
-          if (!T) {
+          if (!I) {
             console.warn(
               `[LiveLayer] submit_form: no form with data-ll-form="${k}".`
             );
             return;
           }
-          if (T.closest('[data-ll-private="true"], .ll-widget')) {
+          if (I.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               "[LiveLayer] submit_form: refusing to submit a form in a private subtree."
             );
             return;
           }
-          const P = typeof d.requestId == "string" ? d.requestId : void 0, $ = (He = ne.current) == null ? void 0 : He.call(ne), J = (j) => {
+          const D = typeof d.requestId == "string" ? d.requestId : void 0, $ = (He = ne.current) == null ? void 0 : He.call(ne), j = (Y) => {
             const O = $, Q = O == null ? void 0 : O.localParticipant;
             if (Q != null && Q.publishData)
               try {
-                const se = P ? { ...j, requestId: P } : j, Ce = new TextEncoder().encode(JSON.stringify(se));
+                const se = D ? { ...Y, requestId: D } : Y, Ce = new TextEncoder().encode(JSON.stringify(se));
                 Q.publishData(Ce, { reliable: !0 });
               } catch {
               }
           };
-          let K = !1;
-          const D = () => {
-            K = !0, J({ type: "form_submitted", formId: k });
+          let V = !1;
+          const P = () => {
+            V = !0, j({ type: "form_submitted", formId: k });
           };
-          T.addEventListener("submit", D, { once: !0 });
+          I.addEventListener("submit", P, { once: !0 });
           try {
-            typeof T.requestSubmit == "function" ? T.requestSubmit() : T.submit();
-          } catch (j) {
-            console.warn("[LiveLayer] submit_form: requestSubmit threw.", j), T.removeEventListener("submit", D), J({
+            typeof I.requestSubmit == "function" ? I.requestSubmit() : I.submit();
+          } catch (Y) {
+            console.warn("[LiveLayer] submit_form: requestSubmit threw.", Y), I.removeEventListener("submit", P), j({
               type: "form_submit_blocked",
               formId: k,
               reason: "exception"
@@ -2362,7 +2362,7 @@ function Mr(e) {
             return;
           }
           setTimeout(() => {
-            K || (T.removeEventListener("submit", D), J({
+            V || (I.removeEventListener("submit", P), j({
               type: "form_submit_blocked",
               formId: k,
               reason: "validation"
@@ -2375,43 +2375,43 @@ function Mr(e) {
             be("request_routes", "read_page");
             return;
           }
-          const k = typeof d.requestId == "string" ? d.requestId : void 0, P = (Se = ne.current) == null ? void 0 : Se.call(ne), $ = P == null ? void 0 : P.localParticipant;
+          const k = typeof d.requestId == "string" ? d.requestId : void 0, D = (we = ne.current) == null ? void 0 : we.call(ne), $ = D == null ? void 0 : D.localParticipant;
           if (!($ != null && $.publishData)) return;
-          const J = (D) => {
+          const j = (P) => {
             try {
-              const j = k ? { type: "routes", routes: D, requestId: k } : { type: "routes", routes: D }, O = new TextEncoder().encode(JSON.stringify(j));
+              const Y = k ? { type: "routes", routes: P, requestId: k } : { type: "routes", routes: P }, O = new TextEncoder().encode(JSON.stringify(Y));
               $.publishData(O, { reliable: !0 });
-            } catch (j) {
-              console.warn("[LiveLayer] request_routes: publishData failed.", j);
+            } catch (Y) {
+              console.warn("[LiveLayer] request_routes: publishData failed.", Y);
             }
-          }, K = Et.current;
-          if (K) {
+          }, V = vt.current;
+          if (V) {
             try {
-              const D = K(), j = (O) => {
+              const P = V(), Y = (O) => {
                 if (!Array.isArray(O)) {
-                  J([]);
+                  j([]);
                   return;
                 }
-                J(O.map(vr).slice(0, 200));
+                j(O.map(vr).slice(0, 200));
               };
-              D instanceof Promise ? D.then(j).catch((O) => {
+              P instanceof Promise ? P.then(Y).catch((O) => {
                 console.warn(
                   "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
                   O
-                ), J(xt());
-              }) : j(D);
-            } catch (D) {
+                ), j(dt());
+              }) : Y(P);
+            } catch (P) {
               console.warn(
                 "[LiveLayer] getRoutes threw; falling back to DOM walker.",
-                D
-              ), J(xt());
+                P
+              ), j(dt());
             }
             return;
           }
           try {
-            J(xt());
-          } catch (D) {
-            console.warn("[LiveLayer] request_routes: extractRoutes threw.", D);
+            j(dt());
+          } catch (P) {
+            console.warn("[LiveLayer] request_routes: extractRoutes threw.", P);
           }
           return;
         }
@@ -2420,23 +2420,23 @@ function Mr(e) {
     },
     [Ie, Me]
   ), U = _n({
-    agentId: V ? "__controlled__" : Pe,
+    agentId: J ? "__controlled__" : Pe,
     baseUrl: i,
     apiKey: r,
     sessionEndpoint: o,
     sessionBody: l,
-    onDataMessage: V ? void 0 : Ke
+    onDataMessage: J ? void 0 : Ke
   });
   N(() => {
-    if (V != null && V.subscribeToDataMessages)
-      return V.subscribeToDataMessages(Ke);
-  }, [V, Ke]), ne.current = () => {
+    if (J != null && J.subscribeToDataMessages)
+      return J.subscribeToDataMessages(Ke);
+  }, [J, Ke]), ne.current = () => {
     var h;
     return (h = U.getRoom) == null ? void 0 : h.call(U);
   }, N(() => {
-    var Le;
+    var Se;
     if (!de) return;
-    const h = (Le = U.getRoom) == null ? void 0 : Le.call(U), d = h == null ? void 0 : h.localParticipant;
+    const h = (Se = U.getRoom) == null ? void 0 : Se.call(U), d = h == null ? void 0 : h.localParticipant;
     if (!(d != null && d.publishData)) return;
     try {
       const fe = new TextEncoder().encode(
@@ -2445,15 +2445,33 @@ function Mr(e) {
       d.publishData(fe, { reliable: !0 });
     } catch {
     }
-    const Z = setTimeout(() => {
+    const Z = setTimeout(async () => {
       var fe;
       try {
-        const He = (fe = U.getRoom) == null ? void 0 : fe.call(U), Se = He == null ? void 0 : He.localParticipant;
-        if (!(Se != null && Se.publishData)) return;
-        const k = _t(gt.current), T = new TextEncoder().encode(
-          JSON.stringify({ type: "page_context_push", pathname: de, context: k })
-        );
-        Se.publishData(T, { reliable: !0 });
+        const He = (fe = U.getRoom) == null ? void 0 : fe.call(U), we = He == null ? void 0 : He.localParticipant;
+        if (!(we != null && we.publishData)) return;
+        const k = kt(yt.current);
+        try {
+          const I = new TextEncoder().encode(
+            JSON.stringify({ type: "page_context_push", pathname: de, context: k })
+          );
+          we.publishData(I, { reliable: !0 });
+        } catch {
+        }
+        try {
+          const I = vt.current;
+          let D = [];
+          if (I) {
+            const j = I(), V = j instanceof Promise ? await j : j;
+            D = Array.isArray(V) ? V.slice(0, 200) : [];
+          } else
+            D = dt();
+          const $ = new TextEncoder().encode(
+            JSON.stringify({ type: "routes_push", routes: D })
+          );
+          we.publishData($, { reliable: !0 });
+        } catch {
+        }
       } catch {
       }
     }, 250);
@@ -2463,9 +2481,9 @@ function Mr(e) {
     if (typeof window > "u") return;
     const h = ((Z = window.location) == null ? void 0 : Z.hostname) || "";
     if (h === "localhost" || h === "127.0.0.1" || h === "0.0.0.0" || h.endsWith(".local") || h.endsWith(".test"))
-      return window.__livelayerSimulateCommand = (Le) => {
+      return window.__livelayerSimulateCommand = (Se) => {
         try {
-          Ke(Le);
+          Ke(Se);
         } catch (fe) {
           console.warn("[LiveLayer] simulate-command threw:", fe);
         }
@@ -2473,19 +2491,19 @@ function Mr(e) {
         delete window.__livelayerSimulateCommand;
       };
   }, [Ke]);
-  const g = dt(() => V ? {
-    connectionState: V.connectionState,
-    agentState: V.agentState,
-    transcript: V.transcript,
-    videoElement: V.videoElement,
-    audioElement: V.audioElement,
-    canResume: V.canResume,
-    error: V.error,
+  const g = ut(() => J ? {
+    connectionState: J.connectionState,
+    agentState: J.agentState,
+    transcript: J.transcript,
+    videoElement: J.videoElement,
+    audioElement: J.audioElement,
+    canResume: J.canResume,
+    error: J.error,
     agentConfig: null,
     connect: async () => {
-      await V.onConnect();
+      await J.onConnect();
     },
-    disconnect: () => V.onDisconnect(),
+    disconnect: () => J.onDisconnect(),
     // Dummy getRoom for shape compatibility — controlled consumers own the Room.
     // Internal session's getRoom returns null when no real connect has happened,
     // so we reuse its reference for type consistency.
@@ -2504,7 +2522,7 @@ function Mr(e) {
     disconnect: U.disconnect,
     getRoom: U.getRoom,
     isControlled: !1
-  }, [V, U]), Nt = A(null);
+  }, [J, U]), Nt = A(null);
   N(() => {
     const h = g.videoElement, d = Nt.current;
     if (!(!h || !d))
@@ -2530,17 +2548,17 @@ function Mr(e) {
         te.teardownMic(), le.teardown(), ae.teardown();
       };
   }, [g.isControlled, g.connectionState]);
-  const [Xe, vt] = S(!1), bt = A("idle");
+  const [Xe, wt] = S(!1), _t = A("idle");
   N(() => {
     if (g.connectionState === "idle" || g.connectionState === "disconnected") {
-      vt(!1), bt.current = "idle";
+      wt(!1), _t.current = "idle";
       return;
     }
-    !Xe && bt.current === "speaking" && g.agentState !== "speaking" && (vt(!0), te.setMuted(!1)), bt.current = g.agentState;
+    !Xe && _t.current === "speaking" && g.agentState !== "speaking" && (wt(!0), te.setMuted(!1)), _t.current = g.agentState;
   }, [g.agentState, g.connectionState, Xe]), N(() => {
     if (g.connectionState !== "connected" || Xe) return;
     const h = setTimeout(() => {
-      vt(!0), te.setMuted(!1);
+      wt(!0), te.setMuted(!1);
     }, 4e3);
     return () => clearTimeout(h);
   }, [g.connectionState, Xe]), N(() => {
@@ -2561,8 +2579,8 @@ function Mr(e) {
     lt((h) => !h);
   }, []);
   N(() => {
-    Re == null || Re(g.connectionState), g.connectionState === "connected" ? ce == null || ce() : g.connectionState === "disconnected" && (_e == null || _e());
-  }, [g.connectionState, ce, _e, Re]), N(() => {
+    Re == null || Re(g.connectionState), g.connectionState === "connected" ? ce == null || ce() : g.connectionState === "disconnected" && (xe == null || xe());
+  }, [g.connectionState, ce, xe, Re]), N(() => {
     Ne == null || Ne(g.transcript);
   }, [g.transcript, Ne]), N(() => {
     Ae == null || Ae(g.agentState);
@@ -2593,9 +2611,9 @@ function Mr(e) {
     };
     return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
   }, [Ve]);
-  const ln = !!I || !!(ee != null && ee.avatarImageUrl) || g.isControlled, Ge = Nn(Pe, i, ln);
-  re === void 0 && ((Mt = Ge.info) != null && Mt.capabilities) && (yt.current = Ge.info.capabilities);
-  const at = (ee == null ? void 0 : ee.name) ?? q ?? ((It = g.agentConfig) == null ? void 0 : It.name) ?? ((Tt = Ge.info) == null ? void 0 : Tt.name) ?? "Live Layer", wt = (ee == null ? void 0 : ee.avatarImageUrl) ?? I ?? ((Dt = g.agentConfig) == null ? void 0 : Dt.avatarImageUrl) ?? ((Pt = Ge.info) == null ? void 0 : Pt.avatarImageUrl) ?? null, an = w ?? (($t = g.agentConfig) == null ? void 0 : $t.idleLoopUrl) ?? ((zt = Ge.info) == null ? void 0 : zt.idleLoopUrl) ?? null, sn = H ?? null, cn = L(() => ue("expanded"), [ue]), dn = L(
+  const ln = !!T || !!(ee != null && ee.avatarImageUrl) || g.isControlled, Ge = Nn(Pe, i, ln);
+  re === void 0 && ((Mt = Ge.info) != null && Mt.capabilities) && (bt.current = Ge.info.capabilities);
+  const at = (ee == null ? void 0 : ee.name) ?? q ?? ((It = g.agentConfig) == null ? void 0 : It.name) ?? ((Tt = Ge.info) == null ? void 0 : Tt.name) ?? "Live Layer", xt = (ee == null ? void 0 : ee.avatarImageUrl) ?? T ?? ((Dt = g.agentConfig) == null ? void 0 : Dt.avatarImageUrl) ?? ((Pt = Ge.info) == null ? void 0 : Pt.avatarImageUrl) ?? null, an = w ?? (($t = g.agentConfig) == null ? void 0 : $t.idleLoopUrl) ?? ((zt = Ge.info) == null ? void 0 : zt.idleLoopUrl) ?? null, sn = H ?? null, cn = L(() => ue("expanded"), [ue]), dn = L(
     () => ue("minimized"),
     [ue]
   ), Rt = L(() => {
@@ -2607,15 +2625,15 @@ function Mr(e) {
   }, [g.audioElement]), fn = L(() => {
     he(!1), g.connect();
   }, [g]), Qe = {
-    ...ht,
+    ...mt,
     zIndex: ot
   };
   m.primaryColor && (Qe["--ll-color-primary"] = m.primaryColor), m.accentColor && (Qe["--ll-color-accent"] = m.accentColor), m.backgroundColor && (Qe["--ll-color-bg"] = m.backgroundColor), m.textColor && (Qe["--ll-color-fg"] = m.textColor);
   const pn = [
     "ll-widget",
     `ll-widget--${oe}`,
-    `ll-widget--${ke ? "mobile" : "desktop"}`,
-    pt
+    `ll-widget--${Le ? "mobile" : "desktop"}`,
+    ht
   ].filter(Boolean).join(" ");
   return Te ? /* @__PURE__ */ _(
     "div",
@@ -2629,11 +2647,11 @@ function Mr(e) {
           Gn,
           {
             position: b,
-            isMobile: ke,
+            isMobile: Le,
             isSpeaking: g.agentState === "speaking",
             onExpand: () => ue("expanded"),
             label: `Open ${at} widget`,
-            avatarImageUrl: wt,
+            avatarImageUrl: xt,
             agentName: at
           }
         ),
@@ -2641,9 +2659,9 @@ function Mr(e) {
           Zn,
           {
             position: b,
-            isMobile: ke,
+            isMobile: Le,
             agentName: at,
-            avatarImageUrl: wt,
+            avatarImageUrl: xt,
             agentState: g.agentState,
             isMuted: te.isMuted,
             audioLevel: Ue,
@@ -2656,9 +2674,9 @@ function Mr(e) {
           tr,
           {
             position: b,
-            isMobile: ke,
+            isMobile: Le,
             agentName: at,
-            avatarImageUrl: wt,
+            avatarImageUrl: xt,
             idleLoopUrl: an,
             greeting: sn,
             branding: m,
@@ -2740,7 +2758,7 @@ const qr = ({
   }, [e]), N(() => {
     f.current && (i ? f.current.setAttribute("mode", i) : f.current.removeAttribute("mode"));
   }, [i]), /* @__PURE__ */ n("div", { ref: u, className: l, style: c });
-}, Br = St(
+}, Br = Ct(
   function({ id: t, intent: r, as: i = "div", className: o, style: l, children: c }, u) {
     return gn(
       i,
@@ -2754,7 +2772,7 @@ const qr = ({
       c
     );
   }
-), Wr = St(
+), Wr = Ct(
   function({ id: t, intent: r, children: i, ...o }, l) {
     return /* @__PURE__ */ n(
       "form",
@@ -2767,7 +2785,7 @@ const qr = ({
       }
     );
   }
-), Fr = St(
+), Fr = Ct(
   function(t, r) {
     const { name: i, label: o, labelClassName: l } = t, c = { name: i, "data-ll-field": i };
     let u;
@@ -2854,13 +2872,13 @@ function Ur({
       });
     }));
   }, [e]), N(() => {
-    const v = console.warn, w = console.log, H = (I, q) => function(...m) {
+    const v = console.warn, w = console.log, H = (T, q) => function(...m) {
       try {
         const R = typeof m[0] == "string" ? m[0] : "";
         R.startsWith("[LiveLayer]") && a.current.push({
           id: Zt++,
           ts: Date.now(),
-          kind: I,
+          kind: T,
           type: R.slice(0, 120),
           data: { args: m.slice(1).map((W) => Tr(W)) }
         });
@@ -2949,7 +2967,7 @@ function Ur({
                 {
                   type: "button",
                   onClick: () => b((v) => !v),
-                  style: kt(y ? "#f59e0b" : "transparent"),
+                  style: Lt(y ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
                   children: y ? "▶ resume" : "⏸ pause"
                 }
@@ -2961,7 +2979,7 @@ function Ur({
                   onClick: () => {
                     c([]), a.current = [];
                   },
-                  style: kt("transparent"),
+                  style: Lt("transparent"),
                   title: "Clear buffer",
                   children: "clear"
                 }
@@ -2971,7 +2989,7 @@ function Ur({
                 {
                   type: "button",
                   onClick: () => o(!1),
-                  style: kt("transparent"),
+                  style: Lt("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
                   children: "✕"
@@ -3124,7 +3142,7 @@ function Ir({
     }
   );
 }
-function kt(e) {
+function Lt(e) {
   return {
     background: e,
     color: "#fff",
@@ -3172,8 +3190,8 @@ export {
   xr as clearRoutesCache,
   mr as extractPageContext,
   wr as extractRoutes,
-  _t as getCachedPageContext,
-  xt as getCachedRoutes,
+  kt as getCachedPageContext,
+  dt as getCachedRoutes,
   Fn as matchesPattern,
   vr as normalizeRouteInput,
   Un as shouldRenderAtPath,