@livelayer/react 0.5.5-pr66c.3 → 0.5.5-pr66c.4

package/dist/index.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as w, jsx as n, Fragment as ut } from "react/jsx-runtime";
-import { Component as dn, useState as S, useRef as E, useEffect as T, useCallback as k, useMemo as Ze, forwardRef as ft, createElement as un } from "react";
+import { Component as dn, useState as S, useRef as E, useEffect as P, useCallback as k, useMemo as Ze, forwardRef as ft, createElement as un } from "react";
 import { LiveKitSession as fn } from "@livelayer/sdk";
 import { createLocalAudioTrack as pn, Track as jt, createLocalVideoTrack as hn } from "livekit-client";
 class mn extends dn {
@@ -13,8 +13,8 @@ class mn extends dn {
     return { hasError: !0, error: t };
   }
   componentDidCatch(t, r) {
-    var o, i;
-    (i = (o = this.props).onError) == null || i.call(o, t, r);
+    var i, o;
+    (o = (i = this.props).onError) == null || o.call(i, t, r);
   }
   render() {
     var t;
@@ -34,13 +34,13 @@ class mn extends dn {
   }
 }
 function gn(e) {
-  const [t, r] = S("idle"), [o, i] = S("idle"), [l, c] = S([]), [d, u] = S(null), [m, h] = S(null), [a, s] = S(null), [R, C] = S(!1), [L, v] = S(null), b = E(null), H = E(e.onDataMessage);
-  H.current = e.onDataMessage, T(() => {
+  const [t, r] = S("idle"), [i, o] = S("idle"), [l, c] = S([]), [d, u] = S(null), [m, h] = S(null), [a, s] = S(null), [R, C] = S(!1), [L, v] = S(null), b = E(null), H = E(e.onDataMessage);
+  H.current = e.onDataMessage, P(() => {
     const N = {
       onConnectionStateChange: ($) => {
         r($), $ === "connected" && v(null);
       },
-      onAgentStateChange: i,
+      onAgentStateChange: o,
       onTranscript: ($) => c([...$]),
       onAgentConfig: u,
       onAudioTrack: ($) => s($),
@@ -62,7 +62,7 @@ function gn(e) {
       },
       N
     );
-    return b.current = B, r("idle"), i("idle"), c([]), u(null), h(null), s(null), C(!1), v(null), () => {
+    return b.current = B, r("idle"), o("idle"), c([]), u(null), h(null), s(null), C(!1), v(null), () => {
       var $;
       ($ = B.destroy) == null || $.call(B), b.current = null;
     };
@@ -90,7 +90,7 @@ function gn(e) {
   }, []);
   return {
     connectionState: t,
-    agentState: o,
+    agentState: i,
     transcript: l,
     agentConfig: d,
     videoElement: m,
@@ -104,10 +104,10 @@ function gn(e) {
   };
 }
 function yn() {
-  const e = E(null), t = E(null), r = E(null), o = E(null), i = E(/* @__PURE__ */ new Set()), l = E(null), c = 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 a = t.current;
     if (!a) {
-      o.current = null;
+      i.current = null;
       return;
     }
     (!l.current || l.current.length !== a.frequencyBinCount) && (l.current = new Uint8Array(
@@ -118,13 +118,13 @@ function yn() {
     let R = 0;
     for (let L = 0; L < s.length; L++) R += s[L];
     const C = R / s.length / 255;
-    for (const L of i.current)
+    for (const L of o.current)
       try {
         L(C);
       } catch (v) {
         console.error("[useAudioLevel] subscriber threw:", v);
       }
-    o.current = requestAnimationFrame(c);
+    i.current = requestAnimationFrame(c);
   }, []), d = k(() => {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
     const a = new AudioContext(), s = a.createAnalyser();
@@ -146,22 +146,22 @@ function yn() {
           console.warn("[useAudioLevel] createMediaElementSource failed:", s);
           return;
         }
-        o.current === null && (o.current = requestAnimationFrame(c));
+        i.current === null && (i.current = requestAnimationFrame(c));
       }
     },
     [d, c]
   ), m = k(() => {
-    if (o.current !== null && (cancelAnimationFrame(o.current), o.current = null), r.current) {
+    if (i.current !== null && (cancelAnimationFrame(i.current), i.current = null), r.current) {
       try {
         r.current.disconnect();
       } catch {
       }
       r.current = null;
     }
-  }, []), h = k((a) => (i.current.add(a), () => {
-    i.current.delete(a);
+  }, []), h = k((a) => (o.current.add(a), () => {
+    o.current.delete(a);
   }), []);
-  return T(() => () => {
+  return P(() => () => {
     if (m(), t.current) {
       try {
         t.current.disconnect();
@@ -176,34 +176,34 @@ function yn() {
       }
       e.current = null;
     }
-    i.current.clear(), l.current = null;
+    o.current.clear(), l.current = null;
   }, [m]), { attach: u, detach: m, subscribe: h };
 }
 function vn() {
-  const [e, t] = S(!1), [r, o] = S(null), i = E(null), l = E(null), c = k(async (h) => {
-    if (i.current && l.current) {
+  const [e, t] = S(!1), [r, i] = S(null), o = E(null), l = E(null), c = k(async (h) => {
+    if (o.current && l.current) {
       try {
-        await l.current.localParticipant.unpublishTrack(i.current);
+        await l.current.localParticipant.unpublishTrack(o.current);
       } catch {
       }
-      i.current.stop(), i.current = null;
+      o.current.stop(), o.current = null;
     }
-    l.current = h, o(null);
+    l.current = h, i(null);
     try {
       const a = await pn({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await h.localParticipant.publishTrack(a), i.current = a, t(a.isMuted);
+      await h.localParticipant.publishTrack(a), o.current = a, t(a.isMuted);
     } catch (a) {
       const s = a instanceof Error && a.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-      throw o(s), a;
+      throw i(s), a;
     }
   }, []), d = k(() => {
-    const h = i.current;
+    const h = o.current;
     h && (h.isMuted ? (h.unmute(), t(!1)) : (h.mute(), t(!0)));
   }, []), u = k(() => {
-    const h = i.current, a = l.current;
+    const h = o.current, a = l.current;
     if (h && a) {
       try {
         a.localParticipant.unpublishTrack(h);
@@ -211,8 +211,8 @@ function vn() {
       }
       h.stop();
     }
-    i.current = null, l.current = null, t(!1);
-  }, []), m = k(() => o(null), []);
+    o.current = null, l.current = null, t(!1);
+  }, []), m = k(() => i(null), []);
   return {
     isMuted: e,
     micError: r,
@@ -224,7 +224,7 @@ function vn() {
 }
 const bn = { resolution: { width: 640, height: 480, frameRate: 24 } };
 function wn() {
-  const [e, t] = S(!1), [r, o] = S(null), [i, l] = S(null), [c, d] = S(""), u = E(null), m = E(null), h = k((b) => {
+  const [e, t] = S(!1), [r, i] = S(null), [o, l] = S(null), [c, d] = S(""), u = E(null), m = E(null), h = k((b) => {
     u.current = b;
   }, []), a = k(() => {
     const b = u.current, H = m.current;
@@ -243,7 +243,7 @@ function wn() {
   }, []), s = k(async (b) => {
     const H = u.current;
     if (H) {
-      o(null);
+      i(null);
       try {
         const I = { ...bn };
         b && (I.deviceId = b);
@@ -260,7 +260,7 @@ function wn() {
         }
       } catch (I) {
         const O = I instanceof Error && I.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
-        o(O);
+        i(O);
       }
     }
   }, []), R = k(async () => {
@@ -268,14 +268,14 @@ function wn() {
   }, [e, c, a, s]), C = k(async (b) => {
     a(), await s(b);
   }, [a, s]), L = k(() => {
-    a(), u.current = null, o(null), d("");
-  }, [a]), v = k(() => o(null), []);
-  return T(() => () => {
+    a(), u.current = null, i(null), d("");
+  }, [a]), v = k(() => i(null), []);
+  return P(() => () => {
     m.current && m.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
-    previewEl: i,
+    previewEl: o,
     activeDeviceId: c,
     toggle: R,
     switchDevice: C,
@@ -285,7 +285,7 @@ function wn() {
   };
 }
 function _n() {
-  const [e, t] = S(!1), [r, o] = S(null), [i, l] = S(null), c = E(null), d = k((s) => {
+  const [e, t] = S(!1), [r, i] = S(null), [o, l] = S(null), c = E(null), d = k((s) => {
     c.current = s;
   }, []), u = k(() => l(null), []), m = k(async () => {
     const s = c.current;
@@ -298,7 +298,7 @@ function _n() {
         u(), t(!1);
         return;
       }
-      o(null);
+      i(null);
       try {
         await s.localParticipant.setScreenShareEnabled(!0);
         let R = 0;
@@ -321,7 +321,7 @@ function _n() {
         C();
       } catch (R) {
         const C = R instanceof Error ? R.name : "";
-        C !== "NotAllowedError" && C !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
+        C !== "NotAllowedError" && C !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
       }
     }
   }, [e, u]), h = k(() => {
@@ -331,28 +331,28 @@ function _n() {
         s.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
-    u(), t(!1), o(null), c.current = null;
-  }, [e, u]), a = k(() => o(null), []);
-  return { isEnabled: e, error: r, previewEl: i, toggle: m, attachRoom: d, teardown: h, clearError: a };
+    u(), t(!1), i(null), c.current = null;
+  }, [e, u]), a = k(() => i(null), []);
+  return { isEnabled: e, error: r, previewEl: o, toggle: m, attachRoom: d, teardown: h, clearError: a };
 }
 function xn() {
-  const [e, t] = S([]), [r, o] = S([]), i = k(async () => {
+  const [e, t] = S([]), [r, i] = S([]), o = k(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
-        t(l.filter((c) => c.kind === "audioinput")), o(l.filter((c) => c.kind === "videoinput"));
+        t(l.filter((c) => c.kind === "audioinput")), i(l.filter((c) => c.kind === "videoinput"));
       } catch {
       }
   }, []);
-  return T(() => {
-    if (i(), typeof navigator > "u" || !navigator.mediaDevices) return;
-    const l = () => void i();
+  return P(() => {
+    if (o(), typeof navigator > "u" || !navigator.mediaDevices) return;
+    const l = () => void o();
     return navigator.mediaDevices.addEventListener("devicechange", l), () => navigator.mediaDevices.removeEventListener("devicechange", l);
-  }, [i]), { mics: e, cameras: r, refresh: i };
+  }, [o]), { mics: e, cameras: r, refresh: o };
 }
 function kn(e, t, r = !1) {
-  const [o, i] = S(null), [l, c] = S(null), [d, u] = S(!r && !!e);
-  return T(() => {
+  const [i, o] = S(null), [l, c] = S(null), [d, u] = S(!r && !!e);
+  return P(() => {
     if (r || !e) {
       u(!1);
       return;
@@ -367,11 +367,11 @@ function kn(e, t, r = !1) {
       }
       return a.json();
     }).then((a) => {
-      m.signal.aborted || (i(a), u(!1));
+      m.signal.aborted || (o(a), u(!1));
     }).catch((a) => {
       m.signal.aborted || (c(a instanceof Error ? a.message : "Agent lookup failed"), u(!1));
     }), () => m.abort();
-  }, [e, t, r]), { info: o, error: l, loading: d };
+  }, [e, t, r]), { info: i, error: l, loading: d };
 }
 function Ln(e) {
   if (typeof window > "u") return null;
@@ -393,11 +393,11 @@ function Cn({
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const o = e !== void 0, [i, l] = S(t), c = o ? e : i, d = k(
+  const i = e !== void 0, [o, l] = S(t), c = i ? e : o, d = k(
     (u) => {
-      u !== c && (o || l(u), r == null || r(u));
+      u !== c && (i || l(u), r == null || r(u));
     },
-    [c, o, r]
+    [c, i, r]
   );
   return [c, d];
 }
@@ -409,18 +409,18 @@ function An({
   value: e,
   defaultValue: t = "expanded",
   onChange: r,
-  persistKey: o = "ll-widget",
-  disablePersistence: i = !1
+  persistKey: i = "ll-widget",
+  disablePersistence: o = !1
 } = {}) {
-  const l = `${o}:display-mode`, c = E(!1), [d, u] = Cn({
+  const l = `${i}:display-mode`, c = E(!1), [d, u] = Cn({
     value: e,
     defaultValue: t,
     onChange: (m) => {
-      e === void 0 && !i && Sn(l, m), r == null || r(m);
+      e === void 0 && !o && Sn(l, m), r == null || r(m);
     }
   });
-  return T(() => {
-    if (c.current || (c.current = !0, i || e !== void 0)) return;
+  return P(() => {
+    if (c.current || (c.current = !0, o || e !== void 0)) return;
     const m = Nn(Ln(l));
     m && m !== d && u(m);
   }, []), [d, u];
@@ -428,16 +428,16 @@ function An({
 const Rn = 640;
 function In(e = Rn) {
   const [t, r] = S(!1);
-  return T(() => {
+  return P(() => {
     if (e === !1) {
       r(!1);
       return;
     }
     if (typeof window > "u" || typeof window.matchMedia > "u")
       return;
-    const o = `(max-width: ${e - 1}px)`, i = window.matchMedia(o), l = () => r(i.matches);
-    return l(), typeof i.addEventListener == "function" ? (i.addEventListener("change", l), () => i.removeEventListener("change", l)) : (i.addListener(l), () => {
-      i.removeListener(l);
+    const i = `(max-width: ${e - 1}px)`, o = window.matchMedia(i), l = () => r(o.matches);
+    return l(), typeof o.addEventListener == "function" ? (o.addEventListener("change", l), () => o.removeEventListener("change", l)) : (o.addListener(l), () => {
+      o.removeListener(l);
     });
   }, [e]), t;
 }
@@ -446,11 +446,11 @@ function Mn() {
   if (typeof window > "u" || window.history[Nt]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...r) {
-    const o = e.apply(this, r);
-    return window.dispatchEvent(new Event(et)), o;
+    const i = e.apply(this, r);
+    return window.dispatchEvent(new Event(et)), i;
   }, window.history.replaceState = function(...r) {
-    const o = t.apply(this, r);
-    return window.dispatchEvent(new Event(et)), o;
+    const i = t.apply(this, r);
+    return window.dispatchEvent(new Event(et)), i;
   }, window.history[Nt] = !0;
 }
 function At() {
@@ -460,12 +460,12 @@ function Tn(e) {
   const [t, r] = S(
     () => e ?? At()
   );
-  return T(() => {
+  return P(() => {
     if (e !== void 0) return;
     Mn();
-    const o = () => r(At());
-    return o(), window.addEventListener("popstate", o), window.addEventListener(et, o), () => {
-      window.removeEventListener("popstate", o), window.removeEventListener(et, o);
+    const i = () => r(At());
+    return i(), window.addEventListener("popstate", i), window.addEventListener(et, i), () => {
+      window.removeEventListener("popstate", i), window.removeEventListener(et, i);
     };
   }, [e]), e ?? t;
 }
@@ -476,7 +476,7 @@ function Dn(e) {
 function $n(e) {
   const t = Rt.get(e);
   if (t) return t;
-  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, o = "
", i = "", l = r.replace(/\*\*/g, o).replace(/\*/g, i), d = Dn(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "g"), "[^/]+"), u = new RegExp(`^${d}\\/?$`);
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", o = "", l = r.replace(/\*\*/g, i).replace(/\*/g, o), d = Dn(l).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(o, "g"), "[^/]+"), u = new RegExp(`^${d}\\/?$`);
   return Rt.set(e, u), u;
 }
 function zn(e, t) {
@@ -620,26 +620,26 @@ const Vn = ({
   position: e,
   isMobile: t,
   isSpeaking: r,
-  onExpand: o,
-  label: i = "Open widget",
+  onExpand: i,
+  label: o = "Open widget",
   avatarImageUrl: l,
   agentName: c
 }) => {
   const d = Fn(e), u = d === "right" ? "left" : "right", m = t ? 80 : 72, h = !!l, [a, s] = S(null), [R, C] = S(!1), L = E(null), v = E(!1), b = k(
     (A) => {
       if (typeof window > "u") return A;
-      const P = m / 2, W = Dt + P, V = window.innerHeight - Dt - P;
+      const T = m / 2, W = Dt + T, V = window.innerHeight - Dt - T;
       return V < W ? Math.max(W, A) : Math.max(W, Math.min(V, A));
     },
     [m]
   );
-  T(() => {
+  P(() => {
     const A = jn();
     s(b(A ?? window.innerHeight / 2));
-    const P = () => {
+    const T = () => {
       s((W) => W === null ? null : b(W));
     };
-    return window.addEventListener("resize", P), () => window.removeEventListener("resize", P);
+    return window.addEventListener("resize", T), () => window.removeEventListener("resize", T);
   }, [b]);
   const H = k(
     (A) => {
@@ -658,21 +658,21 @@ const Vn = ({
     [a]
   ), I = k(
     (A) => {
-      const P = L.current;
-      if (!P) return;
-      const W = A.clientY - P.startClientY;
-      !P.moved && Math.abs(W) > Un && (P.moved = !0, C(!0)), P.moved && s(b(P.startCenterY + W));
+      const T = L.current;
+      if (!T) return;
+      const W = A.clientY - T.startClientY;
+      !T.moved && Math.abs(W) > Un && (T.moved = !0, C(!0)), T.moved && s(b(T.startCenterY + W));
     },
     [b]
   ), O = k(
     (A) => {
-      const P = L.current;
-      if (P) {
+      const T = L.current;
+      if (T) {
         try {
           A.currentTarget.releasePointerCapture(A.pointerId);
         } catch {
         }
-        L.current = null, P.moved && (C(!1), v.current = !0, s((W) => (W !== null && $t(W), W)));
+        L.current = null, T.moved && (C(!1), v.current = !0, s((W) => (W !== null && $t(W), W)));
       }
     },
     []
@@ -681,15 +681,15 @@ const Vn = ({
       v.current = !1;
       return;
     }
-    o();
-  }, [o]), N = k(
+    i();
+  }, [i]), N = k(
     (A) => {
       if (A.key === "ArrowUp" || A.key === "ArrowDown") {
         A.preventDefault();
-        const P = A.key === "ArrowUp" ? -8 : 8;
+        const T = A.key === "ArrowUp" ? -8 : 8;
         s((W) => {
           if (W === null) return W;
-          const V = b(W + P);
+          const V = b(W + T);
           return $t(V), V;
         });
       }
@@ -714,7 +714,7 @@ const Vn = ({
       onPointerCancel: O,
       onClick: p,
       onKeyDown: N,
-      "aria-label": i,
+      "aria-label": o,
       "data-position": e,
       style: $,
       children: h ? (
@@ -753,23 +753,23 @@ const Vn = ({
   audioLevel: e,
   bars: t = 20,
   maxHeight: r = 20,
-  minHeight: o = 4,
-  className: i,
+  minHeight: i = 4,
+  className: o,
   barClassName: l
 }) => {
   const c = E(null), d = E([]), u = Ze(() => {
     const h = (Math.sqrt(5) - 1) / 2;
     return Array.from({ length: t }, (a, s) => 0.5 + s * h % 1 * 0.5);
   }, [t]);
-  T(() => e.subscribe((a) => {
+  P(() => e.subscribe((a) => {
     for (let s = 0; s < t; s++) {
       const R = d.current[s];
       if (!R) continue;
-      const C = Math.max(o, a * r * u[s]);
+      const C = Math.max(i, a * r * u[s]);
       R.style.height = `${C}px`;
     }
-  }), [e, t, r, o, u]);
-  const m = ["ll-waveform", i].filter(Boolean).join(" ");
+  }), [e, t, r, i, u]);
+  const m = ["ll-waveform", o].filter(Boolean).join(" ");
   return /* @__PURE__ */ n("div", { ref: c, className: m, "aria-hidden": "true", children: Array.from({ length: t }, (h, a) => /* @__PURE__ */ n(
     "div",
     {
@@ -777,7 +777,7 @@ const Vn = ({
         d.current[a] = s;
       },
       className: ["ll-waveform__bar", l].filter(Boolean).join(" "),
-      style: { height: `${o}px` }
+      style: { height: `${i}px` }
     },
     a
   )) });
@@ -785,8 +785,8 @@ const Vn = ({
   position: e,
   isMobile: t,
   agentName: r,
-  avatarImageUrl: o,
-  agentState: i,
+  avatarImageUrl: i,
+  agentState: o,
   isMuted: l,
   audioLevel: c,
   onExpand: d,
@@ -806,12 +806,12 @@ const Vn = ({
         onClick: d,
         "aria-label": `Expand ${r} widget`,
         children: [
-          o ? (
+          i ? (
             // eslint-disable-next-line @next/next/no-img-element
             /* @__PURE__ */ n(
               "img",
               {
-                src: o,
+                src: i,
                 alt: r,
                 className: "ll-minimized__avatar"
               }
@@ -858,12 +858,12 @@ const Vn = ({
     role: "region",
     "aria-label": `${r} widget`,
     children: /* @__PURE__ */ w("div", { className: "ll-minimized__surface", children: [
-      o ? (
+      i ? (
         // eslint-disable-next-line @next/next/no-img-element
         /* @__PURE__ */ n(
           "img",
           {
-            src: o,
+            src: i,
             alt: r,
             className: "ll-minimized__avatar"
           }
@@ -871,7 +871,7 @@ const Vn = ({
       ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
       /* @__PURE__ */ w("div", { className: "ll-minimized__meta", children: [
         /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
-        /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: i === "speaking" ? "Speaking" : i === "thinking" ? "Thinking" : "Listening" })
+        /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: o === "speaking" ? "Speaking" : o === "thinking" ? "Thinking" : "Listening" })
       ] }),
       /* @__PURE__ */ w("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
@@ -911,11 +911,11 @@ const Vn = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
-  className: o,
-  style: i
+  className: i,
+  style: o
 }) => {
   const [l, c] = S(!1), d = E(e);
-  if (T(() => {
+  if (P(() => {
     d.current !== e && (d.current = e, c(!1));
   }, [e]), !e) return null;
   const u = {
@@ -928,7 +928,7 @@ const Vn = ({
     transition: "opacity 500ms ease, transform 500ms ease",
     transform: r ? "scale(1.02)" : "scale(1)",
     opacity: l ? 1 : 0,
-    ...i
+    ...o
   };
   return (
     // eslint-disable-next-line @next/next/no-img-element
@@ -937,7 +937,7 @@ const Vn = ({
       {
         src: e,
         alt: t,
-        className: o,
+        className: i,
         style: u,
         loading: "eager",
         fetchPriority: "high",
@@ -949,8 +949,8 @@ const Vn = ({
   position: e,
   isMobile: t,
   agentName: r,
-  avatarImageUrl: o,
-  idleLoopUrl: i,
+  avatarImageUrl: i,
+  idleLoopUrl: o,
   greeting: l,
   branding: c,
   teamMembers: d,
@@ -972,11 +972,11 @@ const Vn = ({
   micDevices: B,
   isCameraEnabled: $,
   cameraPreviewEl: A,
-  cameraDevices: P,
+  cameraDevices: T,
   activeCameraId: W,
   isScreenShareEnabled: V,
-  screenPreviewEl: te,
-  isSpeakerMuted: ne,
+  screenPreviewEl: ne,
+  isSpeakerMuted: ee,
   allowCamera: ve,
   allowScreenShare: ae,
   allowTyping: pe,
@@ -997,33 +997,33 @@ const Vn = ({
 }) => {
   var Ae;
   const he = b.length > 0 ? b[b.length - 1] : null, de = ((d == null ? void 0 : d.length) ?? 0) > 1, Ee = L === "connecting" || L === "connected", Ne = L === "connected", be = L === "idle" || L === "disconnected" || L === "error", G = E(null), Pe = E(null);
-  T(() => {
+  P(() => {
     const y = G.current;
     y && (y.innerHTML = "", A && (A.style.width = "100%", A.style.height = "100%", A.style.objectFit = "cover", A.style.transform = "scaleX(-1)", y.appendChild(A)));
-  }, [A]), T(() => {
+  }, [A]), P(() => {
     const y = Pe.current;
-    y && (y.innerHTML = "", te && (te.style.width = "100%", te.style.height = "100%", te.style.objectFit = "contain", y.appendChild(te)));
-  }, [te]);
-  const [oe, ee] = S(!1), [ue, me] = S(!1);
-  T(() => {
-    if (!oe && !ue && !R && !h) return;
+    y && (y.innerHTML = "", ne && (ne.style.width = "100%", ne.style.height = "100%", ne.style.objectFit = "contain", y.appendChild(ne)));
+  }, [ne]);
+  const [ie, te] = S(!1), [ue, me] = S(!1);
+  P(() => {
+    if (!ie && !ue && !R && !h) return;
     const y = () => {
-      ee(!1), me(!1), R && C(), h && a();
+      te(!1), me(!1), R && C(), h && a();
     };
     return document.addEventListener("click", y), () => document.removeEventListener("click", y);
   }, [
-    oe,
+    ie,
     ue,
     R,
     h,
     C,
     a
   ]);
-  const [Q, ie] = S(""), we = k(
+  const [Q, oe] = S(""), we = k(
     (y) => {
       y.preventDefault();
       const J = Q.trim();
-      J && (We(J), ie(""));
+      J && (We(J), oe(""));
     },
     [Q, We]
   ), De = c.productName || "Live Layer", Ve = Ne && (he != null && he.text) ? he.text : l || "", $e = [
@@ -1040,19 +1040,19 @@ const Vn = ({
       "aria-label": `${r} widget`,
       children: [
         /* @__PURE__ */ w("div", { className: "ll-expanded__bg", children: [
-          o ? /* @__PURE__ */ n(
+          i ? /* @__PURE__ */ n(
             Gn,
             {
-              src: o,
+              src: i,
               alt: r,
               className: "ll-expanded__bg-img"
             }
           ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Ae = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Ae.toUpperCase()) || "A" }) }),
-          i && !Ne && /* @__PURE__ */ n(
+          o && !Ne && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
-              src: i,
+              src: o,
               autoPlay: !0,
               loop: !0,
               muted: !0,
@@ -1312,7 +1312,7 @@ const Vn = ({
                   type: "button",
                   className: `ll-tool ll-tool--right ${$ ? "is-on" : ""}`,
                   onClick: (y) => {
-                    y.stopPropagation(), me((J) => !J), ee(!1);
+                    y.stopPropagation(), me((J) => !J), te(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
@@ -1320,11 +1320,11 @@ const Vn = ({
                   children: /* @__PURE__ */ n(Ke, {})
                 }
               ),
-              ue && P.length > 0 && /* @__PURE__ */ n(
+              ue && T.length > 0 && /* @__PURE__ */ n(
                 Ot,
                 {
                   label: "Camera",
-                  devices: P,
+                  devices: T,
                   activeId: W,
                   onPick: (y) => {
                     me(!1), Se(y);
@@ -1350,21 +1350,21 @@ const Vn = ({
                   type: "button",
                   className: `ll-tool ll-tool--right ${p ? "is-muted" : ""}`,
                   onClick: (y) => {
-                    y.stopPropagation(), ee((J) => !J), me(!1);
+                    y.stopPropagation(), te((J) => !J), me(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": oe,
+                  "aria-expanded": ie,
                   children: /* @__PURE__ */ n(Ke, {})
                 }
               ),
-              oe && B.length > 0 && /* @__PURE__ */ n(
+              ie && B.length > 0 && /* @__PURE__ */ n(
                 Ot,
                 {
                   label: "Microphone",
                   devices: B,
                   activeId: "",
-                  onPick: () => ee(!1)
+                  onPick: () => te(!1)
                 }
               )
             ] }),
@@ -1372,11 +1372,11 @@ const Vn = ({
               "button",
               {
                 type: "button",
-                className: `ll-tool ${ne ? "is-muted" : ""}`,
+                className: `ll-tool ${ee ? "is-muted" : ""}`,
                 onClick: j,
-                "aria-label": ne ? "Unmute speaker" : "Mute speaker",
-                title: ne ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(er, { muted: ne })
+                "aria-label": ee ? "Unmute speaker" : "Mute speaker",
+                title: ee ? "Unmute speaker" : "Mute speaker",
+                children: /* @__PURE__ */ n(er, { muted: ee })
               }
             )
           ] }),
@@ -1388,7 +1388,7 @@ const Vn = ({
                 className: "ll-message-input__field",
                 placeholder: "Message...",
                 value: Q,
-                onChange: (y) => ie(y.target.value),
+                onChange: (y) => oe(y.target.value),
                 "aria-label": "Message the agent"
               }
             ),
@@ -1494,30 +1494,30 @@ function tr() {
     /* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
   ] });
 }
-const Ot = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ w(
+const Ot = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ w(
   "div",
   {
     className: "ll-device-menu",
-    onClick: (i) => i.stopPropagation(),
+    onClick: (o) => o.stopPropagation(),
     role: "listbox",
     children: [
       /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
-      t.map((i, l) => {
-        const c = r === i.deviceId;
+      t.map((o, l) => {
+        const c = r === o.deviceId;
         return /* @__PURE__ */ w(
           "button",
           {
             type: "button",
             className: `ll-device-menu__item ${c ? "is-active" : ""}`,
-            onClick: () => o(i.deviceId),
+            onClick: () => i(o.deviceId),
             role: "option",
             "aria-selected": c,
             children: [
               c && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
-              /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: i.label || `${e} ${l + 1}` })
+              /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: o.label || `${e} ${l + 1}` })
             ]
           },
-          i.deviceId || l
+          o.deviceId || l
         );
       })
     ]
@@ -1544,7 +1544,7 @@ function tt(e) {
   }
   return !0;
 }
-const Qe = 4096, rr = 20, or = 20, ir = 10, lr = 10, ar = 30, sr = 20, qt = 500, cr = [
+const Qe = 4096, rr = 20, ir = 20, or = 10, lr = 10, ar = 30, sr = 20, qt = 500, cr = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1566,8 +1566,8 @@ function Be(e) {
   if (typeof window > "u") return !0;
   const t = e.getBoundingClientRect();
   if (t.width <= 0 || t.height <= 0) return !1;
-  const r = window.innerHeight || document.documentElement.clientHeight, o = window.innerWidth || document.documentElement.clientWidth;
-  return t.bottom > 0 && t.right > 0 && t.top < r && t.left < o;
+  const r = window.innerHeight || document.documentElement.clientHeight, i = window.innerWidth || document.documentElement.clientWidth;
+  return t.bottom > 0 && t.right > 0 && t.top < r && t.left < i;
 }
 function Bt(e) {
   const t = e.getAttribute("id");
@@ -1577,10 +1577,10 @@ function Bt(e) {
   }
   const r = e.getAttribute("aria-label");
   if (r) return r.trim();
-  const o = e.getAttribute("placeholder");
-  if (o) return o.trim();
-  const i = e.closest("label");
-  return i != null && i.textContent ? i.textContent.trim() : "";
+  const i = e.getAttribute("placeholder");
+  if (i) return i.trim();
+  const o = e.closest("label");
+  return o != null && o.textContent ? o.textContent.trim() : "";
 }
 function fe(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
@@ -1602,11 +1602,11 @@ function dr(e, t = {}) {
       forms: [],
       extras: e
     };
-  const o = typeof window < "u" && window.location.href || "", i = typeof window < "u" && window.location.pathname || "/", l = r.title || "", c = 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]")
   ), d = [];
   for (const p of c) {
-    if (d.length >= ir) break;
+    if (d.length >= or) break;
     if (qe(p) || !Be(p)) continue;
     const N = p.getAttribute("data-ll-region") ?? "", B = p.getAttribute("data-ll-intent") ?? void 0, $ = fe(
       (p.innerText || p.textContent || "").trim(),
@@ -1642,7 +1642,7 @@ function dr(e, t = {}) {
     )
   );
   for (const p of v) {
-    if (L.length >= or) break;
+    if (L.length >= ir) break;
     if (qe(p) || !tt(p) || !Be(p)) continue;
     const N = Bt(p), B = p instanceof HTMLInputElement ? p.type : p.tagName.toLowerCase();
     N && L.push({ label: fe(N, 100), type: B });
@@ -1660,35 +1660,35 @@ function dr(e, t = {}) {
         "[data-ll-field]"
       )
     ), A = [];
-    for (const P of $) {
+    for (const T of $) {
       if (A.length >= ar) break;
-      if (!tt(P)) continue;
-      const W = P.getAttribute("data-ll-field") || "";
+      if (!tt(T)) continue;
+      const W = T.getAttribute("data-ll-field") || "";
       if (!W) continue;
-      const V = Bt(P) || W, te = P instanceof HTMLInputElement ? P.type : P.tagName.toLowerCase(), ne = {
+      const V = Bt(T) || W, ne = T instanceof HTMLInputElement ? T.type : T.tagName.toLowerCase(), ee = {
         name: W,
         label: fe(V, 100),
-        type: te
+        type: ne
       };
-      if (P instanceof HTMLSelectElement) {
+      if (T.required === !0 && (ee.required = !0), T instanceof HTMLSelectElement) {
         const ae = [];
-        for (let pe = 0; pe < P.options.length && !(ae.length >= sr); pe++) {
-          const se = P.options[pe];
+        for (let pe = 0; pe < T.options.length && !(ae.length >= sr); pe++) {
+          const se = T.options[pe];
           if (!se || se.disabled) continue;
           const re = se.value || "", ce = (se.textContent || "").trim() || re;
           !re && !ce || ae.push({ value: re, label: fe(ce, 60) });
         }
-        ae.length > 0 && (ne.options = ae);
+        ae.length > 0 && (ee.options = ae);
       }
-      const ve = typeof P.validationMessage == "string" ? P.validationMessage : "";
-      ve && (ne.validationMessage = fe(ve, 200)), A.push(ne);
+      const ve = typeof T.validationMessage == "string" ? T.validationMessage : "";
+      ve && (ee.validationMessage = fe(ve, 200)), A.push(ee);
     }
     H.push({ id: N, intent: B, fields: A });
   }
   const I = {
-    url: o,
+    url: i,
     title: l,
-    pathname: i,
+    pathname: o,
     regions: d,
     visibleText: s,
     visibleLinks: R,
@@ -1705,11 +1705,11 @@ function dr(e, t = {}) {
 }
 let Me = null;
 function Wt(e, t = {}) {
-  const r = Date.now(), i = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if (Me && Me.key === i && r - Me.at < 1e3)
+  const r = Date.now(), o = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
+  if (Me && Me.key === o && r - Me.at < 1e3)
     return Me.ctx;
   const l = dr(e, t);
-  return Me = { key: i, at: r, ctx: l }, l;
+  return Me = { key: o, at: r, ctx: l }, l;
 }
 function ur() {
   Me = null;
@@ -1731,9 +1731,9 @@ function hr(e) {
 function mr(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
-  const r = typeof window < "u" && window.location.origin || "", o = /* @__PURE__ */ new Set(), i = [], l = Array.from(t.querySelectorAll("a[href]"));
+  const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), o = [], l = Array.from(t.querySelectorAll("a[href]"));
   for (const c of l) {
-    if (i.length >= fr) break;
+    if (o.length >= fr) break;
     if (pt(c)) continue;
     const d = c.getAttribute("href") || "";
     if (!hr(d)) continue;
@@ -1746,12 +1746,12 @@ function mr(e) {
     } catch {
       continue;
     }
-    if (o.has(u)) continue;
-    o.add(u);
+    if (i.has(u)) continue;
+    i.add(u);
     const h = (c.textContent || "").trim().slice(0, 120);
-    i.push({ href: u, text: h, internal: m });
+    o.push({ href: u, text: h, internal: m });
   }
-  return i;
+  return o;
 }
 let Te = null;
 const gr = 5e3;
@@ -1766,20 +1766,20 @@ function yr() {
   Te = null;
 }
 function vr(e, t) {
-  const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, o = Object.getOwnPropertyDescriptor(r, "value"), i = o == null ? void 0 : o.set;
-  i ? i.call(e, t) : e.value = t;
+  const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, i = Object.getOwnPropertyDescriptor(r, "value"), o = i == null ? void 0 : i.set;
+  o ? o.call(e, t) : e.value = t;
 }
 function br(e, t, r = {}) {
-  const o = r.triggerInput ?? !0, i = r.triggerChange ?? !0;
+  const i = r.triggerInput ?? !0, o = r.triggerChange ?? !0;
   if (e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio")) {
     const l = Object.getOwnPropertyDescriptor(
       HTMLInputElement.prototype,
       "checked"
     ), c = l == null ? void 0 : l.set, d = t === "true" || t === "1" || t === "on";
-    c ? c.call(e, d) : e.checked = d, o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+    c ? c.call(e, d) : e.checked = d, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
-  vr(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  vr(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
 function wr() {
   if (typeof window > "u" || typeof document > "u")
@@ -1800,12 +1800,12 @@ function xr() {
     document.querySelectorAll("body, body *")
   );
   let t = null, r = 0;
-  for (const o of e) {
-    if (!_r(o)) continue;
-    const i = o.getBoundingClientRect();
-    if (i.bottom <= 0 || i.top >= window.innerHeight || i.right <= 0 || i.left >= window.innerWidth || i.width <= 0 || i.height <= 0 || o.closest(".ll-widget")) continue;
-    const l = i.width * i.height;
-    l > r && (r = l, t = o);
+  for (const i of e) {
+    if (!_r(i)) continue;
+    const o = i.getBoundingClientRect();
+    if (o.bottom <= 0 || o.top >= window.innerHeight || o.right <= 0 || o.left >= window.innerWidth || o.width <= 0 || o.height <= 0 || i.closest(".ll-widget")) continue;
+    const l = o.width * o.height;
+    l > r && (r = l, t = i);
   }
   return t;
 }
@@ -1854,8 +1854,8 @@ function Cr(e) {
   const {
     agentId: t,
     apiKey: r,
-    baseUrl: o = "https://app.livelayer.studio",
-    sessionEndpoint: i,
+    baseUrl: i = "https://app.livelayer.studio",
+    sessionEndpoint: o,
     sessionBody: l,
     autoConnect: c = !1,
     displayMode: d,
@@ -1877,11 +1877,11 @@ function Cr(e) {
     allowScreenShare: B = !0,
     allowTyping: $ = !0,
     showOn: A,
-    hideOn: P,
+    hideOn: T,
     pathname: W,
     onNavigate: V,
-    onScrollToSelector: te,
-    getPageContext: ne,
+    onScrollToSelector: ne,
+    getPageContext: ee,
     pageContextExtras: ve,
     getRoutes: ae,
     onScrollPage: pe,
@@ -1898,8 +1898,8 @@ function Cr(e) {
     className: We,
     style: Fe,
     zIndex: Ue = 2147483647
-  } = e, je = Tn(W), he = qn(je, A, P);
-  T(() => {
+  } = e, je = Tn(W), he = qn(je, A, T);
+  P(() => {
     ur(), yr();
   }, [je]);
   const de = L !== void 0, [Ee, Ne] = S(() => {
@@ -1908,14 +1908,14 @@ function Cr(e) {
   }), be = de ? L : Ee, G = Ze(
     () => (C == null ? void 0 : C.find((g) => g.id === be)) ?? null,
     [C, be]
-  ), Pe = (G == null ? void 0 : G.agentId) ?? t, [oe, ee] = An({
+  ), Pe = (G == null ? void 0 : G.agentId) ?? t, [ie, te] = An({
     value: d,
     defaultValue: u,
     onChange: m,
     persistKey: s,
     disablePersistence: R
-  }), ue = In(a), me = yn(), Q = vn(), ie = wn(), we = _n(), De = xn(), [Ve, $e] = S(!1), [Ae, y] = S(!1), [J, Ye] = S(!1), [Yt, Xt] = S(!1), [nt, Gt] = S(!1), rt = E(V), ot = E(te), it = E(pe), lt = E(se), ht = E(ne), mt = E(ve), gt = E(ae), at = E(re), le = E(null);
-  rt.current = V, ot.current = te, it.current = pe, lt.current = se, ht.current = ne, mt.current = ve, gt.current = ae, at.current = re;
+  }), ue = In(a), me = yn(), Q = vn(), oe = wn(), we = _n(), De = xn(), [Ve, $e] = S(!1), [Ae, y] = S(!1), [J, Ye] = S(!1), [Yt, Xt] = S(!1), [nt, Gt] = S(!1), rt = E(V), it = E(ne), ot = E(pe), lt = E(se), ht = E(ee), mt = E(ve), gt = E(ae), at = E(re), le = E(null);
+  rt.current = V, it.current = ne, ot.current = pe, lt.current = se, ht.current = ee, mt.current = ve, gt.current = ae, at.current = re;
   function ge(g) {
     const f = at.current;
     return f ? f.includes(g) : !0;
@@ -1981,9 +1981,9 @@ function Cr(e) {
           const x = typeof f.selector == "string" ? f.selector : null;
           if (!x) return;
           const M = f.behavior === "instant" ? "instant" : "smooth";
-          if (ot.current) {
+          if (it.current) {
             try {
-              ot.current(
+              it.current(
                 x,
                 M
               );
@@ -2076,9 +2076,9 @@ function Cr(e) {
             return;
           }
           const M = f.behavior === "instant" ? "instant" : "smooth";
-          if (it.current) {
+          if (ot.current) {
             try {
-              it.current(
+              ot.current(
                 x,
                 M
               );
@@ -2328,19 +2328,19 @@ function Cr(e) {
     [Ce, Se]
   ), Y = gn({
     agentId: j ? "__controlled__" : Pe,
-    baseUrl: o,
+    baseUrl: i,
     apiKey: r,
-    sessionEndpoint: i,
+    sessionEndpoint: o,
     sessionBody: l,
     onDataMessage: j ? void 0 : ze
   });
-  T(() => {
+  P(() => {
     if (j != null && j.subscribeToDataMessages)
       return j.subscribeToDataMessages(ze);
   }, [j, ze]), le.current = () => {
     var g;
     return (g = Y.getRoom) == null ? void 0 : g.call(Y);
-  }, T(() => {
+  }, P(() => {
     var Z;
     if (typeof window > "u") return;
     const g = ((Z = window.location) == null ? void 0 : Z.hostname) || "";
@@ -2387,13 +2387,13 @@ function Cr(e) {
     getRoom: Y.getRoom,
     isControlled: !1
   }, [j, Y]), yt = E(null);
-  T(() => {
+  P(() => {
     const g = _.videoElement, f = yt.current;
     if (!(!g || !f))
       return f.appendChild(g), () => {
         g.parentNode === f && f.removeChild(g);
       };
-  }, [_.videoElement]), T(() => {
+  }, [_.videoElement]), P(() => {
     const g = _.audioElement;
     if (!g) return;
     me.attach(g);
@@ -2403,15 +2403,15 @@ function Cr(e) {
     }), () => {
       me.detach();
     };
-  }, [_.audioElement]), T(() => {
+  }, [_.audioElement]), P(() => {
     if (_.isControlled || _.connectionState !== "connected") return;
     const g = _.getRoom();
     if (g)
       return Q.setupMic(g).catch(() => {
-      }), ie.attachRoom(g), we.attachRoom(g), De.refresh(), () => {
-        Q.teardownMic(), ie.teardown(), we.teardown();
+      }), oe.attachRoom(g), we.attachRoom(g), De.refresh(), () => {
+        Q.teardownMic(), oe.teardown(), we.teardown();
       };
-  }, [_.isControlled, _.connectionState]), T(() => {
+  }, [_.isControlled, _.connectionState]), P(() => {
     const g = _.audioElement;
     g && (g.muted = nt);
   }, [_.audioElement, nt]);
@@ -2428,15 +2428,15 @@ function Cr(e) {
   }, [_]), Kt = k(() => {
     Gt((g) => !g);
   }, []);
-  T(() => {
+  P(() => {
     Le == null || Le(_.connectionState), _.connectionState === "connected" ? ce == null || ce() : _.connectionState === "disconnected" && (_e == null || _e());
-  }, [_.connectionState, ce, _e, Le]), T(() => {
+  }, [_.connectionState, ce, _e, Le]), P(() => {
     xe == null || xe(_.transcript);
-  }, [_.transcript, xe]), T(() => {
+  }, [_.transcript, xe]), P(() => {
     ke == null || ke(_.agentState);
   }, [_.agentState, ke]);
   const vt = E(!1);
-  T(() => {
+  P(() => {
     _.isControlled || !c || vt.current || he && _.connectionState === "idle" && (vt.current = !0, _.connect());
   }, [c, _.connectionState, _, he]);
   const Qt = k(
@@ -2452,23 +2452,23 @@ function Cr(e) {
       v
     ]
   );
-  T(() => {
+  P(() => {
     Ae && _.connectionState === "connected" && y(!1);
-  }, [_.connectionState, Ae]), T(() => {
+  }, [_.connectionState, Ae]), P(() => {
     if (!J) return;
     const g = (f) => {
       f.key === "Escape" && Ye(!1);
     };
     return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
   }, [J]);
-  const Zt = !!I || !!(G != null && G.avatarImageUrl) || _.isControlled, He = kn(Pe, o, Zt);
+  const Zt = !!I || !!(G != null && G.avatarImageUrl) || _.isControlled, He = kn(Pe, i, Zt);
   re === void 0 && ((wt = He.info) != null && wt.capabilities) && (at.current = He.info.capabilities);
-  const Xe = (G == null ? void 0 : G.name) ?? O ?? ((_t = _.agentConfig) == null ? void 0 : _t.name) ?? ((xt = He.info) == null ? void 0 : xt.name) ?? "Live Layer", st = (G == null ? void 0 : G.avatarImageUrl) ?? I ?? ((kt = _.agentConfig) == null ? void 0 : kt.avatarImageUrl) ?? ((Lt = He.info) == null ? void 0 : Lt.avatarImageUrl) ?? null, en = b ?? ((St = _.agentConfig) == null ? void 0 : St.idleLoopUrl) ?? ((Ct = He.info) == null ? void 0 : Ct.idleLoopUrl) ?? null, tn = H ?? null, nn = k(() => ee("expanded"), [ee]), rn = k(
-    () => ee("minimized"),
-    [ee]
+  const Xe = (G == null ? void 0 : G.name) ?? O ?? ((_t = _.agentConfig) == null ? void 0 : _t.name) ?? ((xt = He.info) == null ? void 0 : xt.name) ?? "Live Layer", st = (G == null ? void 0 : G.avatarImageUrl) ?? I ?? ((kt = _.agentConfig) == null ? void 0 : kt.avatarImageUrl) ?? ((Lt = He.info) == null ? void 0 : Lt.avatarImageUrl) ?? null, en = b ?? ((St = _.agentConfig) == null ? void 0 : St.idleLoopUrl) ?? ((Ct = He.info) == null ? void 0 : Ct.idleLoopUrl) ?? null, tn = H ?? null, nn = k(() => te("expanded"), [te]), rn = k(
+    () => te("minimized"),
+    [te]
   ), bt = k(() => {
-    _.disconnect(), ee("hidden");
-  }, [_, ee]), on = k(() => {
+    _.disconnect(), te("hidden");
+  }, [_, te]), on = k(() => {
     const g = _.audioElement;
     g && g.play().then(() => $e(!1)).catch(() => {
     });
@@ -2481,7 +2481,7 @@ function Cr(e) {
   p.primaryColor && (Oe["--ll-color-primary"] = p.primaryColor), p.accentColor && (Oe["--ll-color-accent"] = p.accentColor), p.backgroundColor && (Oe["--ll-color-bg"] = p.backgroundColor), p.textColor && (Oe["--ll-color-fg"] = p.textColor);
   const an = [
     "ll-widget",
-    `ll-widget--${oe}`,
+    `ll-widget--${ie}`,
     `ll-widget--${ue ? "mobile" : "desktop"}`,
     We
   ].filter(Boolean).join(" ");
@@ -2490,22 +2490,22 @@ function Cr(e) {
     {
       className: an,
       style: Oe,
-      "data-display-mode": oe,
+      "data-display-mode": ie,
       "data-position": h,
       children: [
-        oe === "hidden" && /* @__PURE__ */ n(
+        ie === "hidden" && /* @__PURE__ */ n(
           Vn,
           {
             position: h,
             isMobile: ue,
             isSpeaking: _.agentState === "speaking",
-            onExpand: () => ee("expanded"),
+            onExpand: () => te("expanded"),
             label: `Open ${Xe} widget`,
             avatarImageUrl: st,
             agentName: Xe
           }
         ),
-        oe === "minimized" && /* @__PURE__ */ n(
+        ie === "minimized" && /* @__PURE__ */ n(
           Xn,
           {
             position: h,
@@ -2520,7 +2520,7 @@ function Cr(e) {
             onClose: bt
           }
         ),
-        oe === "expanded" && /* @__PURE__ */ n(
+        ie === "expanded" && /* @__PURE__ */ n(
           Jn,
           {
             position: h,
@@ -2541,10 +2541,10 @@ function Cr(e) {
             transcript: _.transcript,
             isMuted: Q.isMuted,
             micDevices: De.mics,
-            isCameraEnabled: ie.isEnabled,
-            cameraPreviewEl: ie.previewEl,
+            isCameraEnabled: oe.isEnabled,
+            cameraPreviewEl: oe.previewEl,
             cameraDevices: De.cameras,
-            activeCameraId: ie.activeDeviceId,
+            activeCameraId: oe.activeDeviceId,
             isScreenShareEnabled: we.isEnabled,
             screenPreviewEl: we.previewEl,
             isSpeakerMuted: nt,
@@ -2563,8 +2563,8 @@ function Cr(e) {
             onRetry: ln,
             onResumeAudio: on,
             onToggleMute: Q.toggleMute,
-            onToggleCamera: () => void ie.toggle(),
-            onSwitchCameraDevice: (g) => void ie.switchDevice(g),
+            onToggleCamera: () => void oe.toggle(),
+            onSwitchCameraDevice: (g) => void oe.switchDevice(g),
             onToggleScreenShare: () => void we.toggle(),
             onToggleSpeaker: Kt,
             onSendMessage: Jt,
@@ -2584,58 +2584,58 @@ const Dr = ({
   agentId: e,
   baseUrl: t,
   apiKey: r,
-  mode: o,
-  onAgentEvent: i,
+  mode: i,
+  onAgentEvent: o,
   className: l,
   style: c
 }) => {
-  const d = E(null), u = E(null), m = E(i);
-  m.current = i;
+  const d = E(null), u = E(null), m = E(o);
+  m.current = o;
   const h = k((a) => {
     var R;
     const s = a.detail;
     (R = m.current) == null || R.call(m, s);
   }, []);
-  return T(() => {
+  return P(() => {
     const a = d.current;
     if (!a) return;
     const s = document.createElement("livelayer-widget");
-    return s.setAttribute("agent-id", e), t && s.setAttribute("base-url", t), r && s.setAttribute("api-key", r), o && s.setAttribute("mode", o), s.addEventListener("agent-event", h), a.appendChild(s), u.current = s, () => {
+    return s.setAttribute("agent-id", e), t && s.setAttribute("base-url", t), r && s.setAttribute("api-key", r), i && s.setAttribute("mode", i), s.addEventListener("agent-event", h), a.appendChild(s), u.current = s, () => {
       s.removeEventListener("agent-event", h), a.removeChild(s), u.current = null;
     };
-  }, [e]), T(() => {
-    u.current && (o ? u.current.setAttribute("mode", o) : u.current.removeAttribute("mode"));
-  }, [o]), /* @__PURE__ */ n("div", { ref: d, className: l, style: c });
+  }, [e]), P(() => {
+    u.current && (i ? u.current.setAttribute("mode", i) : u.current.removeAttribute("mode"));
+  }, [i]), /* @__PURE__ */ n("div", { ref: d, className: l, style: c });
 }, $r = ft(
-  function({ id: t, intent: r, as: o = "div", className: i, style: l, children: c }, d) {
+  function({ id: t, intent: r, as: i = "div", className: o, style: l, children: c }, d) {
     return un(
-      o,
+      i,
       {
         ref: d,
         "data-ll-region": t,
         "data-ll-intent": r,
-        className: i,
+        className: o,
         style: l
       },
       c
     );
   }
 ), zr = ft(
-  function({ id: t, intent: r, children: o, ...i }, l) {
+  function({ id: t, intent: r, children: i, ...o }, l) {
     return /* @__PURE__ */ n(
       "form",
       {
         ref: l,
         "data-ll-form": t,
         "data-ll-intent": r,
-        ...i,
-        children: o
+        ...o,
+        children: i
       }
     );
   }
 ), Hr = ft(
   function(t, r) {
-    const { name: o, label: i, labelClassName: l } = t, c = { name: o, "data-ll-field": o };
+    const { name: i, label: o, labelClassName: l } = t, c = { name: i, "data-ll-field": i };
     let d;
     if ("as" in t && t.as === "textarea") {
       const { name: u, label: m, labelClassName: h, as: a, ...s } = t;
@@ -2669,8 +2669,8 @@ const Dr = ({
         }
       );
     }
-    return i === void 0 ? d : /* @__PURE__ */ w("label", { className: l, children: [
-      i,
+    return o === void 0 ? d : /* @__PURE__ */ w("label", { className: l, children: [
+      o,
       d
     ] });
   }
@@ -2681,24 +2681,24 @@ function Or({
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [o, i] = S(t), [l, c] = S([]), [d, u] = S(""), [m, h] = S(!1), a = E(/* @__PURE__ */ new Set()), s = E([]), R = E(m);
-  R.current = m, T(() => {
+  const [i, o] = S(t), [l, c] = S([]), [d, u] = S(""), [m, h] = S(!1), a = E(/* @__PURE__ */ new Set()), s = E([]), R = E(m);
+  R.current = m, P(() => {
     try {
       const v = localStorage.getItem(r);
-      v === "1" && i(!0), v === "0" && i(!1);
+      v === "1" && o(!0), v === "0" && o(!1);
     } catch {
     }
-  }, [r]), T(() => {
+  }, [r]), P(() => {
     try {
-      localStorage.setItem(r, o ? "1" : "0");
+      localStorage.setItem(r, i ? "1" : "0");
     } catch {
     }
-  }, [o, r]), T(() => {
+  }, [i, r]), P(() => {
     const v = (b) => {
-      (b.metaKey || b.ctrlKey) && b.shiftKey && b.key.toLowerCase() === "l" && (b.preventDefault(), i((H) => !H));
+      (b.metaKey || b.ctrlKey) && b.shiftKey && b.key.toLowerCase() === "l" && (b.preventDefault(), o((H) => !H));
     };
     return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
-  }, []), T(() => {
+  }, []), P(() => {
     const v = setInterval(() => {
       if (s.current.length === 0 || R.current) return;
       const b = s.current.splice(0, s.current.length);
@@ -2709,7 +2709,7 @@ function Or({
     return () => clearInterval(v);
   }, []);
   const C = E(!1);
-  if (T(() => {
+  if (P(() => {
     !e || C.current || (C.current = !0, e((v) => {
       s.current.push({
         id: Ut++,
@@ -2719,7 +2719,7 @@ function Or({
         data: v.data
       });
     }));
-  }, [e]), T(() => {
+  }, [e]), P(() => {
     const v = console.warn, b = console.log, H = (I, O) => function(...p) {
       try {
         const N = typeof p[0] == "string" ? p[0] : "";
@@ -2737,12 +2737,12 @@ function Or({
     return console.warn = H("warn", v), console.log = H("log", b), () => {
       console.warn = v, console.log = b;
     };
-  }, []), !o)
+  }, []), !i)
     return /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        onClick: () => i(!0),
+        onClick: () => o(!0),
         title: "Open LiveLayer debug panel (Cmd/Ctrl + Shift + L)",
         "aria-label": "Open LiveLayer debug panel",
         style: {
@@ -2836,7 +2836,7 @@ function Or({
                 "button",
                 {
                   type: "button",
-                  onClick: () => i(!1),
+                  onClick: () => o(!1),
                   style: dt("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
@@ -2925,7 +2925,7 @@ function Er({
   expanded: t,
   onToggle: r
 }) {
-  const o = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", i = new Date(e.ts).toLocaleTimeString("en-US", {
+  const i = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", o = new Date(e.ts).toLocaleTimeString("en-US", {
     hour12: !1
   });
   return /* @__PURE__ */ w(
@@ -2955,14 +2955,14 @@ function Er({
                 fontVariantNumeric: "tabular-nums",
                 fontSize: 10
               },
-              children: i
+              children: o
             }
           ),
           /* @__PURE__ */ n(
             "span",
             {
               style: {
-                color: o,
+                color: i,
                 fontWeight: 600,
                 flexShrink: 0
               },
@@ -3009,20 +3009,20 @@ function Nr(e) {
   }
 }
 function qr() {
-  const [e, t] = S([]), r = k((i) => {
+  const [e, t] = S([]), r = k((o) => {
     t((l) => {
-      const c = l.findIndex((d) => d.id === i.id);
+      const c = l.findIndex((d) => d.id === o.id);
       if (c >= 0) {
         const d = l.slice();
-        return d[c] = i, d;
+        return d[c] = o, d;
       }
-      return [...l, i];
+      return [...l, o];
     });
-  }, []), o = k(() => t([]), []);
+  }, []), i = k(() => t([]), []);
   return {
     entries: e,
     pushSegment: r,
-    clear: o,
+    clear: i,
     latest: e.length > 0 ? e[e.length - 1] : null
   };
 }