@livelayer/react 0.5.11 → 0.5.13

package/dist/index.mjs

@@ -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,16 +34,16 @@ class mn extends dn {
   }
 }
 function gn(e) {
-  const [t, r] = L("idle"), [o, i] = L("idle"), [l, s] = L([]), [d, f] = L(null), [y, g] = L(null), [a, c] = L(null), [I, C] = L(!1), [S, v] = L(null), b = E(null), z = E(e.onDataMessage);
+  const [t, r] = L("idle"), [i, o] = L("idle"), [l, c] = L([]), [d, f] = L(null), [y, g] = L(null), [a, s] = L(null), [I, C] = L(!1), [S, v] = L(null), b = E(null), z = E(e.onDataMessage);
   z.current = e.onDataMessage, R(() => {
     const N = {
       onConnectionStateChange: (D) => {
         r(D), D === "connected" && v(null);
       },
-      onAgentStateChange: i,
-      onTranscript: (D) => s([...D]),
+      onAgentStateChange: o,
+      onTranscript: (D) => c([...D]),
       onAgentConfig: f,
-      onAudioTrack: (D) => c(D),
+      onAudioTrack: (D) => s(D),
       onVideoTrack: (D) => g(D),
       onVideoTrackRemoved: () => g(null),
       onError: (D) => v(D),
@@ -62,7 +62,7 @@ function gn(e) {
       },
       N
     );
-    return b.current = q, r("idle"), i("idle"), s([]), f(null), g(null), c(null), C(!1), v(null), () => {
+    return b.current = q, r("idle"), o("idle"), c([]), f(null), g(null), s(null), C(!1), v(null), () => {
       var D;
       (D = q.destroy) == null || D.call(q), b.current = null;
     };
@@ -90,7 +90,7 @@ function gn(e) {
   }, []);
   return {
     connectionState: t,
-    agentState: o,
+    agentState: i,
     transcript: l,
     agentConfig: d,
     videoElement: y,
@@ -104,31 +104,31 @@ 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), s = 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(
       new ArrayBuffer(a.frequencyBinCount)
     ));
-    const c = l.current;
-    a.getByteFrequencyData(c);
+    const s = l.current;
+    a.getByteFrequencyData(s);
     let I = 0;
-    for (let S = 0; S < c.length; S++) I += c[S];
-    const C = I / c.length / 255;
-    for (const S of i.current)
+    for (let S = 0; S < s.length; S++) I += s[S];
+    const C = I / s.length / 255;
+    for (const S of o.current)
       try {
         S(C);
       } catch (v) {
         console.error("[useAudioLevel] subscriber threw:", v);
       }
-    o.current = requestAnimationFrame(s);
+    i.current = requestAnimationFrame(c);
   }, []), d = k(() => {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
-    const a = new AudioContext(), c = a.createAnalyser();
-    c.fftSize = 64, c.connect(a.destination), e.current = a, t.current = c;
+    const a = new AudioContext(), s = a.createAnalyser();
+    s.fftSize = 64, s.connect(a.destination), e.current = a, t.current = s;
   }, []), f = k(
     (a) => {
       if (d(), !(!e.current || !t.current)) {
@@ -140,26 +140,26 @@ function yn() {
           r.current = null;
         }
         try {
-          const c = e.current.createMediaElementSource(a);
-          c.connect(t.current), r.current = c;
-        } catch (c) {
-          console.warn("[useAudioLevel] createMediaElementSource failed:", c);
+          const s = e.current.createMediaElementSource(a);
+          s.connect(t.current), r.current = s;
+        } catch (s) {
+          console.warn("[useAudioLevel] createMediaElementSource failed:", s);
           return;
         }
-        o.current === null && (o.current = requestAnimationFrame(s));
+        i.current === null && (i.current = requestAnimationFrame(c));
       }
     },
-    [d, s]
+    [d, c]
   ), y = 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;
     }
-  }, []), g = k((a) => (i.current.add(a), () => {
-    i.current.delete(a);
+  }, []), g = k((a) => (o.current.add(a), () => {
+    o.current.delete(a);
   }), []);
   return R(() => () => {
     if (y(), t.current) {
@@ -176,34 +176,34 @@ function yn() {
       }
       e.current = null;
     }
-    i.current.clear(), l.current = null;
+    o.current.clear(), l.current = null;
   }, [y]), { attach: f, detach: y, subscribe: g };
 }
 function vn() {
-  const [e, t] = L(!1), [r, o] = L(null), i = E(null), l = E(null), s = k(async (g) => {
-    if (i.current && l.current) {
+  const [e, t] = L(!1), [r, i] = L(null), o = E(null), l = E(null), c = k(async (g) => {
+    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 = g, o(null);
+    l.current = g, i(null);
     try {
       const a = await pn({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await g.localParticipant.publishTrack(a), i.current = a, t(a.isMuted);
+      await g.localParticipant.publishTrack(a), o.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 o(c), 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 i(s), a;
     }
   }, []), d = k(() => {
-    const g = i.current;
+    const g = o.current;
     g && (g.isMuted ? (g.unmute(), t(!1)) : (g.mute(), t(!0)));
   }, []), f = k(() => {
-    const g = i.current, a = l.current;
+    const g = o.current, a = l.current;
     if (g && a) {
       try {
         a.localParticipant.unpublishTrack(g);
@@ -211,20 +211,20 @@ function vn() {
       }
       g.stop();
     }
-    i.current = null, l.current = null, t(!1);
-  }, []), y = k(() => o(null), []);
+    o.current = null, l.current = null, t(!1);
+  }, []), y = k(() => i(null), []);
   return {
     isMuted: e,
     micError: r,
     toggleMute: d,
-    setupMic: s,
+    setupMic: c,
     teardownMic: f,
     clearError: y
   };
 }
 const bn = { resolution: { width: 640, height: 480, frameRate: 24 } };
 function wn() {
-  const [e, t] = L(!1), [r, o] = L(null), [i, l] = L(null), [s, d] = L(""), f = E(null), y = E(null), g = k((b) => {
+  const [e, t] = L(!1), [r, i] = L(null), [o, l] = L(null), [c, d] = L(""), f = E(null), y = E(null), g = k((b) => {
     f.current = b;
   }, []), a = k(() => {
     const b = f.current, z = y.current;
@@ -240,10 +240,10 @@ function wn() {
         z.stop();
     }
     y.current = null, l(null), t(!1);
-  }, []), c = k(async (b) => {
+  }, []), s = k(async (b) => {
     const z = f.current;
     if (z) {
-      o(null);
+      i(null);
       try {
         const M = { ...bn };
         b && (M.deviceId = b);
@@ -260,23 +260,23 @@ function wn() {
         }
       } catch (M) {
         const H = M instanceof Error && M.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
-        o(H);
+        i(H);
       }
     }
   }, []), I = k(async () => {
-    e ? a() : await c(s || void 0);
-  }, [e, s, a, c]), C = k(async (b) => {
-    a(), await c(b);
-  }, [a, c]), S = k(() => {
-    a(), f.current = null, o(null), d("");
-  }, [a]), v = k(() => o(null), []);
+    e ? a() : await s(c || void 0);
+  }, [e, c, a, s]), C = k(async (b) => {
+    a(), await s(b);
+  }, [a, s]), S = k(() => {
+    a(), f.current = null, i(null), d("");
+  }, [a]), v = k(() => i(null), []);
   return R(() => () => {
     y.current && y.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
-    previewEl: i,
-    activeDeviceId: s,
+    previewEl: o,
+    activeDeviceId: c,
     toggle: I,
     switchDevice: C,
     attachRoom: g,
@@ -285,30 +285,30 @@ function wn() {
   };
 }
 function _n() {
-  const [e, t] = L(!1), [r, o] = L(null), [i, l] = L(null), s = E(null), d = k((c) => {
-    s.current = c;
+  const [e, t] = L(!1), [r, i] = L(null), [o, l] = L(null), c = E(null), d = k((s) => {
+    c.current = s;
   }, []), f = k(() => l(null), []), y = k(async () => {
-    const c = s.current;
-    if (c) {
+    const s = c.current;
+    if (s) {
       if (e) {
         try {
-          await c.localParticipant.setScreenShareEnabled(!1);
+          await s.localParticipant.setScreenShareEnabled(!1);
         } catch {
         }
         f(), t(!1);
         return;
       }
-      o(null);
+      i(null);
       try {
-        await c.localParticipant.setScreenShareEnabled(!0);
+        await s.localParticipant.setScreenShareEnabled(!0);
         let I = 0;
         const C = () => {
-          const S = c.localParticipant.getTrackPublication(Gt.Source.ScreenShare);
+          const S = s.localParticipant.getTrackPublication(Gt.Source.ScreenShare);
           if (S != null && S.track) {
             const v = S.track.attach();
             l(v), t(!0);
             try {
-              c.localParticipant.publishData(
+              s.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
                 { reliable: !0 }
               );
@@ -321,57 +321,57 @@ function _n() {
         C();
       } catch (I) {
         const C = I instanceof Error ? I.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, f]), g = k(() => {
-    const c = s.current;
-    if (c && e)
+    const s = c.current;
+    if (s && e)
       try {
-        c.localParticipant.setScreenShareEnabled(!1);
+        s.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
-    f(), t(!1), o(null), s.current = null;
-  }, [e, f]), a = k(() => o(null), []);
-  return { isEnabled: e, error: r, previewEl: i, toggle: y, attachRoom: d, teardown: g, clearError: a };
+    f(), t(!1), i(null), c.current = null;
+  }, [e, f]), a = k(() => i(null), []);
+  return { isEnabled: e, error: r, previewEl: o, toggle: y, attachRoom: d, teardown: g, clearError: a };
 }
 function xn() {
-  const [e, t] = L([]), [r, o] = L([]), i = k(async () => {
+  const [e, t] = L([]), [r, i] = L([]), o = k(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
-        t(l.filter((s) => s.kind === "audioinput")), o(l.filter((s) => s.kind === "videoinput"));
+        t(l.filter((c) => c.kind === "audioinput")), i(l.filter((c) => c.kind === "videoinput"));
       } catch {
       }
   }, []);
   return R(() => {
-    if (i(), typeof navigator > "u" || !navigator.mediaDevices) return;
-    const l = () => void i();
+    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] = L(null), [l, s] = L(null), [d, f] = L(!r && !!e);
+  const [i, o] = L(null), [l, c] = L(null), [d, f] = L(!r && !!e);
   return R(() => {
     if (r || !e) {
       f(!1);
       return;
     }
     const y = new AbortController(), g = t || "https://app.livelayer.studio";
-    return f(!0), s(null), fetch(`${g}/api/widget/agent/${encodeURIComponent(e)}`, {
+    return f(!0), c(null), fetch(`${g}/api/widget/agent/${encodeURIComponent(e)}`, {
       signal: y.signal
     }).then(async (a) => {
       if (!a.ok) {
-        const c = await a.json().catch(() => ({}));
-        throw new Error(c.error || `HTTP ${a.status}`);
+        const s = await a.json().catch(() => ({}));
+        throw new Error(s.error || `HTTP ${a.status}`);
       }
       return a.json();
     }).then((a) => {
-      y.signal.aborted || (i(a), f(!1));
+      y.signal.aborted || (o(a), f(!1));
     }).catch((a) => {
-      y.signal.aborted || (s(a instanceof Error ? a.message : "Agent lookup failed"), f(!1));
+      y.signal.aborted || (c(a instanceof Error ? a.message : "Agent lookup failed"), f(!1));
     }), () => y.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,13 +393,13 @@ function Cn({
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const o = e !== void 0, [i, l] = L(t), s = o ? e : i, d = k(
+  const i = e !== void 0, [o, l] = L(t), c = i ? e : o, d = k(
     (f) => {
-      f !== s && (o || l(f), r == null || r(f));
+      f !== c && (i || l(f), r == null || r(f));
     },
-    [s, o, r]
+    [c, i, r]
   );
-  return [s, d];
+  return [c, d];
 }
 const En = ["hidden", "minimized", "expanded"];
 function Nn(e) {
@@ -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`, s = E(!1), [d, f] = Cn({
+  const l = `${i}:display-mode`, c = E(!1), [d, f] = Cn({
     value: e,
     defaultValue: t,
     onChange: (y) => {
-      e === void 0 && !i && Sn(l, y), r == null || r(y);
+      e === void 0 && !o && Sn(l, y), r == null || r(y);
     }
   });
   return R(() => {
-    if (s.current || (s.current = !0, i || e !== void 0)) return;
+    if (c.current || (c.current = !0, o || e !== void 0)) return;
     const y = Nn(Ln(l));
     y && y !== d && f(y);
   }, []), [d, f];
@@ -435,22 +435,22 @@ function In(e = Rn) {
     }
     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;
 }
-const It = "__llHistoryPatched", it = "ll:pathname";
+const It = "__llHistoryPatched", lt = "ll:pathname";
 function Mn() {
   if (typeof window > "u" || window.history[It]) 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(it)), o;
+    const i = e.apply(this, r);
+    return window.dispatchEvent(new Event(lt)), i;
   }, window.history.replaceState = function(...r) {
-    const o = t.apply(this, r);
-    return window.dispatchEvent(new Event(it)), o;
+    const i = t.apply(this, r);
+    return window.dispatchEvent(new Event(lt)), i;
   }, window.history[It] = !0;
 }
 function Mt() {
@@ -463,9 +463,9 @@ function Tn(e) {
   return R(() => {
     if (e !== void 0) return;
     Mn();
-    const o = () => r(Mt());
-    return o(), window.addEventListener("popstate", o), window.addEventListener(it, o), () => {
-      window.removeEventListener("popstate", o), window.removeEventListener(it, o);
+    const i = () => r(Mt());
+    return i(), window.addEventListener("popstate", i), window.addEventListener(lt, i), () => {
+      window.removeEventListener("popstate", i), window.removeEventListener(lt, i);
     };
   }, [e]), e ?? t;
 }
@@ -476,7 +476,7 @@ function Dn(e) {
 function $n(e) {
   const t = Tt.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"), "[^/]+"), f = 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"), "[^/]+"), f = new RegExp(`^${d}\\/?$`);
   return Tt.set(e, f), f;
 }
 function zn(e, t) {
@@ -620,24 +620,24 @@ const Vn = ({
   position: e,
   isMobile: t,
   isSpeaking: r,
-  onExpand: o,
-  label: i = "Open widget",
+  onExpand: i,
+  label: o = "Open widget",
   avatarImageUrl: l,
-  agentName: s
+  agentName: c
 }) => {
-  const d = Fn(e), f = d === "right" ? "left" : "right", y = t ? 80 : 72, g = !!l, [a, c] = L(null), [I, C] = L(!1), S = E(null), v = E(!1), b = k(
+  const d = Fn(e), f = d === "right" ? "left" : "right", y = t ? 80 : 72, g = !!l, [a, s] = L(null), [I, C] = L(!1), S = E(null), v = E(!1), b = k(
     (A) => {
       if (typeof window > "u") return A;
-      const O = y / 2, W = Ht + O, Y = window.innerHeight - Ht - O;
-      return Y < W ? Math.max(W, A) : Math.max(W, Math.min(Y, A));
+      const O = y / 2, W = Ht + O, G = window.innerHeight - Ht - O;
+      return G < W ? Math.max(W, A) : Math.max(W, Math.min(G, A));
     },
     [y]
   );
   R(() => {
     const A = jn();
-    c(b(A ?? window.innerHeight / 2));
+    s(b(A ?? window.innerHeight / 2));
     const O = () => {
-      c((W) => W === null ? null : b(W));
+      s((W) => W === null ? null : b(W));
     };
     return window.addEventListener("resize", O), () => window.removeEventListener("resize", O);
   }, [b]);
@@ -661,7 +661,7 @@ const Vn = ({
       const O = S.current;
       if (!O) return;
       const W = A.clientY - O.startClientY;
-      !O.moved && Math.abs(W) > Un && (O.moved = !0, C(!0)), O.moved && c(b(O.startCenterY + W));
+      !O.moved && Math.abs(W) > Un && (O.moved = !0, C(!0)), O.moved && s(b(O.startCenterY + W));
     },
     [b]
   ), H = k(
@@ -672,7 +672,7 @@ const Vn = ({
           A.currentTarget.releasePointerCapture(A.pointerId);
         } catch {
         }
-        S.current = null, O.moved && (C(!1), v.current = !0, c((W) => (W !== null && Ot(W), W)));
+        S.current = null, O.moved && (C(!1), v.current = !0, s((W) => (W !== null && Ot(W), W)));
       }
     },
     []
@@ -681,16 +681,16 @@ 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 O = A.key === "ArrowUp" ? -8 : 8;
-        c((W) => {
+        s((W) => {
           if (W === null) return W;
-          const Y = b(W + O);
-          return Ot(Y), Y;
+          const G = b(W + O);
+          return Ot(G), G;
         });
       }
     },
@@ -714,7 +714,7 @@ const Vn = ({
       onPointerCancel: H,
       onClick: h,
       onKeyDown: N,
-      "aria-label": i,
+      "aria-label": o,
       "data-position": e,
       style: D,
       children: g ? (
@@ -734,7 +734,7 @@ const Vn = ({
             "img",
             {
               src: l,
-              alt: s ? `${s} avatar` : "Agent avatar",
+              alt: c ? `${c} avatar` : "Agent avatar",
               className: "ll-hidden__avatar",
               draggable: !1
             }
@@ -753,31 +753,31 @@ const Vn = ({
   audioLevel: e,
   bars: t = 20,
   maxHeight: r = 20,
-  minHeight: o = 4,
-  className: i,
+  minHeight: i = 4,
+  className: o,
   barClassName: l
 }) => {
-  const s = E(null), d = E([]), f = ot(() => {
+  const c = E(null), d = E([]), f = ot(() => {
     const g = (Math.sqrt(5) - 1) / 2;
-    return Array.from({ length: t }, (a, c) => 0.5 + c * g % 1 * 0.5);
+    return Array.from({ length: t }, (a, s) => 0.5 + s * g % 1 * 0.5);
   }, [t]);
   R(() => e.subscribe((a) => {
-    for (let c = 0; c < t; c++) {
-      const I = d.current[c];
+    for (let s = 0; s < t; s++) {
+      const I = d.current[s];
       if (!I) continue;
-      const C = Math.max(o, a * r * f[c]);
+      const C = Math.max(i, a * r * f[s]);
       I.style.height = `${C}px`;
     }
-  }), [e, t, r, o, f]);
-  const y = ["ll-waveform", i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: s, className: y, "aria-hidden": "true", children: Array.from({ length: t }, (g, a) => /* @__PURE__ */ n(
+  }), [e, t, r, i, f]);
+  const y = ["ll-waveform", o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: c, className: y, "aria-hidden": "true", children: Array.from({ length: t }, (g, a) => /* @__PURE__ */ n(
     "div",
     {
-      ref: (c) => {
-        d.current[a] = c;
+      ref: (s) => {
+        d.current[a] = s;
       },
       className: ["ll-waveform__bar", l].filter(Boolean).join(" "),
-      style: { height: `${o}px` }
+      style: { height: `${i}px` }
     },
     a
   )) });
@@ -785,10 +785,10 @@ const Vn = ({
   position: e,
   isMobile: t,
   agentName: r,
-  avatarImageUrl: o,
-  agentState: i,
+  avatarImageUrl: i,
+  agentState: o,
   isMuted: l,
-  audioLevel: s,
+  audioLevel: c,
   onExpand: d,
   onToggleMute: f,
   onClose: y
@@ -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"
               }
@@ -820,7 +820,7 @@ const Vn = ({
           /* @__PURE__ */ n(
             Yn,
             {
-              audioLevel: s,
+              audioLevel: c,
               bars: 16,
               maxHeight: 18,
               className: "ll-minimized__waveform"
@@ -858,12 +858,12 @@ const Vn = ({
     role: "region",
     "aria-label": `${r} widget`,
     children: /* @__PURE__ */ _("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__ */ _("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__ */ _("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
@@ -911,12 +911,12 @@ const Vn = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
-  className: o,
-  style: i
+  className: i,
+  style: o
 }) => {
-  const [l, s] = L(!1), d = E(e);
+  const [l, c] = L(!1), d = E(e);
   if (R(() => {
-    d.current !== e && (d.current = e, s(!1));
+    d.current !== e && (d.current = e, c(!1));
   }, [e]), !e) return null;
   const f = {
     position: "absolute",
@@ -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,11 +937,11 @@ const Vn = ({
       {
         src: e,
         alt: t,
-        className: o,
+        className: i,
         style: f,
         loading: "eager",
         fetchPriority: "high",
-        onLoad: () => s(!0)
+        onLoad: () => c(!0)
       }
     )
   );
@@ -949,16 +949,16 @@ const Vn = ({
   position: e,
   isMobile: t,
   agentName: r,
-  avatarImageUrl: o,
-  idleLoopUrl: i,
+  avatarImageUrl: i,
+  idleLoopUrl: o,
   greeting: l,
-  branding: s,
+  branding: c,
   teamMembers: d,
   currentTeamMemberId: f,
   isSwitchingTeamMember: y,
   teamSwitcherOpen: g,
   onToggleTeamSwitcher: a,
-  onSelectTeamMember: c,
+  onSelectTeamMember: s,
   languageMenuOpen: I,
   onToggleLanguageMenu: C,
   connectionState: S,
@@ -974,112 +974,118 @@ const Vn = ({
   cameraPreviewEl: A,
   cameraDevices: O,
   activeCameraId: W,
-  isScreenShareEnabled: Y,
-  screenPreviewEl: ne,
+  isScreenShareEnabled: G,
+  screenPreviewEl: te,
   isSpeakerMuted: me,
-  allowCamera: je,
-  allowScreenShare: Ve,
-  allowTyping: Ye,
-  avatarVideoContainerRef: Ge,
-  agentVideoEl: te,
+  allowCamera: Ve,
+  allowScreenShare: Ye,
+  allowTyping: Ge,
+  avatarVideoContainerRef: Je,
+  agentVideoEl: Z,
   onConnect: ge,
-  onDisconnect: we,
-  onRetry: _e,
-  onResumeAudio: xe,
-  onToggleMute: ke,
-  onToggleCamera: Le,
-  onSwitchCameraDevice: Se,
+  onDisconnect: _e,
+  onRetry: xe,
+  onResumeAudio: ke,
+  onToggleMute: Le,
+  onToggleCamera: Se,
+  onSwitchCameraDevice: Ce,
   onToggleScreenShare: V,
-  onToggleSpeaker: at,
-  onSendMessage: Je,
-  onMinimize: Ke,
-  onClose: se,
-  onClearMicError: Pe
+  onToggleSpeaker: st,
+  onSendMessage: Ke,
+  onMinimize: Xe,
+  onClose: ce,
+  onClearMicError: Oe
 }) => {
-  var Qe;
-  const Q = b.length > 0 ? b[b.length - 1] : null, ye = ((d == null ? void 0 : d.length) ?? 0) > 1, Ce = S === "connecting" || S === "connected", K = S === "connected", Z = S === "idle" || S === "disconnected" || S === "error", [Ee, oe] = L(!1);
+  var Te;
+  const se = ((d == null ? void 0 : d.length) ?? 0) > 1, Ee = S === "connecting" || S === "connected", re = S === "connected", ye = S === "idle" || S === "disconnected" || S === "error", [J, ve] = L(!1);
   R(() => {
-    if (!te) {
-      oe(!1);
+    if (!Z) {
+      ve(!1);
       return;
     }
-    if (!te.paused && te.readyState >= 2) {
-      oe(!0);
+    if (!Z.paused && Z.readyState >= 2) {
+      ve(!0);
       return;
     }
-    oe(!1);
-    const p = () => oe(!0);
-    return te.addEventListener("playing", p), te.addEventListener("loadeddata", p), () => {
-      te.removeEventListener("playing", p), te.removeEventListener("loadeddata", p);
+    ve(!1);
+    const p = () => ve(!0);
+    return Z.addEventListener("playing", p), Z.addEventListener("loadeddata", p), () => {
+      Z.removeEventListener("playing", p), Z.removeEventListener("loadeddata", p);
     };
-  }, [te]);
-  const [ce, ve] = L(!1);
+  }, [Z]);
+  const [be, ie] = L(!1);
   R(() => {
-    if (!K) {
-      ve(!1);
+    if (!re) {
+      ie(!1);
       return;
     }
-    if (Ee) return;
-    const p = setTimeout(() => ve(!0), 8e3);
+    if (J) return;
+    const p = setTimeout(() => ie(!0), 8e3);
     return () => clearTimeout(p);
-  }, [K, Ee]);
-  const De = S === "connecting" || K && !!o && !Ee && !ce, re = E(null), ie = E(null);
+  }, [re, J]);
+  const Ne = S === "connecting" || re && !!i && !J && !be, Ae = E(null), ne = E(null);
   R(() => {
-    const p = re.current;
+    const p = Ae.current;
     p && (p.innerHTML = "", A && (A.style.width = "100%", A.style.height = "100%", A.style.objectFit = "cover", A.style.transform = "scaleX(-1)", p.appendChild(A)));
   }, [A]), R(() => {
-    const p = ie.current;
-    p && (p.innerHTML = "", ne && (ne.style.width = "100%", ne.style.height = "100%", ne.style.objectFit = "contain", p.appendChild(ne)));
-  }, [ne]);
-  const [le, de] = L(!1), [Ne, ue] = L(!1);
+    const p = ne.current;
+    p && (p.innerHTML = "", te && (te.style.width = "100%", te.style.height = "100%", te.style.objectFit = "contain", p.appendChild(te)));
+  }, [te]);
+  const [ee, oe] = L(!1), [de, Re] = L(!1);
   R(() => {
-    if (!le && !Ne && !I && !g) return;
+    if (!ee && !de && !I && !g) return;
     const p = () => {
-      de(!1), ue(!1), I && C(), g && a();
+      oe(!1), Re(!1), I && C(), g && a();
     };
     return document.addEventListener("click", p), () => document.removeEventListener("click", p);
   }, [
-    le,
-    Ne,
+    ee,
+    de,
     I,
     g,
     C,
     a
   ]);
-  const [fe, $e] = L(""), ze = k(
+  const [ue, Ie] = L(""), Qe = k(
     (p) => {
       p.preventDefault();
-      const X = fe.trim();
-      X && (Je(X), $e(""));
+      const Y = ue.trim();
+      Y && (Ke(Y), Ie(""));
     },
-    [fe, Je]
-  ), He = s.productName || "Live Layer", Xe = K && (Q != null && Q.text) ? Q.text : l || "", ct = K && (Q == null ? void 0 : Q.role) === "agent", Oe = [
+    [ue, Ke]
+  ), Be = c.productName || "Live Layer";
+  let le = null, fe = null;
+  for (let p = b.length - 1; p >= 0; p--) {
+    const Y = b[p];
+    if (!le && Y.role === "agent" ? le = Y : !fe && Y.role === "user" && (fe = Y), le && fe) break;
+  }
+  const Ze = re ? (le == null ? void 0 : le.text) || null : l || null, Me = re && (fe == null ? void 0 : fe.text) || null, ct = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
   return /* @__PURE__ */ _(
     "div",
     {
-      className: Oe,
+      className: ct,
       "data-position": e,
-      "data-state": K ? "connected" : Ce ? "connecting" : "idle",
+      "data-state": re ? "connected" : Ee ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
         /* @__PURE__ */ _("div", { className: "ll-expanded__bg", children: [
-          o ? /* @__PURE__ */ n(
+          i ? /* @__PURE__ */ n(
             Jn,
             {
-              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: ((Qe = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Qe.toUpperCase()) || "A" }) }),
-          i && !K && /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Te = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Te.toUpperCase()) || "A" }) }),
+          o && !re && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
-              src: i,
+              src: o,
               autoPlay: !0,
               loop: !0,
               muted: !0,
@@ -1087,24 +1093,24 @@ const Vn = ({
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { ref: Ge, className: "ll-expanded__video" }),
-        De && /* @__PURE__ */ _("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        /* @__PURE__ */ n("div", { ref: Je, className: "ll-expanded__video" }),
+        Ne && /* @__PURE__ */ _("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
           /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
           /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: y ? "Switching..." : "Connecting..." })
         ] }),
-        M && K && /* @__PURE__ */ _(
+        M && re && /* @__PURE__ */ _(
           "button",
           {
             type: "button",
             className: "ll-expanded__overlay ll-expanded__overlay--gesture",
-            onClick: xe,
+            onClick: ke,
             children: [
               /* @__PURE__ */ n("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("path", { d: "M3 9v6h4l5 5V4L7 9H3zm13.54.12a5 5 0 0 1 0 5.76l-1.41-1.41a3 3 0 0 0 0-2.94L16.54 9.12z" }) }),
               /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: "Tap to enable audio" })
             ]
           }
         ),
-        Ce ? /* @__PURE__ */ _("div", { className: "ll-expanded__topbar", children: [
+        Ee ? /* @__PURE__ */ _("div", { className: "ll-expanded__topbar", children: [
           /* @__PURE__ */ _("div", { className: "ll-expanded__topbar-left", children: [
             /* @__PURE__ */ _("div", { className: "ll-expanded__pill-wrap", children: [
               /* @__PURE__ */ _(
@@ -1113,17 +1119,17 @@ const Vn = ({
                   type: "button",
                   className: "ll-hpill",
                   onClick: (p) => {
-                    ye && (p.stopPropagation(), a());
+                    se && (p.stopPropagation(), a());
                   },
-                  "aria-haspopup": ye ? "listbox" : void 0,
-                  "aria-expanded": ye ? g : void 0,
+                  "aria-haspopup": se ? "listbox" : void 0,
+                  "aria-expanded": se ? g : void 0,
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                    ye && /* @__PURE__ */ n(nt, {})
+                    se && /* @__PURE__ */ n(rt, {})
                   ]
                 }
               ),
-              ye && g && /* @__PURE__ */ n(
+              se && g && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
@@ -1134,7 +1140,7 @@ const Vn = ({
                     {
                       type: "button",
                       className: `ll-hmenu__item ${p.id === f ? "is-active" : ""}`,
-                      onClick: () => c(p.id),
+                      onClick: () => s(p.id),
                       role: "option",
                       "aria-selected": p.id === f,
                       children: [
@@ -1170,7 +1176,7 @@ const Vn = ({
                   title: "Language: English",
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: "EN" }),
-                    /* @__PURE__ */ n(nt, {})
+                    /* @__PURE__ */ n(rt, {})
                   ]
                 }
               ),
@@ -1207,7 +1213,7 @@ const Vn = ({
               {
                 type: "button",
                 className: "ll-hbtn",
-                onClick: Ke,
+                onClick: Xe,
                 "aria-label": "Minimize widget",
                 title: "Minimize",
                 children: /* @__PURE__ */ n(qt, {})
@@ -1218,7 +1224,7 @@ const Vn = ({
               {
                 type: "button",
                 className: "ll-hbtn ll-hbtn--danger",
-                onClick: se,
+                onClick: ce,
                 "aria-label": "End call",
                 title: "End call",
                 children: /* @__PURE__ */ n(Bt, {})
@@ -1228,14 +1234,14 @@ const Vn = ({
         ] }) : (
           // Idle-state header with Live Layer product name + minimize/close
           /* @__PURE__ */ _("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: He }),
+            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Be }),
             /* @__PURE__ */ _("div", { className: "ll-expanded__header-actions", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: Ke,
+                  onClick: Xe,
                   "aria-label": "Minimize widget",
                   children: /* @__PURE__ */ n(qt, {})
                 }
@@ -1245,7 +1251,7 @@ const Vn = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: se,
+                  onClick: ce,
                   "aria-label": "Close widget",
                   children: /* @__PURE__ */ n(Bt, {})
                 }
@@ -1253,8 +1259,8 @@ const Vn = ({
             ] })
           ] })
         ),
-        Z && /* @__PURE__ */ (() => {
-          const p = z ? "Restart paused session" : S === "disconnected" ? "Reconnect to agent" : "Start video call", X = z ? "Pick up where you left off" : null;
+        ye && /* @__PURE__ */ (() => {
+          const p = z ? "Restart paused session" : S === "disconnected" ? "Reconnect to agent" : "Start video call", Y = z ? "Pick up where you left off" : null;
           return /* @__PURE__ */ _(ht, { children: [
             S === "idle" && !z && !H && /* @__PURE__ */ _(
               "button",
@@ -1271,7 +1277,7 @@ const Vn = ({
             ),
             /* @__PURE__ */ _("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
               l && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: l }) }),
-              X && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: X }),
+              Y && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: Y }),
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1288,53 +1294,61 @@ const Vn = ({
         /* @__PURE__ */ _(
           "div",
           {
-            className: `ll-expanded__pip ${Ce && (D || Y) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${Ee && (D || G) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: ie,
-                  className: Y ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: ne,
+                  className: G ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: re,
-                  className: !Y && D ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: Ae,
+                  className: !G && D ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        Ce ? /* @__PURE__ */ _("div", { className: "ll-expanded__bottom", children: [
-          Xe && /* @__PURE__ */ n(
+        Ee ? /* @__PURE__ */ _("div", { className: "ll-expanded__bottom", children: [
+          Ze && /* @__PURE__ */ n(
             "div",
             {
-              className: `ll-expanded__transcript${ct ? " ll-expanded__transcript--agent" : ""}`,
-              "data-role": K ? (Q == null ? void 0 : Q.role) ?? "agent" : "agent",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Xe })
+              className: "ll-expanded__transcript ll-expanded__transcript--agent",
+              "data-role": "agent",
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Ze })
+            }
+          ),
+          Me && /* @__PURE__ */ n(
+            "div",
+            {
+              className: "ll-expanded__transcript ll-expanded__transcript--user",
+              "data-role": "user",
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Me })
             }
           ),
           /* @__PURE__ */ _("div", { className: "ll-toolbar", onClick: (p) => p.stopPropagation(), children: [
-            Ve && /* @__PURE__ */ n(
+            Ye && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${Y ? "is-on" : ""}`,
+                className: `ll-tool ${G ? "is-on" : ""}`,
                 onClick: V,
-                "aria-label": Y ? "Stop sharing screen" : "Share screen",
-                title: Y ? "Stop sharing" : "Share screen",
+                "aria-label": G ? "Stop sharing screen" : "Share screen",
+                title: G ? "Stop sharing" : "Share screen",
                 children: /* @__PURE__ */ n(Xn, {})
               }
             ),
-            je && /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
+            Ve && /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: `ll-tool ll-tool--left ${D ? "is-on" : ""}`,
-                  onClick: Le,
+                  onClick: Se,
                   "aria-label": D ? "Turn off camera" : "Turn on camera",
                   title: D ? "Stop camera" : "Start camera",
                   children: /* @__PURE__ */ n(Qn, {})
@@ -1346,22 +1360,22 @@ const Vn = ({
                   type: "button",
                   className: `ll-tool ll-tool--right ${D ? "is-on" : ""}`,
                   onClick: (p) => {
-                    p.stopPropagation(), ue((X) => !X), de(!1);
+                    p.stopPropagation(), Re((Y) => !Y), oe(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": Ne,
-                  children: /* @__PURE__ */ n(nt, {})
+                  "aria-expanded": de,
+                  children: /* @__PURE__ */ n(rt, {})
                 }
               ),
-              Ne && O.length > 0 && /* @__PURE__ */ n(
+              de && O.length > 0 && /* @__PURE__ */ n(
                 Wt,
                 {
                   label: "Camera",
                   devices: O,
                   activeId: W,
                   onPick: (p) => {
-                    ue(!1), Se(p);
+                    Re(!1), Ce(p);
                   }
                 }
               )
@@ -1372,7 +1386,7 @@ const Vn = ({
                 {
                   type: "button",
                   className: `ll-tool ll-tool--left ${h ? "is-muted" : ""}`,
-                  onClick: ke,
+                  onClick: Le,
                   "aria-label": h ? "Unmute microphone" : "Mute microphone",
                   title: h ? "Unmute" : "Mute",
                   children: /* @__PURE__ */ n(Zn, { muted: h })
@@ -1384,21 +1398,21 @@ const Vn = ({
                   type: "button",
                   className: `ll-tool ll-tool--right ${h ? "is-muted" : ""}`,
                   onClick: (p) => {
-                    p.stopPropagation(), de((X) => !X), ue(!1);
+                    p.stopPropagation(), oe((Y) => !Y), Re(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": le,
-                  children: /* @__PURE__ */ n(nt, {})
+                  "aria-expanded": ee,
+                  children: /* @__PURE__ */ n(rt, {})
                 }
               ),
-              le && q.length > 0 && /* @__PURE__ */ n(
+              ee && q.length > 0 && /* @__PURE__ */ n(
                 Wt,
                 {
                   label: "Microphone",
                   devices: q,
                   activeId: "",
-                  onPick: () => de(!1)
+                  onPick: () => oe(!1)
                 }
               )
             ] }),
@@ -1407,7 +1421,7 @@ const Vn = ({
               {
                 type: "button",
                 className: `ll-tool ${me ? "is-muted" : ""}`,
-                onClick: at,
+                onClick: st,
                 "aria-label": me ? "Unmute speaker" : "Mute speaker",
                 title: me ? "Unmute speaker" : "Mute speaker",
                 children: /* @__PURE__ */ n(er, { muted: me })
@@ -1418,26 +1432,26 @@ const Vn = ({
               {
                 type: "button",
                 className: "ll-tool ll-tool--danger",
-                onClick: we,
+                onClick: _e,
                 "aria-label": "End conversation",
                 title: "End conversation",
                 children: /* @__PURE__ */ n(nr, {})
               }
             )
           ] }),
-          Ye && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: ze, children: [
+          Ge && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: Qe, children: [
             /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: fe,
-                onChange: (p) => $e(p.target.value),
+                value: ue,
+                onChange: (p) => Ie(p.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            fe.trim() && /* @__PURE__ */ n(
+            ue.trim() && /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
@@ -1457,14 +1471,14 @@ const Vn = ({
                 {
                   type: "button",
                   className: "ll-expanded__banner-x",
-                  onClick: Pe,
+                  onClick: Oe,
                   "aria-label": "Dismiss",
                   children: "×"
                 }
               )
             ] });
           if (!H || S !== "error") return null;
-          let p = "Failed to connect", X = "Try again";
+          let p = "Failed to connect", Y = "Try again";
           return H === "MIC_PERMISSION_DENIED" ? p = "Microphone blocked. Allow access to talk." : H === "MIC_NOT_FOUND" ? p = "No microphone found. Plug one in + retry." : H === "MIC_UNAVAILABLE" ? p = "Mic unavailable. Check other apps using it." : H === "AGENT_TIMEOUT" ? p = "Agent didn't pick up. Try again." : H === "CONNECT_FAILED" ? p = "Connection failed. Check your network." : H.length < 80 && (p = H), /* @__PURE__ */ _("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
             /* @__PURE__ */ n("span", { children: p }),
             /* @__PURE__ */ n(
@@ -1472,8 +1486,8 @@ const Vn = ({
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: _e,
-                children: X
+                onClick: xe,
+                children: Y
               }
             )
           ] });
@@ -1482,7 +1496,7 @@ const Vn = ({
     }
   );
 };
-function nt() {
+function rt() {
   return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" }) });
 }
 function Bt() {
@@ -1539,30 +1553,30 @@ function nr() {
     }
   ) });
 }
-const Wt = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ _(
+const Wt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ _(
   "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 s = r === i.deviceId;
+      t.map((o, l) => {
+        const c = r === o.deviceId;
         return /* @__PURE__ */ _(
           "button",
           {
             type: "button",
-            className: `ll-device-menu__item ${s ? "is-active" : ""}`,
-            onClick: () => o(i.deviceId),
+            className: `ll-device-menu__item ${c ? "is-active" : ""}`,
+            onClick: () => i(o.deviceId),
             role: "option",
-            "aria-selected": s,
+            "aria-selected": c,
             children: [
-              s && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
-              /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: i.label || `${e} ${l + 1}` })
+              c && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
+              /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: o.label || `${e} ${l + 1}` })
             ]
           },
-          i.deviceId || l
+          o.deviceId || l
         );
       })
     ]
@@ -1580,7 +1594,7 @@ function gt(e) {
   }
   return !1;
 }
-function lt(e) {
+function at(e) {
   if (gt(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
@@ -1589,7 +1603,7 @@ function lt(e) {
   }
   return !0;
 }
-const rt = 4096, or = 20, ir = 20, lr = 10, ar = 10, cr = 30, Ft = 500, sr = [
+const it = 4096, ir = 20, or = 20, lr = 10, ar = 10, sr = 30, Ft = 500, cr = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1597,22 +1611,22 @@ const rt = 4096, or = 20, ir = 20, lr = 10, ar = 10, cr = 30, Ft = 500, sr = [
   "noscript",
   "iframe"
 ];
-function Fe(e) {
+function Ue(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
-    for (const r of sr)
+    for (const r of cr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
-function Ue(e) {
+function je(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 Ut(e) {
   const t = e.getAttribute("id");
@@ -1622,15 +1636,15 @@ function Ut(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 be(e, t) {
+function we(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-function Ie(e) {
+function $e(e) {
   return e.length;
 }
 function dr(e, t = {}) {
@@ -1647,13 +1661,13 @@ 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 || "", s = 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 h of s) {
+  for (const h of c) {
     if (d.length >= lr) break;
-    if (Fe(h) || !Ue(h)) continue;
-    const N = h.getAttribute("data-ll-region") ?? "", q = h.getAttribute("data-ll-intent") ?? void 0, D = be(
+    if (Ue(h) || !je(h)) continue;
+    const N = h.getAttribute("data-ll-region") ?? "", q = h.getAttribute("data-ll-intent") ?? void 0, D = we(
       (h.innerText || h.textContent || "").trim(),
       Ft * 2
     );
@@ -1663,23 +1677,23 @@ function dr(e, t = {}) {
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
   for (const h of g) {
-    if (Fe(h) || !Ue(h)) continue;
+    if (Ue(h) || !je(h)) continue;
     const N = (h.textContent || "").trim();
-    N && f.push(`${h.tagName}: ${be(N, 200)}`);
+    N && f.push(`${h.tagName}: ${we(N, 200)}`);
   }
   const a = Array.from(r.querySelectorAll("p, li"));
   for (const h of a) {
-    if (Fe(h) || !Ue(h) || y.includes(h.tagName)) continue;
+    if (Ue(h) || !je(h) || y.includes(h.tagName)) continue;
     const N = (h.textContent || "").trim();
-    N.length > 10 && f.push(be(N, Ft));
+    N.length > 10 && f.push(we(N, Ft));
   }
-  const c = f.join(`
+  const s = f.join(`
 `), I = [], C = Array.from(r.querySelectorAll("a[href]"));
   for (const h of C) {
-    if (I.length >= or) break;
-    if (Fe(h) || !Ue(h)) continue;
+    if (I.length >= ir) break;
+    if (Ue(h) || !je(h)) continue;
     const N = h.getAttribute("href") || "", q = (h.textContent || "").trim();
-    !N || !q || I.push({ href: N, text: be(q, 100) });
+    !N || !q || I.push({ href: N, text: we(q, 100) });
   }
   const S = [], v = Array.from(
     r.querySelectorAll(
@@ -1687,10 +1701,10 @@ function dr(e, t = {}) {
     )
   );
   for (const h of v) {
-    if (S.length >= ir) break;
-    if (Fe(h) || !lt(h) || !Ue(h)) continue;
+    if (S.length >= or) break;
+    if (Ue(h) || !at(h) || !je(h)) continue;
     const N = Ut(h), q = h instanceof HTMLInputElement ? h.type : h.tagName.toLowerCase();
-    N && S.push({ label: be(N, 100), type: q });
+    N && S.push({ label: we(N, 100), type: q });
   }
   const b = Array.from(
     r.querySelectorAll("[data-ll-form]")
@@ -1706,43 +1720,43 @@ function dr(e, t = {}) {
       )
     ), A = [];
     for (const O of D) {
-      if (A.length >= cr) break;
-      if (!lt(O)) continue;
+      if (A.length >= sr) break;
+      if (!at(O)) continue;
       const W = O.getAttribute("data-ll-field") || "";
       if (!W) continue;
-      const Y = Ut(O) || W, ne = O instanceof HTMLInputElement ? O.type : O.tagName.toLowerCase();
-      A.push({ name: W, label: be(Y, 100), type: ne });
+      const G = Ut(O) || W, te = O instanceof HTMLInputElement ? O.type : O.tagName.toLowerCase();
+      A.push({ name: W, label: we(G, 100), type: te });
     }
     z.push({ id: N, intent: q, fields: A });
   }
   const M = {
-    url: o,
+    url: i,
     title: l,
-    pathname: i,
+    pathname: o,
     regions: d,
-    visibleText: c,
+    visibleText: s,
     visibleLinks: I,
     visibleFields: S,
     forms: z,
     extras: e
   };
-  let H = Ie(JSON.stringify(M.regions)) + Ie(M.visibleText) + Ie(JSON.stringify(M.visibleLinks)) + Ie(JSON.stringify(M.visibleFields));
-  for (; H > rt && M.visibleFields.length > 0; )
-    M.visibleFields.pop(), H = Ie(JSON.stringify(M.visibleFields));
-  for (; H > rt && M.visibleLinks.length > 0; )
+  let H = $e(JSON.stringify(M.regions)) + $e(M.visibleText) + $e(JSON.stringify(M.visibleLinks)) + $e(JSON.stringify(M.visibleFields));
+  for (; H > it && M.visibleFields.length > 0; )
+    M.visibleFields.pop(), H = $e(JSON.stringify(M.visibleFields));
+  for (; H > it && M.visibleLinks.length > 0; )
     M.visibleLinks.pop(), H -= 80;
-  return Ie(M.visibleText) > rt && (M.visibleText = be(M.visibleText, rt - 100)), M;
+  return $e(M.visibleText) > it && (M.visibleText = we(M.visibleText, it - 100)), M;
 }
-let Me = null;
+let ze = null;
 function jt(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)
-    return Me.ctx;
+  const r = Date.now(), o = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
+  if (ze && ze.key === o && r - ze.at < 1e3)
+    return ze.ctx;
   const l = dr(e, t);
-  return Me = { key: i, at: r, ctx: l }, l;
+  return ze = { key: o, at: r, ctx: l }, l;
 }
 function ur() {
-  Me = null;
+  ze = null;
 }
 const fr = 200;
 function pr(e) {
@@ -1761,11 +1775,11 @@ 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]"));
-  for (const s of l) {
-    if (i.length >= fr) break;
-    if (gt(s)) continue;
-    const d = s.getAttribute("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 (o.length >= fr) break;
+    if (gt(c)) continue;
+    const d = c.getAttribute("href") || "";
     if (!hr(d)) continue;
     let f = d, y = !0;
     try {
@@ -1776,40 +1790,40 @@ function mr(e) {
     } catch {
       continue;
     }
-    if (o.has(f)) continue;
-    o.add(f);
-    const g = (s.textContent || "").trim().slice(0, 120);
-    i.push({ href: f, text: g, internal: y });
+    if (i.has(f)) continue;
+    i.add(f);
+    const g = (c.textContent || "").trim().slice(0, 120);
+    o.push({ href: f, text: g, internal: y });
   }
-  return i;
+  return o;
 }
-let Te = null;
+let He = null;
 const gr = 5e3;
 function ft() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (Te && Te.pathname === t && e - Te.at < gr)
-    return Te.routes;
+  if (He && He.pathname === t && e - He.at < gr)
+    return He.routes;
   const r = mr();
-  return Te = { at: e, pathname: t, routes: r }, r;
+  return He = { at: e, pathname: t, routes: r }, r;
 }
 function yr() {
-  Te = null;
+  He = 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"
-    ), s = l == null ? void 0 : l.set, d = t === "true" || t === "1" || t === "on";
-    s ? s.call(e, d) : e.checked = d, o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+    ), c = l == null ? void 0 : l.set, d = t === "true" || t === "1" || t === "on";
+    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")
@@ -1830,12 +1844,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;
 }
@@ -1884,16 +1898,16 @@ 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: s = !1,
+    autoConnect: c = !1,
     displayMode: d,
     defaultDisplayMode: f = "expanded",
     onDisplayModeChange: y,
     position: g = "bottom-right",
     mobileBreakpoint: a = 640,
-    persistKey: c = "ll-widget",
+    persistKey: s = "ll-widget",
     disablePersistence: I = !1,
     teamMembers: C,
     currentTeamMemberId: S,
@@ -1909,43 +1923,43 @@ function Cr(e) {
     showOn: A,
     hideOn: O,
     pathname: W,
-    onNavigate: Y,
-    onScrollToSelector: ne,
+    onNavigate: G,
+    onScrollToSelector: te,
     getPageContext: me,
-    pageContextExtras: je,
-    getRoutes: Ve,
-    onScrollPage: Ye,
-    onClick: Ge,
-    capabilities: te,
+    pageContextExtras: Ve,
+    getRoutes: Ye,
+    onScrollPage: Ge,
+    onClick: Je,
+    capabilities: Z,
     onConnect: ge,
-    onDisconnect: we,
-    onTranscript: _e,
-    onAgentState: xe,
-    onConnectionStateChange: ke,
-    onAgentEvent: Le,
-    onAgentCommand: Se,
+    onDisconnect: _e,
+    onTranscript: xe,
+    onAgentState: ke,
+    onConnectionStateChange: Le,
+    onAgentEvent: Se,
+    onAgentCommand: Ce,
     controlledSession: V,
-    className: at,
-    style: Je,
-    zIndex: Ke = 2147483647
-  } = e, se = Tn(W), Pe = Bn(se, A, O);
+    className: st,
+    style: Ke,
+    zIndex: Xe = 2147483647
+  } = e, ce = Tn(W), Oe = Bn(ce, A, O);
   R(() => {
     ur(), yr();
-  }, [se]);
-  const Q = S !== void 0, [ye, Ce] = L(() => {
+  }, [ce]);
+  const se = S !== void 0, [Ee, re] = L(() => {
     var m;
     return S ?? ((m = C == null ? void 0 : C[0]) == null ? void 0 : m.id);
-  }), K = Q ? S : ye, Z = ot(
-    () => (C == null ? void 0 : C.find((m) => m.id === K)) ?? null,
-    [C, K]
-  ), Ee = (Z == null ? void 0 : Z.agentId) ?? t, [oe, ce] = An({
+  }), ye = se ? S : Ee, J = ot(
+    () => (C == null ? void 0 : C.find((m) => m.id === ye)) ?? null,
+    [C, ye]
+  ), ve = (J == null ? void 0 : J.agentId) ?? t, [be, ie] = An({
     value: d,
     defaultValue: f,
     onChange: y,
-    persistKey: c,
+    persistKey: s,
     disablePersistence: I
-  }), ve = In(a), De = yn(), re = vn(), ie = wn(), le = _n(), de = xn(), [Ne, ue] = L(!1), [fe, $e] = L(!1), [ze, He] = L(!1), [Xe, ct] = L(!1), [Oe, Qe] = L(!1), p = E(Y), X = E(ne), Ze = E(Ye), st = E(Ge), yt = E(me), vt = E(je), bt = E(Ve), dt = E(te), ae = E(null);
-  p.current = Y, X.current = ne, Ze.current = Ye, st.current = Ge, yt.current = me, vt.current = je, bt.current = Ve, dt.current = te;
+  }), Ne = In(a), Ae = yn(), ne = vn(), ee = wn(), oe = _n(), de = xn(), [Re, ue] = L(!1), [Ie, Qe] = L(!1), [Be, le] = L(!1), [fe, Ze] = L(!1), [Me, ct] = L(!1), Te = E(G), p = E(te), Y = E(Ge), et = E(Je), yt = E(me), vt = E(Ve), bt = E(Ye), dt = E(Z), ae = E(null);
+  Te.current = G, p.current = te, Y.current = Ge, et.current = Je, yt.current = me, vt.current = Ve, bt.current = Ye, dt.current = Z;
   function pe(m) {
     const u = dt.current;
     return u ? u.includes(m) : !0;
@@ -1955,12 +1969,12 @@ function Cr(e) {
       `[LiveLayer] Agent command "${m}" blocked — capability "${u}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
     );
   }
-  const Be = k(
+  const qe = k(
     (m) => {
-      var G, Ae, tt, Rt;
+      var K, Pe, nt, Rt;
       const u = m;
       if (!(!u.type || typeof u.type != "string")) {
-        if (Le == null || Le({ eventName: u.type, data: m }), u.type === "navigate") {
+        if (Se == null || Se({ eventName: u.type, data: m }), u.type === "navigate") {
           if (!pe("navigate")) {
             he("navigate", "navigate");
             return;
@@ -1972,9 +1986,9 @@ function Cr(e) {
             );
             return;
           }
-          if (p.current) {
+          if (Te.current) {
             try {
-              p.current(x);
+              Te.current(x);
             } catch (T) {
               console.warn(
                 `[LiveLayer] onNavigate threw for "${x}". Falling back. Error:`,
@@ -2011,9 +2025,9 @@ function Cr(e) {
           const x = typeof u.selector == "string" ? u.selector : null;
           if (!x) return;
           const T = u.behavior === "instant" ? "instant" : "smooth";
-          if (X.current) {
+          if (p.current) {
             try {
-              X.current(
+              p.current(
                 x,
                 T
               );
@@ -2050,14 +2064,14 @@ function Cr(e) {
             he("request_page_context", "read_page");
             return;
           }
-          const x = typeof u.requestId == "string" ? u.requestId : void 0, T = (G = ae.current) == null ? void 0 : G.call(ae), B = (j) => {
-            const P = T, J = P == null ? void 0 : P.localParticipant;
-            if (J != null && J.publishData)
+          const x = typeof u.requestId == "string" ? u.requestId : void 0, T = (K = ae.current) == null ? void 0 : K.call(ae), B = (j) => {
+            const P = T, X = P == null ? void 0 : P.localParticipant;
+            if (X != null && X.publishData)
               try {
-                const ee = x ? { ...j, requestId: x } : j, Re = new TextEncoder().encode(JSON.stringify(ee));
-                J.publishData(Re, { reliable: !0 });
-              } catch (ee) {
-                console.warn("[LiveLayer] publishData failed.", ee);
+                const Q = x ? { ...j, requestId: x } : j, De = new TextEncoder().encode(JSON.stringify(Q));
+                X.publishData(De, { reliable: !0 });
+              } catch (Q) {
+                console.warn("[LiveLayer] publishData failed.", Q);
               }
           }, $ = vt.current, F = yt.current;
           try {
@@ -2106,9 +2120,9 @@ function Cr(e) {
             return;
           }
           const T = u.behavior === "instant" ? "instant" : "smooth";
-          if (Ze.current) {
+          if (Y.current) {
             try {
-              Ze.current(
+              Y.current(
                 x,
                 T
               );
@@ -2136,9 +2150,9 @@ function Cr(e) {
             console.warn("[LiveLayer] click: missing selector.");
             return;
           }
-          if (st.current) {
+          if (et.current) {
             try {
-              st.current(x);
+              et.current(x);
             } catch (B) {
               console.warn("[LiveLayer] onClick threw.", B);
             }
@@ -2166,7 +2180,7 @@ function Cr(e) {
             );
             return;
           }
-          (Ae = T.click) == null || Ae.call(T);
+          (Pe = T.click) == null || Pe.call(T);
           return;
         }
         if (u.type === "fill_form" || u.type === "focus_field") {
@@ -2208,7 +2222,7 @@ function Cr(e) {
               );
               return;
             }
-            if (!lt(F)) {
+            if (!at(F)) {
               console.warn(
                 `[LiveLayer] focus_field: field "${$}" is privacy-protected and not focusable.`
               );
@@ -2231,7 +2245,7 @@ function Cr(e) {
               );
               continue;
             }
-            if (!lt(j)) {
+            if (!at(j)) {
               console.warn(
                 `[LiveLayer] fill_form: field "${$}" is privacy-protected (password / cc-* / private). Skipping.`
               );
@@ -2274,12 +2288,12 @@ function Cr(e) {
             );
             return;
           }
-          const B = typeof u.requestId == "string" ? u.requestId : void 0, $ = (tt = ae.current) == null ? void 0 : tt.call(ae), F = (J) => {
-            const ee = $, Re = ee == null ? void 0 : ee.localParticipant;
-            if (Re != null && Re.publishData)
+          const B = typeof u.requestId == "string" ? u.requestId : void 0, $ = (nt = ae.current) == null ? void 0 : nt.call(ae), F = (X) => {
+            const Q = $, De = Q == null ? void 0 : Q.localParticipant;
+            if (De != null && De.publishData)
               try {
-                const cn = B ? { ...J, requestId: B } : J, sn = new TextEncoder().encode(JSON.stringify(cn));
-                Re.publishData(sn, { reliable: !0 });
+                const sn = B ? { ...X, requestId: B } : X, cn = new TextEncoder().encode(JSON.stringify(sn));
+                De.publishData(cn, { reliable: !0 });
               } catch {
               }
           };
@@ -2290,8 +2304,8 @@ function Cr(e) {
           T.addEventListener("submit", P, { once: !0 });
           try {
             typeof T.requestSubmit == "function" ? T.requestSubmit() : T.submit();
-          } catch (J) {
-            console.warn("[LiveLayer] submit_form: requestSubmit threw.", J), T.removeEventListener("submit", P), F({
+          } catch (X) {
+            console.warn("[LiveLayer] submit_form: requestSubmit threw.", X), T.removeEventListener("submit", P), F({
               type: "form_submit_blocked",
               formId: x,
               reason: "exception"
@@ -2316,27 +2330,27 @@ function Cr(e) {
           if (!($ != null && $.publishData)) return;
           const F = (P) => {
             try {
-              const J = x ? { type: "routes", routes: P, requestId: x } : { type: "routes", routes: P }, ee = new TextEncoder().encode(JSON.stringify(J));
-              $.publishData(ee, { reliable: !0 });
-            } catch (J) {
-              console.warn("[LiveLayer] request_routes: publishData failed.", J);
+              const X = x ? { type: "routes", routes: P, requestId: x } : { type: "routes", routes: P }, Q = new TextEncoder().encode(JSON.stringify(X));
+              $.publishData(Q, { reliable: !0 });
+            } catch (X) {
+              console.warn("[LiveLayer] request_routes: publishData failed.", X);
             }
           }, j = bt.current;
           if (j) {
             try {
-              const P = j(), J = (ee) => {
-                if (!Array.isArray(ee)) {
+              const P = j(), X = (Q) => {
+                if (!Array.isArray(Q)) {
                   F([]);
                   return;
                 }
-                F(ee.map(pr).slice(0, 200));
+                F(Q.map(pr).slice(0, 200));
               };
-              P instanceof Promise ? P.then(J).catch((ee) => {
+              P instanceof Promise ? P.then(X).catch((Q) => {
                 console.warn(
                   "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
-                  ee
+                  Q
                 ), F(ft());
-              }) : J(P);
+              }) : X(P);
             } catch (P) {
               console.warn(
                 "[LiveLayer] getRoutes threw; falling back to DOM walker.",
@@ -2352,51 +2366,51 @@ function Cr(e) {
           }
           return;
         }
-        Sr.has(u.type) || Se == null || Se(u);
+        Sr.has(u.type) || Ce == null || Ce(u);
       }
     },
-    [Se, Le]
+    [Ce, Se]
   ), U = gn({
-    agentId: V ? "__controlled__" : Ee,
-    baseUrl: o,
+    agentId: V ? "__controlled__" : ve,
+    baseUrl: i,
     apiKey: r,
-    sessionEndpoint: i,
+    sessionEndpoint: o,
     sessionBody: l,
-    onDataMessage: V ? void 0 : Be
+    onDataMessage: V ? void 0 : qe
   });
   R(() => {
     if (V != null && V.subscribeToDataMessages)
-      return V.subscribeToDataMessages(Be);
-  }, [V, Be]), ae.current = () => {
+      return V.subscribeToDataMessages(qe);
+  }, [V, qe]), ae.current = () => {
     var m;
     return (m = U.getRoom) == null ? void 0 : m.call(U);
   }, R(() => {
-    var G;
-    if (!se) return;
-    const m = (G = U.getRoom) == null ? void 0 : G.call(U), u = m == null ? void 0 : m.localParticipant;
+    var K;
+    if (!ce) return;
+    const m = (K = U.getRoom) == null ? void 0 : K.call(U), u = m == null ? void 0 : m.localParticipant;
     if (u != null && u.publishData)
       try {
-        const Ae = new TextEncoder().encode(
-          JSON.stringify({ type: "pathname", pathname: se })
+        const Pe = new TextEncoder().encode(
+          JSON.stringify({ type: "pathname", pathname: ce })
         );
-        u.publishData(Ae, { reliable: !0 });
+        u.publishData(Pe, { reliable: !0 });
       } catch {
       }
-  }, [se, U, U.connectionState]), R(() => {
-    var G;
+  }, [ce, U, U.connectionState]), R(() => {
+    var K;
     if (typeof window > "u") return;
-    const m = ((G = window.location) == null ? void 0 : G.hostname) || "";
+    const m = ((K = window.location) == null ? void 0 : K.hostname) || "";
     if (m === "localhost" || m === "127.0.0.1" || m === "0.0.0.0" || m.endsWith(".local") || m.endsWith(".test"))
-      return window.__livelayerSimulateCommand = (Ae) => {
+      return window.__livelayerSimulateCommand = (Pe) => {
         try {
-          Be(Ae);
-        } catch (tt) {
-          console.warn("[LiveLayer] simulate-command threw:", tt);
+          qe(Pe);
+        } catch (nt) {
+          console.warn("[LiveLayer] simulate-command threw:", nt);
         }
       }, () => {
         delete window.__livelayerSimulateCommand;
       };
-  }, [Be]);
+  }, [qe]);
   const w = ot(() => V ? {
     connectionState: V.connectionState,
     agentState: V.agentState,
@@ -2438,166 +2452,166 @@ function Cr(e) {
   }, [w.videoElement]), R(() => {
     const m = w.audioElement;
     if (!m) return;
-    De.attach(m);
+    Ae.attach(m);
     const u = m.play();
-    return u && typeof u.catch == "function" && u.catch((G) => {
-      (G == null ? void 0 : G.name) === "NotAllowedError" && ue(!0);
+    return u && typeof u.catch == "function" && u.catch((K) => {
+      (K == null ? void 0 : K.name) === "NotAllowedError" && ue(!0);
     }), () => {
-      De.detach();
+      Ae.detach();
     };
   }, [w.audioElement]), R(() => {
     if (w.isControlled || w.connectionState !== "connected") return;
     const m = w.getRoom();
     if (m)
-      return re.setupMic(m).catch(() => {
-      }), ie.attachRoom(m), le.attachRoom(m), de.refresh(), () => {
-        re.teardownMic(), ie.teardown(), le.teardown();
+      return ne.setupMic(m).catch(() => {
+      }), ee.attachRoom(m), oe.attachRoom(m), de.refresh(), () => {
+        ne.teardownMic(), ee.teardown(), oe.teardown();
       };
   }, [w.isControlled, w.connectionState]), R(() => {
     const m = w.audioElement;
-    m && (m.muted = Oe);
-  }, [w.audioElement, Oe]);
+    m && (m.muted = Me);
+  }, [w.audioElement, Me]);
   const Kt = k((m) => {
     const u = w.getRoom();
     if (u)
       try {
-        const G = new TextEncoder().encode(
+        const K = new TextEncoder().encode(
           JSON.stringify({ type: "user_message", text: m })
         );
-        u.localParticipant.publishData(G, { reliable: !0 });
+        u.localParticipant.publishData(K, { reliable: !0 });
       } catch {
       }
   }, [w]), Xt = k(() => {
-    Qe((m) => !m);
+    ct((m) => !m);
   }, []);
   R(() => {
-    ke == null || ke(w.connectionState), w.connectionState === "connected" ? ge == null || ge() : w.connectionState === "disconnected" && (we == null || we());
-  }, [w.connectionState, ge, we, ke]), R(() => {
-    _e == null || _e(w.transcript);
-  }, [w.transcript, _e]), R(() => {
-    xe == null || xe(w.agentState);
-  }, [w.agentState, xe]);
+    Le == null || Le(w.connectionState), w.connectionState === "connected" ? ge == null || ge() : w.connectionState === "disconnected" && (_e == null || _e());
+  }, [w.connectionState, ge, _e, Le]), R(() => {
+    xe == null || xe(w.transcript);
+  }, [w.transcript, xe]), R(() => {
+    ke == null || ke(w.agentState);
+  }, [w.agentState, ke]);
   const _t = E(!1);
   R(() => {
-    w.isControlled || !s || _t.current || Pe && w.connectionState === "idle" && (_t.current = !0, w.connect());
-  }, [s, w.connectionState, w, Pe]);
+    w.isControlled || !c || _t.current || Oe && w.connectionState === "idle" && (_t.current = !0, w.connect());
+  }, [c, w.connectionState, w, Oe]);
   const Qt = k(
     (m) => {
-      const u = C == null ? void 0 : C.find((G) => G.id === m);
-      u && (He(!1), m !== K && ($e(!0), w.disconnect(), Q || Ce(m), v == null || v(u)));
+      const u = C == null ? void 0 : C.find((K) => K.id === m);
+      u && (le(!1), m !== ye && (Qe(!0), w.disconnect(), se || re(m), v == null || v(u)));
     },
     [
       C,
-      K,
+      ye,
       w,
-      Q,
+      se,
       v
     ]
   );
   R(() => {
-    fe && w.connectionState === "connected" && $e(!1);
-  }, [w.connectionState, fe]), R(() => {
-    if (!ze) return;
+    Ie && w.connectionState === "connected" && Qe(!1);
+  }, [w.connectionState, Ie]), R(() => {
+    if (!Be) return;
     const m = (u) => {
-      u.key === "Escape" && He(!1);
+      u.key === "Escape" && le(!1);
     };
     return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
-  }, [ze]);
-  const Zt = !!M || !!(Z != null && Z.avatarImageUrl) || w.isControlled, qe = kn(Ee, o, Zt);
-  te === void 0 && ((kt = qe.info) != null && kt.capabilities) && (dt.current = qe.info.capabilities);
-  const et = (Z == null ? void 0 : Z.name) ?? H ?? ((Lt = w.agentConfig) == null ? void 0 : Lt.name) ?? ((St = qe.info) == null ? void 0 : St.name) ?? "Live Layer", ut = (Z == null ? void 0 : Z.avatarImageUrl) ?? M ?? ((Ct = w.agentConfig) == null ? void 0 : Ct.avatarImageUrl) ?? ((Et = qe.info) == null ? void 0 : Et.avatarImageUrl) ?? null, en = b ?? ((Nt = w.agentConfig) == null ? void 0 : Nt.idleLoopUrl) ?? ((At = qe.info) == null ? void 0 : At.idleLoopUrl) ?? null, tn = z ?? null, nn = k(() => ce("expanded"), [ce]), rn = k(
-    () => ce("minimized"),
-    [ce]
+  }, [Be]);
+  const Zt = !!M || !!(J != null && J.avatarImageUrl) || w.isControlled, We = kn(ve, i, Zt);
+  Z === void 0 && ((kt = We.info) != null && kt.capabilities) && (dt.current = We.info.capabilities);
+  const tt = (J == null ? void 0 : J.name) ?? H ?? ((Lt = w.agentConfig) == null ? void 0 : Lt.name) ?? ((St = We.info) == null ? void 0 : St.name) ?? "Live Layer", ut = (J == null ? void 0 : J.avatarImageUrl) ?? M ?? ((Ct = w.agentConfig) == null ? void 0 : Ct.avatarImageUrl) ?? ((Et = We.info) == null ? void 0 : Et.avatarImageUrl) ?? null, en = b ?? ((Nt = w.agentConfig) == null ? void 0 : Nt.idleLoopUrl) ?? ((At = We.info) == null ? void 0 : At.idleLoopUrl) ?? null, tn = z ?? null, nn = k(() => ie("expanded"), [ie]), rn = k(
+    () => ie("minimized"),
+    [ie]
   ), xt = k(() => {
-    w.disconnect(), ce("hidden");
-  }, [w, ce]), on = k(() => {
+    w.disconnect(), ie("hidden");
+  }, [w, ie]), on = k(() => {
     const m = w.audioElement;
     m && m.play().then(() => ue(!1)).catch(() => {
     });
   }, [w.audioElement]), ln = k(() => {
     ue(!1), w.connect();
-  }, [w]), We = {
-    ...Je,
-    zIndex: Ke
+  }, [w]), Fe = {
+    ...Ke,
+    zIndex: Xe
   };
-  h.primaryColor && (We["--ll-color-primary"] = h.primaryColor), h.accentColor && (We["--ll-color-accent"] = h.accentColor), h.backgroundColor && (We["--ll-color-bg"] = h.backgroundColor), h.textColor && (We["--ll-color-fg"] = h.textColor);
+  h.primaryColor && (Fe["--ll-color-primary"] = h.primaryColor), h.accentColor && (Fe["--ll-color-accent"] = h.accentColor), h.backgroundColor && (Fe["--ll-color-bg"] = h.backgroundColor), h.textColor && (Fe["--ll-color-fg"] = h.textColor);
   const an = [
     "ll-widget",
-    `ll-widget--${oe}`,
-    `ll-widget--${ve ? "mobile" : "desktop"}`,
-    at
+    `ll-widget--${be}`,
+    `ll-widget--${Ne ? "mobile" : "desktop"}`,
+    st
   ].filter(Boolean).join(" ");
-  return Pe ? /* @__PURE__ */ _(
+  return Oe ? /* @__PURE__ */ _(
     "div",
     {
       className: an,
-      style: We,
-      "data-display-mode": oe,
+      style: Fe,
+      "data-display-mode": be,
       "data-position": g,
       children: [
-        oe === "hidden" && /* @__PURE__ */ n(
+        be === "hidden" && /* @__PURE__ */ n(
           Vn,
           {
             position: g,
-            isMobile: ve,
+            isMobile: Ne,
             isSpeaking: w.agentState === "speaking",
-            onExpand: () => ce("expanded"),
-            label: `Open ${et} widget`,
+            onExpand: () => ie("expanded"),
+            label: `Open ${tt} widget`,
             avatarImageUrl: ut,
-            agentName: et
+            agentName: tt
           }
         ),
-        oe === "minimized" && /* @__PURE__ */ n(
+        be === "minimized" && /* @__PURE__ */ n(
           Gn,
           {
             position: g,
-            isMobile: ve,
-            agentName: et,
+            isMobile: Ne,
+            agentName: tt,
             avatarImageUrl: ut,
             agentState: w.agentState,
-            isMuted: re.isMuted,
-            audioLevel: De,
+            isMuted: ne.isMuted,
+            audioLevel: Ae,
             onExpand: nn,
-            onToggleMute: re.toggleMute,
+            onToggleMute: ne.toggleMute,
             onClose: xt
           }
         ),
-        oe === "expanded" && /* @__PURE__ */ n(
+        be === "expanded" && /* @__PURE__ */ n(
           Kn,
           {
             position: g,
-            isMobile: ve,
-            agentName: et,
+            isMobile: Ne,
+            agentName: tt,
             avatarImageUrl: ut,
             idleLoopUrl: en,
             greeting: tn,
             branding: h,
             teamMembers: C,
-            currentTeamMemberId: K,
-            isSwitchingTeamMember: fe,
-            teamSwitcherOpen: ze,
-            onToggleTeamSwitcher: () => He((m) => !m),
+            currentTeamMemberId: ye,
+            isSwitchingTeamMember: Ie,
+            teamSwitcherOpen: Be,
+            onToggleTeamSwitcher: () => le((m) => !m),
             onSelectTeamMember: Qt,
             connectionState: w.connectionState,
             agentState: w.agentState,
             transcript: w.transcript,
-            isMuted: re.isMuted,
+            isMuted: ne.isMuted,
             micDevices: de.mics,
-            isCameraEnabled: ie.isEnabled,
-            cameraPreviewEl: ie.previewEl,
+            isCameraEnabled: ee.isEnabled,
+            cameraPreviewEl: ee.previewEl,
             cameraDevices: de.cameras,
-            activeCameraId: ie.activeDeviceId,
-            isScreenShareEnabled: le.isEnabled,
-            screenPreviewEl: le.previewEl,
-            isSpeakerMuted: Oe,
+            activeCameraId: ee.activeDeviceId,
+            isScreenShareEnabled: oe.isEnabled,
+            screenPreviewEl: oe.previewEl,
+            isSpeakerMuted: Me,
             allowCamera: N,
             allowScreenShare: q,
             allowTyping: D,
-            languageMenuOpen: Xe,
-            onToggleLanguageMenu: () => ct((m) => !m),
-            needsUserGesture: Ne,
+            languageMenuOpen: fe,
+            onToggleLanguageMenu: () => Ze((m) => !m),
+            needsUserGesture: Re,
             canResume: w.canResume,
-            micError: re.micError,
+            micError: ne.micError,
             error: w.error,
             avatarVideoContainerRef: wt,
             agentVideoEl: w.videoElement,
@@ -2605,15 +2619,15 @@ function Cr(e) {
             onDisconnect: () => w.disconnect(),
             onRetry: ln,
             onResumeAudio: on,
-            onToggleMute: re.toggleMute,
-            onToggleCamera: () => void ie.toggle(),
-            onSwitchCameraDevice: (m) => void ie.switchDevice(m),
-            onToggleScreenShare: () => void le.toggle(),
+            onToggleMute: ne.toggleMute,
+            onToggleCamera: () => void ee.toggle(),
+            onSwitchCameraDevice: (m) => void ee.switchDevice(m),
+            onToggleScreenShare: () => void oe.toggle(),
             onToggleSpeaker: Xt,
             onSendMessage: Kt,
             onMinimize: rn,
             onClose: xt,
-            onClearMicError: re.clearError
+            onClearMicError: ne.clearError
           }
         )
       ]
@@ -2627,93 +2641,93 @@ const Dr = ({
   agentId: e,
   baseUrl: t,
   apiKey: r,
-  mode: o,
-  onAgentEvent: i,
+  mode: i,
+  onAgentEvent: o,
   className: l,
-  style: s
+  style: c
 }) => {
-  const d = E(null), f = E(null), y = E(i);
-  y.current = i;
+  const d = E(null), f = E(null), y = E(o);
+  y.current = o;
   const g = k((a) => {
     var I;
-    const c = a.detail;
-    (I = y.current) == null || I.call(y, c);
+    const s = a.detail;
+    (I = y.current) == null || I.call(y, s);
   }, []);
   return R(() => {
     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), o && c.setAttribute("mode", o), c.addEventListener("agent-event", g), a.appendChild(c), f.current = c, () => {
-      c.removeEventListener("agent-event", g), a.removeChild(c), f.current = null;
+    const s = document.createElement("livelayer-widget");
+    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", g), a.appendChild(s), f.current = s, () => {
+      s.removeEventListener("agent-event", g), a.removeChild(s), f.current = null;
     };
   }, [e]), R(() => {
-    f.current && (o ? f.current.setAttribute("mode", o) : f.current.removeAttribute("mode"));
-  }, [o]), /* @__PURE__ */ n("div", { ref: d, className: l, style: s });
+    f.current && (i ? f.current.setAttribute("mode", i) : f.current.removeAttribute("mode"));
+  }, [i]), /* @__PURE__ */ n("div", { ref: d, className: l, style: c });
 }, $r = mt(
-  function({ id: t, intent: r, as: o = "div", className: i, style: l, children: s }, 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
       },
-      s
+      c
     );
   }
 ), zr = mt(
-  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 = mt(
   function(t, r) {
-    const { name: o, label: i, labelClassName: l } = t, s = { 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: f, label: y, labelClassName: g, as: a, ...c } = t;
+      const { name: f, label: y, labelClassName: g, as: a, ...s } = t;
       d = /* @__PURE__ */ n(
         "textarea",
         {
           ref: r,
-          ...s,
-          ...c
+          ...c,
+          ...s
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: f, label: y, labelClassName: g, as: a, children: c, ...I } = t;
+      const { name: f, label: y, labelClassName: g, as: a, children: s, ...I } = t;
       d = /* @__PURE__ */ n(
         "select",
         {
           ref: r,
-          ...s,
+          ...c,
           ...I,
-          children: c
+          children: s
         }
       );
     } else {
-      const { name: f, label: y, labelClassName: g, as: a, ...c } = t;
+      const { name: f, label: y, labelClassName: g, as: a, ...s } = t;
       d = /* @__PURE__ */ n(
         "input",
         {
           ref: r,
-          ...s,
-          ...c
+          ...c,
+          ...s
         }
       );
     }
-    return i === void 0 ? d : /* @__PURE__ */ _("label", { className: l, children: [
-      i,
+    return o === void 0 ? d : /* @__PURE__ */ _("label", { className: l, children: [
+      o,
       d
     ] });
   }
@@ -2724,28 +2738,28 @@ function Or({
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [o, i] = L(t), [l, s] = L([]), [d, f] = L(""), [y, g] = L(!1), a = E(/* @__PURE__ */ new Set()), c = E([]), I = E(y);
+  const [i, o] = L(t), [l, c] = L([]), [d, f] = L(""), [y, g] = L(!1), a = E(/* @__PURE__ */ new Set()), s = E([]), I = E(y);
   I.current = y, R(() => {
     try {
       const v = localStorage.getItem(r);
-      v === "1" && i(!0), v === "0" && i(!1);
+      v === "1" && o(!0), v === "0" && o(!1);
     } catch {
     }
   }, [r]), R(() => {
     try {
-      localStorage.setItem(r, o ? "1" : "0");
+      localStorage.setItem(r, i ? "1" : "0");
     } catch {
     }
-  }, [o, r]), R(() => {
+  }, [i, r]), R(() => {
     const v = (b) => {
-      (b.metaKey || b.ctrlKey) && b.shiftKey && b.key.toLowerCase() === "l" && (b.preventDefault(), i((z) => !z));
+      (b.metaKey || b.ctrlKey) && b.shiftKey && b.key.toLowerCase() === "l" && (b.preventDefault(), o((z) => !z));
     };
     return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
   }, []), R(() => {
     const v = setInterval(() => {
-      if (c.current.length === 0 || I.current) return;
-      const b = c.current.splice(0, c.current.length);
-      s(
+      if (s.current.length === 0 || I.current) return;
+      const b = s.current.splice(0, s.current.length);
+      c(
         (z) => [...b.reverse(), ...z].slice(0, 200)
       );
     }, 100);
@@ -2754,7 +2768,7 @@ function Or({
   const C = E(!1);
   if (R(() => {
     !e || C.current || (C.current = !0, e((v) => {
-      c.current.push({
+      s.current.push({
         id: Yt++,
         ts: Date.now(),
         kind: "event",
@@ -2766,7 +2780,7 @@ function Or({
     const v = console.warn, b = console.log, z = (M, H) => function(...h) {
       try {
         const N = typeof h[0] == "string" ? h[0] : "";
-        N.startsWith("[LiveLayer]") && c.current.push({
+        N.startsWith("[LiveLayer]") && s.current.push({
           id: Yt++,
           ts: Date.now(),
           kind: M,
@@ -2780,12 +2794,12 @@ function Or({
     return console.warn = z("warn", v), console.log = z("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: {
@@ -2868,7 +2882,7 @@ function Or({
                 {
                   type: "button",
                   onClick: () => {
-                    s([]), c.current = [];
+                    c([]), s.current = [];
                   },
                   style: pt("transparent"),
                   title: "Clear buffer",
@@ -2879,7 +2893,7 @@ function Or({
                 "button",
                 {
                   type: "button",
-                  onClick: () => i(!1),
+                  onClick: () => o(!1),
                   style: pt("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
@@ -2952,7 +2966,7 @@ function Or({
                 entry: v,
                 expanded: a.current.has(v.id),
                 onToggle: () => {
-                  a.current.has(v.id) ? a.current.delete(v.id) : a.current.add(v.id), s((b) => [...b]);
+                  a.current.has(v.id) ? a.current.delete(v.id) : a.current.add(v.id), c((b) => [...b]);
                 }
               },
               v.id
@@ -2968,7 +2982,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__ */ _(
@@ -2998,14 +3012,14 @@ function Er({
                 fontVariantNumeric: "tabular-nums",
                 fontSize: 10
               },
-              children: i
+              children: o
             }
           ),
           /* @__PURE__ */ n(
             "span",
             {
               style: {
-                color: o,
+                color: i,
                 fontWeight: 600,
                 flexShrink: 0
               },
@@ -3052,20 +3066,20 @@ function Nr(e) {
   }
 }
 function Br() {
-  const [e, t] = L([]), r = k((i) => {
+  const [e, t] = L([]), r = k((o) => {
     t((l) => {
-      const s = l.findIndex((d) => d.id === i.id);
-      if (s >= 0) {
+      const c = l.findIndex((d) => d.id === o.id);
+      if (c >= 0) {
         const d = l.slice();
-        return d[s] = 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
   };
 }