@livelayer/react 0.10.1 → 0.10.3

package/dist/index.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { jsxs as y, jsx as n, Fragment as Ve } from "react/jsx-runtime";
-import { Component as zn, useState as C, useRef as S, useEffect as M, useCallback as E, useMemo as Ye, useLayoutEffect as hn, forwardRef as dt, useImperativeHandle as On, createElement as Hn } from "react";
+import { jsxs as g, jsx as n, Fragment as Ve } from "react/jsx-runtime";
+import { Component as zn, useState as C, useRef as N, useEffect as I, useCallback as E, useMemo as Ye, useLayoutEffect as hn, forwardRef as dt, useImperativeHandle as On, createElement as Hn } from "react";
 import { createPortal as Rt } from "react-dom";
 import { LiveKitSession as Wn } from "@livelayer/sdk";
 import { createLocalAudioTrack as Bn, Track as mn, createLocalVideoTrack as qn } from "livekit-client";
@@ -19,7 +19,7 @@ class Fn extends zn {
   }
   render() {
     var t;
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ y("div", { className: "ll-error-boundary", role: "alert", children: [
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ g("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 Fn extends zn {
   }
 }
 function Un(e) {
-  const [t, r] = C("idle"), [o, i] = C("idle"), [l, d] = C([]), [a, s] = C(null), [f, b] = C(null), [u, c] = C(null), [I, k] = C(!1), [w, v] = C(null), m = S(null), N = S(e.onDataMessage);
-  N.current = e.onDataMessage, M(() => {
+  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 R = {
       onConnectionStateChange: (q) => {
-        r(q), q === "connected" && v(null);
+        r(q), q === "connected" && b(null);
       },
       onAgentStateChange: i,
       onTranscript: (q) => d([...q]),
       onAgentConfig: s,
       onAudioTrack: (q) => c(q),
-      onVideoTrack: (q) => b(q),
-      onVideoTrackRemoved: () => b(null),
-      onError: (q) => v(q),
+      onVideoTrack: (q) => y(q),
+      onVideoTrackRemoved: () => y(null),
+      onError: (q) => b(q),
       onDataMessage: (q) => {
-        var A;
-        (A = N.current) == null || A.call(N, q);
+        var F;
+        (F = S.current) == null || F.call(S, q);
       },
-      onResumabilityChange: k
+      onResumabilityChange: _
     }, B = new Wn(
       {
         agentId: e.agentId,
@@ -63,9 +63,9 @@ function Un(e) {
       },
       R
     );
-    return m.current = B, r("idle"), i("idle"), d([]), s(null), b(null), c(null), k(!1), v(null), () => {
+    return v.current = B, r("idle"), i("idle"), d([]), s(null), y(null), c(null), _(!1), b(null), () => {
       var q;
-      (q = B.destroy) == null || q.call(B), m.current = null;
+      (q = B.destroy) == null || q.call(B), v.current = null;
     };
   }, [
     e.agentId,
@@ -74,64 +74,64 @@ function Un(e) {
     e.sessionEndpoint,
     JSON.stringify(e.sessionBody ?? {})
   ]);
-  const $ = E(async () => {
-    const R = m.current;
+  const M = E(async () => {
+    const R = v.current;
     if (R)
       try {
         await R.connect();
       } catch (B) {
-        throw v(B instanceof Error ? B.message : String(B)), B;
+        throw b(B instanceof Error ? B.message : String(B)), B;
       }
   }, []), D = E(() => {
-    const R = m.current;
+    const R = v.current;
     R && R.disconnect();
-  }, []), x = E(() => {
+  }, []), k = E(() => {
     var R;
-    return ((R = m.current) == null ? void 0 : R.getRoom()) ?? null;
+    return ((R = v.current) == null ? void 0 : R.getRoom()) ?? null;
   }, []);
   return {
     connectionState: t,
     agentState: o,
     transcript: l,
     agentConfig: a,
-    videoElement: f,
-    audioElement: u,
-    canResume: I,
-    error: w,
-    connect: $,
+    videoElement: u,
+    audioElement: f,
+    canResume: A,
+    error: x,
+    connect: M,
     disconnect: D,
-    getRoom: x,
-    session: m.current
+    getRoom: k,
+    session: v.current
   };
 }
 function jn() {
-  const e = S(null), t = S(null), r = S(null), o = S(null), i = S(/* @__PURE__ */ new Set()), l = S(null), d = E(() => {
-    const u = t.current;
-    if (!u) {
+  const e = N(null), t = N(null), r = N(null), o = N(null), i = N(/* @__PURE__ */ new Set()), l = N(null), d = E(() => {
+    const f = t.current;
+    if (!f) {
       o.current = null;
       return;
     }
-    (!l.current || l.current.length !== u.frequencyBinCount) && (l.current = new Uint8Array(
-      new ArrayBuffer(u.frequencyBinCount)
+    (!l.current || l.current.length !== f.frequencyBinCount) && (l.current = new Uint8Array(
+      new ArrayBuffer(f.frequencyBinCount)
     ));
     const c = l.current;
-    u.getByteFrequencyData(c);
-    let I = 0;
-    for (let w = 0; w < c.length; w++) I += c[w];
-    const k = I / c.length / 255;
-    for (const w of i.current)
+    f.getByteFrequencyData(c);
+    let A = 0;
+    for (let x = 0; x < c.length; x++) A += c[x];
+    const _ = A / c.length / 255;
+    for (const x of i.current)
       try {
-        w(k);
-      } catch (v) {
-        console.error("[useAudioLevel] subscriber threw:", v);
+        x(_);
+      } catch (b) {
+        console.error("[useAudioLevel] subscriber threw:", b);
       }
     o.current = requestAnimationFrame(d);
   }, []), a = E(() => {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
-    const u = new AudioContext(), c = u.createAnalyser();
-    c.fftSize = 64, c.connect(u.destination), e.current = u, t.current = c;
+    const f = new AudioContext(), c = f.createAnalyser();
+    c.fftSize = 64, c.connect(f.destination), e.current = f, t.current = c;
   }, []), s = E(
-    (u) => {
+    (f) => {
       if (a(), !(!e.current || !t.current)) {
         if (r.current) {
           try {
@@ -141,7 +141,7 @@ function jn() {
           r.current = null;
         }
         try {
-          const c = e.current.createMediaElementSource(u);
+          const c = e.current.createMediaElementSource(f);
           c.connect(t.current), r.current = c;
         } catch (c) {
           console.warn("[useAudioLevel] createMediaElementSource failed:", c);
@@ -151,7 +151,7 @@ function jn() {
       }
     },
     [a, d]
-  ), f = E(() => {
+  ), u = E(() => {
     if (o.current !== null && (cancelAnimationFrame(o.current), o.current = null), r.current) {
       try {
         r.current.disconnect();
@@ -159,11 +159,11 @@ function jn() {
       }
       r.current = null;
     }
-  }, []), b = E((u) => (i.current.add(u), () => {
-    i.current.delete(u);
+  }, []), y = E((f) => (i.current.add(f), () => {
+    i.current.delete(f);
   }), []);
-  return M(() => () => {
-    if (f(), t.current) {
+  return I(() => () => {
+    if (u(), t.current) {
       try {
         t.current.disconnect();
       } catch {
@@ -178,11 +178,11 @@ function jn() {
       e.current = null;
     }
     i.current.clear(), l.current = null;
-  }, [f]), { attach: s, detach: f, subscribe: b };
+  }, [u]), { attach: s, detach: u, subscribe: y };
 }
 function Vn() {
-  const [e, t] = C(!1), [r, o] = C(""), [i, l] = C(null), d = S(null), a = S(null), s = E(async (k) => {
-    var w, v;
+  const [e, t] = C(!1), [r, o] = C(""), [i, l] = C(null), d = N(null), a = N(null), s = E(async (_) => {
+    var x, b;
     if (d.current && a.current) {
       try {
         await a.current.localParticipant.unpublishTrack(d.current);
@@ -190,134 +190,134 @@ function Vn() {
       }
       d.current.stop(), d.current = null;
     }
-    a.current = k, l(null);
+    a.current = _, l(null);
     try {
-      const m = await Bn({
+      const v = await Bn({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await k.localParticipant.publishTrack(m), d.current = m, t(m.isMuted);
-      const N = (v = (w = m.mediaStreamTrack) == null ? void 0 : w.getSettings) == null ? void 0 : v.call(w);
-      N != null && N.deviceId && o(N.deviceId);
-    } catch (m) {
-      const N = m instanceof Error && m.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-      throw l(N), m;
+      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;
     }
-  }, []), f = E((k) => {
-    a.current = k;
-  }, []), b = E(async (k) => {
-    const w = a.current;
-    if (w)
+  }, []), u = E((_) => {
+    a.current = _;
+  }, []), y = E(async (_) => {
+    const x = a.current;
+    if (x)
       try {
-        await w.switchActiveDevice("audioinput", k), o(k);
-      } catch (v) {
-        console.warn("[useMicrophoneState] switchDevice failed:", v);
+        await x.switchActiveDevice("audioinput", _), o(_);
+      } catch (b) {
+        console.warn("[useMicrophoneState] switchDevice failed:", b);
       }
-  }, []), u = E(() => {
-    const k = d.current, w = a.current;
-    if (k) {
-      k.isMuted ? (k.unmute(), t(!1)) : (k.mute(), t(!0));
+  }, []), f = E(() => {
+    const _ = d.current, x = a.current;
+    if (_) {
+      _.isMuted ? (_.unmute(), t(!1)) : (_.mute(), t(!0));
       return;
     }
-    if (w) {
-      const v = !e;
-      t(v);
+    if (x) {
+      const b = !e;
+      t(b);
       try {
-        w.localParticipant.setMicrophoneEnabled(!v);
-      } catch (m) {
-        console.warn("[useMicrophoneState] setMicrophoneEnabled failed:", m);
+        x.localParticipant.setMicrophoneEnabled(!b);
+      } catch (v) {
+        console.warn("[useMicrophoneState] setMicrophoneEnabled failed:", v);
       }
     }
   }, [e]), c = E(() => {
-    const k = d.current, w = a.current;
-    if (k && w) {
+    const _ = d.current, x = a.current;
+    if (_ && x) {
       try {
-        w.localParticipant.unpublishTrack(k);
+        x.localParticipant.unpublishTrack(_);
       } catch {
       }
-      k.stop();
+      _.stop();
     }
     d.current = null, a.current = null, t(!1), o("");
-  }, []), I = E(() => l(null), []);
+  }, []), A = E(() => l(null), []);
   return {
     isMuted: e,
     activeDeviceId: r,
     micError: i,
-    toggleMute: u,
+    toggleMute: f,
     setupMic: s,
-    attachRoom: f,
-    switchDevice: b,
+    attachRoom: u,
+    switchDevice: y,
     teardownMic: c,
-    clearError: I
+    clearError: A
   };
 }
 const Yn = { resolution: { width: 640, height: 480, frameRate: 24 } };
 function Gn() {
-  const [e, t] = C(!1), [r, o] = C(null), [i, l] = C(null), [d, a] = C(""), s = S(null), f = S(null), b = E((m) => {
-    s.current = m;
-  }, []), u = E(() => {
-    var $;
-    const m = s.current, N = f.current;
-    if (N && m) {
-      const D = m.localParticipant.getTrackPublication(mn.Source.Camera), R = (D == null ? void 0 : D.track) ?? N;
+  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;
+  }, []), f = E(() => {
+    var M;
+    const v = s.current, S = u.current;
+    if (S && v) {
+      const D = v.localParticipant.getTrackPublication(mn.Source.Camera), R = (D == null ? void 0 : D.track) ?? S;
       try {
-        m.localParticipant.unpublishTrack(R);
+        v.localParticipant.unpublishTrack(R);
       } catch {
       }
       try {
-        ($ = R.stop) == null || $.call(R);
+        (M = R.stop) == null || M.call(R);
       } catch {
       }
     }
-    f.current = null, l(null), t(!1);
-  }, []), c = E(async (m) => {
-    const N = s.current;
-    if (N) {
+    u.current = null, l(null), t(!1);
+  }, []), c = E(async (v) => {
+    const S = s.current;
+    if (S) {
       o(null);
       try {
-        const $ = { ...Yn };
-        m && ($.deviceId = m);
-        const D = await qn($);
-        await N.localParticipant.publishTrack(D), f.current = D;
-        const x = D.attach();
-        l(x), t(!0), m && a(m);
+        const M = { ...Yn };
+        v && (M.deviceId = v);
+        const D = await qn(M);
+        await S.localParticipant.publishTrack(D), u.current = D;
+        const k = D.attach();
+        l(k), t(!0), v && a(v);
         try {
-          N.localParticipant.publishData(
+          S.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
             { reliable: !0 }
           );
         } catch {
         }
-      } catch ($) {
-        const D = $ instanceof Error && $.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+      } catch (M) {
+        const D = M instanceof Error && M.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
         o(D);
       }
     }
-  }, []), I = E(async () => {
-    e ? u() : await c(d || void 0);
-  }, [e, d, u, c]), k = E(async (m) => {
-    u(), await c(m);
-  }, [u, c]), w = E(() => {
-    u(), s.current = null, o(null), a("");
-  }, [u]), v = E(() => o(null), []);
-  return M(() => () => {
-    f.current && f.current.stop();
+  }, []), A = E(async () => {
+    e ? f() : await c(d || void 0);
+  }, [e, d, f, c]), _ = E(async (v) => {
+    f(), await c(v);
+  }, [f, c]), x = E(() => {
+    f(), s.current = null, o(null), a("");
+  }, [f]), b = E(() => o(null), []);
+  return I(() => () => {
+    u.current && u.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
     previewEl: i,
     activeDeviceId: d,
-    toggle: I,
-    switchDevice: k,
-    attachRoom: b,
-    teardown: w,
-    clearError: v
+    toggle: A,
+    switchDevice: _,
+    attachRoom: y,
+    teardown: x,
+    clearError: b
   };
 }
 function Jn() {
-  const [e, t] = C(!1), [r, o] = C(null), [i, l] = C(null), d = S(null), a = E((c) => {
+  const [e, t] = C(!1), [r, o] = C(null), [i, l] = C(null), d = N(null), a = E((c) => {
     d.current = c;
-  }, []), s = E(() => l(null), []), f = E(async () => {
+  }, []), s = E(() => l(null), []), u = E(async () => {
     const c = d.current;
     if (c) {
       if (e) {
@@ -331,12 +331,12 @@ function Jn() {
       o(null);
       try {
         await c.localParticipant.setScreenShareEnabled(!0);
-        let I = 0;
-        const k = () => {
-          const w = c.localParticipant.getTrackPublication(mn.Source.ScreenShare);
-          if (w != null && w.track) {
-            const v = w.track.attach();
-            l(v), t(!0);
+        let A = 0;
+        const _ = () => {
+          const x = c.localParticipant.getTrackPublication(mn.Source.ScreenShare);
+          if (x != null && x.track) {
+            const b = x.track.attach();
+            l(b), t(!0);
             try {
               c.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
@@ -346,15 +346,15 @@ function Jn() {
             }
             return;
           }
-          I++ < 10 ? setTimeout(k, 100) : t(!0);
+          A++ < 10 ? setTimeout(_, 100) : t(!0);
         };
-        k();
-      } catch (I) {
-        const k = I instanceof Error ? I.name : "";
-        k !== "NotAllowedError" && k !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
+        _();
+      } catch (A) {
+        const _ = A instanceof Error ? A.name : "";
+        _ !== "NotAllowedError" && _ !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
       }
     }
-  }, [e, s]), b = E(() => {
+  }, [e, s]), y = E(() => {
     const c = d.current;
     if (c && e)
       try {
@@ -362,8 +362,8 @@ function Jn() {
       } catch {
       }
     s(), t(!1), o(null), d.current = null;
-  }, [e, s]), u = E(() => o(null), []);
-  return { isEnabled: e, error: r, previewEl: i, toggle: f, attachRoom: a, teardown: b, clearError: u };
+  }, [e, s]), f = E(() => o(null), []);
+  return { isEnabled: e, error: r, previewEl: i, toggle: u, attachRoom: a, teardown: y, clearError: f };
 }
 function Kn() {
   const [e, t] = C([]), [r, o] = C([]), i = E(async () => {
@@ -374,7 +374,7 @@ function Kn() {
       } catch {
       }
   }, []);
-  return M(() => {
+  return I(() => {
     if (i(), typeof navigator > "u" || !navigator.mediaDevices) return;
     const l = () => void i();
     return navigator.mediaDevices.addEventListener("devicechange", l), () => navigator.mediaDevices.removeEventListener("devicechange", l);
@@ -382,25 +382,25 @@ function Kn() {
 }
 function Xn(e, t, r = !1) {
   const [o, i] = C(null), [l, d] = C(null), [a, s] = C(!r && !!e);
-  return M(() => {
+  return I(() => {
     if (r || !e) {
       s(!1);
       return;
     }
-    const f = new AbortController(), b = t || "https://app.livelayer.studio";
-    return s(!0), d(null), fetch(`${b}/api/widget/agent/${encodeURIComponent(e)}`, {
-      signal: f.signal
-    }).then(async (u) => {
-      if (!u.ok) {
-        const c = await u.json().catch(() => ({}));
-        throw new Error(c.error || `HTTP ${u.status}`);
+    const u = new AbortController(), y = t || "https://app.livelayer.studio";
+    return s(!0), d(null), fetch(`${y}/api/widget/agent/${encodeURIComponent(e)}`, {
+      signal: u.signal
+    }).then(async (f) => {
+      if (!f.ok) {
+        const c = await f.json().catch(() => ({}));
+        throw new Error(c.error || `HTTP ${f.status}`);
       }
-      return u.json();
-    }).then((u) => {
-      f.signal.aborted || (i(u), s(!1));
-    }).catch((u) => {
-      f.signal.aborted || (d(u instanceof Error ? u.message : "Agent lookup failed"), s(!1));
-    }), () => f.abort();
+      return f.json();
+    }).then((f) => {
+      u.signal.aborted || (i(f), s(!1));
+    }).catch((f) => {
+      u.signal.aborted || (d(f instanceof Error ? f.message : "Agent lookup failed"), s(!1));
+    }), () => u.abort();
   }, [e, t, r]), { info: o, error: l, loading: a };
 }
 function Qn(e) {
@@ -442,23 +442,23 @@ function rr({
   persistKey: o = "ll-widget",
   disablePersistence: i = !1
 } = {}) {
-  const l = `${o}:display-mode`, d = S(!1), [a, s] = er({
+  const l = `${o}:display-mode`, d = N(!1), [a, s] = er({
     value: e,
     defaultValue: t,
-    onChange: (f) => {
-      e === void 0 && !i && Zn(l, f), r == null || r(f);
+    onChange: (u) => {
+      e === void 0 && !i && Zn(l, u), r == null || r(u);
     }
   });
-  return M(() => {
+  return I(() => {
     if (d.current || (d.current = !0, i || e !== void 0)) return;
-    const f = nr(Qn(l));
-    f && f !== a && s(f);
+    const u = nr(Qn(l));
+    u && u !== a && s(u);
   }, []), [a, s];
 }
 const or = 640;
 function ir(e = or) {
   const [t, r] = C(!1);
-  return M(() => {
+  return I(() => {
     if (e === !1) {
       r(!1);
       return;
@@ -490,7 +490,7 @@ function ar(e) {
   const [t, r] = C(
     () => e ?? Kt()
   );
-  return M(() => {
+  return I(() => {
     if (e !== void 0) return;
     lr();
     const o = () => r(Kt());
@@ -539,7 +539,7 @@ function mr(e) {
   };
 }
 function gr(e) {
-  const t = Ye(() => mr(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), o = S(null), i = E(
+  const t = Ye(() => mr(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), o = N(null), i = E(
     (s) => {
       try {
         new Audio(`${r}${s}`).play().catch(() => {
@@ -567,10 +567,10 @@ function gr(e) {
       if (s) {
         if (o.current) return;
         try {
-          const f = new Audio(`${r}/audio/thinking-sound.mp3`);
-          f.loop = !0, f.volume = 0.3, f.play().catch(() => {
+          const u = new Audio(`${r}/audio/thinking-sound.mp3`);
+          u.loop = !0, u.volume = 0.3, u.play().catch(() => {
             o.current = null;
-          }), o.current = f;
+          }), o.current = u;
         } catch {
         }
       } else if (o.current) {
@@ -583,7 +583,7 @@ function gr(e) {
     },
     [r, t.thinking]
   );
-  return M(() => () => {
+  return I(() => () => {
     if (o.current) {
       try {
         o.current.pause();
@@ -596,7 +596,7 @@ function gr(e) {
     [l, d, a]
   );
 }
-const Zt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ y(
+const Zt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ g(
   "svg",
   {
     className: t,
@@ -718,110 +718,116 @@ const xr = ({
   onExpand: o,
   label: i = "Open widget",
   avatarImageUrl: l,
-  agentName: d
+  agentName: d,
+  containerEl: a
 }) => {
-  const a = br(e), s = a === "right" ? "left" : "right", f = t ? 80 : 72, b = !!l, [u, c] = C(null), [I, k] = C(!1), w = S(null), v = S(!1), m = E(
-    (A) => {
-      if (typeof window > "u") return A;
-      const T = f / 2, F = nn + T, oe = window.innerHeight - nn - T;
-      return oe < F ? Math.max(F, A) : Math.max(F, Math.min(oe, A));
+  const s = br(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(
+    (O) => {
+      if (typeof window > "u") return O;
+      const j = y / 2, H = nn + j, G = window.innerHeight - nn - j;
+      return G < H ? Math.max(H, O) : Math.max(H, Math.min(G, O));
     },
-    [f]
+    [y]
   );
-  M(() => {
-    const A = _r();
-    c(m(A ?? window.innerHeight / 2));
-    const T = () => {
-      c((F) => F === null ? null : m(F));
+  I(() => {
+    if (c) {
+      _(null);
+      return;
+    }
+    const O = _r();
+    _(M(O ?? window.innerHeight / 2));
+    const j = () => {
+      _((H) => H === null ? null : M(H));
     };
-    return window.addEventListener("resize", T), () => window.removeEventListener("resize", T);
-  }, [m]);
-  const N = E(
-    (A) => {
-      if (!(A.pointerType === "mouse" && A.button !== 0) && u !== null) {
+    return window.addEventListener("resize", j), () => window.removeEventListener("resize", j);
+  }, [M, c]);
+  const D = E(
+    (O) => {
+      if (!c && !(O.pointerType === "mouse" && O.button !== 0) && A !== null) {
         try {
-          A.currentTarget.setPointerCapture(A.pointerId);
+          O.currentTarget.setPointerCapture(O.pointerId);
         } catch {
         }
-        w.current = {
-          startClientY: A.clientY,
-          startCenterY: u,
+        v.current = {
+          startClientY: O.clientY,
+          startCenterY: A,
           moved: !1
         };
       }
     },
-    [u]
-  ), $ = E(
-    (A) => {
-      const T = w.current;
-      if (!T) return;
-      const F = A.clientY - T.startClientY;
-      !T.moved && Math.abs(F) > wr && (T.moved = !0, k(!0)), T.moved && c(m(T.startCenterY + F));
+    [A, c]
+  ), k = E(
+    (O) => {
+      const j = v.current;
+      if (!j) return;
+      const H = O.clientY - j.startClientY;
+      !j.moved && Math.abs(H) > wr && (j.moved = !0, b(!0)), j.moved && _(M(j.startCenterY + H));
     },
-    [m]
-  ), D = E(
-    (A) => {
-      const T = w.current;
-      if (T) {
+    [M]
+  ), R = E(
+    (O) => {
+      const j = v.current;
+      if (j) {
         try {
-          A.currentTarget.releasePointerCapture(A.pointerId);
+          O.currentTarget.releasePointerCapture(O.pointerId);
         } catch {
         }
-        w.current = null, T.moved && (k(!1), v.current = !0, c((F) => (F !== null && rn(F), F)));
+        v.current = null, j.moved && (b(!1), S.current = !0, _((H) => (H !== null && rn(H), H)));
       }
     },
     []
-  ), x = E(() => {
-    if (v.current) {
-      v.current = !1;
+  ), B = E(() => {
+    if (S.current) {
+      S.current = !1;
       return;
     }
     o();
-  }, [o]), R = E(
-    (A) => {
-      if (A.key === "ArrowUp" || A.key === "ArrowDown") {
-        A.preventDefault();
-        const T = A.key === "ArrowUp" ? -8 : 8;
-        c((F) => {
-          if (F === null) return F;
-          const oe = m(F + T);
-          return rn(oe), oe;
+  }, [o]), q = E(
+    (O) => {
+      if (O.key === "ArrowUp" || O.key === "ArrowDown") {
+        O.preventDefault();
+        const j = O.key === "ArrowUp" ? -8 : 8;
+        _((H) => {
+          if (H === null) return H;
+          const G = M(H + j);
+          return rn(G), G;
         });
       }
     },
-    [m]
-  ), B = [
+    [M]
+  ), F = [
     "ll-hidden",
-    `ll-hidden--${a}`,
+    `ll-hidden--${s}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
-    I ? "is-dragging" : null,
-    b ? "ll-hidden--with-avatar" : null
-  ].filter(Boolean).join(" "), q = u === null ? void 0 : { top: `${u - f / 2}px`, transform: "none" };
+    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" };
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: B,
-      onPointerDown: N,
-      onPointerMove: $,
-      onPointerUp: D,
-      onPointerCancel: D,
-      onClick: x,
-      onKeyDown: R,
+      className: F,
+      onPointerDown: D,
+      onPointerMove: k,
+      onPointerUp: R,
+      onPointerCancel: R,
+      onClick: B,
+      onKeyDown: q,
       "aria-label": i,
       "data-position": e,
-      style: q,
-      children: b ? (
+      style: U,
+      children: f ? (
         // Layout: tiny chevron flush against the inward edge (peeks out
         // 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__ */ y(Ve, { children: [
+        /* @__PURE__ */ g(Ve, { children: [
           /* @__PURE__ */ n(
             tn,
             {
-              direction: s,
+              direction: u,
               className: "ll-hidden__chevron ll-hidden__chevron--mini"
             }
           ),
@@ -838,7 +844,7 @@ const xr = ({
       ) : /* @__PURE__ */ n(
         tn,
         {
-          direction: s,
+          direction: u,
           className: "ll-hidden__chevron"
         }
       )
@@ -852,29 +858,29 @@ const xr = ({
   className: i,
   barClassName: l
 }) => {
-  const d = S(null), a = S([]), s = Ye(() => {
-    const b = (Math.sqrt(5) - 1) / 2;
-    return Array.from({ length: t }, (u, c) => 0.5 + c * b % 1 * 0.5);
+  const d = N(null), a = N([]), s = Ye(() => {
+    const y = (Math.sqrt(5) - 1) / 2;
+    return Array.from({ length: t }, (f, c) => 0.5 + c * y % 1 * 0.5);
   }, [t]);
-  M(() => e.subscribe((u) => {
+  I(() => e.subscribe((f) => {
     for (let c = 0; c < t; c++) {
-      const I = a.current[c];
-      if (!I) continue;
-      const k = Math.max(o, u * r * s[c]);
-      I.style.height = `${k}px`;
+      const A = a.current[c];
+      if (!A) continue;
+      const _ = Math.max(o, f * r * s[c]);
+      A.style.height = `${_}px`;
     }
   }), [e, t, r, o, s]);
-  const f = ["ll-waveform", i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: d, className: f, "aria-hidden": "true", children: Array.from({ length: t }, (b, u) => /* @__PURE__ */ n(
+  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(
     "div",
     {
       ref: (c) => {
-        a.current[u] = c;
+        a.current[f] = c;
       },
       className: ["ll-waveform__bar", l].filter(Boolean).join(" "),
       style: { height: `${o}px` }
     },
-    u
+    f
   )) });
 }, Lr = ({
   position: e,
@@ -886,14 +892,14 @@ const xr = ({
   audioLevel: d,
   onExpand: a,
   onToggleMute: s,
-  onClose: f
+  onClose: u
 }) => t ? /* @__PURE__ */ n(
   "div",
   {
     className: "ll-minimized ll-minimized--mobile",
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ y(
+    children: /* @__PURE__ */ g(
       "button",
       {
         type: "button",
@@ -922,18 +928,18 @@ const xr = ({
             }
           ),
           /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
-          /* @__PURE__ */ y("div", { className: "ll-minimized__controls", children: [
+          /* @__PURE__ */ g("div", { className: "ll-minimized__controls", children: [
             /* @__PURE__ */ n(
               "span",
               {
                 className: "ll-minimized__btn",
                 role: "button",
                 tabIndex: 0,
-                onClick: (b) => {
-                  b.stopPropagation(), s();
+                onClick: (y) => {
+                  y.stopPropagation(), s();
                 },
-                onKeyDown: (b) => {
-                  (b.key === "Enter" || b.key === " ") && (b.stopPropagation(), b.preventDefault(), s());
+                onKeyDown: (y) => {
+                  (y.key === "Enter" || y.key === " ") && (y.stopPropagation(), y.preventDefault(), s());
                 },
                 "aria-label": l ? "Unmute microphone" : "Mute microphone",
                 children: /* @__PURE__ */ n(Zt, { muted: l, className: "ll-minimized__icon" })
@@ -952,7 +958,7 @@ const xr = ({
     "data-position": e,
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ y("div", { className: "ll-minimized__surface", children: [
+    children: /* @__PURE__ */ g("div", { className: "ll-minimized__surface", children: [
       o ? (
         // eslint-disable-next-line @next/next/no-img-element
         /* @__PURE__ */ n(
@@ -964,11 +970,11 @@ const xr = ({
           }
         )
       ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
-      /* @__PURE__ */ y("div", { className: "ll-minimized__meta", children: [
+      /* @__PURE__ */ g("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__ */ y("div", { className: "ll-minimized__controls", children: [
+      /* @__PURE__ */ g("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
           "button",
           {
@@ -994,7 +1000,7 @@ const xr = ({
           {
             type: "button",
             className: "ll-minimized__btn ll-minimized__btn--close",
-            onClick: f,
+            onClick: u,
             "aria-label": "Close widget",
             children: /* @__PURE__ */ n(yr, { className: "ll-minimized__icon" })
           }
@@ -1009,8 +1015,8 @@ const xr = ({
   className: o,
   style: i
 }) => {
-  const [l, d] = C(!1), a = S(e);
-  if (M(() => {
+  const [l, d] = C(!1), a = N(e);
+  if (I(() => {
     a.current !== e && (a.current = e, d(!1));
   }, [e]), !e) return null;
   const s = {
@@ -1046,7 +1052,7 @@ const xr = ({
   anchorRef: r,
   children: o
 }) => {
-  const i = S(null), [l, d] = C(null);
+  const i = N(null), [l, d] = C(null);
   return hn(() => {
     if (!e) {
       d(null);
@@ -1055,22 +1061,22 @@ const xr = ({
     const a = r.current;
     if (!a) return;
     const s = () => {
-      const f = a.getBoundingClientRect(), b = {
-        top: f.top - Cr,
-        left: f.left + f.width / 2
-      }, u = on + 90, c = window.innerWidth - on - 90;
-      b.left < u && (b.left = u), b.left > c && (b.left = c), d(b);
+      const u = a.getBoundingClientRect(), y = {
+        top: u.top - Cr,
+        left: u.left + u.width / 2
+      }, f = on + 90, c = window.innerWidth - on - 90;
+      y.left < f && (y.left = f), y.left > c && (y.left = c), d(y);
     };
     return s(), window.addEventListener("scroll", s, !0), window.addEventListener("resize", s), () => {
       window.removeEventListener("scroll", s, !0), window.removeEventListener("resize", s);
     };
-  }, [e, r]), M(() => {
+  }, [e, r]), I(() => {
     if (!e) return;
-    const a = (f) => {
-      const b = f.target, u = i.current, c = r.current;
-      u && u.contains(b) || c && c.contains(b) || t();
-    }, s = (f) => {
-      f.key === "Escape" && (f.stopPropagation(), t());
+    const a = (u) => {
+      const y = u.target, f = i.current, c = r.current;
+      f && f.contains(y) || c && c.contains(y) || t();
+    }, s = (u) => {
+      u.key === "Escape" && (u.stopPropagation(), t());
     };
     return document.addEventListener("mousedown", a), document.addEventListener("keydown", s), () => {
       document.removeEventListener("mousedown", a), document.removeEventListener("keydown", s);
@@ -1105,20 +1111,20 @@ const xr = ({
   onToggleScreenShare: d,
   allowScreenShare: a,
   isSpeakerMuted: s,
-  onToggleSpeaker: f,
-  allowTyping: b,
-  isTypingOpen: u,
+  onToggleSpeaker: u,
+  allowTyping: y,
+  isTypingOpen: f,
   onToggleTyping: c,
-  onDisconnect: I
+  onDisconnect: A
 }) => {
-  const [k, w] = C(!1), v = S(null);
-  return /* @__PURE__ */ y(Ve, { children: [
-    /* @__PURE__ */ y(
+  const [_, x] = C(!1), b = N(null);
+  return /* @__PURE__ */ g(Ve, { children: [
+    /* @__PURE__ */ g(
       "div",
       {
         className: "ll-toolbar ll-toolbar--compact",
         "data-testid": "compact-toolbar",
-        onClick: (m) => m.stopPropagation(),
+        onClick: (v) => v.stopPropagation(),
         children: [
           /* @__PURE__ */ n(
             "button",
@@ -1133,13 +1139,13 @@ const xr = ({
           /* @__PURE__ */ n(
             "button",
             {
-              ref: v,
+              ref: b,
               type: "button",
-              className: `ll-tool ${k ? "is-on" : ""}`,
-              onClick: () => w((m) => !m),
+              className: `ll-tool ${_ ? "is-on" : ""}`,
+              onClick: () => x((v) => !v),
               "aria-label": "More controls",
               "aria-haspopup": "menu",
-              "aria-expanded": k,
+              "aria-expanded": _,
               children: /* @__PURE__ */ n(Ar, {})
             }
           ),
@@ -1148,7 +1154,7 @@ const xr = ({
             {
               type: "button",
               className: "ll-tool ll-tool--danger",
-              onClick: I,
+              onClick: A,
               "aria-label": "End conversation",
               children: /* @__PURE__ */ n(_n, {})
             }
@@ -1156,20 +1162,20 @@ const xr = ({
         ]
       }
     ),
-    /* @__PURE__ */ y(
+    /* @__PURE__ */ g(
       Sr,
       {
-        open: k,
-        onClose: () => w(!1),
-        anchorRef: v,
+        open: _,
+        onClose: () => x(!1),
+        anchorRef: b,
         children: [
-          i && /* @__PURE__ */ y(
+          i && /* @__PURE__ */ g(
             "button",
             {
               type: "button",
               className: `ll-overflow-popover__item ${r ? "is-on" : ""}`,
               onClick: () => {
-                o(), w(!1);
+                o(), x(!1);
               },
               children: [
                 /* @__PURE__ */ n(vn, {}),
@@ -1177,13 +1183,13 @@ const xr = ({
               ]
             }
           ),
-          a && /* @__PURE__ */ y(
+          a && /* @__PURE__ */ g(
             "button",
             {
               type: "button",
               className: `ll-overflow-popover__item ${l ? "is-on" : ""}`,
               onClick: () => {
-                d(), w(!1);
+                d(), x(!1);
               },
               children: [
                 /* @__PURE__ */ n(yn, {}),
@@ -1191,13 +1197,13 @@ const xr = ({
               ]
             }
           ),
-          /* @__PURE__ */ y(
+          /* @__PURE__ */ g(
             "button",
             {
               type: "button",
               className: `ll-overflow-popover__item ${s ? "is-on" : ""}`,
               onClick: () => {
-                f(), w(!1);
+                u(), x(!1);
               },
               children: [
                 /* @__PURE__ */ n(wn, { muted: s }),
@@ -1205,21 +1211,21 @@ const xr = ({
               ]
             }
           ),
-          b && /* @__PURE__ */ y(
+          y && /* @__PURE__ */ g(
             "button",
             {
               type: "button",
-              className: `ll-overflow-popover__item ${u ? "is-on" : ""}`,
+              className: `ll-overflow-popover__item ${f ? "is-on" : ""}`,
               onClick: () => {
-                c(), w(!1);
+                c(), x(!1);
               },
               children: [
                 /* @__PURE__ */ n(Rr, {}),
-                /* @__PURE__ */ n("span", { children: u ? "Hide typing" : "Type a message" })
+                /* @__PURE__ */ n("span", { children: f ? "Hide typing" : "Type a message" })
               ]
             }
           ),
-          /* @__PURE__ */ y(
+          /* @__PURE__ */ g(
             "button",
             {
               type: "button",
@@ -1238,7 +1244,7 @@ const xr = ({
   ] });
 };
 function Ar() {
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ g(
     "svg",
     {
       width: "16",
@@ -1281,39 +1287,39 @@ const Ir = ({
   branding: d,
   teamMembers: a,
   currentTeamMemberId: s,
-  isSwitchingTeamMember: f,
-  teamSwitcherOpen: b,
-  onToggleTeamSwitcher: u,
+  isSwitchingTeamMember: u,
+  teamSwitcherOpen: y,
+  onToggleTeamSwitcher: f,
   onSelectTeamMember: c,
-  languageMenuOpen: I,
-  onToggleLanguageMenu: k,
-  connectionState: w,
-  agentState: v,
-  transcript: m,
-  canResume: N,
-  needsUserGesture: $,
+  languageMenuOpen: A,
+  onToggleLanguageMenu: _,
+  connectionState: x,
+  agentState: b,
+  transcript: v,
+  canResume: S,
+  needsUserGesture: M,
   error: D,
-  isMuted: x,
+  isMuted: k,
   micError: R,
   micDevices: B,
   activeMicId: q,
-  isCameraEnabled: A,
-  cameraPreviewEl: T,
-  cameraDevices: F,
-  activeCameraId: oe,
-  isScreenShareEnabled: ie,
-  screenPreviewEl: Z,
-  isSpeakerMuted: ce,
+  isCameraEnabled: F,
+  cameraPreviewEl: U,
+  cameraDevices: O,
+  activeCameraId: j,
+  isScreenShareEnabled: H,
+  screenPreviewEl: G,
+  isSpeakerMuted: le,
   allowCamera: fe,
   allowScreenShare: ye,
   allowTyping: pe,
   showMinimize: ve = !0,
   chromeless: he = !1,
-  compactControls: ee = !1,
+  compactControls: ne = !1,
   transforming: ut,
   transformingLabel: Ge,
   avatarVideoContainerRef: ft,
-  agentVideoEl: le,
+  agentVideoEl: ae,
   onConnect: Je,
   onDisconnect: Ke,
   onRetry: pt,
@@ -1325,87 +1331,87 @@ const Ir = ({
   onToggleScreenShare: Ne,
   onToggleSpeaker: Ae,
   onSendMessage: Re,
-  onMinimize: z,
+  onMinimize: P,
   onClose: ht,
   onClearMicError: xt
 }) => {
   var De;
-  const Ie = ((a == null ? void 0 : a.length) ?? 0) > 1, Me = w === "connecting" || w === "connected", te = w === "connected", Qe = w === "idle" || w === "disconnected" || w === "error", [Ze, ze] = C(!1);
-  M(() => {
-    if (!le) {
+  const Ie = ((a == null ? void 0 : a.length) ?? 0) > 1, Me = x === "connecting" || x === "connected", re = x === "connected", Qe = x === "idle" || x === "disconnected" || x === "error", [Ze, ze] = C(!1);
+  I(() => {
+    if (!ae) {
       ze(!1);
       return;
     }
-    if (!le.paused && le.readyState >= 2) {
+    if (!ae.paused && ae.readyState >= 2) {
       ze(!0);
       return;
     }
     ze(!1);
     const h = () => ze(!0);
-    return le.addEventListener("playing", h), le.addEventListener("loadeddata", h), () => {
-      le.removeEventListener("playing", h), le.removeEventListener("loadeddata", h);
+    return ae.addEventListener("playing", h), ae.addEventListener("loadeddata", h), () => {
+      ae.removeEventListener("playing", h), ae.removeEventListener("loadeddata", h);
     };
-  }, [le]);
-  const [Te, X] = C(!1);
-  M(() => {
-    if (!te) {
-      X(!1);
+  }, [ae]);
+  const [Te, ee] = C(!1);
+  I(() => {
+    if (!re) {
+      ee(!1);
       return;
     }
     if (Ze) return;
-    const h = setTimeout(() => X(!0), 8e3);
+    const h = setTimeout(() => ee(!0), 8e3);
     return () => clearTimeout(h);
-  }, [te, Ze]);
-  const mt = w === "connecting" || te && !!o && !Ze && !Te, et = S(null), ne = S(null);
-  M(() => {
+  }, [re, Ze]);
+  const mt = x === "connecting" || re && !!o && !Ze && !Te, et = N(null), oe = N(null);
+  I(() => {
     const h = et.current;
-    h && (h.innerHTML = "", T && (T.style.width = "100%", T.style.height = "100%", T.style.objectFit = "cover", T.style.transform = "scaleX(-1)", h.appendChild(T)));
-  }, [T]), M(() => {
-    const h = ne.current;
-    h && (h.innerHTML = "", Z && (Z.style.width = "100%", Z.style.height = "100%", Z.style.objectFit = "contain", h.appendChild(Z)));
-  }, [Z]);
-  const [re, se] = C(!1), [be, G] = C(!1), de = S(null), we = S(null);
-  M(() => {
-    if (!re && !be && !I && !b) return;
+    h && (h.innerHTML = "", U && (U.style.width = "100%", U.style.height = "100%", U.style.objectFit = "cover", U.style.transform = "scaleX(-1)", h.appendChild(U)));
+  }, [U]), I(() => {
+    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, se] = C(!1), [be, X] = C(!1), de = N(null), we = N(null);
+  I(() => {
+    if (!ie && !be && !A && !y) return;
     const h = () => {
-      se(!1), G(!1), I && k(), b && u();
+      se(!1), X(!1), A && _(), y && f();
     };
     return document.addEventListener("click", h), () => document.removeEventListener("click", h);
   }, [
-    re,
+    ie,
     be,
-    I,
-    b,
-    k,
-    u
+    A,
+    y,
+    _,
+    f
   ]);
   const [Oe, kt] = C(!1), tt = E(() => kt((h) => !h), []), [_e, nt] = C(""), rt = E(
     (h) => {
       h.preventDefault();
-      const V = _e.trim();
-      V && (Re(V), nt(""));
+      const J = _e.trim();
+      J && (Re(J), nt(""));
     },
     [_e, Re]
   ), ot = d.productName || "Live Layer";
   let xe = null, ke = null;
-  for (let h = m.length - 1; h >= 0; h--) {
-    const V = m[h];
-    if (!xe && V.role === "agent" ? xe = V : !ke && V.role === "user" && (ke = V), xe && ke) break;
+  for (let h = v.length - 1; h >= 0; h--) {
+    const J = v[h];
+    if (!xe && J.role === "agent" ? xe = J : !ke && J.role === "user" && (ke = J), xe && ke) break;
   }
-  const He = te ? (xe == null ? void 0 : xe.text) || null : l || null, gt = te && (ke == null ? void 0 : ke.text) || null, We = [
+  const He = re ? (xe == null ? void 0 : xe.text) || null : l || null, gt = re && (ke == null ? void 0 : ke.text) || null, We = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ g(
     "div",
     {
       className: We,
       "data-position": e,
-      "data-state": te ? "connected" : Me ? "connecting" : "idle",
+      "data-state": re ? "connected" : Me ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
-        /* @__PURE__ */ y("div", { className: "ll-expanded__bg", children: [
+        /* @__PURE__ */ g("div", { className: "ll-expanded__bg", children: [
           o ? /* @__PURE__ */ n(
             Er,
             {
@@ -1414,7 +1420,7 @@ const Ir = ({
               className: "ll-expanded__bg-img"
             }
           ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((De = r == null ? void 0 : r.charAt(0)) == null ? void 0 : De.toUpperCase()) || "A" }) }),
-          i && !te && /* @__PURE__ */ n(
+          i && !re && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
@@ -1427,11 +1433,11 @@ const Ir = ({
           )
         ] }),
         /* @__PURE__ */ n("div", { ref: ft, className: "ll-expanded__video" }),
-        mt && /* @__PURE__ */ y("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        mt && /* @__PURE__ */ g("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: f ? "Switching..." : "Connecting..." })
+          /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: u ? "Switching..." : "Connecting..." })
         ] }),
-        $ && te && /* @__PURE__ */ y(
+        M && re && /* @__PURE__ */ g(
           "button",
           {
             type: "button",
@@ -1443,7 +1449,7 @@ const Ir = ({
             ]
           }
         ),
-        ut && /* @__PURE__ */ y(
+        ut && /* @__PURE__ */ g(
           "div",
           {
             className: "ll-expanded__overlay ll-expanded__overlay--transforming",
@@ -1456,33 +1462,33 @@ const Ir = ({
             ]
           }
         ),
-        Me ? /* @__PURE__ */ y(Ve, { children: [
-          !ee && /* @__PURE__ */ y("div", { className: "ll-expanded__topbar", children: [
-            !he && /* @__PURE__ */ y("div", { className: "ll-expanded__topbar-left", children: [
-              /* @__PURE__ */ y("div", { className: "ll-expanded__pill-wrap", children: [
-                /* @__PURE__ */ y(
+        Me ? /* @__PURE__ */ g(Ve, { children: [
+          !ne && /* @__PURE__ */ g("div", { className: "ll-expanded__topbar", children: [
+            !he && /* @__PURE__ */ g("div", { className: "ll-expanded__topbar-left", children: [
+              /* @__PURE__ */ g("div", { className: "ll-expanded__pill-wrap", children: [
+                /* @__PURE__ */ g(
                   "button",
                   {
                     type: "button",
                     className: "ll-hpill",
                     onClick: (h) => {
-                      Ie && (h.stopPropagation(), u());
+                      Ie && (h.stopPropagation(), f());
                     },
                     "aria-haspopup": Ie ? "listbox" : void 0,
-                    "aria-expanded": Ie ? b : void 0,
+                    "aria-expanded": Ie ? y : void 0,
                     children: [
                       /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
                       Ie && /* @__PURE__ */ n(vt, {})
                     ]
                   }
                 ),
-                Ie && b && /* @__PURE__ */ n(
+                Ie && y && /* @__PURE__ */ n(
                   "div",
                   {
                     className: "ll-hmenu",
                     onClick: (h) => h.stopPropagation(),
                     role: "listbox",
-                    children: a == null ? void 0 : a.map((h) => /* @__PURE__ */ y(
+                    children: a == null ? void 0 : a.map((h) => /* @__PURE__ */ g(
                       "button",
                       {
                         type: "button",
@@ -1508,17 +1514,17 @@ const Ir = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ y("div", { className: "ll-expanded__pill-wrap", children: [
-                /* @__PURE__ */ y(
+              /* @__PURE__ */ g("div", { className: "ll-expanded__pill-wrap", children: [
+                /* @__PURE__ */ g(
                   "button",
                   {
                     type: "button",
                     className: "ll-hpill ll-hpill--compact",
                     onClick: (h) => {
-                      h.stopPropagation(), k();
+                      h.stopPropagation(), _();
                     },
                     "aria-haspopup": "listbox",
-                    "aria-expanded": I,
+                    "aria-expanded": A,
                     "aria-label": "Language: English",
                     title: "Language: English",
                     children: [
@@ -1527,7 +1533,7 @@ const Ir = ({
                     ]
                   }
                 ),
-                I && /* @__PURE__ */ n(
+                A && /* @__PURE__ */ n(
                   "div",
                   {
                     className: "ll-hmenu",
@@ -1549,18 +1555,18 @@ const Ir = ({
               /* @__PURE__ */ n(
                 "span",
                 {
-                  className: `ll-expanded__state ll-expanded__state--${v}`,
-                  children: v
+                  className: `ll-expanded__state ll-expanded__state--${b}`,
+                  children: b
                 }
               )
             ] }),
-            /* @__PURE__ */ y("div", { className: "ll-expanded__header-actions", children: [
+            /* @__PURE__ */ g("div", { className: "ll-expanded__header-actions", children: [
               ve !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn",
-                  onClick: z,
+                  onClick: P,
                   "aria-label": "Minimize widget",
                   title: "Minimize",
                   children: /* @__PURE__ */ n(an, {})
@@ -1579,24 +1585,24 @@ const Ir = ({
               )
             ] })
           ] }),
-          ee && /* @__PURE__ */ y("div", { className: "ll-compact-status", "data-state": v, children: [
+          ne && /* @__PURE__ */ g("div", { className: "ll-compact-status", "data-state": b, children: [
             /* @__PURE__ */ n("span", { className: "ll-compact-status__dot", "aria-hidden": !0 }),
-            /* @__PURE__ */ n("span", { className: "ll-compact-status__label", children: v })
+            /* @__PURE__ */ n("span", { className: "ll-compact-status__label", children: b })
           ] })
         ] }) : (
           // 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.
-          !ee && /* @__PURE__ */ y("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
+          !ne && /* @__PURE__ */ g("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
             /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: ot }),
-            /* @__PURE__ */ y("div", { className: "ll-expanded__header-actions", children: [
+            /* @__PURE__ */ g("div", { className: "ll-expanded__header-actions", children: [
               ve !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: z,
+                  onClick: P,
                   "aria-label": "Minimize widget",
                   children: /* @__PURE__ */ n(an, {})
                 }
@@ -1615,9 +1621,9 @@ const Ir = ({
           ] })
         ),
         Qe && /* @__PURE__ */ (() => {
-          const h = N ? "Resume session" : w === "disconnected" ? "Reconnect to agent" : "Start video call";
-          return /* @__PURE__ */ y(Ve, { children: [
-            !D && /* @__PURE__ */ y(
+          const h = S ? "Resume session" : x === "disconnected" ? "Reconnect to agent" : "Start video call";
+          return /* @__PURE__ */ g(Ve, { children: [
+            !D && /* @__PURE__ */ g(
               "button",
               {
                 type: "button",
@@ -1626,11 +1632,11 @@ const Ir = ({
                 "aria-label": h,
                 children: [
                   /* @__PURE__ */ n("div", { className: "ll-expanded__play-circle", children: /* @__PURE__ */ n("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("polygon", { points: "6 3 20 12 6 21 6 3" }) }) }),
-                  ee && /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: h })
+                  ne && /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: h })
                 ]
               }
             ),
-            !ee && /* @__PURE__ */ y("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
+            !ne && /* @__PURE__ */ g("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",
@@ -1645,30 +1651,30 @@ const Ir = ({
             ] })
           ] });
         })(),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ g(
           "div",
           {
-            className: `ll-expanded__pip ${Me && (A || ie) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${Me && (F || H) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: ne,
-                  className: ie ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: oe,
+                  className: H ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
                   ref: et,
-                  className: !ie && A ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  className: !H && F ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        Me ? /* @__PURE__ */ y("div", { className: "ll-expanded__bottom", children: [
-          !ee && He && /* @__PURE__ */ n(
+        Me ? /* @__PURE__ */ g("div", { className: "ll-expanded__bottom", children: [
+          !ne && He && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--agent",
@@ -1676,7 +1682,7 @@ const Ir = ({
               children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: He })
             }
           ),
-          !ee && gt && /* @__PURE__ */ n(
+          !ne && gt && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--user",
@@ -1684,27 +1690,27 @@ const Ir = ({
               children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: gt })
             }
           ),
-          !he && !ee && /* @__PURE__ */ y("div", { className: "ll-toolbar", onClick: (h) => h.stopPropagation(), children: [
+          !he && !ne && /* @__PURE__ */ g("div", { className: "ll-toolbar", onClick: (h) => h.stopPropagation(), children: [
             ye && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${ie ? "is-on" : ""}`,
+                className: `ll-tool ${H ? "is-on" : ""}`,
                 onClick: Ne,
-                "aria-label": ie ? "Stop sharing screen" : "Share screen",
-                title: ie ? "Stop sharing" : "Share screen",
+                "aria-label": H ? "Stop sharing screen" : "Share screen",
+                title: H ? "Stop sharing" : "Share screen",
                 children: /* @__PURE__ */ n(yn, {})
               }
             ),
-            fe && /* @__PURE__ */ y("div", { className: "ll-tool-split", children: [
+            fe && /* @__PURE__ */ g("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${A ? "is-on" : ""}`,
+                  className: `ll-tool ll-tool--left ${F ? "is-on" : ""}`,
                   onClick: Se,
-                  "aria-label": A ? "Turn off camera" : "Turn on camera",
-                  title: A ? "Stop camera" : "Start camera",
+                  "aria-label": F ? "Turn off camera" : "Turn on camera",
+                  title: F ? "Stop camera" : "Start camera",
                   children: /* @__PURE__ */ n(vn, {})
                 }
               ),
@@ -1713,9 +1719,9 @@ const Ir = ({
                 {
                   ref: we,
                   type: "button",
-                  className: `ll-tool ll-tool--right ${A ? "is-on" : ""}`,
+                  className: `ll-tool ll-tool--right ${F ? "is-on" : ""}`,
                   onClick: (h) => {
-                    h.stopPropagation(), G((V) => !V), se(!1);
+                    h.stopPropagation(), X((J) => !J), se(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
@@ -1723,29 +1729,29 @@ const Ir = ({
                   children: /* @__PURE__ */ n(vt, {})
                 }
               ),
-              be && F.length > 0 && /* @__PURE__ */ n(
+              be && O.length > 0 && /* @__PURE__ */ n(
                 cn,
                 {
                   label: "Camera",
-                  devices: F,
-                  activeId: oe,
+                  devices: O,
+                  activeId: j,
                   anchorRef: we,
                   onPick: (h) => {
-                    G(!1), $e(h);
+                    X(!1), $e(h);
                   }
                 }
               )
             ] }),
-            /* @__PURE__ */ y("div", { className: "ll-tool-split", children: [
+            /* @__PURE__ */ g("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${x ? "is-muted" : ""}`,
+                  className: `ll-tool ll-tool--left ${k ? "is-muted" : ""}`,
                   onClick: Ce,
-                  "aria-label": x ? "Unmute microphone" : "Mute microphone",
-                  title: x ? "Unmute" : "Mute",
-                  children: /* @__PURE__ */ n(bn, { muted: x })
+                  "aria-label": k ? "Unmute microphone" : "Mute microphone",
+                  title: k ? "Unmute" : "Mute",
+                  children: /* @__PURE__ */ n(bn, { muted: k })
                 }
               ),
               /* @__PURE__ */ n(
@@ -1753,17 +1759,17 @@ const Ir = ({
                 {
                   ref: de,
                   type: "button",
-                  className: `ll-tool ll-tool--right ${x ? "is-muted" : ""}`,
+                  className: `ll-tool ll-tool--right ${k ? "is-muted" : ""}`,
                   onClick: (h) => {
-                    h.stopPropagation(), se((V) => !V), G(!1);
+                    h.stopPropagation(), se((J) => !J), X(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": re,
+                  "aria-expanded": ie,
                   children: /* @__PURE__ */ n(vt, {})
                 }
               ),
-              re && B.length > 0 && /* @__PURE__ */ n(
+              ie && B.length > 0 && /* @__PURE__ */ n(
                 cn,
                 {
                   label: "Microphone",
@@ -1780,11 +1786,11 @@ const Ir = ({
               "button",
               {
                 type: "button",
-                className: `ll-tool ${ce ? "is-muted" : ""}`,
+                className: `ll-tool ${le ? "is-muted" : ""}`,
                 onClick: Ae,
-                "aria-label": ce ? "Unmute speaker" : "Mute speaker",
-                title: ce ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(wn, { muted: ce })
+                "aria-label": le ? "Unmute speaker" : "Mute speaker",
+                title: le ? "Unmute speaker" : "Mute speaker",
+                children: /* @__PURE__ */ n(wn, { muted: le })
               }
             ),
             /* @__PURE__ */ n(
@@ -1799,18 +1805,18 @@ const Ir = ({
               }
             )
           ] }),
-          !he && ee && /* @__PURE__ */ n(
+          !he && ne && /* @__PURE__ */ n(
             Nr,
             {
-              isMuted: x,
+              isMuted: k,
               onToggleMute: Ce,
-              isCameraEnabled: A,
+              isCameraEnabled: F,
               onToggleCamera: Se,
               allowCamera: fe,
-              isScreenShareEnabled: ie,
+              isScreenShareEnabled: H,
               onToggleScreenShare: Ne,
               allowScreenShare: ye,
-              isSpeakerMuted: ce,
+              isSpeakerMuted: le,
               onToggleSpeaker: Ae,
               allowTyping: pe,
               isTypingOpen: Oe,
@@ -1818,7 +1824,7 @@ const Ir = ({
               onDisconnect: Ke
             }
           ),
-          !he && pe && (ee ? Oe : !0) && /* @__PURE__ */ y("form", { className: "ll-message-input", onSubmit: rt, children: [
+          !he && pe && (ne ? Oe : !0) && /* @__PURE__ */ g("form", { className: "ll-message-input", onSubmit: rt, children: [
             /* @__PURE__ */ n(
               "input",
               {
@@ -1842,8 +1848,8 @@ const Ir = ({
           ] })
         ] }) : null,
         (() => {
-          if (R && w !== "error")
-            return /* @__PURE__ */ y("div", { className: "ll-expanded__banner", role: "alert", children: [
+          if (R && x !== "error")
+            return /* @__PURE__ */ g("div", { className: "ll-expanded__banner", role: "alert", children: [
               /* @__PURE__ */ n("span", { children: R }),
               /* @__PURE__ */ n(
                 "button",
@@ -1856,9 +1862,9 @@ const Ir = ({
                 }
               )
             ] });
-          if (!D || w !== "error") return null;
-          let h = "Failed to connect", V = "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__ */ y("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+          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: [
             /* @__PURE__ */ n("span", { children: h }),
             /* @__PURE__ */ n(
               "button",
@@ -1866,7 +1872,7 @@ const Ir = ({
                 type: "button",
                 className: "ll-expanded__banner-retry",
                 onClick: pt,
-                children: V
+                children: J
               }
             )
           ] });
@@ -1879,7 +1885,7 @@ function vt() {
   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 ln() {
-  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: [
+  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: [
     /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
@@ -1888,20 +1894,20 @@ function an() {
   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 yn() {
-  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: [
+  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: [
     /* @__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 vn() {
-  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: [
+  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: [
     /* @__PURE__ */ n("path", { d: "M23 7l-7 5 7 5V7z" }),
     /* @__PURE__ */ n("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
   ] });
 }
 function bn({ muted: e }) {
-  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: [
+  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: [
     /* @__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" }),
@@ -1909,16 +1915,16 @@ function bn({ muted: e }) {
   ] });
 }
 function wn({ muted: e }) {
-  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: [
+  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: [
     /* @__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__ */ y(Ve, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ g(Ve, { 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 Mr() {
-  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: [
+  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: [
     /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
     /* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
   ] });
@@ -1944,17 +1950,17 @@ const cn = ({
     const a = () => {
       const s = i.current;
       if (!s) return;
-      const f = s.getBoundingClientRect(), b = 126, u = window.innerWidth - 16 - 110, c = f.left + f.width / 2;
+      const u = s.getBoundingClientRect(), y = 126, f = window.innerWidth - 16 - 110, c = u.left + u.width / 2;
       d({
-        top: f.top - 8,
-        left: Math.max(b, Math.min(u, c))
+        top: u.top - 8,
+        left: Math.max(y, 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 : Rt(
-    /* @__PURE__ */ y(
+    /* @__PURE__ */ g(
       "div",
       {
         className: "ll-device-menu ll-device-menu--floating",
@@ -1970,17 +1976,17 @@ const cn = ({
         children: [
           /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
           t.map((a, s) => {
-            const f = r === a.deviceId;
-            return /* @__PURE__ */ y(
+            const u = r === a.deviceId;
+            return /* @__PURE__ */ g(
               "button",
               {
                 type: "button",
-                className: `ll-device-menu__item ${f ? "is-active" : ""}`,
+                className: `ll-device-menu__item ${u ? "is-active" : ""}`,
                 onClick: () => o(a.deviceId),
                 role: "option",
-                "aria-selected": f,
+                "aria-selected": u,
                 children: [
-                  f && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
+                  u && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
                   /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: a.label || `${e} ${s + 1}` })
                 ]
               },
@@ -2075,103 +2081,103 @@ function Br(e, t = {}) {
   const o = typeof window < "u" && window.location.href || "", i = typeof window < "u" && window.location.pathname || "/", l = r.title || "", d = Array.from(
     r.querySelectorAll("[data-ll-region]")
   ), a = [];
-  for (const x of d) {
+  for (const k of d) {
     if (a.length >= $r) break;
-    if (ct(x) || !st(x)) continue;
-    const R = x.getAttribute("data-ll-region") ?? "", B = x.getAttribute("data-ll-intent") ?? void 0, q = ge(
-      (x.innerText || x.textContent || "").trim(),
+    if (ct(k) || !st(k)) continue;
+    const R = k.getAttribute("data-ll-region") ?? "", B = k.getAttribute("data-ll-intent") ?? void 0, q = ge(
+      (k.innerText || k.textContent || "").trim(),
       sn * 2
     );
     !R || !q || a.push({ id: R, intent: B, text: q });
   }
-  const s = [], f = ["H1", "H2", "H3", "H4", "H5", "H6"], b = Array.from(
+  const s = [], u = ["H1", "H2", "H3", "H4", "H5", "H6"], y = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
-  for (const x of b) {
-    if (ct(x) || !st(x)) continue;
-    const R = (x.textContent || "").trim();
-    R && s.push(`${x.tagName}: ${ge(R, 200)}`);
+  for (const k of y) {
+    if (ct(k) || !st(k)) continue;
+    const R = (k.textContent || "").trim();
+    R && s.push(`${k.tagName}: ${ge(R, 200)}`);
   }
-  const u = Array.from(r.querySelectorAll("p, li"));
-  for (const x of u) {
-    if (ct(x) || !st(x) || f.includes(x.tagName)) continue;
-    const R = (x.textContent || "").trim();
+  const f = Array.from(r.querySelectorAll("p, li"));
+  for (const k of f) {
+    if (ct(k) || !st(k) || u.includes(k.tagName)) continue;
+    const R = (k.textContent || "").trim();
     R.length > 10 && s.push(ge(R, sn));
   }
   const c = s.join(`
-`), I = [], k = Array.from(r.querySelectorAll("a[href]"));
-  for (const x of k) {
-    if (I.length >= Dr) break;
-    if (ct(x) || !st(x)) continue;
-    const R = x.getAttribute("href") || "", B = (x.textContent || "").trim();
-    !R || !B || I.push({ href: R, text: ge(B, 100) });
+`), A = [], _ = Array.from(r.querySelectorAll("a[href]"));
+  for (const k of _) {
+    if (A.length >= Dr) break;
+    if (ct(k) || !st(k)) continue;
+    const R = k.getAttribute("href") || "", B = (k.textContent || "").trim();
+    !R || !B || A.push({ href: R, text: ge(B, 100) });
   }
-  const w = [], v = Array.from(
+  const x = [], b = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
-  for (const x of v) {
-    if (w.length >= Pr) break;
-    if (ct(x) || !_t(x) || !st(x)) continue;
-    const R = dn(x), B = x instanceof HTMLInputElement ? x.type : x.tagName.toLowerCase();
-    R && w.push({ label: ge(R, 100), type: B });
+  for (const k of b) {
+    if (x.length >= Pr) break;
+    if (ct(k) || !_t(k) || !st(k)) continue;
+    const R = dn(k), B = k instanceof HTMLInputElement ? k.type : k.tagName.toLowerCase();
+    R && x.push({ label: ge(R, 100), type: B });
   }
-  const m = Array.from(
+  const v = Array.from(
     r.querySelectorAll("[data-ll-form]")
-  ), N = [];
-  for (const x of m) {
-    if (N.length >= zr) break;
-    if (It(x)) continue;
-    const R = x.getAttribute("data-ll-form") || "";
+  ), S = [];
+  for (const k of v) {
+    if (S.length >= zr) break;
+    if (It(k)) continue;
+    const R = k.getAttribute("data-ll-form") || "";
     if (!R) continue;
-    const B = x.getAttribute("data-ll-intent") || void 0, q = Array.from(
-      x.querySelectorAll(
+    const B = k.getAttribute("data-ll-intent") || void 0, q = Array.from(
+      k.querySelectorAll(
         "[data-ll-field]"
       )
-    ), A = [];
-    for (const T of q) {
-      if (A.length >= Or) break;
-      if (!_t(T)) continue;
-      const F = T.getAttribute("data-ll-field") || "";
-      if (!F) continue;
-      const oe = dn(T) || F, ie = T instanceof HTMLInputElement ? T.type : T.tagName.toLowerCase(), Z = {
-        name: F,
-        label: ge(oe, 100),
-        type: ie
+    ), F = [];
+    for (const U of q) {
+      if (F.length >= Or) break;
+      if (!_t(U)) continue;
+      const O = U.getAttribute("data-ll-field") || "";
+      if (!O) continue;
+      const j = dn(U) || O, H = U instanceof HTMLInputElement ? U.type : U.tagName.toLowerCase(), G = {
+        name: O,
+        label: ge(j, 100),
+        type: H
       };
-      if (T.required === !0 && (Z.required = !0), T instanceof HTMLSelectElement) {
+      if (U.required === !0 && (G.required = !0), U instanceof HTMLSelectElement) {
         const fe = [];
-        for (let ye = 0; ye < T.options.length && !(fe.length >= Hr); ye++) {
-          const pe = T.options[ye];
+        for (let ye = 0; ye < U.options.length && !(fe.length >= Hr); ye++) {
+          const pe = U.options[ye];
           if (!pe || pe.disabled) continue;
           const ve = pe.value || "", he = (pe.textContent || "").trim() || ve;
           !ve && !he || fe.push({ value: ve, label: ge(he, 60) });
         }
-        fe.length > 0 && (Z.options = fe);
+        fe.length > 0 && (G.options = fe);
       }
-      const ce = typeof T.validationMessage == "string" ? T.validationMessage : "";
-      ce && (Z.validationMessage = ge(ce, 200)), A.push(Z);
+      const le = typeof U.validationMessage == "string" ? U.validationMessage : "";
+      le && (G.validationMessage = ge(le, 200)), F.push(G);
     }
-    N.push({ id: R, intent: B, fields: A });
+    S.push({ id: R, intent: B, fields: F });
   }
-  const $ = {
+  const M = {
     url: o,
     title: l,
     pathname: i,
     regions: a,
     visibleText: c,
-    visibleLinks: I,
-    visibleFields: w,
-    forms: N,
+    visibleLinks: A,
+    visibleFields: x,
+    forms: S,
     extras: e
   };
-  let D = Fe(JSON.stringify($.regions)) + Fe($.visibleText) + Fe(JSON.stringify($.visibleLinks)) + Fe(JSON.stringify($.visibleFields));
-  for (; D > bt && $.visibleFields.length > 0; )
-    $.visibleFields.pop(), D = Fe(JSON.stringify($.visibleFields));
-  for (; D > bt && $.visibleLinks.length > 0; )
-    $.visibleLinks.pop(), D -= 80;
-  return Fe($.visibleText) > bt && ($.visibleText = ge($.visibleText, bt - 100)), $;
+  let D = Fe(JSON.stringify(M.regions)) + Fe(M.visibleText) + Fe(JSON.stringify(M.visibleLinks)) + Fe(JSON.stringify(M.visibleFields));
+  for (; D > bt && M.visibleFields.length > 0; )
+    M.visibleFields.pop(), D = Fe(JSON.stringify(M.visibleFields));
+  for (; D > bt && M.visibleLinks.length > 0; )
+    M.visibleLinks.pop(), D -= 80;
+  return Fe(M.visibleText) > bt && (M.visibleText = ge(M.visibleText, bt - 100)), M;
 }
 let Ue = null;
 function un(e, t = {}) {
@@ -2207,19 +2213,19 @@ function Vr(e) {
     if (It(d)) continue;
     const a = d.getAttribute("href") || "";
     if (!jr(a)) continue;
-    let s = a, f = !0;
+    let s = a, u = !0;
     try {
       if (typeof window < "u") {
-        const u = new URL(a, r);
-        f = u.origin === r, f && a.startsWith("http") && (s = u.pathname + u.search + u.hash);
+        const f = new URL(a, r);
+        u = f.origin === r, u && a.startsWith("http") && (s = f.pathname + f.search + f.hash);
       }
     } catch {
       continue;
     }
     if (o.has(s)) continue;
     o.add(s);
-    const b = (d.textContent || "").trim().slice(0, 120);
-    i.push({ href: s, text: b, internal: f });
+    const y = (d.textContent || "").trim().slice(0, 120);
+    i.push({ href: s, text: y, internal: u });
   }
   return i;
 }
@@ -2328,39 +2334,39 @@ const no = /* @__PURE__ */ new Set([
       sessionEndpoint: d,
       sessionBody: a,
       soundEffects: s,
-      experienceMode: f = "WIDGET",
-      autoConnect: b = !1,
-      displayMode: u,
+      experienceMode: u = "WIDGET",
+      autoConnect: y = !1,
+      displayMode: f,
       defaultDisplayMode: c = "expanded",
-      onDisplayModeChange: I,
-      position: k = "bottom-right",
-      mobileBreakpoint: w = 640,
-      persistKey: v = "ll-widget",
-      disablePersistence: m = !1,
-      teamMembers: N,
-      currentTeamMemberId: $,
+      onDisplayModeChange: A,
+      position: _ = "bottom-right",
+      mobileBreakpoint: x = 640,
+      persistKey: b = "ll-widget",
+      disablePersistence: v = !1,
+      teamMembers: S,
+      currentTeamMemberId: M,
       onTeamMemberChange: D,
-      idleLoopUrl: x,
+      idleLoopUrl: k,
       greeting: R,
       avatarImageUrl: B,
       agentName: q,
-      branding: A = {},
-      allowCamera: T = !0,
-      allowScreenShare: F = !0,
-      allowTyping: oe = !0,
-      showMinimize: ie = !0,
-      chromeless: Z = !1,
-      floatingChromeContainer: ce = null,
+      branding: F = {},
+      allowCamera: U = !0,
+      allowScreenShare: O = !0,
+      allowTyping: j = !0,
+      showMinimize: H = !0,
+      chromeless: G = !1,
+      floatingChromeContainer: le = null,
       compactControls: fe = !1,
       transforming: ye = !1,
       transformingLabel: pe = "Transforming…",
       showOn: ve,
       hideOn: he,
-      pathname: ee,
+      pathname: ne,
       onNavigate: ut,
       onScrollToSelector: Ge,
       getPageContext: ft,
-      pageContextExtras: le,
+      pageContextExtras: ae,
       getRoutes: Je,
       onScrollPage: Ke,
       onClick: pt,
@@ -2372,45 +2378,45 @@ const no = /* @__PURE__ */ new Set([
       onConnectionStateChange: Ne,
       onAgentEvent: Ae,
       onAgentCommand: Re,
-      controlledSession: z,
+      controlledSession: P,
       className: ht,
       style: xt,
       zIndex: Ie = 2147483647
-    } = t, Me = ar(ee), te = hr(Me, ve, he);
-    M(() => {
+    } = t, Me = ar(ne), re = hr(Me, ve, he);
+    I(() => {
       qr(), Gr();
     }, [Me]);
-    const Qe = $ !== void 0, [Ze, ze] = C(() => {
-      var g;
-      return $ ?? ((g = N == null ? void 0 : N[0]) == null ? void 0 : g.id);
-    }), Te = Qe ? $ : Ze, X = Ye(
-      () => (N == null ? void 0 : N.find((g) => g.id === Te)) ?? null,
-      [N, Te]
-    ), mt = (X == null ? void 0 : X.agentId) ?? o, et = f === "EMBEDDED", [ne, re] = rr({
-      value: u,
+    const Qe = M !== void 0, [Ze, ze] = C(() => {
+      var m;
+      return M ?? ((m = S == null ? void 0 : S[0]) == null ? void 0 : m.id);
+    }), Te = Qe ? M : Ze, ee = Ye(
+      () => (S == null ? void 0 : S.find((m) => m.id === Te)) ?? null,
+      [S, Te]
+    ), mt = (ee == null ? void 0 : ee.agentId) ?? o, et = u === "EMBEDDED", [oe, ie] = rr({
+      value: f,
       defaultValue: c,
-      onChange: I,
-      persistKey: v,
-      disablePersistence: et || m
-    }), se = ir(w), be = jn(), G = Vn(), de = Gn(), we = Jn(), Oe = Kn(), [kt, tt] = C(!1), [_e, nt] = C(!1), [rt, ot] = C(!1), [xe, ke] = C(!1), [He, gt] = C(!1), We = gr({ baseUrl: l, config: s }), De = S(We);
+      onChange: A,
+      persistKey: b,
+      disablePersistence: et || v
+    }), se = ir(x), be = jn(), X = Vn(), de = Gn(), we = Jn(), Oe = Kn(), [kt, tt] = C(!1), [_e, nt] = C(!1), [rt, ot] = C(!1), [xe, ke] = C(!1), [He, gt] = C(!1), We = gr({ baseUrl: l, config: s }), De = N(We);
     De.current = We;
-    const h = S(ut), V = S(Ge), Lt = S(Ke), Et = S(pt), Mt = S(ft), Tt = S(le), Dt = S(Je), Ct = S(Xe), ue = S(null);
-    h.current = ut, V.current = Ge, Lt.current = Ke, Et.current = pt, Mt.current = ft, Tt.current = le, Dt.current = Je, Ct.current = Xe;
-    function Le(g) {
+    const h = N(ut), J = N(Ge), Lt = N(Ke), Et = N(pt), Mt = N(ft), Tt = N(ae), Dt = N(Je), Ct = N(Xe), ue = N(null);
+    h.current = ut, J.current = Ge, Lt.current = Ke, Et.current = pt, Mt.current = ft, Tt.current = ae, Dt.current = Je, Ct.current = Xe;
+    function Le(m) {
       const p = Ct.current;
-      return p ? p.includes(g) : !0;
+      return p ? p.includes(m) : !0;
     }
-    function Ee(g, p) {
+    function Ee(m, p) {
       console.warn(
-        `[LiveLayer] Agent command "${g}" blocked — capability "${p}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
+        `[LiveLayer] Agent command "${m}" blocked — capability "${p}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
       );
     }
     const it = E(
-      (g) => {
-        var Y, ae, me, at;
-        const p = g;
+      (m) => {
+        var K, ce, me, at;
+        const p = m;
         if (!(!p.type || typeof p.type != "string")) {
-          if (Ae == null || Ae({ eventName: p.type, data: g }), p.type === "navigate") {
+          if (Ae == null || Ae({ eventName: p.type, data: m }), p.type === "navigate") {
             if (!Le("navigate")) {
               Ee("navigate", "navigate");
               return;
@@ -2425,30 +2431,30 @@ const no = /* @__PURE__ */ new Set([
             if (De.current.playPageChange(), h.current) {
               try {
                 h.current(L);
-              } catch (P) {
+              } catch (T) {
                 console.warn(
                   `[LiveLayer] onNavigate threw for "${L}". Falling back. Error:`,
-                  P
+                  T
                 );
               }
               return;
             }
             if (typeof document < "u") {
-              const P = document.querySelector(
+              const T = document.querySelector(
                 `a[href="${L.replace(/"/g, '\\"')}"]`
               );
-              if (P) {
-                P.click();
+              if (T) {
+                T.click();
                 return;
               }
             }
             if (typeof window < "u" && typeof history < "u")
               try {
                 history.pushState({}, "", L), window.dispatchEvent(new PopStateEvent("popstate"));
-              } catch (P) {
+              } catch (T) {
                 console.warn(
                   `[LiveLayer] history.pushState fallback failed for "${L}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
-                  P
+                  T
                 );
               }
             return;
@@ -2460,12 +2466,12 @@ const no = /* @__PURE__ */ new Set([
             }
             const L = typeof p.selector == "string" ? p.selector : null;
             if (!L) return;
-            const P = p.behavior === "instant" ? "instant" : "smooth";
-            if (V.current) {
+            const T = p.behavior === "instant" ? "instant" : "smooth";
+            if (J.current) {
               try {
-                V.current(
+                J.current(
                   L,
-                  P
+                  T
                 );
               } catch (W) {
                 console.warn("[LiveLayer] onScrollToSelector threw.", W);
@@ -2489,7 +2495,7 @@ const no = /* @__PURE__ */ new Set([
                 return;
               }
               W.scrollIntoView({
-                behavior: P,
+                behavior: T,
                 block: "start"
               });
             }
@@ -2500,45 +2506,45 @@ const no = /* @__PURE__ */ new Set([
               Ee("request_page_context", "read_page");
               return;
             }
-            const L = typeof p.requestId == "string" ? p.requestId : void 0, P = (Y = ue.current) == null ? void 0 : Y.call(ue), W = (j) => {
-              const O = P, K = O == null ? void 0 : O.localParticipant;
-              if (K != null && K.publishData)
+            const L = typeof p.requestId == "string" ? p.requestId : void 0, T = (K = ue.current) == null ? void 0 : K.call(ue), W = (Y) => {
+              const $ = T, Z = $ == null ? void 0 : $.localParticipant;
+              if (Z != null && Z.publishData)
                 try {
-                  const Q = L ? { ...j, requestId: L } : j, qe = new TextEncoder().encode(JSON.stringify(Q));
-                  K.publishData(qe, { reliable: !0 });
-                } catch (Q) {
-                  console.warn("[LiveLayer] publishData failed.", Q);
+                  const te = L ? { ...Y, requestId: L } : Y, qe = new TextEncoder().encode(JSON.stringify(te));
+                  Z.publishData(qe, { reliable: !0 });
+                } catch (te) {
+                  console.warn("[LiveLayer] publishData failed.", te);
                 }
-            }, H = Tt.current, U = Mt.current;
+            }, z = Tt.current, V = Mt.current;
             try {
-              if (U) {
-                const j = U(H);
-                if (j instanceof Promise) {
-                  W({ type: "page_context_pending" }), j.then((O) => W({ type: "page_context", context: O })).catch((O) => {
+              if (V) {
+                const Y = V(z);
+                if (Y instanceof Promise) {
+                  W({ type: "page_context_pending" }), Y.then(($) => W({ type: "page_context", context: $ })).catch(($) => {
                     console.warn(
                       "[LiveLayer] getPageContext rejected; falling back to default walker.",
-                      O
+                      $
                     ), W({
                       type: "page_context",
-                      context: un(H)
+                      context: un(z)
                     });
                   });
                   return;
                 }
-                W({ type: "page_context", context: j });
+                W({ type: "page_context", context: Y });
                 return;
               }
               W({
                 type: "page_context",
-                context: un(H)
+                context: un(z)
               });
-            } catch (j) {
+            } catch (Y) {
               console.warn(
                 "[LiveLayer] page-context extraction threw. Sending empty context.",
-                j
+                Y
               ), W({
                 type: "page_context",
-                context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: H }
+                context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: z }
               });
             }
             return;
@@ -2555,25 +2561,25 @@ const no = /* @__PURE__ */ new Set([
               );
               return;
             }
-            const P = p.behavior === "instant" ? "instant" : "smooth";
+            const T = p.behavior === "instant" ? "instant" : "smooth";
             if (Lt.current) {
               try {
                 Lt.current(
                   L,
-                  P
+                  T
                 );
-              } catch (O) {
-                console.warn("[LiveLayer] onScrollPage threw.", O);
+              } catch ($) {
+                console.warn("[LiveLayer] onScrollPage threw.", $);
               }
               return;
             }
             if (typeof window > "u") return;
-            const W = { behavior: P }, H = eo(), U = (O) => {
-              H instanceof Window ? H.scrollBy({ top: O, ...W }) : H.scrollBy({ top: O, ...W });
-            }, j = (O) => {
-              H instanceof Window ? H.scrollTo({ top: O, ...W }) : H.scrollTo({ top: O, ...W });
+            const W = { behavior: T }, z = eo(), V = ($) => {
+              z instanceof Window ? z.scrollBy({ top: $, ...W }) : z.scrollBy({ top: $, ...W });
+            }, Y = ($) => {
+              z instanceof Window ? z.scrollTo({ top: $, ...W }) : z.scrollTo({ top: $, ...W });
             };
-            L === "up" ? U(-fn(H)) : L === "down" ? U(fn(H)) : j(L === "top" ? 0 : to(H));
+            L === "up" ? V(-fn(z)) : L === "down" ? V(fn(z)) : Y(L === "top" ? 0 : to(z));
             return;
           }
           if (p.type === "click") {
@@ -2595,28 +2601,28 @@ const no = /* @__PURE__ */ new Set([
               return;
             }
             if (typeof document > "u") return;
-            let P = null;
+            let T = null;
             try {
-              P = document.querySelector(L);
+              T = document.querySelector(L);
             } catch {
               console.warn(
                 `[LiveLayer] click: invalid selector "${L}".`
               );
               return;
             }
-            if (!P) {
+            if (!T) {
               console.warn(
                 `[LiveLayer] click: no element matched "${L}". See https://livelayer.studio/docs/errors/click-no-match`
               );
               return;
             }
-            if (P.closest('[data-ll-private="true"], .ll-widget')) {
+            if (T.closest('[data-ll-private="true"], .ll-widget')) {
               console.warn(
                 "[LiveLayer] click: refusing to click element inside a private subtree."
               );
               return;
             }
-            (ae = P.click) == null || ae.call(P);
+            (ce = T.click) == null || ce.call(T);
             return;
           }
           if (p.type === "fill_form" || p.type === "focus_field") {
@@ -2631,41 +2637,41 @@ const no = /* @__PURE__ */ new Set([
               console.warn(`[LiveLayer] ${p.type}: missing formId.`);
               return;
             }
-            const P = document.querySelector(
+            const T = document.querySelector(
               `[data-ll-form="${L.replace(/"/g, '\\"')}"]`
             );
-            if (!P) {
+            if (!T) {
               console.warn(
                 `[LiveLayer] ${p.type}: no form with data-ll-form="${L}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
               );
               return;
             }
-            if (P.closest('[data-ll-private="true"], .ll-widget')) {
+            if (T.closest('[data-ll-private="true"], .ll-widget')) {
               console.warn(
                 `[LiveLayer] ${p.type}: refusing to touch a form in a private subtree.`
               );
               return;
             }
             if (p.type === "focus_field") {
-              const H = typeof p.fieldName == "string" ? p.fieldName : null;
-              if (!H) {
+              const z = typeof p.fieldName == "string" ? p.fieldName : null;
+              if (!z) {
                 console.warn("[LiveLayer] focus_field: missing fieldName.");
                 return;
               }
-              const U = P.querySelector(`[data-ll-field="${H.replace(/"/g, '\\"')}"]`);
-              if (!U) {
+              const V = T.querySelector(`[data-ll-field="${z.replace(/"/g, '\\"')}"]`);
+              if (!V) {
                 console.warn(
-                  `[LiveLayer] focus_field: no field "${H}" in form "${L}".`
+                  `[LiveLayer] focus_field: no field "${z}" in form "${L}".`
                 );
                 return;
               }
-              if (!_t(U)) {
+              if (!_t(V)) {
                 console.warn(
-                  `[LiveLayer] focus_field: field "${H}" is privacy-protected and not focusable.`
+                  `[LiveLayer] focus_field: field "${z}" is privacy-protected and not focusable.`
                 );
                 return;
               }
-              U.focus();
+              V.focus();
               return;
             }
             const W = p.values && typeof p.values == "object" ? p.values : null;
@@ -2673,27 +2679,27 @@ const no = /* @__PURE__ */ new Set([
               console.warn("[LiveLayer] fill_form: missing or invalid values.");
               return;
             }
-            for (const [H, U] of Object.entries(W)) {
-              if (typeof U != "string") continue;
-              const j = P.querySelector(`[data-ll-field="${H.replace(/"/g, '\\"')}"]`);
-              if (!j) {
+            for (const [z, V] of Object.entries(W)) {
+              if (typeof V != "string") continue;
+              const Y = T.querySelector(`[data-ll-field="${z.replace(/"/g, '\\"')}"]`);
+              if (!Y) {
                 console.warn(
-                  `[LiveLayer] fill_form: no field "${H}" in form "${L}". Skipping.`
+                  `[LiveLayer] fill_form: no field "${z}" in form "${L}". Skipping.`
                 );
                 continue;
               }
-              if (!_t(j)) {
+              if (!_t(Y)) {
                 console.warn(
-                  `[LiveLayer] fill_form: field "${H}" is privacy-protected (password / cc-* / private). Skipping.`
+                  `[LiveLayer] fill_form: field "${z}" is privacy-protected (password / cc-* / private). Skipping.`
                 );
                 continue;
               }
               try {
-                Kr(j, U);
-              } catch (O) {
+                Kr(Y, V);
+              } catch ($) {
                 console.warn(
-                  `[LiveLayer] fill_form: failed to set "${H}".`,
-                  O
+                  `[LiveLayer] fill_form: failed to set "${z}".`,
+                  $
                 );
               }
             }
@@ -2711,39 +2717,39 @@ const no = /* @__PURE__ */ new Set([
               return;
             }
             De.current.playConfirmation();
-            const P = document.querySelector(
+            const T = document.querySelector(
               `[data-ll-form="${L.replace(/"/g, '\\"')}"]`
             );
-            if (!P) {
+            if (!T) {
               console.warn(
                 `[LiveLayer] submit_form: no form with data-ll-form="${L}".`
               );
               return;
             }
-            if (P.closest('[data-ll-private="true"], .ll-widget')) {
+            if (T.closest('[data-ll-private="true"], .ll-widget')) {
               console.warn(
                 "[LiveLayer] submit_form: refusing to submit a form in a private subtree."
               );
               return;
             }
-            const W = typeof p.requestId == "string" ? p.requestId : void 0, H = (me = ue.current) == null ? void 0 : me.call(ue), U = (K) => {
-              const Q = H, qe = Q == null ? void 0 : Q.localParticipant;
+            const W = typeof p.requestId == "string" ? p.requestId : void 0, z = (me = ue.current) == null ? void 0 : me.call(ue), V = (Z) => {
+              const te = z, qe = te == null ? void 0 : te.localParticipant;
               if (qe != null && qe.publishData)
                 try {
-                  const Pn = W ? { ...K, requestId: W } : K, $n = new TextEncoder().encode(JSON.stringify(Pn));
+                  const Pn = W ? { ...Z, requestId: W } : Z, $n = new TextEncoder().encode(JSON.stringify(Pn));
                   qe.publishData($n, { reliable: !0 });
                 } catch {
                 }
             };
-            let j = !1;
-            const O = () => {
-              j = !0, U({ type: "form_submitted", formId: L });
+            let Y = !1;
+            const $ = () => {
+              Y = !0, V({ type: "form_submitted", formId: L });
             };
-            P.addEventListener("submit", O, { once: !0 });
+            T.addEventListener("submit", $, { once: !0 });
             try {
-              typeof P.requestSubmit == "function" ? P.requestSubmit() : P.submit();
-            } catch (K) {
-              console.warn("[LiveLayer] submit_form: requestSubmit threw.", K), P.removeEventListener("submit", O), U({
+              typeof T.requestSubmit == "function" ? T.requestSubmit() : T.submit();
+            } catch (Z) {
+              console.warn("[LiveLayer] submit_form: requestSubmit threw.", Z), T.removeEventListener("submit", $), V({
                 type: "form_submit_blocked",
                 formId: L,
                 reason: "exception"
@@ -2751,7 +2757,7 @@ const no = /* @__PURE__ */ new Set([
               return;
             }
             setTimeout(() => {
-              j || (P.removeEventListener("submit", O), U({
+              Y || (T.removeEventListener("submit", $), V({
                 type: "form_submit_blocked",
                 formId: L,
                 reason: "validation"
@@ -2764,43 +2770,43 @@ const no = /* @__PURE__ */ new Set([
               Ee("request_routes", "read_page");
               return;
             }
-            const L = typeof p.requestId == "string" ? p.requestId : void 0, W = (at = ue.current) == null ? void 0 : at.call(ue), H = W == null ? void 0 : W.localParticipant;
-            if (!(H != null && H.publishData)) return;
-            const U = (O) => {
+            const L = typeof p.requestId == "string" ? p.requestId : void 0, W = (at = ue.current) == null ? void 0 : at.call(ue), z = W == null ? void 0 : W.localParticipant;
+            if (!(z != null && z.publishData)) return;
+            const V = ($) => {
               try {
-                const K = L ? { type: "routes", routes: O, requestId: L } : { type: "routes", routes: O }, Q = new TextEncoder().encode(JSON.stringify(K));
-                H.publishData(Q, { reliable: !0 });
-              } catch (K) {
-                console.warn("[LiveLayer] request_routes: publishData failed.", K);
+                const Z = L ? { type: "routes", routes: $, requestId: L } : { type: "routes", routes: $ }, te = new TextEncoder().encode(JSON.stringify(Z));
+                z.publishData(te, { reliable: !0 });
+              } catch (Z) {
+                console.warn("[LiveLayer] request_routes: publishData failed.", Z);
               }
-            }, j = Dt.current;
-            if (j) {
+            }, Y = Dt.current;
+            if (Y) {
               try {
-                const O = j(), K = (Q) => {
-                  if (!Array.isArray(Q)) {
-                    U([]);
+                const $ = Y(), Z = (te) => {
+                  if (!Array.isArray(te)) {
+                    V([]);
                     return;
                   }
-                  U(Q.map(Ur).slice(0, 200));
+                  V(te.map(Ur).slice(0, 200));
                 };
-                O instanceof Promise ? O.then(K).catch((Q) => {
+                $ instanceof Promise ? $.then(Z).catch((te) => {
                   console.warn(
                     "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
-                    Q
-                  ), U(Nt());
-                }) : K(O);
-              } catch (O) {
+                    te
+                  ), V(Nt());
+                }) : Z($);
+              } catch ($) {
                 console.warn(
                   "[LiveLayer] getRoutes threw; falling back to DOM walker.",
-                  O
-                ), U(Nt());
+                  $
+                ), V(Nt());
               }
               return;
             }
             try {
-              U(Nt());
-            } catch (O) {
-              console.warn("[LiveLayer] request_routes: extractRoutes threw.", O);
+              V(Nt());
+            } catch ($) {
+              console.warn("[LiveLayer] request_routes: extractRoutes threw.", $);
             }
             return;
           }
@@ -2808,28 +2814,28 @@ const no = /* @__PURE__ */ new Set([
         }
       },
       [Re, Ae]
-    ), J = Un({
-      agentId: z ? "__controlled__" : mt,
+    ), Q = Un({
+      agentId: P ? "__controlled__" : mt,
       baseUrl: l,
       apiKey: i,
       sessionEndpoint: d,
       sessionBody: a,
-      onDataMessage: z ? void 0 : it
+      onDataMessage: P ? void 0 : it
     });
-    M(() => {
-      if (z != null && z.subscribeToDataMessages)
-        return z.subscribeToDataMessages(it);
-    }, [z, it]), ue.current = () => {
-      var g;
-      return (g = J.getRoom) == null ? void 0 : g.call(J);
-    }, M(() => {
-      var Y;
+    I(() => {
+      if (P != null && P.subscribeToDataMessages)
+        return P.subscribeToDataMessages(it);
+    }, [P, it]), ue.current = () => {
+      var m;
+      return (m = Q.getRoom) == null ? void 0 : m.call(Q);
+    }, I(() => {
+      var K;
       if (typeof window > "u") return;
-      const g = ((Y = window.location) == null ? void 0 : Y.hostname) || "";
-      if (g === "localhost" || g === "127.0.0.1" || g === "0.0.0.0" || g.endsWith(".local") || g.endsWith(".test"))
-        return window.__livelayerSimulateCommand = (ae) => {
+      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 = (ce) => {
           try {
-            it(ae);
+            it(ce);
           } catch (me) {
             console.warn("[LiveLayer] simulate-command threw:", me);
           }
@@ -2837,59 +2843,59 @@ const no = /* @__PURE__ */ new Set([
           delete window.__livelayerSimulateCommand;
         };
     }, [it]);
-    const _ = Ye(() => z ? {
-      connectionState: z.connectionState,
-      agentState: z.agentState,
-      transcript: z.transcript,
-      videoElement: z.videoElement,
-      audioElement: z.audioElement,
-      canResume: z.canResume,
-      error: z.error,
+    const w = Ye(() => P ? {
+      connectionState: P.connectionState,
+      agentState: P.agentState,
+      transcript: P.transcript,
+      videoElement: P.videoElement,
+      audioElement: P.audioElement,
+      canResume: P.canResume,
+      error: P.error,
       agentConfig: null,
       connect: async () => {
-        await z.onConnect();
+        await P.onConnect();
       },
-      disconnect: () => z.onDisconnect(),
+      disconnect: () => P.onDisconnect(),
       // Dummy getRoom for shape compatibility — controlled consumers own the Room.
       // Internal session's getRoom returns null when no real connect has happened,
       // so we reuse its reference for type consistency.
-      getRoom: J.getRoom,
+      getRoom: Q.getRoom,
       isControlled: !0
     } : {
-      connectionState: J.connectionState,
-      agentState: J.agentState,
-      transcript: J.transcript,
-      videoElement: J.videoElement,
-      audioElement: J.audioElement,
-      canResume: J.canResume,
-      error: J.error,
-      agentConfig: J.agentConfig,
-      connect: J.connect,
-      disconnect: J.disconnect,
-      getRoom: J.getRoom,
+      connectionState: Q.connectionState,
+      agentState: Q.agentState,
+      transcript: Q.transcript,
+      videoElement: Q.videoElement,
+      audioElement: Q.audioElement,
+      canResume: Q.canResume,
+      error: Q.error,
+      agentConfig: Q.agentConfig,
+      connect: Q.connect,
+      disconnect: Q.disconnect,
+      getRoom: Q.getRoom,
       isControlled: !1
-    }, [z, J]), Pt = S(_);
-    Pt.current = _;
-    const $t = S(z);
-    $t.current = z, On(
+    }, [P, Q]), Pt = N(w);
+    Pt.current = w;
+    const $t = N(P);
+    $t.current = P, On(
       r,
       () => ({
-        sendData: async (g) => {
+        sendData: async (m) => {
           var me, at;
           const p = $t.current;
           if (p != null && p.publishData) {
             try {
-              await p.publishData(g);
+              await p.publishData(m);
             } catch (L) {
               console.warn("[AvatarWidget] sendData (controlled) failed:", L);
             }
             return;
           }
-          const Y = (at = (me = Pt.current) == null ? void 0 : me.getRoom) == null ? void 0 : at.call(me), ae = Y == null ? void 0 : Y.localParticipant;
-          if (ae != null && ae.publishData)
+          const K = (at = (me = Pt.current) == null ? void 0 : me.getRoom) == null ? void 0 : at.call(me), ce = K == null ? void 0 : K.localParticipant;
+          if (ce != null && ce.publishData)
             try {
-              const L = new TextEncoder().encode(JSON.stringify(g));
-              await ae.publishData(L, { reliable: !0 });
+              const L = new TextEncoder().encode(JSON.stringify(m));
+              await ce.publishData(L, { reliable: !0 });
             } catch (L) {
               console.warn("[AvatarWidget] sendData failed:", L);
             }
@@ -2897,152 +2903,152 @@ const no = /* @__PURE__ */ new Set([
       }),
       []
     );
-    const zt = S(null);
-    M(() => {
-      const g = _.videoElement, p = zt.current;
-      if (!(!g || !p))
-        return p.appendChild(g), () => {
-          g.parentNode === p && p.removeChild(g);
+    const zt = N(null);
+    I(() => {
+      const m = w.videoElement, p = zt.current;
+      if (!(!m || !p))
+        return p.appendChild(m), () => {
+          m.parentNode === p && p.removeChild(m);
         };
-    }, [_.videoElement]), M(() => {
-      const g = _.audioElement;
-      if (!g) return;
-      be.attach(g);
-      const p = g.play();
-      return p && typeof p.catch == "function" && p.catch((Y) => {
-        (Y == null ? void 0 : Y.name) === "NotAllowedError" && tt(!0);
+    }, [w.videoElement]), I(() => {
+      const m = w.audioElement;
+      if (!m) return;
+      be.attach(m);
+      const p = m.play();
+      return p && typeof p.catch == "function" && p.catch((K) => {
+        (K == null ? void 0 : K.name) === "NotAllowedError" && tt(!0);
       }), () => {
         be.detach();
       };
-    }, [_.audioElement]), M(() => {
-      if (_.isControlled || _.connectionState !== "connected") return;
-      const g = _.getRoom();
-      if (g)
-        return G.setupMic(g).catch(() => {
+    }, [w.audioElement]), I(() => {
+      if (w.isControlled || w.connectionState !== "connected") return;
+      const m = w.getRoom();
+      if (m)
+        return X.setupMic(m).catch(() => {
         }), () => {
-          G.teardownMic();
+          X.teardownMic();
         };
-    }, [_.isControlled, _.connectionState]), M(() => {
+    }, [w.isControlled, w.connectionState]), I(() => {
       var p;
-      if (_.connectionState !== "connected") return;
-      const g = _.isControlled ? (p = z == null ? void 0 : z.getRoom) == null ? void 0 : p.call(z) : _.getRoom();
-      if (g)
-        return de.attachRoom(g), we.attachRoom(g), _.isControlled && G.attachRoom(g), Oe.refresh(), () => {
+      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 de.attachRoom(m), we.attachRoom(m), w.isControlled && X.attachRoom(m), Oe.refresh(), () => {
           de.teardown(), we.teardown();
         };
-    }, [_.isControlled, _.connectionState, z]), M(() => {
-      const g = _.audioElement;
-      g && (g.muted = He);
-    }, [_.audioElement, He]);
-    const kn = E((g) => {
-      const p = { type: "user_message", text: g };
-      if (z != null && z.publishData) {
+    }, [w.isControlled, w.connectionState, P]), I(() => {
+      const m = w.audioElement;
+      m && (m.muted = He);
+    }, [w.audioElement, He]);
+    const kn = E((m) => {
+      const p = { type: "user_message", text: m };
+      if (P != null && P.publishData) {
         try {
-          z.publishData(p);
+          P.publishData(p);
         } catch {
         }
         return;
       }
-      const Y = _.getRoom();
-      if (Y)
+      const K = w.getRoom();
+      if (K)
         try {
-          const ae = new TextEncoder().encode(JSON.stringify(p));
-          Y.localParticipant.publishData(ae, { reliable: !0 });
+          const ce = new TextEncoder().encode(JSON.stringify(p));
+          K.localParticipant.publishData(ce, { reliable: !0 });
         } catch {
         }
-    }, [_, z]), Ln = E(() => {
-      gt((g) => !g);
+    }, [w, P]), Ln = E(() => {
+      gt((m) => !m);
     }, []);
-    M(() => {
-      Ne == null || Ne(_.connectionState), _.connectionState === "connected" ? Ce == null || Ce() : _.connectionState === "disconnected" && (Pe == null || Pe());
-    }, [_.connectionState, Ce, Pe, Ne]), M(() => {
-      Se == null || Se(_.transcript);
-    }, [_.transcript, Se]), M(() => {
-      $e == null || $e(_.agentState);
-    }, [_.agentState, $e]), M(() => {
-      We.setThinking(_.agentState === "thinking");
-    }, [_.agentState, We]);
-    const Ot = S(!1);
-    M(() => {
-      _.isControlled || !b || Ot.current || te && _.connectionState === "idle" && (Ot.current = !0, _.connect());
-    }, [b, _.connectionState, _, te]);
+    I(() => {
+      Ne == null || Ne(w.connectionState), w.connectionState === "connected" ? Ce == null || Ce() : w.connectionState === "disconnected" && (Pe == null || Pe());
+    }, [w.connectionState, Ce, Pe, Ne]), I(() => {
+      Se == null || Se(w.transcript);
+    }, [w.transcript, Se]), I(() => {
+      $e == null || $e(w.agentState);
+    }, [w.agentState, $e]), I(() => {
+      We.setThinking(w.agentState === "thinking");
+    }, [w.agentState, We]);
+    const Ot = N(!1);
+    I(() => {
+      w.isControlled || !y || Ot.current || re && w.connectionState === "idle" && (Ot.current = !0, w.connect());
+    }, [y, w.connectionState, w, re]);
     const En = E(
-      (g) => {
-        const p = N == null ? void 0 : N.find((Y) => Y.id === g);
-        p && (ot(!1), g !== Te && (nt(!0), _.disconnect(), Qe || ze(g), D == null || D(p)));
+      (m) => {
+        const p = S == null ? void 0 : S.find((K) => K.id === m);
+        p && (ot(!1), m !== Te && (nt(!0), w.disconnect(), Qe || ze(m), D == null || D(p)));
       },
       [
-        N,
+        S,
         Te,
-        _,
+        w,
         Qe,
         D
       ]
     );
-    M(() => {
-      _e && _.connectionState === "connected" && nt(!1);
-    }, [_.connectionState, _e]), M(() => {
+    I(() => {
+      _e && w.connectionState === "connected" && nt(!1);
+    }, [w.connectionState, _e]), I(() => {
       if (!rt) return;
-      const g = (p) => {
+      const m = (p) => {
         p.key === "Escape" && ot(!1);
       };
-      return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
+      return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
     }, [rt]);
-    const Cn = !!B || !!(X != null && X.avatarImageUrl) || _.isControlled, lt = Xn(mt, l, Cn);
+    const Cn = !!B || !!(ee != null && ee.avatarImageUrl) || w.isControlled, lt = Xn(mt, l, Cn);
     Xe === void 0 && ((qt = lt.info) != null && qt.capabilities) && (Ct.current = lt.info.capabilities);
-    const yt = (X == null ? void 0 : X.name) ?? q ?? ((Ft = _.agentConfig) == null ? void 0 : Ft.name) ?? ((Ut = lt.info) == null ? void 0 : Ut.name) ?? "Live Layer", St = (X == null ? void 0 : X.avatarImageUrl) ?? B ?? ((jt = _.agentConfig) == null ? void 0 : jt.avatarImageUrl) ?? ((Vt = lt.info) == null ? void 0 : Vt.avatarImageUrl) ?? null, Sn = x ?? ((Yt = _.agentConfig) == null ? void 0 : Yt.idleLoopUrl) ?? ((Gt = lt.info) == null ? void 0 : Gt.idleLoopUrl) ?? null, Nn = R ?? null, An = E(() => re("expanded"), [re]), Rn = E(
-      () => re("minimized"),
-      [re]
+    const yt = (ee == null ? void 0 : ee.name) ?? q ?? ((Ft = w.agentConfig) == null ? void 0 : Ft.name) ?? ((Ut = lt.info) == null ? void 0 : Ut.name) ?? "Live Layer", St = (ee == null ? void 0 : ee.avatarImageUrl) ?? B ?? ((jt = w.agentConfig) == null ? void 0 : jt.avatarImageUrl) ?? ((Vt = lt.info) == null ? void 0 : Vt.avatarImageUrl) ?? null, Sn = k ?? ((Yt = w.agentConfig) == null ? void 0 : Yt.idleLoopUrl) ?? ((Gt = lt.info) == null ? void 0 : Gt.idleLoopUrl) ?? null, Nn = R ?? null, An = E(() => ie("expanded"), [ie]), Rn = E(
+      () => ie("minimized"),
+      [ie]
     ), Ht = E(() => {
-      _.disconnect(), re("hidden");
-    }, [_, re]), In = E(() => {
-      const g = _.audioElement;
-      g && g.play().then(() => tt(!1)).catch(() => {
+      w.disconnect(), ie("hidden");
+    }, [w, ie]), In = E(() => {
+      const m = w.audioElement;
+      m && m.play().then(() => tt(!1)).catch(() => {
       });
-    }, [_.audioElement]), Mn = E(() => {
-      tt(!1), _.connect();
-    }, [_]), Be = {
+    }, [w.audioElement]), Mn = E(() => {
+      tt(!1), w.connect();
+    }, [w]), Be = {
       ...xt,
       ...et ? {} : { zIndex: Ie }
     };
-    A.primaryColor && (Be["--ll-color-primary"] = A.primaryColor), A.accentColor && (Be["--ll-color-accent"] = A.accentColor), A.backgroundColor && (Be["--ll-color-bg"] = A.backgroundColor), A.textColor && (Be["--ll-color-fg"] = A.textColor);
+    F.primaryColor && (Be["--ll-color-primary"] = F.primaryColor), F.accentColor && (Be["--ll-color-accent"] = F.accentColor), F.backgroundColor && (Be["--ll-color-bg"] = F.backgroundColor), F.textColor && (Be["--ll-color-fg"] = F.textColor);
     const Tn = [
       "ll-widget",
-      `ll-widget--${ne}`,
+      `ll-widget--${oe}`,
       `ll-widget--${se ? "mobile" : "desktop"}`,
       ht
     ].filter(Boolean).join(" ");
-    if (!te) return null;
+    if (!re) return null;
     const Dn = /* @__PURE__ */ n(
       "div",
       {
         className: Tn,
         style: Be,
-        "data-display-mode": ne,
-        "data-position": k,
-        "data-experience-mode": f === "EMBEDDED" ? "embedded" : "widget",
-        children: ne === "expanded" && /* @__PURE__ */ n(
+        "data-display-mode": oe,
+        "data-position": _,
+        "data-experience-mode": u === "EMBEDDED" ? "embedded" : "widget",
+        children: oe === "expanded" && /* @__PURE__ */ n(
           Ir,
           {
-            position: k,
+            position: _,
             isMobile: se,
             agentName: yt,
             avatarImageUrl: St,
             idleLoopUrl: Sn,
             greeting: Nn,
-            branding: A,
-            teamMembers: N,
+            branding: F,
+            teamMembers: S,
             currentTeamMemberId: Te,
             isSwitchingTeamMember: _e,
             teamSwitcherOpen: rt,
-            onToggleTeamSwitcher: () => ot((g) => !g),
+            onToggleTeamSwitcher: () => ot((m) => !m),
             onSelectTeamMember: En,
-            connectionState: _.connectionState,
-            agentState: _.agentState,
-            transcript: _.transcript,
-            isMuted: G.isMuted,
+            connectionState: w.connectionState,
+            agentState: w.agentState,
+            transcript: w.transcript,
+            isMuted: X.isMuted,
             micDevices: Oe.mics,
-            activeMicId: G.activeDeviceId,
+            activeMicId: X.activeDeviceId,
             isCameraEnabled: de.isEnabled,
             cameraPreviewEl: de.previewEl,
             cameraDevices: Oe.cameras,
@@ -3050,83 +3056,84 @@ const no = /* @__PURE__ */ new Set([
             isScreenShareEnabled: we.isEnabled,
             screenPreviewEl: we.previewEl,
             isSpeakerMuted: He,
-            allowCamera: T,
-            allowScreenShare: F,
-            allowTyping: oe,
-            showMinimize: ie,
-            chromeless: Z,
+            allowCamera: U,
+            allowScreenShare: O,
+            allowTyping: j,
+            showMinimize: H,
+            chromeless: G,
             compactControls: fe,
             transforming: ye,
             transformingLabel: pe,
             languageMenuOpen: xe,
-            onToggleLanguageMenu: () => ke((g) => !g),
+            onToggleLanguageMenu: () => ke((m) => !m),
             needsUserGesture: kt,
-            canResume: _.canResume,
-            micError: G.micError,
-            error: _.error,
+            canResume: w.canResume,
+            micError: X.micError,
+            error: w.error,
             avatarVideoContainerRef: zt,
-            agentVideoEl: _.videoElement,
-            onConnect: () => void _.connect(),
-            onDisconnect: () => _.disconnect(),
+            agentVideoEl: w.videoElement,
+            onConnect: () => void w.connect(),
+            onDisconnect: () => w.disconnect(),
             onRetry: Mn,
             onResumeAudio: In,
-            onToggleMute: G.toggleMute,
-            onSwitchMicDevice: (g) => void G.switchDevice(g),
+            onToggleMute: X.toggleMute,
+            onSwitchMicDevice: (m) => void X.switchDevice(m),
             onToggleCamera: () => void de.toggle(),
-            onSwitchCameraDevice: (g) => void de.switchDevice(g),
+            onSwitchCameraDevice: (m) => void de.switchDevice(m),
             onToggleScreenShare: () => void we.toggle(),
             onToggleSpeaker: Ln,
             onSendMessage: kn,
             onMinimize: Rn,
             onClose: Ht,
-            onClearMicError: G.clearError
+            onClearMicError: X.clearError
           }
         )
       }
-    ), Wt = ne === "hidden" || ne === "minimized" ? /* @__PURE__ */ y(
+    ), Wt = oe === "hidden" || oe === "minimized" ? /* @__PURE__ */ g(
       "div",
       {
         className: [
           "ll-widget",
           "ll-widget--floating",
-          `ll-widget--${ne}`,
+          `ll-widget--${oe}`,
           `ll-widget--${se ? "mobile" : "desktop"}`
         ].join(" "),
         style: Be,
-        "data-display-mode": ne,
-        "data-position": k,
+        "data-display-mode": oe,
+        "data-position": _,
         children: [
-          ne === "hidden" && /* @__PURE__ */ n(
+          oe === "hidden" && /* @__PURE__ */ n(
             xr,
             {
-              position: k,
+              position: _,
               isMobile: se,
-              isSpeaking: _.agentState === "speaking",
-              onExpand: () => re("expanded"),
+              isSpeaking: w.agentState === "speaking",
+              onExpand: () => ie("expanded"),
               label: `Open ${yt} widget`,
               avatarImageUrl: St,
-              agentName: yt
+              agentName: yt,
+              containerEl: le
             }
           ),
-          ne === "minimized" && /* @__PURE__ */ n(
+          oe === "minimized" && /* @__PURE__ */ n(
             Lr,
             {
-              position: k,
+              position: _,
               isMobile: se,
               agentName: yt,
               avatarImageUrl: St,
-              agentState: _.agentState,
-              isMuted: G.isMuted,
+              agentState: w.agentState,
+              isMuted: X.isMuted,
               audioLevel: be,
               onExpand: An,
-              onToggleMute: G.toggleMute,
+              onToggleMute: X.toggleMute,
               onClose: Ht
             }
           )
         ]
       }
-    ) : null, Bt = ce ?? (typeof document < "u" ? document.body : null);
-    return /* @__PURE__ */ y(Ve, { children: [
+    ) : null, Bt = le ?? (typeof document < "u" ? document.body : null);
+    return /* @__PURE__ */ g(Ve, { children: [
       Dn,
       Wt && Bt && Rt(Wt, Bt)
     ] });
@@ -3148,21 +3155,21 @@ const ho = ({
   className: l,
   style: d
 }) => {
-  const a = S(null), s = S(null), f = S(i);
-  f.current = i;
-  const b = E((u) => {
-    var I;
-    const c = u.detail;
-    (I = f.current) == null || I.call(f, c);
+  const a = N(null), s = N(null), u = N(i);
+  u.current = i;
+  const y = E((f) => {
+    var A;
+    const c = f.detail;
+    (A = u.current) == null || A.call(u, c);
   }, []);
-  return M(() => {
-    const u = a.current;
-    if (!u) return;
+  return I(() => {
+    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", b), u.appendChild(c), s.current = c, () => {
-      c.removeEventListener("agent-event", b), u.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", y), f.appendChild(c), s.current = c, () => {
+      c.removeEventListener("agent-event", y), f.removeChild(c), s.current = null;
     };
-  }, [e]), M(() => {
+  }, [e]), I(() => {
     s.current && (o ? s.current.setAttribute("mode", o) : s.current.removeAttribute("mode"));
   }, [o]), /* @__PURE__ */ n("div", { ref: a, className: l, style: d });
 }, mo = dt(
@@ -3197,7 +3204,7 @@ const ho = ({
     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: f, labelClassName: b, as: u, ...c } = t;
+      const { name: s, label: u, labelClassName: y, as: f, ...c } = t;
       a = /* @__PURE__ */ n(
         "textarea",
         {
@@ -3207,18 +3214,18 @@ const ho = ({
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: s, label: f, labelClassName: b, as: u, children: c, ...I } = t;
+      const { name: s, label: u, labelClassName: y, as: f, children: c, ...A } = t;
       a = /* @__PURE__ */ n(
         "select",
         {
           ref: r,
           ...d,
-          ...I,
+          ...A,
           children: c
         }
       );
     } else {
-      const { name: s, label: f, labelClassName: b, as: u, ...c } = t;
+      const { name: s, label: u, labelClassName: y, as: f, ...c } = t;
       a = /* @__PURE__ */ n(
         "input",
         {
@@ -3228,7 +3235,7 @@ const ho = ({
         }
       );
     }
-    return i === void 0 ? a : /* @__PURE__ */ y("label", { className: l, children: [
+    return i === void 0 ? a : /* @__PURE__ */ g("label", { className: l, children: [
       i,
       a
     ] });
@@ -3240,61 +3247,61 @@ function vo({
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [o, i] = C(t), [l, d] = C([]), [a, s] = C(""), [f, b] = C(!1), u = S(/* @__PURE__ */ new Set()), c = S([]), I = S(f);
-  I.current = f, M(() => {
+  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);
+  A.current = u, I(() => {
     try {
-      const v = localStorage.getItem(r);
-      v === "1" && i(!0), v === "0" && i(!1);
+      const b = localStorage.getItem(r);
+      b === "1" && i(!0), b === "0" && i(!1);
     } catch {
     }
-  }, [r]), M(() => {
+  }, [r]), I(() => {
     try {
       localStorage.setItem(r, o ? "1" : "0");
     } catch {
     }
-  }, [o, r]), M(() => {
-    const v = (m) => {
-      (m.metaKey || m.ctrlKey) && m.shiftKey && m.key.toLowerCase() === "l" && (m.preventDefault(), i((N) => !N));
+  }, [o, r]), I(() => {
+    const b = (v) => {
+      (v.metaKey || v.ctrlKey) && v.shiftKey && v.key.toLowerCase() === "l" && (v.preventDefault(), i((S) => !S));
     };
-    return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
-  }, []), M(() => {
-    const v = setInterval(() => {
-      if (c.current.length === 0 || I.current) return;
-      const m = c.current.splice(0, c.current.length);
+    return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
+  }, []), I(() => {
+    const b = setInterval(() => {
+      if (c.current.length === 0 || A.current) return;
+      const v = c.current.splice(0, c.current.length);
       d(
-        (N) => [...m.reverse(), ...N].slice(0, 200)
+        (S) => [...v.reverse(), ...S].slice(0, 200)
       );
     }, 100);
-    return () => clearInterval(v);
+    return () => clearInterval(b);
   }, []);
-  const k = S(!1);
-  if (M(() => {
-    !e || k.current || (k.current = !0, e((v) => {
+  const _ = N(!1);
+  if (I(() => {
+    !e || _.current || (_.current = !0, e((b) => {
       c.current.push({
         id: pn++,
         ts: Date.now(),
         kind: "event",
-        type: v.eventName,
-        data: v.data
+        type: b.eventName,
+        data: b.data
       });
     }));
-  }, [e]), M(() => {
-    const v = console.warn, m = console.log, N = ($, D) => function(...x) {
+  }, [e]), I(() => {
+    const b = console.warn, v = console.log, S = (M, D) => function(...k) {
       try {
-        const R = typeof x[0] == "string" ? x[0] : "";
+        const R = typeof k[0] == "string" ? k[0] : "";
         R.startsWith("[LiveLayer]") && c.current.push({
           id: pn++,
           ts: Date.now(),
-          kind: $,
+          kind: M,
           type: R.slice(0, 120),
-          data: { args: x.slice(1).map((B) => io(B)) }
+          data: { args: k.slice(1).map((B) => io(B)) }
         });
       } catch {
       }
-      return D.apply(this, x);
+      return D.apply(this, k);
     };
-    return console.warn = N("warn", v), console.log = N("log", m), () => {
-      console.warn = v, console.log = m;
+    return console.warn = S("warn", b), console.log = S("log", v), () => {
+      console.warn = b, console.log = v;
     };
   }, []), !o)
     return /* @__PURE__ */ n(
@@ -3323,12 +3330,12 @@ function vo({
         children: "🛰 LL debug"
       }
     );
-  const w = l.filter((v) => {
+  const x = l.filter((b) => {
     if (!a) return !0;
-    const m = a.toLowerCase();
-    return v.type.toLowerCase().includes(m) || JSON.stringify(v.data || {}).toLowerCase().includes(m);
+    const v = a.toLowerCase();
+    return b.type.toLowerCase().includes(v) || JSON.stringify(b.data || {}).toLowerCase().includes(v);
   });
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ g(
     "div",
     {
       style: {
@@ -3350,7 +3357,7 @@ function vo({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ g(
           "div",
           {
             style: {
@@ -3363,7 +3370,7 @@ function vo({
             },
             children: [
               /* @__PURE__ */ n("span", { style: { fontWeight: 600, fontSize: 12 }, children: "LiveLayer debug" }),
-              /* @__PURE__ */ y("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
+              /* @__PURE__ */ g("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
                 l.length,
                 " event",
                 l.length === 1 ? "" : "s"
@@ -3373,10 +3380,10 @@ function vo({
                 "button",
                 {
                   type: "button",
-                  onClick: () => b((v) => !v),
-                  style: At(f ? "#f59e0b" : "transparent"),
+                  onClick: () => y((b) => !b),
+                  style: At(u ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
-                  children: f ? "▶ resume" : "⏸ pause"
+                  children: u ? "▶ resume" : "⏸ pause"
                 }
               ),
               /* @__PURE__ */ n(
@@ -3410,7 +3417,7 @@ function vo({
           {
             type: "text",
             value: a,
-            onChange: (v) => s(v.target.value),
+            onChange: (b) => s(b.target.value),
             placeholder: "filter by type or data…",
             style: {
               margin: 8,
@@ -3432,7 +3439,7 @@ function vo({
               overflowY: "auto",
               padding: "0 8px 8px"
             },
-            children: w.length === 0 ? /* @__PURE__ */ y(
+            children: x.length === 0 ? /* @__PURE__ */ g(
               "div",
               {
                 style: {
@@ -3462,16 +3469,16 @@ function vo({
                   )
                 ]
               }
-            ) : w.map((v) => /* @__PURE__ */ n(
+            ) : x.map((b) => /* @__PURE__ */ n(
               oo,
               {
-                entry: v,
-                expanded: u.current.has(v.id),
+                entry: b,
+                expanded: f.current.has(b.id),
                 onToggle: () => {
-                  u.current.has(v.id) ? u.current.delete(v.id) : u.current.add(v.id), d((m) => [...m]);
+                  f.current.has(b.id) ? f.current.delete(b.id) : f.current.add(b.id), d((v) => [...v]);
                 }
               },
-              v.id
+              b.id
             ))
           }
         )
@@ -3487,7 +3494,7 @@ function oo({
   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__ */ y(
+  return /* @__PURE__ */ g(
     "button",
     {
       type: "button",
@@ -3505,7 +3512,7 @@ function oo({
         lineHeight: 1.4
       },
       children: [
-        /* @__PURE__ */ y("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+        /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
           /* @__PURE__ */ n(
             "span",
             {