@livelayer/react 0.15.1 → 0.15.3

package/dist/index.mjs

@@ -1,9 +1,9 @@
 "use client";
-import { jsxs as w, jsx as n, Fragment as ze } from "react/jsx-runtime";
-import { Component as Jn, useState as S, useRef as A, useEffect as M, useCallback as E, useMemo as nt, useLayoutEffect as kn, forwardRef as $t, useImperativeHandle as Xn, createElement as Zn } from "react";
+import { jsxs as x, jsx as n, Fragment as He } from "react/jsx-runtime";
+import { Component as Jn, useState as N, useRef as M, useEffect as R, useCallback as E, useMemo as nt, useLayoutEffect as kn, forwardRef as $t, useImperativeHandle as Xn, createElement as Zn } from "react";
 import { createPortal as zt } from "react-dom";
 import { LiveKitSession as Qn, registerFields as er } from "@livelayer/sdk";
-import { clearFieldRegistry as Fi, getRegisteredFields as qi, registerFields as Ui, setFieldValue as ji } from "@livelayer/sdk";
+import { clearFieldRegistry as qi, getRegisteredFields as Ui, registerFields as ji, setFieldValue as Vi } from "@livelayer/sdk";
 import { createLocalAudioTrack as tr, Track as Cn, createLocalVideoTrack as nr } from "livekit-client";
 class rr extends Jn {
   constructor() {
@@ -20,7 +20,7 @@ class rr extends Jn {
   }
   render() {
     var t;
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ w("div", { className: "ll-error-boundary", role: "alert", children: [
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ x("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(
@@ -36,24 +36,24 @@ class rr extends Jn {
   }
 }
 function ir(e) {
-  const [t, r] = S("idle"), [i, a] = S("idle"), [o, s] = S([]), [l, c] = S(null), [p, b] = S(null), [f, d] = S(null), [R, k] = S(!1), [_, h] = S(null), y = A(null), N = A(e.onDataMessage);
-  N.current = e.onDataMessage, M(() => {
-    const v = {
+  const [t, r] = N("idle"), [i, a] = N("idle"), [o, s] = N([]), [l, c] = N(null), [p, w] = N(null), [m, f] = N(null), [T, _] = N(!1), [v, u] = N(null), h = M(null), L = M(e.onDataMessage);
+  L.current = e.onDataMessage, R(() => {
+    const b = {
       onConnectionStateChange: (O) => {
-        r(O), O === "connected" && h(null);
+        r(O), O === "connected" && u(null);
       },
       onAgentStateChange: a,
       onTranscript: (O) => s([...O]),
       onAgentConfig: c,
-      onAudioTrack: (O) => d(O),
-      onVideoTrack: (O) => b(O),
-      onVideoTrackRemoved: () => b(null),
-      onError: (O) => h(O),
+      onAudioTrack: (O) => f(O),
+      onVideoTrack: (O) => w(O),
+      onVideoTrackRemoved: () => w(null),
+      onError: (O) => u(O),
       onDataMessage: (O) => {
         var q;
-        (q = N.current) == null || q.call(N, O);
+        (q = L.current) == null || q.call(L, O);
       },
-      onResumabilityChange: k
+      onResumabilityChange: _
     }, P = new Qn(
       {
         agentId: e.agentId,
@@ -62,11 +62,11 @@ function ir(e) {
         sessionEndpoint: e.sessionEndpoint,
         sessionBody: e.sessionBody
       },
-      v
+      b
     );
-    return y.current = P, r("idle"), a("idle"), s([]), c(null), b(null), d(null), k(!1), h(null), () => {
+    return h.current = P, r("idle"), a("idle"), s([]), c(null), w(null), f(null), _(!1), u(null), () => {
       var O;
-      (O = P.destroy) == null || O.call(P), y.current = null;
+      (O = P.destroy) == null || O.call(P), h.current = null;
     };
   }, [
     e.agentId,
@@ -75,20 +75,20 @@ function ir(e) {
     e.sessionEndpoint,
     JSON.stringify(e.sessionBody ?? {})
   ]);
-  const T = E(async () => {
-    const v = y.current;
-    if (v)
+  const A = E(async () => {
+    const b = h.current;
+    if (b)
       try {
-        await v.connect();
+        await b.connect();
       } catch (P) {
-        throw h(P instanceof Error ? P.message : String(P)), P;
+        throw u(P instanceof Error ? P.message : String(P)), P;
       }
   }, []), I = E(() => {
-    const v = y.current;
-    v && v.disconnect();
+    const b = h.current;
+    b && b.disconnect();
   }, []), U = E(() => {
-    var v;
-    return ((v = y.current) == null ? void 0 : v.getRoom()) ?? null;
+    var b;
+    return ((b = h.current) == null ? void 0 : b.getRoom()) ?? null;
   }, []);
   return {
     connectionState: t,
@@ -96,94 +96,134 @@ function ir(e) {
     transcript: o,
     agentConfig: l,
     videoElement: p,
-    audioElement: f,
-    canResume: R,
-    error: _,
-    connect: T,
+    audioElement: m,
+    canResume: T,
+    error: v,
+    connect: A,
     disconnect: I,
     getRoom: U,
-    session: y.current
+    session: h.current
   };
 }
 function or() {
-  const e = A(null), t = A(null), r = A(null), i = A(null), a = A(/* @__PURE__ */ new Set()), o = A(null), s = E(() => {
-    const f = t.current;
-    if (!f) {
-      i.current = null;
+  const e = M(null), t = M(/* @__PURE__ */ new Map()), r = M(null), i = M(/* @__PURE__ */ new Set()), a = E(() => {
+    const _ = t.current;
+    if (_.size === 0) {
+      r.current = null;
       return;
     }
-    (!o.current || o.current.length !== f.frequencyBinCount) && (o.current = new Uint8Array(
-      new ArrayBuffer(f.frequencyBinCount)
-    ));
-    const d = o.current;
-    f.getByteFrequencyData(d);
-    let R = 0;
-    for (let _ = 0; _ < d.length; _++) R += d[_];
-    const k = R / d.length / 255;
-    for (const _ of a.current)
+    let v = 0;
+    for (const { analyser: u, buffer: h } of _.values()) {
+      u.getByteFrequencyData(h);
+      let L = 0;
+      for (let I = 0; I < h.length; I++) L += h[I];
+      const A = L / h.length / 255;
+      A > v && (v = A);
+    }
+    for (const u of i.current)
       try {
-        _(k);
+        u(v);
       } catch (h) {
         console.error("[useAudioLevel] subscriber threw:", h);
       }
-    i.current = requestAnimationFrame(s);
-  }, []), l = E(() => {
-    if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
-    const f = new AudioContext(), d = f.createAnalyser();
-    d.fftSize = 64, d.connect(f.destination), e.current = f, t.current = d;
-  }, []), c = E(
-    (f) => {
-      if (l(), !(!e.current || !t.current)) {
-        if (r.current) {
-          try {
-            r.current.disconnect();
-          } catch {
-          }
-          r.current = null;
-        }
-        try {
-          const d = e.current.createMediaElementSource(f);
-          d.connect(t.current), r.current = d;
-        } catch (d) {
-          console.warn("[useAudioLevel] createMediaElementSource failed:", d);
-          return;
-        }
-        i.current === null && (i.current = requestAnimationFrame(s));
-      }
-    },
-    [l, s]
-  ), p = E(() => {
-    if (i.current !== null && (cancelAnimationFrame(i.current), i.current = null), r.current) {
+    r.current = requestAnimationFrame(a);
+  }, []), o = E(() => e.current ? e.current : typeof window > "u" || typeof AudioContext > "u" ? null : (e.current = new AudioContext(), e.current), []), s = E(() => {
+    r.current === null && t.current.size > 0 && (r.current = requestAnimationFrame(a));
+  }, [a]), l = E((_) => {
+    const v = t.current.get(_);
+    if (v) {
       try {
-        r.current.disconnect();
+        v.node.disconnect();
       } catch {
       }
-      r.current = null;
-    }
-  }, []), b = E((f) => (a.current.add(f), () => {
-    a.current.delete(f);
-  }), []);
-  return M(() => () => {
-    if (p(), t.current) {
       try {
-        t.current.disconnect();
+        v.analyser.disconnect();
       } catch {
       }
-      t.current = null;
+      t.current.delete(_);
     }
-    if (e.current) {
+  }, []), c = E(
+    (_, v) => {
+      const u = o();
+      if (!u) return;
+      l(_);
+      const h = v(u);
+      if (!h) return;
+      const L = u.createAnalyser();
+      L.fftSize = 64;
+      try {
+        h.connect(L);
+      } catch (A) {
+        console.warn("[useAudioLevel] connect failed for slot", _, A);
+        return;
+      }
+      t.current.set(_, {
+        analyser: L,
+        node: h,
+        buffer: new Uint8Array(new ArrayBuffer(L.frequencyBinCount))
+      }), s();
+    },
+    [l, o, s]
+  ), p = E(
+    (_, v = "agent") => {
+      c(v, (u) => {
+        try {
+          return u.createMediaElementSource(_);
+        } catch (h) {
+          return console.warn(
+            "[useAudioLevel] createMediaElementSource failed for slot",
+            v,
+            h
+          ), null;
+        }
+      });
+    },
+    [c]
+  ), w = E(
+    (_, v = "mic") => {
+      c(v, (u) => {
+        try {
+          return u.createMediaStreamSource(_);
+        } catch (h) {
+          return console.warn(
+            "[useAudioLevel] createMediaStreamSource failed for slot",
+            v,
+            h
+          ), null;
+        }
+      });
+    },
+    [c]
+  ), m = E(
+    (_) => {
+      l(_), t.current.size === 0 && r.current !== null && (cancelAnimationFrame(r.current), r.current = null);
+    },
+    [l]
+  ), f = E(() => {
+    r.current !== null && (cancelAnimationFrame(r.current), r.current = null);
+    for (const _ of Array.from(t.current.keys()))
+      l(_);
+  }, [l]), T = E((_) => (i.current.add(_), () => {
+    i.current.delete(_);
+  }), []);
+  return R(() => () => {
+    if (f(), e.current) {
       try {
         e.current.close();
       } catch {
       }
       e.current = null;
     }
-    a.current.clear(), o.current = null;
-  }, [p]), { attach: c, detach: p, subscribe: b };
+    i.current.clear();
+  }, [f]), { attach: p, attachStream: w, detach: f, detachSlot: m, subscribe: T };
+}
+function lr(e) {
+  const t = e == null ? void 0 : e.mediaStreamTrack;
+  return t ? new MediaStream([t]) : null;
 }
-function lr() {
-  const [e, t] = S(!1), [r, i] = S(""), [a, o] = S(null), s = A(null), l = A(null), c = E(async (k) => {
-    var _, h;
+function ar() {
+  const [e, t] = N(!1), [r, i] = N(""), [a, o] = N(null), s = M(null), l = M(null), c = E(async (v) => {
+    var u, h;
     if (s.current && l.current) {
       try {
         await l.current.localParticipant.unpublishTrack(s.current);
@@ -191,132 +231,133 @@ function lr() {
       }
       s.current.stop(), s.current = null;
     }
-    l.current = k, o(null);
+    l.current = v, o(null);
     try {
-      const y = await tr({
+      const L = await tr({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await k.localParticipant.publishTrack(y), s.current = y, t(y.isMuted);
-      const N = (h = (_ = y.mediaStreamTrack) == null ? void 0 : _.getSettings) == null ? void 0 : h.call(_);
-      N != null && N.deviceId && i(N.deviceId);
-    } catch (y) {
-      const N = y instanceof Error && y.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-      throw o(N), y;
+      await v.localParticipant.publishTrack(L), s.current = L, t(L.isMuted);
+      const A = (h = (u = L.mediaStreamTrack) == null ? void 0 : u.getSettings) == null ? void 0 : h.call(u);
+      A != null && A.deviceId && i(A.deviceId);
+    } catch (L) {
+      const A = L instanceof Error && L.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
+      throw o(A), L;
     }
-  }, []), p = E((k) => {
-    l.current = k;
-  }, []), b = E(async (k) => {
-    const _ = l.current;
-    if (_)
+  }, []), p = E((v) => {
+    l.current = v;
+  }, []), w = E(async (v) => {
+    const u = l.current;
+    if (u)
       try {
-        await _.switchActiveDevice("audioinput", k), i(k);
+        await u.switchActiveDevice("audioinput", v), i(v);
       } catch (h) {
         console.warn("[useMicrophoneState] switchDevice failed:", h);
       }
-  }, []), f = E(async () => {
-    const k = l.current, _ = !e;
-    if (t(_), !!k)
+  }, []), m = E(async () => {
+    const v = l.current, u = !e;
+    if (t(u), !!v)
       try {
-        await k.localParticipant.setMicrophoneEnabled(!_);
+        await v.localParticipant.setMicrophoneEnabled(!u);
       } catch (h) {
-        console.warn("[useMicrophoneState] setMicrophoneEnabled failed:", h), t(!_);
+        console.warn("[useMicrophoneState] setMicrophoneEnabled failed:", h), t(!u);
       }
-  }, [e]), d = E(() => {
-    const k = s.current, _ = l.current;
-    if (k && _) {
+  }, [e]), f = E(() => {
+    const v = s.current, u = l.current;
+    if (v && u) {
       try {
-        _.localParticipant.unpublishTrack(k);
+        u.localParticipant.unpublishTrack(v);
       } catch {
       }
-      k.stop();
+      v.stop();
     }
     s.current = null, l.current = null, t(!1), i("");
-  }, []), R = E(() => o(null), []);
+  }, []), T = E(() => o(null), []), _ = E(() => lr(s.current), []);
   return {
     isMuted: e,
     activeDeviceId: r,
     micError: a,
-    toggleMute: f,
+    toggleMute: m,
     setupMic: c,
     attachRoom: p,
-    switchDevice: b,
-    teardownMic: d,
-    clearError: R
+    switchDevice: w,
+    teardownMic: f,
+    clearError: T,
+    getMicStream: _
   };
 }
-const ar = { resolution: { width: 640, height: 480, frameRate: 24 } };
-function sr() {
-  const [e, t] = S(!1), [r, i] = S(null), [a, o] = S(null), [s, l] = S(""), c = A(null), p = A(null), b = E((y) => {
-    c.current = y;
-  }, []), f = E(() => {
-    var T;
-    const y = c.current, N = p.current;
-    if (N && y) {
-      const I = y.localParticipant.getTrackPublication(Cn.Source.Camera), v = (I == null ? void 0 : I.track) ?? N;
+const sr = { resolution: { width: 640, height: 480, frameRate: 24 } };
+function cr() {
+  const [e, t] = N(!1), [r, i] = N(null), [a, o] = N(null), [s, l] = N(""), c = M(null), p = M(null), w = E((h) => {
+    c.current = h;
+  }, []), m = E(() => {
+    var A;
+    const h = c.current, L = p.current;
+    if (L && h) {
+      const I = h.localParticipant.getTrackPublication(Cn.Source.Camera), b = (I == null ? void 0 : I.track) ?? L;
       try {
-        y.localParticipant.unpublishTrack(v);
+        h.localParticipant.unpublishTrack(b);
       } catch {
       }
       try {
-        (T = v.stop) == null || T.call(v);
+        (A = b.stop) == null || A.call(b);
       } catch {
       }
     }
     p.current = null, o(null), t(!1);
-  }, []), d = E(async (y) => {
-    const N = c.current;
-    if (N) {
+  }, []), f = E(async (h) => {
+    const L = c.current;
+    if (L) {
       i(null);
       try {
-        const T = { ...ar };
-        y && (T.deviceId = y);
-        const I = await nr(T);
-        await N.localParticipant.publishTrack(I), p.current = I;
+        const A = { ...sr };
+        h && (A.deviceId = h);
+        const I = await nr(A);
+        await L.localParticipant.publishTrack(I), p.current = I;
         const U = I.attach();
-        o(U), t(!0), y && l(y);
+        o(U), t(!0), h && l(h);
         try {
-          N.localParticipant.publishData(
+          L.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
             { reliable: !0 }
           );
         } catch {
         }
-      } catch (T) {
-        const I = T instanceof Error && T.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+      } catch (A) {
+        const I = A instanceof Error && A.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
         i(I);
       }
     }
-  }, []), R = E(async () => {
-    e ? f() : await d(s || void 0);
-  }, [e, s, f, d]), k = E(async (y) => {
-    f(), await d(y);
-  }, [f, d]), _ = E(() => {
-    f(), c.current = null, i(null), l("");
-  }, [f]), h = E(() => i(null), []);
-  return M(() => () => {
+  }, []), T = E(async () => {
+    e ? m() : await f(s || void 0);
+  }, [e, s, m, f]), _ = E(async (h) => {
+    m(), await f(h);
+  }, [m, f]), v = E(() => {
+    m(), c.current = null, i(null), l("");
+  }, [m]), u = E(() => i(null), []);
+  return R(() => () => {
     p.current && p.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
     previewEl: a,
     activeDeviceId: s,
-    toggle: R,
-    switchDevice: k,
-    attachRoom: b,
-    teardown: _,
-    clearError: h
+    toggle: T,
+    switchDevice: _,
+    attachRoom: w,
+    teardown: v,
+    clearError: u
   };
 }
-function cr() {
-  const [e, t] = S(!1), [r, i] = S(null), [a, o] = S(null), s = A(null), l = E((d) => {
-    s.current = d;
+function dr() {
+  const [e, t] = N(!1), [r, i] = N(null), [a, o] = N(null), s = M(null), l = E((f) => {
+    s.current = f;
   }, []), c = E(() => o(null), []), p = E(async () => {
-    const d = s.current;
-    if (d) {
+    const f = s.current;
+    if (f) {
       if (e) {
         try {
-          await d.localParticipant.setScreenShareEnabled(!1);
+          await f.localParticipant.setScreenShareEnabled(!1);
         } catch {
         }
         c(), t(!1);
@@ -324,15 +365,15 @@ function cr() {
       }
       i(null);
       try {
-        await d.localParticipant.setScreenShareEnabled(!0);
-        let R = 0;
-        const k = () => {
-          const _ = d.localParticipant.getTrackPublication(Cn.Source.ScreenShare);
-          if (_ != null && _.track) {
-            const h = _.track.attach();
-            o(h), t(!0);
+        await f.localParticipant.setScreenShareEnabled(!0);
+        let T = 0;
+        const _ = () => {
+          const v = f.localParticipant.getTrackPublication(Cn.Source.ScreenShare);
+          if (v != null && v.track) {
+            const u = v.track.attach();
+            o(u), t(!0);
             try {
-              d.localParticipant.publishData(
+              f.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
                 { reliable: !0 }
               );
@@ -340,27 +381,27 @@ function cr() {
             }
             return;
           }
-          R++ < 10 ? setTimeout(k, 100) : t(!0);
+          T++ < 10 ? setTimeout(_, 100) : t(!0);
         };
-        k();
-      } catch (R) {
-        const k = R instanceof Error ? R.name : "";
-        k !== "NotAllowedError" && k !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
+        _();
+      } catch (T) {
+        const _ = T instanceof Error ? T.name : "";
+        _ !== "NotAllowedError" && _ !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
       }
     }
-  }, [e, c]), b = E(() => {
-    const d = s.current;
-    if (d && e)
+  }, [e, c]), w = E(() => {
+    const f = s.current;
+    if (f && e)
       try {
-        d.localParticipant.setScreenShareEnabled(!1);
+        f.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
     c(), t(!1), i(null), s.current = null;
-  }, [e, c]), f = E(() => i(null), []);
-  return { isEnabled: e, error: r, previewEl: a, toggle: p, attachRoom: l, teardown: b, clearError: f };
+  }, [e, c]), m = E(() => i(null), []);
+  return { isEnabled: e, error: r, previewEl: a, toggle: p, attachRoom: l, teardown: w, clearError: m };
 }
-function dr() {
-  const [e, t] = S([]), [r, i] = S([]), a = E(async () => {
+function ur() {
+  const [e, t] = N([]), [r, i] = N([]), a = E(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const o = await navigator.mediaDevices.enumerateDevices();
@@ -368,32 +409,32 @@ function dr() {
       } catch {
       }
   }, []);
-  return M(() => {
+  return R(() => {
     if (a(), typeof navigator > "u" || !navigator.mediaDevices) return;
     const o = () => void a();
     return navigator.mediaDevices.addEventListener("devicechange", o), () => navigator.mediaDevices.removeEventListener("devicechange", o);
   }, [a]), { mics: e, cameras: r, refresh: a };
 }
-function ur(e, t, r = !1) {
-  const [i, a] = S(null), [o, s] = S(null), [l, c] = S(!r && !!e);
-  return M(() => {
+function fr(e, t, r = !1) {
+  const [i, a] = N(null), [o, s] = N(null), [l, c] = N(!r && !!e);
+  return R(() => {
     if (r || !e) {
       c(!1);
       return;
     }
-    const p = new AbortController(), b = t || "https://app.livelayer.studio";
-    return c(!0), s(null), fetch(`${b}/api/widget/agent/${encodeURIComponent(e)}`, {
+    const p = new AbortController(), w = t || "https://app.livelayer.studio";
+    return c(!0), s(null), fetch(`${w}/api/widget/agent/${encodeURIComponent(e)}`, {
       signal: p.signal
-    }).then(async (f) => {
-      if (!f.ok) {
-        const d = await f.json().catch(() => ({}));
-        throw new Error(d.error || `HTTP ${f.status}`);
+    }).then(async (m) => {
+      if (!m.ok) {
+        const f = await m.json().catch(() => ({}));
+        throw new Error(f.error || `HTTP ${m.status}`);
       }
-      return f.json();
-    }).then((f) => {
-      p.signal.aborted || (a(f), c(!1));
-    }).catch((f) => {
-      p.signal.aborted || (s(f instanceof Error ? f.message : "Agent lookup failed"), c(!1));
+      return m.json();
+    }).then((m) => {
+      p.signal.aborted || (a(m), c(!1));
+    }).catch((m) => {
+      p.signal.aborted || (s(m instanceof Error ? m.message : "Agent lookup failed"), c(!1));
     }), () => p.abort();
   }, [e, t, r]), { info: i, error: o, loading: l };
 }
@@ -405,19 +446,19 @@ function En(e) {
     return null;
   }
 }
-function fr(e, t) {
+function pr(e, t) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(e, t);
     } catch {
     }
 }
-function pr({
+function hr({
   value: e,
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const i = e !== void 0, [a, o] = S(t), s = i ? e : a, l = E(
+  const i = e !== void 0, [a, o] = N(t), s = i ? e : a, l = E(
     (c) => {
       c !== s && (i || o(c), r == null || r(c));
     },
@@ -425,34 +466,34 @@ function pr({
   );
   return [s, l];
 }
-const hr = ["hidden", "minimized", "expanded"];
-function mr(e) {
-  return e && hr.includes(e) ? e : null;
+const mr = ["hidden", "minimized", "expanded"];
+function gr(e) {
+  return e && mr.includes(e) ? e : null;
 }
-function gr({
+function yr({
   value: e,
   defaultValue: t = "expanded",
   onChange: r,
   persistKey: i = "ll-widget",
   disablePersistence: a = !1
 } = {}) {
-  const o = `${i}:display-mode`, s = A(!1), [l, c] = pr({
+  const o = `${i}:display-mode`, s = M(!1), [l, c] = hr({
     value: e,
     defaultValue: t,
     onChange: (p) => {
-      e === void 0 && !a && fr(o, p), r == null || r(p);
+      e === void 0 && !a && pr(o, p), r == null || r(p);
     }
   });
-  return M(() => {
+  return R(() => {
     if (s.current || (s.current = !0, a || e !== void 0)) return;
-    const p = mr(En(o));
+    const p = gr(En(o));
     p && p !== l && c(p);
   }, []), [l, c];
 }
-const yr = 640;
-function vr(e = yr) {
-  const [t, r] = S(!1);
-  return M(() => {
+const vr = 640;
+function br(e = vr) {
+  const [t, r] = N(!1);
+  return R(() => {
     if (e === !1) {
       r(!1);
       return;
@@ -466,7 +507,7 @@ function vr(e = yr) {
   }, [e]), t;
 }
 const nn = "__llHistoryPatched", xt = "ll:pathname";
-function br() {
+function wr() {
   if (typeof window > "u" || window.history[nn]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...r) {
@@ -480,60 +521,60 @@ function br() {
 function rn() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
-function wr(e) {
-  const [t, r] = S(
+function _r(e) {
+  const [t, r] = N(
     () => e ?? rn()
   );
-  return M(() => {
+  return R(() => {
     if (e !== void 0) return;
-    br();
+    wr();
     const i = () => r(rn());
     return i(), window.addEventListener("popstate", i), window.addEventListener(xt, i), () => {
       window.removeEventListener("popstate", i), window.removeEventListener(xt, i);
     };
   }, [e]), e ?? t;
 }
-const on = /* @__PURE__ */ new Map(), _r = /[\\^$+?.()|{}[\]]/g;
-function xr(e) {
-  return e.replace(_r, "\\$&");
-}
+const on = /* @__PURE__ */ new Map(), xr = /[\\^$+?.()|{}[\]]/g;
 function Lr(e) {
+  return e.replace(xr, "\\$&");
+}
+function kr(e) {
   const t = on.get(e);
   if (t) return t;
-  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", a = "", o = r.replace(/\*\*/g, i).replace(/\*/g, a), l = xr(o).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(a, "g"), "[^/]+"), c = new RegExp(`^${l}\\/?$`);
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", a = "", o = r.replace(/\*\*/g, i).replace(/\*/g, a), l = Lr(o).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(a, "g"), "[^/]+"), c = new RegExp(`^${l}\\/?$`);
   return on.set(e, c), c;
 }
-function kr(e, t) {
+function Cr(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
-  return Lr(e).test(r);
+  return kr(e).test(r);
 }
-function Cr(e, t) {
-  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : kr(e, t);
+function Er(e, t) {
+  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : Cr(e, t);
 }
 function ln(e, t) {
   if (!e || e.length === 0) return !1;
   for (const r of e)
-    if (Cr(r, t)) return !0;
+    if (Er(r, t)) return !0;
   return !1;
 }
-function Er(e, t, r) {
+function Sr(e, t, r) {
   return e === void 0 ? !0 : ln(r, e) ? !1 : t && t.length > 0 ? ln(t, e) : !0;
 }
-function Sr(e, t, r) {
+function Nr(e, t, r) {
   return nt(
-    () => Er(e, t, r),
+    () => Sr(e, t, r),
     [e, t, r]
   );
 }
-function Nr(e) {
+function Ar(e) {
   return e === !1 ? { navigate: !1, thinking: !1, action: !1 } : e === void 0 || e === !0 ? { navigate: !0, thinking: !0, action: !0 } : {
     navigate: e.navigate !== !1,
     thinking: e.thinking !== !1,
     action: e.action !== !1
   };
 }
-function Ar(e) {
-  const t = nt(() => Nr(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), i = A(null), a = E(
+function Ir(e) {
+  const t = nt(() => Ar(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), i = M(null), a = E(
     (c) => {
       try {
         new Audio(`${r}${c}`).play().catch(() => {
@@ -577,7 +618,7 @@ function Ar(e) {
     },
     [r, t.thinking]
   );
-  return M(() => () => {
+  return R(() => () => {
     if (i.current) {
       try {
         i.current.pause();
@@ -590,7 +631,7 @@ function Ar(e) {
     [o, s, l]
   );
 }
-const an = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ w(
+const an = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
   "svg",
   {
     className: t,
@@ -654,7 +695,7 @@ const an = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ w(
       }
     )
   }
-), Ir = ({ className: e }) => /* @__PURE__ */ n(
+), Mr = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -683,11 +724,11 @@ const an = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ w(
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
   }
 );
-function Mr(e) {
+function Tr(e) {
   return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const Sn = "ll-hidden-tab-center-y", Tr = 5, dn = 16;
-function Dr() {
+const Sn = "ll-hidden-tab-center-y", Dr = 5, dn = 16;
+function Pr() {
   if (typeof window > "u") return null;
   try {
     const e = window.localStorage.getItem(Sn);
@@ -705,7 +746,7 @@ function un(e) {
     } catch {
     }
 }
-const Pr = ({
+const $r = ({
   position: e,
   isMobile: t,
   isSpeaking: r,
@@ -715,64 +756,64 @@ const Pr = ({
   agentName: s,
   containerEl: l
 }) => {
-  const c = Mr(e), p = c === "right" ? "left" : "right", b = t ? 80 : 72, f = !!o, d = !!l, [R, k] = S(null), [_, h] = S(!1), y = A(null), N = A(!1), T = E(
+  const c = Tr(e), p = c === "right" ? "left" : "right", w = t ? 80 : 72, m = !!o, f = !!l, [T, _] = N(null), [v, u] = N(!1), h = M(null), L = M(!1), A = E(
     (B) => {
       if (typeof window > "u") return B;
-      const j = b / 2, C = dn + j, Z = window.innerHeight - dn - j;
-      return Z < C ? Math.max(C, B) : Math.max(C, Math.min(Z, B));
+      const j = w / 2, S = dn + j, Z = window.innerHeight - dn - j;
+      return Z < S ? Math.max(S, B) : Math.max(S, Math.min(Z, B));
     },
-    [b]
+    [w]
   );
-  M(() => {
-    if (d) {
-      k(null);
+  R(() => {
+    if (f) {
+      _(null);
       return;
     }
-    const B = Dr();
-    k(T(B ?? window.innerHeight / 2));
+    const B = Pr();
+    _(A(B ?? window.innerHeight / 2));
     const j = () => {
-      k((C) => C === null ? null : T(C));
+      _((S) => S === null ? null : A(S));
     };
     return window.addEventListener("resize", j), () => window.removeEventListener("resize", j);
-  }, [T, d]);
+  }, [A, f]);
   const I = E(
     (B) => {
-      if (!d && !(B.pointerType === "mouse" && B.button !== 0) && R !== null) {
+      if (!f && !(B.pointerType === "mouse" && B.button !== 0) && T !== null) {
         try {
           B.currentTarget.setPointerCapture(B.pointerId);
         } catch {
         }
-        y.current = {
+        h.current = {
           startClientY: B.clientY,
-          startCenterY: R,
+          startCenterY: T,
           moved: !1
         };
       }
     },
-    [R, d]
+    [T, f]
   ), U = E(
     (B) => {
-      const j = y.current;
+      const j = h.current;
       if (!j) return;
-      const C = B.clientY - j.startClientY;
-      !j.moved && Math.abs(C) > Tr && (j.moved = !0, h(!0)), j.moved && k(T(j.startCenterY + C));
+      const S = B.clientY - j.startClientY;
+      !j.moved && Math.abs(S) > Dr && (j.moved = !0, u(!0)), j.moved && _(A(j.startCenterY + S));
     },
-    [T]
-  ), v = E(
+    [A]
+  ), b = E(
     (B) => {
-      const j = y.current;
+      const j = h.current;
       if (j) {
         try {
           B.currentTarget.releasePointerCapture(B.pointerId);
         } catch {
         }
-        y.current = null, j.moved && (h(!1), N.current = !0, k((C) => (C !== null && un(C), C)));
+        h.current = null, j.moved && (u(!1), L.current = !0, _((S) => (S !== null && un(S), S)));
       }
     },
     []
   ), P = E(() => {
-    if (N.current) {
-      N.current = !1;
+    if (L.current) {
+      L.current = !1;
       return;
     }
     i();
@@ -781,23 +822,23 @@ const Pr = ({
       if (B.key === "ArrowUp" || B.key === "ArrowDown") {
         B.preventDefault();
         const j = B.key === "ArrowUp" ? -8 : 8;
-        k((C) => {
-          if (C === null) return C;
-          const Z = T(C + j);
+        _((S) => {
+          if (S === null) return S;
+          const Z = A(S + j);
           return un(Z), Z;
         });
       }
     },
-    [T]
+    [A]
   ), q = [
     "ll-hidden",
     `ll-hidden--${c}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
-    _ ? "is-dragging" : null,
-    f ? "ll-hidden--with-avatar" : null,
-    d ? "ll-hidden--scoped" : null
-  ].filter(Boolean).join(" "), ne = R === null ? void 0 : { top: `${R - b / 2}px`, transform: "none" };
+    v ? "is-dragging" : null,
+    m ? "ll-hidden--with-avatar" : null,
+    f ? "ll-hidden--scoped" : null
+  ].filter(Boolean).join(" "), ne = T === null ? void 0 : { top: `${T - w / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
     "button",
     {
@@ -805,19 +846,19 @@ const Pr = ({
       className: q,
       onPointerDown: I,
       onPointerMove: U,
-      onPointerUp: v,
-      onPointerCancel: v,
+      onPointerUp: b,
+      onPointerCancel: b,
       onClick: P,
       onKeyDown: O,
       "aria-label": a,
       "data-position": e,
       style: ne,
-      children: f ? (
+      children: m ? (
         // 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__ */ w(ze, { children: [
+        /* @__PURE__ */ x(He, { children: [
           /* @__PURE__ */ n(
             cn,
             {
@@ -844,7 +885,7 @@ const Pr = ({
       )
     }
   );
-}, $r = ({
+}, zr = ({
   audioLevel: e,
   bars: t = 20,
   maxHeight: r = 20,
@@ -852,31 +893,31 @@ const Pr = ({
   className: a,
   barClassName: o
 }) => {
-  const s = A(null), l = A([]), c = nt(() => {
-    const b = (Math.sqrt(5) - 1) / 2;
-    return Array.from({ length: t }, (f, d) => 0.5 + d * b % 1 * 0.5);
+  const s = M(null), l = M([]), c = nt(() => {
+    const w = (Math.sqrt(5) - 1) / 2;
+    return Array.from({ length: t }, (m, f) => 0.5 + f * w % 1 * 0.5);
   }, [t]);
-  M(() => e.subscribe((f) => {
-    for (let d = 0; d < t; d++) {
-      const R = l.current[d];
-      if (!R) continue;
-      const k = Math.max(i, f * r * c[d]);
-      R.style.height = `${k}px`;
+  R(() => e.subscribe((m) => {
+    for (let f = 0; f < t; f++) {
+      const T = l.current[f];
+      if (!T) continue;
+      const _ = Math.max(i, m * r * c[f]);
+      T.style.height = `${_}px`;
     }
   }), [e, t, r, i, c]);
   const p = ["ll-waveform", a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: s, className: p, "aria-hidden": "true", children: Array.from({ length: t }, (b, f) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ n("div", { ref: s, className: p, "aria-hidden": "true", children: Array.from({ length: t }, (w, m) => /* @__PURE__ */ n(
     "div",
     {
-      ref: (d) => {
-        l.current[f] = d;
+      ref: (f) => {
+        l.current[m] = f;
       },
       className: ["ll-waveform__bar", o].filter(Boolean).join(" "),
       style: { height: `${i}px` }
     },
-    f
+    m
   )) });
-}, zr = ({
+}, Hr = ({
   position: e,
   isMobile: t,
   agentName: r,
@@ -893,7 +934,7 @@ const Pr = ({
     className: "ll-minimized ll-minimized--mobile",
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ w(
+    children: /* @__PURE__ */ x(
       "button",
       {
         type: "button",
@@ -913,7 +954,7 @@ const Pr = ({
             )
           ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
           /* @__PURE__ */ n(
-            $r,
+            zr,
             {
               audioLevel: s,
               bars: 16,
@@ -922,18 +963,18 @@ const Pr = ({
             }
           ),
           /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
-          /* @__PURE__ */ w("div", { className: "ll-minimized__controls", children: [
+          /* @__PURE__ */ x("div", { className: "ll-minimized__controls", children: [
             /* @__PURE__ */ n(
               "span",
               {
                 className: "ll-minimized__btn",
                 role: "button",
                 tabIndex: 0,
-                onClick: (b) => {
-                  b.stopPropagation(), c();
+                onClick: (w) => {
+                  w.stopPropagation(), c();
                 },
-                onKeyDown: (b) => {
-                  (b.key === "Enter" || b.key === " ") && (b.stopPropagation(), b.preventDefault(), c());
+                onKeyDown: (w) => {
+                  (w.key === "Enter" || w.key === " ") && (w.stopPropagation(), w.preventDefault(), c());
                 },
                 "aria-label": o ? "Unmute microphone" : "Mute microphone",
                 children: /* @__PURE__ */ n(an, { muted: o, className: "ll-minimized__icon" })
@@ -952,7 +993,7 @@ const Pr = ({
     "data-position": e,
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ w("div", { className: "ll-minimized__surface", children: [
+    children: /* @__PURE__ */ x("div", { className: "ll-minimized__surface", children: [
       i ? (
         // eslint-disable-next-line @next/next/no-img-element
         /* @__PURE__ */ n(
@@ -964,11 +1005,11 @@ const Pr = ({
           }
         )
       ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
-      /* @__PURE__ */ w("div", { className: "ll-minimized__meta", children: [
+      /* @__PURE__ */ x("div", { className: "ll-minimized__meta", children: [
         /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
         /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: a === "speaking" ? "Speaking" : a === "thinking" ? "Thinking" : "Listening" })
       ] }),
-      /* @__PURE__ */ w("div", { className: "ll-minimized__controls", children: [
+      /* @__PURE__ */ x("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
           "button",
           {
@@ -996,21 +1037,21 @@ const Pr = ({
             className: "ll-minimized__btn ll-minimized__btn--close",
             onClick: p,
             "aria-label": "Close widget",
-            children: /* @__PURE__ */ n(Ir, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Mr, { className: "ll-minimized__icon" })
           }
         )
       ] })
     ] })
   }
-), Hr = ({
+), Or = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
   className: i,
   style: a
 }) => {
-  const [o, s] = S(!1), l = A(e);
-  if (M(() => {
+  const [o, s] = N(!1), l = M(e);
+  if (R(() => {
     l.current !== e && (l.current = e, s(!1));
   }, [e]), !e) return null;
   const c = {
@@ -1040,13 +1081,13 @@ const Pr = ({
       }
     )
   );
-}, Or = "#E06540";
-function Br({
+}, Br = "#E06540";
+function Fr({
   size: e = 14,
   className: t,
-  fill: r = Or
+  fill: r = Br
 }) {
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ x(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1082,13 +1123,13 @@ function Br({
     }
   );
 }
-const Wr = 8, fn = 8, Fr = ({
+const Wr = 8, fn = 8, qr = ({
   open: e,
   onClose: t,
   anchorRef: r,
   children: i
 }) => {
-  const a = A(null), [o, s] = S(null);
+  const a = M(null), [o, s] = N(null);
   return kn(() => {
     if (!e) {
       s(null);
@@ -1097,20 +1138,20 @@ const Wr = 8, fn = 8, Fr = ({
     const l = r.current;
     if (!l) return;
     const c = () => {
-      const p = l.getBoundingClientRect(), b = {
+      const p = l.getBoundingClientRect(), w = {
         top: p.top - Wr,
         left: p.left + p.width / 2
-      }, f = fn + 90, d = window.innerWidth - fn - 90;
-      b.left < f && (b.left = f), b.left > d && (b.left = d), s(b);
+      }, m = fn + 90, f = window.innerWidth - fn - 90;
+      w.left < m && (w.left = m), w.left > f && (w.left = f), s(w);
     };
     return c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
       window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
     };
-  }, [e, r]), M(() => {
+  }, [e, r]), R(() => {
     if (!e) return;
     const l = (p) => {
-      const b = p.target, f = a.current, d = r.current;
-      f && f.contains(b) || d && d.contains(b) || t();
+      const w = p.target, m = a.current, f = r.current;
+      m && m.contains(w) || f && f.contains(w) || t();
     }, c = (p) => {
       p.key === "Escape" && (p.stopPropagation(), t());
     };
@@ -1137,7 +1178,7 @@ const Wr = 8, fn = 8, Fr = ({
     ),
     document.body
   );
-}, qr = ({
+}, Ur = ({
   isMuted: e,
   onToggleMute: t,
   isCameraEnabled: r,
@@ -1148,19 +1189,19 @@ const Wr = 8, fn = 8, Fr = ({
   allowScreenShare: l,
   isSpeakerMuted: c,
   onToggleSpeaker: p,
-  allowTyping: b,
-  isTypingOpen: f,
-  onToggleTyping: d,
-  onDisconnect: R
+  allowTyping: w,
+  isTypingOpen: m,
+  onToggleTyping: f,
+  onDisconnect: T
 }) => {
-  const [k, _] = S(!1), h = A(null);
-  return /* @__PURE__ */ w(ze, { children: [
-    /* @__PURE__ */ w(
+  const [_, v] = N(!1), u = M(null);
+  return /* @__PURE__ */ x(He, { children: [
+    /* @__PURE__ */ x(
       "div",
       {
         className: "ll-toolbar ll-toolbar--compact",
         "data-testid": "compact-toolbar",
-        onClick: (y) => y.stopPropagation(),
+        onClick: (h) => h.stopPropagation(),
         children: [
           /* @__PURE__ */ n(
             "button",
@@ -1175,14 +1216,14 @@ const Wr = 8, fn = 8, Fr = ({
           /* @__PURE__ */ n(
             "button",
             {
-              ref: h,
+              ref: u,
               type: "button",
-              className: `ll-tool ${k ? "is-on" : ""}`,
-              onClick: () => _((y) => !y),
+              className: `ll-tool ${_ ? "is-on" : ""}`,
+              onClick: () => v((h) => !h),
               "aria-label": "More controls",
               "aria-haspopup": "menu",
-              "aria-expanded": k,
-              children: /* @__PURE__ */ n(Ur, {})
+              "aria-expanded": _,
+              children: /* @__PURE__ */ n(jr, {})
             }
           ),
           /* @__PURE__ */ n(
@@ -1190,28 +1231,28 @@ const Wr = 8, fn = 8, Fr = ({
             {
               type: "button",
               className: "ll-tool ll-tool--danger",
-              onClick: R,
+              onClick: T,
               "aria-label": "End conversation",
-              children: /* @__PURE__ */ n(Mn, {})
+              children: /* @__PURE__ */ n(Rn, {})
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ w(
-      Fr,
+    /* @__PURE__ */ x(
+      qr,
       {
-        open: k,
-        onClose: () => _(!1),
-        anchorRef: h,
+        open: _,
+        onClose: () => v(!1),
+        anchorRef: u,
         children: [
-          a && /* @__PURE__ */ w(
+          a && /* @__PURE__ */ x(
             "button",
             {
               type: "button",
               className: `ll-overflow-popover__item ${r ? "is-on" : ""}`,
               onClick: () => {
-                i(), _(!1);
+                i(), v(!1);
               },
               children: [
                 /* @__PURE__ */ n(An, {}),
@@ -1219,13 +1260,13 @@ const Wr = 8, fn = 8, Fr = ({
               ]
             }
           ),
-          l && /* @__PURE__ */ w(
+          l && /* @__PURE__ */ x(
             "button",
             {
               type: "button",
               className: `ll-overflow-popover__item ${o ? "is-on" : ""}`,
               onClick: () => {
-                s(), _(!1);
+                s(), v(!1);
               },
               children: [
                 /* @__PURE__ */ n(Nn, {}),
@@ -1233,35 +1274,35 @@ const Wr = 8, fn = 8, Fr = ({
               ]
             }
           ),
-          /* @__PURE__ */ w(
+          /* @__PURE__ */ x(
             "button",
             {
               type: "button",
               className: `ll-overflow-popover__item ${c ? "is-on" : ""}`,
               onClick: () => {
-                p(), _(!1);
+                p(), v(!1);
               },
               children: [
-                /* @__PURE__ */ n(Rn, { muted: c }),
+                /* @__PURE__ */ n(Mn, { muted: c }),
                 /* @__PURE__ */ n("span", { children: c ? "Unmute speaker" : "Mute speaker" })
               ]
             }
           ),
-          b && /* @__PURE__ */ w(
+          w && /* @__PURE__ */ x(
             "button",
             {
               type: "button",
-              className: `ll-overflow-popover__item ${f ? "is-on" : ""}`,
+              className: `ll-overflow-popover__item ${m ? "is-on" : ""}`,
               onClick: () => {
-                d(), _(!1);
+                f(), v(!1);
               },
               children: [
-                /* @__PURE__ */ n(jr, {}),
-                /* @__PURE__ */ n("span", { children: f ? "Hide typing" : "Type a message" })
+                /* @__PURE__ */ n(Vr, {}),
+                /* @__PURE__ */ n("span", { children: m ? "Hide typing" : "Type a message" })
               ]
             }
           ),
-          /* @__PURE__ */ w(
+          /* @__PURE__ */ x(
             "button",
             {
               type: "button",
@@ -1279,8 +1320,8 @@ const Wr = 8, fn = 8, Fr = ({
     )
   ] });
 };
-function Ur() {
-  return /* @__PURE__ */ w(
+function jr() {
+  return /* @__PURE__ */ x(
     "svg",
     {
       width: "16",
@@ -1296,7 +1337,7 @@ function Ur() {
     }
   );
 }
-function jr() {
+function Vr() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1313,7 +1354,7 @@ function jr() {
     }
   );
 }
-const Vr = ({
+const Yr = ({
   position: e,
   isMobile: t,
   agentName: r,
@@ -1324,140 +1365,140 @@ const Vr = ({
   teamMembers: l,
   currentTeamMemberId: c,
   isSwitchingTeamMember: p,
-  teamSwitcherOpen: b,
-  onToggleTeamSwitcher: f,
-  onSelectTeamMember: d,
-  languageMenuOpen: R,
-  onToggleLanguageMenu: k,
-  connectionState: _,
-  agentState: h,
-  transcript: y,
-  canResume: N,
-  needsUserGesture: T,
+  teamSwitcherOpen: w,
+  onToggleTeamSwitcher: m,
+  onSelectTeamMember: f,
+  languageMenuOpen: T,
+  onToggleLanguageMenu: _,
+  connectionState: v,
+  agentState: u,
+  transcript: h,
+  canResume: L,
+  needsUserGesture: A,
   error: I,
   isMuted: U,
-  micError: v,
+  micError: b,
   micDevices: P,
   activeMicId: O,
   isCameraEnabled: q,
   cameraPreviewEl: ne,
   cameraDevices: B,
   activeCameraId: j,
-  isScreenShareEnabled: C,
+  isScreenShareEnabled: S,
   screenPreviewEl: Z,
   isSpeakerMuted: we,
-  allowCamera: ce,
-  allowScreenShare: He,
-  allowTyping: Oe,
+  allowCamera: de,
+  allowScreenShare: Oe,
+  allowTyping: Be,
   showMinimize: X = !0,
-  showClose: Se = !0,
+  showClose: Ne = !0,
   chromeless: _e = !1,
-  compactControls: W = !1,
-  transforming: ie,
+  compactControls: F = !1,
+  transforming: oe,
   transformingLabel: Y,
-  avatarVideoContainerRef: fe,
+  avatarVideoContainerRef: pe,
   agentVideoEl: K,
   onConnect: rt,
   onDisconnect: it,
   onRetry: mt,
   onResumeAudio: ot,
-  onToggleMute: Ne,
-  onSwitchMicDevice: Be,
-  onToggleCamera: Ae,
+  onToggleMute: Ae,
+  onSwitchMicDevice: Fe,
+  onToggleCamera: Ie,
   onSwitchCameraDevice: We,
-  onToggleScreenShare: Ie,
+  onToggleScreenShare: Me,
   onToggleSpeaker: Re,
-  onSendMessage: Me,
-  onMinimize: Te,
+  onSendMessage: Te,
+  onMinimize: De,
   onClose: $,
   onClearMicError: Lt
 }) => {
   var Je;
-  const De = ((l == null ? void 0 : l.length) ?? 0) > 1, Fe = _ === "connecting" || _ === "connected", pe = _ === "connected", lt = _ === "idle" || _ === "disconnected" || _ === "error", [Pe, qe] = S(!1);
-  M(() => {
+  const Pe = ((l == null ? void 0 : l.length) ?? 0) > 1, qe = v === "connecting" || v === "connected", he = v === "connected", lt = v === "idle" || v === "disconnected" || v === "error", [$e, Ue] = N(!1);
+  R(() => {
     if (!K) {
-      qe(!1);
+      Ue(!1);
       return;
     }
     if (!K.paused && K.readyState >= 2) {
-      qe(!0);
+      Ue(!0);
       return;
     }
-    qe(!1);
-    const m = () => qe(!0);
-    return K.addEventListener("playing", m), K.addEventListener("loadeddata", m), () => {
-      K.removeEventListener("playing", m), K.removeEventListener("loadeddata", m);
+    Ue(!1);
+    const g = () => Ue(!0);
+    return K.addEventListener("playing", g), K.addEventListener("loadeddata", g), () => {
+      K.removeEventListener("playing", g), K.removeEventListener("loadeddata", g);
     };
   }, [K]);
-  const [kt, ke] = S(!1);
-  M(() => {
-    if (!pe) {
+  const [kt, ke] = N(!1);
+  R(() => {
+    if (!he) {
       ke(!1);
       return;
     }
-    if (Pe) return;
-    const m = setTimeout(() => ke(!0), 8e3);
-    return () => clearTimeout(m);
-  }, [pe, Pe]);
-  const oe = _ === "connecting" || pe && !!i && !Pe && !kt, at = A(null), de = A(null);
-  M(() => {
-    const m = at.current;
-    m && (m.innerHTML = "", ne && (ne.style.width = "100%", ne.style.height = "100%", ne.style.objectFit = "cover", ne.style.transform = "scaleX(-1)", m.appendChild(ne)));
-  }, [ne]), M(() => {
-    const m = de.current;
-    m && (m.innerHTML = "", Z && (Z.style.width = "100%", Z.style.height = "100%", Z.style.objectFit = "contain", m.appendChild(Z)));
+    if ($e) return;
+    const g = setTimeout(() => ke(!0), 8e3);
+    return () => clearTimeout(g);
+  }, [he, $e]);
+  const le = v === "connecting" || he && !!i && !$e && !kt, at = M(null), ue = M(null);
+  R(() => {
+    const g = at.current;
+    g && (g.innerHTML = "", ne && (ne.style.width = "100%", ne.style.height = "100%", ne.style.objectFit = "cover", ne.style.transform = "scaleX(-1)", g.appendChild(ne)));
+  }, [ne]), R(() => {
+    const g = ue.current;
+    g && (g.innerHTML = "", Z && (Z.style.width = "100%", Z.style.height = "100%", Z.style.objectFit = "contain", g.appendChild(Z)));
   }, [Z]);
-  const [ae, st] = S(!1), [Ue, Ce] = S(!1), je = A(null), ct = A(null);
-  M(() => {
-    if (!ae && !Ue && !R && !b) return;
-    const m = () => {
-      st(!1), Ce(!1), R && k(), b && f();
+  const [ce, st] = N(!1), [je, Ce] = N(!1), Ve = M(null), ct = M(null);
+  R(() => {
+    if (!ce && !je && !T && !w) return;
+    const g = () => {
+      st(!1), Ce(!1), T && _(), w && m();
     };
-    return document.addEventListener("click", m), () => document.removeEventListener("click", m);
+    return document.addEventListener("click", g), () => document.removeEventListener("click", g);
   }, [
-    ae,
-    Ue,
-    R,
-    b,
-    k,
-    f
+    ce,
+    je,
+    T,
+    w,
+    _,
+    m
   ]);
-  const [ue, xe] = S(!1), Ct = E(() => xe((m) => !m), []), [Ve, Ye] = S(""), se = E(
-    (m) => {
-      m.preventDefault();
-      const Q = Ve.trim();
-      Q && (Me(Q), Ye(""));
+  const [fe, xe] = N(!1), Ct = E(() => xe((g) => !g), []), [Ye, Ee] = N(""), ae = E(
+    (g) => {
+      g.preventDefault();
+      const Q = Ye.trim();
+      Q && (Te(Q), Ee(""));
     },
-    [Ve, Me]
-  ), me = s.productName || "Live Layer", $e = !s.productName;
-  let ge = null, Ee = null;
-  for (let m = y.length - 1; m >= 0; m--) {
-    const Q = y[m];
-    if (!ge && Q.role === "agent" ? ge = Q : !Ee && Q.role === "user" && (Ee = Q), ge && Ee) break;
+    [Ye, Te]
+  ), me = s.productName || "Live Layer", ze = !s.productName;
+  let ge = null, Se = null;
+  for (let g = h.length - 1; g >= 0; g--) {
+    const Q = h[g];
+    if (!ge && Q.role === "agent" ? ge = Q : !Se && Q.role === "user" && (Se = Q), ge && Se) break;
   }
-  const Ge = pe ? (ge == null ? void 0 : ge.text) || null : o || null, Ke = pe && (Ee == null ? void 0 : Ee.text) || null, gt = [
+  const Ge = he ? (ge == null ? void 0 : ge.text) || null : o || null, Ke = he && (Se == null ? void 0 : Se.text) || null, gt = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ x(
     "div",
     {
       className: gt,
       "data-position": e,
-      "data-state": pe ? "connected" : Fe ? "connecting" : "idle",
+      "data-state": he ? "connected" : qe ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
-        /* @__PURE__ */ w("div", { className: "ll-expanded__bg", children: [
+        /* @__PURE__ */ x("div", { className: "ll-expanded__bg", children: [
           i ? /* @__PURE__ */ n(
-            Hr,
+            Or,
             {
               src: i,
               alt: r,
               className: "ll-expanded__bg-img"
             }
           ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Je = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Je.toUpperCase()) || "A" }) }),
-          a && !pe && /* @__PURE__ */ n(
+          a && !he && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
@@ -1469,12 +1510,12 @@ const Vr = ({
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { ref: fe, className: "ll-expanded__video" }),
-        oe && /* @__PURE__ */ w("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        /* @__PURE__ */ n("div", { ref: pe, className: "ll-expanded__video" }),
+        le && /* @__PURE__ */ x("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: p ? "Switching..." : "Connecting..." })
         ] }),
-        T && pe && /* @__PURE__ */ w(
+        A && he && /* @__PURE__ */ x(
           "button",
           {
             type: "button",
@@ -1486,7 +1527,7 @@ const Vr = ({
             ]
           }
         ),
-        ie && /* @__PURE__ */ w(
+        oe && /* @__PURE__ */ x(
           "div",
           {
             className: "ll-expanded__overlay ll-expanded__overlay--transforming",
@@ -1499,69 +1540,69 @@ const Vr = ({
             ]
           }
         ),
-        Fe ? /* @__PURE__ */ w(ze, { children: [
-          !W && /* @__PURE__ */ w("div", { className: "ll-expanded__topbar", children: [
-            !_e && /* @__PURE__ */ w("div", { className: "ll-expanded__topbar-left", children: [
-              /* @__PURE__ */ w("div", { className: "ll-expanded__pill-wrap", children: [
-                /* @__PURE__ */ w(
+        qe ? /* @__PURE__ */ x(He, { children: [
+          !F && /* @__PURE__ */ x("div", { className: "ll-expanded__topbar", children: [
+            !_e && /* @__PURE__ */ x("div", { className: "ll-expanded__topbar-left", children: [
+              /* @__PURE__ */ x("div", { className: "ll-expanded__pill-wrap", children: [
+                /* @__PURE__ */ x(
                   "button",
                   {
                     type: "button",
                     className: "ll-hpill",
-                    onClick: (m) => {
-                      De && (m.stopPropagation(), f());
+                    onClick: (g) => {
+                      Pe && (g.stopPropagation(), m());
                     },
-                    "aria-haspopup": De ? "listbox" : void 0,
-                    "aria-expanded": De ? b : void 0,
+                    "aria-haspopup": Pe ? "listbox" : void 0,
+                    "aria-expanded": Pe ? w : void 0,
                     children: [
                       /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                      De && /* @__PURE__ */ n(wt, {})
+                      Pe && /* @__PURE__ */ n(wt, {})
                     ]
                   }
                 ),
-                De && b && /* @__PURE__ */ n(
+                Pe && w && /* @__PURE__ */ n(
                   "div",
                   {
                     className: "ll-hmenu",
-                    onClick: (m) => m.stopPropagation(),
+                    onClick: (g) => g.stopPropagation(),
                     role: "listbox",
-                    children: l == null ? void 0 : l.map((m) => /* @__PURE__ */ w(
+                    children: l == null ? void 0 : l.map((g) => /* @__PURE__ */ x(
                       "button",
                       {
                         type: "button",
-                        className: `ll-hmenu__item ${m.id === c ? "is-active" : ""}`,
-                        onClick: () => d(m.id),
+                        className: `ll-hmenu__item ${g.id === c ? "is-active" : ""}`,
+                        onClick: () => f(g.id),
                         role: "option",
-                        "aria-selected": m.id === c,
+                        "aria-selected": g.id === c,
                         children: [
-                          m.avatarImageUrl && /* @__PURE__ */ n(
+                          g.avatarImageUrl && /* @__PURE__ */ n(
                             "img",
                             {
-                              src: m.avatarImageUrl,
+                              src: g.avatarImageUrl,
                               alt: "",
                               className: "ll-hmenu__avatar"
                             }
                           ),
-                          /* @__PURE__ */ n("span", { className: "ll-hmenu__name", children: m.name }),
-                          m.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: m.role })
+                          /* @__PURE__ */ n("span", { className: "ll-hmenu__name", children: g.name }),
+                          g.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: g.role })
                         ]
                       },
-                      m.id
+                      g.id
                     ))
                   }
                 )
               ] }),
-              /* @__PURE__ */ w("div", { className: "ll-expanded__pill-wrap", children: [
-                /* @__PURE__ */ w(
+              /* @__PURE__ */ x("div", { className: "ll-expanded__pill-wrap", children: [
+                /* @__PURE__ */ x(
                   "button",
                   {
                     type: "button",
                     className: "ll-hpill ll-hpill--compact",
-                    onClick: (m) => {
-                      m.stopPropagation(), k();
+                    onClick: (g) => {
+                      g.stopPropagation(), _();
                     },
                     "aria-haspopup": "listbox",
-                    "aria-expanded": R,
+                    "aria-expanded": T,
                     "aria-label": "Language: English",
                     title: "Language: English",
                     children: [
@@ -1570,11 +1611,11 @@ const Vr = ({
                     ]
                   }
                 ),
-                R && /* @__PURE__ */ n(
+                T && /* @__PURE__ */ n(
                   "div",
                   {
                     className: "ll-hmenu",
-                    onClick: (m) => m.stopPropagation(),
+                    onClick: (g) => g.stopPropagation(),
                     role: "listbox",
                     children: /* @__PURE__ */ n(
                       "button",
@@ -1592,24 +1633,24 @@ const Vr = ({
               /* @__PURE__ */ n(
                 "span",
                 {
-                  className: `ll-expanded__state ll-expanded__state--${h}`,
-                  children: h
+                  className: `ll-expanded__state ll-expanded__state--${u}`,
+                  children: u
                 }
               )
             ] }),
-            /* @__PURE__ */ w("div", { className: "ll-expanded__header-actions", children: [
+            /* @__PURE__ */ x("div", { className: "ll-expanded__header-actions", children: [
               X !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn",
-                  onClick: Te,
+                  onClick: De,
                   "aria-label": "Minimize widget",
                   title: "Minimize",
                   children: /* @__PURE__ */ n(hn, {})
                 }
               ),
-              Se !== !1 && /* @__PURE__ */ n(
+              Ne !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
@@ -1622,17 +1663,17 @@ const Vr = ({
               )
             ] })
           ] }),
-          W && /* @__PURE__ */ w("div", { className: "ll-compact-status", "data-state": h, children: [
+          F && /* @__PURE__ */ x("div", { className: "ll-compact-status", "data-state": u, children: [
             /* @__PURE__ */ n("span", { className: "ll-compact-status__dot", "aria-hidden": !0 }),
-            /* @__PURE__ */ n("span", { className: "ll-compact-status__label", children: h })
+            /* @__PURE__ */ n("span", { className: "ll-compact-status__label", children: u })
           ] })
         ] }) : (
           // 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.
-          !W && /* @__PURE__ */ w("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            $e ? /* @__PURE__ */ w(
+          !F && /* @__PURE__ */ x("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
+            ze ? /* @__PURE__ */ x(
               "a",
               {
                 className: "ll-expanded__brand ll-expanded__brand--link",
@@ -1642,23 +1683,23 @@ const Vr = ({
                 "aria-label": "Powered by LiveLayer — opens livelayer.studio in a new tab",
                 title: "Powered by LiveLayer — visit livelayer.studio",
                 children: [
-                  /* @__PURE__ */ n(Br, { size: 14, className: "ll-expanded__brand-mark" }),
+                  /* @__PURE__ */ n(Fr, { size: 14, className: "ll-expanded__brand-mark" }),
                   /* @__PURE__ */ n("span", { children: me })
                 ]
               }
             ) : /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: me }),
-            /* @__PURE__ */ w("div", { className: "ll-expanded__header-actions", children: [
+            /* @__PURE__ */ x("div", { className: "ll-expanded__header-actions", children: [
               X !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: Te,
+                  onClick: De,
                   "aria-label": "Minimize widget",
                   children: /* @__PURE__ */ n(hn, {})
                 }
               ),
-              Se !== !1 && /* @__PURE__ */ n(
+              Ne !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
@@ -1672,22 +1713,22 @@ const Vr = ({
           ] })
         ),
         lt && /* @__PURE__ */ (() => {
-          const m = N ? "Resume session" : _ === "disconnected" ? "Reconnect to agent" : "Start video call";
-          return /* @__PURE__ */ w(ze, { children: [
-            !I && /* @__PURE__ */ w(
+          const g = L ? "Resume session" : v === "disconnected" ? "Reconnect to agent" : "Start video call";
+          return /* @__PURE__ */ x(He, { children: [
+            !I && /* @__PURE__ */ x(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
                 onClick: rt,
-                "aria-label": m,
+                "aria-label": g,
                 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" }) }) }),
-                  W && /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: m })
+                  F && /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: g })
                 ]
               }
             ),
-            !W && /* @__PURE__ */ w("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
+            !F && /* @__PURE__ */ x("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
               o && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: o }) }),
               /* @__PURE__ */ n(
                 "button",
@@ -1695,37 +1736,37 @@ const Vr = ({
                   type: "button",
                   className: "ll-expanded__cta",
                   onClick: rt,
-                  "aria-label": m,
-                  children: m
+                  "aria-label": g,
+                  children: g
                 }
               )
             ] })
           ] });
         })(),
-        /* @__PURE__ */ w(
+        /* @__PURE__ */ x(
           "div",
           {
-            className: `ll-expanded__pip ${Fe && (q || C) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${qe && (q || S) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: de,
-                  className: C ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: ue,
+                  className: S ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
                   ref: at,
-                  className: !C && q ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  className: !S && q ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        Fe ? /* @__PURE__ */ w("div", { className: "ll-expanded__bottom", children: [
-          !W && Ge && /* @__PURE__ */ n(
+        qe ? /* @__PURE__ */ x("div", { className: "ll-expanded__bottom", children: [
+          !F && Ge && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--agent",
@@ -1733,7 +1774,7 @@ const Vr = ({
               children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Ge })
             }
           ),
-          !W && Ke && /* @__PURE__ */ n(
+          !F && Ke && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--user",
@@ -1741,25 +1782,25 @@ const Vr = ({
               children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Ke })
             }
           ),
-          !_e && !W && /* @__PURE__ */ w("div", { className: "ll-toolbar", onClick: (m) => m.stopPropagation(), children: [
-            He && /* @__PURE__ */ n(
+          !_e && !F && /* @__PURE__ */ x("div", { className: "ll-toolbar", onClick: (g) => g.stopPropagation(), children: [
+            Oe && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${C ? "is-on" : ""}`,
-                onClick: Ie,
-                "aria-label": C ? "Stop sharing screen" : "Share screen",
-                title: C ? "Stop sharing" : "Share screen",
+                className: `ll-tool ${S ? "is-on" : ""}`,
+                onClick: Me,
+                "aria-label": S ? "Stop sharing screen" : "Share screen",
+                title: S ? "Stop sharing" : "Share screen",
                 children: /* @__PURE__ */ n(Nn, {})
               }
             ),
-            ce && /* @__PURE__ */ w("div", { className: "ll-tool-split", children: [
+            de && /* @__PURE__ */ x("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: `ll-tool ll-tool--left ${q ? "is-on" : ""}`,
-                  onClick: Ae,
+                  onClick: Ie,
                   "aria-label": q ? "Turn off camera" : "Turn on camera",
                   title: q ? "Stop camera" : "Start camera",
                   children: /* @__PURE__ */ n(An, {})
@@ -1771,35 +1812,35 @@ const Vr = ({
                   ref: ct,
                   type: "button",
                   className: `ll-tool ll-tool--right ${q ? "is-on" : ""}`,
-                  onClick: (m) => {
-                    m.stopPropagation(), Ce((Q) => !Q), st(!1);
+                  onClick: (g) => {
+                    g.stopPropagation(), Ce((Q) => !Q), st(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": Ue,
+                  "aria-expanded": je,
                   children: /* @__PURE__ */ n(wt, {})
                 }
               ),
-              Ue && B.length > 0 && /* @__PURE__ */ n(
+              je && B.length > 0 && /* @__PURE__ */ n(
                 mn,
                 {
                   label: "Camera",
                   devices: B,
                   activeId: j,
                   anchorRef: ct,
-                  onPick: (m) => {
-                    Ce(!1), We(m);
+                  onPick: (g) => {
+                    Ce(!1), We(g);
                   }
                 }
               )
             ] }),
-            /* @__PURE__ */ w("div", { className: "ll-tool-split", children: [
+            /* @__PURE__ */ x("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: `ll-tool ll-tool--left ${U ? "is-muted" : ""}`,
-                  onClick: Ne,
+                  onClick: Ae,
                   "aria-label": U ? "Unmute microphone" : "Mute microphone",
                   title: U ? "Unmute" : "Mute",
                   children: /* @__PURE__ */ n(In, { muted: U })
@@ -1808,27 +1849,27 @@ const Vr = ({
               /* @__PURE__ */ n(
                 "button",
                 {
-                  ref: je,
+                  ref: Ve,
                   type: "button",
                   className: `ll-tool ll-tool--right ${U ? "is-muted" : ""}`,
-                  onClick: (m) => {
-                    m.stopPropagation(), st((Q) => !Q), Ce(!1);
+                  onClick: (g) => {
+                    g.stopPropagation(), st((Q) => !Q), Ce(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": ae,
+                  "aria-expanded": ce,
                   children: /* @__PURE__ */ n(wt, {})
                 }
               ),
-              ae && P.length > 0 && /* @__PURE__ */ n(
+              ce && P.length > 0 && /* @__PURE__ */ n(
                 mn,
                 {
                   label: "Microphone",
                   devices: P,
                   activeId: O,
-                  anchorRef: je,
-                  onPick: (m) => {
-                    st(!1), Be(m);
+                  anchorRef: Ve,
+                  onPick: (g) => {
+                    st(!1), Fe(g);
                   }
                 }
               )
@@ -1841,7 +1882,7 @@ const Vr = ({
                 onClick: Re,
                 "aria-label": we ? "Unmute speaker" : "Mute speaker",
                 title: we ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(Rn, { muted: we })
+                children: /* @__PURE__ */ n(Mn, { muted: we })
               }
             ),
             /* @__PURE__ */ n(
@@ -1852,56 +1893,56 @@ const Vr = ({
                 onClick: it,
                 "aria-label": "End conversation",
                 title: "End conversation",
-                children: /* @__PURE__ */ n(Mn, {})
+                children: /* @__PURE__ */ n(Rn, {})
               }
             )
           ] }),
-          !_e && W && /* @__PURE__ */ n(
-            qr,
+          !_e && F && /* @__PURE__ */ n(
+            Ur,
             {
               isMuted: U,
-              onToggleMute: Ne,
+              onToggleMute: Ae,
               isCameraEnabled: q,
-              onToggleCamera: Ae,
-              allowCamera: ce,
-              isScreenShareEnabled: C,
-              onToggleScreenShare: Ie,
-              allowScreenShare: He,
+              onToggleCamera: Ie,
+              allowCamera: de,
+              isScreenShareEnabled: S,
+              onToggleScreenShare: Me,
+              allowScreenShare: Oe,
               isSpeakerMuted: we,
               onToggleSpeaker: Re,
-              allowTyping: Oe,
-              isTypingOpen: ue,
+              allowTyping: Be,
+              isTypingOpen: fe,
               onToggleTyping: Ct,
               onDisconnect: it
             }
           ),
-          !_e && Oe && (W ? ue : !0) && /* @__PURE__ */ w("form", { className: "ll-message-input", onSubmit: se, children: [
+          !_e && Be && (F ? fe : !0) && /* @__PURE__ */ x("form", { className: "ll-message-input", onSubmit: ae, children: [
             /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: Ve,
-                onChange: (m) => Ye(m.target.value),
+                value: Ye,
+                onChange: (g) => Ee(g.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            Ve.trim() && /* @__PURE__ */ n(
+            Ye.trim() && /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
                 className: "ll-message-input__send",
                 "aria-label": "Send message",
-                children: /* @__PURE__ */ n(Yr, {})
+                children: /* @__PURE__ */ n(Gr, {})
               }
             )
           ] })
         ] }) : null,
         (() => {
-          if (v && _ !== "error")
-            return /* @__PURE__ */ w("div", { className: "ll-expanded__banner", role: "alert", children: [
-              /* @__PURE__ */ n("span", { children: v }),
+          if (b && v !== "error")
+            return /* @__PURE__ */ x("div", { className: "ll-expanded__banner", role: "alert", children: [
+              /* @__PURE__ */ n("span", { children: b }),
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1913,10 +1954,10 @@ const Vr = ({
                 }
               )
             ] });
-          if (!I || _ !== "error") return null;
-          let m = "Failed to connect", Q = "Try again";
-          return I === "MIC_PERMISSION_DENIED" ? m = "Microphone blocked. Allow access to talk." : I === "MIC_NOT_FOUND" ? m = "No microphone found. Plug one in + retry." : I === "MIC_UNAVAILABLE" ? m = "Mic unavailable. Check other apps using it." : I === "AGENT_TIMEOUT" ? m = "Agent didn't pick up. Try again." : I === "CONNECT_FAILED" ? m = "Connection failed. Check your network." : I.length < 80 && (m = I), /* @__PURE__ */ w("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
-            /* @__PURE__ */ n("span", { children: m }),
+          if (!I || v !== "error") return null;
+          let g = "Failed to connect", Q = "Try again";
+          return I === "MIC_PERMISSION_DENIED" ? g = "Microphone blocked. Allow access to talk." : I === "MIC_NOT_FOUND" ? g = "No microphone found. Plug one in + retry." : I === "MIC_UNAVAILABLE" ? g = "Mic unavailable. Check other apps using it." : I === "AGENT_TIMEOUT" ? g = "Agent didn't pick up. Try again." : I === "CONNECT_FAILED" ? g = "Connection failed. Check your network." : I.length < 80 && (g = I), /* @__PURE__ */ x("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+            /* @__PURE__ */ n("span", { children: g }),
             /* @__PURE__ */ n(
               "button",
               {
@@ -1936,7 +1977,7 @@ function wt() {
   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 pn() {
-  return /* @__PURE__ */ w("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__ */ x("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" })
   ] });
@@ -1945,42 +1986,42 @@ function hn() {
   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 Nn() {
-  return /* @__PURE__ */ w("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__ */ x("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 An() {
-  return /* @__PURE__ */ w("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__ */ x("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 In({ muted: e }) {
-  return /* @__PURE__ */ w("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__ */ x("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" }),
     e && /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function Rn({ muted: e }) {
-  return /* @__PURE__ */ w("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: [
+function Mn({ muted: e }) {
+  return /* @__PURE__ */ x("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__ */ w(ze, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ x(He, { 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 Yr() {
-  return /* @__PURE__ */ w("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function Gr() {
+  return /* @__PURE__ */ x("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" })
   ] });
 }
-function Mn() {
+function Rn() {
   return /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "-4 -4 32 32", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: /* @__PURE__ */ n(
     "path",
     {
@@ -1996,22 +2037,22 @@ const mn = ({
   onPick: i,
   anchorRef: a
 }) => {
-  const [o, s] = S(null);
+  const [o, s] = N(null);
   return kn(() => {
     const l = () => {
       const c = a.current;
       if (!c) return;
-      const p = c.getBoundingClientRect(), b = 126, f = window.innerWidth - 16 - 110, d = p.left + p.width / 2;
+      const p = c.getBoundingClientRect(), w = 126, m = window.innerWidth - 16 - 110, f = p.left + p.width / 2;
       s({
         top: p.top - 8,
-        left: Math.max(b, Math.min(f, d))
+        left: Math.max(w, Math.min(m, f))
       });
     };
     return l(), window.addEventListener("scroll", l, !0), window.addEventListener("resize", l), () => {
       window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l);
     };
   }, [a]), o === null || typeof document > "u" ? null : zt(
-    /* @__PURE__ */ w(
+    /* @__PURE__ */ x(
       "div",
       {
         className: "ll-device-menu ll-device-menu--floating",
@@ -2028,7 +2069,7 @@ const mn = ({
           /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
           t.map((l, c) => {
             const p = r === l.deviceId;
-            return /* @__PURE__ */ w(
+            return /* @__PURE__ */ x(
               "button",
               {
                 type: "button",
@@ -2049,7 +2090,7 @@ const mn = ({
     ),
     document.body
   );
-}, Gr = [
+}, Kr = [
   // Accept any value (or empty) — `<input data-ll-private />` and
   // `<input data-ll-private="true" />` both opt out. The bare attribute
   // is the recommended spelling; "true" is preserved for back-compat.
@@ -2060,7 +2101,7 @@ const mn = ({
 function Ht(e) {
   let t = e;
   for (; t; ) {
-    for (const r of Gr)
+    for (const r of Kr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
@@ -2075,7 +2116,7 @@ function Pt(e) {
   }
   return !0;
 }
-const _t = 4096, Kr = 20, Jr = 20, Xr = 10, Zr = 10, Qr = 30, ei = 20, gn = 500, ti = [
+const _t = 4096, Jr = 20, Xr = 20, Zr = 10, Qr = 10, ei = 30, ti = 20, gn = 500, ni = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -2087,7 +2128,7 @@ function pt(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
-    for (const r of ti)
+    for (const r of ni)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
@@ -2127,13 +2168,13 @@ function yn(e) {
   const a = e.getAttribute("placeholder");
   return a ? a.trim() : "";
 }
-function re(e, t) {
+function ie(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-function ni(e) {
+function ri(e) {
   return e && e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 60) || null;
 }
-function ri(e) {
+function ii(e) {
   const t = e.getAttribute("aria-label");
   if (t) return t.trim().slice(0, 80);
   const r = e.getAttribute("aria-labelledby");
@@ -2162,7 +2203,7 @@ function ri(e) {
 function Qe(e) {
   return e.length;
 }
-function ii(e, t = {}) {
+function oi(e, t = {}) {
   const r = t.doc ?? (typeof document < "u" ? document : null);
   if (!r)
     return {
@@ -2179,125 +2220,125 @@ function ii(e, t = {}) {
   const i = typeof window < "u" && window.location.href || "", a = typeof window < "u" && window.location.pathname || "/", o = r.title || "", s = Array.from(
     r.querySelectorAll("[data-ll-region]")
   ), l = [];
-  for (const v of s) {
-    if (l.length >= Xr) break;
-    if (pt(v) || !ht(v)) continue;
-    const P = v.getAttribute("data-ll-region") ?? "", O = v.getAttribute("data-ll-intent") ?? void 0, q = re(
-      (v.innerText || v.textContent || "").trim(),
+  for (const b of s) {
+    if (l.length >= Zr) break;
+    if (pt(b) || !ht(b)) continue;
+    const P = b.getAttribute("data-ll-region") ?? "", O = b.getAttribute("data-ll-intent") ?? void 0, q = ie(
+      (b.innerText || b.textContent || "").trim(),
       gn * 2
     );
     !P || !q || l.push({ id: P, intent: O, text: q });
   }
-  const c = [], p = ["H1", "H2", "H3", "H4", "H5", "H6"], b = Array.from(
+  const c = [], p = ["H1", "H2", "H3", "H4", "H5", "H6"], w = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
-  for (const v of b) {
-    if (pt(v) || !ht(v)) continue;
-    const P = (v.textContent || "").trim();
-    P && c.push(`${v.tagName}: ${re(P, 200)}`);
+  for (const b of w) {
+    if (pt(b) || !ht(b)) continue;
+    const P = (b.textContent || "").trim();
+    P && c.push(`${b.tagName}: ${ie(P, 200)}`);
   }
-  const f = Array.from(r.querySelectorAll("p, li"));
-  for (const v of f) {
-    if (pt(v) || !ht(v) || p.includes(v.tagName)) continue;
-    const P = (v.textContent || "").trim();
-    P.length > 10 && c.push(re(P, gn));
+  const m = Array.from(r.querySelectorAll("p, li"));
+  for (const b of m) {
+    if (pt(b) || !ht(b) || p.includes(b.tagName)) continue;
+    const P = (b.textContent || "").trim();
+    P.length > 10 && c.push(ie(P, gn));
   }
-  const d = c.join(`
-`), R = [], k = Array.from(r.querySelectorAll("a[href]"));
-  for (const v of k) {
-    if (R.length >= Kr) break;
-    if (pt(v) || !ht(v)) continue;
-    const P = v.getAttribute("href") || "", O = (v.textContent || "").trim();
-    !P || !O || R.push({ href: P, text: re(O, 100) });
+  const f = c.join(`
+`), T = [], _ = Array.from(r.querySelectorAll("a[href]"));
+  for (const b of _) {
+    if (T.length >= Jr) break;
+    if (pt(b) || !ht(b)) continue;
+    const P = b.getAttribute("href") || "", O = (b.textContent || "").trim();
+    !P || !O || T.push({ href: P, text: ie(O, 100) });
   }
-  const _ = [], h = Array.from(
+  const v = [], u = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
-  for (const v of h) {
-    if (_.length >= Jr) break;
-    if (pt(v) || !Pt(v) || !ht(v)) continue;
-    const P = yn(v), O = v instanceof HTMLInputElement ? v.type : v.tagName.toLowerCase();
-    P && _.push({ label: re(P, 100), type: O });
+  for (const b of u) {
+    if (v.length >= Xr) break;
+    if (pt(b) || !Pt(b) || !ht(b)) continue;
+    const P = yn(b), O = b instanceof HTMLInputElement ? b.type : b.tagName.toLowerCase();
+    P && v.push({ label: ie(P, 100), type: O });
   }
-  const y = Array.from(r.querySelectorAll("form")), N = [];
-  let T = 0;
-  for (const v of y) {
-    if (N.length >= Zr) break;
-    if (Ht(v) || v.matches(".ll-widget *, .ll-widget")) continue;
-    const P = v.getAttribute("id") || v.getAttribute("name") || ni(v.getAttribute("data-ll-intent")) || `form_${T++}`, O = v.getAttribute("data-ll-intent") || ri(v) || void 0, q = Array.from(
-      v.querySelectorAll(
+  const h = Array.from(r.querySelectorAll("form")), L = [];
+  let A = 0;
+  for (const b of h) {
+    if (L.length >= Qr) break;
+    if (Ht(b) || b.matches(".ll-widget *, .ll-widget")) continue;
+    const P = b.getAttribute("id") || b.getAttribute("name") || ri(b.getAttribute("data-ll-intent")) || `form_${A++}`, O = b.getAttribute("data-ll-intent") || ii(b) || void 0, q = Array.from(
+      b.querySelectorAll(
         "input, textarea, select"
       )
     ), ne = [];
     let B = 0;
     const j = /* @__PURE__ */ new Set();
-    for (const C of q) {
-      if (ne.length >= Qr) break;
-      if (!Pt(C)) continue;
-      if (C instanceof HTMLInputElement) {
-        const W = C.type;
-        if (W === "submit" || W === "button" || W === "reset" || W === "hidden" || W === "image" || W === "file") continue;
+    for (const S of q) {
+      if (ne.length >= ei) break;
+      if (!Pt(S)) continue;
+      if (S instanceof HTMLInputElement) {
+        const F = S.type;
+        if (F === "submit" || F === "button" || F === "reset" || F === "hidden" || F === "image" || F === "file") continue;
       }
-      const Z = C.getAttribute("name") || "", we = C.getAttribute("id") || "";
-      let ce = Z || we || `field_${B}`;
-      j.has(ce) && (ce = `${ce}__${B}`), j.add(ce), B++;
-      const He = yn(C) || ce, Oe = C instanceof HTMLInputElement ? C.type : C.tagName.toLowerCase(), X = {
-        name: ce,
-        label: re(He, 100),
-        type: Oe
+      const Z = S.getAttribute("name") || "", we = S.getAttribute("id") || "";
+      let de = Z || we || `field_${B}`;
+      j.has(de) && (de = `${de}__${B}`), j.add(de), B++;
+      const Oe = yn(S) || de, Be = S instanceof HTMLInputElement ? S.type : S.tagName.toLowerCase(), X = {
+        name: de,
+        label: ie(Oe, 100),
+        type: Be
       };
-      C.required === !0 && (X.required = !0);
-      const Se = C.getAttribute("placeholder");
-      if (Se && (X.placeholder = re(Se.trim(), 100)), C instanceof HTMLInputElement || C instanceof HTMLTextAreaElement) {
-        const W = C.getAttribute("minlength");
-        if (W !== null) {
-          const Y = parseInt(W, 10);
+      S.required === !0 && (X.required = !0);
+      const Ne = S.getAttribute("placeholder");
+      if (Ne && (X.placeholder = ie(Ne.trim(), 100)), S instanceof HTMLInputElement || S instanceof HTMLTextAreaElement) {
+        const F = S.getAttribute("minlength");
+        if (F !== null) {
+          const Y = parseInt(F, 10);
           !Number.isNaN(Y) && Y >= 0 && (X.minLength = Y);
         }
-        const ie = C.getAttribute("maxlength");
-        if (ie !== null) {
-          const Y = parseInt(ie, 10);
+        const oe = S.getAttribute("maxlength");
+        if (oe !== null) {
+          const Y = parseInt(oe, 10);
           !Number.isNaN(Y) && Y >= 0 && (X.maxLength = Y);
         }
       }
-      if (C instanceof HTMLInputElement) {
-        const W = C.getAttribute("min");
-        W !== null && (X.min = re(W, 50));
-        const ie = C.getAttribute("max");
-        ie !== null && (X.max = re(ie, 50));
-        const Y = C.getAttribute("step");
-        Y !== null && (X.step = re(Y, 20));
-        const fe = C.getAttribute("pattern");
-        fe !== null && (X.pattern = re(fe, 200));
-        const K = (C.getAttribute("autocomplete") || "").toLowerCase();
-        K && K !== "off" && !K.startsWith("cc-") && (X.autocomplete = re(K, 50));
+      if (S instanceof HTMLInputElement) {
+        const F = S.getAttribute("min");
+        F !== null && (X.min = ie(F, 50));
+        const oe = S.getAttribute("max");
+        oe !== null && (X.max = ie(oe, 50));
+        const Y = S.getAttribute("step");
+        Y !== null && (X.step = ie(Y, 20));
+        const pe = S.getAttribute("pattern");
+        pe !== null && (X.pattern = ie(pe, 200));
+        const K = (S.getAttribute("autocomplete") || "").toLowerCase();
+        K && K !== "off" && !K.startsWith("cc-") && (X.autocomplete = ie(K, 50));
       }
-      if (C instanceof HTMLSelectElement) {
-        const W = [];
-        for (let ie = 0; ie < C.options.length && !(W.length >= ei); ie++) {
-          const Y = C.options[ie];
+      if (S instanceof HTMLSelectElement) {
+        const F = [];
+        for (let oe = 0; oe < S.options.length && !(F.length >= ti); oe++) {
+          const Y = S.options[oe];
           if (!Y || Y.disabled) continue;
-          const fe = Y.value || "", K = (Y.textContent || "").trim() || fe;
-          !fe && !K || W.push({ value: fe, label: re(K, 60) });
+          const pe = Y.value || "", K = (Y.textContent || "").trim() || pe;
+          !pe && !K || F.push({ value: pe, label: ie(K, 60) });
         }
-        W.length > 0 && (X.options = W);
+        F.length > 0 && (X.options = F);
       }
-      const _e = typeof C.validationMessage == "string" ? C.validationMessage : "";
-      _e && (X.validationMessage = re(_e, 200)), ne.push(X);
+      const _e = typeof S.validationMessage == "string" ? S.validationMessage : "";
+      _e && (X.validationMessage = ie(_e, 200)), ne.push(X);
     }
-    N.push({ id: P, intent: O, fields: ne });
+    L.push({ id: P, intent: O, fields: ne });
   }
   const I = {
     url: i,
     title: o,
     pathname: a,
     regions: l,
-    visibleText: d,
-    visibleLinks: R,
-    visibleFields: _,
-    forms: N,
+    visibleText: f,
+    visibleLinks: T,
+    visibleFields: v,
+    forms: L,
     extras: e
   };
   let U = Qe(JSON.stringify(I.regions)) + Qe(I.visibleText) + Qe(JSON.stringify(I.visibleLinks)) + Qe(JSON.stringify(I.visibleFields));
@@ -2305,21 +2346,21 @@ function ii(e, t = {}) {
     I.visibleFields.pop(), U = Qe(JSON.stringify(I.visibleFields));
   for (; U > _t && I.visibleLinks.length > 0; )
     I.visibleLinks.pop(), U -= 80;
-  return Qe(I.visibleText) > _t && (I.visibleText = re(I.visibleText, _t - 100)), I;
+  return Qe(I.visibleText) > _t && (I.visibleText = ie(I.visibleText, _t - 100)), I;
 }
 let et = null;
 function vn(e, t = {}) {
   const r = Date.now(), a = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
   if (et && et.key === a && r - et.at < 1e3)
     return et.ctx;
-  const o = ii(e, t);
+  const o = oi(e, t);
   return et = { key: a, at: r, ctx: o }, o;
 }
-function oi() {
+function li() {
   et = null;
 }
-const li = 200;
-function ai(e) {
+const ai = 200;
+function si(e) {
   const t = String(e.href || "");
   return {
     href: t,
@@ -2329,44 +2370,44 @@ function ai(e) {
     description: e.description
   };
 }
-function si(e) {
+function ci(e) {
   return !(!e || e.startsWith("#") || e.startsWith("javascript:") || e.startsWith("mailto:") || e.startsWith("tel:"));
 }
-function ci(e) {
+function di(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
   const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), a = [], o = Array.from(t.querySelectorAll("a[href]"));
   for (const s of o) {
-    if (a.length >= li) break;
+    if (a.length >= ai) break;
     if (Ht(s)) continue;
     const l = s.getAttribute("href") || "";
-    if (!si(l)) continue;
+    if (!ci(l)) continue;
     let c = l, p = !0;
     try {
       if (typeof window < "u") {
-        const f = new URL(l, r);
-        p = f.origin === r, p && l.startsWith("http") && (c = f.pathname + f.search + f.hash);
+        const m = new URL(l, r);
+        p = m.origin === r, p && l.startsWith("http") && (c = m.pathname + m.search + m.hash);
       }
     } catch {
       continue;
     }
     if (i.has(c)) continue;
     i.add(c);
-    const b = (s.textContent || "").trim().slice(0, 120);
-    a.push({ href: c, text: b, internal: p });
+    const w = (s.textContent || "").trim().slice(0, 120);
+    a.push({ href: c, text: w, internal: p });
   }
   return a;
 }
 let tt = null;
-const di = 5e3;
+const ui = 5e3;
 function Tt() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (tt && tt.pathname === t && e - tt.at < di)
+  if (tt && tt.pathname === t && e - tt.at < ui)
     return tt.routes;
-  const r = ci();
+  const r = di();
   return tt = { at: e, pathname: t, routes: r }, r;
 }
-function ui() {
+function fi() {
   tt = null;
 }
 function bn(e) {
@@ -2377,10 +2418,10 @@ function bn(e) {
   }
   return !0;
 }
-function fi(e, t) {
+function pi(e, t) {
   return e.getAttribute("name") || e.getAttribute("id") || `field_${t}`;
 }
-function pi(e, t) {
+function hi(e, t) {
   if (!t) return null;
   try {
     const o = e.querySelector(
@@ -2396,7 +2437,7 @@ function pi(e, t) {
   const a = /* @__PURE__ */ new Map();
   for (const o of r) {
     if (!bn(o)) continue;
-    const s = fi(o, i);
+    const s = pi(o, i);
     let l = s;
     if (a.has(s) && (l = `${s}__${i}`), l === t) return o;
     a.set(s, o), i++;
@@ -2404,14 +2445,14 @@ function pi(e, t) {
   return null;
 }
 function wn(e, t) {
-  const r = pi(e, t);
+  const r = hi(e, t);
   return r ? Pt(r) ? { el: r } : { el: null, reason: "private" } : { el: null, reason: "not_found" };
 }
-function hi(e, t) {
+function mi(e, t) {
   const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, i = Object.getOwnPropertyDescriptor(r, "value"), a = i == null ? void 0 : i.set;
   a ? a.call(e, t) : e.value = t;
 }
-function mi(e, t, r = {}) {
+function gi(e, t, r = {}) {
   const i = r.triggerInput ?? !0, a = r.triggerChange ?? !0;
   if (e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio")) {
     const o = Object.getOwnPropertyDescriptor(
@@ -2421,7 +2462,7 @@ function mi(e, t, r = {}) {
     s ? s.call(e, l) : e.checked = l, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), a && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
-  hi(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), a && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  mi(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), a && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
 function _n(e, t) {
   if (!t) return null;
@@ -2444,7 +2485,7 @@ function _n(e, t) {
   const o = Array.from(e.querySelectorAll("form"));
   for (const s of o) {
     const l = s.getAttribute("data-ll-intent");
-    if (l && gi(l) === t) return s;
+    if (l && yi(l) === t) return s;
   }
   if (/^form_\d+$/.test(t)) {
     const s = parseInt(t.slice(5), 10);
@@ -2457,10 +2498,10 @@ function _n(e, t) {
   }
   return null;
 }
-function gi(e) {
+function yi(e) {
   return e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 60) || null;
 }
-function yi() {
+function vi() {
   if (typeof window > "u" || typeof document > "u")
     return !1;
   const e = document.scrollingElement || document.documentElement;
@@ -2468,19 +2509,19 @@ function yi() {
   const t = window.getComputedStyle(e);
   return !(t.overflowY === "hidden" || t.overflowY === "clip");
 }
-function vi(e) {
+function bi(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const r = window.getComputedStyle(e).overflowY;
   return !(r !== "auto" && r !== "scroll" || e.scrollHeight <= e.clientHeight + 2);
 }
-function bi() {
+function wi() {
   if (typeof document > "u") return null;
   const e = Array.from(
     document.querySelectorAll("body, body *")
   );
   let t = null, r = 0;
   for (const i of e) {
-    if (!vi(i)) continue;
+    if (!bi(i)) continue;
     const a = i.getBoundingClientRect();
     if (a.bottom <= 0 || a.top >= window.innerHeight || a.right <= 0 || a.left >= window.innerWidth || a.width <= 0 || a.height <= 0 || i.closest(".ll-widget")) continue;
     const o = a.width * a.height;
@@ -2488,24 +2529,24 @@ function bi() {
   }
   return t;
 }
-function wi() {
+function _i() {
   if (typeof window > "u")
     return null;
-  if (yi()) return window;
-  const e = bi();
+  if (vi()) return window;
+  const e = wi();
   return e || window;
 }
 function xn(e) {
   return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
 }
-function _i(e) {
+function xi(e) {
   var t, r;
   return e instanceof Window ? typeof document > "u" ? 0 : Math.max(
     ((t = document.body) == null ? void 0 : t.scrollHeight) ?? 0,
     ((r = document.documentElement) == null ? void 0 : r.scrollHeight) ?? 0
   ) : e.scrollHeight - e.clientHeight;
 }
-const xi = /* @__PURE__ */ new Set([
+const Li = /* @__PURE__ */ new Set([
   "agent_state",
   "avatar_stream_ready",
   "avatar_active",
@@ -2546,116 +2587,118 @@ const xi = /* @__PURE__ */ new Set([
       sessionBody: l,
       soundEffects: c,
       experienceMode: p = "WIDGET",
-      autoConnect: b = !1,
-      displayMode: f,
+      autoConnect: w = !1,
+      displayMode: m,
       // No destructure default — `undefined` here means "consumer didn't
       // pin a preferred initial mode, infer it from the viewport." We
       // resolve to "minimized" on mobile (a compact bottom bar) and
       // "expanded" on desktop (the 400×560 panel) below, once isMobile
       // is known. Consumers that explicitly pass any value get exactly
       // what they asked for.
-      defaultDisplayMode: d,
-      onDisplayModeChange: R,
-      position: k = "bottom-right",
-      mobileBreakpoint: _ = 640,
-      persistKey: h = "ll-widget",
-      disablePersistence: y = !1,
-      teamMembers: N,
-      currentTeamMemberId: T,
+      defaultDisplayMode: f,
+      onDisplayModeChange: T,
+      position: _ = "bottom-right",
+      mobileBreakpoint: v = 640,
+      persistKey: u = "ll-widget",
+      disablePersistence: h = !1,
+      teamMembers: L,
+      currentTeamMemberId: A,
       onTeamMemberChange: I,
       idleLoopUrl: U,
-      greeting: v,
+      greeting: b,
       avatarImageUrl: P,
       agentName: O,
       branding: q = {},
       allowCamera: ne = !0,
       allowScreenShare: B = !0,
       allowTyping: j = !0,
-      showMinimize: C,
+      showMinimize: S,
       showClose: Z,
       chromeless: we = !1,
-      floatingChromeContainer: ce = null,
-      compactControls: He = !1,
-      transforming: Oe = !1,
+      floatingChromeContainer: de = null,
+      compactControls: Oe = !1,
+      transforming: Be = !1,
       transformingLabel: X = "Transforming…",
-      showOn: Se,
+      showOn: Ne,
       hideOn: _e,
-      pathname: W,
-      onNavigate: ie,
+      pathname: F,
+      onNavigate: oe,
       onScrollToSelector: Y,
-      getPageContext: fe,
+      getPageContext: pe,
       pageContextExtras: K,
       getRoutes: rt,
       onScrollPage: it,
       onClick: mt,
       capabilities: ot,
-      onConnect: Ne,
-      onDisconnect: Be,
-      onTranscript: Ae,
+      onConnect: Ae,
+      onDisconnect: Fe,
+      onTranscript: Ie,
       onAgentState: We,
-      onConnectionStateChange: Ie,
+      onConnectionStateChange: Me,
       onAgentEvent: Re,
-      onAgentCommand: Me,
-      onCollect: Te,
+      onAgentCommand: Te,
+      onCollect: De,
       controlledSession: $,
       className: Lt,
-      style: De,
-      zIndex: Fe = 2147483647
-    } = t, pe = wr(W), lt = Sr(pe, Se, _e);
-    M(() => {
-      oi(), ui();
-    }, [pe]);
-    const Pe = T !== void 0, [qe, kt] = S(() => {
-      var g;
-      return T ?? ((g = N == null ? void 0 : N[0]) == null ? void 0 : g.id);
-    }), ke = Pe ? T : qe, oe = nt(
-      () => (N == null ? void 0 : N.find((g) => g.id === ke)) ?? null,
-      [N, ke]
-    ), at = (oe == null ? void 0 : oe.agentId) ?? i, de = p === "EMBEDDED", ae = vr(_), Ue = d ?? (ae ? "minimized" : "expanded"), [Ce, je] = gr({
-      value: f,
-      defaultValue: Ue,
-      onChange: R,
-      persistKey: h,
-      disablePersistence: de || y
-    }), ct = A(!1);
-    M(() => {
-      ct.current || f !== void 0 || d !== void 0 || de || y || En(`${h}:display-mode`) || (ae && Ce === "expanded" && je("minimized"), ct.current = !0);
+      style: Pe,
+      zIndex: qe = 2147483647
+    } = t, he = _r(F), lt = Nr(he, Ne, _e);
+    R(() => {
+      li(), fi();
+    }, [he]);
+    const $e = A !== void 0, [Ue, kt] = N(() => {
+      var y;
+      return A ?? ((y = L == null ? void 0 : L[0]) == null ? void 0 : y.id);
+    }), ke = $e ? A : Ue, le = nt(
+      () => (L == null ? void 0 : L.find((y) => y.id === ke)) ?? null,
+      [L, ke]
+    ), at = (le == null ? void 0 : le.agentId) ?? i, ue = p === "EMBEDDED", ce = br(v), je = f ?? (ce ? "minimized" : "expanded"), [Ce, Ve] = yr({
+      value: m,
+      defaultValue: je,
+      onChange: T,
+      persistKey: u,
+      disablePersistence: ue || h
+    }), ct = M(!1);
+    R(() => {
+      if (ct.current || m !== void 0 || f !== void 0 || ue || h) return;
+      const y = En(`${u}:display-mode`);
+      y && y !== "expanded" || (ce && Ce === "expanded" && Ve("minimized"), ct.current = !0);
     }, [
-      ae,
+      ce,
       Ce,
-      d,
       f,
-      de,
-      y,
+      m,
+      ue,
       h,
-      je
+      u,
+      Ve
     ]);
-    const ue = de ? "expanded" : Ce, xe = de ? () => {
-    } : je, Ct = C ?? !de, Ve = Z ?? !de, Ye = or(), se = lr(), me = sr(), $e = cr(), ge = dr(), [Ee, Ge] = S(!1), [Ke, gt] = S(!1), [Je, m] = S(!1), [Q, Dn] = S(!1), [Et, Pn] = S(!1), yt = Ar({ baseUrl: o, config: c }), vt = A(yt);
+    const fe = ue ? "expanded" : Ce, xe = ue ? () => {
+    } : Ve, Ct = S ?? !ue, Ye = Z ?? !ue, Ee = or(), ae = ar(), me = cr(), ze = dr(), ge = ur(), [Se, Ge] = N(!1), [Ke, gt] = N(!1), [Je, g] = N(!1), [Q, Dn] = N(!1), [Et, Pn] = N(!1), yt = Ir({ baseUrl: o, config: c }), vt = M(yt);
     vt.current = yt;
-    const St = A(ie), Nt = A(Y), At = A(it), It = A(mt), Ot = A(fe), Bt = A(K), Wt = A(rt), Rt = A(ot), ye = A(null);
-    St.current = ie, Nt.current = Y, At.current = it, It.current = mt, Ot.current = fe, Bt.current = K, Wt.current = rt, Rt.current = ot;
-    function ve(g) {
-      const u = Rt.current;
-      return u ? u.includes(g) : !0;
+    const St = M(oe), Nt = M(Y), At = M(it), It = M(mt), Ot = M(pe), Bt = M(K), Ft = M(rt), Mt = M(ot), ye = M(null);
+    St.current = oe, Nt.current = Y, At.current = it, It.current = mt, Ot.current = pe, Bt.current = K, Ft.current = rt, Mt.current = ot;
+    function ve(y) {
+      const d = Mt.current;
+      return d ? d.includes(y) : !0;
     }
-    function be(g, u) {
+    function be(y, d) {
       console.warn(
-        `[LiveLayer] Agent command "${g}" blocked — capability "${u}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
+        `[LiveLayer] Agent command "${y}" blocked — capability "${d}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
       );
     }
     const dt = E(
-      (g) => {
-        var J, he, Le, ft;
-        const u = g;
-        if (!(!u.type || typeof u.type != "string")) {
-          if (Re == null || Re({ eventName: u.type, data: g }), u.type === "navigate") {
+      (y) => {
+        var J, re, Le, ft;
+        const d = y;
+        if (!(!d.type || typeof d.type != "string")) {
+          if (Re == null || Re({ eventName: d.type, data: y }), d.type === "navigate") {
             if (!ve("navigate")) {
               be("navigate", "navigate");
               return;
             }
-            const x = typeof u.href == "string" ? u.href : null;
-            if (!x) {
+            const k = typeof d.href == "string" ? d.href : null;
+            if (!k) {
               console.warn(
                 `[LiveLayer] Agent emitted "navigate" without href. Skipping. Check your agent's tool schema. See https://livelayer.studio/docs/errors/navigate-missing-href`
               );
@@ -2663,10 +2706,10 @@ const xi = /* @__PURE__ */ new Set([
             }
             if (vt.current.playPageChange(), St.current) {
               try {
-                St.current(x);
+                St.current(k);
               } catch (D) {
                 console.warn(
-                  `[LiveLayer] onNavigate threw for "${x}". Falling back. Error:`,
+                  `[LiveLayer] onNavigate threw for "${k}". Falling back. Error:`,
                   D
                 );
               }
@@ -2674,7 +2717,7 @@ const xi = /* @__PURE__ */ new Set([
             }
             if (typeof document < "u") {
               const D = document.querySelector(
-                `a[href="${x.replace(/"/g, '\\"')}"]`
+                `a[href="${k.replace(/"/g, '\\"')}"]`
               );
               if (D) {
                 D.click();
@@ -2683,91 +2726,91 @@ const xi = /* @__PURE__ */ new Set([
             }
             if (typeof window < "u" && typeof history < "u")
               try {
-                history.pushState({}, "", x), window.dispatchEvent(new PopStateEvent("popstate"));
+                history.pushState({}, "", k), window.dispatchEvent(new PopStateEvent("popstate"));
               } catch (D) {
                 console.warn(
-                  `[LiveLayer] history.pushState fallback failed for "${x}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
+                  `[LiveLayer] history.pushState fallback failed for "${k}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
                   D
                 );
               }
             return;
           }
-          if (u.type === "scroll_to") {
+          if (d.type === "scroll_to") {
             if (!ve("scroll")) {
               be("scroll_to", "scroll");
               return;
             }
-            const x = typeof u.selector == "string" ? u.selector : null;
-            if (!x) return;
-            const D = u.behavior === "instant" ? "instant" : "smooth";
+            const k = typeof d.selector == "string" ? d.selector : null;
+            if (!k) return;
+            const D = d.behavior === "instant" ? "instant" : "smooth";
             if (Nt.current) {
               try {
                 Nt.current(
-                  x,
+                  k,
                   D
                 );
-              } catch (F) {
-                console.warn("[LiveLayer] onScrollToSelector threw.", F);
+              } catch (W) {
+                console.warn("[LiveLayer] onScrollToSelector threw.", W);
               }
               return;
             }
             if (typeof document < "u") {
-              let F = null;
+              let W = null;
               try {
-                F = document.querySelector(x);
+                W = document.querySelector(k);
               } catch {
                 console.warn(
-                  `[LiveLayer] scroll_to: invalid selector "${x}".`
+                  `[LiveLayer] scroll_to: invalid selector "${k}".`
                 );
                 return;
               }
-              if (!F) {
+              if (!W) {
                 console.warn(
-                  `[LiveLayer] scroll_to: no element matched "${x}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
+                  `[LiveLayer] scroll_to: no element matched "${k}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
                 );
                 return;
               }
-              F.scrollIntoView({
+              W.scrollIntoView({
                 behavior: D,
                 block: "start"
               });
             }
             return;
           }
-          if (u.type === "request_page_context") {
+          if (d.type === "request_page_context") {
             if (!ve("read_page")) {
               be("request_page_context", "read_page");
               return;
             }
-            const x = typeof u.requestId == "string" ? u.requestId : void 0, D = (J = ye.current) == null ? void 0 : J.call(ye), F = (G) => {
+            const k = typeof d.requestId == "string" ? d.requestId : void 0, D = (J = ye.current) == null ? void 0 : J.call(ye), W = (G) => {
               const z = D, te = z == null ? void 0 : z.localParticipant;
               if (te != null && te.publishData)
                 try {
-                  const le = x ? { ...G, requestId: x } : G, Ze = new TextEncoder().encode(JSON.stringify(le));
+                  const se = k ? { ...G, requestId: k } : G, Ze = new TextEncoder().encode(JSON.stringify(se));
                   te.publishData(Ze, { reliable: !0 });
-                } catch (le) {
-                  console.warn("[LiveLayer] publishData failed.", le);
+                } catch (se) {
+                  console.warn("[LiveLayer] publishData failed.", se);
                 }
             }, H = Bt.current, V = Ot.current;
             try {
               if (V) {
                 const G = V(H);
                 if (G instanceof Promise) {
-                  F({ type: "page_context_pending" }), G.then((z) => F({ type: "page_context", context: z })).catch((z) => {
+                  W({ type: "page_context_pending" }), G.then((z) => W({ type: "page_context", context: z })).catch((z) => {
                     console.warn(
                       "[LiveLayer] getPageContext rejected; falling back to default walker.",
                       z
-                    ), F({
+                    ), W({
                       type: "page_context",
                       context: vn(H)
                     });
                   });
                   return;
                 }
-                F({ type: "page_context", context: G });
+                W({ type: "page_context", context: G });
                 return;
               }
-              F({
+              W({
                 type: "page_context",
                 context: vn(H)
               });
@@ -2775,30 +2818,30 @@ const xi = /* @__PURE__ */ new Set([
               console.warn(
                 "[LiveLayer] page-context extraction threw. Sending empty context.",
                 G
-              ), F({
+              ), W({
                 type: "page_context",
                 context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: H }
               });
             }
             return;
           }
-          if (u.type === "scroll_page") {
+          if (d.type === "scroll_page") {
             if (!ve("scroll")) {
               be("scroll_page", "scroll");
               return;
             }
-            const x = u.direction;
-            if (x !== "up" && x !== "down" && x !== "top" && x !== "bottom") {
+            const k = d.direction;
+            if (k !== "up" && k !== "down" && k !== "top" && k !== "bottom") {
               console.warn(
-                `[LiveLayer] scroll_page: invalid direction "${String(x)}". Expected up | down | top | bottom.`
+                `[LiveLayer] scroll_page: invalid direction "${String(k)}". Expected up | down | top | bottom.`
               );
               return;
             }
-            const D = u.behavior === "instant" ? "instant" : "smooth";
+            const D = d.behavior === "instant" ? "instant" : "smooth";
             if (At.current) {
               try {
                 At.current(
-                  x,
+                  k,
                   D
                 );
               } catch (z) {
@@ -2807,45 +2850,45 @@ const xi = /* @__PURE__ */ new Set([
               return;
             }
             if (typeof window > "u") return;
-            const F = { behavior: D }, H = wi(), V = (z) => {
-              H instanceof Window ? H.scrollBy({ top: z, ...F }) : H.scrollBy({ top: z, ...F });
+            const W = { behavior: D }, H = _i(), V = (z) => {
+              H instanceof Window ? H.scrollBy({ top: z, ...W }) : H.scrollBy({ top: z, ...W });
             }, G = (z) => {
-              H instanceof Window ? H.scrollTo({ top: z, ...F }) : H.scrollTo({ top: z, ...F });
+              H instanceof Window ? H.scrollTo({ top: z, ...W }) : H.scrollTo({ top: z, ...W });
             };
-            x === "up" ? V(-xn(H)) : x === "down" ? V(xn(H)) : G(x === "top" ? 0 : _i(H));
+            k === "up" ? V(-xn(H)) : k === "down" ? V(xn(H)) : G(k === "top" ? 0 : xi(H));
             return;
           }
-          if (u.type === "click") {
+          if (d.type === "click") {
             if (!ve("click")) {
               be("click", "click");
               return;
             }
-            const x = typeof u.selector == "string" ? u.selector : null;
-            if (!x) {
+            const k = typeof d.selector == "string" ? d.selector : null;
+            if (!k) {
               console.warn("[LiveLayer] click: missing selector.");
               return;
             }
             if (It.current) {
               try {
-                It.current(x);
-              } catch (F) {
-                console.warn("[LiveLayer] onClick threw.", F);
+                It.current(k);
+              } catch (W) {
+                console.warn("[LiveLayer] onClick threw.", W);
               }
               return;
             }
             if (typeof document > "u") return;
             let D = null;
             try {
-              D = document.querySelector(x);
+              D = document.querySelector(k);
             } catch {
               console.warn(
-                `[LiveLayer] click: invalid selector "${x}".`
+                `[LiveLayer] click: invalid selector "${k}".`
               );
               return;
             }
             if (!D) {
               console.warn(
-                `[LiveLayer] click: no element matched "${x}". See https://livelayer.studio/docs/errors/click-no-match`
+                `[LiveLayer] click: no element matched "${k}". See https://livelayer.studio/docs/errors/click-no-match`
               );
               return;
             }
@@ -2855,36 +2898,36 @@ const xi = /* @__PURE__ */ new Set([
               );
               return;
             }
-            (he = D.click) == null || he.call(D);
+            (re = D.click) == null || re.call(D);
             return;
           }
-          if (u.type === "fill_form" || u.type === "focus_field") {
+          if (d.type === "fill_form" || d.type === "focus_field") {
             if (!ve("fill_forms")) {
-              be(u.type, "fill_forms");
+              be(d.type, "fill_forms");
               return;
             }
             if (typeof document > "u") return;
-            u.type === "fill_form" && vt.current.playConfirmation();
-            const x = typeof u.formId == "string" ? u.formId : null;
-            if (!x) {
-              console.warn(`[LiveLayer] ${u.type}: missing formId.`);
+            d.type === "fill_form" && vt.current.playConfirmation();
+            const k = typeof d.formId == "string" ? d.formId : null;
+            if (!k) {
+              console.warn(`[LiveLayer] ${d.type}: missing formId.`);
               return;
             }
-            const D = _n(document, x);
+            const D = _n(document, k);
             if (!D) {
               console.warn(
-                `[LiveLayer] ${u.type}: no <form> matched id="${x}" (or matching name / data-ll-intent slug). Forms are auto-discovered — make sure the form has an \`id\`, \`name\`, or \`data-ll-intent\` attribute the agent observed in PageContext.forms.`
+                `[LiveLayer] ${d.type}: no <form> matched id="${k}" (or matching name / data-ll-intent slug). Forms are auto-discovered — make sure the form has an \`id\`, \`name\`, or \`data-ll-intent\` attribute the agent observed in PageContext.forms.`
               );
               return;
             }
             if (D.closest('[data-ll-private="true"], [data-ll-skip], .ll-widget')) {
               console.warn(
-                `[LiveLayer] ${u.type}: refusing to touch a form in a private / opted-out subtree.`
+                `[LiveLayer] ${d.type}: refusing to touch a form in a private / opted-out subtree.`
               );
               return;
             }
-            if (u.type === "focus_field") {
-              const H = typeof u.fieldName == "string" ? u.fieldName : null;
+            if (d.type === "focus_field") {
+              const H = typeof d.fieldName == "string" ? d.fieldName : null;
               if (!H) {
                 console.warn("[LiveLayer] focus_field: missing fieldName.");
                 return;
@@ -2894,31 +2937,31 @@ const xi = /* @__PURE__ */ new Set([
                 V.reason === "private" ? console.warn(
                   `[LiveLayer] focus_field: field "${H}" is privacy-protected and not focusable.`
                 ) : console.warn(
-                  `[LiveLayer] focus_field: no input matching key="${H}" in form "${x}". The agent should use the field.name it observed in PageContext.forms[].fields[].`
+                  `[LiveLayer] focus_field: no input matching key="${H}" in form "${k}". The agent should use the field.name it observed in PageContext.forms[].fields[].`
                 );
                 return;
               }
               V.el.focus();
               return;
             }
-            const F = u.values && typeof u.values == "object" ? u.values : null;
-            if (!F) {
+            const W = d.values && typeof d.values == "object" ? d.values : null;
+            if (!W) {
               console.warn("[LiveLayer] fill_form: missing or invalid values.");
               return;
             }
-            for (const [H, V] of Object.entries(F)) {
+            for (const [H, V] of Object.entries(W)) {
               if (typeof V != "string") continue;
               const G = wn(D, H);
               if (G.el === null) {
                 G.reason === "private" ? console.warn(
                   `[LiveLayer] fill_form: field "${H}" is privacy-protected (password / cc-* / data-ll-private). Skipping.`
                 ) : console.warn(
-                  `[LiveLayer] fill_form: no input matching key="${H}" in form "${x}". The agent should use the field.name it observed in PageContext.forms[].fields[]. Skipping.`
+                  `[LiveLayer] fill_form: no input matching key="${H}" in form "${k}". The agent should use the field.name it observed in PageContext.forms[].fields[]. Skipping.`
                 );
                 continue;
               }
               try {
-                mi(G.el, V);
+                gi(G.el, V);
               } catch (z) {
                 console.warn(
                   `[LiveLayer] fill_form: failed to set "${H}".`,
@@ -2928,22 +2971,22 @@ const xi = /* @__PURE__ */ new Set([
             }
             return;
           }
-          if (u.type === "submit_form") {
+          if (d.type === "submit_form") {
             if (!ve("submit_forms")) {
               be("submit_form", "submit_forms");
               return;
             }
             if (typeof document > "u") return;
-            const x = typeof u.formId == "string" ? u.formId : null;
-            if (!x) {
+            const k = typeof d.formId == "string" ? d.formId : null;
+            if (!k) {
               console.warn("[LiveLayer] submit_form: missing formId.");
               return;
             }
             vt.current.playConfirmation();
-            const D = _n(document, x);
+            const D = _n(document, k);
             if (!D) {
               console.warn(
-                `[LiveLayer] submit_form: no <form> matched id="${x}" (or matching name / data-ll-intent slug).`
+                `[LiveLayer] submit_form: no <form> matched id="${k}" (or matching name / data-ll-intent slug).`
               );
               return;
             }
@@ -2953,18 +2996,18 @@ const xi = /* @__PURE__ */ new Set([
               );
               return;
             }
-            const F = typeof u.requestId == "string" ? u.requestId : void 0, H = (Le = ye.current) == null ? void 0 : Le.call(ye), V = (te) => {
-              const le = H, Ze = le == null ? void 0 : le.localParticipant;
+            const W = typeof d.requestId == "string" ? d.requestId : void 0, H = (Le = ye.current) == null ? void 0 : Le.call(ye), V = (te) => {
+              const se = H, Ze = se == null ? void 0 : se.localParticipant;
               if (Ze != null && Ze.publishData)
                 try {
-                  const Gn = F ? { ...te, requestId: F } : te, Kn = new TextEncoder().encode(JSON.stringify(Gn));
+                  const Gn = W ? { ...te, requestId: W } : te, Kn = new TextEncoder().encode(JSON.stringify(Gn));
                   Ze.publishData(Kn, { reliable: !0 });
                 } catch {
                 }
             };
             let G = !1;
             const z = () => {
-              G = !0, V({ type: "form_submitted", formId: x });
+              G = !0, V({ type: "form_submitted", formId: k });
             };
             D.addEventListener("submit", z, { once: !0 });
             try {
@@ -2972,7 +3015,7 @@ const xi = /* @__PURE__ */ new Set([
             } catch (te) {
               console.warn("[LiveLayer] submit_form: requestSubmit threw.", te), D.removeEventListener("submit", z), V({
                 type: "form_submit_blocked",
-                formId: x,
+                formId: k,
                 reason: "exception"
               });
               return;
@@ -2980,40 +3023,40 @@ const xi = /* @__PURE__ */ new Set([
             setTimeout(() => {
               G || (D.removeEventListener("submit", z), V({
                 type: "form_submit_blocked",
-                formId: x,
+                formId: k,
                 reason: "validation"
               }));
             }, 500);
             return;
           }
-          if (u.type === "request_routes") {
+          if (d.type === "request_routes") {
             if (!ve("read_page")) {
               be("request_routes", "read_page");
               return;
             }
-            const x = typeof u.requestId == "string" ? u.requestId : void 0, F = (ft = ye.current) == null ? void 0 : ft.call(ye), H = F == null ? void 0 : F.localParticipant;
+            const k = typeof d.requestId == "string" ? d.requestId : void 0, W = (ft = ye.current) == null ? void 0 : ft.call(ye), H = W == null ? void 0 : W.localParticipant;
             if (!(H != null && H.publishData)) return;
             const V = (z) => {
               try {
-                const te = x ? { type: "routes", routes: z, requestId: x } : { type: "routes", routes: z }, le = new TextEncoder().encode(JSON.stringify(te));
-                H.publishData(le, { reliable: !0 });
+                const te = k ? { type: "routes", routes: z, requestId: k } : { type: "routes", routes: z }, se = new TextEncoder().encode(JSON.stringify(te));
+                H.publishData(se, { reliable: !0 });
               } catch (te) {
                 console.warn("[LiveLayer] request_routes: publishData failed.", te);
               }
-            }, G = Wt.current;
+            }, G = Ft.current;
             if (G) {
               try {
-                const z = G(), te = (le) => {
-                  if (!Array.isArray(le)) {
+                const z = G(), te = (se) => {
+                  if (!Array.isArray(se)) {
                     V([]);
                     return;
                   }
-                  V(le.map(ai).slice(0, 200));
+                  V(se.map(si).slice(0, 200));
                 };
-                z instanceof Promise ? z.then(te).catch((le) => {
+                z instanceof Promise ? z.then(te).catch((se) => {
                   console.warn(
                     "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
-                    le
+                    se
                   ), V(Tt());
                 }) : te(z);
               } catch (z) {
@@ -3031,37 +3074,37 @@ const xi = /* @__PURE__ */ new Set([
             }
             return;
           }
-          if (u.type === "task_field_updated") {
+          if (d.type === "task_field_updated") {
             if (!ve("collect_data")) {
               be("task_field_updated", "collect_data");
               return;
             }
-            const x = {
+            const k = {
               phase: "field",
-              fieldId: typeof u.fieldId == "string" ? u.fieldId : "",
-              fieldName: typeof u.fieldName == "string" ? u.fieldName : typeof u.fieldId == "string" ? u.fieldId : "",
-              value: typeof u.value == "string" ? u.value : "",
-              kind: typeof u.kind == "string" ? u.kind : "text",
-              source: u.source === "slide" ? "slide" : u.source === "page" ? "page" : "agent",
-              ...typeof u.slideId == "string" ? { slideId: u.slideId } : {},
-              ...typeof u.formId == "string" ? { formId: u.formId } : {}
+              fieldId: typeof d.fieldId == "string" ? d.fieldId : "",
+              fieldName: typeof d.fieldName == "string" ? d.fieldName : typeof d.fieldId == "string" ? d.fieldId : "",
+              value: typeof d.value == "string" ? d.value : "",
+              kind: typeof d.kind == "string" ? d.kind : "text",
+              source: d.source === "slide" ? "slide" : d.source === "page" ? "page" : "agent",
+              ...typeof d.slideId == "string" ? { slideId: d.slideId } : {},
+              ...typeof d.formId == "string" ? { formId: d.formId } : {}
             };
             if (typeof document < "u")
               try {
                 document.dispatchEvent(
-                  new CustomEvent("ll-collected", { detail: x })
+                  new CustomEvent("ll-collected", { detail: k })
                 );
               } catch {
               }
             return;
           }
-          if (u.type === "task_completed") {
+          if (d.type === "task_completed") {
             if (!ve("collect_data")) {
               be("task_completed", "collect_data");
               return;
             }
-            const x = u.result;
-            if (!x || typeof x != "object") {
+            const k = d.result;
+            if (!k || typeof k != "object") {
               console.warn(
                 "[LiveLayer] task_completed missing `result` payload."
               );
@@ -3071,24 +3114,24 @@ const xi = /* @__PURE__ */ new Set([
               try {
                 document.dispatchEvent(
                   new CustomEvent("ll-collected", {
-                    detail: { phase: "complete", result: x }
+                    detail: { phase: "complete", result: k }
                   })
                 );
               } catch {
               }
             try {
-              Te == null || Te(
-                x
+              De == null || De(
+                k
               );
             } catch (D) {
               console.warn("[LiveLayer] onCollect threw.", D);
             }
             return;
           }
-          xi.has(u.type) || Me == null || Me(u);
+          Li.has(d.type) || Te == null || Te(d);
         }
       },
-      [Me, Re, Te]
+      [Te, Re, De]
     ), ee = ir({
       agentId: $ ? "__controlled__" : at,
       baseUrl: o,
@@ -3097,20 +3140,20 @@ const xi = /* @__PURE__ */ new Set([
       sessionBody: l,
       onDataMessage: $ ? void 0 : dt
     });
-    M(() => {
+    R(() => {
       if ($ != null && $.subscribeToDataMessages)
         return $.subscribeToDataMessages(dt);
     }, [$, dt]), ye.current = () => {
-      var g;
-      return (g = ee.getRoom) == null ? void 0 : g.call(ee);
-    }, M(() => {
+      var y;
+      return (y = ee.getRoom) == null ? void 0 : y.call(ee);
+    }, R(() => {
       var J;
       if (typeof window > "u") return;
-      const g = ((J = window.location) == null ? void 0 : J.hostname) || "";
-      if (g === "localhost" || g === "127.0.0.1" || g === "0.0.0.0" || g.endsWith(".local") || g.endsWith(".test"))
-        return window.__livelayerSimulateCommand = (he) => {
+      const y = ((J = window.location) == null ? void 0 : J.hostname) || "";
+      if (y === "localhost" || y === "127.0.0.1" || y === "0.0.0.0" || y.endsWith(".local") || y.endsWith(".test"))
+        return window.__livelayerSimulateCommand = (re) => {
           try {
-            dt(he);
+            dt(re);
           } catch (Le) {
             console.warn("[LiveLayer] simulate-command threw:", Le);
           }
@@ -3118,7 +3161,7 @@ const xi = /* @__PURE__ */ new Set([
           delete window.__livelayerSimulateCommand;
         };
     }, [dt]);
-    const L = nt(() => $ ? {
+    const C = nt(() => $ ? {
       connectionState: $.connectionState,
       agentState: $.agentState,
       transcript: $.transcript,
@@ -3149,148 +3192,152 @@ const xi = /* @__PURE__ */ new Set([
       disconnect: ee.disconnect,
       getRoom: ee.getRoom,
       isControlled: !1
-    }, [$, ee]), Ft = A(L);
-    Ft.current = L;
-    const qt = A($);
+    }, [$, ee]), Wt = M(C);
+    Wt.current = C;
+    const qt = M($);
     qt.current = $, Xn(
       r,
       () => ({
-        sendData: async (g) => {
+        sendData: async (y) => {
           var Le, ft;
-          const u = qt.current;
-          if (u != null && u.publishData) {
+          const d = qt.current;
+          if (d != null && d.publishData) {
             try {
-              await u.publishData(g);
-            } catch (x) {
-              console.warn("[AvatarWidget] sendData (controlled) failed:", x);
+              await d.publishData(y);
+            } catch (k) {
+              console.warn("[AvatarWidget] sendData (controlled) failed:", k);
             }
             return;
           }
-          const J = (ft = (Le = Ft.current) == null ? void 0 : Le.getRoom) == null ? void 0 : ft.call(Le), he = J == null ? void 0 : J.localParticipant;
-          if (he != null && he.publishData)
+          const J = (ft = (Le = Wt.current) == null ? void 0 : Le.getRoom) == null ? void 0 : ft.call(Le), re = J == null ? void 0 : J.localParticipant;
+          if (re != null && re.publishData)
             try {
-              const x = new TextEncoder().encode(JSON.stringify(g));
-              await he.publishData(x, { reliable: !0 });
-            } catch (x) {
-              console.warn("[AvatarWidget] sendData failed:", x);
+              const k = new TextEncoder().encode(JSON.stringify(y));
+              await re.publishData(k, { reliable: !0 });
+            } catch (k) {
+              console.warn("[AvatarWidget] sendData failed:", k);
             }
         }
       }),
       []
     );
-    const Ut = A(null);
-    M(() => {
-      const g = L.videoElement, u = Ut.current;
-      if (!(!g || !u))
-        return u.appendChild(g), () => {
-          g.parentNode === u && u.removeChild(g);
+    const Ut = M(null);
+    R(() => {
+      const y = C.videoElement, d = Ut.current;
+      if (!(!y || !d))
+        return d.appendChild(y), () => {
+          y.parentNode === d && d.removeChild(y);
         };
-    }, [L.videoElement]), M(() => {
-      const g = L.audioElement;
-      if (!g) return;
-      Ye.attach(g);
-      const u = g.play();
-      return u && typeof u.catch == "function" && u.catch((J) => {
-        (J == null ? void 0 : J.name) === "NotAllowedError" && Ge(!0);
+    }, [C.videoElement]), R(() => {
+      const y = C.audioElement;
+      if (!y) return;
+      const d = document.createElement("div");
+      d.className = "ll-audio-sink", d.setAttribute("aria-hidden", "true"), d.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none;", d.appendChild(y), document.body.appendChild(d), Ee.attach(y);
+      const J = y.play();
+      return J && typeof J.catch == "function" && J.catch((re) => {
+        (re == null ? void 0 : re.name) === "NotAllowedError" && Ge(!0);
       }), () => {
-        Ye.detach();
+        Ee.detach(), y.parentNode === d && d.removeChild(y), d.parentNode === document.body && document.body.removeChild(d);
       };
-    }, [L.audioElement]), M(() => {
-      if (L.isControlled || L.connectionState !== "connected") return;
-      const g = L.getRoom();
-      if (g)
-        return se.setupMic(g).catch(() => {
+    }, [C.audioElement]), R(() => {
+      if (C.isControlled || C.connectionState !== "connected") return;
+      const y = C.getRoom();
+      if (y)
+        return ae.setupMic(y).then(() => {
+          const d = ae.getMicStream();
+          d && Ee.attachStream(d, "mic");
+        }).catch(() => {
         }), () => {
-          se.teardownMic();
+          Ee.detachSlot("mic"), ae.teardownMic();
         };
-    }, [L.isControlled, L.connectionState]), M(() => {
-      var u;
-      if (L.connectionState !== "connected") return;
-      const g = L.isControlled ? (u = $ == null ? void 0 : $.getRoom) == null ? void 0 : u.call($) : L.getRoom();
-      if (g)
-        return me.attachRoom(g), $e.attachRoom(g), L.isControlled && se.attachRoom(g), ge.refresh(), () => {
-          me.teardown(), $e.teardown();
+    }, [C.isControlled, C.connectionState]), R(() => {
+      var d;
+      if (C.connectionState !== "connected") return;
+      const y = C.isControlled ? (d = $ == null ? void 0 : $.getRoom) == null ? void 0 : d.call($) : C.getRoom();
+      if (y)
+        return me.attachRoom(y), ze.attachRoom(y), C.isControlled && ae.attachRoom(y), ge.refresh(), () => {
+          me.teardown(), ze.teardown();
         };
-    }, [L.isControlled, L.connectionState, $]), M(() => {
-      const g = L.audioElement;
-      g && (g.muted = Et);
-    }, [L.audioElement, Et]);
-    const $n = E((g) => {
-      const u = { type: "user_message", text: g };
+    }, [C.isControlled, C.connectionState, $]), R(() => {
+      const y = C.audioElement;
+      y && (y.muted = Et);
+    }, [C.audioElement, Et]);
+    const $n = E((y) => {
+      const d = { type: "user_message", text: y };
       if ($ != null && $.publishData) {
         try {
-          $.publishData(u);
+          $.publishData(d);
         } catch {
         }
         return;
       }
-      const J = L.getRoom();
+      const J = C.getRoom();
       if (J)
         try {
-          const he = new TextEncoder().encode(JSON.stringify(u));
-          J.localParticipant.publishData(he, { reliable: !0 });
+          const re = new TextEncoder().encode(JSON.stringify(d));
+          J.localParticipant.publishData(re, { reliable: !0 });
         } catch {
         }
-    }, [L, $]), zn = E(() => {
-      Pn((g) => !g);
+    }, [C, $]), zn = E(() => {
+      Pn((y) => !y);
     }, []);
-    M(() => {
-      Ie == null || Ie(L.connectionState), L.connectionState === "connected" ? Ne == null || Ne() : L.connectionState === "disconnected" && (Be == null || Be());
-    }, [L.connectionState, Ne, Be, Ie]), M(() => {
-      Ae == null || Ae(L.transcript);
-    }, [L.transcript, Ae]), M(() => {
-      We == null || We(L.agentState);
-    }, [L.agentState, We]), M(() => {
-      yt.setThinking(L.agentState === "thinking");
-    }, [L.agentState, yt]);
-    const jt = A(!1);
-    M(() => {
-      !b || jt.current || lt && L.connectionState === "idle" && (jt.current = !0, L.connect());
-    }, [b, L.connectionState, L, lt]);
+    R(() => {
+      Me == null || Me(C.connectionState), C.connectionState === "connected" ? Ae == null || Ae() : C.connectionState === "disconnected" && (Fe == null || Fe());
+    }, [C.connectionState, Ae, Fe, Me]), R(() => {
+      Ie == null || Ie(C.transcript);
+    }, [C.transcript, Ie]), R(() => {
+      We == null || We(C.agentState);
+    }, [C.agentState, We]), R(() => {
+      yt.setThinking(C.agentState === "thinking");
+    }, [C.agentState, yt]);
+    const jt = M(!1);
+    R(() => {
+      !w || jt.current || lt && C.connectionState === "idle" && (jt.current = !0, C.connect());
+    }, [w, C.connectionState, C, lt]);
     const Hn = E(
-      (g) => {
-        const u = N == null ? void 0 : N.find((J) => J.id === g);
-        u && (m(!1), g !== ke && (gt(!0), L.disconnect(), Pe || kt(g), I == null || I(u)));
+      (y) => {
+        const d = L == null ? void 0 : L.find((J) => J.id === y);
+        d && (g(!1), y !== ke && (gt(!0), C.disconnect(), $e || kt(y), I == null || I(d)));
       },
       [
-        N,
-        ke,
         L,
-        Pe,
+        ke,
+        C,
+        $e,
         I
       ]
     );
-    M(() => {
-      Ke && L.connectionState === "connected" && gt(!1);
-    }, [L.connectionState, Ke]), M(() => {
+    R(() => {
+      Ke && C.connectionState === "connected" && gt(!1);
+    }, [C.connectionState, Ke]), R(() => {
       if (!Je) return;
-      const g = (u) => {
-        u.key === "Escape" && m(!1);
+      const y = (d) => {
+        d.key === "Escape" && g(!1);
       };
-      return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
+      return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
     }, [Je]);
-    const On = !!P || !!(oe != null && oe.avatarImageUrl) || L.isControlled, ut = ur(at, o, On);
-    ot === void 0 && ((Kt = ut.info) != null && Kt.capabilities) && (Rt.current = ut.info.capabilities);
-    const bt = (oe == null ? void 0 : oe.name) ?? O ?? ((Jt = L.agentConfig) == null ? void 0 : Jt.name) ?? ((Xt = ut.info) == null ? void 0 : Xt.name) ?? "Live Layer", Mt = (oe == null ? void 0 : oe.avatarImageUrl) ?? P ?? ((Zt = L.agentConfig) == null ? void 0 : Zt.avatarImageUrl) ?? ((Qt = ut.info) == null ? void 0 : Qt.avatarImageUrl) ?? null, Bn = U ?? ((en = L.agentConfig) == null ? void 0 : en.idleLoopUrl) ?? ((tn = ut.info) == null ? void 0 : tn.idleLoopUrl) ?? null, Wn = v ?? null, Fn = E(() => xe("expanded"), [xe]), qn = E(
+    const On = !!P || !!(le != null && le.avatarImageUrl) || C.isControlled, ut = fr(at, o, On);
+    ot === void 0 && ((Kt = ut.info) != null && Kt.capabilities) && (Mt.current = ut.info.capabilities);
+    const bt = (le == null ? void 0 : le.name) ?? O ?? ((Jt = C.agentConfig) == null ? void 0 : Jt.name) ?? ((Xt = ut.info) == null ? void 0 : Xt.name) ?? "Live Layer", Rt = (le == null ? void 0 : le.avatarImageUrl) ?? P ?? ((Zt = C.agentConfig) == null ? void 0 : Zt.avatarImageUrl) ?? ((Qt = ut.info) == null ? void 0 : Qt.avatarImageUrl) ?? null, Bn = U ?? ((en = C.agentConfig) == null ? void 0 : en.idleLoopUrl) ?? ((tn = ut.info) == null ? void 0 : tn.idleLoopUrl) ?? null, Fn = b ?? null, Wn = E(() => xe("expanded"), [xe]), qn = E(
       () => xe("minimized"),
       [xe]
     ), Vt = E(() => {
-      L.disconnect(), xe("hidden");
-    }, [L, xe]), Un = E(() => {
-      const g = L.audioElement;
-      g && g.play().then(() => Ge(!1)).catch(() => {
+      C.disconnect(), xe("hidden");
+    }, [C, xe]), Un = E(() => {
+      const y = C.audioElement;
+      y && y.play().then(() => Ge(!1)).catch(() => {
       });
-    }, [L.audioElement]), jn = E(() => {
-      Ge(!1), L.connect();
-    }, [L]), Xe = {
-      ...De,
-      ...de ? {} : { zIndex: Fe }
+    }, [C.audioElement]), jn = E(() => {
+      Ge(!1), C.connect();
+    }, [C]), Xe = {
+      ...Pe,
+      ...ue ? {} : { zIndex: qe }
     };
     q.primaryColor && (Xe["--ll-color-primary"] = q.primaryColor), q.accentColor && (Xe["--ll-color-accent"] = q.accentColor), q.backgroundColor && (Xe["--ll-color-bg"] = q.backgroundColor), q.textColor && (Xe["--ll-color-fg"] = q.textColor);
     const Vn = [
       "ll-widget",
-      `ll-widget--${ue}`,
-      `ll-widget--${ae ? "mobile" : "desktop"}`,
+      `ll-widget--${fe}`,
+      `ll-widget--${ce ? "mobile" : "desktop"}`,
       Lt
     ].filter(Boolean).join(" ");
     if (!lt) return null;
@@ -3299,130 +3346,130 @@ const xi = /* @__PURE__ */ new Set([
       {
         className: Vn,
         style: Xe,
-        "data-display-mode": ue,
-        "data-position": k,
+        "data-display-mode": fe,
+        "data-position": _,
         "data-experience-mode": p === "EMBEDDED" ? "embedded" : "widget",
-        children: ue === "expanded" && /* @__PURE__ */ n(
-          Vr,
+        children: fe === "expanded" && /* @__PURE__ */ n(
+          Yr,
           {
-            position: k,
-            isMobile: ae,
+            position: _,
+            isMobile: ce,
             agentName: bt,
-            avatarImageUrl: Mt,
+            avatarImageUrl: Rt,
             idleLoopUrl: Bn,
-            greeting: Wn,
+            greeting: Fn,
             branding: q,
-            teamMembers: N,
+            teamMembers: L,
             currentTeamMemberId: ke,
             isSwitchingTeamMember: Ke,
             teamSwitcherOpen: Je,
-            onToggleTeamSwitcher: () => m((g) => !g),
+            onToggleTeamSwitcher: () => g((y) => !y),
             onSelectTeamMember: Hn,
-            connectionState: L.connectionState,
-            agentState: L.agentState,
-            transcript: L.transcript,
-            isMuted: se.isMuted,
+            connectionState: C.connectionState,
+            agentState: C.agentState,
+            transcript: C.transcript,
+            isMuted: ae.isMuted,
             micDevices: ge.mics,
-            activeMicId: se.activeDeviceId,
+            activeMicId: ae.activeDeviceId,
             isCameraEnabled: me.isEnabled,
             cameraPreviewEl: me.previewEl,
             cameraDevices: ge.cameras,
             activeCameraId: me.activeDeviceId,
-            isScreenShareEnabled: $e.isEnabled,
-            screenPreviewEl: $e.previewEl,
+            isScreenShareEnabled: ze.isEnabled,
+            screenPreviewEl: ze.previewEl,
             isSpeakerMuted: Et,
             allowCamera: ne,
             allowScreenShare: B,
             allowTyping: j,
             showMinimize: Ct,
-            showClose: Ve,
+            showClose: Ye,
             chromeless: we,
-            compactControls: He,
-            transforming: Oe,
+            compactControls: Oe,
+            transforming: Be,
             transformingLabel: X,
             languageMenuOpen: Q,
-            onToggleLanguageMenu: () => Dn((g) => !g),
-            needsUserGesture: Ee,
-            canResume: L.canResume,
-            micError: se.micError,
-            error: L.error,
+            onToggleLanguageMenu: () => Dn((y) => !y),
+            needsUserGesture: Se,
+            canResume: C.canResume,
+            micError: ae.micError,
+            error: C.error,
             avatarVideoContainerRef: Ut,
-            agentVideoEl: L.videoElement,
-            onConnect: () => void L.connect(),
-            onDisconnect: () => L.disconnect(),
+            agentVideoEl: C.videoElement,
+            onConnect: () => void C.connect(),
+            onDisconnect: () => C.disconnect(),
             onRetry: jn,
             onResumeAudio: Un,
-            onToggleMute: se.toggleMute,
-            onSwitchMicDevice: (g) => void se.switchDevice(g),
+            onToggleMute: ae.toggleMute,
+            onSwitchMicDevice: (y) => void ae.switchDevice(y),
             onToggleCamera: () => void me.toggle(),
-            onSwitchCameraDevice: (g) => void me.switchDevice(g),
-            onToggleScreenShare: () => void $e.toggle(),
+            onSwitchCameraDevice: (y) => void me.switchDevice(y),
+            onToggleScreenShare: () => void ze.toggle(),
             onToggleSpeaker: zn,
             onSendMessage: $n,
             onMinimize: qn,
             onClose: Vt,
-            onClearMicError: se.clearError
+            onClearMicError: ae.clearError
           }
         )
       }
-    ), Yt = !de && (ue === "hidden" || ue === "minimized") ? /* @__PURE__ */ w(
+    ), Yt = !ue && (fe === "hidden" || fe === "minimized") ? /* @__PURE__ */ x(
       "div",
       {
         className: [
           "ll-widget",
           "ll-widget--floating",
-          `ll-widget--${ue}`,
-          `ll-widget--${ae ? "mobile" : "desktop"}`
+          `ll-widget--${fe}`,
+          `ll-widget--${ce ? "mobile" : "desktop"}`
         ].join(" "),
         style: Xe,
-        "data-display-mode": ue,
-        "data-position": k,
+        "data-display-mode": fe,
+        "data-position": _,
         children: [
-          ue === "hidden" && /* @__PURE__ */ n(
-            Pr,
+          fe === "hidden" && /* @__PURE__ */ n(
+            $r,
             {
-              position: k,
-              isMobile: ae,
-              isSpeaking: L.agentState === "speaking",
+              position: _,
+              isMobile: ce,
+              isSpeaking: C.agentState === "speaking",
               onExpand: () => xe("expanded"),
               label: `Open ${bt} widget`,
-              avatarImageUrl: Mt,
+              avatarImageUrl: Rt,
               agentName: bt,
-              containerEl: ce
+              containerEl: de
             }
           ),
-          ue === "minimized" && /* @__PURE__ */ n(
-            zr,
+          fe === "minimized" && /* @__PURE__ */ n(
+            Hr,
             {
-              position: k,
-              isMobile: ae,
+              position: _,
+              isMobile: ce,
               agentName: bt,
-              avatarImageUrl: Mt,
-              agentState: L.agentState,
-              isMuted: se.isMuted,
-              audioLevel: Ye,
-              onExpand: Fn,
-              onToggleMute: se.toggleMute,
+              avatarImageUrl: Rt,
+              agentState: C.agentState,
+              isMuted: ae.isMuted,
+              audioLevel: Ee,
+              onExpand: Wn,
+              onToggleMute: ae.toggleMute,
               onClose: Vt
             }
           )
         ]
       }
-    ) : null, Gt = ce ?? (typeof document < "u" ? document.body : null);
-    return /* @__PURE__ */ w(ze, { children: [
+    ) : null, Gt = de ?? (typeof document < "u" ? document.body : null);
+    return /* @__PURE__ */ x(He, { children: [
       Yn,
       Yt && Gt && zt(Yt, Gt)
     ] });
   }
 );
 Tn.displayName = "AvatarWidgetInner";
-const Li = $t(
+const ki = $t(
   function(t, r) {
     return /* @__PURE__ */ n(rr, { children: /* @__PURE__ */ n(Tn, { ...t, ref: r }) });
   }
 );
-Li.displayName = "AvatarWidget";
-const Di = ({
+ki.displayName = "AvatarWidget";
+const Pi = ({
   agentId: e,
   baseUrl: t,
   apiKey: r,
@@ -3431,24 +3478,24 @@ const Di = ({
   className: o,
   style: s
 }) => {
-  const l = A(null), c = A(null), p = A(a);
+  const l = M(null), c = M(null), p = M(a);
   p.current = a;
-  const b = E((f) => {
-    var R;
-    const d = f.detail;
-    (R = p.current) == null || R.call(p, d);
+  const w = E((m) => {
+    var T;
+    const f = m.detail;
+    (T = p.current) == null || T.call(p, f);
   }, []);
-  return M(() => {
-    const f = l.current;
-    if (!f) return;
-    const d = document.createElement("livelayer-widget");
-    return d.setAttribute("agent-id", e), t && d.setAttribute("base-url", t), r && d.setAttribute("api-key", r), i && d.setAttribute("mode", i), d.addEventListener("agent-event", b), f.appendChild(d), c.current = d, () => {
-      d.removeEventListener("agent-event", b), f.removeChild(d), c.current = null;
+  return R(() => {
+    const m = l.current;
+    if (!m) return;
+    const f = document.createElement("livelayer-widget");
+    return f.setAttribute("agent-id", e), t && f.setAttribute("base-url", t), r && f.setAttribute("api-key", r), i && f.setAttribute("mode", i), f.addEventListener("agent-event", w), m.appendChild(f), c.current = f, () => {
+      f.removeEventListener("agent-event", w), m.removeChild(f), c.current = null;
     };
-  }, [e]), M(() => {
+  }, [e]), R(() => {
     c.current && (i ? c.current.setAttribute("mode", i) : c.current.removeAttribute("mode"));
   }, [i]), /* @__PURE__ */ n("div", { ref: l, className: o, style: s });
-}, Pi = $t(
+}, $i = $t(
   function({ id: t, intent: r, as: i = "div", className: a, style: o, children: s }, l) {
     return Zn(
       i,
@@ -3463,110 +3510,110 @@ const Di = ({
     );
   }
 );
-function $i(e = {}) {
-  const { onFieldUpdate: t, onComplete: r, source: i = "all" } = e, [a, o] = S({}), [s, l] = S(!1), [c, p] = S(null), b = A(t), f = A(r), d = A(i);
-  M(() => {
-    b.current = t, f.current = r, d.current = i;
+function zi(e = {}) {
+  const { onFieldUpdate: t, onComplete: r, source: i = "all" } = e, [a, o] = N({}), [s, l] = N(!1), [c, p] = N(null), w = M(t), m = M(r), f = M(i);
+  R(() => {
+    w.current = t, m.current = r, f.current = i;
   }, [t, r, i]);
-  const R = E(() => {
+  const T = E(() => {
     o({}), l(!1);
   }, []);
-  return M(() => {
+  return R(() => {
     if (typeof window > "u") return;
-    const k = (_) => {
-      var y, N;
-      const h = _.detail;
-      if (h) {
-        if (h.phase === "field") {
-          if (d.current !== "all" && h.source !== d.current)
+    const _ = (v) => {
+      var h, L;
+      const u = v.detail;
+      if (u) {
+        if (u.phase === "field") {
+          if (f.current !== "all" && u.source !== f.current)
             return;
           l(!0), o(
-            (T) => T[h.fieldName] === h.value ? T : { ...T, [h.fieldName]: h.value }
+            (A) => A[u.fieldName] === u.value ? A : { ...A, [u.fieldName]: u.value }
           );
           try {
-            (y = b.current) == null || y.call(b, h);
-          } catch (T) {
-            console.warn("[LiveLayer] useCollect onFieldUpdate threw.", T);
+            (h = w.current) == null || h.call(w, u);
+          } catch (A) {
+            console.warn("[LiveLayer] useCollect onFieldUpdate threw.", A);
           }
           return;
         }
-        if (h.phase === "complete") {
-          const T = h.result;
-          if (d.current !== "all" && T.source !== d.current)
+        if (u.phase === "complete") {
+          const A = u.result;
+          if (f.current !== "all" && A.source !== f.current)
             return;
-          p(T), l(!1);
+          p(A), l(!1);
           try {
-            (N = f.current) == null || N.call(f, T);
+            (L = m.current) == null || L.call(m, A);
           } catch (I) {
             console.warn("[LiveLayer] useCollect onComplete threw.", I);
           }
         }
       }
     };
-    return document.addEventListener("ll-collected", k), () => document.removeEventListener("ll-collected", k);
-  }, []), { fields: a, isCollecting: s, lastResult: c, reset: R };
+    return document.addEventListener("ll-collected", _), () => document.removeEventListener("ll-collected", _);
+  }, []), { fields: a, isCollecting: s, lastResult: c, reset: T };
 }
 let Ln = 1;
-function zi({
+function Hi({
   onMount: e,
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [i, a] = S(t), [o, s] = S([]), [l, c] = S(""), [p, b] = S(!1), f = A(/* @__PURE__ */ new Set()), d = A([]), R = A(p);
-  R.current = p, M(() => {
+  const [i, a] = N(t), [o, s] = N([]), [l, c] = N(""), [p, w] = N(!1), m = M(/* @__PURE__ */ new Set()), f = M([]), T = M(p);
+  T.current = p, R(() => {
     try {
-      const h = localStorage.getItem(r);
-      h === "1" && a(!0), h === "0" && a(!1);
+      const u = localStorage.getItem(r);
+      u === "1" && a(!0), u === "0" && a(!1);
     } catch {
     }
-  }, [r]), M(() => {
+  }, [r]), R(() => {
     try {
       localStorage.setItem(r, i ? "1" : "0");
     } catch {
     }
-  }, [i, r]), M(() => {
-    const h = (y) => {
-      (y.metaKey || y.ctrlKey) && y.shiftKey && y.key.toLowerCase() === "l" && (y.preventDefault(), a((N) => !N));
+  }, [i, r]), R(() => {
+    const u = (h) => {
+      (h.metaKey || h.ctrlKey) && h.shiftKey && h.key.toLowerCase() === "l" && (h.preventDefault(), a((L) => !L));
     };
-    return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
-  }, []), M(() => {
-    const h = setInterval(() => {
-      if (d.current.length === 0 || R.current) return;
-      const y = d.current.splice(0, d.current.length);
+    return window.addEventListener("keydown", u), () => window.removeEventListener("keydown", u);
+  }, []), R(() => {
+    const u = setInterval(() => {
+      if (f.current.length === 0 || T.current) return;
+      const h = f.current.splice(0, f.current.length);
       s(
-        (N) => [...y.reverse(), ...N].slice(0, 200)
+        (L) => [...h.reverse(), ...L].slice(0, 200)
       );
     }, 100);
-    return () => clearInterval(h);
+    return () => clearInterval(u);
   }, []);
-  const k = A(!1);
-  if (M(() => {
-    !e || k.current || (k.current = !0, e((h) => {
-      d.current.push({
+  const _ = M(!1);
+  if (R(() => {
+    !e || _.current || (_.current = !0, e((u) => {
+      f.current.push({
         id: Ln++,
         ts: Date.now(),
         kind: "event",
-        type: h.eventName,
-        data: h.data
+        type: u.eventName,
+        data: u.data
       });
     }));
-  }, [e]), M(() => {
-    const h = console.warn, y = console.log, N = (T, I) => function(...U) {
+  }, [e]), R(() => {
+    const u = console.warn, h = console.log, L = (A, I) => function(...U) {
       try {
-        const v = typeof U[0] == "string" ? U[0] : "";
-        v.startsWith("[LiveLayer]") && d.current.push({
+        const b = typeof U[0] == "string" ? U[0] : "";
+        b.startsWith("[LiveLayer]") && f.current.push({
           id: Ln++,
           ts: Date.now(),
-          kind: T,
-          type: v.slice(0, 120),
-          data: { args: U.slice(1).map((P) => Ci(P)) }
+          kind: A,
+          type: b.slice(0, 120),
+          data: { args: U.slice(1).map((P) => Ei(P)) }
         });
       } catch {
       }
       return I.apply(this, U);
     };
-    return console.warn = N("warn", h), console.log = N("log", y), () => {
-      console.warn = h, console.log = y;
+    return console.warn = L("warn", u), console.log = L("log", h), () => {
+      console.warn = u, console.log = h;
     };
   }, []), !i)
     return /* @__PURE__ */ n(
@@ -3595,12 +3642,12 @@ function zi({
         children: "🛰 LL debug"
       }
     );
-  const _ = o.filter((h) => {
+  const v = o.filter((u) => {
     if (!l) return !0;
-    const y = l.toLowerCase();
-    return h.type.toLowerCase().includes(y) || JSON.stringify(h.data || {}).toLowerCase().includes(y);
+    const h = l.toLowerCase();
+    return u.type.toLowerCase().includes(h) || JSON.stringify(u.data || {}).toLowerCase().includes(h);
   });
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ x(
     "div",
     {
       style: {
@@ -3622,7 +3669,7 @@ function zi({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ w(
+        /* @__PURE__ */ x(
           "div",
           {
             style: {
@@ -3635,7 +3682,7 @@ function zi({
             },
             children: [
               /* @__PURE__ */ n("span", { style: { fontWeight: 600, fontSize: 12 }, children: "LiveLayer debug" }),
-              /* @__PURE__ */ w("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
+              /* @__PURE__ */ x("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
                 o.length,
                 " event",
                 o.length === 1 ? "" : "s"
@@ -3645,7 +3692,7 @@ function zi({
                 "button",
                 {
                   type: "button",
-                  onClick: () => b((h) => !h),
+                  onClick: () => w((u) => !u),
                   style: Dt(p ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
                   children: p ? "▶ resume" : "⏸ pause"
@@ -3656,7 +3703,7 @@ function zi({
                 {
                   type: "button",
                   onClick: () => {
-                    s([]), d.current = [];
+                    s([]), f.current = [];
                   },
                   style: Dt("transparent"),
                   title: "Clear buffer",
@@ -3682,7 +3729,7 @@ function zi({
           {
             type: "text",
             value: l,
-            onChange: (h) => c(h.target.value),
+            onChange: (u) => c(u.target.value),
             placeholder: "filter by type or data…",
             style: {
               margin: 8,
@@ -3704,7 +3751,7 @@ function zi({
               overflowY: "auto",
               padding: "0 8px 8px"
             },
-            children: _.length === 0 ? /* @__PURE__ */ w(
+            children: v.length === 0 ? /* @__PURE__ */ x(
               "div",
               {
                 style: {
@@ -3734,16 +3781,16 @@ function zi({
                   )
                 ]
               }
-            ) : _.map((h) => /* @__PURE__ */ n(
-              ki,
+            ) : v.map((u) => /* @__PURE__ */ n(
+              Ci,
               {
-                entry: h,
-                expanded: f.current.has(h.id),
+                entry: u,
+                expanded: m.current.has(u.id),
                 onToggle: () => {
-                  f.current.has(h.id) ? f.current.delete(h.id) : f.current.add(h.id), s((y) => [...y]);
+                  m.current.has(u.id) ? m.current.delete(u.id) : m.current.add(u.id), s((h) => [...h]);
                 }
               },
-              h.id
+              u.id
             ))
           }
         )
@@ -3751,7 +3798,7 @@ function zi({
     }
   );
 }
-function ki({
+function Ci({
   entry: e,
   expanded: t,
   onToggle: r
@@ -3759,7 +3806,7 @@ function ki({
   const i = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", a = new Date(e.ts).toLocaleTimeString("en-US", {
     hour12: !1
   });
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ x(
     "button",
     {
       type: "button",
@@ -3777,7 +3824,7 @@ function ki({
         lineHeight: 1.4
       },
       children: [
-        /* @__PURE__ */ w("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+        /* @__PURE__ */ x("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
           /* @__PURE__ */ n(
             "span",
             {
@@ -3832,22 +3879,22 @@ function Dt(e) {
     cursor: "pointer"
   };
 }
-function Ci(e) {
+function Ei(e) {
   try {
     return e instanceof Error ? { message: e.message, stack: e.stack } : (JSON.stringify(e), e);
   } catch {
     return String(e);
   }
 }
-function Ei(e) {
+function Si(e) {
   const t = JSON.stringify(e);
-  M(() => er(e), [t]);
+  R(() => er(e), [t]);
 }
-function Hi({ fields: e, children: t }) {
-  return Ei(e), /* @__PURE__ */ n(ze, { children: t });
+function Oi({ fields: e, children: t }) {
+  return Si(e), /* @__PURE__ */ n(He, { children: t });
 }
-function Oi() {
-  const [e, t] = S([]), r = E((a) => {
+function Bi() {
+  const [e, t] = N([]), r = E((a) => {
     t((o) => {
       const s = o.findIndex((l) => l.id === a.id);
       if (s >= 0) {
@@ -3865,38 +3912,38 @@ function Oi() {
   };
 }
 export {
-  Li as AvatarWidget,
+  ki as AvatarWidget,
   rr as ErrorBoundary,
-  Hi as FieldProvider,
-  zi as LiveLayerDebugPanel,
-  Pi as LiveLayerRegion,
-  Di as LiveLayerWidget,
-  Fi as clearFieldRegistry,
-  oi as clearPageContextCache,
-  ui as clearRoutesCache,
-  ii as extractPageContext,
-  ci as extractRoutes,
+  Oi as FieldProvider,
+  Hi as LiveLayerDebugPanel,
+  $i as LiveLayerRegion,
+  Pi as LiveLayerWidget,
+  qi as clearFieldRegistry,
+  li as clearPageContextCache,
+  fi as clearRoutesCache,
+  oi as extractPageContext,
+  di as extractRoutes,
   vn as getCachedPageContext,
   Tt as getCachedRoutes,
-  qi as getRegisteredFields,
-  Cr as matchesPattern,
-  ai as normalizeRouteInput,
-  Ui as registerFields,
-  ji as setFieldValue,
-  Er as shouldRenderAtPath,
-  ur as useAgentInfo,
+  Ui as getRegisteredFields,
+  Er as matchesPattern,
+  si as normalizeRouteInput,
+  ji as registerFields,
+  Vi as setFieldValue,
+  Sr as shouldRenderAtPath,
+  fr as useAgentInfo,
   or as useAudioLevel,
-  sr as useCameraState,
-  $i as useCollect,
-  pr as useDisplayMode,
-  gr as useDisplayModePersistence,
-  vr as useIsMobile,
+  cr as useCameraState,
+  zi as useCollect,
+  hr as useDisplayMode,
+  yr as useDisplayModePersistence,
+  br as useIsMobile,
   ir as useLiveKitSession,
-  dr as useMediaDevices,
-  lr as useMicrophoneState,
-  wr as usePathname,
-  Ei as useRegisterFields,
-  Sr as useRouteMatch,
-  cr as useScreenShareState,
-  Oi as useTranscript
+  ur as useMediaDevices,
+  ar as useMicrophoneState,
+  _r as usePathname,
+  Si as useRegisterFields,
+  Nr as useRouteMatch,
+  dr as useScreenShareState,
+  Bi as useTranscript
 };