@livelayer/react 0.10.4 → 0.10.5

package/dist/index.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { jsxs as g, jsx as n, Fragment as Ye } from "react/jsx-runtime";
-import { Component as On, useState as C, useRef as N, useEffect as I, useCallback as E, useMemo as Ge, useLayoutEffect as mn, forwardRef as ut, useImperativeHandle as Hn, createElement as Wn } from "react";
+import { jsxs as y, jsx as n, Fragment as Ye } from "react/jsx-runtime";
+import { Component as On, useState as S, useRef as N, useEffect as I, useCallback as E, useMemo as Ge, useLayoutEffect as mn, forwardRef as ut, useImperativeHandle as Hn, createElement as Wn } from "react";
 import { createPortal as It } from "react-dom";
 import { LiveKitSession as Bn } from "@livelayer/sdk";
 import { createLocalAudioTrack as qn, Track as gn, createLocalVideoTrack as Fn } from "livekit-client";
@@ -19,7 +19,7 @@ class Un extends On {
   }
   render() {
     var t;
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ g("div", { className: "ll-error-boundary", role: "alert", children: [
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ y("div", { className: "ll-error-boundary", role: "alert", children: [
       /* @__PURE__ */ n("p", { className: "ll-error-boundary__title", children: "Widget crashed" }),
       /* @__PURE__ */ n("p", { className: "ll-error-boundary__message", children: ((t = this.state.error) == null ? void 0 : t.message) || "Something went wrong." }),
       /* @__PURE__ */ n(
@@ -35,24 +35,24 @@ class Un extends On {
   }
 }
 function jn(e) {
-  const [t, r] = C("idle"), [o, i] = C("idle"), [l, d] = C([]), [a, s] = C(null), [u, y] = C(null), [f, c] = C(null), [A, _] = C(!1), [x, b] = C(null), v = N(null), S = N(e.onDataMessage);
-  S.current = e.onDataMessage, I(() => {
+  const [t, r] = S("idle"), [o, i] = S("idle"), [l, d] = S([]), [a, s] = S(null), [u, v] = S(null), [f, c] = S(null), [A, w] = S(!1), [x, _] = S(null), m = N(null), C = N(e.onDataMessage);
+  C.current = e.onDataMessage, I(() => {
     const R = {
       onConnectionStateChange: (q) => {
-        r(q), q === "connected" && b(null);
+        r(q), q === "connected" && _(null);
       },
       onAgentStateChange: i,
       onTranscript: (q) => d([...q]),
       onAgentConfig: s,
       onAudioTrack: (q) => c(q),
-      onVideoTrack: (q) => y(q),
-      onVideoTrackRemoved: () => y(null),
-      onError: (q) => b(q),
+      onVideoTrack: (q) => v(q),
+      onVideoTrackRemoved: () => v(null),
+      onError: (q) => _(q),
       onDataMessage: (q) => {
         var F;
-        (F = S.current) == null || F.call(S, q);
+        (F = C.current) == null || F.call(C, q);
       },
-      onResumabilityChange: _
+      onResumabilityChange: w
     }, B = new Bn(
       {
         agentId: e.agentId,
@@ -63,9 +63,9 @@ function jn(e) {
       },
       R
     );
-    return v.current = B, r("idle"), i("idle"), d([]), s(null), y(null), c(null), _(!1), b(null), () => {
+    return m.current = B, r("idle"), i("idle"), d([]), s(null), v(null), c(null), w(!1), _(null), () => {
       var q;
-      (q = B.destroy) == null || q.call(B), v.current = null;
+      (q = B.destroy) == null || q.call(B), m.current = null;
     };
   }, [
     e.agentId,
@@ -75,19 +75,19 @@ function jn(e) {
     JSON.stringify(e.sessionBody ?? {})
   ]);
   const M = E(async () => {
-    const R = v.current;
+    const R = m.current;
     if (R)
       try {
         await R.connect();
       } catch (B) {
-        throw b(B instanceof Error ? B.message : String(B)), B;
+        throw _(B instanceof Error ? B.message : String(B)), B;
       }
   }, []), D = E(() => {
-    const R = v.current;
+    const R = m.current;
     R && R.disconnect();
   }, []), k = E(() => {
     var R;
-    return ((R = v.current) == null ? void 0 : R.getRoom()) ?? null;
+    return ((R = m.current) == null ? void 0 : R.getRoom()) ?? null;
   }, []);
   return {
     connectionState: t,
@@ -101,7 +101,7 @@ function jn(e) {
     connect: M,
     disconnect: D,
     getRoom: k,
-    session: v.current
+    session: m.current
   };
 }
 function Vn() {
@@ -118,12 +118,12 @@ function Vn() {
     f.getByteFrequencyData(c);
     let A = 0;
     for (let x = 0; x < c.length; x++) A += c[x];
-    const _ = A / c.length / 255;
+    const w = A / c.length / 255;
     for (const x of i.current)
       try {
-        x(_);
-      } catch (b) {
-        console.error("[useAudioLevel] subscriber threw:", b);
+        x(w);
+      } catch (_) {
+        console.error("[useAudioLevel] subscriber threw:", _);
       }
     o.current = requestAnimationFrame(d);
   }, []), a = E(() => {
@@ -159,7 +159,7 @@ function Vn() {
       }
       r.current = null;
     }
-  }, []), y = E((f) => (i.current.add(f), () => {
+  }, []), v = E((f) => (i.current.add(f), () => {
     i.current.delete(f);
   }), []);
   return I(() => () => {
@@ -178,11 +178,11 @@ function Vn() {
       e.current = null;
     }
     i.current.clear(), l.current = null;
-  }, [u]), { attach: s, detach: u, subscribe: y };
+  }, [u]), { attach: s, detach: u, subscribe: v };
 }
 function Yn() {
-  const [e, t] = C(!1), [r, o] = C(""), [i, l] = C(null), d = N(null), a = N(null), s = E(async (_) => {
-    var x, b;
+  const [e, t] = S(!1), [r, o] = S(""), [i, l] = S(null), d = N(null), a = N(null), s = E(async (w) => {
+    var x, _;
     if (d.current && a.current) {
       try {
         await a.current.localParticipant.unpublishTrack(d.current);
@@ -190,52 +190,45 @@ function Yn() {
       }
       d.current.stop(), d.current = null;
     }
-    a.current = _, l(null);
+    a.current = w, l(null);
     try {
-      const v = await qn({
+      const m = await qn({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await _.localParticipant.publishTrack(v), d.current = v, t(v.isMuted);
-      const S = (b = (x = v.mediaStreamTrack) == null ? void 0 : x.getSettings) == null ? void 0 : b.call(x);
-      S != null && S.deviceId && o(S.deviceId);
-    } catch (v) {
-      const S = v instanceof Error && v.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-      throw l(S), v;
+      await w.localParticipant.publishTrack(m), d.current = m, t(m.isMuted);
+      const C = (_ = (x = m.mediaStreamTrack) == null ? void 0 : x.getSettings) == null ? void 0 : _.call(x);
+      C != null && C.deviceId && o(C.deviceId);
+    } catch (m) {
+      const C = m instanceof Error && m.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
+      throw l(C), m;
     }
-  }, []), u = E((_) => {
-    a.current = _;
-  }, []), y = E(async (_) => {
+  }, []), u = E((w) => {
+    a.current = w;
+  }, []), v = E(async (w) => {
     const x = a.current;
     if (x)
       try {
-        await x.switchActiveDevice("audioinput", _), o(_);
-      } catch (b) {
-        console.warn("[useMicrophoneState] switchDevice failed:", b);
+        await x.switchActiveDevice("audioinput", w), o(w);
+      } catch (_) {
+        console.warn("[useMicrophoneState] switchDevice failed:", _);
       }
-  }, []), f = E(() => {
-    const _ = d.current, x = a.current;
-    if (_) {
-      _.isMuted ? (_.unmute(), t(!1)) : (_.mute(), t(!0));
-      return;
-    }
-    if (x) {
-      const b = !e;
-      t(b);
+  }, []), f = E(async () => {
+    const w = d.current, x = a.current, m = !(w ? w.isMuted : e);
+    if (t(m), !!x)
       try {
-        x.localParticipant.setMicrophoneEnabled(!b);
-      } catch (v) {
-        console.warn("[useMicrophoneState] setMicrophoneEnabled failed:", v);
+        await x.localParticipant.setMicrophoneEnabled(!m), w != null && w.mediaStreamTrack && (w.mediaStreamTrack.enabled = !m);
+      } catch (C) {
+        console.warn("[useMicrophoneState] setMicrophoneEnabled failed:", C), t(!m);
       }
-    }
   }, [e]), c = E(() => {
-    const _ = d.current, x = a.current;
-    if (_ && x) {
+    const w = d.current, x = a.current;
+    if (w && x) {
       try {
-        x.localParticipant.unpublishTrack(_);
+        x.localParticipant.unpublishTrack(w);
       } catch {
       }
-      _.stop();
+      w.stop();
     }
     d.current = null, a.current = null, t(!1), o("");
   }, []), A = E(() => l(null), []);
@@ -246,22 +239,22 @@ function Yn() {
     toggleMute: f,
     setupMic: s,
     attachRoom: u,
-    switchDevice: y,
+    switchDevice: v,
     teardownMic: c,
     clearError: A
   };
 }
 const Gn = { resolution: { width: 640, height: 480, frameRate: 24 } };
 function Jn() {
-  const [e, t] = C(!1), [r, o] = C(null), [i, l] = C(null), [d, a] = C(""), s = N(null), u = N(null), y = E((v) => {
-    s.current = v;
+  const [e, t] = S(!1), [r, o] = S(null), [i, l] = S(null), [d, a] = S(""), s = N(null), u = N(null), v = E((m) => {
+    s.current = m;
   }, []), f = E(() => {
     var M;
-    const v = s.current, S = u.current;
-    if (S && v) {
-      const D = v.localParticipant.getTrackPublication(gn.Source.Camera), R = (D == null ? void 0 : D.track) ?? S;
+    const m = s.current, C = u.current;
+    if (C && m) {
+      const D = m.localParticipant.getTrackPublication(gn.Source.Camera), R = (D == null ? void 0 : D.track) ?? C;
       try {
-        v.localParticipant.unpublishTrack(R);
+        m.localParticipant.unpublishTrack(R);
       } catch {
       }
       try {
@@ -270,19 +263,19 @@ function Jn() {
       }
     }
     u.current = null, l(null), t(!1);
-  }, []), c = E(async (v) => {
-    const S = s.current;
-    if (S) {
+  }, []), c = E(async (m) => {
+    const C = s.current;
+    if (C) {
       o(null);
       try {
         const M = { ...Gn };
-        v && (M.deviceId = v);
+        m && (M.deviceId = m);
         const D = await Fn(M);
-        await S.localParticipant.publishTrack(D), u.current = D;
+        await C.localParticipant.publishTrack(D), u.current = D;
         const k = D.attach();
-        l(k), t(!0), v && a(v);
+        l(k), t(!0), m && a(m);
         try {
-          S.localParticipant.publishData(
+          C.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
             { reliable: !0 }
           );
@@ -295,11 +288,11 @@ function Jn() {
     }
   }, []), A = E(async () => {
     e ? f() : await c(d || void 0);
-  }, [e, d, f, c]), _ = E(async (v) => {
-    f(), await c(v);
+  }, [e, d, f, c]), w = E(async (m) => {
+    f(), await c(m);
   }, [f, c]), x = E(() => {
     f(), s.current = null, o(null), a("");
-  }, [f]), b = E(() => o(null), []);
+  }, [f]), _ = E(() => o(null), []);
   return I(() => () => {
     u.current && u.current.stop();
   }, []), {
@@ -308,14 +301,14 @@ function Jn() {
     previewEl: i,
     activeDeviceId: d,
     toggle: A,
-    switchDevice: _,
-    attachRoom: y,
+    switchDevice: w,
+    attachRoom: v,
     teardown: x,
-    clearError: b
+    clearError: _
   };
 }
 function Kn() {
-  const [e, t] = C(!1), [r, o] = C(null), [i, l] = C(null), d = N(null), a = E((c) => {
+  const [e, t] = S(!1), [r, o] = S(null), [i, l] = S(null), d = N(null), a = E((c) => {
     d.current = c;
   }, []), s = E(() => l(null), []), u = E(async () => {
     const c = d.current;
@@ -332,11 +325,11 @@ function Kn() {
       try {
         await c.localParticipant.setScreenShareEnabled(!0);
         let A = 0;
-        const _ = () => {
+        const w = () => {
           const x = c.localParticipant.getTrackPublication(gn.Source.ScreenShare);
           if (x != null && x.track) {
-            const b = x.track.attach();
-            l(b), t(!0);
+            const _ = x.track.attach();
+            l(_), t(!0);
             try {
               c.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
@@ -346,15 +339,15 @@ function Kn() {
             }
             return;
           }
-          A++ < 10 ? setTimeout(_, 100) : t(!0);
+          A++ < 10 ? setTimeout(w, 100) : t(!0);
         };
-        _();
+        w();
       } catch (A) {
-        const _ = A instanceof Error ? A.name : "";
-        _ !== "NotAllowedError" && _ !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
+        const w = A instanceof Error ? A.name : "";
+        w !== "NotAllowedError" && w !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
       }
     }
-  }, [e, s]), y = E(() => {
+  }, [e, s]), v = E(() => {
     const c = d.current;
     if (c && e)
       try {
@@ -363,10 +356,10 @@ function Kn() {
       }
     s(), t(!1), o(null), d.current = null;
   }, [e, s]), f = E(() => o(null), []);
-  return { isEnabled: e, error: r, previewEl: i, toggle: u, attachRoom: a, teardown: y, clearError: f };
+  return { isEnabled: e, error: r, previewEl: i, toggle: u, attachRoom: a, teardown: v, clearError: f };
 }
 function Xn() {
-  const [e, t] = C([]), [r, o] = C([]), i = E(async () => {
+  const [e, t] = S([]), [r, o] = S([]), i = E(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
@@ -381,14 +374,14 @@ function Xn() {
   }, [i]), { mics: e, cameras: r, refresh: i };
 }
 function Qn(e, t, r = !1) {
-  const [o, i] = C(null), [l, d] = C(null), [a, s] = C(!r && !!e);
+  const [o, i] = S(null), [l, d] = S(null), [a, s] = S(!r && !!e);
   return I(() => {
     if (r || !e) {
       s(!1);
       return;
     }
-    const u = new AbortController(), y = t || "https://app.livelayer.studio";
-    return s(!0), d(null), fetch(`${y}/api/widget/agent/${encodeURIComponent(e)}`, {
+    const u = new AbortController(), v = t || "https://app.livelayer.studio";
+    return s(!0), d(null), fetch(`${v}/api/widget/agent/${encodeURIComponent(e)}`, {
       signal: u.signal
     }).then(async (f) => {
       if (!f.ok) {
@@ -423,7 +416,7 @@ function tr({
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const o = e !== void 0, [i, l] = C(t), d = o ? e : i, a = E(
+  const o = e !== void 0, [i, l] = S(t), d = o ? e : i, a = E(
     (s) => {
       s !== d && (o || l(s), r == null || r(s));
     },
@@ -457,7 +450,7 @@ function or({
 }
 const ir = 640;
 function lr(e = ir) {
-  const [t, r] = C(!1);
+  const [t, r] = S(!1);
   return I(() => {
     if (e === !1) {
       r(!1);
@@ -487,7 +480,7 @@ function Xt() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
 function cr(e) {
-  const [t, r] = C(
+  const [t, r] = S(
     () => e ?? Xt()
   );
   return I(() => {
@@ -596,7 +589,7 @@ function yr(e) {
     [l, d, a]
   );
 }
-const en = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ g(
+const en = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ y(
   "svg",
   {
     className: t,
@@ -721,23 +714,23 @@ const kr = ({
   agentName: d,
   containerEl: a
 }) => {
-  const s = wr(e), u = s === "right" ? "left" : "right", y = t ? 80 : 72, f = !!l, c = !!a, [A, _] = C(null), [x, b] = C(!1), v = N(null), S = N(!1), M = E(
+  const s = wr(e), u = s === "right" ? "left" : "right", v = t ? 80 : 72, f = !!l, c = !!a, [A, w] = S(null), [x, _] = S(!1), m = N(null), C = N(!1), M = E(
     (O) => {
       if (typeof window > "u") return O;
-      const j = y / 2, H = rn + j, G = window.innerHeight - rn - j;
+      const j = v / 2, H = rn + j, G = window.innerHeight - rn - j;
       return G < H ? Math.max(H, O) : Math.max(H, Math.min(G, O));
     },
-    [y]
+    [v]
   );
   I(() => {
     if (c) {
-      _(null);
+      w(null);
       return;
     }
     const O = xr();
-    _(M(O ?? window.innerHeight / 2));
+    w(M(O ?? window.innerHeight / 2));
     const j = () => {
-      _((H) => H === null ? null : M(H));
+      w((H) => H === null ? null : M(H));
     };
     return window.addEventListener("resize", j), () => window.removeEventListener("resize", j);
   }, [M, c]);
@@ -748,7 +741,7 @@ const kr = ({
           O.currentTarget.setPointerCapture(O.pointerId);
         } catch {
         }
-        v.current = {
+        m.current = {
           startClientY: O.clientY,
           startCenterY: A,
           moved: !1
@@ -758,27 +751,27 @@ const kr = ({
     [A, c]
   ), k = E(
     (O) => {
-      const j = v.current;
+      const j = m.current;
       if (!j) return;
       const H = O.clientY - j.startClientY;
-      !j.moved && Math.abs(H) > _r && (j.moved = !0, b(!0)), j.moved && _(M(j.startCenterY + H));
+      !j.moved && Math.abs(H) > _r && (j.moved = !0, _(!0)), j.moved && w(M(j.startCenterY + H));
     },
     [M]
   ), R = E(
     (O) => {
-      const j = v.current;
+      const j = m.current;
       if (j) {
         try {
           O.currentTarget.releasePointerCapture(O.pointerId);
         } catch {
         }
-        v.current = null, j.moved && (b(!1), S.current = !0, _((H) => (H !== null && on(H), H)));
+        m.current = null, j.moved && (_(!1), C.current = !0, w((H) => (H !== null && on(H), H)));
       }
     },
     []
   ), B = E(() => {
-    if (S.current) {
-      S.current = !1;
+    if (C.current) {
+      C.current = !1;
       return;
     }
     o();
@@ -787,7 +780,7 @@ const kr = ({
       if (O.key === "ArrowUp" || O.key === "ArrowDown") {
         O.preventDefault();
         const j = O.key === "ArrowUp" ? -8 : 8;
-        _((H) => {
+        w((H) => {
           if (H === null) return H;
           const G = M(H + j);
           return on(G), G;
@@ -803,7 +796,7 @@ const kr = ({
     x ? "is-dragging" : null,
     f ? "ll-hidden--with-avatar" : null,
     c ? "ll-hidden--scoped" : null
-  ].filter(Boolean).join(" "), U = A === null ? void 0 : { top: `${A - y / 2}px`, transform: "none" };
+  ].filter(Boolean).join(" "), U = A === null ? void 0 : { top: `${A - v / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
     "button",
     {
@@ -823,7 +816,7 @@ const kr = ({
         // as the click affordance), then the circular avatar photo
         // taking the rest of the tab. Reinforces "this is an
         // avatar-based experience" even when collapsed.
-        /* @__PURE__ */ g(Ye, { children: [
+        /* @__PURE__ */ y(Ye, { children: [
           /* @__PURE__ */ n(
             nn,
             {
@@ -859,19 +852,19 @@ const kr = ({
   barClassName: l
 }) => {
   const d = N(null), a = N([]), s = Ge(() => {
-    const y = (Math.sqrt(5) - 1) / 2;
-    return Array.from({ length: t }, (f, c) => 0.5 + c * y % 1 * 0.5);
+    const v = (Math.sqrt(5) - 1) / 2;
+    return Array.from({ length: t }, (f, c) => 0.5 + c * v % 1 * 0.5);
   }, [t]);
   I(() => e.subscribe((f) => {
     for (let c = 0; c < t; c++) {
       const A = a.current[c];
       if (!A) continue;
-      const _ = Math.max(o, f * r * s[c]);
-      A.style.height = `${_}px`;
+      const w = Math.max(o, f * r * s[c]);
+      A.style.height = `${w}px`;
     }
   }), [e, t, r, o, s]);
   const u = ["ll-waveform", i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: d, className: u, "aria-hidden": "true", children: Array.from({ length: t }, (y, f) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ n("div", { ref: d, className: u, "aria-hidden": "true", children: Array.from({ length: t }, (v, f) => /* @__PURE__ */ n(
     "div",
     {
       ref: (c) => {
@@ -899,7 +892,7 @@ const kr = ({
     className: "ll-minimized ll-minimized--mobile",
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ g(
+    children: /* @__PURE__ */ y(
       "button",
       {
         type: "button",
@@ -928,18 +921,18 @@ const kr = ({
             }
           ),
           /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
-          /* @__PURE__ */ g("div", { className: "ll-minimized__controls", children: [
+          /* @__PURE__ */ y("div", { className: "ll-minimized__controls", children: [
             /* @__PURE__ */ n(
               "span",
               {
                 className: "ll-minimized__btn",
                 role: "button",
                 tabIndex: 0,
-                onClick: (y) => {
-                  y.stopPropagation(), s();
+                onClick: (v) => {
+                  v.stopPropagation(), s();
                 },
-                onKeyDown: (y) => {
-                  (y.key === "Enter" || y.key === " ") && (y.stopPropagation(), y.preventDefault(), s());
+                onKeyDown: (v) => {
+                  (v.key === "Enter" || v.key === " ") && (v.stopPropagation(), v.preventDefault(), s());
                 },
                 "aria-label": l ? "Unmute microphone" : "Mute microphone",
                 children: /* @__PURE__ */ n(en, { muted: l, className: "ll-minimized__icon" })
@@ -958,7 +951,7 @@ const kr = ({
     "data-position": e,
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ g("div", { className: "ll-minimized__surface", children: [
+    children: /* @__PURE__ */ y("div", { className: "ll-minimized__surface", children: [
       o ? (
         // eslint-disable-next-line @next/next/no-img-element
         /* @__PURE__ */ n(
@@ -970,11 +963,11 @@ const kr = ({
           }
         )
       ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
-      /* @__PURE__ */ g("div", { className: "ll-minimized__meta", children: [
+      /* @__PURE__ */ y("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__ */ g("div", { className: "ll-minimized__controls", children: [
+      /* @__PURE__ */ y("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
           "button",
           {
@@ -1015,7 +1008,7 @@ const kr = ({
   className: o,
   style: i
 }) => {
-  const [l, d] = C(!1), a = N(e);
+  const [l, d] = S(!1), a = N(e);
   if (I(() => {
     a.current !== e && (a.current = e, d(!1));
   }, [e]), !e) return null;
@@ -1052,7 +1045,7 @@ const kr = ({
   anchorRef: r,
   children: o
 }) => {
-  const i = N(null), [l, d] = C(null);
+  const i = N(null), [l, d] = S(null);
   return mn(() => {
     if (!e) {
       d(null);
@@ -1061,11 +1054,11 @@ const kr = ({
     const a = r.current;
     if (!a) return;
     const s = () => {
-      const u = a.getBoundingClientRect(), y = {
+      const u = a.getBoundingClientRect(), v = {
         top: u.top - Sr,
         left: u.left + u.width / 2
       }, f = ln + 90, c = window.innerWidth - ln - 90;
-      y.left < f && (y.left = f), y.left > c && (y.left = c), d(y);
+      v.left < f && (v.left = f), v.left > c && (v.left = c), d(v);
     };
     return s(), window.addEventListener("scroll", s, !0), window.addEventListener("resize", s), () => {
       window.removeEventListener("scroll", s, !0), window.removeEventListener("resize", s);
@@ -1073,8 +1066,8 @@ const kr = ({
   }, [e, r]), I(() => {
     if (!e) return;
     const a = (u) => {
-      const y = u.target, f = i.current, c = r.current;
-      f && f.contains(y) || c && c.contains(y) || t();
+      const v = u.target, f = i.current, c = r.current;
+      f && f.contains(v) || c && c.contains(v) || t();
     }, s = (u) => {
       u.key === "Escape" && (u.stopPropagation(), t());
     };
@@ -1112,19 +1105,19 @@ const kr = ({
   allowScreenShare: a,
   isSpeakerMuted: s,
   onToggleSpeaker: u,
-  allowTyping: y,
+  allowTyping: v,
   isTypingOpen: f,
   onToggleTyping: c,
   onDisconnect: A
 }) => {
-  const [_, x] = C(!1), b = N(null);
-  return /* @__PURE__ */ g(Ye, { children: [
-    /* @__PURE__ */ g(
+  const [w, x] = S(!1), _ = N(null);
+  return /* @__PURE__ */ y(Ye, { children: [
+    /* @__PURE__ */ y(
       "div",
       {
         className: "ll-toolbar ll-toolbar--compact",
         "data-testid": "compact-toolbar",
-        onClick: (v) => v.stopPropagation(),
+        onClick: (m) => m.stopPropagation(),
         children: [
           /* @__PURE__ */ n(
             "button",
@@ -1139,13 +1132,13 @@ const kr = ({
           /* @__PURE__ */ n(
             "button",
             {
-              ref: b,
+              ref: _,
               type: "button",
-              className: `ll-tool ${_ ? "is-on" : ""}`,
-              onClick: () => x((v) => !v),
+              className: `ll-tool ${w ? "is-on" : ""}`,
+              onClick: () => x((m) => !m),
               "aria-label": "More controls",
               "aria-haspopup": "menu",
-              "aria-expanded": _,
+              "aria-expanded": w,
               children: /* @__PURE__ */ n(Rr, {})
             }
           ),
@@ -1162,14 +1155,14 @@ const kr = ({
         ]
       }
     ),
-    /* @__PURE__ */ g(
+    /* @__PURE__ */ y(
       Nr,
       {
-        open: _,
+        open: w,
         onClose: () => x(!1),
-        anchorRef: b,
+        anchorRef: _,
         children: [
-          i && /* @__PURE__ */ g(
+          i && /* @__PURE__ */ y(
             "button",
             {
               type: "button",
@@ -1183,7 +1176,7 @@ const kr = ({
               ]
             }
           ),
-          a && /* @__PURE__ */ g(
+          a && /* @__PURE__ */ y(
             "button",
             {
               type: "button",
@@ -1197,7 +1190,7 @@ const kr = ({
               ]
             }
           ),
-          /* @__PURE__ */ g(
+          /* @__PURE__ */ y(
             "button",
             {
               type: "button",
@@ -1211,7 +1204,7 @@ const kr = ({
               ]
             }
           ),
-          y && /* @__PURE__ */ g(
+          v && /* @__PURE__ */ y(
             "button",
             {
               type: "button",
@@ -1225,7 +1218,7 @@ const kr = ({
               ]
             }
           ),
-          /* @__PURE__ */ g(
+          /* @__PURE__ */ y(
             "button",
             {
               type: "button",
@@ -1244,7 +1237,7 @@ const kr = ({
   ] });
 };
 function Rr() {
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ y(
     "svg",
     {
       width: "16",
@@ -1288,15 +1281,15 @@ const Mr = ({
   teamMembers: a,
   currentTeamMemberId: s,
   isSwitchingTeamMember: u,
-  teamSwitcherOpen: y,
+  teamSwitcherOpen: v,
   onToggleTeamSwitcher: f,
   onSelectTeamMember: c,
   languageMenuOpen: A,
-  onToggleLanguageMenu: _,
+  onToggleLanguageMenu: w,
   connectionState: x,
-  agentState: b,
-  transcript: v,
-  canResume: S,
+  agentState: _,
+  transcript: m,
+  canResume: C,
   needsUserGesture: M,
   error: D,
   isMuted: k,
@@ -1337,7 +1330,7 @@ const Mr = ({
   onClearMicError: kt
 }) => {
   var De;
-  const Ie = ((a == null ? void 0 : a.length) ?? 0) > 1, Me = x === "connecting" || x === "connected", re = x === "connected", Ze = x === "idle" || x === "disconnected" || x === "error", [et, Oe] = C(!1);
+  const Ie = ((a == null ? void 0 : a.length) ?? 0) > 1, Me = x === "connecting" || x === "connected", re = x === "connected", Ze = x === "idle" || x === "disconnected" || x === "error", [et, Oe] = S(!1);
   I(() => {
     if (!le) {
       Oe(!1);
@@ -1353,7 +1346,7 @@ const Mr = ({
       le.removeEventListener("playing", h), le.removeEventListener("loadeddata", h);
     };
   }, [le]);
-  const [Te, ee] = C(!1);
+  const [Te, ee] = S(!1);
   I(() => {
     if (!re) {
       ee(!1);
@@ -1371,22 +1364,22 @@ const Mr = ({
     const h = oe.current;
     h && (h.innerHTML = "", G && (G.style.width = "100%", G.style.height = "100%", G.style.objectFit = "contain", h.appendChild(G)));
   }, [G]);
-  const [ie, de] = C(!1), [ve, X] = C(!1), ue = N(null), be = N(null);
+  const [ie, de] = S(!1), [ve, X] = S(!1), ue = N(null), be = N(null);
   I(() => {
-    if (!ie && !ve && !A && !y) return;
+    if (!ie && !ve && !A && !v) return;
     const h = () => {
-      de(!1), X(!1), A && _(), y && f();
+      de(!1), X(!1), A && w(), v && f();
     };
     return document.addEventListener("click", h), () => document.removeEventListener("click", h);
   }, [
     ie,
     ve,
     A,
-    y,
-    _,
+    v,
+    w,
     f
   ]);
-  const [He, Lt] = C(!1), nt = E(() => Lt((h) => !h), []), [we, rt] = C(""), ot = E(
+  const [He, Lt] = S(!1), nt = E(() => Lt((h) => !h), []), [we, rt] = S(""), ot = E(
     (h) => {
       h.preventDefault();
       const J = we.trim();
@@ -1395,15 +1388,15 @@ const Mr = ({
     [we, Re]
   ), it = d.productName || "Live Layer";
   let _e = null, xe = null;
-  for (let h = v.length - 1; h >= 0; h--) {
-    const J = v[h];
+  for (let h = m.length - 1; h >= 0; h--) {
+    const J = m[h];
     if (!_e && J.role === "agent" ? _e = J : !xe && J.role === "user" && (xe = J), _e && xe) break;
   }
   const We = re ? (_e == null ? void 0 : _e.text) || null : l || null, yt = re && (xe == null ? void 0 : xe.text) || null, Be = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ y(
     "div",
     {
       className: Be,
@@ -1412,7 +1405,7 @@ const Mr = ({
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
-        /* @__PURE__ */ g("div", { className: "ll-expanded__bg", children: [
+        /* @__PURE__ */ y("div", { className: "ll-expanded__bg", children: [
           o ? /* @__PURE__ */ n(
             Cr,
             {
@@ -1434,11 +1427,11 @@ const Mr = ({
           )
         ] }),
         /* @__PURE__ */ n("div", { ref: pt, className: "ll-expanded__video" }),
-        gt && /* @__PURE__ */ g("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        gt && /* @__PURE__ */ y("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: u ? "Switching..." : "Connecting..." })
         ] }),
-        M && re && /* @__PURE__ */ g(
+        M && re && /* @__PURE__ */ y(
           "button",
           {
             type: "button",
@@ -1450,7 +1443,7 @@ const Mr = ({
             ]
           }
         ),
-        ft && /* @__PURE__ */ g(
+        ft && /* @__PURE__ */ y(
           "div",
           {
             className: "ll-expanded__overlay ll-expanded__overlay--transforming",
@@ -1463,11 +1456,11 @@ const Mr = ({
             ]
           }
         ),
-        Me ? /* @__PURE__ */ g(Ye, { children: [
-          !ne && /* @__PURE__ */ g("div", { className: "ll-expanded__topbar", children: [
-            !Pe && /* @__PURE__ */ g("div", { className: "ll-expanded__topbar-left", children: [
-              /* @__PURE__ */ g("div", { className: "ll-expanded__pill-wrap", children: [
-                /* @__PURE__ */ g(
+        Me ? /* @__PURE__ */ y(Ye, { children: [
+          !ne && /* @__PURE__ */ y("div", { className: "ll-expanded__topbar", children: [
+            !Pe && /* @__PURE__ */ y("div", { className: "ll-expanded__topbar-left", children: [
+              /* @__PURE__ */ y("div", { className: "ll-expanded__pill-wrap", children: [
+                /* @__PURE__ */ y(
                   "button",
                   {
                     type: "button",
@@ -1476,20 +1469,20 @@ const Mr = ({
                       Ie && (h.stopPropagation(), f());
                     },
                     "aria-haspopup": Ie ? "listbox" : void 0,
-                    "aria-expanded": Ie ? y : void 0,
+                    "aria-expanded": Ie ? v : void 0,
                     children: [
                       /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
                       Ie && /* @__PURE__ */ n(bt, {})
                     ]
                   }
                 ),
-                Ie && y && /* @__PURE__ */ n(
+                Ie && v && /* @__PURE__ */ n(
                   "div",
                   {
                     className: "ll-hmenu",
                     onClick: (h) => h.stopPropagation(),
                     role: "listbox",
-                    children: a == null ? void 0 : a.map((h) => /* @__PURE__ */ g(
+                    children: a == null ? void 0 : a.map((h) => /* @__PURE__ */ y(
                       "button",
                       {
                         type: "button",
@@ -1515,14 +1508,14 @@ const Mr = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ g("div", { className: "ll-expanded__pill-wrap", children: [
-                /* @__PURE__ */ g(
+              /* @__PURE__ */ y("div", { className: "ll-expanded__pill-wrap", children: [
+                /* @__PURE__ */ y(
                   "button",
                   {
                     type: "button",
                     className: "ll-hpill ll-hpill--compact",
                     onClick: (h) => {
-                      h.stopPropagation(), _();
+                      h.stopPropagation(), w();
                     },
                     "aria-haspopup": "listbox",
                     "aria-expanded": A,
@@ -1556,12 +1549,12 @@ const Mr = ({
               /* @__PURE__ */ n(
                 "span",
                 {
-                  className: `ll-expanded__state ll-expanded__state--${b}`,
-                  children: b
+                  className: `ll-expanded__state ll-expanded__state--${_}`,
+                  children: _
                 }
               )
             ] }),
-            /* @__PURE__ */ g("div", { className: "ll-expanded__header-actions", children: [
+            /* @__PURE__ */ y("div", { className: "ll-expanded__header-actions", children: [
               ye !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
@@ -1586,18 +1579,18 @@ const Mr = ({
               )
             ] })
           ] }),
-          ne && /* @__PURE__ */ g("div", { className: "ll-compact-status", "data-state": b, children: [
+          ne && /* @__PURE__ */ y("div", { className: "ll-compact-status", "data-state": _, children: [
             /* @__PURE__ */ n("span", { className: "ll-compact-status__dot", "aria-hidden": !0 }),
-            /* @__PURE__ */ n("span", { className: "ll-compact-status__label", children: b })
+            /* @__PURE__ */ n("span", { className: "ll-compact-status__label", children: _ })
           ] })
         ] }) : (
           // Idle-state header with Live Layer product name + minimize/close.
           // Hidden in compact mode — on a 140×210 docked slot the brand pill
           // and 40px buttons crowded out the central "Start video call"
           // affordance. The user can dismiss by scrolling past the slot.
-          !ne && /* @__PURE__ */ g("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
+          !ne && /* @__PURE__ */ y("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
             /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: it }),
-            /* @__PURE__ */ g("div", { className: "ll-expanded__header-actions", children: [
+            /* @__PURE__ */ y("div", { className: "ll-expanded__header-actions", children: [
               ye !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
@@ -1622,9 +1615,9 @@ const Mr = ({
           ] })
         ),
         Ze && /* @__PURE__ */ (() => {
-          const h = S ? "Resume session" : x === "disconnected" ? "Reconnect to agent" : "Start video call";
-          return /* @__PURE__ */ g(Ye, { children: [
-            !D && /* @__PURE__ */ g(
+          const h = C ? "Resume session" : x === "disconnected" ? "Reconnect to agent" : "Start video call";
+          return /* @__PURE__ */ y(Ye, { children: [
+            !D && /* @__PURE__ */ y(
               "button",
               {
                 type: "button",
@@ -1637,7 +1630,7 @@ const Mr = ({
                 ]
               }
             ),
-            !ne && /* @__PURE__ */ g("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
+            !ne && /* @__PURE__ */ y("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 }) }),
               /* @__PURE__ */ n(
                 "button",
@@ -1652,7 +1645,7 @@ const Mr = ({
             ] })
           ] });
         })(),
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ y(
           "div",
           {
             className: `ll-expanded__pip ${Me && (F || H) ? "is-visible" : ""}`,
@@ -1674,7 +1667,7 @@ const Mr = ({
             ]
           }
         ),
-        Me ? /* @__PURE__ */ g("div", { className: "ll-expanded__bottom", children: [
+        Me ? /* @__PURE__ */ y("div", { className: "ll-expanded__bottom", children: [
           !ne && We && /* @__PURE__ */ n(
             "div",
             {
@@ -1691,7 +1684,7 @@ const Mr = ({
               children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: yt })
             }
           ),
-          !Pe && !ne && /* @__PURE__ */ g("div", { className: "ll-toolbar", onClick: (h) => h.stopPropagation(), children: [
+          !Pe && !ne && /* @__PURE__ */ y("div", { className: "ll-toolbar", onClick: (h) => h.stopPropagation(), children: [
             ge && /* @__PURE__ */ n(
               "button",
               {
@@ -1703,7 +1696,7 @@ const Mr = ({
                 children: /* @__PURE__ */ n(vn, {})
               }
             ),
-            se && /* @__PURE__ */ g("div", { className: "ll-tool-split", children: [
+            se && /* @__PURE__ */ y("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1743,7 +1736,7 @@ const Mr = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ g("div", { className: "ll-tool-split", children: [
+            /* @__PURE__ */ y("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1825,7 +1818,7 @@ const Mr = ({
               onDisconnect: Xe
             }
           ),
-          !Pe && pe && (ne ? He : !0) && /* @__PURE__ */ g("form", { className: "ll-message-input", onSubmit: ot, children: [
+          !Pe && pe && (ne ? He : !0) && /* @__PURE__ */ y("form", { className: "ll-message-input", onSubmit: ot, children: [
             /* @__PURE__ */ n(
               "input",
               {
@@ -1850,7 +1843,7 @@ const Mr = ({
         ] }) : null,
         (() => {
           if (R && x !== "error")
-            return /* @__PURE__ */ g("div", { className: "ll-expanded__banner", role: "alert", children: [
+            return /* @__PURE__ */ y("div", { className: "ll-expanded__banner", role: "alert", children: [
               /* @__PURE__ */ n("span", { children: R }),
               /* @__PURE__ */ n(
                 "button",
@@ -1865,7 +1858,7 @@ const Mr = ({
             ] });
           if (!D || x !== "error") return null;
           let h = "Failed to connect", J = "Try again";
-          return D === "MIC_PERMISSION_DENIED" ? h = "Microphone blocked. Allow access to talk." : D === "MIC_NOT_FOUND" ? h = "No microphone found. Plug one in + retry." : D === "MIC_UNAVAILABLE" ? h = "Mic unavailable. Check other apps using it." : D === "AGENT_TIMEOUT" ? h = "Agent didn't pick up. Try again." : D === "CONNECT_FAILED" ? h = "Connection failed. Check your network." : D.length < 80 && (h = D), /* @__PURE__ */ g("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+          return D === "MIC_PERMISSION_DENIED" ? h = "Microphone blocked. Allow access to talk." : D === "MIC_NOT_FOUND" ? h = "No microphone found. Plug one in + retry." : D === "MIC_UNAVAILABLE" ? h = "Mic unavailable. Check other apps using it." : D === "AGENT_TIMEOUT" ? h = "Agent didn't pick up. Try again." : D === "CONNECT_FAILED" ? h = "Connection failed. Check your network." : D.length < 80 && (h = D), /* @__PURE__ */ y("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
             /* @__PURE__ */ n("span", { children: h }),
             /* @__PURE__ */ n(
               "button",
@@ -1886,7 +1879,7 @@ function bt() {
   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 an() {
-  return /* @__PURE__ */ g("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ y("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
@@ -1895,20 +1888,20 @@ function cn() {
   return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
 }
 function vn() {
-  return /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
     /* @__PURE__ */ n("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
     /* @__PURE__ */ n("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
   ] });
 }
 function bn() {
-  return /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("path", { d: "M23 7l-7 5 7 5V7z" }),
     /* @__PURE__ */ n("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
   ] });
 }
 function wn({ muted: e }) {
-  return /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("path", { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
     /* @__PURE__ */ n("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
     /* @__PURE__ */ n("line", { x1: "12", y1: "19", x2: "12", y2: "23" }),
@@ -1916,16 +1909,16 @@ function wn({ muted: e }) {
   ] });
 }
 function _n({ muted: e }) {
-  return /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ g(Ye, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ y(Ye, { children: [
       /* @__PURE__ */ n("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" }),
       /* @__PURE__ */ n("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
     ] })
   ] });
 }
 function Tr() {
-  return /* @__PURE__ */ g("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ y("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
     /* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
   ] });
@@ -1946,22 +1939,22 @@ const sn = ({
   onPick: o,
   anchorRef: i
 }) => {
-  const [l, d] = C(null);
+  const [l, d] = S(null);
   return mn(() => {
     const a = () => {
       const s = i.current;
       if (!s) return;
-      const u = s.getBoundingClientRect(), y = 126, f = window.innerWidth - 16 - 110, c = u.left + u.width / 2;
+      const u = s.getBoundingClientRect(), v = 126, f = window.innerWidth - 16 - 110, c = u.left + u.width / 2;
       d({
         top: u.top - 8,
-        left: Math.max(y, Math.min(f, c))
+        left: Math.max(v, Math.min(f, c))
       });
     };
     return a(), window.addEventListener("scroll", a, !0), window.addEventListener("resize", a), () => {
       window.removeEventListener("scroll", a, !0), window.removeEventListener("resize", a);
     };
   }, [i]), l === null || typeof document > "u" ? null : It(
-    /* @__PURE__ */ g(
+    /* @__PURE__ */ y(
       "div",
       {
         className: "ll-device-menu ll-device-menu--floating",
@@ -1978,7 +1971,7 @@ const sn = ({
           /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
           t.map((a, s) => {
             const u = r === a.deviceId;
-            return /* @__PURE__ */ g(
+            return /* @__PURE__ */ y(
               "button",
               {
                 type: "button",
@@ -2091,10 +2084,10 @@ function qr(e, t = {}) {
     );
     !R || !q || a.push({ id: R, intent: B, text: q });
   }
-  const s = [], u = ["H1", "H2", "H3", "H4", "H5", "H6"], y = Array.from(
+  const s = [], u = ["H1", "H2", "H3", "H4", "H5", "H6"], v = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
-  for (const k of y) {
+  for (const k of v) {
     if (st(k) || !dt(k)) continue;
     const R = (k.textContent || "").trim();
     R && s.push(`${k.tagName}: ${me(R, 200)}`);
@@ -2106,29 +2099,29 @@ function qr(e, t = {}) {
     R.length > 10 && s.push(me(R, dn));
   }
   const c = s.join(`
-`), A = [], _ = Array.from(r.querySelectorAll("a[href]"));
-  for (const k of _) {
+`), A = [], w = Array.from(r.querySelectorAll("a[href]"));
+  for (const k of w) {
     if (A.length >= Pr) break;
     if (st(k) || !dt(k)) continue;
     const R = k.getAttribute("href") || "", B = (k.textContent || "").trim();
     !R || !B || A.push({ href: R, text: me(B, 100) });
   }
-  const x = [], b = Array.from(
+  const x = [], _ = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
-  for (const k of b) {
+  for (const k of _) {
     if (x.length >= $r) break;
     if (st(k) || !xt(k) || !dt(k)) continue;
     const R = un(k), B = k instanceof HTMLInputElement ? k.type : k.tagName.toLowerCase();
     R && x.push({ label: me(R, 100), type: B });
   }
-  const v = Array.from(
+  const m = Array.from(
     r.querySelectorAll("[data-ll-form]")
-  ), S = [];
-  for (const k of v) {
-    if (S.length >= Or) break;
+  ), C = [];
+  for (const k of m) {
+    if (C.length >= Or) break;
     if (Mt(k)) continue;
     const R = k.getAttribute("data-ll-form") || "";
     if (!R) continue;
@@ -2160,7 +2153,7 @@ function qr(e, t = {}) {
       const ce = typeof U.validationMessage == "string" ? U.validationMessage : "";
       ce && (G.validationMessage = me(ce, 200)), F.push(G);
     }
-    S.push({ id: R, intent: B, fields: F });
+    C.push({ id: R, intent: B, fields: F });
   }
   const M = {
     url: o,
@@ -2170,7 +2163,7 @@ function qr(e, t = {}) {
     visibleText: c,
     visibleLinks: A,
     visibleFields: x,
-    forms: S,
+    forms: C,
     extras: e
   };
   let D = Ue(JSON.stringify(M.regions)) + Ue(M.visibleText) + Ue(JSON.stringify(M.visibleLinks)) + Ue(JSON.stringify(M.visibleFields));
@@ -2225,8 +2218,8 @@ function Yr(e) {
     }
     if (o.has(s)) continue;
     o.add(s);
-    const y = (d.textContent || "").trim().slice(0, 120);
-    i.push({ href: s, text: y, internal: u });
+    const v = (d.textContent || "").trim().slice(0, 120);
+    i.push({ href: s, text: v, internal: u });
   }
   return i;
 }
@@ -2336,15 +2329,15 @@ const ro = /* @__PURE__ */ new Set([
       sessionBody: a,
       soundEffects: s,
       experienceMode: u = "WIDGET",
-      autoConnect: y = !1,
+      autoConnect: v = !1,
       displayMode: f,
       defaultDisplayMode: c = "expanded",
       onDisplayModeChange: A,
-      position: _ = "bottom-right",
+      position: w = "bottom-right",
       mobileBreakpoint: x = 640,
-      persistKey: b = "ll-widget",
-      disablePersistence: v = !1,
-      teamMembers: S,
+      persistKey: _ = "ll-widget",
+      disablePersistence: m = !1,
+      teamMembers: C,
       currentTeamMemberId: M,
       onTeamMemberChange: D,
       idleLoopUrl: k,
@@ -2388,37 +2381,37 @@ const ro = /* @__PURE__ */ new Set([
     I(() => {
       Fr(), Jr();
     }, [Me]);
-    const Ze = M !== void 0, [et, Oe] = C(() => {
-      var m;
-      return M ?? ((m = S == null ? void 0 : S[0]) == null ? void 0 : m.id);
+    const Ze = M !== void 0, [et, Oe] = S(() => {
+      var g;
+      return M ?? ((g = C == null ? void 0 : C[0]) == null ? void 0 : g.id);
     }), Te = Ze ? M : et, ee = Ge(
-      () => (S == null ? void 0 : S.find((m) => m.id === Te)) ?? null,
-      [S, Te]
+      () => (C == null ? void 0 : C.find((g) => g.id === Te)) ?? null,
+      [C, Te]
     ), gt = (ee == null ? void 0 : ee.agentId) ?? o, tt = u === "EMBEDDED", [oe, ie] = or({
       value: f,
       defaultValue: c,
       onChange: A,
-      persistKey: b,
-      disablePersistence: tt || v
-    }), de = lr(x), ve = Vn(), X = Yn(), ue = Jn(), be = Kn(), He = Xn(), [Lt, nt] = C(!1), [we, rt] = C(!1), [ot, it] = C(!1), [_e, xe] = C(!1), [We, yt] = C(!1), Be = yr({ baseUrl: l, config: s }), De = N(Be);
+      persistKey: _,
+      disablePersistence: tt || m
+    }), de = lr(x), ve = Vn(), X = Yn(), ue = Jn(), be = Kn(), He = Xn(), [Lt, nt] = S(!1), [we, rt] = S(!1), [ot, it] = S(!1), [_e, xe] = S(!1), [We, yt] = S(!1), Be = yr({ baseUrl: l, config: s }), De = N(Be);
     De.current = Be;
     const h = N(ft), J = N(Je), Et = N(Xe), Ct = N(ht), Tt = N(pt), Dt = N(le), Pt = N(Ke), St = N(Qe), fe = N(null);
     h.current = ft, J.current = Je, Et.current = Xe, Ct.current = ht, Tt.current = pt, Dt.current = le, Pt.current = Ke, St.current = Qe;
-    function ke(m) {
+    function ke(g) {
       const p = St.current;
-      return p ? p.includes(m) : !0;
+      return p ? p.includes(g) : !0;
     }
-    function Le(m, p) {
+    function Le(g, p) {
       console.warn(
-        `[LiveLayer] Agent command "${m}" blocked — capability "${p}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
+        `[LiveLayer] Agent command "${g}" blocked — capability "${p}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
       );
     }
     const lt = E(
-      (m) => {
+      (g) => {
         var K, ae, he, ct;
-        const p = m;
+        const p = g;
         if (!(!p.type || typeof p.type != "string")) {
-          if (Ae == null || Ae({ eventName: p.type, data: m }), p.type === "navigate") {
+          if (Ae == null || Ae({ eventName: p.type, data: g }), p.type === "navigate") {
             if (!ke("navigate")) {
               Le("navigate", "navigate");
               return;
@@ -2828,13 +2821,13 @@ const ro = /* @__PURE__ */ new Set([
       if (P != null && P.subscribeToDataMessages)
         return P.subscribeToDataMessages(lt);
     }, [P, lt]), fe.current = () => {
-      var m;
-      return (m = Q.getRoom) == null ? void 0 : m.call(Q);
+      var g;
+      return (g = Q.getRoom) == null ? void 0 : g.call(Q);
     }, I(() => {
       var K;
       if (typeof window > "u") return;
-      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"))
+      const g = ((K = window.location) == null ? void 0 : K.hostname) || "";
+      if (g === "localhost" || g === "127.0.0.1" || g === "0.0.0.0" || g.endsWith(".local") || g.endsWith(".test"))
         return window.__livelayerSimulateCommand = (ae) => {
           try {
             lt(ae);
@@ -2845,7 +2838,7 @@ const ro = /* @__PURE__ */ new Set([
           delete window.__livelayerSimulateCommand;
         };
     }, [lt]);
-    const w = Ge(() => P ? {
+    const b = Ge(() => P ? {
       connectionState: P.connectionState,
       agentState: P.agentState,
       transcript: P.transcript,
@@ -2876,18 +2869,18 @@ const ro = /* @__PURE__ */ new Set([
       disconnect: Q.disconnect,
       getRoom: Q.getRoom,
       isControlled: !1
-    }, [P, Q]), $t = N(w);
-    $t.current = w;
+    }, [P, Q]), $t = N(b);
+    $t.current = b;
     const zt = N(P);
     zt.current = P, Hn(
       r,
       () => ({
-        sendData: async (m) => {
+        sendData: async (g) => {
           var he, ct;
           const p = zt.current;
           if (p != null && p.publishData) {
             try {
-              await p.publishData(m);
+              await p.publishData(g);
             } catch (L) {
               console.warn("[AvatarWidget] sendData (controlled) failed:", L);
             }
@@ -2896,7 +2889,7 @@ const ro = /* @__PURE__ */ new Set([
           const K = (ct = (he = $t.current) == null ? void 0 : he.getRoom) == null ? void 0 : ct.call(he), ae = K == null ? void 0 : K.localParticipant;
           if (ae != null && ae.publishData)
             try {
-              const L = new TextEncoder().encode(JSON.stringify(m));
+              const L = new TextEncoder().encode(JSON.stringify(g));
               await ae.publishData(L, { reliable: !0 });
             } catch (L) {
               console.warn("[AvatarWidget] sendData failed:", L);
@@ -2907,43 +2900,43 @@ const ro = /* @__PURE__ */ new Set([
     );
     const Ot = N(null);
     I(() => {
-      const m = w.videoElement, p = Ot.current;
-      if (!(!m || !p))
-        return p.appendChild(m), () => {
-          m.parentNode === p && p.removeChild(m);
+      const g = b.videoElement, p = Ot.current;
+      if (!(!g || !p))
+        return p.appendChild(g), () => {
+          g.parentNode === p && p.removeChild(g);
         };
-    }, [w.videoElement]), I(() => {
-      const m = w.audioElement;
-      if (!m) return;
-      ve.attach(m);
-      const p = m.play();
+    }, [b.videoElement]), I(() => {
+      const g = b.audioElement;
+      if (!g) return;
+      ve.attach(g);
+      const p = g.play();
       return p && typeof p.catch == "function" && p.catch((K) => {
         (K == null ? void 0 : K.name) === "NotAllowedError" && nt(!0);
       }), () => {
         ve.detach();
       };
-    }, [w.audioElement]), I(() => {
-      if (w.isControlled || w.connectionState !== "connected") return;
-      const m = w.getRoom();
-      if (m)
-        return X.setupMic(m).catch(() => {
+    }, [b.audioElement]), I(() => {
+      if (b.isControlled || b.connectionState !== "connected") return;
+      const g = b.getRoom();
+      if (g)
+        return X.setupMic(g).catch(() => {
         }), () => {
           X.teardownMic();
         };
-    }, [w.isControlled, w.connectionState]), I(() => {
+    }, [b.isControlled, b.connectionState]), I(() => {
       var p;
-      if (w.connectionState !== "connected") return;
-      const m = w.isControlled ? (p = P == null ? void 0 : P.getRoom) == null ? void 0 : p.call(P) : w.getRoom();
-      if (m)
-        return ue.attachRoom(m), be.attachRoom(m), w.isControlled && X.attachRoom(m), He.refresh(), () => {
+      if (b.connectionState !== "connected") return;
+      const g = b.isControlled ? (p = P == null ? void 0 : P.getRoom) == null ? void 0 : p.call(P) : b.getRoom();
+      if (g)
+        return ue.attachRoom(g), be.attachRoom(g), b.isControlled && X.attachRoom(g), He.refresh(), () => {
           ue.teardown(), be.teardown();
         };
-    }, [w.isControlled, w.connectionState, P]), I(() => {
-      const m = w.audioElement;
-      m && (m.muted = We);
-    }, [w.audioElement, We]);
-    const Ln = E((m) => {
-      const p = { type: "user_message", text: m };
+    }, [b.isControlled, b.connectionState, P]), I(() => {
+      const g = b.audioElement;
+      g && (g.muted = We);
+    }, [b.audioElement, We]);
+    const Ln = E((g) => {
+      const p = { type: "user_message", text: g };
       if (P != null && P.publishData) {
         try {
           P.publishData(p);
@@ -2951,65 +2944,65 @@ const ro = /* @__PURE__ */ new Set([
         }
         return;
       }
-      const K = w.getRoom();
+      const K = b.getRoom();
       if (K)
         try {
           const ae = new TextEncoder().encode(JSON.stringify(p));
           K.localParticipant.publishData(ae, { reliable: !0 });
         } catch {
         }
-    }, [w, P]), En = E(() => {
-      yt((m) => !m);
+    }, [b, P]), En = E(() => {
+      yt((g) => !g);
     }, []);
     I(() => {
-      Ne == null || Ne(w.connectionState), w.connectionState === "connected" ? Ce == null || Ce() : w.connectionState === "disconnected" && ($e == null || $e());
-    }, [w.connectionState, Ce, $e, Ne]), I(() => {
-      Se == null || Se(w.transcript);
-    }, [w.transcript, Se]), I(() => {
-      ze == null || ze(w.agentState);
-    }, [w.agentState, ze]), I(() => {
-      Be.setThinking(w.agentState === "thinking");
-    }, [w.agentState, Be]);
+      Ne == null || Ne(b.connectionState), b.connectionState === "connected" ? Ce == null || Ce() : b.connectionState === "disconnected" && ($e == null || $e());
+    }, [b.connectionState, Ce, $e, Ne]), I(() => {
+      Se == null || Se(b.transcript);
+    }, [b.transcript, Se]), I(() => {
+      ze == null || ze(b.agentState);
+    }, [b.agentState, ze]), I(() => {
+      Be.setThinking(b.agentState === "thinking");
+    }, [b.agentState, Be]);
     const Ht = N(!1);
     I(() => {
-      w.isControlled || !y || Ht.current || re && w.connectionState === "idle" && (Ht.current = !0, w.connect());
-    }, [y, w.connectionState, w, re]);
+      b.isControlled || !v || Ht.current || re && b.connectionState === "idle" && (Ht.current = !0, b.connect());
+    }, [v, b.connectionState, b, re]);
     const Cn = E(
-      (m) => {
-        const p = S == null ? void 0 : S.find((K) => K.id === m);
-        p && (it(!1), m !== Te && (rt(!0), w.disconnect(), Ze || Oe(m), D == null || D(p)));
+      (g) => {
+        const p = C == null ? void 0 : C.find((K) => K.id === g);
+        p && (it(!1), g !== Te && (rt(!0), b.disconnect(), Ze || Oe(g), D == null || D(p)));
       },
       [
-        S,
+        C,
         Te,
-        w,
+        b,
         Ze,
         D
       ]
     );
     I(() => {
-      we && w.connectionState === "connected" && rt(!1);
-    }, [w.connectionState, we]), I(() => {
+      we && b.connectionState === "connected" && rt(!1);
+    }, [b.connectionState, we]), I(() => {
       if (!ot) return;
-      const m = (p) => {
+      const g = (p) => {
         p.key === "Escape" && it(!1);
       };
-      return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
+      return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
     }, [ot]);
-    const Sn = !!B || !!(ee != null && ee.avatarImageUrl) || w.isControlled, at = Qn(gt, l, Sn);
+    const Sn = !!B || !!(ee != null && ee.avatarImageUrl) || b.isControlled, at = Qn(gt, l, Sn);
     Qe === void 0 && ((Ft = at.info) != null && Ft.capabilities) && (St.current = at.info.capabilities);
-    const vt = (ee == null ? void 0 : ee.name) ?? q ?? ((Ut = w.agentConfig) == null ? void 0 : Ut.name) ?? ((jt = at.info) == null ? void 0 : jt.name) ?? "Live Layer", Nt = (ee == null ? void 0 : ee.avatarImageUrl) ?? B ?? ((Vt = w.agentConfig) == null ? void 0 : Vt.avatarImageUrl) ?? ((Yt = at.info) == null ? void 0 : Yt.avatarImageUrl) ?? null, Nn = k ?? ((Gt = w.agentConfig) == null ? void 0 : Gt.idleLoopUrl) ?? ((Jt = at.info) == null ? void 0 : Jt.idleLoopUrl) ?? null, An = R ?? null, Rn = E(() => ie("expanded"), [ie]), In = E(
+    const vt = (ee == null ? void 0 : ee.name) ?? q ?? ((Ut = b.agentConfig) == null ? void 0 : Ut.name) ?? ((jt = at.info) == null ? void 0 : jt.name) ?? "Live Layer", Nt = (ee == null ? void 0 : ee.avatarImageUrl) ?? B ?? ((Vt = b.agentConfig) == null ? void 0 : Vt.avatarImageUrl) ?? ((Yt = at.info) == null ? void 0 : Yt.avatarImageUrl) ?? null, Nn = k ?? ((Gt = b.agentConfig) == null ? void 0 : Gt.idleLoopUrl) ?? ((Jt = at.info) == null ? void 0 : Jt.idleLoopUrl) ?? null, An = R ?? null, Rn = E(() => ie("expanded"), [ie]), In = E(
       () => ie("minimized"),
       [ie]
     ), Wt = E(() => {
-      w.disconnect(), ie("hidden");
-    }, [w, ie]), Mn = E(() => {
-      const m = w.audioElement;
-      m && m.play().then(() => nt(!1)).catch(() => {
+      b.disconnect(), ie("hidden");
+    }, [b, ie]), Mn = E(() => {
+      const g = b.audioElement;
+      g && g.play().then(() => nt(!1)).catch(() => {
       });
-    }, [w.audioElement]), Tn = E(() => {
-      nt(!1), w.connect();
-    }, [w]), qe = {
+    }, [b.audioElement]), Tn = E(() => {
+      nt(!1), b.connect();
+    }, [b]), qe = {
       ...kt,
       ...tt ? {} : { zIndex: Ie }
     };
@@ -3027,27 +3020,27 @@ const ro = /* @__PURE__ */ new Set([
         className: Dn,
         style: qe,
         "data-display-mode": oe,
-        "data-position": _,
+        "data-position": w,
         "data-experience-mode": u === "EMBEDDED" ? "embedded" : "widget",
         children: oe === "expanded" && /* @__PURE__ */ n(
           Mr,
           {
-            position: _,
+            position: w,
             isMobile: de,
             agentName: vt,
             avatarImageUrl: Nt,
             idleLoopUrl: Nn,
             greeting: An,
             branding: F,
-            teamMembers: S,
+            teamMembers: C,
             currentTeamMemberId: Te,
             isSwitchingTeamMember: we,
             teamSwitcherOpen: ot,
-            onToggleTeamSwitcher: () => it((m) => !m),
+            onToggleTeamSwitcher: () => it((g) => !g),
             onSelectTeamMember: Cn,
-            connectionState: w.connectionState,
-            agentState: w.agentState,
-            transcript: w.transcript,
+            connectionState: b.connectionState,
+            agentState: b.agentState,
+            transcript: b.transcript,
             isMuted: X.isMuted,
             micDevices: He.mics,
             activeMicId: X.activeDeviceId,
@@ -3068,21 +3061,21 @@ const ro = /* @__PURE__ */ new Set([
             transforming: pe,
             transformingLabel: ye,
             languageMenuOpen: _e,
-            onToggleLanguageMenu: () => xe((m) => !m),
+            onToggleLanguageMenu: () => xe((g) => !g),
             needsUserGesture: Lt,
-            canResume: w.canResume,
+            canResume: b.canResume,
             micError: X.micError,
-            error: w.error,
+            error: b.error,
             avatarVideoContainerRef: Ot,
-            agentVideoEl: w.videoElement,
-            onConnect: () => void w.connect(),
-            onDisconnect: () => w.disconnect(),
+            agentVideoEl: b.videoElement,
+            onConnect: () => void b.connect(),
+            onDisconnect: () => b.disconnect(),
             onRetry: Tn,
             onResumeAudio: Mn,
             onToggleMute: X.toggleMute,
-            onSwitchMicDevice: (m) => void X.switchDevice(m),
+            onSwitchMicDevice: (g) => void X.switchDevice(g),
             onToggleCamera: () => void ue.toggle(),
-            onSwitchCameraDevice: (m) => void ue.switchDevice(m),
+            onSwitchCameraDevice: (g) => void ue.switchDevice(g),
             onToggleScreenShare: () => void be.toggle(),
             onToggleSpeaker: En,
             onSendMessage: Ln,
@@ -3092,7 +3085,7 @@ const ro = /* @__PURE__ */ new Set([
           }
         )
       }
-    ), Bt = oe === "hidden" || oe === "minimized" ? /* @__PURE__ */ g(
+    ), Bt = oe === "hidden" || oe === "minimized" ? /* @__PURE__ */ y(
       "div",
       {
         className: [
@@ -3103,14 +3096,14 @@ const ro = /* @__PURE__ */ new Set([
         ].join(" "),
         style: qe,
         "data-display-mode": oe,
-        "data-position": _,
+        "data-position": w,
         children: [
           oe === "hidden" && /* @__PURE__ */ n(
             kr,
             {
-              position: _,
+              position: w,
               isMobile: de,
-              isSpeaking: w.agentState === "speaking",
+              isSpeaking: b.agentState === "speaking",
               onExpand: () => ie("expanded"),
               label: `Open ${vt} widget`,
               avatarImageUrl: Nt,
@@ -3121,11 +3114,11 @@ const ro = /* @__PURE__ */ new Set([
           oe === "minimized" && /* @__PURE__ */ n(
             Er,
             {
-              position: _,
+              position: w,
               isMobile: de,
               agentName: vt,
               avatarImageUrl: Nt,
-              agentState: w.agentState,
+              agentState: b.agentState,
               isMuted: X.isMuted,
               audioLevel: ve,
               onExpand: Rn,
@@ -3136,7 +3129,7 @@ const ro = /* @__PURE__ */ new Set([
         ]
       }
     ) : null, qt = se ?? (typeof document < "u" ? document.body : null);
-    return /* @__PURE__ */ g(Ye, { children: [
+    return /* @__PURE__ */ y(Ye, { children: [
       Pn,
       Bt && qt && It(Bt, qt)
     ] });
@@ -3160,7 +3153,7 @@ const mo = ({
 }) => {
   const a = N(null), s = N(null), u = N(i);
   u.current = i;
-  const y = E((f) => {
+  const v = E((f) => {
     var A;
     const c = f.detail;
     (A = u.current) == null || A.call(u, c);
@@ -3169,8 +3162,8 @@ const mo = ({
     const f = a.current;
     if (!f) 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", y), f.appendChild(c), s.current = c, () => {
-      c.removeEventListener("agent-event", y), f.removeChild(c), s.current = null;
+    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", v), f.appendChild(c), s.current = c, () => {
+      c.removeEventListener("agent-event", v), f.removeChild(c), s.current = null;
     };
   }, [e]), I(() => {
     s.current && (o ? s.current.setAttribute("mode", o) : s.current.removeAttribute("mode"));
@@ -3207,7 +3200,7 @@ const mo = ({
     const { name: o, label: i, labelClassName: l } = t, d = { name: o, "data-ll-field": o };
     let a;
     if ("as" in t && t.as === "textarea") {
-      const { name: s, label: u, labelClassName: y, as: f, ...c } = t;
+      const { name: s, label: u, labelClassName: v, as: f, ...c } = t;
       a = /* @__PURE__ */ n(
         "textarea",
         {
@@ -3217,7 +3210,7 @@ const mo = ({
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: s, label: u, labelClassName: y, as: f, children: c, ...A } = t;
+      const { name: s, label: u, labelClassName: v, as: f, children: c, ...A } = t;
       a = /* @__PURE__ */ n(
         "select",
         {
@@ -3228,7 +3221,7 @@ const mo = ({
         }
       );
     } else {
-      const { name: s, label: u, labelClassName: y, as: f, ...c } = t;
+      const { name: s, label: u, labelClassName: v, as: f, ...c } = t;
       a = /* @__PURE__ */ n(
         "input",
         {
@@ -3238,7 +3231,7 @@ const mo = ({
         }
       );
     }
-    return i === void 0 ? a : /* @__PURE__ */ g("label", { className: l, children: [
+    return i === void 0 ? a : /* @__PURE__ */ y("label", { className: l, children: [
       i,
       a
     ] });
@@ -3250,11 +3243,11 @@ function bo({
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [o, i] = C(t), [l, d] = C([]), [a, s] = C(""), [u, y] = C(!1), f = N(/* @__PURE__ */ new Set()), c = N([]), A = N(u);
+  const [o, i] = S(t), [l, d] = S([]), [a, s] = S(""), [u, v] = S(!1), f = N(/* @__PURE__ */ new Set()), c = N([]), A = N(u);
   A.current = u, I(() => {
     try {
-      const b = localStorage.getItem(r);
-      b === "1" && i(!0), b === "0" && i(!1);
+      const _ = localStorage.getItem(r);
+      _ === "1" && i(!0), _ === "0" && i(!1);
     } catch {
     }
   }, [r]), I(() => {
@@ -3263,33 +3256,33 @@ function bo({
     } catch {
     }
   }, [o, r]), I(() => {
-    const b = (v) => {
-      (v.metaKey || v.ctrlKey) && v.shiftKey && v.key.toLowerCase() === "l" && (v.preventDefault(), i((S) => !S));
+    const _ = (m) => {
+      (m.metaKey || m.ctrlKey) && m.shiftKey && m.key.toLowerCase() === "l" && (m.preventDefault(), i((C) => !C));
     };
-    return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
+    return window.addEventListener("keydown", _), () => window.removeEventListener("keydown", _);
   }, []), I(() => {
-    const b = setInterval(() => {
+    const _ = setInterval(() => {
       if (c.current.length === 0 || A.current) return;
-      const v = c.current.splice(0, c.current.length);
+      const m = c.current.splice(0, c.current.length);
       d(
-        (S) => [...v.reverse(), ...S].slice(0, 200)
+        (C) => [...m.reverse(), ...C].slice(0, 200)
       );
     }, 100);
-    return () => clearInterval(b);
+    return () => clearInterval(_);
   }, []);
-  const _ = N(!1);
+  const w = N(!1);
   if (I(() => {
-    !e || _.current || (_.current = !0, e((b) => {
+    !e || w.current || (w.current = !0, e((_) => {
       c.current.push({
         id: hn++,
         ts: Date.now(),
         kind: "event",
-        type: b.eventName,
-        data: b.data
+        type: _.eventName,
+        data: _.data
       });
     }));
   }, [e]), I(() => {
-    const b = console.warn, v = console.log, S = (M, D) => function(...k) {
+    const _ = console.warn, m = console.log, C = (M, D) => function(...k) {
       try {
         const R = typeof k[0] == "string" ? k[0] : "";
         R.startsWith("[LiveLayer]") && c.current.push({
@@ -3303,8 +3296,8 @@ function bo({
       }
       return D.apply(this, k);
     };
-    return console.warn = S("warn", b), console.log = S("log", v), () => {
-      console.warn = b, console.log = v;
+    return console.warn = C("warn", _), console.log = C("log", m), () => {
+      console.warn = _, console.log = m;
     };
   }, []), !o)
     return /* @__PURE__ */ n(
@@ -3333,12 +3326,12 @@ function bo({
         children: "🛰 LL debug"
       }
     );
-  const x = l.filter((b) => {
+  const x = l.filter((_) => {
     if (!a) return !0;
-    const v = a.toLowerCase();
-    return b.type.toLowerCase().includes(v) || JSON.stringify(b.data || {}).toLowerCase().includes(v);
+    const m = a.toLowerCase();
+    return _.type.toLowerCase().includes(m) || JSON.stringify(_.data || {}).toLowerCase().includes(m);
   });
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ y(
     "div",
     {
       style: {
@@ -3360,7 +3353,7 @@ function bo({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ y(
           "div",
           {
             style: {
@@ -3373,7 +3366,7 @@ function bo({
             },
             children: [
               /* @__PURE__ */ n("span", { style: { fontWeight: 600, fontSize: 12 }, children: "LiveLayer debug" }),
-              /* @__PURE__ */ g("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
+              /* @__PURE__ */ y("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
                 l.length,
                 " event",
                 l.length === 1 ? "" : "s"
@@ -3383,7 +3376,7 @@ function bo({
                 "button",
                 {
                   type: "button",
-                  onClick: () => y((b) => !b),
+                  onClick: () => v((_) => !_),
                   style: Rt(u ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
                   children: u ? "▶ resume" : "⏸ pause"
@@ -3420,7 +3413,7 @@ function bo({
           {
             type: "text",
             value: a,
-            onChange: (b) => s(b.target.value),
+            onChange: (_) => s(_.target.value),
             placeholder: "filter by type or data…",
             style: {
               margin: 8,
@@ -3442,7 +3435,7 @@ function bo({
               overflowY: "auto",
               padding: "0 8px 8px"
             },
-            children: x.length === 0 ? /* @__PURE__ */ g(
+            children: x.length === 0 ? /* @__PURE__ */ y(
               "div",
               {
                 style: {
@@ -3472,16 +3465,16 @@ function bo({
                   )
                 ]
               }
-            ) : x.map((b) => /* @__PURE__ */ n(
+            ) : x.map((_) => /* @__PURE__ */ n(
               io,
               {
-                entry: b,
-                expanded: f.current.has(b.id),
+                entry: _,
+                expanded: f.current.has(_.id),
                 onToggle: () => {
-                  f.current.has(b.id) ? f.current.delete(b.id) : f.current.add(b.id), d((v) => [...v]);
+                  f.current.has(_.id) ? f.current.delete(_.id) : f.current.add(_.id), d((m) => [...m]);
                 }
               },
-              b.id
+              _.id
             ))
           }
         )
@@ -3497,7 +3490,7 @@ function io({
   const o = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", i = new Date(e.ts).toLocaleTimeString("en-US", {
     hour12: !1
   });
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ y(
     "button",
     {
       type: "button",
@@ -3515,7 +3508,7 @@ function io({
         lineHeight: 1.4
       },
       children: [
-        /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+        /* @__PURE__ */ y("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
           /* @__PURE__ */ n(
             "span",
             {
@@ -3578,7 +3571,7 @@ function lo(e) {
   }
 }
 function wo() {
-  const [e, t] = C([]), r = E((i) => {
+  const [e, t] = S([]), r = E((i) => {
     t((l) => {
       const d = l.findIndex((a) => a.id === i.id);
       if (d >= 0) {