@livelayer/react 0.5.0 → 0.5.1

package/dist/index.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as k, jsx as n, Fragment as Ht } from "react/jsx-runtime";
-import { Component as nn, useState as C, useRef as M, useEffect as P, useCallback as x, useMemo as Ve, forwardRef as ot, createElement as rn } from "react";
+import { Component as nn, useState as C, useRef as M, useEffect as P, useCallback as x, useMemo as Ke, forwardRef as at, createElement as rn } from "react";
 import { LiveKitSession as on } from "@livelayer/sdk";
 import { createLocalAudioTrack as ln, Track as Ot, createLocalVideoTrack as an } from "livekit-client";
 class cn extends nn {
@@ -34,9 +34,9 @@ class cn extends nn {
   }
 }
 function sn(e) {
-  const [t, r] = C("idle"), [i, o] = C("idle"), [l, s] = C([]), [d, u] = C(null), [g, p] = C(null), [a, c] = C(null), [S, L] = C(!1), [N, H] = C(null), R = M(null), $ = M(e.onDataMessage);
+  const [t, r] = C("idle"), [i, o] = C("idle"), [l, s] = C([]), [d, u] = C(null), [y, p] = C(null), [a, c] = C(null), [S, L] = C(!1), [N, H] = C(null), R = M(null), $ = M(e.onDataMessage);
   $.current = e.onDataMessage, P(() => {
-    const y = {
+    const v = {
       onConnectionStateChange: (w) => {
         r(w), w === "connected" && H(null);
       },
@@ -60,7 +60,7 @@ function sn(e) {
         sessionEndpoint: e.sessionEndpoint,
         sessionBody: e.sessionBody
       },
-      y
+      v
     );
     return R.current = E, r("idle"), o("idle"), s([]), u(null), p(null), c(null), L(!1), H(null), () => {
       var w;
@@ -74,32 +74,32 @@ function sn(e) {
     JSON.stringify(e.sessionBody ?? {})
   ]);
   const I = x(async () => {
-    const y = R.current;
-    if (y)
+    const v = R.current;
+    if (v)
       try {
-        await y.connect();
+        await v.connect();
       } catch (E) {
         throw H(E instanceof Error ? E.message : String(E)), E;
       }
   }, []), D = x(() => {
-    const y = R.current;
-    y && y.disconnect();
-  }, []), m = x(() => {
-    var y;
-    return ((y = R.current) == null ? void 0 : y.getRoom()) ?? null;
+    const v = R.current;
+    v && v.disconnect();
+  }, []), g = x(() => {
+    var v;
+    return ((v = R.current) == null ? void 0 : v.getRoom()) ?? null;
   }, []);
   return {
     connectionState: t,
     agentState: i,
     transcript: l,
     agentConfig: d,
-    videoElement: g,
+    videoElement: y,
     audioElement: a,
     canResume: S,
     error: N,
     connect: I,
     disconnect: D,
-    getRoom: m,
+    getRoom: g,
     session: R.current
   };
 }
@@ -150,7 +150,7 @@ function dn() {
       }
     },
     [d, s]
-  ), g = x(() => {
+  ), y = x(() => {
     if (i.current !== null && (cancelAnimationFrame(i.current), i.current = null), r.current) {
       try {
         r.current.disconnect();
@@ -162,7 +162,7 @@ function dn() {
     o.current.delete(a);
   }), []);
   return P(() => () => {
-    if (g(), t.current) {
+    if (y(), t.current) {
       try {
         t.current.disconnect();
       } catch {
@@ -177,7 +177,7 @@ function dn() {
       e.current = null;
     }
     o.current.clear(), l.current = null;
-  }, [g]), { attach: u, detach: g, subscribe: p };
+  }, [y]), { attach: u, detach: y, subscribe: p };
 }
 function un() {
   const [e, t] = C(!1), [r, i] = C(null), o = M(null), l = M(null), s = x(async (p) => {
@@ -212,22 +212,22 @@ function un() {
       p.stop();
     }
     o.current = null, l.current = null, t(!1);
-  }, []), g = x(() => i(null), []);
+  }, []), y = x(() => i(null), []);
   return {
     isMuted: e,
     micError: r,
     toggleMute: d,
     setupMic: s,
     teardownMic: u,
-    clearError: g
+    clearError: y
   };
 }
 const fn = { resolution: { width: 640, height: 480, frameRate: 24 } };
 function pn() {
-  const [e, t] = C(!1), [r, i] = C(null), [o, l] = C(null), [s, d] = C(""), u = M(null), g = M(null), p = x((R) => {
+  const [e, t] = C(!1), [r, i] = C(null), [o, l] = C(null), [s, d] = C(""), u = M(null), y = M(null), p = x((R) => {
     u.current = R;
   }, []), a = x(() => {
-    const R = u.current, $ = g.current;
+    const R = u.current, $ = y.current;
     if ($ && R) {
       const I = R.localParticipant.getTrackPublication(Ot.Source.Camera);
       if (I != null && I.track) {
@@ -239,7 +239,7 @@ function pn() {
       } else
         $.stop();
     }
-    g.current = null, l(null), t(!1);
+    y.current = null, l(null), t(!1);
   }, []), c = x(async (R) => {
     const $ = u.current;
     if ($) {
@@ -248,9 +248,9 @@ function pn() {
         const I = { ...fn };
         R && (I.deviceId = R);
         const D = await an(I);
-        await $.localParticipant.publishTrack(D), g.current = D;
-        const m = D.attach();
-        l(m), t(!0), R && d(R);
+        await $.localParticipant.publishTrack(D), y.current = D;
+        const g = D.attach();
+        l(g), t(!0), R && d(R);
         try {
           $.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
@@ -271,7 +271,7 @@ function pn() {
     a(), u.current = null, i(null), d("");
   }, [a]), H = x(() => i(null), []);
   return P(() => () => {
-    g.current && g.current.stop();
+    y.current && y.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
@@ -287,7 +287,7 @@ function pn() {
 function hn() {
   const [e, t] = C(!1), [r, i] = C(null), [o, l] = C(null), s = M(null), d = x((c) => {
     s.current = c;
-  }, []), u = x(() => l(null), []), g = x(async () => {
+  }, []), u = x(() => l(null), []), y = x(async () => {
     const c = s.current;
     if (c) {
       if (e) {
@@ -333,7 +333,7 @@ function hn() {
       }
     u(), t(!1), i(null), s.current = null;
   }, [e, u]), a = x(() => i(null), []);
-  return { isEnabled: e, error: r, previewEl: o, toggle: g, attachRoom: d, teardown: p, clearError: a };
+  return { isEnabled: e, error: r, previewEl: o, toggle: y, attachRoom: d, teardown: p, clearError: a };
 }
 function mn() {
   const [e, t] = C([]), [r, i] = C([]), o = x(async () => {
@@ -357,9 +357,9 @@ function gn(e, t, r = !1) {
       u(!1);
       return;
     }
-    const g = new AbortController(), p = t || "https://app.livelayer.studio";
+    const y = new AbortController(), p = t || "https://app.livelayer.studio";
     return u(!0), s(null), fetch(`${p}/api/widget/agent/${encodeURIComponent(e)}`, {
-      signal: g.signal
+      signal: y.signal
     }).then(async (a) => {
       if (!a.ok) {
         const c = await a.json().catch(() => ({}));
@@ -367,10 +367,10 @@ function gn(e, t, r = !1) {
       }
       return a.json();
     }).then((a) => {
-      g.signal.aborted || (o(a), u(!1));
+      y.signal.aborted || (o(a), u(!1));
     }).catch((a) => {
-      g.signal.aborted || (s(a instanceof Error ? a.message : "Agent lookup failed"), u(!1));
-    }), () => g.abort();
+      y.signal.aborted || (s(a instanceof Error ? a.message : "Agent lookup failed"), u(!1));
+    }), () => y.abort();
   }, [e, t, r]), { info: i, error: l, loading: d };
 }
 function yn(e) {
@@ -415,14 +415,14 @@ function xn({
   const l = `${i}:display-mode`, s = M(!1), [d, u] = bn({
     value: e,
     defaultValue: t,
-    onChange: (g) => {
-      e === void 0 && !o && vn(l, g), r == null || r(g);
+    onChange: (y) => {
+      e === void 0 && !o && vn(l, y), r == null || r(y);
     }
   });
   return P(() => {
     if (s.current || (s.current = !0, o || e !== void 0)) return;
-    const g = _n(yn(l));
-    g && g !== d && u(g);
+    const y = _n(yn(l));
+    y && y !== d && u(y);
   }, []), [d, u];
 }
 const kn = 640;
@@ -441,16 +441,16 @@ function Ln(e = kn) {
     });
   }, [e]), t;
 }
-const Lt = "__llHistoryPatched", Ye = "ll:pathname";
+const Lt = "__llHistoryPatched", Xe = "ll:pathname";
 function En() {
   if (typeof window > "u" || window.history[Lt]) 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(Ye)), i;
+    return window.dispatchEvent(new Event(Xe)), i;
   }, window.history.replaceState = function(...r) {
     const i = t.apply(this, r);
-    return window.dispatchEvent(new Event(Ye)), i;
+    return window.dispatchEvent(new Event(Xe)), i;
   }, window.history[Lt] = !0;
 }
 function Et() {
@@ -464,8 +464,8 @@ function Cn(e) {
     if (e !== void 0) return;
     En();
     const i = () => r(Et());
-    return i(), window.addEventListener("popstate", i), window.addEventListener(Ye, i), () => {
-      window.removeEventListener("popstate", i), window.removeEventListener(Ye, i);
+    return i(), window.addEventListener("popstate", i), window.addEventListener(Xe, i), () => {
+      window.removeEventListener("popstate", i), window.removeEventListener(Xe, i);
     };
   }, [e]), e ?? t;
 }
@@ -496,7 +496,7 @@ function Rn(e, t, r) {
   return e === void 0 ? !0 : St(r, e) ? !1 : t && t.length > 0 ? St(t, e) : !0;
 }
 function Tn(e, t, r) {
-  return Ve(
+  return Ke(
     () => Rn(e, t, r),
     [e, t, r]
   );
@@ -623,31 +623,31 @@ const qn = ({
   onExpand: i,
   label: o = "Open widget"
 }) => {
-  const l = zn(e), s = l === "right" ? "left" : "right", d = t ? 80 : 72, [u, g] = C(null), [p, a] = C(!1), c = M(null), S = M(!1), L = x(
-    (y) => {
-      if (typeof window > "u") return y;
+  const l = zn(e), s = l === "right" ? "left" : "right", d = t ? 80 : 72, [u, y] = C(null), [p, a] = C(!1), c = M(null), S = M(!1), L = x(
+    (v) => {
+      if (typeof window > "u") return v;
       const E = d / 2, w = It + E, O = window.innerHeight - It - E;
-      return O < w ? Math.max(w, y) : Math.max(w, Math.min(O, y));
+      return O < w ? Math.max(w, v) : Math.max(w, Math.min(O, v));
     },
     [d]
   );
   P(() => {
-    const y = On();
-    g(L(y ?? window.innerHeight / 2));
+    const v = On();
+    y(L(v ?? window.innerHeight / 2));
     const E = () => {
-      g((w) => w === null ? null : L(w));
+      y((w) => w === null ? null : L(w));
     };
     return window.addEventListener("resize", E), () => window.removeEventListener("resize", E);
   }, [L]);
   const N = x(
-    (y) => {
-      if (!(y.pointerType === "mouse" && y.button !== 0) && u !== null) {
+    (v) => {
+      if (!(v.pointerType === "mouse" && v.button !== 0) && u !== null) {
         try {
-          y.currentTarget.setPointerCapture(y.pointerId);
+          v.currentTarget.setPointerCapture(v.pointerId);
         } catch {
         }
         c.current = {
-          startClientY: y.clientY,
+          startClientY: v.clientY,
           startCenterY: u,
           moved: !1
         };
@@ -655,22 +655,22 @@ const qn = ({
     },
     [u]
   ), H = x(
-    (y) => {
+    (v) => {
       const E = c.current;
       if (!E) return;
-      const w = y.clientY - E.startClientY;
-      !E.moved && Math.abs(w) > Hn && (E.moved = !0, a(!0)), E.moved && g(L(E.startCenterY + w));
+      const w = v.clientY - E.startClientY;
+      !E.moved && Math.abs(w) > Hn && (E.moved = !0, a(!0)), E.moved && y(L(E.startCenterY + w));
     },
     [L]
   ), R = x(
-    (y) => {
+    (v) => {
       const E = c.current;
       if (E) {
         try {
-          y.currentTarget.releasePointerCapture(y.pointerId);
+          v.currentTarget.releasePointerCapture(v.pointerId);
         } catch {
         }
-        c.current = null, E.moved && (a(!1), S.current = !0, g((w) => (w !== null && Mt(w), w)));
+        c.current = null, E.moved && (a(!1), S.current = !0, y((w) => (w !== null && Mt(w), w)));
       }
     },
     []
@@ -681,11 +681,11 @@ const qn = ({
     }
     i();
   }, [i]), I = x(
-    (y) => {
-      if (y.key === "ArrowUp" || y.key === "ArrowDown") {
-        y.preventDefault();
-        const E = y.key === "ArrowUp" ? -8 : 8;
-        g((w) => {
+    (v) => {
+      if (v.key === "ArrowUp" || v.key === "ArrowDown") {
+        v.preventDefault();
+        const E = v.key === "ArrowUp" ? -8 : 8;
+        y((w) => {
           if (w === null) return w;
           const O = L(w + E);
           return Mt(O), O;
@@ -699,7 +699,7 @@ const qn = ({
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
     p ? "is-dragging" : null
-  ].filter(Boolean).join(" "), m = u === null ? void 0 : { top: `${u - d / 2}px`, transform: "none" };
+  ].filter(Boolean).join(" "), g = u === null ? void 0 : { top: `${u - d / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
     "button",
     {
@@ -713,7 +713,7 @@ const qn = ({
       onKeyDown: I,
       "aria-label": o,
       "data-position": e,
-      style: m,
+      style: g,
       children: /* @__PURE__ */ n($n, { direction: s, className: "ll-hidden__chevron" })
     }
   );
@@ -725,7 +725,7 @@ const qn = ({
   className: o,
   barClassName: l
 }) => {
-  const s = M(null), d = M([]), u = Ve(() => {
+  const s = M(null), d = M([]), u = Ke(() => {
     const p = (Math.sqrt(5) - 1) / 2;
     return Array.from({ length: t }, (a, c) => 0.5 + c * p % 1 * 0.5);
   }, [t]);
@@ -737,8 +737,8 @@ const qn = ({
       S.style.height = `${L}px`;
     }
   }), [e, t, r, i, u]);
-  const g = ["ll-waveform", o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: s, className: g, "aria-hidden": "true", children: Array.from({ length: t }, (p, a) => /* @__PURE__ */ n(
+  const y = ["ll-waveform", o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: s, className: y, "aria-hidden": "true", children: Array.from({ length: t }, (p, a) => /* @__PURE__ */ n(
     "div",
     {
       ref: (c) => {
@@ -759,7 +759,7 @@ const qn = ({
   audioLevel: s,
   onExpand: d,
   onToggleMute: u,
-  onClose: g
+  onClose: y
 }) => t ? /* @__PURE__ */ n(
   "div",
   {
@@ -867,7 +867,7 @@ const qn = ({
           {
             type: "button",
             className: "ll-minimized__btn ll-minimized__btn--close",
-            onClick: g,
+            onClick: y,
             "aria-label": "Close widget",
             children: /* @__PURE__ */ n(Pn, { className: "ll-minimized__icon" })
           }
@@ -913,7 +913,7 @@ const qn = ({
       }
     )
   );
-}, jn = ({
+}, Wn = ({
   position: e,
   isMobile: t,
   agentName: r,
@@ -923,7 +923,7 @@ const qn = ({
   branding: s,
   teamMembers: d,
   currentTeamMemberId: u,
-  isSwitchingTeamMember: g,
+  isSwitchingTeamMember: y,
   teamSwitcherOpen: p,
   onToggleTeamSwitcher: a,
   onSelectTeamMember: c,
@@ -935,19 +935,19 @@ const qn = ({
   canResume: $,
   needsUserGesture: I,
   error: D,
-  isMuted: m,
-  micError: y,
+  isMuted: g,
+  micError: v,
   micDevices: E,
   isCameraEnabled: w,
   cameraPreviewEl: O,
-  cameraDevices: X,
+  cameraDevices: J,
   activeCameraId: de,
-  isScreenShareEnabled: J,
-  screenPreviewEl: Q,
+  isScreenShareEnabled: Q,
+  screenPreviewEl: Z,
   isSpeakerMuted: ue,
-  allowCamera: Oe,
-  allowScreenShare: qe,
-  allowTyping: Be,
+  allowCamera: qe,
+  allowScreenShare: Be,
+  allowTyping: Ue,
   avatarVideoContainerRef: Ne,
   onConnect: fe,
   onDisconnect: ge,
@@ -957,44 +957,44 @@ const qn = ({
   onToggleCamera: we,
   onSwitchCameraDevice: _e,
   onToggleScreenShare: q,
-  onToggleSpeaker: Ke,
-  onSendMessage: Ue,
-  onMinimize: Fe,
+  onToggleSpeaker: Qe,
+  onSendMessage: Fe,
+  onMinimize: We,
   onClose: Ae,
   onClearMicError: Ie
 }) => {
   var Pe;
-  const ie = R.length > 0 ? R[R.length - 1] : null, pe = ((d == null ? void 0 : d.length) ?? 0) > 1, xe = N === "connecting" || N === "connected", Z = N === "connected", V = N === "idle" || N === "disconnected" || N === "error", Me = M(null), oe = M(null);
+  const ie = R.length > 0 ? R[R.length - 1] : null, pe = ((d == null ? void 0 : d.length) ?? 0) > 1, xe = N === "connecting" || N === "connected", ee = N === "connected", V = N === "idle" || N === "disconnected" || N === "error", Me = M(null), oe = M(null);
   P(() => {
     const h = Me.current;
     h && (h.innerHTML = "", O && (O.style.width = "100%", O.style.height = "100%", O.style.objectFit = "cover", O.style.transform = "scaleX(-1)", h.appendChild(O)));
   }, [O]), P(() => {
     const h = oe.current;
-    h && (h.innerHTML = "", Q && (Q.style.width = "100%", Q.style.height = "100%", Q.style.objectFit = "contain", h.appendChild(Q)));
-  }, [Q]);
-  const [G, ne] = C(!1), [le, Y] = C(!1);
+    h && (h.innerHTML = "", Z && (Z.style.width = "100%", Z.style.height = "100%", Z.style.objectFit = "contain", h.appendChild(Z)));
+  }, [Z]);
+  const [K, ne] = C(!1), [le, Y] = C(!1);
   P(() => {
-    if (!G && !le && !S && !p) return;
+    if (!K && !le && !S && !p) return;
     const h = () => {
       ne(!1), Y(!1), S && L(), p && a();
     };
     return document.addEventListener("click", h), () => document.removeEventListener("click", h);
   }, [
-    G,
+    K,
     le,
     S,
     p,
     L,
     a
   ]);
-  const [K, ae] = C(""), Re = x(
+  const [X, ae] = C(""), Re = x(
     (h) => {
       h.preventDefault();
-      const j = K.trim();
-      j && (Ue(j), ae(""));
+      const W = X.trim();
+      W && (Fe(W), ae(""));
     },
-    [K, Ue]
-  ), Xe = s.productName || "Live Layer", ke = Z && (ie != null && ie.text) ? ie.text : l || "", Te = [
+    [X, Fe]
+  ), Ze = s.productName || "Live Layer", ke = ee && (ie != null && ie.text) ? ie.text : l || "", Te = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
@@ -1003,7 +1003,7 @@ const qn = ({
     {
       className: Te,
       "data-position": e,
-      "data-state": Z ? "connected" : xe ? "connecting" : "idle",
+      "data-state": ee ? "connected" : xe ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
@@ -1016,7 +1016,7 @@ const qn = ({
               className: "ll-expanded__bg-img"
             }
           ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Pe = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Pe.toUpperCase()) || "A" }) }),
-          o && !Z && /* @__PURE__ */ n(
+          o && !ee && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
@@ -1031,9 +1031,9 @@ const qn = ({
         /* @__PURE__ */ n("div", { ref: Ne, className: "ll-expanded__video" }),
         N === "connecting" && /* @__PURE__ */ k("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
           /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
-          /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: g ? "Switching..." : "Connecting..." })
+          /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: y ? "Switching..." : "Connecting..." })
         ] }),
-        I && Z && /* @__PURE__ */ k(
+        I && ee && /* @__PURE__ */ k(
           "button",
           {
             type: "button",
@@ -1060,7 +1060,7 @@ const qn = ({
                   "aria-expanded": pe ? p : void 0,
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                    pe && /* @__PURE__ */ n(je, {})
+                    pe && /* @__PURE__ */ n(Ye, {})
                   ]
                 }
               ),
@@ -1111,7 +1111,7 @@ const qn = ({
                   title: "Language: English",
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: "EN" }),
-                    /* @__PURE__ */ n(je, {})
+                    /* @__PURE__ */ n(Ye, {})
                   ]
                 }
               ),
@@ -1148,7 +1148,7 @@ const qn = ({
               {
                 type: "button",
                 className: "ll-hbtn",
-                onClick: Fe,
+                onClick: We,
                 "aria-label": "Minimize widget",
                 title: "Minimize",
                 children: /* @__PURE__ */ n(Tt, {})
@@ -1169,14 +1169,14 @@ const qn = ({
         ] }) : (
           // Idle-state header with Live Layer product name + minimize/close
           /* @__PURE__ */ k("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Xe }),
+            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Ze }),
             /* @__PURE__ */ k("div", { className: "ll-expanded__header-actions", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: Fe,
+                  onClick: We,
                   "aria-label": "Minimize widget",
                   children: /* @__PURE__ */ n(Tt, {})
                 }
@@ -1195,7 +1195,7 @@ const qn = ({
           ] })
         ),
         V && /* @__PURE__ */ (() => {
-          const h = $ ? "Restart paused session" : N === "disconnected" ? "Reconnect to agent" : "Start video call", j = $ ? "Pick up where you left off" : null;
+          const h = $ ? "Restart paused session" : N === "disconnected" ? "Reconnect to agent" : "Start video call", W = $ ? "Pick up where you left off" : null;
           return /* @__PURE__ */ k(Ht, { children: [
             N === "idle" && !$ && !D && /* @__PURE__ */ k(
               "button",
@@ -1212,7 +1212,7 @@ const qn = ({
             ),
             /* @__PURE__ */ k("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 }) }),
-              j && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: j }),
+              W && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: W }),
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1229,20 +1229,20 @@ const qn = ({
         /* @__PURE__ */ k(
           "div",
           {
-            className: `ll-expanded__pip ${xe && (w || J) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${xe && (w || Q) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
                   ref: oe,
-                  className: J ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  className: Q ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
                   ref: Me,
-                  className: !J && w ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  className: !Q && w ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
@@ -1251,18 +1251,18 @@ const qn = ({
         xe ? /* @__PURE__ */ k("div", { className: "ll-expanded__bottom", children: [
           ke && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: ke }) }),
           /* @__PURE__ */ k("div", { className: "ll-toolbar", onClick: (h) => h.stopPropagation(), children: [
-            qe && /* @__PURE__ */ n(
+            Be && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${J ? "is-on" : ""}`,
+                className: `ll-tool ${Q ? "is-on" : ""}`,
                 onClick: q,
-                "aria-label": J ? "Stop sharing screen" : "Share screen",
-                title: J ? "Stop sharing" : "Share screen",
-                children: /* @__PURE__ */ n(Wn, {})
+                "aria-label": Q ? "Stop sharing screen" : "Share screen",
+                title: Q ? "Stop sharing" : "Share screen",
+                children: /* @__PURE__ */ n(jn, {})
               }
             ),
-            Oe && /* @__PURE__ */ k("div", { className: "ll-tool-split", children: [
+            qe && /* @__PURE__ */ k("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1280,19 +1280,19 @@ const qn = ({
                   type: "button",
                   className: `ll-tool ll-tool--right ${w ? "is-on" : ""}`,
                   onClick: (h) => {
-                    h.stopPropagation(), Y((j) => !j), ne(!1);
+                    h.stopPropagation(), Y((W) => !W), ne(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
                   "aria-expanded": le,
-                  children: /* @__PURE__ */ n(je, {})
+                  children: /* @__PURE__ */ n(Ye, {})
                 }
               ),
-              le && X.length > 0 && /* @__PURE__ */ n(
+              le && J.length > 0 && /* @__PURE__ */ n(
                 Pt,
                 {
                   label: "Camera",
-                  devices: X,
+                  devices: J,
                   activeId: de,
                   onPick: (h) => {
                     Y(!1), _e(h);
@@ -1305,28 +1305,28 @@ const qn = ({
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${m ? "is-muted" : ""}`,
+                  className: `ll-tool ll-tool--left ${g ? "is-muted" : ""}`,
                   onClick: be,
-                  "aria-label": m ? "Unmute microphone" : "Mute microphone",
-                  title: m ? "Unmute" : "Mute",
-                  children: /* @__PURE__ */ n(Yn, { muted: m })
+                  "aria-label": g ? "Unmute microphone" : "Mute microphone",
+                  title: g ? "Unmute" : "Mute",
+                  children: /* @__PURE__ */ n(Yn, { muted: g })
                 }
               ),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--right ${m ? "is-muted" : ""}`,
+                  className: `ll-tool ll-tool--right ${g ? "is-muted" : ""}`,
                   onClick: (h) => {
-                    h.stopPropagation(), ne((j) => !j), Y(!1);
+                    h.stopPropagation(), ne((W) => !W), Y(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": G,
-                  children: /* @__PURE__ */ n(je, {})
+                  "aria-expanded": K,
+                  children: /* @__PURE__ */ n(Ye, {})
                 }
               ),
-              G && E.length > 0 && /* @__PURE__ */ n(
+              K && E.length > 0 && /* @__PURE__ */ n(
                 Pt,
                 {
                   label: "Microphone",
@@ -1341,26 +1341,26 @@ const qn = ({
               {
                 type: "button",
                 className: `ll-tool ${ue ? "is-muted" : ""}`,
-                onClick: Ke,
+                onClick: Qe,
                 "aria-label": ue ? "Unmute speaker" : "Mute speaker",
                 title: ue ? "Unmute speaker" : "Mute speaker",
                 children: /* @__PURE__ */ n(Gn, { muted: ue })
               }
             )
           ] }),
-          Be && /* @__PURE__ */ k("form", { className: "ll-message-input", onSubmit: Re, children: [
+          Ue && /* @__PURE__ */ k("form", { className: "ll-message-input", onSubmit: Re, children: [
             /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: K,
+                value: X,
                 onChange: (h) => ae(h.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            K.trim() && /* @__PURE__ */ n(
+            X.trim() && /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
@@ -1381,9 +1381,9 @@ const qn = ({
           )
         ] }) : null,
         (() => {
-          if (y && N !== "error")
+          if (v && N !== "error")
             return /* @__PURE__ */ k("div", { className: "ll-expanded__banner", role: "alert", children: [
-              /* @__PURE__ */ n("span", { children: y }),
+              /* @__PURE__ */ n("span", { children: v }),
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1396,7 +1396,7 @@ const qn = ({
               )
             ] });
           if (!D || N !== "error") return null;
-          let h = "Failed to connect", j = "Try again";
+          let h = "Failed to connect", W = "Try again";
           return D === "MIC_PERMISSION_DENIED" ? h = "Microphone blocked. Allow access to talk." : D === "MIC_NOT_FOUND" ? h = "No microphone found. Plug one in + retry." : D === "MIC_UNAVAILABLE" ? h = "Mic unavailable. Check other apps using it." : D === "AGENT_TIMEOUT" ? h = "Agent didn't pick up. Try again." : D === "CONNECT_FAILED" ? h = "Connection failed. Check your network." : D.length < 80 && (h = D), /* @__PURE__ */ k("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
             /* @__PURE__ */ n("span", { children: h }),
             /* @__PURE__ */ n(
@@ -1405,7 +1405,7 @@ const qn = ({
                 type: "button",
                 className: "ll-expanded__banner-retry",
                 onClick: ye,
-                children: j
+                children: W
               }
             )
           ] });
@@ -1414,7 +1414,7 @@ const qn = ({
     }
   );
 };
-function je() {
+function Ye() {
   return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" }) });
 }
 function Rt() {
@@ -1426,7 +1426,7 @@ function Rt() {
 function Tt() {
   return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
 }
-function Wn() {
+function jn() {
   return /* @__PURE__ */ k("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
     /* @__PURE__ */ n("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
@@ -1494,7 +1494,7 @@ const Pt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */
   '[data-ll-private="true"]',
   ".ll-widget"
 ];
-function lt(e) {
+function ct(e) {
   let t = e;
   for (; t; ) {
     for (const r of Xn)
@@ -1503,8 +1503,8 @@ function lt(e) {
   }
   return !1;
 }
-function Ge(e) {
-  if (lt(e)) return !1;
+function Je(e) {
+  if (ct(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
     const t = (e.getAttribute("autocomplete") || "").toLowerCase();
@@ -1512,7 +1512,7 @@ function Ge(e) {
   }
   return !0;
 }
-const We = 4096, Jn = 20, Qn = 20, Zn = 10, er = 10, tr = 30, Dt = 500, nr = [
+const Ge = 4096, Jn = 20, Qn = 20, Zn = 10, er = 10, tr = 30, Dt = 500, nr = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1520,7 +1520,7 @@ const We = 4096, Jn = 20, Qn = 20, Zn = 10, er = 10, tr = 30, Dt = 500, nr = [
   "noscript",
   "iframe"
 ];
-function ze(e) {
+function He(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
@@ -1530,7 +1530,7 @@ function ze(e) {
   }
   return !1;
 }
-function He(e) {
+function Oe(e) {
   if (typeof window > "u") return !0;
   const t = e.getBoundingClientRect();
   if (t.width <= 0 || t.height <= 0) return !1;
@@ -1573,70 +1573,70 @@ function rr(e, t = {}) {
   const i = typeof window < "u" && window.location.href || "", o = typeof window < "u" && window.location.pathname || "/", l = r.title || "", s = Array.from(
     r.querySelectorAll("[data-ll-region]")
   ), d = [];
-  for (const m of s) {
+  for (const g of s) {
     if (d.length >= Zn) break;
-    if (ze(m) || !He(m)) continue;
-    const y = m.getAttribute("data-ll-region") ?? "", E = m.getAttribute("data-ll-intent") ?? void 0, w = me(
-      (m.innerText || m.textContent || "").trim(),
+    if (He(g) || !Oe(g)) continue;
+    const v = g.getAttribute("data-ll-region") ?? "", E = g.getAttribute("data-ll-intent") ?? void 0, w = me(
+      (g.innerText || g.textContent || "").trim(),
       Dt * 2
     );
-    !y || !w || d.push({ id: y, intent: E, text: w });
+    !v || !w || d.push({ id: v, intent: E, text: w });
   }
-  const u = [], g = ["H1", "H2", "H3", "H4", "H5", "H6"], p = Array.from(
+  const u = [], y = ["H1", "H2", "H3", "H4", "H5", "H6"], p = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
-  for (const m of p) {
-    if (ze(m) || !He(m)) continue;
-    const y = (m.textContent || "").trim();
-    y && u.push(`${m.tagName}: ${me(y, 200)}`);
+  for (const g of p) {
+    if (He(g) || !Oe(g)) continue;
+    const v = (g.textContent || "").trim();
+    v && u.push(`${g.tagName}: ${me(v, 200)}`);
   }
   const a = Array.from(r.querySelectorAll("p, li"));
-  for (const m of a) {
-    if (ze(m) || !He(m) || g.includes(m.tagName)) continue;
-    const y = (m.textContent || "").trim();
-    y.length > 10 && u.push(me(y, Dt));
+  for (const g of a) {
+    if (He(g) || !Oe(g) || y.includes(g.tagName)) continue;
+    const v = (g.textContent || "").trim();
+    v.length > 10 && u.push(me(v, Dt));
   }
   const c = u.join(`
 `), S = [], L = Array.from(r.querySelectorAll("a[href]"));
-  for (const m of L) {
+  for (const g of L) {
     if (S.length >= Jn) break;
-    if (ze(m) || !He(m)) continue;
-    const y = m.getAttribute("href") || "", E = (m.textContent || "").trim();
-    !y || !E || S.push({ href: y, text: me(E, 100) });
+    if (He(g) || !Oe(g)) continue;
+    const v = g.getAttribute("href") || "", E = (g.textContent || "").trim();
+    !v || !E || S.push({ href: v, text: me(E, 100) });
   }
   const N = [], H = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
-  for (const m of H) {
+  for (const g of H) {
     if (N.length >= Qn) break;
-    if (ze(m) || !Ge(m) || !He(m)) continue;
-    const y = $t(m), E = m instanceof HTMLInputElement ? m.type : m.tagName.toLowerCase();
-    y && N.push({ label: me(y, 100), type: E });
+    if (He(g) || !Je(g) || !Oe(g)) continue;
+    const v = $t(g), E = g instanceof HTMLInputElement ? g.type : g.tagName.toLowerCase();
+    v && N.push({ label: me(v, 100), type: E });
   }
   const R = Array.from(
     r.querySelectorAll("[data-ll-form]")
   ), $ = [];
-  for (const m of R) {
+  for (const g of R) {
     if ($.length >= er) break;
-    if (lt(m)) continue;
-    const y = m.getAttribute("data-ll-form") || "";
-    if (!y) continue;
-    const E = m.getAttribute("data-ll-intent") || void 0, w = Array.from(
-      m.querySelectorAll(
+    if (ct(g)) continue;
+    const v = g.getAttribute("data-ll-form") || "";
+    if (!v) continue;
+    const E = g.getAttribute("data-ll-intent") || void 0, w = Array.from(
+      g.querySelectorAll(
         "[data-ll-field]"
       )
     ), O = [];
-    for (const X of w) {
+    for (const J of w) {
       if (O.length >= tr) break;
-      if (!Ge(X)) continue;
-      const de = X.getAttribute("data-ll-field") || "";
+      if (!Je(J)) continue;
+      const de = J.getAttribute("data-ll-field") || "";
       if (!de) continue;
-      const J = $t(X) || de, Q = X instanceof HTMLInputElement ? X.type : X.tagName.toLowerCase();
-      O.push({ name: de, label: me(J, 100), type: Q });
+      const Q = $t(J) || de, Z = J instanceof HTMLInputElement ? J.type : J.tagName.toLowerCase();
+      O.push({ name: de, label: me(Q, 100), type: Z });
     }
-    $.push({ id: y, intent: E, fields: O });
+    $.push({ id: v, intent: E, fields: O });
   }
   const I = {
     url: i,
@@ -1650,11 +1650,11 @@ function rr(e, t = {}) {
     extras: e
   };
   let D = Ee(JSON.stringify(I.regions)) + Ee(I.visibleText) + Ee(JSON.stringify(I.visibleLinks)) + Ee(JSON.stringify(I.visibleFields));
-  for (; D > We && I.visibleFields.length > 0; )
+  for (; D > Ge && I.visibleFields.length > 0; )
     I.visibleFields.pop(), D = Ee(JSON.stringify(I.visibleFields));
-  for (; D > We && I.visibleLinks.length > 0; )
+  for (; D > Ge && I.visibleLinks.length > 0; )
     I.visibleLinks.pop(), D -= 80;
-  return Ee(I.visibleText) > We && (I.visibleText = me(I.visibleText, We - 100)), I;
+  return Ee(I.visibleText) > Ge && (I.visibleText = me(I.visibleText, Ge - 100)), I;
 }
 let Ce = null;
 function zt(e, t = {}) {
@@ -1677,14 +1677,14 @@ function ar(e) {
   const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), o = [], l = Array.from(t.querySelectorAll("a[href]"));
   for (const s of l) {
     if (o.length >= or) break;
-    if (lt(s)) continue;
+    if (ct(s)) continue;
     const d = s.getAttribute("href") || "";
     if (!lr(d)) continue;
-    let u = d, g = !0;
+    let u = d, y = !0;
     try {
       if (typeof window < "u") {
         const a = new URL(d, r);
-        g = a.origin === r, g && d.startsWith("http") && (u = a.pathname + a.search + a.hash);
+        y = a.origin === r, y && d.startsWith("http") && (u = a.pathname + a.search + a.hash);
       }
     } catch {
       continue;
@@ -1692,7 +1692,7 @@ function ar(e) {
     if (i.has(u)) continue;
     i.add(u);
     const p = (s.textContent || "").trim().slice(0, 120);
-    o.push({ href: u, text: p, internal: g });
+    o.push({ href: u, text: p, internal: y });
   }
   return o;
 }
@@ -1748,7 +1748,7 @@ const pr = /* @__PURE__ */ new Set([
   "request_routes"
 ]);
 function hr(e) {
-  var ht, mt, gt, yt, vt, bt, wt;
+  var gt, yt, vt, bt, wt, _t, xt;
   const {
     agentId: t,
     apiKey: r,
@@ -1758,7 +1758,7 @@ function hr(e) {
     autoConnect: s = !1,
     displayMode: d,
     defaultDisplayMode: u = "expanded",
-    onDisplayModeChange: g,
+    onDisplayModeChange: y,
     position: p = "bottom-right",
     mobileBreakpoint: a = 640,
     persistKey: c = "ll-widget",
@@ -1770,19 +1770,19 @@ function hr(e) {
     greeting: $,
     avatarImageUrl: I,
     agentName: D,
-    branding: m = {},
-    allowCamera: y = !0,
+    branding: g = {},
+    allowCamera: v = !0,
     allowScreenShare: E = !0,
     allowTyping: w = !0,
     showOn: O,
-    hideOn: X,
+    hideOn: J,
     pathname: de,
-    onNavigate: J,
-    onScrollToSelector: Q,
+    onNavigate: Q,
+    onScrollToSelector: Z,
     getPageContext: ue,
-    pageContextExtras: Oe,
-    onScrollPage: qe,
-    onClick: Be,
+    pageContextExtras: qe,
+    onScrollPage: Be,
+    onClick: Ue,
     capabilities: Ne,
     onConnect: fe,
     onDisconnect: ge,
@@ -1792,42 +1792,42 @@ function hr(e) {
     onAgentEvent: we,
     onAgentCommand: _e,
     controlledSession: q,
-    className: Ke,
-    style: Ue,
-    zIndex: Fe = 2147483647
-  } = e, Ae = Cn(de), Ie = Tn(Ae, O, X);
+    className: Qe,
+    style: Fe,
+    zIndex: We = 2147483647
+  } = e, Ae = Cn(de), Ie = Tn(Ae, O, J);
   P(() => {
     ir(), dr();
   }, [Ae]);
   const ie = N !== void 0, [pe, xe] = C(() => {
-    var v;
-    return N ?? ((v = L == null ? void 0 : L[0]) == null ? void 0 : v.id);
-  }), Z = ie ? N : pe, V = Ve(
-    () => (L == null ? void 0 : L.find((v) => v.id === Z)) ?? null,
-    [L, Z]
-  ), Me = (V == null ? void 0 : V.agentId) ?? t, [oe, G] = xn({
+    var m;
+    return N ?? ((m = L == null ? void 0 : L[0]) == null ? void 0 : m.id);
+  }), ee = ie ? N : pe, V = Ke(
+    () => (L == null ? void 0 : L.find((m) => m.id === ee)) ?? null,
+    [L, ee]
+  ), Me = (V == null ? void 0 : V.agentId) ?? t, [oe, K] = xn({
     value: d,
     defaultValue: u,
-    onChange: g,
+    onChange: y,
     persistKey: c,
     disablePersistence: S
-  }), ne = Ln(a), le = dn(), Y = un(), K = pn(), ae = hn(), Re = mn(), [Xe, ke] = C(!1), [Te, Pe] = C(!1), [h, j] = C(!1), [at, Bt] = C(!1), [Je, Ut] = C(!1), Qe = M(J), Ze = M(Q), et = M(qe), tt = M(Be), ct = M(ue), st = M(Oe), nt = M(Ne), ee = M(null);
-  Qe.current = J, Ze.current = Q, et.current = qe, tt.current = Be, ct.current = ue, st.current = Oe, nt.current = Ne;
-  function ce(v) {
-    const f = nt.current;
-    return f ? f.includes(v) : !0;
+  }), ne = Ln(a), le = dn(), Y = un(), X = pn(), ae = hn(), Re = mn(), [Ze, ke] = C(!1), [Te, Pe] = C(!1), [h, W] = C(!1), [st, Bt] = C(!1), [et, Ut] = C(!1), tt = M(Q), nt = M(Z), rt = M(Be), it = M(Ue), dt = M(ue), ut = M(qe), ot = M(Ne), te = M(null);
+  tt.current = Q, nt.current = Z, rt.current = Be, it.current = Ue, dt.current = ue, ut.current = qe, ot.current = Ne;
+  function ce(m) {
+    const f = ot.current;
+    return f ? f.includes(m) : !0;
   }
-  function se(v, f) {
+  function se(m, f) {
     console.warn(
-      `[LiveLayer] Agent command "${v}" blocked — capability "${f}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
+      `[LiveLayer] Agent command "${m}" blocked — capability "${f}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
     );
   }
-  const rt = x(
-    (v) => {
-      var te, _t, xt, kt;
-      const f = v;
+  const De = x(
+    (m) => {
+      var G, je, Ve, kt;
+      const f = m;
       if (!(!f.type || typeof f.type != "string")) {
-        if (we == null || we({ eventName: f.type, data: v }), f.type === "navigate") {
+        if (we == null || we({ eventName: f.type, data: m }), f.type === "navigate") {
           if (!ce("navigate")) {
             se("navigate", "navigate");
             return;
@@ -1839,9 +1839,9 @@ function hr(e) {
             );
             return;
           }
-          if (Qe.current) {
+          if (tt.current) {
             try {
-              Qe.current(_);
+              tt.current(_);
             } catch (A) {
               console.warn(
                 `[LiveLayer] onNavigate threw for "${_}". Falling back. Error:`,
@@ -1878,9 +1878,9 @@ function hr(e) {
           const _ = typeof f.selector == "string" ? f.selector : null;
           if (!_) return;
           const A = f.behavior === "instant" ? "instant" : "smooth";
-          if (Ze.current) {
+          if (nt.current) {
             try {
-              Ze.current(
+              nt.current(
                 _,
                 A
               );
@@ -1917,8 +1917,8 @@ function hr(e) {
             se("request_page_context", "read_page");
             return;
           }
-          const _ = typeof f.requestId == "string" ? f.requestId : void 0, A = (te = ee.current) == null ? void 0 : te.call(ee), T = (U) => {
-            const W = A, re = W == null ? void 0 : W.localParticipant;
+          const _ = typeof f.requestId == "string" ? f.requestId : void 0, A = (G = te.current) == null ? void 0 : G.call(te), T = (U) => {
+            const j = A, re = j == null ? void 0 : j.localParticipant;
             if (re != null && re.publishData)
               try {
                 const he = _ ? { ...U, requestId: _ } : U, Le = new TextEncoder().encode(JSON.stringify(he));
@@ -1926,15 +1926,15 @@ function hr(e) {
               } catch (he) {
                 console.warn("[LiveLayer] publishData failed.", he);
               }
-          }, z = st.current, B = ct.current;
+          }, z = ut.current, B = dt.current;
           try {
             if (B) {
               const U = B(z);
               if (U instanceof Promise) {
-                T({ type: "page_context_pending" }), U.then((W) => T({ type: "page_context", context: W })).catch((W) => {
+                T({ type: "page_context_pending" }), U.then((j) => T({ type: "page_context", context: j })).catch((j) => {
                   console.warn(
                     "[LiveLayer] getPageContext rejected; falling back to default walker.",
-                    W
+                    j
                   ), T({
                     type: "page_context",
                     context: zt(z)
@@ -1973,9 +1973,9 @@ function hr(e) {
             return;
           }
           const A = f.behavior === "instant" ? "instant" : "smooth";
-          if (et.current) {
+          if (rt.current) {
             try {
-              et.current(
+              rt.current(
                 _,
                 A
               );
@@ -1999,9 +1999,9 @@ function hr(e) {
             console.warn("[LiveLayer] click: missing selector.");
             return;
           }
-          if (tt.current) {
+          if (it.current) {
             try {
-              tt.current(_);
+              it.current(_);
             } catch (T) {
               console.warn("[LiveLayer] onClick threw.", T);
             }
@@ -2029,7 +2029,7 @@ function hr(e) {
             );
             return;
           }
-          (_t = A.click) == null || _t.call(A);
+          (je = A.click) == null || je.call(A);
           return;
         }
         if (f.type === "fill_form" || f.type === "focus_field") {
@@ -2071,7 +2071,7 @@ function hr(e) {
               );
               return;
             }
-            if (!Ge(B)) {
+            if (!Je(B)) {
               console.warn(
                 `[LiveLayer] focus_field: field "${z}" is privacy-protected and not focusable.`
               );
@@ -2094,7 +2094,7 @@ function hr(e) {
               );
               continue;
             }
-            if (!Ge(U)) {
+            if (!Je(U)) {
               console.warn(
                 `[LiveLayer] fill_form: field "${z}" is privacy-protected (password / cc-* / private). Skipping.`
               );
@@ -2102,10 +2102,10 @@ function hr(e) {
             }
             try {
               fr(U, B);
-            } catch (W) {
+            } catch (j) {
               console.warn(
                 `[LiveLayer] fill_form: failed to set "${z}".`,
-                W
+                j
               );
             }
           }
@@ -2137,7 +2137,7 @@ function hr(e) {
             );
             return;
           }
-          const T = typeof f.requestId == "string" ? f.requestId : void 0, z = (xt = ee.current) == null ? void 0 : xt.call(ee), B = (re) => {
+          const T = typeof f.requestId == "string" ? f.requestId : void 0, z = (Ve = te.current) == null ? void 0 : Ve.call(te), B = (re) => {
             const he = z, Le = he == null ? void 0 : he.localParticipant;
             if (Le != null && Le.publishData)
               try {
@@ -2147,14 +2147,14 @@ function hr(e) {
               }
           };
           let U = !1;
-          const W = () => {
+          const j = () => {
             U = !0, B({ type: "form_submitted", formId: _ });
           };
-          A.addEventListener("submit", W, { once: !0 });
+          A.addEventListener("submit", j, { once: !0 });
           try {
             typeof A.requestSubmit == "function" ? A.requestSubmit() : A.submit();
           } catch (re) {
-            console.warn("[LiveLayer] submit_form: requestSubmit threw.", re), A.removeEventListener("submit", W), B({
+            console.warn("[LiveLayer] submit_form: requestSubmit threw.", re), A.removeEventListener("submit", j), B({
               type: "form_submit_blocked",
               formId: _,
               reason: "exception"
@@ -2162,7 +2162,7 @@ function hr(e) {
             return;
           }
           setTimeout(() => {
-            U || (A.removeEventListener("submit", W), B({
+            U || (A.removeEventListener("submit", j), B({
               type: "form_submit_blocked",
               formId: _,
               reason: "validation"
@@ -2175,11 +2175,11 @@ function hr(e) {
             se("request_routes", "read_page");
             return;
           }
-          const _ = typeof f.requestId == "string" ? f.requestId : void 0, T = (kt = ee.current) == null ? void 0 : kt.call(ee), z = T == null ? void 0 : T.localParticipant;
+          const _ = typeof f.requestId == "string" ? f.requestId : void 0, T = (kt = te.current) == null ? void 0 : kt.call(te), z = T == null ? void 0 : T.localParticipant;
           if (!(z != null && z.publishData)) return;
           try {
-            const B = sr(), U = _ ? { type: "routes", routes: B, requestId: _ } : { type: "routes", routes: B }, W = new TextEncoder().encode(JSON.stringify(U));
-            z.publishData(W, { reliable: !0 });
+            const B = sr(), U = _ ? { type: "routes", routes: B, requestId: _ } : { type: "routes", routes: B }, j = new TextEncoder().encode(JSON.stringify(U));
+            z.publishData(j, { reliable: !0 });
           } catch (B) {
             console.warn("[LiveLayer] request_routes: extractRoutes threw.", B);
           }
@@ -2195,16 +2195,30 @@ function hr(e) {
     apiKey: r,
     sessionEndpoint: o,
     sessionBody: l,
-    onDataMessage: q ? void 0 : rt
+    onDataMessage: q ? void 0 : De
   });
   P(() => {
     if (q != null && q.subscribeToDataMessages)
-      return q.subscribeToDataMessages(rt);
-  }, [q, rt]), ee.current = () => {
-    var v;
-    return (v = F.getRoom) == null ? void 0 : v.call(F);
-  };
-  const b = Ve(() => q ? {
+      return q.subscribeToDataMessages(De);
+  }, [q, De]), te.current = () => {
+    var m;
+    return (m = F.getRoom) == null ? void 0 : m.call(F);
+  }, P(() => {
+    var G;
+    if (typeof window > "u") return;
+    const m = ((G = window.location) == null ? void 0 : G.hostname) || "";
+    if (m === "localhost" || m === "127.0.0.1" || m === "0.0.0.0" || m.endsWith(".local") || m.endsWith(".test"))
+      return window.__livelayerSimulateCommand = (je) => {
+        try {
+          De(je);
+        } catch (Ve) {
+          console.warn("[LiveLayer] simulate-command threw:", Ve);
+        }
+      }, () => {
+        delete window.__livelayerSimulateCommand;
+      };
+  }, [De]);
+  const b = Ke(() => q ? {
     connectionState: q.connectionState,
     agentState: q.agentState,
     transcript: q.transcript,
@@ -2235,47 +2249,47 @@ function hr(e) {
     disconnect: F.disconnect,
     getRoom: F.getRoom,
     isControlled: !1
-  }, [q, F]), dt = M(null);
+  }, [q, F]), ft = M(null);
   P(() => {
-    const v = b.videoElement, f = dt.current;
-    if (!(!v || !f))
-      return f.appendChild(v), () => {
-        v.parentNode === f && f.removeChild(v);
+    const m = b.videoElement, f = ft.current;
+    if (!(!m || !f))
+      return f.appendChild(m), () => {
+        m.parentNode === f && f.removeChild(m);
       };
   }, [b.videoElement]), P(() => {
-    const v = b.audioElement;
-    if (!v) return;
-    le.attach(v);
-    const f = v.play();
-    return f && typeof f.catch == "function" && f.catch((te) => {
-      (te == null ? void 0 : te.name) === "NotAllowedError" && ke(!0);
+    const m = b.audioElement;
+    if (!m) return;
+    le.attach(m);
+    const f = m.play();
+    return f && typeof f.catch == "function" && f.catch((G) => {
+      (G == null ? void 0 : G.name) === "NotAllowedError" && ke(!0);
     }), () => {
       le.detach();
     };
   }, [b.audioElement]), P(() => {
     if (b.isControlled || b.connectionState !== "connected") return;
-    const v = b.getRoom();
-    if (v)
-      return Y.setupMic(v).catch(() => {
-      }), K.attachRoom(v), ae.attachRoom(v), Re.refresh(), () => {
-        Y.teardownMic(), K.teardown(), ae.teardown();
+    const m = b.getRoom();
+    if (m)
+      return Y.setupMic(m).catch(() => {
+      }), X.attachRoom(m), ae.attachRoom(m), Re.refresh(), () => {
+        Y.teardownMic(), X.teardown(), ae.teardown();
       };
   }, [b.isControlled, b.connectionState]), P(() => {
-    const v = b.audioElement;
-    v && (v.muted = Je);
-  }, [b.audioElement, Je]);
-  const Ft = x((v) => {
+    const m = b.audioElement;
+    m && (m.muted = et);
+  }, [b.audioElement, et]);
+  const Ft = x((m) => {
     const f = b.getRoom();
     if (f)
       try {
-        const te = new TextEncoder().encode(
-          JSON.stringify({ type: "user_message", text: v })
+        const G = new TextEncoder().encode(
+          JSON.stringify({ type: "user_message", text: m })
         );
-        f.localParticipant.publishData(te, { reliable: !0 });
+        f.localParticipant.publishData(G, { reliable: !0 });
       } catch {
       }
-  }, [b]), jt = x(() => {
-    Ut((v) => !v);
+  }, [b]), Wt = x(() => {
+    Ut((m) => !m);
   }, []);
   P(() => {
     be == null || be(b.connectionState), b.connectionState === "connected" ? fe == null || fe() : b.connectionState === "disconnected" && (ge == null || ge());
@@ -2284,18 +2298,18 @@ function hr(e) {
   }, [b.transcript, ye]), P(() => {
     ve == null || ve(b.agentState);
   }, [b.agentState, ve]);
-  const ut = M(!1);
+  const pt = M(!1);
   P(() => {
-    b.isControlled || !s || ut.current || Ie && b.connectionState === "idle" && (ut.current = !0, b.connect());
+    b.isControlled || !s || pt.current || Ie && b.connectionState === "idle" && (pt.current = !0, b.connect());
   }, [s, b.connectionState, b, Ie]);
-  const Wt = x(
-    (v) => {
-      const f = L == null ? void 0 : L.find((te) => te.id === v);
-      f && (j(!1), v !== Z && (Pe(!0), b.disconnect(), ie || xe(v), H == null || H(f)));
+  const jt = x(
+    (m) => {
+      const f = L == null ? void 0 : L.find((G) => G.id === m);
+      f && (W(!1), m !== ee && (Pe(!0), b.disconnect(), ie || xe(m), H == null || H(f)));
     },
     [
       L,
-      Z,
+      ee,
       b,
       ie,
       H
@@ -2305,40 +2319,40 @@ function hr(e) {
     Te && b.connectionState === "connected" && Pe(!1);
   }, [b.connectionState, Te]), P(() => {
     if (!h) return;
-    const v = (f) => {
-      f.key === "Escape" && j(!1);
+    const m = (f) => {
+      f.key === "Escape" && W(!1);
     };
-    return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
+    return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
   }, [h]);
-  const Vt = !!I || !!(V != null && V.avatarImageUrl) || b.isControlled, De = gn(Me, i, Vt);
-  Ne === void 0 && ((ht = De.info) != null && ht.capabilities) && (nt.current = De.info.capabilities);
-  const it = (V == null ? void 0 : V.name) ?? D ?? ((mt = b.agentConfig) == null ? void 0 : mt.name) ?? ((gt = De.info) == null ? void 0 : gt.name) ?? "Live Layer", ft = (V == null ? void 0 : V.avatarImageUrl) ?? I ?? ((yt = b.agentConfig) == null ? void 0 : yt.avatarImageUrl) ?? ((vt = De.info) == null ? void 0 : vt.avatarImageUrl) ?? null, Yt = R ?? ((bt = b.agentConfig) == null ? void 0 : bt.idleLoopUrl) ?? ((wt = De.info) == null ? void 0 : wt.idleLoopUrl) ?? null, Gt = $ ?? null, Kt = x(() => G("expanded"), [G]), Xt = x(
-    () => G("minimized"),
-    [G]
-  ), pt = x(() => {
-    b.disconnect(), G("hidden");
-  }, [b, G]), Jt = x(() => {
-    const v = b.audioElement;
-    v && v.play().then(() => ke(!1)).catch(() => {
+  const Vt = !!I || !!(V != null && V.avatarImageUrl) || b.isControlled, $e = gn(Me, i, Vt);
+  Ne === void 0 && ((gt = $e.info) != null && gt.capabilities) && (ot.current = $e.info.capabilities);
+  const lt = (V == null ? void 0 : V.name) ?? D ?? ((yt = b.agentConfig) == null ? void 0 : yt.name) ?? ((vt = $e.info) == null ? void 0 : vt.name) ?? "Live Layer", ht = (V == null ? void 0 : V.avatarImageUrl) ?? I ?? ((bt = b.agentConfig) == null ? void 0 : bt.avatarImageUrl) ?? ((wt = $e.info) == null ? void 0 : wt.avatarImageUrl) ?? null, Yt = R ?? ((_t = b.agentConfig) == null ? void 0 : _t.idleLoopUrl) ?? ((xt = $e.info) == null ? void 0 : xt.idleLoopUrl) ?? null, Gt = $ ?? null, Kt = x(() => K("expanded"), [K]), Xt = x(
+    () => K("minimized"),
+    [K]
+  ), mt = x(() => {
+    b.disconnect(), K("hidden");
+  }, [b, K]), Jt = x(() => {
+    const m = b.audioElement;
+    m && m.play().then(() => ke(!1)).catch(() => {
     });
   }, [b.audioElement]), Qt = x(() => {
     ke(!1), b.connect();
-  }, [b]), $e = {
-    ...Ue,
-    zIndex: Fe
+  }, [b]), ze = {
+    ...Fe,
+    zIndex: We
   };
-  m.primaryColor && ($e["--ll-color-primary"] = m.primaryColor), m.accentColor && ($e["--ll-color-accent"] = m.accentColor), m.backgroundColor && ($e["--ll-color-bg"] = m.backgroundColor), m.textColor && ($e["--ll-color-fg"] = m.textColor);
+  g.primaryColor && (ze["--ll-color-primary"] = g.primaryColor), g.accentColor && (ze["--ll-color-accent"] = g.accentColor), g.backgroundColor && (ze["--ll-color-bg"] = g.backgroundColor), g.textColor && (ze["--ll-color-fg"] = g.textColor);
   const Zt = [
     "ll-widget",
     `ll-widget--${oe}`,
     `ll-widget--${ne ? "mobile" : "desktop"}`,
-    Ke
+    Qe
   ].filter(Boolean).join(" ");
   return Ie ? /* @__PURE__ */ k(
     "div",
     {
       className: Zt,
-      style: $e,
+      style: ze,
       "data-display-mode": oe,
       "data-position": p,
       children: [
@@ -2348,8 +2362,8 @@ function hr(e) {
             position: p,
             isMobile: ne,
             isSpeaking: b.agentState === "speaking",
-            onExpand: () => G("expanded"),
-            label: `Open ${it} widget`
+            onExpand: () => K("expanded"),
+            label: `Open ${lt} widget`
           }
         ),
         oe === "minimized" && /* @__PURE__ */ n(
@@ -2357,66 +2371,66 @@ function hr(e) {
           {
             position: p,
             isMobile: ne,
-            agentName: it,
-            avatarImageUrl: ft,
+            agentName: lt,
+            avatarImageUrl: ht,
             agentState: b.agentState,
             isMuted: Y.isMuted,
             audioLevel: le,
             onExpand: Kt,
             onToggleMute: Y.toggleMute,
-            onClose: pt
+            onClose: mt
           }
         ),
         oe === "expanded" && /* @__PURE__ */ n(
-          jn,
+          Wn,
           {
             position: p,
             isMobile: ne,
-            agentName: it,
-            avatarImageUrl: ft,
+            agentName: lt,
+            avatarImageUrl: ht,
             idleLoopUrl: Yt,
             greeting: Gt,
-            branding: m,
+            branding: g,
             teamMembers: L,
-            currentTeamMemberId: Z,
+            currentTeamMemberId: ee,
             isSwitchingTeamMember: Te,
             teamSwitcherOpen: h,
-            onToggleTeamSwitcher: () => j((v) => !v),
-            onSelectTeamMember: Wt,
+            onToggleTeamSwitcher: () => W((m) => !m),
+            onSelectTeamMember: jt,
             connectionState: b.connectionState,
             agentState: b.agentState,
             transcript: b.transcript,
             isMuted: Y.isMuted,
             micDevices: Re.mics,
-            isCameraEnabled: K.isEnabled,
-            cameraPreviewEl: K.previewEl,
+            isCameraEnabled: X.isEnabled,
+            cameraPreviewEl: X.previewEl,
             cameraDevices: Re.cameras,
-            activeCameraId: K.activeDeviceId,
+            activeCameraId: X.activeDeviceId,
             isScreenShareEnabled: ae.isEnabled,
             screenPreviewEl: ae.previewEl,
-            isSpeakerMuted: Je,
-            allowCamera: y,
+            isSpeakerMuted: et,
+            allowCamera: v,
             allowScreenShare: E,
             allowTyping: w,
-            languageMenuOpen: at,
-            onToggleLanguageMenu: () => Bt((v) => !v),
-            needsUserGesture: Xe,
+            languageMenuOpen: st,
+            onToggleLanguageMenu: () => Bt((m) => !m),
+            needsUserGesture: Ze,
             canResume: b.canResume,
             micError: Y.micError,
             error: b.error,
-            avatarVideoContainerRef: dt,
+            avatarVideoContainerRef: ft,
             onConnect: () => void b.connect(),
             onDisconnect: () => b.disconnect(),
             onRetry: Qt,
             onResumeAudio: Jt,
             onToggleMute: Y.toggleMute,
-            onToggleCamera: () => void K.toggle(),
-            onSwitchCameraDevice: (v) => void K.switchDevice(v),
+            onToggleCamera: () => void X.toggle(),
+            onSwitchCameraDevice: (m) => void X.switchDevice(m),
             onToggleScreenShare: () => void ae.toggle(),
-            onToggleSpeaker: jt,
+            onToggleSpeaker: Wt,
             onSendMessage: Ft,
             onMinimize: Xt,
-            onClose: pt,
+            onClose: mt,
             onClearMicError: Y.clearError
           }
         )
@@ -2436,12 +2450,12 @@ const _r = ({
   className: l,
   style: s
 }) => {
-  const d = M(null), u = M(null), g = M(o);
-  g.current = o;
+  const d = M(null), u = M(null), y = M(o);
+  y.current = o;
   const p = x((a) => {
     var S;
     const c = a.detail;
-    (S = g.current) == null || S.call(g, c);
+    (S = y.current) == null || S.call(y, c);
   }, []);
   return P(() => {
     const a = d.current;
@@ -2453,7 +2467,7 @@ const _r = ({
   }, [e]), P(() => {
     u.current && (i ? u.current.setAttribute("mode", i) : u.current.removeAttribute("mode"));
   }, [i]), /* @__PURE__ */ n("div", { ref: d, className: l, style: s });
-}, xr = ot(
+}, xr = at(
   function({ id: t, intent: r, as: i = "div", className: o, style: l, children: s }, d) {
     return rn(
       i,
@@ -2467,7 +2481,7 @@ const _r = ({
       s
     );
   }
-), kr = ot(
+), kr = at(
   function({ id: t, intent: r, children: i, ...o }, l) {
     return /* @__PURE__ */ n(
       "form",
@@ -2480,12 +2494,12 @@ const _r = ({
       }
     );
   }
-), Lr = ot(
+), Lr = at(
   function(t, r) {
     const { name: i, label: o, labelClassName: l } = t, s = { name: i, "data-ll-field": i };
     let d;
     if ("as" in t && t.as === "textarea") {
-      const { name: u, label: g, labelClassName: p, as: a, ...c } = t;
+      const { name: u, label: y, labelClassName: p, as: a, ...c } = t;
       d = /* @__PURE__ */ n(
         "textarea",
         {
@@ -2495,7 +2509,7 @@ const _r = ({
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: u, label: g, labelClassName: p, as: a, children: c, ...S } = t;
+      const { name: u, label: y, labelClassName: p, as: a, children: c, ...S } = t;
       d = /* @__PURE__ */ n(
         "select",
         {
@@ -2506,7 +2520,7 @@ const _r = ({
         }
       );
     } else {
-      const { name: u, label: g, labelClassName: p, as: a, ...c } = t;
+      const { name: u, label: y, labelClassName: p, as: a, ...c } = t;
       d = /* @__PURE__ */ n(
         "input",
         {