@livelayer/react 0.5.19 → 0.5.20

package/dist/index.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { jsxs as _, jsx as n, Fragment as wt } from "react/jsx-runtime";
-import { Component as yn, useState as L, useRef as E, useEffect as A, useCallback as k, useMemo as st, forwardRef as _t, createElement as vn } from "react";
+import { jsxs as _, jsx as n, Fragment as _t } from "react/jsx-runtime";
+import { Component as yn, useState as L, useRef as E, useEffect as A, useCallback as k, useMemo as ct, forwardRef as xt, createElement as vn } from "react";
 import { LiveKitSession as bn } from "@livelayer/sdk";
 import { createLocalAudioTrack as wn, Track as nn, createLocalVideoTrack as _n } from "livekit-client";
 class xn extends yn {
@@ -34,14 +34,14 @@ class xn extends yn {
   }
 }
 function kn(e) {
-  const [t, r] = L("idle"), [i, o] = L("idle"), [l, d] = L([]), [u, f] = L(null), [y, b] = L(null), [s, a] = L(null), [x, N] = L(!1), [C, v] = L(null), w = E(null), O = E(e.onDataMessage);
+  const [t, r] = L("idle"), [i, o] = L("idle"), [l, c] = L([]), [u, f] = L(null), [y, b] = L(null), [s, a] = L(null), [x, N] = L(!1), [C, v] = L(null), w = E(null), O = E(e.onDataMessage);
   O.current = e.onDataMessage, A(() => {
     const R = {
       onConnectionStateChange: (z) => {
         r(z), z === "connected" && v(null);
       },
       onAgentStateChange: o,
-      onTranscript: (z) => d([...z]),
+      onTranscript: (z) => c([...z]),
       onAgentConfig: f,
       onAudioTrack: (z) => a(z),
       onVideoTrack: (z) => b(z),
@@ -62,7 +62,7 @@ function kn(e) {
       },
       R
     );
-    return w.current = W, r("idle"), o("idle"), d([]), f(null), b(null), a(null), N(!1), v(null), () => {
+    return w.current = W, r("idle"), o("idle"), c([]), f(null), b(null), a(null), N(!1), v(null), () => {
       var z;
       (z = W.destroy) == null || z.call(W), w.current = null;
     };
@@ -104,7 +104,7 @@ function kn(e) {
   };
 }
 function Ln() {
-  const e = E(null), t = E(null), r = E(null), i = E(null), o = E(/* @__PURE__ */ new Set()), l = E(null), d = k(() => {
+  const e = E(null), t = E(null), r = E(null), i = E(null), o = E(/* @__PURE__ */ new Set()), l = E(null), c = k(() => {
     const s = t.current;
     if (!s) {
       i.current = null;
@@ -124,7 +124,7 @@ function Ln() {
       } catch (v) {
         console.error("[useAudioLevel] subscriber threw:", v);
       }
-    i.current = requestAnimationFrame(d);
+    i.current = requestAnimationFrame(c);
   }, []), u = k(() => {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
     const s = new AudioContext(), a = s.createAnalyser();
@@ -146,10 +146,10 @@ function Ln() {
           console.warn("[useAudioLevel] createMediaElementSource failed:", a);
           return;
         }
-        i.current === null && (i.current = requestAnimationFrame(d));
+        i.current === null && (i.current = requestAnimationFrame(c));
       }
     },
-    [u, d]
+    [u, c]
   ), y = k(() => {
     if (i.current !== null && (cancelAnimationFrame(i.current), i.current = null), r.current) {
       try {
@@ -180,7 +180,7 @@ function Ln() {
   }, [y]), { attach: f, detach: y, subscribe: b };
 }
 function Sn() {
-  const [e, t] = L(!1), [r, i] = L(null), o = E(null), l = E(null), d = k(
+  const [e, t] = L(!1), [r, i] = L(null), o = E(null), l = E(null), c = k(
     async (s, a) => {
       if (o.current && l.current) {
         try {
@@ -224,14 +224,14 @@ function Sn() {
     micError: r,
     toggleMute: u,
     setMuted: f,
-    setupMic: d,
+    setupMic: c,
     teardownMic: y,
     clearError: b
   };
 }
 const Cn = { resolution: { width: 640, height: 480, frameRate: 24 } };
 function En() {
-  const [e, t] = L(!1), [r, i] = L(null), [o, l] = L(null), [d, u] = L(""), f = E(null), y = E(null), b = k((w) => {
+  const [e, t] = L(!1), [r, i] = L(null), [o, l] = L(null), [c, u] = L(""), f = E(null), y = E(null), b = k((w) => {
     f.current = w;
   }, []), s = k(() => {
     const w = f.current, O = y.current;
@@ -271,8 +271,8 @@ function En() {
       }
     }
   }, []), x = k(async () => {
-    e ? s() : await a(d || void 0);
-  }, [e, d, s, a]), N = k(async (w) => {
+    e ? s() : await a(c || void 0);
+  }, [e, c, s, a]), N = k(async (w) => {
     s(), await a(w);
   }, [s, a]), C = k(() => {
     s(), f.current = null, i(null), u("");
@@ -283,7 +283,7 @@ function En() {
     isEnabled: e,
     error: r,
     previewEl: o,
-    activeDeviceId: d,
+    activeDeviceId: c,
     toggle: x,
     switchDevice: N,
     attachRoom: b,
@@ -292,10 +292,10 @@ function En() {
   };
 }
 function Nn() {
-  const [e, t] = L(!1), [r, i] = L(null), [o, l] = L(null), d = E(null), u = k((a) => {
-    d.current = a;
+  const [e, t] = L(!1), [r, i] = L(null), [o, l] = L(null), c = E(null), u = k((a) => {
+    c.current = a;
   }, []), f = k(() => l(null), []), y = k(async () => {
-    const a = d.current;
+    const a = c.current;
     if (a) {
       if (e) {
         try {
@@ -332,13 +332,13 @@ function Nn() {
       }
     }
   }, [e, f]), b = k(() => {
-    const a = d.current;
+    const a = c.current;
     if (a && e)
       try {
         a.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
-    f(), t(!1), i(null), d.current = null;
+    f(), t(!1), i(null), c.current = null;
   }, [e, f]), s = k(() => i(null), []);
   return { isEnabled: e, error: r, previewEl: o, toggle: y, attachRoom: u, teardown: b, clearError: s };
 }
@@ -347,7 +347,7 @@ function An() {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
-        t(l.filter((d) => d.kind === "audioinput")), i(l.filter((d) => d.kind === "videoinput"));
+        t(l.filter((c) => c.kind === "audioinput")), i(l.filter((c) => c.kind === "videoinput"));
       } catch {
       }
   }, []);
@@ -358,14 +358,14 @@ function An() {
   }, [o]), { mics: e, cameras: r, refresh: o };
 }
 function Rn(e, t, r = !1) {
-  const [i, o] = L(null), [l, d] = L(null), [u, f] = L(!r && !!e);
+  const [i, o] = L(null), [l, c] = L(null), [u, f] = L(!r && !!e);
   return A(() => {
     if (r || !e) {
       f(!1);
       return;
     }
     const y = new AbortController(), b = t || "https://app.livelayer.studio";
-    return f(!0), d(null), fetch(`${b}/api/widget/agent/${encodeURIComponent(e)}`, {
+    return f(!0), c(null), fetch(`${b}/api/widget/agent/${encodeURIComponent(e)}`, {
       signal: y.signal
     }).then(async (s) => {
       if (!s.ok) {
@@ -376,7 +376,7 @@ function Rn(e, t, r = !1) {
     }).then((s) => {
       y.signal.aborted || (o(s), f(!1));
     }).catch((s) => {
-      y.signal.aborted || (d(s instanceof Error ? s.message : "Agent lookup failed"), f(!1));
+      y.signal.aborted || (c(s instanceof Error ? s.message : "Agent lookup failed"), f(!1));
     }), () => y.abort();
   }, [e, t, r]), { info: i, error: l, loading: u };
 }
@@ -400,13 +400,13 @@ function Tn({
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const i = e !== void 0, [o, l] = L(t), d = i ? e : o, u = k(
+  const i = e !== void 0, [o, l] = L(t), c = i ? e : o, u = k(
     (f) => {
-      f !== d && (i || l(f), r == null || r(f));
+      f !== c && (i || l(f), r == null || r(f));
     },
-    [d, i, r]
+    [c, i, r]
   );
-  return [d, u];
+  return [c, u];
 }
 const Pn = ["hidden", "minimized", "expanded"];
 function Dn(e) {
@@ -419,7 +419,7 @@ function $n({
   persistKey: i = "ll-widget",
   disablePersistence: o = !1
 } = {}) {
-  const l = `${i}:display-mode`, d = E(!1), [u, f] = Tn({
+  const l = `${i}:display-mode`, c = E(!1), [u, f] = Tn({
     value: e,
     defaultValue: t,
     onChange: (y) => {
@@ -427,7 +427,7 @@ function $n({
     }
   });
   return A(() => {
-    if (d.current || (d.current = !0, o || e !== void 0)) return;
+    if (c.current || (c.current = !0, o || e !== void 0)) return;
     const y = Dn(Mn(l));
     y && y !== u && f(y);
   }, []), [u, f];
@@ -448,16 +448,16 @@ function Hn(e = zn) {
     });
   }, [e]), t;
 }
-const Ot = "__llHistoryPatched", ct = "ll:pathname";
+const Ot = "__llHistoryPatched", dt = "ll:pathname";
 function On() {
   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(ct)), i;
+    return window.dispatchEvent(new Event(dt)), i;
   }, window.history.replaceState = function(...r) {
     const i = t.apply(this, r);
-    return window.dispatchEvent(new Event(ct)), i;
+    return window.dispatchEvent(new Event(dt)), i;
   }, window.history[Ot] = !0;
 }
 function qt() {
@@ -471,8 +471,8 @@ function qn(e) {
     if (e !== void 0) return;
     On();
     const i = () => r(qt());
-    return i(), window.addEventListener("popstate", i), window.addEventListener(ct, i), () => {
-      window.removeEventListener("popstate", i), window.removeEventListener(ct, i);
+    return i(), window.addEventListener("popstate", i), window.addEventListener(dt, i), () => {
+      window.removeEventListener("popstate", i), window.removeEventListener(dt, i);
     };
   }, [e]), e ?? t;
 }
@@ -503,7 +503,7 @@ function Vn(e, t, r) {
   return e === void 0 ? !0 : Wt(r, e) ? !1 : t && t.length > 0 ? Wt(t, e) : !0;
 }
 function Yn(e, t, r) {
-  return st(
+  return ct(
     () => Vn(e, t, r),
     [e, t, r]
   );
@@ -630,7 +630,7 @@ const Zn = ({
   onExpand: i,
   label: o = "Open widget",
   avatarImageUrl: l,
-  agentName: d
+  agentName: c
 }) => {
   const u = Xn(e), f = u === "right" ? "left" : "right", y = t ? 80 : 72, b = !!l, [s, a] = L(null), [x, N] = L(!1), C = E(null), v = E(!1), w = k(
     (M) => {
@@ -729,7 +729,7 @@ const Zn = ({
         // 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__ */ _(wt, { children: [
+        /* @__PURE__ */ _(_t, { children: [
           /* @__PURE__ */ n(
             jt,
             {
@@ -741,7 +741,7 @@ const Zn = ({
             "img",
             {
               src: l,
-              alt: d ? `${d} avatar` : "Agent avatar",
+              alt: c ? `${c} avatar` : "Agent avatar",
               className: "ll-hidden__avatar",
               draggable: !1
             }
@@ -764,7 +764,7 @@ const Zn = ({
   className: o,
   barClassName: l
 }) => {
-  const d = E(null), u = E([]), f = st(() => {
+  const c = E(null), u = E([]), f = ct(() => {
     const b = (Math.sqrt(5) - 1) / 2;
     return Array.from({ length: t }, (s, a) => 0.5 + a * b % 1 * 0.5);
   }, [t]);
@@ -777,7 +777,7 @@ const Zn = ({
     }
   }), [e, t, r, i, f]);
   const y = ["ll-waveform", o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: d, className: y, "aria-hidden": "true", children: Array.from({ length: t }, (b, s) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ n("div", { ref: c, className: y, "aria-hidden": "true", children: Array.from({ length: t }, (b, s) => /* @__PURE__ */ n(
     "div",
     {
       ref: (a) => {
@@ -795,7 +795,7 @@ const Zn = ({
   avatarImageUrl: i,
   agentState: o,
   isMuted: l,
-  audioLevel: d,
+  audioLevel: c,
   onExpand: u,
   onToggleMute: f,
   onClose: y
@@ -827,7 +827,7 @@ const Zn = ({
           /* @__PURE__ */ n(
             er,
             {
-              audioLevel: d,
+              audioLevel: c,
               bars: 16,
               maxHeight: 18,
               className: "ll-minimized__waveform"
@@ -921,9 +921,9 @@ const Zn = ({
   className: i,
   style: o
 }) => {
-  const [l, d] = L(!1), u = E(e);
+  const [l, c] = L(!1), u = E(e);
   if (A(() => {
-    u.current !== e && (u.current = e, d(!1));
+    u.current !== e && (u.current = e, c(!1));
   }, [e]), !e) return null;
   const f = {
     position: "absolute",
@@ -948,7 +948,7 @@ const Zn = ({
         style: f,
         loading: "eager",
         fetchPriority: "high",
-        onLoad: () => d(!0)
+        onLoad: () => c(!0)
       }
     )
   );
@@ -959,7 +959,7 @@ const Zn = ({
   avatarImageUrl: i,
   idleLoopUrl: o,
   greeting: l,
-  branding: d,
+  branding: c,
   teamMembers: u,
   currentTeamMemberId: f,
   isSwitchingTeamMember: y,
@@ -997,8 +997,8 @@ const Zn = ({
   onToggleMute: Ae,
   onToggleCamera: Re,
   onSwitchCameraDevice: V,
-  onToggleScreenShare: ut,
-  onToggleSpeaker: ft,
+  onToggleScreenShare: ft,
+  onToggleSpeaker: pt,
   onSendMessage: nt,
   onMinimize: ue,
   onClose: Me,
@@ -1061,7 +1061,7 @@ const Zn = ({
       Y && (nt(Y), Fe(""));
     },
     [he, nt]
-  ), je = d.productName || "Live Layer";
+  ), je = c.productName || "Live Layer";
   let me = null, ge = null;
   for (let p = w.length - 1; p >= 0; p--) {
     const Y = w[p];
@@ -1133,7 +1133,7 @@ const Zn = ({
                   "aria-expanded": _e ? b : void 0,
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                    _e && /* @__PURE__ */ n(lt, {})
+                    _e && /* @__PURE__ */ n(at, {})
                   ]
                 }
               ),
@@ -1184,7 +1184,7 @@ const Zn = ({
                   title: "Language: English",
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: "EN" }),
-                    /* @__PURE__ */ n(lt, {})
+                    /* @__PURE__ */ n(at, {})
                   ]
                 }
               ),
@@ -1269,7 +1269,7 @@ const Zn = ({
         ),
         te && /* @__PURE__ */ (() => {
           const p = O ? "Restart paused session" : C === "disconnected" ? "Reconnect to agent" : "Start video call", Y = O ? "Pick up where you left off" : null;
-          return /* @__PURE__ */ _(wt, { children: [
+          return /* @__PURE__ */ _(_t, { children: [
             C === "idle" && !O && !q && /* @__PURE__ */ _(
               "button",
               {
@@ -1344,7 +1344,7 @@ const Zn = ({
               {
                 type: "button",
                 className: `ll-tool ${G ? "is-on" : ""}`,
-                onClick: ut,
+                onClick: ft,
                 "aria-label": G ? "Stop sharing screen" : "Share screen",
                 title: G ? "Stop sharing" : "Share screen",
                 children: /* @__PURE__ */ n(ir, {})
@@ -1373,7 +1373,7 @@ const Zn = ({
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
                   "aria-expanded": Pe,
-                  children: /* @__PURE__ */ n(lt, {})
+                  children: /* @__PURE__ */ n(at, {})
                 }
               ),
               Pe && B.length > 0 && /* @__PURE__ */ n(
@@ -1416,7 +1416,7 @@ const Zn = ({
                       "aria-label": "Microphone devices",
                       "aria-haspopup": "listbox",
                       "aria-expanded": ae,
-                      children: /* @__PURE__ */ n(lt, {})
+                      children: /* @__PURE__ */ n(at, {})
                     }
                   ),
                   ae && W.length > 0 && /* @__PURE__ */ n(
@@ -1436,7 +1436,7 @@ const Zn = ({
               {
                 type: "button",
                 className: `ll-tool ${be ? "is-muted" : ""}`,
-                onClick: ft,
+                onClick: pt,
                 "aria-label": be ? "Unmute speaker" : "Mute speaker",
                 title: be ? "Unmute speaker" : "Mute speaker",
                 children: /* @__PURE__ */ n(ar, { muted: be })
@@ -1511,7 +1511,7 @@ const Zn = ({
     }
   );
 };
-function lt() {
+function at() {
   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 Jt() {
@@ -1547,7 +1547,7 @@ function lr({ muted: e }) {
 function ar({ 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__ */ _(wt, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ _(_t, { 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" })
     ] })
@@ -1577,17 +1577,17 @@ const Xt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */
     children: [
       /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
       t.map((o, l) => {
-        const d = r === o.deviceId;
+        const c = r === o.deviceId;
         return /* @__PURE__ */ _(
           "button",
           {
             type: "button",
-            className: `ll-device-menu__item ${d ? "is-active" : ""}`,
+            className: `ll-device-menu__item ${c ? "is-active" : ""}`,
             onClick: () => i(o.deviceId),
             role: "option",
-            "aria-selected": d,
+            "aria-selected": c,
             children: [
-              d && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
+              c && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
               /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: o.label || `${e} ${l + 1}` })
             ]
           },
@@ -1600,7 +1600,7 @@ const Xt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */
   '[data-ll-private="true"]',
   ".ll-widget"
 ];
-function xt(e) {
+function kt(e) {
   let t = e;
   for (; t; ) {
     for (const r of dr)
@@ -1609,8 +1609,8 @@ function xt(e) {
   }
   return !1;
 }
-function dt(e) {
-  if (xt(e)) return !1;
+function ut(e) {
+  if (kt(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
     const t = (e.getAttribute("autocomplete") || "").toLowerCase();
@@ -1618,7 +1618,7 @@ function dt(e) {
   }
   return !0;
 }
-const at = 4096, ur = 20, fr = 20, pr = 10, hr = 10, mr = 30, Gt = 500, gr = [
+const st = 4096, ur = 20, fr = 20, pr = 10, hr = 10, mr = 30, Gt = 500, gr = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1676,10 +1676,10 @@ function yr(e, t = {}) {
       forms: [],
       extras: e
     };
-  const i = typeof window < "u" && window.location.href || "", o = typeof window < "u" && window.location.pathname || "/", l = r.title || "", d = Array.from(
+  const i = typeof window < "u" && window.location.href || "", o = typeof window < "u" && window.location.pathname || "/", l = r.title || "", c = Array.from(
     r.querySelectorAll("[data-ll-region]")
   ), u = [];
-  for (const m of d) {
+  for (const m of c) {
     if (u.length >= pr) break;
     if (Xe(m) || !Ge(m)) continue;
     const R = m.getAttribute("data-ll-region") ?? "", W = m.getAttribute("data-ll-intent") ?? void 0, z = Se(
@@ -1717,7 +1717,7 @@ function yr(e, t = {}) {
   );
   for (const m of v) {
     if (C.length >= fr) break;
-    if (Xe(m) || !dt(m) || !Ge(m)) continue;
+    if (Xe(m) || !ut(m) || !Ge(m)) continue;
     const R = Qt(m), W = m instanceof HTMLInputElement ? m.type : m.tagName.toLowerCase();
     R && C.push({ label: Se(R, 100), type: W });
   }
@@ -1726,7 +1726,7 @@ function yr(e, t = {}) {
   ), O = [];
   for (const m of w) {
     if (O.length >= hr) break;
-    if (xt(m)) continue;
+    if (kt(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 yr(e, t = {}) {
     ), M = [];
     for (const B of z) {
       if (M.length >= mr) break;
-      if (!dt(B)) continue;
+      if (!ut(B)) continue;
       const F = B.getAttribute("data-ll-field") || "";
       if (!F) continue;
       const G = Qt(B) || F, ie = B instanceof HTMLInputElement ? B.type : B.tagName.toLowerCase();
@@ -1756,11 +1756,11 @@ function yr(e, t = {}) {
     extras: e
   };
   let q = He(JSON.stringify(I.regions)) + He(I.visibleText) + He(JSON.stringify(I.visibleLinks)) + He(JSON.stringify(I.visibleFields));
-  for (; q > at && I.visibleFields.length > 0; )
+  for (; q > st && I.visibleFields.length > 0; )
     I.visibleFields.pop(), q = He(JSON.stringify(I.visibleFields));
-  for (; q > at && I.visibleLinks.length > 0; )
+  for (; q > st && I.visibleLinks.length > 0; )
     I.visibleLinks.pop(), q -= 80;
-  return He(I.visibleText) > at && (I.visibleText = Se(I.visibleText, at - 100)), I;
+  return He(I.visibleText) > st && (I.visibleText = Se(I.visibleText, st - 100)), I;
 }
 let Oe = null;
 function Zt(e, t = {}) {
@@ -1791,10 +1791,10 @@ function xr(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
   const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), o = [], l = Array.from(t.querySelectorAll("a[href]"));
-  for (const d of l) {
+  for (const c of l) {
     if (o.length >= br) break;
-    if (xt(d)) continue;
-    const u = d.getAttribute("href") || "";
+    if (kt(c)) continue;
+    const u = c.getAttribute("href") || "";
     if (!_r(u)) continue;
     let f = u, y = !0;
     try {
@@ -1807,14 +1807,14 @@ function xr(e) {
     }
     if (i.has(f)) continue;
     i.add(f);
-    const b = (d.textContent || "").trim().slice(0, 120);
+    const b = (c.textContent || "").trim().slice(0, 120);
     o.push({ href: f, text: b, internal: y });
   }
   return o;
 }
 let qe = null;
 const kr = 5e3;
-function vt() {
+function bt() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
   if (qe && qe.pathname === t && e - qe.at < kr)
     return qe.routes;
@@ -1834,8 +1834,8 @@ function Cr(e, t, r = {}) {
     const l = Object.getOwnPropertyDescriptor(
       HTMLInputElement.prototype,
       "checked"
-    ), d = l == null ? void 0 : l.set, u = t === "true" || t === "1" || t === "on";
-    d ? d.call(e, u) : e.checked = u, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+    ), c = l == null ? void 0 : l.set, u = t === "true" || t === "1" || t === "on";
+    c ? c.call(e, u) : e.checked = u, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
   Sr(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
@@ -1916,7 +1916,7 @@ function Tr(e) {
     baseUrl: i = "https://app.livelayer.studio",
     sessionEndpoint: o,
     sessionBody: l,
-    autoConnect: d = !1,
+    autoConnect: c = !1,
     displayMode: u,
     defaultDisplayMode: f = "expanded",
     onDisplayModeChange: y,
@@ -1954,8 +1954,8 @@ function Tr(e) {
     onAgentEvent: Ae,
     onAgentCommand: Re,
     controlledSession: V,
-    className: ut,
-    style: ft,
+    className: ft,
+    style: pt,
     zIndex: nt = 2147483647
   } = e, ue = qn(F), Me = Yn(ue, M, B);
   A(() => {
@@ -1964,7 +1964,7 @@ function Tr(e) {
   const Be = C !== void 0, [_e, Ie] = L(() => {
     var h;
     return C ?? ((h = N == null ? void 0 : N[0]) == null ? void 0 : h.id);
-  }), X = Be ? C : _e, te = st(
+  }), X = Be ? C : _e, te = ct(
     () => (N == null ? void 0 : N.find((h) => h.id === X)) ?? null,
     [N, X]
   ), Te = (te == null ? void 0 : te.agentId) ?? t, [oe, de] = $n({
@@ -1973,28 +1973,28 @@ function Tr(e) {
     onChange: y,
     persistKey: a,
     disablePersistence: x
-  }), xe = Hn(s), We = Ln(), Z = Sn(), le = En(), ae = Nn(), fe = An(), [Pe, pe] = L(!1), [he, Fe] = L(!1), [Ue, je] = L(!1), [me, ge] = L(!1), [De, rt] = L(!1), Ve = E(G), $e = E(ie), p = E(et), Y = E(tt), pt = E(be), kt = E(Qe), Lt = E(Ze), ht = E(re), ne = E(null);
-  Ve.current = G, $e.current = ie, p.current = et, Y.current = tt, pt.current = be, kt.current = Qe, Lt.current = Ze, ht.current = re;
+  }), xe = Hn(s), We = Ln(), Z = Sn(), le = En(), ae = Nn(), fe = An(), [Pe, pe] = L(!1), [he, Fe] = L(!1), [Ue, je] = L(!1), [me, ge] = L(!1), [De, rt] = L(!1), Ve = E(G), $e = E(ie), p = E(et), Y = E(tt), ht = E(be), Lt = E(Qe), St = E(Ze), mt = E(re), ne = E(null);
+  Ve.current = G, $e.current = ie, p.current = et, Y.current = tt, ht.current = be, Lt.current = Qe, St.current = Ze, mt.current = re;
   function ye(h) {
-    const c = ht.current;
-    return c ? c.includes(h) : !0;
+    const d = mt.current;
+    return d ? d.includes(h) : !0;
   }
-  function ve(h, c) {
+  function ve(h, d) {
     console.warn(
-      `[LiveLayer] Agent command "${h}" blocked — capability "${c}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
+      `[LiveLayer] Agent command "${h}" blocked — capability "${d}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
     );
   }
   const Ye = k(
     (h) => {
-      var ee, ze, ot, zt, Ht;
-      const c = h;
-      if (!(!c.type || typeof c.type != "string")) {
-        if (Ae == null || Ae({ eventName: c.type, data: h }), c.type === "navigate") {
+      var ee, ze, lt, zt, Ht;
+      const d = h;
+      if (!(!d.type || typeof d.type != "string")) {
+        if (Ae == null || Ae({ eventName: d.type, data: h }), d.type === "navigate") {
           if (!ye("navigate")) {
             ve("navigate", "navigate");
             return;
           }
-          const S = typeof c.href == "string" ? c.href : null;
+          const S = typeof d.href == "string" ? d.href : null;
           if (!S) {
             console.warn(
               `[LiveLayer] Agent emitted "navigate" without href. Skipping. Check your agent's tool schema. See https://livelayer.studio/docs/errors/navigate-missing-href`
@@ -2032,14 +2032,14 @@ function Tr(e) {
             }
           return;
         }
-        if (c.type === "scroll_to") {
+        if (d.type === "scroll_to") {
           if (!ye("scroll")) {
             ve("scroll_to", "scroll");
             return;
           }
-          const S = typeof c.selector == "string" ? c.selector : null;
+          const S = typeof d.selector == "string" ? d.selector : null;
           if (!S) return;
-          const P = c.behavior === "instant" ? "instant" : "smooth";
+          const P = d.behavior === "instant" ? "instant" : "smooth";
           if ($e.current) {
             try {
               $e.current(
@@ -2074,12 +2074,12 @@ function Tr(e) {
           }
           return;
         }
-        if (c.type === "request_page_context") {
+        if (d.type === "request_page_context") {
           if (!ye("read_page")) {
             ve("request_page_context", "read_page");
             return;
           }
-          const S = typeof c.requestId == "string" ? c.requestId : void 0, P = (ee = ne.current) == null ? void 0 : ee.call(ne), D = (K) => {
+          const S = typeof d.requestId == "string" ? d.requestId : void 0, P = (ee = ne.current) == null ? void 0 : ee.call(ne), D = (K) => {
             const T = P, U = T == null ? void 0 : T.localParticipant;
             if (U != null && U.publishData)
               try {
@@ -2088,7 +2088,7 @@ function Tr(e) {
               } catch (H) {
                 console.warn("[LiveLayer] publishData failed.", H);
               }
-          }, $ = kt.current, J = pt.current;
+          }, $ = Lt.current, J = ht.current;
           try {
             if (J) {
               const K = J($);
@@ -2122,19 +2122,19 @@ function Tr(e) {
           }
           return;
         }
-        if (c.type === "scroll_page") {
+        if (d.type === "scroll_page") {
           if (!ye("scroll")) {
             ve("scroll_page", "scroll");
             return;
           }
-          const S = c.direction;
+          const S = d.direction;
           if (S !== "up" && S !== "down" && S !== "top" && S !== "bottom") {
             console.warn(
               `[LiveLayer] scroll_page: invalid direction "${String(S)}". Expected up | down | top | bottom.`
             );
             return;
           }
-          const P = c.behavior === "instant" ? "instant" : "smooth";
+          const P = d.behavior === "instant" ? "instant" : "smooth";
           if (p.current) {
             try {
               p.current(
@@ -2155,12 +2155,12 @@ function Tr(e) {
           S === "up" ? J(-en($)) : S === "down" ? J(en($)) : K(S === "top" ? 0 : Mr($));
           return;
         }
-        if (c.type === "click") {
+        if (d.type === "click") {
           if (!ye("click")) {
             ve("click", "click");
             return;
           }
-          const S = typeof c.selector == "string" ? c.selector : null;
+          const S = typeof d.selector == "string" ? d.selector : null;
           if (!S) {
             console.warn("[LiveLayer] click: missing selector.");
             return;
@@ -2198,14 +2198,14 @@ function Tr(e) {
           (ze = P.click) == null || ze.call(P);
           return;
         }
-        if (c.type === "fill_form" || c.type === "focus_field") {
+        if (d.type === "fill_form" || d.type === "focus_field") {
           if (!ye("fill_forms")) {
-            ve(c.type, "fill_forms");
+            ve(d.type, "fill_forms");
             return;
           }
           if (typeof document > "u") return;
-          const S = typeof c.requestId == "string" ? c.requestId : void 0, P = (ot = ne.current) == null ? void 0 : ot.call(ne), D = (H) => {
-            if (c.type !== "fill_form") return;
+          const S = typeof d.requestId == "string" ? d.requestId : void 0, P = (lt = ne.current) == null ? void 0 : lt.call(ne), D = (H) => {
+            if (d.type !== "fill_form") return;
             const Q = P, se = Q == null ? void 0 : Q.localParticipant;
             if (se != null && se.publishData)
               try {
@@ -2214,9 +2214,9 @@ function Tr(e) {
               } catch (Le) {
                 console.warn("[LiveLayer] publishData failed.", Le);
               }
-          }, $ = typeof c.formId == "string" ? c.formId : null;
+          }, $ = typeof d.formId == "string" ? d.formId : null;
           if (!$) {
-            console.warn(`[LiveLayer] ${c.type}: missing formId.`), D({ 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(
@@ -2224,7 +2224,7 @@ function Tr(e) {
           );
           if (!J) {
             console.warn(
-              `[LiveLayer] ${c.type}: no form with data-ll-form="${$}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
+              `[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`
             ), D({
               type: "fill_form_result",
               ok: !1,
@@ -2235,7 +2235,7 @@ function Tr(e) {
           }
           if (J.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
-              `[LiveLayer] ${c.type}: refusing to touch a form in a private subtree.`
+              `[LiveLayer] ${d.type}: refusing to touch a form in a private subtree.`
             ), D({
               type: "fill_form_result",
               ok: !1,
@@ -2244,8 +2244,8 @@ function Tr(e) {
             });
             return;
           }
-          if (c.type === "focus_field") {
-            const H = typeof c.fieldName == "string" ? c.fieldName : null;
+          if (d.type === "focus_field") {
+            const H = typeof d.fieldName == "string" ? d.fieldName : null;
             if (!H) {
               console.warn("[LiveLayer] focus_field: missing fieldName.");
               return;
@@ -2257,7 +2257,7 @@ function Tr(e) {
               );
               return;
             }
-            if (!dt(Q)) {
+            if (!ut(Q)) {
               console.warn(
                 `[LiveLayer] focus_field: field "${H}" is privacy-protected and not focusable.`
               );
@@ -2266,7 +2266,7 @@ function Tr(e) {
             Q.focus();
             return;
           }
-          const K = c.values && typeof c.values == "object" ? c.values : null;
+          const K = d.values && typeof d.values == "object" ? d.values : null;
           if (!K) {
             console.warn("[LiveLayer] fill_form: missing or invalid values."), D({
               type: "fill_form_result",
@@ -2286,7 +2286,7 @@ function Tr(e) {
               ), U.push(H);
               continue;
             }
-            if (!dt(se)) {
+            if (!ut(se)) {
               console.warn(
                 `[LiveLayer] fill_form: field "${H}" is privacy-protected (password / cc-* / private). Skipping.`
               ), U.push(H);
@@ -2311,13 +2311,13 @@ function Tr(e) {
           });
           return;
         }
-        if (c.type === "submit_form") {
+        if (d.type === "submit_form") {
           if (!ye("submit_forms")) {
             ve("submit_form", "submit_forms");
             return;
           }
           if (typeof document > "u") return;
-          const S = typeof c.formId == "string" ? c.formId : null;
+          const S = typeof d.formId == "string" ? d.formId : null;
           if (!S) {
             console.warn("[LiveLayer] submit_form: missing formId.");
             return;
@@ -2337,7 +2337,7 @@ function Tr(e) {
             );
             return;
           }
-          const D = typeof c.requestId == "string" ? c.requestId : void 0, $ = (zt = ne.current) == null ? void 0 : zt.call(ne), J = (U) => {
+          const D = typeof d.requestId == "string" ? d.requestId : void 0, $ = (zt = ne.current) == null ? void 0 : zt.call(ne), J = (U) => {
             const H = $, Q = H == null ? void 0 : H.localParticipant;
             if (Q != null && Q.publishData)
               try {
@@ -2370,12 +2370,12 @@ function Tr(e) {
           }, 500);
           return;
         }
-        if (c.type === "request_routes") {
+        if (d.type === "request_routes") {
           if (!ye("read_page")) {
             ve("request_routes", "read_page");
             return;
           }
-          const S = typeof c.requestId == "string" ? c.requestId : void 0, D = (Ht = ne.current) == null ? void 0 : Ht.call(ne), $ = D == null ? void 0 : D.localParticipant;
+          const S = typeof d.requestId == "string" ? d.requestId : void 0, D = (Ht = ne.current) == null ? void 0 : Ht.call(ne), $ = D == null ? void 0 : D.localParticipant;
           if (!($ != null && $.publishData)) return;
           const J = (T) => {
             try {
@@ -2384,7 +2384,7 @@ function Tr(e) {
             } catch (U) {
               console.warn("[LiveLayer] request_routes: publishData failed.", U);
             }
-          }, K = Lt.current;
+          }, K = St.current;
           if (K) {
             try {
               const T = K(), U = (H) => {
@@ -2398,24 +2398,24 @@ function Tr(e) {
                 console.warn(
                   "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
                   H
-                ), J(vt());
+                ), J(bt());
               }) : U(T);
             } catch (T) {
               console.warn(
                 "[LiveLayer] getRoutes threw; falling back to DOM walker.",
                 T
-              ), J(vt());
+              ), J(bt());
             }
             return;
           }
           try {
-            J(vt());
+            J(bt());
           } catch (T) {
             console.warn("[LiveLayer] request_routes: extractRoutes threw.", T);
           }
           return;
         }
-        Ir.has(c.type) || Re == null || Re(c);
+        Ir.has(d.type) || Re == null || Re(d);
       }
     },
     [Re, Ae]
@@ -2436,13 +2436,13 @@ function Tr(e) {
   }, A(() => {
     var ee;
     if (!ue) return;
-    const h = (ee = j.getRoom) == null ? void 0 : ee.call(j), c = h == null ? void 0 : h.localParticipant;
-    if (c != null && c.publishData)
+    const h = (ee = j.getRoom) == null ? void 0 : ee.call(j), d = h == null ? void 0 : h.localParticipant;
+    if (d != null && d.publishData)
       try {
         const ze = new TextEncoder().encode(
           JSON.stringify({ type: "pathname", pathname: ue })
         );
-        c.publishData(ze, { reliable: !0 });
+        d.publishData(ze, { reliable: !0 });
       } catch {
       }
   }, [ue, j, j.connectionState]), A(() => {
@@ -2453,14 +2453,14 @@ function Tr(e) {
       return window.__livelayerSimulateCommand = (ze) => {
         try {
           Ye(ze);
-        } catch (ot) {
-          console.warn("[LiveLayer] simulate-command threw:", ot);
+        } catch (lt) {
+          console.warn("[LiveLayer] simulate-command threw:", lt);
         }
       }, () => {
         delete window.__livelayerSimulateCommand;
       };
   }, [Ye]);
-  const g = st(() => V ? {
+  const g = ct(() => V ? {
     connectionState: V.connectionState,
     agentState: V.agentState,
     transcript: V.transcript,
@@ -2491,19 +2491,19 @@ function Tr(e) {
     disconnect: j.disconnect,
     getRoom: j.getRoom,
     isControlled: !1
-  }, [V, j]), St = E(null);
+  }, [V, j]), Ct = E(null);
   A(() => {
-    const h = g.videoElement, c = St.current;
-    if (!(!h || !c))
-      return c.appendChild(h), () => {
-        h.parentNode === c && c.removeChild(h);
+    const h = g.videoElement, d = Ct.current;
+    if (!(!h || !d))
+      return d.appendChild(h), () => {
+        h.parentNode === d && d.removeChild(h);
       };
   }, [g.videoElement]), A(() => {
     const h = g.audioElement;
     if (!h) return;
     We.attach(h);
-    const c = h.play();
-    return c && typeof c.catch == "function" && c.catch((ee) => {
+    const d = h.play();
+    return d && typeof d.catch == "function" && d.catch((ee) => {
       (ee == null ? void 0 : ee.name) === "NotAllowedError" && pe(!0);
     }), () => {
       We.detach();
@@ -2517,37 +2517,37 @@ function Tr(e) {
         Z.teardownMic(), le.teardown(), ae.teardown();
       };
   }, [g.isControlled, g.connectionState]);
-  const [ke, mt] = L(!1), gt = E("idle");
+  const [ke, gt] = L(!1), yt = E("idle");
   A(() => {
     if (g.connectionState === "idle" || g.connectionState === "disconnected") {
-      mt(!1), gt.current = "idle";
+      gt(!1), yt.current = "idle";
       return;
     }
-    !ke && gt.current === "speaking" && g.agentState !== "speaking" && (mt(!0), Z.setMuted(!1)), gt.current = g.agentState;
+    !ke && yt.current === "speaking" && g.agentState !== "speaking" && (gt(!0), Z.setMuted(!1)), yt.current = g.agentState;
   }, [g.agentState, g.connectionState, ke]), A(() => {
     if (g.connectionState !== "connected" || ke) return;
     const h = setTimeout(() => {
-      mt(!0), Z.setMuted(!1);
+      gt(!0), Z.setMuted(!1);
     }, 4e3);
     return () => clearTimeout(h);
   }, [g.connectionState, ke]);
-  const Ct = E(!1), Et = E(!1);
+  const Et = E(!1), it = E(!1);
   A(() => {
     if (!ke) return;
-    const h = g.agentState === "speaking", c = Et.current;
-    h && !c ? (Ct.current = Z.isMuted, Z.setMuted(!0)) : !h && c && Z.setMuted(Ct.current), Et.current = h;
+    const h = g.agentState;
+    !it.current && (h === "speaking" || h === "thinking") ? (Et.current = Z.isMuted, it.current = !0, Z.setMuted(!0)) : it.current && h === "listening" && (it.current = !1, Z.setMuted(Et.current));
   }, [g.agentState, ke]), A(() => {
     const h = g.audioElement;
     h && (h.muted = De);
   }, [g.audioElement, De]);
   const on = k((h) => {
-    const c = g.getRoom();
-    if (c)
+    const d = g.getRoom();
+    if (d)
       try {
         const ee = new TextEncoder().encode(
           JSON.stringify({ type: "user_message", text: h })
         );
-        c.localParticipant.publishData(ee, { reliable: !0 });
+        d.localParticipant.publishData(ee, { reliable: !0 });
       } catch {
       }
   }, [g]), ln = k(() => {
@@ -2562,12 +2562,12 @@ function Tr(e) {
   }, [g.agentState, Ee]);
   const Nt = E(!1);
   A(() => {
-    g.isControlled || !d || Nt.current || Me && g.connectionState === "idle" && (Nt.current = !0, g.connect());
-  }, [d, g.connectionState, g, Me]);
+    g.isControlled || !c || Nt.current || Me && g.connectionState === "idle" && (Nt.current = !0, g.connect());
+  }, [c, g.connectionState, g, Me]);
   const an = k(
     (h) => {
-      const c = N == null ? void 0 : N.find((ee) => ee.id === h);
-      c && (je(!1), h !== X && (Fe(!0), g.disconnect(), Be || Ie(h), v == null || v(c)));
+      const d = N == null ? void 0 : N.find((ee) => ee.id === h);
+      d && (je(!1), h !== X && (Fe(!0), g.disconnect(), Be || Ie(h), v == null || v(d)));
     },
     [
       N,
@@ -2581,14 +2581,14 @@ function Tr(e) {
     he && g.connectionState === "connected" && Fe(!1);
   }, [g.connectionState, he]), A(() => {
     if (!Ue) return;
-    const h = (c) => {
-      c.key === "Escape" && je(!1);
+    const h = (d) => {
+      d.key === "Escape" && je(!1);
     };
     return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
   }, [Ue]);
   const sn = !!I || !!(te != null && te.avatarImageUrl) || g.isControlled, Je = Rn(Te, i, sn);
-  re === void 0 && ((Rt = Je.info) != null && Rt.capabilities) && (ht.current = Je.info.capabilities);
-  const it = (te == null ? void 0 : te.name) ?? q ?? ((Mt = g.agentConfig) == null ? void 0 : Mt.name) ?? ((It = Je.info) == null ? void 0 : It.name) ?? "Live Layer", yt = (te == null ? void 0 : te.avatarImageUrl) ?? I ?? ((Tt = g.agentConfig) == null ? void 0 : Tt.avatarImageUrl) ?? ((Pt = Je.info) == null ? void 0 : Pt.avatarImageUrl) ?? null, cn = w ?? ((Dt = g.agentConfig) == null ? void 0 : Dt.idleLoopUrl) ?? (($t = Je.info) == null ? void 0 : $t.idleLoopUrl) ?? null, dn = O ?? null, un = k(() => de("expanded"), [de]), fn = k(
+  re === void 0 && ((Rt = Je.info) != null && Rt.capabilities) && (mt.current = Je.info.capabilities);
+  const ot = (te == null ? void 0 : te.name) ?? q ?? ((Mt = g.agentConfig) == null ? void 0 : Mt.name) ?? ((It = Je.info) == null ? void 0 : It.name) ?? "Live Layer", vt = (te == null ? void 0 : te.avatarImageUrl) ?? I ?? ((Tt = g.agentConfig) == null ? void 0 : Tt.avatarImageUrl) ?? ((Pt = Je.info) == null ? void 0 : Pt.avatarImageUrl) ?? null, cn = w ?? ((Dt = g.agentConfig) == null ? void 0 : Dt.idleLoopUrl) ?? (($t = Je.info) == null ? void 0 : $t.idleLoopUrl) ?? null, dn = O ?? null, un = k(() => de("expanded"), [de]), fn = k(
     () => de("minimized"),
     [de]
   ), At = k(() => {
@@ -2600,7 +2600,7 @@ function Tr(e) {
   }, [g.audioElement]), hn = k(() => {
     pe(!1), g.connect();
   }, [g]), Ke = {
-    ...ft,
+    ...pt,
     zIndex: nt
   };
   m.primaryColor && (Ke["--ll-color-primary"] = m.primaryColor), m.accentColor && (Ke["--ll-color-accent"] = m.accentColor), m.backgroundColor && (Ke["--ll-color-bg"] = m.backgroundColor), m.textColor && (Ke["--ll-color-fg"] = m.textColor);
@@ -2608,7 +2608,7 @@ function Tr(e) {
     "ll-widget",
     `ll-widget--${oe}`,
     `ll-widget--${xe ? "mobile" : "desktop"}`,
-    ut
+    ft
   ].filter(Boolean).join(" ");
   return Me ? /* @__PURE__ */ _(
     "div",
@@ -2625,9 +2625,9 @@ function Tr(e) {
             isMobile: xe,
             isSpeaking: g.agentState === "speaking",
             onExpand: () => de("expanded"),
-            label: `Open ${it} widget`,
-            avatarImageUrl: yt,
-            agentName: it
+            label: `Open ${ot} widget`,
+            avatarImageUrl: vt,
+            agentName: ot
           }
         ),
         oe === "minimized" && /* @__PURE__ */ n(
@@ -2635,8 +2635,8 @@ function Tr(e) {
           {
             position: b,
             isMobile: xe,
-            agentName: it,
-            avatarImageUrl: yt,
+            agentName: ot,
+            avatarImageUrl: vt,
             agentState: g.agentState,
             isMuted: Z.isMuted,
             audioLevel: We,
@@ -2650,8 +2650,8 @@ function Tr(e) {
           {
             position: b,
             isMobile: xe,
-            agentName: it,
-            avatarImageUrl: yt,
+            agentName: ot,
+            avatarImageUrl: vt,
             idleLoopUrl: cn,
             greeting: dn,
             branding: m,
@@ -2682,7 +2682,7 @@ function Tr(e) {
             canResume: g.canResume,
             micError: Z.micError,
             error: g.error,
-            avatarVideoContainerRef: St,
+            avatarVideoContainerRef: Ct,
             agentVideoEl: g.videoElement,
             micGateOpen: g.isControlled ? !0 : ke,
             onConnect: () => void g.connect(),
@@ -2714,7 +2714,7 @@ const Wr = ({
   mode: i,
   onAgentEvent: o,
   className: l,
-  style: d
+  style: c
 }) => {
   const u = E(null), f = E(null), y = E(o);
   y.current = o;
@@ -2732,9 +2732,9 @@ const Wr = ({
     };
   }, [e]), A(() => {
     f.current && (i ? f.current.setAttribute("mode", i) : f.current.removeAttribute("mode"));
-  }, [i]), /* @__PURE__ */ n("div", { ref: u, className: l, style: d });
-}, Fr = _t(
-  function({ id: t, intent: r, as: i = "div", className: o, style: l, children: d }, u) {
+  }, [i]), /* @__PURE__ */ n("div", { ref: u, className: l, style: c });
+}, Fr = xt(
+  function({ id: t, intent: r, as: i = "div", className: o, style: l, children: c }, u) {
     return vn(
       i,
       {
@@ -2744,10 +2744,10 @@ const Wr = ({
         className: o,
         style: l
       },
-      d
+      c
     );
   }
-), Ur = _t(
+), Ur = xt(
   function({ id: t, intent: r, children: i, ...o }, l) {
     return /* @__PURE__ */ n(
       "form",
@@ -2760,9 +2760,9 @@ const Wr = ({
       }
     );
   }
-), jr = _t(
+), jr = xt(
   function(t, r) {
-    const { name: i, label: o, labelClassName: l } = t, d = { name: i, "data-ll-field": i };
+    const { name: i, label: o, labelClassName: l } = t, c = { name: i, "data-ll-field": i };
     let u;
     if ("as" in t && t.as === "textarea") {
       const { name: f, label: y, labelClassName: b, as: s, ...a } = t;
@@ -2770,7 +2770,7 @@ const Wr = ({
         "textarea",
         {
           ref: r,
-          ...d,
+          ...c,
           ...a
         }
       );
@@ -2780,7 +2780,7 @@ const Wr = ({
         "select",
         {
           ref: r,
-          ...d,
+          ...c,
           ...x,
           children: a
         }
@@ -2791,7 +2791,7 @@ const Wr = ({
         "input",
         {
           ref: r,
-          ...d,
+          ...c,
           ...a
         }
       );
@@ -2808,7 +2808,7 @@ function Vr({
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [i, o] = L(t), [l, d] = L([]), [u, f] = L(""), [y, b] = L(!1), s = E(/* @__PURE__ */ new Set()), a = E([]), x = E(y);
+  const [i, o] = L(t), [l, c] = L([]), [u, f] = L(""), [y, b] = L(!1), s = E(/* @__PURE__ */ new Set()), a = E([]), x = E(y);
   x.current = y, A(() => {
     try {
       const v = localStorage.getItem(r);
@@ -2829,7 +2829,7 @@ function Vr({
     const v = setInterval(() => {
       if (a.current.length === 0 || x.current) return;
       const w = a.current.splice(0, a.current.length);
-      d(
+      c(
         (O) => [...w.reverse(), ...O].slice(0, 200)
       );
     }, 100);
@@ -2942,7 +2942,7 @@ function Vr({
                 {
                   type: "button",
                   onClick: () => b((v) => !v),
-                  style: bt(y ? "#f59e0b" : "transparent"),
+                  style: wt(y ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
                   children: y ? "▶ resume" : "⏸ pause"
                 }
@@ -2952,9 +2952,9 @@ function Vr({
                 {
                   type: "button",
                   onClick: () => {
-                    d([]), a.current = [];
+                    c([]), a.current = [];
                   },
-                  style: bt("transparent"),
+                  style: wt("transparent"),
                   title: "Clear buffer",
                   children: "clear"
                 }
@@ -2964,7 +2964,7 @@ function Vr({
                 {
                   type: "button",
                   onClick: () => o(!1),
-                  style: bt("transparent"),
+                  style: wt("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
                   children: "✕"
@@ -3036,7 +3036,7 @@ function Vr({
                 entry: v,
                 expanded: s.current.has(v.id),
                 onToggle: () => {
-                  s.current.has(v.id) ? s.current.delete(v.id) : s.current.add(v.id), d((w) => [...w]);
+                  s.current.has(v.id) ? s.current.delete(v.id) : s.current.add(v.id), c((w) => [...w]);
                 }
               },
               v.id
@@ -3117,7 +3117,7 @@ function Pr({
     }
   );
 }
-function bt(e) {
+function wt(e) {
   return {
     background: e,
     color: "#fff",
@@ -3138,10 +3138,10 @@ function Dr(e) {
 function Yr() {
   const [e, t] = L([]), r = k((o) => {
     t((l) => {
-      const d = l.findIndex((u) => u.id === o.id);
-      if (d >= 0) {
+      const c = l.findIndex((u) => u.id === o.id);
+      if (c >= 0) {
         const u = l.slice();
-        return u[d] = o, u;
+        return u[c] = o, u;
       }
       return [...l, o];
     });
@@ -3166,7 +3166,7 @@ export {
   yr as extractPageContext,
   xr as extractRoutes,
   Zt as getCachedPageContext,
-  vt as getCachedRoutes,
+  bt as getCachedRoutes,
   jn as matchesPattern,
   wr as normalizeRouteInput,
   Vn as shouldRenderAtPath,