@livelayer/react 0.5.6 → 0.5.7

package/dist/index.mjs

@@ -13,8 +13,8 @@ class mn extends dn {
     return { hasError: !0, error: t };
   }
   componentDidCatch(t, r) {
-    var i, o;
-    (o = (i = this.props).onError) == null || o.call(i, t, r);
+    var o, i;
+    (i = (o = this.props).onError) == null || i.call(o, t, r);
   }
   render() {
     var t;
@@ -34,13 +34,13 @@ class mn extends dn {
   }
 }
 function gn(e) {
-  const [t, r] = S("idle"), [i, o] = S("idle"), [l, s] = S([]), [d, f] = S(null), [g, m] = S(null), [a, c] = S(null), [R, C] = S(!1), [L, v] = S(null), b = E(null), z = E(e.onDataMessage);
+  const [t, r] = S("idle"), [o, i] = S("idle"), [l, s] = S([]), [d, f] = S(null), [g, m] = S(null), [a, c] = S(null), [R, C] = S(!1), [L, v] = S(null), b = E(null), z = E(e.onDataMessage);
   z.current = e.onDataMessage, T(() => {
     const N = {
       onConnectionStateChange: (D) => {
         r(D), D === "connected" && v(null);
       },
-      onAgentStateChange: o,
+      onAgentStateChange: i,
       onTranscript: (D) => s([...D]),
       onAgentConfig: f,
       onAudioTrack: (D) => c(D),
@@ -62,7 +62,7 @@ function gn(e) {
       },
       N
     );
-    return b.current = B, r("idle"), o("idle"), s([]), f(null), m(null), c(null), C(!1), v(null), () => {
+    return b.current = B, r("idle"), i("idle"), s([]), f(null), m(null), c(null), C(!1), v(null), () => {
       var D;
       (D = B.destroy) == null || D.call(B), b.current = null;
     };
@@ -90,7 +90,7 @@ function gn(e) {
   }, []);
   return {
     connectionState: t,
-    agentState: i,
+    agentState: o,
     transcript: l,
     agentConfig: d,
     videoElement: g,
@@ -104,10 +104,10 @@ function gn(e) {
   };
 }
 function yn() {
-  const e = E(null), t = E(null), r = E(null), i = E(null), o = E(/* @__PURE__ */ new Set()), l = E(null), s = k(() => {
+  const e = E(null), t = E(null), r = E(null), o = E(null), i = E(/* @__PURE__ */ new Set()), l = E(null), s = k(() => {
     const a = t.current;
     if (!a) {
-      i.current = null;
+      o.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 < c.length; L++) R += c[L];
     const C = R / c.length / 255;
-    for (const L of o.current)
+    for (const L of i.current)
       try {
         L(C);
       } catch (v) {
         console.error("[useAudioLevel] subscriber threw:", v);
       }
-    i.current = requestAnimationFrame(s);
+    o.current = requestAnimationFrame(s);
   }, []), d = k(() => {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
     const a = new AudioContext(), c = a.createAnalyser();
@@ -146,20 +146,20 @@ function yn() {
           console.warn("[useAudioLevel] createMediaElementSource failed:", c);
           return;
         }
-        i.current === null && (i.current = requestAnimationFrame(s));
+        o.current === null && (o.current = requestAnimationFrame(s));
       }
     },
     [d, s]
   ), g = k(() => {
-    if (i.current !== null && (cancelAnimationFrame(i.current), i.current = null), r.current) {
+    if (o.current !== null && (cancelAnimationFrame(o.current), o.current = null), r.current) {
       try {
         r.current.disconnect();
       } catch {
       }
       r.current = null;
     }
-  }, []), m = k((a) => (o.current.add(a), () => {
-    o.current.delete(a);
+  }, []), m = k((a) => (i.current.add(a), () => {
+    i.current.delete(a);
   }), []);
   return T(() => () => {
     if (g(), t.current) {
@@ -176,34 +176,34 @@ function yn() {
       }
       e.current = null;
     }
-    o.current.clear(), l.current = null;
+    i.current.clear(), l.current = null;
   }, [g]), { attach: f, detach: g, subscribe: m };
 }
 function vn() {
-  const [e, t] = S(!1), [r, i] = S(null), o = E(null), l = E(null), s = k(async (m) => {
-    if (o.current && l.current) {
+  const [e, t] = S(!1), [r, o] = S(null), i = E(null), l = E(null), s = k(async (m) => {
+    if (i.current && l.current) {
       try {
-        await l.current.localParticipant.unpublishTrack(o.current);
+        await l.current.localParticipant.unpublishTrack(i.current);
       } catch {
       }
-      o.current.stop(), o.current = null;
+      i.current.stop(), i.current = null;
     }
-    l.current = m, i(null);
+    l.current = m, o(null);
     try {
       const a = await pn({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await m.localParticipant.publishTrack(a), o.current = a, t(a.isMuted);
+      await m.localParticipant.publishTrack(a), i.current = a, t(a.isMuted);
     } catch (a) {
       const c = a instanceof Error && a.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-      throw i(c), a;
+      throw o(c), a;
     }
   }, []), d = k(() => {
-    const m = o.current;
+    const m = i.current;
     m && (m.isMuted ? (m.unmute(), t(!1)) : (m.mute(), t(!0)));
   }, []), f = k(() => {
-    const m = o.current, a = l.current;
+    const m = i.current, a = l.current;
     if (m && a) {
       try {
         a.localParticipant.unpublishTrack(m);
@@ -211,8 +211,8 @@ function vn() {
       }
       m.stop();
     }
-    o.current = null, l.current = null, t(!1);
-  }, []), g = k(() => i(null), []);
+    i.current = null, l.current = null, t(!1);
+  }, []), g = k(() => o(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, i] = S(null), [o, l] = S(null), [s, d] = S(""), f = E(null), g = E(null), m = k((b) => {
+  const [e, t] = S(!1), [r, o] = S(null), [i, l] = S(null), [s, d] = S(""), f = E(null), g = E(null), m = k((b) => {
     f.current = b;
   }, []), a = k(() => {
     const b = f.current, z = g.current;
@@ -243,7 +243,7 @@ function wn() {
   }, []), c = k(async (b) => {
     const z = f.current;
     if (z) {
-      i(null);
+      o(null);
       try {
         const I = { ...bn };
         b && (I.deviceId = b);
@@ -260,7 +260,7 @@ function wn() {
         }
       } catch (I) {
         const H = I instanceof Error && I.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
-        i(H);
+        o(H);
       }
     }
   }, []), R = k(async () => {
@@ -268,14 +268,14 @@ function wn() {
   }, [e, s, a, c]), C = k(async (b) => {
     a(), await c(b);
   }, [a, c]), L = k(() => {
-    a(), f.current = null, i(null), d("");
-  }, [a]), v = k(() => i(null), []);
+    a(), f.current = null, o(null), d("");
+  }, [a]), v = k(() => o(null), []);
   return T(() => () => {
     g.current && g.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
-    previewEl: o,
+    previewEl: i,
     activeDeviceId: s,
     toggle: R,
     switchDevice: C,
@@ -285,7 +285,7 @@ function wn() {
   };
 }
 function _n() {
-  const [e, t] = S(!1), [r, i] = S(null), [o, l] = S(null), s = E(null), d = k((c) => {
+  const [e, t] = S(!1), [r, o] = S(null), [i, l] = S(null), s = E(null), d = k((c) => {
     s.current = c;
   }, []), f = k(() => l(null), []), g = k(async () => {
     const c = s.current;
@@ -298,7 +298,7 @@ function _n() {
         f(), t(!1);
         return;
       }
-      i(null);
+      o(null);
       try {
         await c.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" && i("Screen share unavailable. Try again."), t(!1);
+        C !== "NotAllowedError" && C !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
       }
     }
   }, [e, f]), m = k(() => {
@@ -331,27 +331,27 @@ function _n() {
         c.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
-    f(), t(!1), i(null), s.current = null;
-  }, [e, f]), a = k(() => i(null), []);
-  return { isEnabled: e, error: r, previewEl: o, toggle: g, attachRoom: d, teardown: m, clearError: a };
+    f(), t(!1), o(null), s.current = null;
+  }, [e, f]), a = k(() => o(null), []);
+  return { isEnabled: e, error: r, previewEl: i, toggle: g, attachRoom: d, teardown: m, clearError: a };
 }
 function xn() {
-  const [e, t] = S([]), [r, i] = S([]), o = k(async () => {
+  const [e, t] = S([]), [r, o] = S([]), i = k(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
-        t(l.filter((s) => s.kind === "audioinput")), i(l.filter((s) => s.kind === "videoinput"));
+        t(l.filter((s) => s.kind === "audioinput")), o(l.filter((s) => s.kind === "videoinput"));
       } catch {
       }
   }, []);
   return T(() => {
-    if (o(), typeof navigator > "u" || !navigator.mediaDevices) return;
-    const l = () => void o();
+    if (i(), typeof navigator > "u" || !navigator.mediaDevices) return;
+    const l = () => void i();
     return navigator.mediaDevices.addEventListener("devicechange", l), () => navigator.mediaDevices.removeEventListener("devicechange", l);
-  }, [o]), { mics: e, cameras: r, refresh: o };
+  }, [i]), { mics: e, cameras: r, refresh: i };
 }
 function kn(e, t, r = !1) {
-  const [i, o] = S(null), [l, s] = S(null), [d, f] = S(!r && !!e);
+  const [o, i] = S(null), [l, s] = S(null), [d, f] = S(!r && !!e);
   return T(() => {
     if (r || !e) {
       f(!1);
@@ -367,11 +367,11 @@ function kn(e, t, r = !1) {
       }
       return a.json();
     }).then((a) => {
-      g.signal.aborted || (o(a), f(!1));
+      g.signal.aborted || (i(a), f(!1));
     }).catch((a) => {
       g.signal.aborted || (s(a instanceof Error ? a.message : "Agent lookup failed"), f(!1));
     }), () => g.abort();
-  }, [e, t, r]), { info: i, error: l, loading: d };
+  }, [e, t, r]), { info: o, 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 i = e !== void 0, [o, l] = S(t), s = i ? e : o, d = k(
+  const o = e !== void 0, [i, l] = S(t), s = o ? e : i, d = k(
     (f) => {
-      f !== s && (i || l(f), r == null || r(f));
+      f !== s && (o || l(f), r == null || r(f));
     },
-    [s, i, r]
+    [s, o, r]
   );
   return [s, d];
 }
@@ -409,18 +409,18 @@ function An({
   value: e,
   defaultValue: t = "expanded",
   onChange: r,
-  persistKey: i = "ll-widget",
-  disablePersistence: o = !1
+  persistKey: o = "ll-widget",
+  disablePersistence: i = !1
 } = {}) {
-  const l = `${i}:display-mode`, s = E(!1), [d, f] = Cn({
+  const l = `${o}:display-mode`, s = E(!1), [d, f] = Cn({
     value: e,
     defaultValue: t,
     onChange: (g) => {
-      e === void 0 && !o && Sn(l, g), r == null || r(g);
+      e === void 0 && !i && Sn(l, g), r == null || r(g);
     }
   });
   return T(() => {
-    if (s.current || (s.current = !0, o || e !== void 0)) return;
+    if (s.current || (s.current = !0, i || e !== void 0)) return;
     const g = Nn(Ln(l));
     g && g !== d && f(g);
   }, []), [d, f];
@@ -435,9 +435,9 @@ function In(e = Rn) {
     }
     if (typeof window > "u" || typeof window.matchMedia > "u")
       return;
-    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);
+    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);
     });
   }, [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 i = e.apply(this, r);
-    return window.dispatchEvent(new Event(et)), i;
+    const o = e.apply(this, r);
+    return window.dispatchEvent(new Event(et)), o;
   }, window.history.replaceState = function(...r) {
-    const i = t.apply(this, r);
-    return window.dispatchEvent(new Event(et)), i;
+    const o = t.apply(this, r);
+    return window.dispatchEvent(new Event(et)), o;
   }, window.history[Nt] = !0;
 }
 function At() {
@@ -463,9 +463,9 @@ function Tn(e) {
   return T(() => {
     if (e !== void 0) return;
     Mn();
-    const i = () => r(At());
-    return i(), window.addEventListener("popstate", i), window.addEventListener(et, i), () => {
-      window.removeEventListener("popstate", i), window.removeEventListener(et, i);
+    const o = () => r(At());
+    return o(), window.addEventListener("popstate", o), window.addEventListener(et, o), () => {
+      window.removeEventListener("popstate", o), window.removeEventListener(et, o);
     };
   }, [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, 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"), "[^/]+"), f = new RegExp(`^${d}\\/?$`);
+  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"), "[^/]+"), f = new RegExp(`^${d}\\/?$`);
   return Rt.set(e, f), f;
 }
 function zn(e, t) {
@@ -620,8 +620,8 @@ const Vn = ({
   position: e,
   isMobile: t,
   isSpeaking: r,
-  onExpand: i,
-  label: o = "Open widget",
+  onExpand: o,
+  label: i = "Open widget",
   avatarImageUrl: l,
   agentName: s
 }) => {
@@ -681,8 +681,8 @@ const Vn = ({
       v.current = !1;
       return;
     }
-    i();
-  }, [i]), N = k(
+    o();
+  }, [o]), N = k(
     (A) => {
       if (A.key === "ArrowUp" || A.key === "ArrowDown") {
         A.preventDefault();
@@ -714,7 +714,7 @@ const Vn = ({
       onPointerCancel: H,
       onClick: p,
       onKeyDown: N,
-      "aria-label": o,
+      "aria-label": i,
       "data-position": e,
       style: D,
       children: m ? (
@@ -753,8 +753,8 @@ const Vn = ({
   audioLevel: e,
   bars: t = 20,
   maxHeight: r = 20,
-  minHeight: i = 4,
-  className: o,
+  minHeight: o = 4,
+  className: i,
   barClassName: l
 }) => {
   const s = E(null), d = E([]), f = Ze(() => {
@@ -765,11 +765,11 @@ const Vn = ({
     for (let c = 0; c < t; c++) {
       const R = d.current[c];
       if (!R) continue;
-      const C = Math.max(i, a * r * f[c]);
+      const C = Math.max(o, a * r * f[c]);
       R.style.height = `${C}px`;
     }
-  }), [e, t, r, i, f]);
-  const g = ["ll-waveform", o].filter(Boolean).join(" ");
+  }), [e, t, r, o, f]);
+  const g = ["ll-waveform", i].filter(Boolean).join(" ");
   return /* @__PURE__ */ n("div", { ref: s, className: g, "aria-hidden": "true", children: Array.from({ length: t }, (m, a) => /* @__PURE__ */ n(
     "div",
     {
@@ -777,7 +777,7 @@ const Vn = ({
         d.current[a] = c;
       },
       className: ["ll-waveform__bar", l].filter(Boolean).join(" "),
-      style: { height: `${i}px` }
+      style: { height: `${o}px` }
     },
     a
   )) });
@@ -785,8 +785,8 @@ const Vn = ({
   position: e,
   isMobile: t,
   agentName: r,
-  avatarImageUrl: i,
-  agentState: o,
+  avatarImageUrl: o,
+  agentState: i,
   isMuted: l,
   audioLevel: s,
   onExpand: d,
@@ -806,12 +806,12 @@ const Vn = ({
         onClick: d,
         "aria-label": `Expand ${r} widget`,
         children: [
-          i ? (
+          o ? (
             // eslint-disable-next-line @next/next/no-img-element
             /* @__PURE__ */ n(
               "img",
               {
-                src: i,
+                src: o,
                 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: [
-      i ? (
+      o ? (
         // eslint-disable-next-line @next/next/no-img-element
         /* @__PURE__ */ n(
           "img",
           {
-            src: i,
+            src: o,
             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: o === "speaking" ? "Speaking" : o === "thinking" ? "Thinking" : "Listening" })
+        /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: i === "speaking" ? "Speaking" : i === "thinking" ? "Thinking" : "Listening" })
       ] }),
       /* @__PURE__ */ w("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
@@ -911,8 +911,8 @@ const Vn = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
-  className: i,
-  style: o
+  className: o,
+  style: i
 }) => {
   const [l, s] = S(!1), d = E(e);
   if (T(() => {
@@ -928,7 +928,7 @@ const Vn = ({
     transition: "opacity 500ms ease, transform 500ms ease",
     transform: r ? "scale(1.02)" : "scale(1)",
     opacity: l ? 1 : 0,
-    ...o
+    ...i
   };
   return (
     // eslint-disable-next-line @next/next/no-img-element
@@ -937,7 +937,7 @@ const Vn = ({
       {
         src: e,
         alt: t,
-        className: i,
+        className: o,
         style: f,
         loading: "eager",
         fetchPriority: "high",
@@ -949,8 +949,8 @@ const Vn = ({
   position: e,
   isMobile: t,
   agentName: r,
-  avatarImageUrl: i,
-  idleLoopUrl: o,
+  avatarImageUrl: o,
+  idleLoopUrl: i,
   greeting: l,
   branding: s,
   teamMembers: d,
@@ -989,14 +989,14 @@ const Vn = ({
   onToggleCamera: _e,
   onSwitchCameraDevice: xe,
   onToggleScreenShare: ke,
-  onToggleSpeaker: j,
+  onToggleSpeaker: V,
   onSendMessage: Ue,
   onMinimize: je,
   onClose: Ve,
   onClearMicError: fe
 }) => {
   var Ce;
-  const ae = b.length > 0 ? b[b.length - 1] : null, oe = ((d == null ? void 0 : d.length) ?? 0) > 1, Le = L === "connecting" || L === "connected", Se = L === "connected", pe = L === "idle" || L === "disconnected" || L === "error", K = E(null), Me = E(null);
+  const ae = b.length > 0 ? b[b.length - 1] : null, ie = ((d == null ? void 0 : d.length) ?? 0) > 1, Le = L === "connecting" || L === "connected", Se = L === "connected", pe = L === "idle" || L === "disconnected" || L === "error", K = E(null), Me = E(null);
   T(() => {
     const y = K.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)));
@@ -1040,19 +1040,19 @@ const Vn = ({
       "aria-label": `${r} widget`,
       children: [
         /* @__PURE__ */ w("div", { className: "ll-expanded__bg", children: [
-          i ? /* @__PURE__ */ n(
+          o ? /* @__PURE__ */ n(
             Gn,
             {
-              src: i,
+              src: o,
               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: ((Ce = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Ce.toUpperCase()) || "A" }) }),
-          o && !Se && /* @__PURE__ */ n(
+          i && !Se && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
-              src: o,
+              src: i,
               autoPlay: !0,
               loop: !0,
               muted: !0,
@@ -1086,17 +1086,17 @@ const Vn = ({
                   type: "button",
                   className: "ll-hpill",
                   onClick: (y) => {
-                    oe && (y.stopPropagation(), a());
+                    ie && (y.stopPropagation(), a());
                   },
-                  "aria-haspopup": oe ? "listbox" : void 0,
-                  "aria-expanded": oe ? m : void 0,
+                  "aria-haspopup": ie ? "listbox" : void 0,
+                  "aria-expanded": ie ? m : void 0,
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                    oe && /* @__PURE__ */ n(Xe, {})
+                    ie && /* @__PURE__ */ n(Xe, {})
                   ]
                 }
               ),
-              oe && m && /* @__PURE__ */ n(
+              ie && m && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
@@ -1373,7 +1373,7 @@ const Vn = ({
               {
                 type: "button",
                 className: `ll-tool ${ue ? "is-muted" : ""}`,
-                onClick: j,
+                onClick: V,
                 "aria-label": ue ? "Unmute speaker" : "Mute speaker",
                 title: ue ? "Unmute speaker" : "Mute speaker",
                 children: /* @__PURE__ */ n(er, { muted: ue })
@@ -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: i }) => /* @__PURE__ */ w(
+const Ot = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ w(
   "div",
   {
     className: "ll-device-menu",
-    onClick: (o) => o.stopPropagation(),
+    onClick: (i) => i.stopPropagation(),
     role: "listbox",
     children: [
       /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
-      t.map((o, l) => {
-        const s = r === o.deviceId;
+      t.map((i, l) => {
+        const s = r === i.deviceId;
         return /* @__PURE__ */ w(
           "button",
           {
             type: "button",
             className: `ll-device-menu__item ${s ? "is-active" : ""}`,
-            onClick: () => i(o.deviceId),
+            onClick: () => o(i.deviceId),
             role: "option",
             "aria-selected": s,
             children: [
               s && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
-              /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: o.label || `${e} ${l + 1}` })
+              /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: i.label || `${e} ${l + 1}` })
             ]
           },
-          o.deviceId || l
+          i.deviceId || l
         );
       })
     ]
@@ -1544,7 +1544,7 @@ function tt(e) {
   }
   return !0;
 }
-const Qe = 4096, rr = 20, ir = 20, or = 10, lr = 10, ar = 30, qt = 500, cr = [
+const Qe = 4096, rr = 20, or = 20, ir = 10, lr = 10, ar = 30, qt = 500, cr = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1566,8 +1566,8 @@ function Oe(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, i = window.innerWidth || document.documentElement.clientWidth;
-  return t.bottom > 0 && t.right > 0 && t.top < r && t.left < i;
+  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;
 }
 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 i = e.getAttribute("placeholder");
-  if (i) return i.trim();
-  const o = e.closest("label");
-  return o != null && o.textContent ? o.textContent.trim() : "";
+  const o = e.getAttribute("placeholder");
+  if (o) return o.trim();
+  const i = e.closest("label");
+  return i != null && i.textContent ? i.textContent.trim() : "";
 }
 function me(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
@@ -1602,11 +1602,11 @@ function sr(e, t = {}) {
       forms: [],
       extras: e
     };
-  const i = typeof window < "u" && window.location.href || "", o = typeof window < "u" && window.location.pathname || "/", l = r.title || "", s = Array.from(
+  const o = typeof window < "u" && window.location.href || "", i = typeof window < "u" && window.location.pathname || "/", l = r.title || "", s = Array.from(
     r.querySelectorAll("[data-ll-region]")
   ), d = [];
   for (const p of s) {
-    if (d.length >= or) break;
+    if (d.length >= ir) break;
     if (He(p) || !Oe(p)) continue;
     const N = p.getAttribute("data-ll-region") ?? "", B = p.getAttribute("data-ll-intent") ?? void 0, D = me(
       (p.innerText || p.textContent || "").trim(),
@@ -1642,7 +1642,7 @@ function sr(e, t = {}) {
     )
   );
   for (const p of v) {
-    if (L.length >= ir) break;
+    if (L.length >= or) break;
     if (He(p) || !tt(p) || !Oe(p)) continue;
     const N = Bt(p), B = p instanceof HTMLInputElement ? p.type : p.tagName.toLowerCase();
     N && L.push({ label: me(N, 100), type: B });
@@ -1671,9 +1671,9 @@ function sr(e, t = {}) {
     z.push({ id: N, intent: B, fields: A });
   }
   const I = {
-    url: i,
+    url: o,
     title: l,
-    pathname: o,
+    pathname: i,
     regions: d,
     visibleText: c,
     visibleLinks: R,
@@ -1690,11 +1690,11 @@ function sr(e, t = {}) {
 }
 let Re = null;
 function Wt(e, t = {}) {
-  const r = Date.now(), o = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if (Re && Re.key === o && r - Re.at < 1e3)
+  const r = Date.now(), i = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
+  if (Re && Re.key === i && r - Re.at < 1e3)
     return Re.ctx;
   const l = sr(e, t);
-  return Re = { key: o, at: r, ctx: l }, l;
+  return Re = { key: i, at: r, ctx: l }, l;
 }
 function dr() {
   Re = null;
@@ -1716,9 +1716,9 @@ function pr(e) {
 function hr(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]"));
+  const r = typeof window < "u" && window.location.origin || "", o = /* @__PURE__ */ new Set(), i = [], l = Array.from(t.querySelectorAll("a[href]"));
   for (const s of l) {
-    if (o.length >= ur) break;
+    if (i.length >= ur) break;
     if (pt(s)) continue;
     const d = s.getAttribute("href") || "";
     if (!pr(d)) continue;
@@ -1731,12 +1731,12 @@ function hr(e) {
     } catch {
       continue;
     }
-    if (i.has(f)) continue;
-    i.add(f);
+    if (o.has(f)) continue;
+    o.add(f);
     const m = (s.textContent || "").trim().slice(0, 120);
-    o.push({ href: f, text: m, internal: g });
+    i.push({ href: f, text: m, internal: g });
   }
-  return o;
+  return i;
 }
 let Ie = null;
 const mr = 5e3;
@@ -1751,20 +1751,20 @@ function gr() {
   Ie = null;
 }
 function yr(e, 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;
+  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;
 }
 function vr(e, t, r = {}) {
-  const i = r.triggerInput ?? !0, o = r.triggerChange ?? !0;
+  const o = r.triggerInput ?? !0, i = r.triggerChange ?? !0;
   if (e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio")) {
     const l = Object.getOwnPropertyDescriptor(
       HTMLInputElement.prototype,
       "checked"
     ), s = l == null ? void 0 : l.set, d = t === "true" || t === "1" || t === "on";
-    s ? s.call(e, d) : e.checked = d, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+    s ? s.call(e, d) : e.checked = d, o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
-  yr(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  yr(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
 function br() {
   if (typeof window > "u" || typeof document > "u")
@@ -1785,12 +1785,12 @@ function _r() {
     document.querySelectorAll("body, body *")
   );
   let t = null, r = 0;
-  for (const i of e) {
-    if (!wr(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);
+  for (const o of e) {
+    if (!wr(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);
   }
   return t;
 }
@@ -1839,8 +1839,8 @@ function Sr(e) {
   const {
     agentId: t,
     apiKey: r,
-    baseUrl: i = "https://app.livelayer.studio",
-    sessionEndpoint: o,
+    baseUrl: o = "https://app.livelayer.studio",
+    sessionEndpoint: i,
     sessionBody: l,
     autoConnect: s = !1,
     displayMode: d,
@@ -1879,30 +1879,18 @@ function Sr(e) {
     onConnectionStateChange: _e,
     onAgentEvent: xe,
     onAgentCommand: ke,
-    controlledSession: j,
+    controlledSession: V,
     className: Ue,
     style: je,
     zIndex: Ve = 2147483647
   } = e, fe = Tn(W), ae = qn(fe, A, O);
   T(() => {
     dr(), gr();
-  }, [fe]), T(() => {
-    var J;
-    if (!fe) return;
-    const h = (J = V.getRoom) == null ? void 0 : J.call(V), u = h == null ? void 0 : h.localParticipant;
-    if (u != null && u.publishData)
-      try {
-        const Ee = new TextEncoder().encode(
-          JSON.stringify({ type: "pathname", pathname: fe })
-        );
-        u.publishData(Ee, { reliable: !0 });
-      } catch {
-      }
-  }, [fe, V]);
-  const oe = L !== void 0, [Le, Se] = S(() => {
+  }, [fe]);
+  const ie = L !== void 0, [Le, Se] = S(() => {
     var h;
     return L ?? ((h = C == null ? void 0 : C[0]) == null ? void 0 : h.id);
-  }), pe = oe ? L : Le, K = Ze(
+  }), pe = ie ? L : Le, K = Ze(
     () => (C == null ? void 0 : C.find((h) => h.id === pe)) ?? null,
     [C, pe]
   ), Me = (K == null ? void 0 : K.agentId) ?? t, [ne, ee] = An({
@@ -1911,8 +1899,8 @@ function Sr(e) {
     onChange: g,
     persistKey: c,
     disablePersistence: R
-  }), le = In(a), ce = yn(), Z = vn(), re = wn(), he = _n(), Te = xn(), [Ye, Pe] = S(!1), [Ce, y] = S(!1), [X, Je] = S(!1), [Yt, Jt] = S(!1), [nt, Gt] = S(!1), rt = E(Y), it = E(te), ot = E(We), lt = E(Fe), ht = E(ue), mt = E(qe), gt = E(Be), at = E(ge), ie = E(null);
-  rt.current = Y, it.current = te, ot.current = We, lt.current = Fe, ht.current = ue, mt.current = qe, gt.current = Be, at.current = ge;
+  }), le = In(a), ce = yn(), Z = vn(), re = wn(), he = _n(), Te = xn(), [Ye, Pe] = S(!1), [Ce, y] = S(!1), [X, Je] = S(!1), [Yt, Jt] = S(!1), [nt, Gt] = S(!1), rt = E(Y), ot = E(te), it = E(We), lt = E(Fe), ht = E(ue), mt = E(qe), gt = E(Be), at = E(ge), oe = E(null);
+  rt.current = Y, ot.current = te, it.current = We, lt.current = Fe, ht.current = ue, mt.current = qe, gt.current = Be, at.current = ge;
   function se(h) {
     const u = at.current;
     return u ? u.includes(h) : !0;
@@ -1978,9 +1966,9 @@ function Sr(e) {
           const x = typeof u.selector == "string" ? u.selector : null;
           if (!x) return;
           const M = u.behavior === "instant" ? "instant" : "smooth";
-          if (it.current) {
+          if (ot.current) {
             try {
-              it.current(
+              ot.current(
                 x,
                 M
               );
@@ -2017,11 +2005,11 @@ function Sr(e) {
             de("request_page_context", "read_page");
             return;
           }
-          const x = typeof u.requestId == "string" ? u.requestId : void 0, M = (J = ie.current) == null ? void 0 : J.call(ie), q = (U) => {
+          const x = typeof u.requestId == "string" ? u.requestId : void 0, M = (J = oe.current) == null ? void 0 : J.call(oe), q = (j) => {
             const P = M, G = P == null ? void 0 : P.localParticipant;
             if (G != null && G.publishData)
               try {
-                const Q = x ? { ...U, requestId: x } : U, Ne = new TextEncoder().encode(JSON.stringify(Q));
+                const Q = x ? { ...j, requestId: x } : j, Ne = new TextEncoder().encode(JSON.stringify(Q));
                 G.publishData(Ne, { reliable: !0 });
               } catch (Q) {
                 console.warn("[LiveLayer] publishData failed.", Q);
@@ -2029,9 +2017,9 @@ function Sr(e) {
           }, $ = mt.current, F = ht.current;
           try {
             if (F) {
-              const U = F($);
-              if (U instanceof Promise) {
-                q({ type: "page_context_pending" }), U.then((P) => q({ type: "page_context", context: P })).catch((P) => {
+              const j = F($);
+              if (j instanceof Promise) {
+                q({ type: "page_context_pending" }), j.then((P) => q({ type: "page_context", context: P })).catch((P) => {
                   console.warn(
                     "[LiveLayer] getPageContext rejected; falling back to default walker.",
                     P
@@ -2042,17 +2030,17 @@ function Sr(e) {
                 });
                 return;
               }
-              q({ type: "page_context", context: U });
+              q({ type: "page_context", context: j });
               return;
             }
             q({
               type: "page_context",
               context: Wt($)
             });
-          } catch (U) {
+          } catch (j) {
             console.warn(
               "[LiveLayer] page-context extraction threw. Sending empty context.",
-              U
+              j
             ), q({
               type: "page_context",
               context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: $ }
@@ -2073,9 +2061,9 @@ function Sr(e) {
             return;
           }
           const M = u.behavior === "instant" ? "instant" : "smooth";
-          if (ot.current) {
+          if (it.current) {
             try {
-              ot.current(
+              it.current(
                 x,
                 M
               );
@@ -2087,10 +2075,10 @@ function Sr(e) {
           if (typeof window > "u") return;
           const q = { behavior: M }, $ = xr(), F = (P) => {
             $ instanceof Window ? $.scrollBy({ top: P, ...q }) : $.scrollBy({ top: P, ...q });
-          }, U = (P) => {
+          }, j = (P) => {
             $ instanceof Window ? $.scrollTo({ top: P, ...q }) : $.scrollTo({ top: P, ...q });
           };
-          x === "up" ? F(-Ft($)) : x === "down" ? F(Ft($)) : U(x === "top" ? 0 : kr($));
+          x === "up" ? F(-Ft($)) : x === "down" ? F(Ft($)) : j(x === "top" ? 0 : kr($));
           return;
         }
         if (u.type === "click") {
@@ -2191,21 +2179,21 @@ function Sr(e) {
           }
           for (const [$, F] of Object.entries(q)) {
             if (typeof F != "string") continue;
-            const U = M.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
-            if (!U) {
+            const j = M.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
+            if (!j) {
               console.warn(
                 `[LiveLayer] fill_form: no field "${$}" in form "${x}". Skipping.`
               );
               continue;
             }
-            if (!tt(U)) {
+            if (!tt(j)) {
               console.warn(
                 `[LiveLayer] fill_form: field "${$}" is privacy-protected (password / cc-* / private). Skipping.`
               );
               continue;
             }
             try {
-              vr(U, F);
+              vr(j, F);
             } catch (P) {
               console.warn(
                 `[LiveLayer] fill_form: failed to set "${$}".`,
@@ -2241,7 +2229,7 @@ function Sr(e) {
             );
             return;
           }
-          const q = typeof u.requestId == "string" ? u.requestId : void 0, $ = (Ke = ie.current) == null ? void 0 : Ke.call(ie), F = (G) => {
+          const q = typeof u.requestId == "string" ? u.requestId : void 0, $ = (Ke = oe.current) == null ? void 0 : Ke.call(oe), F = (G) => {
             const Q = $, Ne = Q == null ? void 0 : Q.localParticipant;
             if (Ne != null && Ne.publishData)
               try {
@@ -2250,9 +2238,9 @@ function Sr(e) {
               } catch {
               }
           };
-          let U = !1;
+          let j = !1;
           const P = () => {
-            U = !0, F({ type: "form_submitted", formId: x });
+            j = !0, F({ type: "form_submitted", formId: x });
           };
           M.addEventListener("submit", P, { once: !0 });
           try {
@@ -2266,7 +2254,7 @@ function Sr(e) {
             return;
           }
           setTimeout(() => {
-            U || (M.removeEventListener("submit", P), F({
+            j || (M.removeEventListener("submit", P), F({
               type: "form_submit_blocked",
               formId: x,
               reason: "validation"
@@ -2279,7 +2267,7 @@ function Sr(e) {
             de("request_routes", "read_page");
             return;
           }
-          const x = typeof u.requestId == "string" ? u.requestId : void 0, q = (Et = ie.current) == null ? void 0 : Et.call(ie), $ = q == null ? void 0 : q.localParticipant;
+          const x = typeof u.requestId == "string" ? u.requestId : void 0, q = (Et = oe.current) == null ? void 0 : Et.call(oe), $ = q == null ? void 0 : q.localParticipant;
           if (!($ != null && $.publishData)) return;
           const F = (P) => {
             try {
@@ -2288,10 +2276,10 @@ function Sr(e) {
             } catch (G) {
               console.warn("[LiveLayer] request_routes: publishData failed.", G);
             }
-          }, U = gt.current;
-          if (U) {
+          }, j = gt.current;
+          if (j) {
             try {
-              const P = U(), G = (Q) => {
+              const P = j(), G = (Q) => {
                 if (!Array.isArray(Q)) {
                   F([]);
                   return;
@@ -2323,21 +2311,33 @@ function Sr(e) {
       }
     },
     [ke, xe]
-  ), V = gn({
-    agentId: j ? "__controlled__" : Me,
-    baseUrl: i,
+  ), U = gn({
+    agentId: V ? "__controlled__" : Me,
+    baseUrl: o,
     apiKey: r,
-    sessionEndpoint: o,
+    sessionEndpoint: i,
     sessionBody: l,
-    onDataMessage: j ? void 0 : De
+    onDataMessage: V ? void 0 : De
   });
   T(() => {
-    if (j != null && j.subscribeToDataMessages)
-      return j.subscribeToDataMessages(De);
-  }, [j, De]), ie.current = () => {
+    if (V != null && V.subscribeToDataMessages)
+      return V.subscribeToDataMessages(De);
+  }, [V, De]), oe.current = () => {
     var h;
-    return (h = V.getRoom) == null ? void 0 : h.call(V);
+    return (h = U.getRoom) == null ? void 0 : h.call(U);
   }, T(() => {
+    var J;
+    if (!fe) return;
+    const h = (J = U.getRoom) == null ? void 0 : J.call(U), u = h == null ? void 0 : h.localParticipant;
+    if (u != null && u.publishData)
+      try {
+        const Ee = new TextEncoder().encode(
+          JSON.stringify({ type: "pathname", pathname: fe })
+        );
+        u.publishData(Ee, { reliable: !0 });
+      } catch {
+      }
+  }, [fe, U, U.connectionState]), T(() => {
     var J;
     if (typeof window > "u") return;
     const h = ((J = window.location) == null ? void 0 : J.hostname) || "";
@@ -2352,38 +2352,38 @@ function Sr(e) {
         delete window.__livelayerSimulateCommand;
       };
   }, [De]);
-  const _ = Ze(() => j ? {
-    connectionState: j.connectionState,
-    agentState: j.agentState,
-    transcript: j.transcript,
-    videoElement: j.videoElement,
-    audioElement: j.audioElement,
-    canResume: j.canResume,
-    error: j.error,
+  const _ = Ze(() => V ? {
+    connectionState: V.connectionState,
+    agentState: V.agentState,
+    transcript: V.transcript,
+    videoElement: V.videoElement,
+    audioElement: V.audioElement,
+    canResume: V.canResume,
+    error: V.error,
     agentConfig: null,
     connect: async () => {
-      await j.onConnect();
+      await V.onConnect();
     },
-    disconnect: () => j.onDisconnect(),
+    disconnect: () => V.onDisconnect(),
     // Dummy getRoom for shape compatibility — controlled consumers own the Room.
     // Internal session's getRoom returns null when no real connect has happened,
     // so we reuse its reference for type consistency.
-    getRoom: V.getRoom,
+    getRoom: U.getRoom,
     isControlled: !0
   } : {
-    connectionState: V.connectionState,
-    agentState: V.agentState,
-    transcript: V.transcript,
-    videoElement: V.videoElement,
-    audioElement: V.audioElement,
-    canResume: V.canResume,
-    error: V.error,
-    agentConfig: V.agentConfig,
-    connect: V.connect,
-    disconnect: V.disconnect,
-    getRoom: V.getRoom,
+    connectionState: U.connectionState,
+    agentState: U.agentState,
+    transcript: U.transcript,
+    videoElement: U.videoElement,
+    audioElement: U.audioElement,
+    canResume: U.canResume,
+    error: U.error,
+    agentConfig: U.agentConfig,
+    connect: U.connect,
+    disconnect: U.disconnect,
+    getRoom: U.getRoom,
     isControlled: !1
-  }, [j, V]), yt = E(null);
+  }, [V, U]), yt = E(null);
   T(() => {
     const h = _.videoElement, u = yt.current;
     if (!(!h || !u))
@@ -2439,13 +2439,13 @@ function Sr(e) {
   const Qt = k(
     (h) => {
       const u = C == null ? void 0 : C.find((J) => J.id === h);
-      u && (Je(!1), h !== pe && (y(!0), _.disconnect(), oe || Se(h), v == null || v(u)));
+      u && (Je(!1), h !== pe && (y(!0), _.disconnect(), ie || Se(h), v == null || v(u)));
     },
     [
       C,
       pe,
       _,
-      oe,
+      ie,
       v
     ]
   );
@@ -2458,7 +2458,7 @@ function Sr(e) {
     };
     return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
   }, [X]);
-  const Zt = !!I || !!(K != null && K.avatarImageUrl) || _.isControlled, $e = kn(Me, i, Zt);
+  const Zt = !!I || !!(K != null && K.avatarImageUrl) || _.isControlled, $e = kn(Me, o, Zt);
   ge === void 0 && ((wt = $e.info) != null && wt.capabilities) && (at.current = $e.info.capabilities);
   const Ge = (K == null ? void 0 : K.name) ?? H ?? ((_t = _.agentConfig) == null ? void 0 : _t.name) ?? ((xt = $e.info) == null ? void 0 : xt.name) ?? "Live Layer", ct = (K == null ? void 0 : K.avatarImageUrl) ?? I ?? ((kt = _.agentConfig) == null ? void 0 : kt.avatarImageUrl) ?? ((Lt = $e.info) == null ? void 0 : Lt.avatarImageUrl) ?? null, en = b ?? ((St = _.agentConfig) == null ? void 0 : St.idleLoopUrl) ?? ((Ct = $e.info) == null ? void 0 : Ct.idleLoopUrl) ?? null, tn = z ?? null, nn = k(() => ee("expanded"), [ee]), rn = k(
     () => ee("minimized"),
@@ -2581,13 +2581,13 @@ const Pr = ({
   agentId: e,
   baseUrl: t,
   apiKey: r,
-  mode: i,
-  onAgentEvent: o,
+  mode: o,
+  onAgentEvent: i,
   className: l,
   style: s
 }) => {
-  const d = E(null), f = E(null), g = E(o);
-  g.current = o;
+  const d = E(null), f = E(null), g = E(i);
+  g.current = i;
   const m = k((a) => {
     var R;
     const c = a.detail;
@@ -2597,42 +2597,42 @@ const Pr = ({
     const a = d.current;
     if (!a) return;
     const c = document.createElement("livelayer-widget");
-    return c.setAttribute("agent-id", e), t && c.setAttribute("base-url", t), r && c.setAttribute("api-key", r), i && c.setAttribute("mode", i), c.addEventListener("agent-event", m), a.appendChild(c), f.current = c, () => {
+    return c.setAttribute("agent-id", e), t && c.setAttribute("base-url", t), r && c.setAttribute("api-key", r), o && c.setAttribute("mode", o), c.addEventListener("agent-event", m), a.appendChild(c), f.current = c, () => {
       c.removeEventListener("agent-event", m), a.removeChild(c), f.current = null;
     };
   }, [e]), T(() => {
-    f.current && (i ? f.current.setAttribute("mode", i) : f.current.removeAttribute("mode"));
-  }, [i]), /* @__PURE__ */ n("div", { ref: d, className: l, style: s });
+    f.current && (o ? f.current.setAttribute("mode", o) : f.current.removeAttribute("mode"));
+  }, [o]), /* @__PURE__ */ n("div", { ref: d, className: l, style: s });
 }, Dr = ft(
-  function({ id: t, intent: r, as: i = "div", className: o, style: l, children: s }, d) {
+  function({ id: t, intent: r, as: o = "div", className: i, style: l, children: s }, d) {
     return un(
-      i,
+      o,
       {
         ref: d,
         "data-ll-region": t,
         "data-ll-intent": r,
-        className: o,
+        className: i,
         style: l
       },
       s
     );
   }
 ), $r = ft(
-  function({ id: t, intent: r, children: i, ...o }, l) {
+  function({ id: t, intent: r, children: o, ...i }, l) {
     return /* @__PURE__ */ n(
       "form",
       {
         ref: l,
         "data-ll-form": t,
         "data-ll-intent": r,
-        ...o,
-        children: i
+        ...i,
+        children: o
       }
     );
   }
 ), zr = ft(
   function(t, r) {
-    const { name: i, label: o, labelClassName: l } = t, s = { name: i, "data-ll-field": i };
+    const { name: o, label: i, labelClassName: l } = t, s = { name: o, "data-ll-field": o };
     let d;
     if ("as" in t && t.as === "textarea") {
       const { name: f, label: g, labelClassName: m, as: a, ...c } = t;
@@ -2666,8 +2666,8 @@ const Pr = ({
         }
       );
     }
-    return o === void 0 ? d : /* @__PURE__ */ w("label", { className: l, children: [
-      o,
+    return i === void 0 ? d : /* @__PURE__ */ w("label", { className: l, children: [
+      i,
       d
     ] });
   }
@@ -2678,21 +2678,21 @@ function Hr({
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [i, o] = S(t), [l, s] = S([]), [d, f] = S(""), [g, m] = S(!1), a = E(/* @__PURE__ */ new Set()), c = E([]), R = E(g);
+  const [o, i] = S(t), [l, s] = S([]), [d, f] = S(""), [g, m] = S(!1), a = E(/* @__PURE__ */ new Set()), c = E([]), R = E(g);
   R.current = g, T(() => {
     try {
       const v = localStorage.getItem(r);
-      v === "1" && o(!0), v === "0" && o(!1);
+      v === "1" && i(!0), v === "0" && i(!1);
     } catch {
     }
   }, [r]), T(() => {
     try {
-      localStorage.setItem(r, i ? "1" : "0");
+      localStorage.setItem(r, o ? "1" : "0");
     } catch {
     }
-  }, [i, r]), T(() => {
+  }, [o, r]), T(() => {
     const v = (b) => {
-      (b.metaKey || b.ctrlKey) && b.shiftKey && b.key.toLowerCase() === "l" && (b.preventDefault(), o((z) => !z));
+      (b.metaKey || b.ctrlKey) && b.shiftKey && b.key.toLowerCase() === "l" && (b.preventDefault(), i((z) => !z));
     };
     return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
   }, []), T(() => {
@@ -2734,12 +2734,12 @@ function Hr({
     return console.warn = z("warn", v), console.log = z("log", b), () => {
       console.warn = v, console.log = b;
     };
-  }, []), !i)
+  }, []), !o)
     return /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        onClick: () => o(!0),
+        onClick: () => i(!0),
         title: "Open LiveLayer debug panel (Cmd/Ctrl + Shift + L)",
         "aria-label": "Open LiveLayer debug panel",
         style: {
@@ -2833,7 +2833,7 @@ function Hr({
                 "button",
                 {
                   type: "button",
-                  onClick: () => o(!1),
+                  onClick: () => i(!1),
                   style: dt("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
@@ -2922,7 +2922,7 @@ function Cr({
   expanded: t,
   onToggle: r
 }) {
-  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", {
+  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", {
     hour12: !1
   });
   return /* @__PURE__ */ w(
@@ -2952,14 +2952,14 @@ function Cr({
                 fontVariantNumeric: "tabular-nums",
                 fontSize: 10
               },
-              children: o
+              children: i
             }
           ),
           /* @__PURE__ */ n(
             "span",
             {
               style: {
-                color: i,
+                color: o,
                 fontWeight: 600,
                 flexShrink: 0
               },
@@ -3006,20 +3006,20 @@ function Er(e) {
   }
 }
 function Or() {
-  const [e, t] = S([]), r = k((o) => {
+  const [e, t] = S([]), r = k((i) => {
     t((l) => {
-      const s = l.findIndex((d) => d.id === o.id);
+      const s = l.findIndex((d) => d.id === i.id);
       if (s >= 0) {
         const d = l.slice();
-        return d[s] = o, d;
+        return d[s] = i, d;
       }
-      return [...l, o];
+      return [...l, i];
     });
-  }, []), i = k(() => t([]), []);
+  }, []), o = k(() => t([]), []);
   return {
     entries: e,
     pushSegment: r,
-    clear: i,
+    clear: o,
     latest: e.length > 0 ? e[e.length - 1] : null
   };
 }