@livelayer/react 0.9.5 → 0.9.7

package/dist/index.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { jsxs as y, jsx as n, Fragment as it } from "react/jsx-runtime";
-import { Component as In, useState as L, useRef as S, useEffect as N, useCallback as k, useMemo as Ue, useLayoutEffect as Tn, forwardRef as lt, useImperativeHandle as Mn, createElement as Dn } from "react";
+import { jsxs as v, jsx as n, Fragment as ot } from "react/jsx-runtime";
+import { Component as In, useState as C, useRef as A, useEffect as T, useCallback as E, useMemo as Ue, useLayoutEffect as Tn, forwardRef as lt, useImperativeHandle as Mn, createElement as Dn } from "react";
 import { LiveKitSession as Pn } from "@livelayer/sdk";
 import { createLocalAudioTrack as $n, Track as dn, createLocalVideoTrack as zn } from "livekit-client";
 import { createPortal as On } from "react-dom";
@@ -14,12 +14,12 @@ class Hn extends In {
     return { hasError: !0, error: t };
   }
   componentDidCatch(t, r) {
-    var o, i;
-    (i = (o = this.props).onError) == null || i.call(o, t, r);
+    var i, o;
+    (o = (i = this.props).onError) == null || o.call(i, t, r);
   }
   render() {
     var t;
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ y("div", { className: "ll-error-boundary", role: "alert", children: [
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ v("div", { className: "ll-error-boundary", role: "alert", children: [
       /* @__PURE__ */ n("p", { className: "ll-error-boundary__title", children: "Widget crashed" }),
       /* @__PURE__ */ n("p", { className: "ll-error-boundary__message", children: ((t = this.state.error) == null ? void 0 : t.message) || "Something went wrong." }),
       /* @__PURE__ */ n(
@@ -35,25 +35,25 @@ class Hn extends In {
   }
 }
 function Wn(e) {
-  const [t, r] = L("idle"), [o, i] = L("idle"), [l, u] = L([]), [d, c] = L(null), [f, h] = L(null), [a, s] = L(null), [A, D] = L(!1), [E, b] = L(null), w = S(null), R = S(e.onDataMessage);
-  R.current = e.onDataMessage, N(() => {
-    const I = {
-      onConnectionStateChange: (O) => {
-        r(O), O === "connected" && b(null);
+  const [t, r] = C("idle"), [i, o] = C("idle"), [l, s] = C([]), [a, d] = C(null), [f, _] = C(null), [u, c] = C(null), [I, L] = C(!1), [b, y] = C(null), m = A(null), S = A(e.onDataMessage);
+  S.current = e.onDataMessage, T(() => {
+    const R = {
+      onConnectionStateChange: (q) => {
+        r(q), q === "connected" && y(null);
       },
-      onAgentStateChange: i,
-      onTranscript: (O) => u([...O]),
-      onAgentConfig: c,
-      onAudioTrack: (O) => s(O),
-      onVideoTrack: (O) => h(O),
-      onVideoTrackRemoved: () => h(null),
-      onError: (O) => b(O),
-      onDataMessage: (O) => {
-        var C;
-        (C = R.current) == null || C.call(R, O);
+      onAgentStateChange: o,
+      onTranscript: (q) => s([...q]),
+      onAgentConfig: d,
+      onAudioTrack: (q) => c(q),
+      onVideoTrack: (q) => _(q),
+      onVideoTrackRemoved: () => _(null),
+      onError: (q) => y(q),
+      onDataMessage: (q) => {
+        var N;
+        (N = S.current) == null || N.call(S, q);
       },
-      onResumabilityChange: D
-    }, q = new Pn(
+      onResumabilityChange: L
+    }, B = new Pn(
       {
         agentId: e.agentId,
         baseUrl: e.baseUrl,
@@ -61,11 +61,11 @@ function Wn(e) {
         sessionEndpoint: e.sessionEndpoint,
         sessionBody: e.sessionBody
       },
-      I
+      R
     );
-    return w.current = q, r("idle"), i("idle"), u([]), c(null), h(null), s(null), D(!1), b(null), () => {
-      var O;
-      (O = q.destroy) == null || O.call(q), w.current = null;
+    return m.current = B, r("idle"), o("idle"), s([]), d(null), _(null), c(null), L(!1), y(null), () => {
+      var q;
+      (q = B.destroy) == null || q.call(B), m.current = null;
     };
   }, [
     e.agentId,
@@ -74,65 +74,65 @@ function Wn(e) {
     e.sessionEndpoint,
     JSON.stringify(e.sessionBody ?? {})
   ]);
-  const T = k(async () => {
-    const I = w.current;
-    if (I)
+  const $ = E(async () => {
+    const R = m.current;
+    if (R)
       try {
-        await I.connect();
-      } catch (q) {
-        throw b(q instanceof Error ? q.message : String(q)), q;
+        await R.connect();
+      } catch (B) {
+        throw y(B instanceof Error ? B.message : String(B)), B;
       }
-  }, []), z = k(() => {
-    const I = w.current;
-    I && I.disconnect();
-  }, []), _ = k(() => {
-    var I;
-    return ((I = w.current) == null ? void 0 : I.getRoom()) ?? null;
+  }, []), D = E(() => {
+    const R = m.current;
+    R && R.disconnect();
+  }, []), x = E(() => {
+    var R;
+    return ((R = m.current) == null ? void 0 : R.getRoom()) ?? null;
   }, []);
   return {
     connectionState: t,
-    agentState: o,
+    agentState: i,
     transcript: l,
-    agentConfig: d,
+    agentConfig: a,
     videoElement: f,
-    audioElement: a,
-    canResume: A,
-    error: E,
-    connect: T,
-    disconnect: z,
-    getRoom: _,
-    session: w.current
+    audioElement: u,
+    canResume: I,
+    error: b,
+    connect: $,
+    disconnect: D,
+    getRoom: x,
+    session: m.current
   };
 }
 function Bn() {
-  const e = S(null), t = S(null), r = S(null), o = S(null), i = S(/* @__PURE__ */ new Set()), l = S(null), u = k(() => {
-    const a = t.current;
-    if (!a) {
-      o.current = null;
+  const e = A(null), t = A(null), r = A(null), i = A(null), o = A(/* @__PURE__ */ new Set()), l = A(null), s = E(() => {
+    const u = t.current;
+    if (!u) {
+      i.current = null;
       return;
     }
-    (!l.current || l.current.length !== a.frequencyBinCount) && (l.current = new Uint8Array(
-      new ArrayBuffer(a.frequencyBinCount)
+    (!l.current || l.current.length !== u.frequencyBinCount) && (l.current = new Uint8Array(
+      new ArrayBuffer(u.frequencyBinCount)
     ));
-    const s = l.current;
-    a.getByteFrequencyData(s);
-    let A = 0;
-    for (let E = 0; E < s.length; E++) A += s[E];
-    const D = A / s.length / 255;
-    for (const E of i.current)
+    const c = l.current;
+    u.getByteFrequencyData(c);
+    let I = 0;
+    for (let b = 0; b < c.length; b++) I += c[b];
+    const L = I / c.length / 255;
+    for (const b of o.current)
       try {
-        E(D);
-      } catch (b) {
-        console.error("[useAudioLevel] subscriber threw:", b);
+        b(L);
+      } catch (y) {
+        console.error("[useAudioLevel] subscriber threw:", y);
       }
-    o.current = requestAnimationFrame(u);
-  }, []), d = k(() => {
+    i.current = requestAnimationFrame(s);
+  }, []), a = E(() => {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
-    const a = new AudioContext(), s = a.createAnalyser();
-    s.fftSize = 64, s.connect(a.destination), e.current = a, t.current = s;
-  }, []), c = k(
-    (a) => {
-      if (d(), !(!e.current || !t.current)) {
+    const u = new AudioContext(), c = u.createAnalyser();
+    c.fftSize = 64, c.connect(u.destination), e.current = u, t.current = c;
+  }, []), d = E(
+    (u) => {
+      if (a(), !(!e.current || !t.current)) {
         if (r.current) {
           try {
             r.current.disconnect();
@@ -141,28 +141,28 @@ function Bn() {
           r.current = null;
         }
         try {
-          const s = e.current.createMediaElementSource(a);
-          s.connect(t.current), r.current = s;
-        } catch (s) {
-          console.warn("[useAudioLevel] createMediaElementSource failed:", s);
+          const c = e.current.createMediaElementSource(u);
+          c.connect(t.current), r.current = c;
+        } catch (c) {
+          console.warn("[useAudioLevel] createMediaElementSource failed:", c);
           return;
         }
-        o.current === null && (o.current = requestAnimationFrame(u));
+        i.current === null && (i.current = requestAnimationFrame(s));
       }
     },
-    [d, u]
-  ), f = k(() => {
-    if (o.current !== null && (cancelAnimationFrame(o.current), o.current = null), r.current) {
+    [a, s]
+  ), f = E(() => {
+    if (i.current !== null && (cancelAnimationFrame(i.current), i.current = null), r.current) {
       try {
         r.current.disconnect();
       } catch {
       }
       r.current = null;
     }
-  }, []), h = k((a) => (i.current.add(a), () => {
-    i.current.delete(a);
+  }, []), _ = E((u) => (o.current.add(u), () => {
+    o.current.delete(u);
   }), []);
-  return N(() => () => {
+  return T(() => () => {
     if (f(), t.current) {
       try {
         t.current.disconnect();
@@ -177,139 +177,168 @@ function Bn() {
       }
       e.current = null;
     }
-    i.current.clear(), l.current = null;
-  }, [f]), { attach: c, detach: f, subscribe: h };
+    o.current.clear(), l.current = null;
+  }, [f]), { attach: d, detach: f, subscribe: _ };
 }
 function qn() {
-  const [e, t] = L(!1), [r, o] = L(null), i = S(null), l = S(null), u = k(async (h) => {
-    if (i.current && l.current) {
+  const [e, t] = C(!1), [r, i] = C(""), [o, l] = C(null), s = A(null), a = A(null), d = E(async (L) => {
+    var b, y;
+    if (s.current && a.current) {
       try {
-        await l.current.localParticipant.unpublishTrack(i.current);
+        await a.current.localParticipant.unpublishTrack(s.current);
       } catch {
       }
-      i.current.stop(), i.current = null;
+      s.current.stop(), s.current = null;
     }
-    l.current = h, o(null);
+    a.current = L, l(null);
     try {
-      const a = await $n({
+      const m = await $n({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await h.localParticipant.publishTrack(a), i.current = a, t(a.isMuted);
-    } catch (a) {
-      const s = a instanceof Error && a.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-      throw o(s), a;
+      await L.localParticipant.publishTrack(m), s.current = m, t(m.isMuted);
+      const S = (y = (b = m.mediaStreamTrack) == null ? void 0 : b.getSettings) == null ? void 0 : y.call(b);
+      S != null && S.deviceId && i(S.deviceId);
+    } catch (m) {
+      const S = m instanceof Error && m.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
+      throw l(S), m;
+    }
+  }, []), f = E((L) => {
+    a.current = L;
+  }, []), _ = E(async (L) => {
+    const b = a.current;
+    if (b)
+      try {
+        await b.switchActiveDevice("audioinput", L), i(L);
+      } catch (y) {
+        console.warn("[useMicrophoneState] switchDevice failed:", y);
+      }
+  }, []), u = E(() => {
+    const L = s.current, b = a.current;
+    if (L) {
+      L.isMuted ? (L.unmute(), t(!1)) : (L.mute(), t(!0));
+      return;
     }
-  }, []), d = k(() => {
-    const h = i.current;
-    h && (h.isMuted ? (h.unmute(), t(!1)) : (h.mute(), t(!0)));
-  }, []), c = k(() => {
-    const h = i.current, a = l.current;
-    if (h && a) {
+    if (b) {
+      const y = !e;
+      t(y);
       try {
-        a.localParticipant.unpublishTrack(h);
+        b.localParticipant.setMicrophoneEnabled(!y);
+      } catch (m) {
+        console.warn("[useMicrophoneState] setMicrophoneEnabled failed:", m);
+      }
+    }
+  }, [e]), c = E(() => {
+    const L = s.current, b = a.current;
+    if (L && b) {
+      try {
+        b.localParticipant.unpublishTrack(L);
       } catch {
       }
-      h.stop();
+      L.stop();
     }
-    i.current = null, l.current = null, t(!1);
-  }, []), f = k(() => o(null), []);
+    s.current = null, a.current = null, t(!1), i("");
+  }, []), I = E(() => l(null), []);
   return {
     isMuted: e,
-    micError: r,
-    toggleMute: d,
-    setupMic: u,
+    activeDeviceId: r,
+    micError: o,
+    toggleMute: u,
+    setupMic: d,
+    attachRoom: f,
+    switchDevice: _,
     teardownMic: c,
-    clearError: f
+    clearError: I
   };
 }
 const Fn = { resolution: { width: 640, height: 480, frameRate: 24 } };
 function Un() {
-  const [e, t] = L(!1), [r, o] = L(null), [i, l] = L(null), [u, d] = L(""), c = S(null), f = S(null), h = k((w) => {
-    c.current = w;
-  }, []), a = k(() => {
-    const w = c.current, R = f.current;
-    if (R && w) {
-      const T = w.localParticipant.getTrackPublication(dn.Source.Camera);
-      if (T != null && T.track) {
-        try {
-          w.localParticipant.unpublishTrack(T.track);
-        } catch {
-        }
-        T.track.stop();
-      } else
-        R.stop();
+  const [e, t] = C(!1), [r, i] = C(null), [o, l] = C(null), [s, a] = C(""), d = A(null), f = A(null), _ = E((m) => {
+    d.current = m;
+  }, []), u = E(() => {
+    var $;
+    const m = d.current, S = f.current;
+    if (S && m) {
+      const D = m.localParticipant.getTrackPublication(dn.Source.Camera), R = (D == null ? void 0 : D.track) ?? S;
+      try {
+        m.localParticipant.unpublishTrack(R);
+      } catch {
+      }
+      try {
+        ($ = R.stop) == null || $.call(R);
+      } catch {
+      }
     }
     f.current = null, l(null), t(!1);
-  }, []), s = k(async (w) => {
-    const R = c.current;
-    if (R) {
-      o(null);
+  }, []), c = E(async (m) => {
+    const S = d.current;
+    if (S) {
+      i(null);
       try {
-        const T = { ...Fn };
-        w && (T.deviceId = w);
-        const z = await zn(T);
-        await R.localParticipant.publishTrack(z), f.current = z;
-        const _ = z.attach();
-        l(_), t(!0), w && d(w);
+        const $ = { ...Fn };
+        m && ($.deviceId = m);
+        const D = await zn($);
+        await S.localParticipant.publishTrack(D), f.current = D;
+        const x = D.attach();
+        l(x), t(!0), m && a(m);
         try {
-          R.localParticipant.publishData(
+          S.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
             { reliable: !0 }
           );
         } catch {
         }
-      } catch (T) {
-        const z = T instanceof Error && T.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
-        o(z);
+      } catch ($) {
+        const D = $ instanceof Error && $.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+        i(D);
       }
     }
-  }, []), A = k(async () => {
-    e ? a() : await s(u || void 0);
-  }, [e, u, a, s]), D = k(async (w) => {
-    a(), await s(w);
-  }, [a, s]), E = k(() => {
-    a(), c.current = null, o(null), d("");
-  }, [a]), b = k(() => o(null), []);
-  return N(() => () => {
+  }, []), I = E(async () => {
+    e ? u() : await c(s || void 0);
+  }, [e, s, u, c]), L = E(async (m) => {
+    u(), await c(m);
+  }, [u, c]), b = E(() => {
+    u(), d.current = null, i(null), a("");
+  }, [u]), y = E(() => i(null), []);
+  return T(() => () => {
     f.current && f.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
-    previewEl: i,
-    activeDeviceId: u,
-    toggle: A,
-    switchDevice: D,
-    attachRoom: h,
-    teardown: E,
-    clearError: b
+    previewEl: o,
+    activeDeviceId: s,
+    toggle: I,
+    switchDevice: L,
+    attachRoom: _,
+    teardown: b,
+    clearError: y
   };
 }
 function jn() {
-  const [e, t] = L(!1), [r, o] = L(null), [i, l] = L(null), u = S(null), d = k((s) => {
-    u.current = s;
-  }, []), c = k(() => l(null), []), f = k(async () => {
-    const s = u.current;
-    if (s) {
+  const [e, t] = C(!1), [r, i] = C(null), [o, l] = C(null), s = A(null), a = E((c) => {
+    s.current = c;
+  }, []), d = E(() => l(null), []), f = E(async () => {
+    const c = s.current;
+    if (c) {
       if (e) {
         try {
-          await s.localParticipant.setScreenShareEnabled(!1);
+          await c.localParticipant.setScreenShareEnabled(!1);
         } catch {
         }
-        c(), t(!1);
+        d(), t(!1);
         return;
       }
-      o(null);
+      i(null);
       try {
-        await s.localParticipant.setScreenShareEnabled(!0);
-        let A = 0;
-        const D = () => {
-          const E = s.localParticipant.getTrackPublication(dn.Source.ScreenShare);
-          if (E != null && E.track) {
-            const b = E.track.attach();
-            l(b), t(!0);
+        await c.localParticipant.setScreenShareEnabled(!0);
+        let I = 0;
+        const L = () => {
+          const b = c.localParticipant.getTrackPublication(dn.Source.ScreenShare);
+          if (b != null && b.track) {
+            const y = b.track.attach();
+            l(y), t(!0);
             try {
-              s.localParticipant.publishData(
+              c.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
                 { reliable: !0 }
               );
@@ -317,62 +346,62 @@ function jn() {
             }
             return;
           }
-          A++ < 10 ? setTimeout(D, 100) : t(!0);
+          I++ < 10 ? setTimeout(L, 100) : t(!0);
         };
-        D();
-      } catch (A) {
-        const D = A instanceof Error ? A.name : "";
-        D !== "NotAllowedError" && D !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
+        L();
+      } catch (I) {
+        const L = I instanceof Error ? I.name : "";
+        L !== "NotAllowedError" && L !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
       }
     }
-  }, [e, c]), h = k(() => {
-    const s = u.current;
-    if (s && e)
+  }, [e, d]), _ = E(() => {
+    const c = s.current;
+    if (c && e)
       try {
-        s.localParticipant.setScreenShareEnabled(!1);
+        c.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
-    c(), t(!1), o(null), u.current = null;
-  }, [e, c]), a = k(() => o(null), []);
-  return { isEnabled: e, error: r, previewEl: i, toggle: f, attachRoom: d, teardown: h, clearError: a };
+    d(), t(!1), i(null), s.current = null;
+  }, [e, d]), u = E(() => i(null), []);
+  return { isEnabled: e, error: r, previewEl: o, toggle: f, attachRoom: a, teardown: _, clearError: u };
 }
 function Vn() {
-  const [e, t] = L([]), [r, o] = L([]), i = k(async () => {
+  const [e, t] = C([]), [r, i] = C([]), o = E(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
-        t(l.filter((u) => u.kind === "audioinput")), o(l.filter((u) => u.kind === "videoinput"));
+        t(l.filter((s) => s.kind === "audioinput")), i(l.filter((s) => s.kind === "videoinput"));
       } catch {
       }
   }, []);
-  return N(() => {
-    if (i(), typeof navigator > "u" || !navigator.mediaDevices) return;
-    const l = () => void i();
+  return T(() => {
+    if (o(), typeof navigator > "u" || !navigator.mediaDevices) return;
+    const l = () => void o();
     return navigator.mediaDevices.addEventListener("devicechange", l), () => navigator.mediaDevices.removeEventListener("devicechange", l);
-  }, [i]), { mics: e, cameras: r, refresh: i };
+  }, [o]), { mics: e, cameras: r, refresh: o };
 }
 function Yn(e, t, r = !1) {
-  const [o, i] = L(null), [l, u] = L(null), [d, c] = L(!r && !!e);
-  return N(() => {
+  const [i, o] = C(null), [l, s] = C(null), [a, d] = C(!r && !!e);
+  return T(() => {
     if (r || !e) {
-      c(!1);
+      d(!1);
       return;
     }
-    const f = new AbortController(), h = t || "https://app.livelayer.studio";
-    return c(!0), u(null), fetch(`${h}/api/widget/agent/${encodeURIComponent(e)}`, {
+    const f = new AbortController(), _ = t || "https://app.livelayer.studio";
+    return d(!0), s(null), fetch(`${_}/api/widget/agent/${encodeURIComponent(e)}`, {
       signal: f.signal
-    }).then(async (a) => {
-      if (!a.ok) {
-        const s = await a.json().catch(() => ({}));
-        throw new Error(s.error || `HTTP ${a.status}`);
+    }).then(async (u) => {
+      if (!u.ok) {
+        const c = await u.json().catch(() => ({}));
+        throw new Error(c.error || `HTTP ${u.status}`);
       }
-      return a.json();
-    }).then((a) => {
-      f.signal.aborted || (i(a), c(!1));
-    }).catch((a) => {
-      f.signal.aborted || (u(a instanceof Error ? a.message : "Agent lookup failed"), c(!1));
+      return u.json();
+    }).then((u) => {
+      f.signal.aborted || (o(u), d(!1));
+    }).catch((u) => {
+      f.signal.aborted || (s(u instanceof Error ? u.message : "Agent lookup failed"), d(!1));
     }), () => f.abort();
-  }, [e, t, r]), { info: o, error: l, loading: d };
+  }, [e, t, r]), { info: i, error: l, loading: a };
 }
 function Gn(e) {
   if (typeof window > "u") return null;
@@ -394,13 +423,13 @@ function Kn({
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const o = e !== void 0, [i, l] = L(t), u = o ? e : i, d = k(
-    (c) => {
-      c !== u && (o || l(c), r == null || r(c));
+  const i = e !== void 0, [o, l] = C(t), s = i ? e : o, a = E(
+    (d) => {
+      d !== s && (i || l(d), r == null || r(d));
     },
-    [u, o, r]
+    [s, i, r]
   );
-  return [u, d];
+  return [s, a];
 }
 const Xn = ["hidden", "minimized", "expanded"];
 function Qn(e) {
@@ -410,35 +439,35 @@ function Zn({
   value: e,
   defaultValue: t = "expanded",
   onChange: r,
-  persistKey: o = "ll-widget",
-  disablePersistence: i = !1
+  persistKey: i = "ll-widget",
+  disablePersistence: o = !1
 } = {}) {
-  const l = `${o}:display-mode`, u = S(!1), [d, c] = Kn({
+  const l = `${i}:display-mode`, s = A(!1), [a, d] = Kn({
     value: e,
     defaultValue: t,
     onChange: (f) => {
-      e === void 0 && !i && Jn(l, f), r == null || r(f);
+      e === void 0 && !o && Jn(l, f), r == null || r(f);
     }
   });
-  return N(() => {
-    if (u.current || (u.current = !0, i || e !== void 0)) return;
+  return T(() => {
+    if (s.current || (s.current = !0, o || e !== void 0)) return;
     const f = Qn(Gn(l));
-    f && f !== d && c(f);
-  }, []), [d, c];
+    f && f !== a && d(f);
+  }, []), [a, d];
 }
 const er = 640;
 function tr(e = er) {
-  const [t, r] = L(!1);
-  return N(() => {
+  const [t, r] = C(!1);
+  return T(() => {
     if (e === !1) {
       r(!1);
       return;
     }
     if (typeof window > "u" || typeof window.matchMedia > "u")
       return;
-    const o = `(max-width: ${e - 1}px)`, i = window.matchMedia(o), l = () => r(i.matches);
-    return l(), typeof i.addEventListener == "function" ? (i.addEventListener("change", l), () => i.removeEventListener("change", l)) : (i.addListener(l), () => {
-      i.removeListener(l);
+    const i = `(max-width: ${e - 1}px)`, o = window.matchMedia(i), l = () => r(o.matches);
+    return l(), typeof o.addEventListener == "function" ? (o.addEventListener("change", l), () => o.removeEventListener("change", l)) : (o.addListener(l), () => {
+      o.removeListener(l);
     });
   }, [e]), t;
 }
@@ -447,58 +476,58 @@ function nr() {
   if (typeof window > "u" || window.history[jt]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...r) {
-    const o = e.apply(this, r);
-    return window.dispatchEvent(new Event(gt)), o;
+    const i = e.apply(this, r);
+    return window.dispatchEvent(new Event(gt)), i;
   }, window.history.replaceState = function(...r) {
-    const o = t.apply(this, r);
-    return window.dispatchEvent(new Event(gt)), o;
+    const i = t.apply(this, r);
+    return window.dispatchEvent(new Event(gt)), i;
   }, window.history[jt] = !0;
 }
 function Vt() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
 function rr(e) {
-  const [t, r] = L(
+  const [t, r] = C(
     () => e ?? Vt()
   );
-  return N(() => {
+  return T(() => {
     if (e !== void 0) return;
     nr();
-    const o = () => r(Vt());
-    return o(), window.addEventListener("popstate", o), window.addEventListener(gt, o), () => {
-      window.removeEventListener("popstate", o), window.removeEventListener(gt, o);
+    const i = () => r(Vt());
+    return i(), window.addEventListener("popstate", i), window.addEventListener(gt, i), () => {
+      window.removeEventListener("popstate", i), window.removeEventListener(gt, i);
     };
   }, [e]), e ?? t;
 }
-const Yt = /* @__PURE__ */ new Map(), or = /[\\^$+?.()|{}[\]]/g;
-function ir(e) {
-  return e.replace(or, "\\$&");
+const Yt = /* @__PURE__ */ new Map(), ir = /[\\^$+?.()|{}[\]]/g;
+function or(e) {
+  return e.replace(ir, "\\$&");
 }
 function lr(e) {
   const t = Yt.get(e);
   if (t) return t;
-  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, o = "
", i = "", l = r.replace(/\*\*/g, o).replace(/\*/g, i), d = ir(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "g"), "[^/]+"), c = new RegExp(`^${d}\\/?$`);
-  return Yt.set(e, c), c;
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", o = "", l = r.replace(/\*\*/g, i).replace(/\*/g, o), a = or(l).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(o, "g"), "[^/]+"), d = new RegExp(`^${a}\\/?$`);
+  return Yt.set(e, d), d;
 }
 function ar(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
   return lr(e).test(r);
 }
-function sr(e, t) {
+function cr(e, t) {
   return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : ar(e, t);
 }
 function Gt(e, t) {
   if (!e || e.length === 0) return !1;
   for (const r of e)
-    if (sr(r, t)) return !0;
+    if (cr(r, t)) return !0;
   return !1;
 }
-function cr(e, t, r) {
+function sr(e, t, r) {
   return e === void 0 ? !0 : Gt(r, e) ? !1 : t && t.length > 0 ? Gt(t, e) : !0;
 }
 function dr(e, t, r) {
   return Ue(
-    () => cr(e, t, r),
+    () => sr(e, t, r),
     [e, t, r]
   );
 }
@@ -510,64 +539,64 @@ function ur(e) {
   };
 }
 function fr(e) {
-  const t = Ue(() => ur(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), o = S(null), i = k(
-    (c) => {
+  const t = Ue(() => ur(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), i = A(null), o = E(
+    (d) => {
       try {
-        new Audio(`${r}${c}`).play().catch(() => {
+        new Audio(`${r}${d}`).play().catch(() => {
         });
       } catch {
       }
     },
     [r]
-  ), l = k(() => {
-    t.navigate && i("/audio/page-change-sound.mp3");
-  }, [t.navigate, i]), u = k(() => {
-    t.action && i("/audio/confirmation-sound.mp3");
-  }, [t.action, i]), d = k(
-    (c) => {
+  ), l = E(() => {
+    t.navigate && o("/audio/page-change-sound.mp3");
+  }, [t.navigate, o]), s = E(() => {
+    t.action && o("/audio/confirmation-sound.mp3");
+  }, [t.action, o]), a = E(
+    (d) => {
       if (!t.thinking) {
-        if (o.current) {
+        if (i.current) {
           try {
-            o.current.pause();
+            i.current.pause();
           } catch {
           }
-          o.current = null;
+          i.current = null;
         }
         return;
       }
-      if (c) {
-        if (o.current) return;
+      if (d) {
+        if (i.current) return;
         try {
           const f = new Audio(`${r}/audio/thinking-sound.mp3`);
           f.loop = !0, f.volume = 0.3, f.play().catch(() => {
-            o.current = null;
-          }), o.current = f;
+            i.current = null;
+          }), i.current = f;
         } catch {
         }
-      } else if (o.current) {
+      } else if (i.current) {
         try {
-          o.current.pause();
+          i.current.pause();
         } catch {
         }
-        o.current = null;
+        i.current = null;
       }
     },
     [r, t.thinking]
   );
-  return N(() => () => {
-    if (o.current) {
+  return T(() => () => {
+    if (i.current) {
       try {
-        o.current.pause();
+        i.current.pause();
       } catch {
       }
-      o.current = null;
+      i.current = null;
     }
   }, []), Ue(
-    () => ({ playPageChange: l, playConfirmation: u, setThinking: d }),
-    [l, u, d]
+    () => ({ playPageChange: l, playConfirmation: s, setThinking: a }),
+    [l, s, a]
   );
 }
-const Jt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ y(
+const Jt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ v(
   "svg",
   {
     className: t,
@@ -686,113 +715,113 @@ const vr = ({
   position: e,
   isMobile: t,
   isSpeaking: r,
-  onExpand: o,
-  label: i = "Open widget",
+  onExpand: i,
+  label: o = "Open widget",
   avatarImageUrl: l,
-  agentName: u
+  agentName: s
 }) => {
-  const d = mr(e), c = d === "right" ? "left" : "right", f = t ? 80 : 72, h = !!l, [a, s] = L(null), [A, D] = L(!1), E = S(null), b = S(!1), w = k(
-    (C) => {
-      if (typeof window > "u") return C;
-      const P = f / 2, F = Qt + P, G = window.innerHeight - Qt - P;
-      return G < F ? Math.max(F, C) : Math.max(F, Math.min(G, C));
+  const a = mr(e), d = a === "right" ? "left" : "right", f = t ? 80 : 72, _ = !!l, [u, c] = C(null), [I, L] = C(!1), b = A(null), y = A(!1), m = E(
+    (N) => {
+      if (typeof window > "u") return N;
+      const M = f / 2, F = Qt + M, re = window.innerHeight - Qt - M;
+      return re < F ? Math.max(F, N) : Math.max(F, Math.min(re, N));
     },
     [f]
   );
-  N(() => {
-    const C = yr();
-    s(w(C ?? window.innerHeight / 2));
-    const P = () => {
-      s((F) => F === null ? null : w(F));
+  T(() => {
+    const N = yr();
+    c(m(N ?? window.innerHeight / 2));
+    const M = () => {
+      c((F) => F === null ? null : m(F));
     };
-    return window.addEventListener("resize", P), () => window.removeEventListener("resize", P);
-  }, [w]);
-  const R = k(
-    (C) => {
-      if (!(C.pointerType === "mouse" && C.button !== 0) && a !== null) {
+    return window.addEventListener("resize", M), () => window.removeEventListener("resize", M);
+  }, [m]);
+  const S = E(
+    (N) => {
+      if (!(N.pointerType === "mouse" && N.button !== 0) && u !== null) {
         try {
-          C.currentTarget.setPointerCapture(C.pointerId);
+          N.currentTarget.setPointerCapture(N.pointerId);
         } catch {
         }
-        E.current = {
-          startClientY: C.clientY,
-          startCenterY: a,
+        b.current = {
+          startClientY: N.clientY,
+          startCenterY: u,
           moved: !1
         };
       }
     },
-    [a]
-  ), T = k(
-    (C) => {
-      const P = E.current;
-      if (!P) return;
-      const F = C.clientY - P.startClientY;
-      !P.moved && Math.abs(F) > gr && (P.moved = !0, D(!0)), P.moved && s(w(P.startCenterY + F));
+    [u]
+  ), $ = E(
+    (N) => {
+      const M = b.current;
+      if (!M) return;
+      const F = N.clientY - M.startClientY;
+      !M.moved && Math.abs(F) > gr && (M.moved = !0, L(!0)), M.moved && c(m(M.startCenterY + F));
     },
-    [w]
-  ), z = k(
-    (C) => {
-      const P = E.current;
-      if (P) {
+    [m]
+  ), D = E(
+    (N) => {
+      const M = b.current;
+      if (M) {
         try {
-          C.currentTarget.releasePointerCapture(C.pointerId);
+          N.currentTarget.releasePointerCapture(N.pointerId);
         } catch {
         }
-        E.current = null, P.moved && (D(!1), b.current = !0, s((F) => (F !== null && Zt(F), F)));
+        b.current = null, M.moved && (L(!1), y.current = !0, c((F) => (F !== null && Zt(F), F)));
       }
     },
     []
-  ), _ = k(() => {
-    if (b.current) {
-      b.current = !1;
+  ), x = E(() => {
+    if (y.current) {
+      y.current = !1;
       return;
     }
-    o();
-  }, [o]), I = k(
-    (C) => {
-      if (C.key === "ArrowUp" || C.key === "ArrowDown") {
-        C.preventDefault();
-        const P = C.key === "ArrowUp" ? -8 : 8;
-        s((F) => {
+    i();
+  }, [i]), R = E(
+    (N) => {
+      if (N.key === "ArrowUp" || N.key === "ArrowDown") {
+        N.preventDefault();
+        const M = N.key === "ArrowUp" ? -8 : 8;
+        c((F) => {
           if (F === null) return F;
-          const G = w(F + P);
-          return Zt(G), G;
+          const re = m(F + M);
+          return Zt(re), re;
         });
       }
     },
-    [w]
-  ), q = [
+    [m]
+  ), B = [
     "ll-hidden",
-    `ll-hidden--${d}`,
+    `ll-hidden--${a}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
-    A ? "is-dragging" : null,
-    h ? "ll-hidden--with-avatar" : null
-  ].filter(Boolean).join(" "), O = a === null ? void 0 : { top: `${a - f / 2}px`, transform: "none" };
+    I ? "is-dragging" : null,
+    _ ? "ll-hidden--with-avatar" : null
+  ].filter(Boolean).join(" "), q = u === null ? void 0 : { top: `${u - f / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: q,
-      onPointerDown: R,
-      onPointerMove: T,
-      onPointerUp: z,
-      onPointerCancel: z,
-      onClick: _,
-      onKeyDown: I,
-      "aria-label": i,
+      className: B,
+      onPointerDown: S,
+      onPointerMove: $,
+      onPointerUp: D,
+      onPointerCancel: D,
+      onClick: x,
+      onKeyDown: R,
+      "aria-label": o,
       "data-position": e,
-      style: O,
-      children: h ? (
+      style: q,
+      children: _ ? (
         // Layout: tiny chevron flush against the inward edge (peeks out
         // as the click affordance), then the circular avatar photo
         // taking the rest of the tab. Reinforces "this is an
         // avatar-based experience" even when collapsed.
-        /* @__PURE__ */ y(it, { children: [
+        /* @__PURE__ */ v(ot, { children: [
           /* @__PURE__ */ n(
             Xt,
             {
-              direction: c,
+              direction: d,
               className: "ll-hidden__chevron ll-hidden__chevron--mini"
             }
           ),
@@ -800,7 +829,7 @@ const vr = ({
             "img",
             {
               src: l,
-              alt: u ? `${u} avatar` : "Agent avatar",
+              alt: s ? `${s} avatar` : "Agent avatar",
               className: "ll-hidden__avatar",
               draggable: !1
             }
@@ -809,7 +838,7 @@ const vr = ({
       ) : /* @__PURE__ */ n(
         Xt,
         {
-          direction: c,
+          direction: d,
           className: "ll-hidden__chevron"
         }
       )
@@ -819,44 +848,44 @@ const vr = ({
   audioLevel: e,
   bars: t = 20,
   maxHeight: r = 20,
-  minHeight: o = 4,
-  className: i,
+  minHeight: i = 4,
+  className: o,
   barClassName: l
 }) => {
-  const u = S(null), d = S([]), c = Ue(() => {
-    const h = (Math.sqrt(5) - 1) / 2;
-    return Array.from({ length: t }, (a, s) => 0.5 + s * h % 1 * 0.5);
+  const s = A(null), a = A([]), d = Ue(() => {
+    const _ = (Math.sqrt(5) - 1) / 2;
+    return Array.from({ length: t }, (u, c) => 0.5 + c * _ % 1 * 0.5);
   }, [t]);
-  N(() => e.subscribe((a) => {
-    for (let s = 0; s < t; s++) {
-      const A = d.current[s];
-      if (!A) continue;
-      const D = Math.max(o, a * r * c[s]);
-      A.style.height = `${D}px`;
+  T(() => e.subscribe((u) => {
+    for (let c = 0; c < t; c++) {
+      const I = a.current[c];
+      if (!I) continue;
+      const L = Math.max(i, u * r * d[c]);
+      I.style.height = `${L}px`;
     }
-  }), [e, t, r, o, c]);
-  const f = ["ll-waveform", i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: u, className: f, "aria-hidden": "true", children: Array.from({ length: t }, (h, a) => /* @__PURE__ */ n(
+  }), [e, t, r, i, d]);
+  const f = ["ll-waveform", o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: s, className: f, "aria-hidden": "true", children: Array.from({ length: t }, (_, u) => /* @__PURE__ */ n(
     "div",
     {
-      ref: (s) => {
-        d.current[a] = s;
+      ref: (c) => {
+        a.current[u] = c;
       },
       className: ["ll-waveform__bar", l].filter(Boolean).join(" "),
-      style: { height: `${o}px` }
+      style: { height: `${i}px` }
     },
-    a
+    u
   )) });
 }, wr = ({
   position: e,
   isMobile: t,
   agentName: r,
-  avatarImageUrl: o,
-  agentState: i,
+  avatarImageUrl: i,
+  agentState: o,
   isMuted: l,
-  audioLevel: u,
-  onExpand: d,
-  onToggleMute: c,
+  audioLevel: s,
+  onExpand: a,
+  onToggleMute: d,
   onClose: f
 }) => t ? /* @__PURE__ */ n(
   "div",
@@ -864,20 +893,20 @@ const vr = ({
     className: "ll-minimized ll-minimized--mobile",
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ y(
+    children: /* @__PURE__ */ v(
       "button",
       {
         type: "button",
         className: "ll-minimized__surface",
-        onClick: d,
+        onClick: a,
         "aria-label": `Expand ${r} widget`,
         children: [
-          o ? (
+          i ? (
             // eslint-disable-next-line @next/next/no-img-element
             /* @__PURE__ */ n(
               "img",
               {
-                src: o,
+                src: i,
                 alt: r,
                 className: "ll-minimized__avatar"
               }
@@ -886,25 +915,25 @@ const vr = ({
           /* @__PURE__ */ n(
             br,
             {
-              audioLevel: u,
+              audioLevel: s,
               bars: 16,
               maxHeight: 18,
               className: "ll-minimized__waveform"
             }
           ),
           /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
-          /* @__PURE__ */ y("div", { className: "ll-minimized__controls", children: [
+          /* @__PURE__ */ v("div", { className: "ll-minimized__controls", children: [
             /* @__PURE__ */ n(
               "span",
               {
                 className: "ll-minimized__btn",
                 role: "button",
                 tabIndex: 0,
-                onClick: (h) => {
-                  h.stopPropagation(), c();
+                onClick: (_) => {
+                  _.stopPropagation(), d();
                 },
-                onKeyDown: (h) => {
-                  (h.key === "Enter" || h.key === " ") && (h.stopPropagation(), h.preventDefault(), c());
+                onKeyDown: (_) => {
+                  (_.key === "Enter" || _.key === " ") && (_.stopPropagation(), _.preventDefault(), d());
                 },
                 "aria-label": l ? "Unmute microphone" : "Mute microphone",
                 children: /* @__PURE__ */ n(Jt, { muted: l, className: "ll-minimized__icon" })
@@ -923,29 +952,29 @@ const vr = ({
     "data-position": e,
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ y("div", { className: "ll-minimized__surface", children: [
-      o ? (
+    children: /* @__PURE__ */ v("div", { className: "ll-minimized__surface", children: [
+      i ? (
         // eslint-disable-next-line @next/next/no-img-element
         /* @__PURE__ */ n(
           "img",
           {
-            src: o,
+            src: i,
             alt: r,
             className: "ll-minimized__avatar"
           }
         )
       ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
-      /* @__PURE__ */ y("div", { className: "ll-minimized__meta", children: [
+      /* @__PURE__ */ v("div", { className: "ll-minimized__meta", children: [
         /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
-        /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: i === "speaking" ? "Speaking" : i === "thinking" ? "Thinking" : "Listening" })
+        /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: o === "speaking" ? "Speaking" : o === "thinking" ? "Thinking" : "Listening" })
       ] }),
-      /* @__PURE__ */ y("div", { className: "ll-minimized__controls", children: [
+      /* @__PURE__ */ v("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
           "button",
           {
             type: "button",
             className: "ll-minimized__btn",
-            onClick: c,
+            onClick: d,
             "aria-label": l ? "Unmute microphone" : "Mute microphone",
             children: /* @__PURE__ */ n(Jt, { muted: l, className: "ll-minimized__icon" })
           }
@@ -955,7 +984,7 @@ const vr = ({
           {
             type: "button",
             className: "ll-minimized__btn",
-            onClick: d,
+            onClick: a,
             "aria-label": `Expand ${r} widget`,
             children: /* @__PURE__ */ n(Kt, { className: "ll-minimized__icon" })
           }
@@ -977,14 +1006,14 @@ const vr = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
-  className: o,
-  style: i
+  className: i,
+  style: o
 }) => {
-  const [l, u] = L(!1), d = S(e);
-  if (N(() => {
-    d.current !== e && (d.current = e, u(!1));
+  const [l, s] = C(!1), a = A(e);
+  if (T(() => {
+    a.current !== e && (a.current = e, s(!1));
   }, [e]), !e) return null;
-  const c = {
+  const d = {
     position: "absolute",
     inset: 0,
     width: "100%",
@@ -994,7 +1023,7 @@ const vr = ({
     transition: "opacity 500ms ease, transform 500ms ease",
     transform: r ? "scale(1.02)" : "scale(1)",
     opacity: l ? 1 : 0,
-    ...i
+    ...o
   };
   return (
     // eslint-disable-next-line @next/next/no-img-element
@@ -1003,11 +1032,11 @@ const vr = ({
       {
         src: e,
         alt: t,
-        className: o,
-        style: c,
+        className: i,
+        style: d,
         loading: "eager",
         fetchPriority: "high",
-        onLoad: () => u(!0)
+        onLoad: () => s(!0)
       }
     )
   );
@@ -1015,42 +1044,42 @@ const vr = ({
   open: e,
   onClose: t,
   anchorRef: r,
-  children: o
+  children: i
 }) => {
-  const i = S(null), [l, u] = L(null);
+  const o = A(null), [l, s] = C(null);
   return Tn(() => {
     if (!e) {
-      u(null);
+      s(null);
       return;
     }
-    const d = r.current;
-    if (!d) return;
-    const c = () => {
-      const f = d.getBoundingClientRect(), h = {
+    const a = r.current;
+    if (!a) return;
+    const d = () => {
+      const f = a.getBoundingClientRect(), _ = {
         top: f.top - xr,
         left: f.left + f.width / 2
-      }, a = en + 90, s = window.innerWidth - en - 90;
-      h.left < a && (h.left = a), h.left > s && (h.left = s), u(h);
+      }, u = en + 90, c = window.innerWidth - en - 90;
+      _.left < u && (_.left = u), _.left > c && (_.left = c), s(_);
     };
-    return c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
-      window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
+    return d(), window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
+      window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
     };
-  }, [e, r]), N(() => {
+  }, [e, r]), T(() => {
     if (!e) return;
-    const d = (f) => {
-      const h = f.target, a = i.current, s = r.current;
-      a && a.contains(h) || s && s.contains(h) || t();
-    }, c = (f) => {
+    const a = (f) => {
+      const _ = f.target, u = o.current, c = r.current;
+      u && u.contains(_) || c && c.contains(_) || t();
+    }, d = (f) => {
       f.key === "Escape" && (f.stopPropagation(), t());
     };
-    return document.addEventListener("mousedown", d), document.addEventListener("keydown", c), () => {
-      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", c);
+    return document.addEventListener("mousedown", a), document.addEventListener("keydown", d), () => {
+      document.removeEventListener("mousedown", a), document.removeEventListener("keydown", d);
     };
   }, [e, t, r]), !e || l === null || typeof document > "u" ? null : On(
     /* @__PURE__ */ n(
       "div",
       {
-        ref: i,
+        ref: o,
         className: "ll-overflow-popover",
         role: "menu",
         style: {
@@ -1061,7 +1090,7 @@ const vr = ({
           left: l.left,
           transform: "translate(-50%, -100%)"
         },
-        children: o
+        children: i
       }
     ),
     document.body
@@ -1070,26 +1099,26 @@ const vr = ({
   isMuted: e,
   onToggleMute: t,
   isCameraEnabled: r,
-  onToggleCamera: o,
-  allowCamera: i,
+  onToggleCamera: i,
+  allowCamera: o,
   isScreenShareEnabled: l,
-  onToggleScreenShare: u,
-  allowScreenShare: d,
-  isSpeakerMuted: c,
+  onToggleScreenShare: s,
+  allowScreenShare: a,
+  isSpeakerMuted: d,
   onToggleSpeaker: f,
-  allowTyping: h,
-  isTypingOpen: a,
-  onToggleTyping: s,
-  onDisconnect: A
+  allowTyping: _,
+  isTypingOpen: u,
+  onToggleTyping: c,
+  onDisconnect: I
 }) => {
-  const [D, E] = L(!1), b = S(null);
-  return /* @__PURE__ */ y(it, { children: [
-    /* @__PURE__ */ y(
+  const [L, b] = C(!1), y = A(null);
+  return /* @__PURE__ */ v(ot, { children: [
+    /* @__PURE__ */ v(
       "div",
       {
         className: "ll-toolbar ll-toolbar--compact",
         "data-testid": "compact-toolbar",
-        onClick: (w) => w.stopPropagation(),
+        onClick: (m) => m.stopPropagation(),
         children: [
           /* @__PURE__ */ n(
             "button",
@@ -1104,13 +1133,13 @@ const vr = ({
           /* @__PURE__ */ n(
             "button",
             {
-              ref: b,
+              ref: y,
               type: "button",
-              className: `ll-tool ${D ? "is-on" : ""}`,
-              onClick: () => E((w) => !w),
+              className: `ll-tool ${L ? "is-on" : ""}`,
+              onClick: () => b((m) => !m),
               "aria-label": "More controls",
               "aria-haspopup": "menu",
-              "aria-expanded": D,
+              "aria-expanded": L,
               children: /* @__PURE__ */ n(Er, {})
             }
           ),
@@ -1119,7 +1148,7 @@ const vr = ({
             {
               type: "button",
               className: "ll-tool ll-tool--danger",
-              onClick: A,
+              onClick: I,
               "aria-label": "End conversation",
               children: /* @__PURE__ */ n(gn, {})
             }
@@ -1127,20 +1156,20 @@ const vr = ({
         ]
       }
     ),
-    /* @__PURE__ */ y(
+    /* @__PURE__ */ v(
       kr,
       {
-        open: D,
-        onClose: () => E(!1),
-        anchorRef: b,
+        open: L,
+        onClose: () => b(!1),
+        anchorRef: y,
         children: [
-          i && /* @__PURE__ */ y(
+          o && /* @__PURE__ */ v(
             "button",
             {
               type: "button",
               className: `ll-overflow-popover__item ${r ? "is-on" : ""}`,
               onClick: () => {
-                o(), E(!1);
+                i(), b(!1);
               },
               children: [
                 /* @__PURE__ */ n(pn, {}),
@@ -1148,13 +1177,13 @@ const vr = ({
               ]
             }
           ),
-          d && /* @__PURE__ */ y(
+          a && /* @__PURE__ */ v(
             "button",
             {
               type: "button",
               className: `ll-overflow-popover__item ${l ? "is-on" : ""}`,
               onClick: () => {
-                u(), E(!1);
+                s(), b(!1);
               },
               children: [
                 /* @__PURE__ */ n(fn, {}),
@@ -1162,35 +1191,35 @@ const vr = ({
               ]
             }
           ),
-          /* @__PURE__ */ y(
+          /* @__PURE__ */ v(
             "button",
             {
               type: "button",
-              className: `ll-overflow-popover__item ${c ? "is-on" : ""}`,
+              className: `ll-overflow-popover__item ${d ? "is-on" : ""}`,
               onClick: () => {
-                f(), E(!1);
+                f(), b(!1);
               },
               children: [
-                /* @__PURE__ */ n(mn, { muted: c }),
-                /* @__PURE__ */ n("span", { children: c ? "Unmute speaker" : "Mute speaker" })
+                /* @__PURE__ */ n(mn, { muted: d }),
+                /* @__PURE__ */ n("span", { children: d ? "Unmute speaker" : "Mute speaker" })
               ]
             }
           ),
-          h && /* @__PURE__ */ y(
+          _ && /* @__PURE__ */ v(
             "button",
             {
               type: "button",
-              className: `ll-overflow-popover__item ${a ? "is-on" : ""}`,
+              className: `ll-overflow-popover__item ${u ? "is-on" : ""}`,
               onClick: () => {
-                s(), E(!1);
+                c(), b(!1);
               },
               children: [
                 /* @__PURE__ */ n(Cr, {}),
-                /* @__PURE__ */ n("span", { children: a ? "Hide typing" : "Type a message" })
+                /* @__PURE__ */ n("span", { children: u ? "Hide typing" : "Type a message" })
               ]
             }
           ),
-          /* @__PURE__ */ y(
+          /* @__PURE__ */ v(
             "button",
             {
               type: "button",
@@ -1209,7 +1238,7 @@ const vr = ({
   ] });
 };
 function Er() {
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ v(
     "svg",
     {
       width: "16",
@@ -1246,148 +1275,150 @@ const Sr = ({
   position: e,
   isMobile: t,
   agentName: r,
-  avatarImageUrl: o,
-  idleLoopUrl: i,
+  avatarImageUrl: i,
+  idleLoopUrl: o,
   greeting: l,
-  branding: u,
-  teamMembers: d,
-  currentTeamMemberId: c,
+  branding: s,
+  teamMembers: a,
+  currentTeamMemberId: d,
   isSwitchingTeamMember: f,
-  teamSwitcherOpen: h,
-  onToggleTeamSwitcher: a,
-  onSelectTeamMember: s,
-  languageMenuOpen: A,
-  onToggleLanguageMenu: D,
-  connectionState: E,
-  agentState: b,
-  transcript: w,
-  canResume: R,
-  needsUserGesture: T,
-  error: z,
-  isMuted: _,
-  micError: I,
-  micDevices: q,
-  isCameraEnabled: O,
-  cameraPreviewEl: C,
-  cameraDevices: P,
-  activeCameraId: F,
-  isScreenShareEnabled: G,
-  screenPreviewEl: le,
-  isSpeakerMuted: ee,
-  allowCamera: Le,
-  allowScreenShare: ue,
-  allowTyping: ve,
-  showMinimize: fe = !0,
-  chromeless: ae = !1,
-  compactControls: X = !1,
+  teamSwitcherOpen: _,
+  onToggleTeamSwitcher: u,
+  onSelectTeamMember: c,
+  languageMenuOpen: I,
+  onToggleLanguageMenu: L,
+  connectionState: b,
+  agentState: y,
+  transcript: m,
+  canResume: S,
+  needsUserGesture: $,
+  error: D,
+  isMuted: x,
+  micError: R,
+  micDevices: B,
+  activeMicId: q,
+  isCameraEnabled: N,
+  cameraPreviewEl: M,
+  cameraDevices: F,
+  activeCameraId: re,
+  isScreenShareEnabled: ie,
+  screenPreviewEl: Z,
+  isSpeakerMuted: ae,
+  allowCamera: fe,
+  allowScreenShare: ve,
+  allowTyping: pe,
+  showMinimize: be = !0,
+  chromeless: he = !1,
+  compactControls: ee = !1,
   transforming: at,
   transformingLabel: je,
-  avatarVideoContainerRef: st,
-  agentVideoEl: ne,
+  avatarVideoContainerRef: ct,
+  agentVideoEl: oe,
   onConnect: Ve,
   onDisconnect: Ye,
-  onRetry: ct,
-  onResumeAudio: Ge,
-  onToggleMute: Ee,
-  onToggleCamera: Ce,
-  onSwitchCameraDevice: Pe,
-  onToggleScreenShare: Se,
-  onToggleSpeaker: Ne,
-  onSendMessage: Ae,
-  onMinimize: Re,
-  onClose: $,
+  onRetry: Ge,
+  onResumeAudio: De,
+  onToggleMute: Ae,
+  onSwitchMicDevice: Pe,
+  onToggleCamera: Re,
+  onSwitchCameraDevice: $e,
+  onToggleScreenShare: Ie,
+  onToggleSpeaker: Te,
+  onSendMessage: z,
+  onMinimize: st,
+  onClose: dt,
   onClearMicError: vt
 }) => {
-  var He;
-  const Ie = ((d == null ? void 0 : d.length) ?? 0) > 1, $e = E === "connecting" || E === "connected", re = E === "connected", Je = E === "idle" || E === "disconnected" || E === "error", [Te, ze] = L(!1);
-  N(() => {
-    if (!ne) {
-      ze(!1);
+  var Me;
+  const we = ((a == null ? void 0 : a.length) ?? 0) > 1, _e = b === "connecting" || b === "connected", te = b === "connected", bt = b === "idle" || b === "disconnected" || b === "error", [Je, ce] = C(!1);
+  T(() => {
+    if (!oe) {
+      ce(!1);
       return;
     }
-    if (!ne.paused && ne.readyState >= 2) {
-      ze(!0);
+    if (!oe.paused && oe.readyState >= 2) {
+      ce(!0);
       return;
     }
-    ze(!1);
-    const m = () => ze(!0);
-    return ne.addEventListener("playing", m), ne.addEventListener("loadeddata", m), () => {
-      ne.removeEventListener("playing", m), ne.removeEventListener("loadeddata", m);
+    ce(!1);
+    const h = () => ce(!0);
+    return oe.addEventListener("playing", h), oe.addEventListener("loadeddata", h), () => {
+      oe.removeEventListener("playing", h), oe.removeEventListener("loadeddata", h);
     };
-  }, [ne]);
-  const [bt, be] = L(!1);
-  N(() => {
-    if (!re) {
-      be(!1);
+  }, [oe]);
+  const [X, Ke] = C(!1);
+  T(() => {
+    if (!te) {
+      Ke(!1);
       return;
     }
-    if (Te) return;
-    const m = setTimeout(() => be(!0), 8e3);
-    return () => clearTimeout(m);
-  }, [re, Te]);
-  const Q = E === "connecting" || re && !!o && !Te && !bt, Ke = S(null), Me = S(null);
-  N(() => {
-    const m = Ke.current;
-    m && (m.innerHTML = "", C && (C.style.width = "100%", C.style.height = "100%", C.style.objectFit = "cover", C.style.transform = "scaleX(-1)", m.appendChild(C)));
-  }, [C]), N(() => {
-    const m = Me.current;
-    m && (m.innerHTML = "", le && (le.style.width = "100%", le.style.height = "100%", le.style.objectFit = "contain", m.appendChild(le)));
-  }, [le]);
-  const [se, te] = L(!1), [pe, we] = L(!1);
-  N(() => {
-    if (!se && !pe && !A && !h) return;
-    const m = () => {
-      te(!1), we(!1), A && D(), h && a();
+    if (Je) return;
+    const h = setTimeout(() => Ke(!0), 8e3);
+    return () => clearTimeout(h);
+  }, [te, Je]);
+  const ze = b === "connecting" || te && !!i && !Je && !X, xe = A(null), se = A(null);
+  T(() => {
+    const h = xe.current;
+    h && (h.innerHTML = "", M && (M.style.width = "100%", M.style.height = "100%", M.style.objectFit = "cover", M.style.transform = "scaleX(-1)", h.appendChild(M)));
+  }, [M]), T(() => {
+    const h = se.current;
+    h && (h.innerHTML = "", Z && (Z.style.width = "100%", Z.style.height = "100%", Z.style.objectFit = "contain", h.appendChild(Z)));
+  }, [Z]);
+  const [me, ke] = C(!1), [G, ne] = C(!1);
+  T(() => {
+    if (!me && !G && !I && !_) return;
+    const h = () => {
+      ke(!1), ne(!1), I && L(), _ && u();
     };
-    return document.addEventListener("click", m), () => document.removeEventListener("click", m);
+    return document.addEventListener("click", h), () => document.removeEventListener("click", h);
   }, [
-    se,
-    pe,
-    A,
-    h,
-    D,
-    a
+    me,
+    G,
+    I,
+    _,
+    L,
+    u
   ]);
-  const [oe, he] = L(!1), De = k(() => he((m) => !m), []), [_e, dt] = L(""), Xe = k(
-    (m) => {
-      m.preventDefault();
-      const V = _e.trim();
-      V && (Ae(V), dt(""));
+  const [Le, Xe] = C(!1), wt = E(() => Xe((h) => !h), []), [Ee, Oe] = C(""), ut = E(
+    (h) => {
+      h.preventDefault();
+      const V = Ee.trim();
+      V && (z(V), Oe(""));
     },
-    [_e, Ae]
-  ), Qe = u.productName || "Live Layer";
-  let me = null, ce = null;
-  for (let m = w.length - 1; m >= 0; m--) {
-    const V = w[m];
-    if (!me && V.role === "agent" ? me = V : !ce && V.role === "user" && (ce = V), me && ce) break;
+    [Ee, z]
+  ), Qe = s.productName || "Live Layer";
+  let de = null, Ce = null;
+  for (let h = m.length - 1; h >= 0; h--) {
+    const V = m[h];
+    if (!de && V.role === "agent" ? de = V : !Ce && V.role === "user" && (Ce = V), de && Ce) break;
   }
-  const Oe = re ? (me == null ? void 0 : me.text) || null : l || null, ut = re && (ce == null ? void 0 : ce.text) || null, wt = [
+  const ft = te ? (de == null ? void 0 : de.text) || null : l || null, He = te && (Ce == null ? void 0 : Ce.text) || null, _t = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ v(
     "div",
     {
-      className: wt,
+      className: _t,
       "data-position": e,
-      "data-state": re ? "connected" : $e ? "connecting" : "idle",
+      "data-state": te ? "connected" : _e ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
-        /* @__PURE__ */ y("div", { className: "ll-expanded__bg", children: [
-          o ? /* @__PURE__ */ n(
+        /* @__PURE__ */ v("div", { className: "ll-expanded__bg", children: [
+          i ? /* @__PURE__ */ n(
             _r,
             {
-              src: o,
+              src: i,
               alt: r,
               className: "ll-expanded__bg-img"
             }
-          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((He = r == null ? void 0 : r.charAt(0)) == null ? void 0 : He.toUpperCase()) || "A" }) }),
-          i && !re && /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Me = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Me.toUpperCase()) || "A" }) }),
+          o && !te && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
-              src: i,
+              src: o,
               autoPlay: !0,
               loop: !0,
               muted: !0,
@@ -1395,24 +1426,24 @@ const Sr = ({
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { ref: st, className: "ll-expanded__video" }),
-        Q && /* @__PURE__ */ y("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        /* @__PURE__ */ n("div", { ref: ct, className: "ll-expanded__video" }),
+        ze && /* @__PURE__ */ v("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
           /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
           /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: f ? "Switching..." : "Connecting..." })
         ] }),
-        T && re && /* @__PURE__ */ y(
+        $ && te && /* @__PURE__ */ v(
           "button",
           {
             type: "button",
             className: "ll-expanded__overlay ll-expanded__overlay--gesture",
-            onClick: Ge,
+            onClick: De,
             children: [
               /* @__PURE__ */ n("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("path", { d: "M3 9v6h4l5 5V4L7 9H3zm13.54.12a5 5 0 0 1 0 5.76l-1.41-1.41a3 3 0 0 0 0-2.94L16.54 9.12z" }) }),
               /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: "Tap to enable audio" })
             ]
           }
         ),
-        at && /* @__PURE__ */ y(
+        at && /* @__PURE__ */ v(
           "div",
           {
             className: "ll-expanded__overlay ll-expanded__overlay--transforming",
@@ -1425,69 +1456,69 @@ const Sr = ({
             ]
           }
         ),
-        $e ? /* @__PURE__ */ y(it, { children: [
-          !X && /* @__PURE__ */ y("div", { className: "ll-expanded__topbar", children: [
-            !ae && /* @__PURE__ */ y("div", { className: "ll-expanded__topbar-left", children: [
-              /* @__PURE__ */ y("div", { className: "ll-expanded__pill-wrap", children: [
-                /* @__PURE__ */ y(
+        _e ? /* @__PURE__ */ v(ot, { children: [
+          !ee && /* @__PURE__ */ v("div", { className: "ll-expanded__topbar", children: [
+            !he && /* @__PURE__ */ v("div", { className: "ll-expanded__topbar-left", children: [
+              /* @__PURE__ */ v("div", { className: "ll-expanded__pill-wrap", children: [
+                /* @__PURE__ */ v(
                   "button",
                   {
                     type: "button",
                     className: "ll-hpill",
-                    onClick: (m) => {
-                      Ie && (m.stopPropagation(), a());
+                    onClick: (h) => {
+                      we && (h.stopPropagation(), u());
                     },
-                    "aria-haspopup": Ie ? "listbox" : void 0,
-                    "aria-expanded": Ie ? h : void 0,
+                    "aria-haspopup": we ? "listbox" : void 0,
+                    "aria-expanded": we ? _ : void 0,
                     children: [
                       /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                      Ie && /* @__PURE__ */ n(ht, {})
+                      we && /* @__PURE__ */ n(ht, {})
                     ]
                   }
                 ),
-                Ie && h && /* @__PURE__ */ n(
+                we && _ && /* @__PURE__ */ n(
                   "div",
                   {
                     className: "ll-hmenu",
-                    onClick: (m) => m.stopPropagation(),
+                    onClick: (h) => h.stopPropagation(),
                     role: "listbox",
-                    children: d == null ? void 0 : d.map((m) => /* @__PURE__ */ y(
+                    children: a == null ? void 0 : a.map((h) => /* @__PURE__ */ v(
                       "button",
                       {
                         type: "button",
-                        className: `ll-hmenu__item ${m.id === c ? "is-active" : ""}`,
-                        onClick: () => s(m.id),
+                        className: `ll-hmenu__item ${h.id === d ? "is-active" : ""}`,
+                        onClick: () => c(h.id),
                         role: "option",
-                        "aria-selected": m.id === c,
+                        "aria-selected": h.id === d,
                         children: [
-                          m.avatarImageUrl && /* @__PURE__ */ n(
+                          h.avatarImageUrl && /* @__PURE__ */ n(
                             "img",
                             {
-                              src: m.avatarImageUrl,
+                              src: h.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: h.name }),
+                          h.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: h.role })
                         ]
                       },
-                      m.id
+                      h.id
                     ))
                   }
                 )
               ] }),
-              /* @__PURE__ */ y("div", { className: "ll-expanded__pill-wrap", children: [
-                /* @__PURE__ */ y(
+              /* @__PURE__ */ v("div", { className: "ll-expanded__pill-wrap", children: [
+                /* @__PURE__ */ v(
                   "button",
                   {
                     type: "button",
                     className: "ll-hpill ll-hpill--compact",
-                    onClick: (m) => {
-                      m.stopPropagation(), D();
+                    onClick: (h) => {
+                      h.stopPropagation(), L();
                     },
                     "aria-haspopup": "listbox",
-                    "aria-expanded": A,
+                    "aria-expanded": I,
                     "aria-label": "Language: English",
                     title: "Language: English",
                     children: [
@@ -1496,11 +1527,11 @@ const Sr = ({
                     ]
                   }
                 ),
-                A && /* @__PURE__ */ n(
+                I && /* @__PURE__ */ n(
                   "div",
                   {
                     className: "ll-hmenu",
-                    onClick: (m) => m.stopPropagation(),
+                    onClick: (h) => h.stopPropagation(),
                     role: "listbox",
                     children: /* @__PURE__ */ n(
                       "button",
@@ -1518,18 +1549,18 @@ const Sr = ({
               /* @__PURE__ */ n(
                 "span",
                 {
-                  className: `ll-expanded__state ll-expanded__state--${b}`,
-                  children: b
+                  className: `ll-expanded__state ll-expanded__state--${y}`,
+                  children: y
                 }
               )
             ] }),
-            /* @__PURE__ */ y("div", { className: "ll-expanded__header-actions", children: [
-              fe !== !1 && /* @__PURE__ */ n(
+            /* @__PURE__ */ v("div", { className: "ll-expanded__header-actions", children: [
+              be !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn",
-                  onClick: Re,
+                  onClick: st,
                   "aria-label": "Minimize widget",
                   title: "Minimize",
                   children: /* @__PURE__ */ n(nn, {})
@@ -1540,7 +1571,7 @@ const Sr = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: $,
+                  onClick: dt,
                   "aria-label": "End call",
                   title: "End call",
                   children: /* @__PURE__ */ n(tn, {})
@@ -1548,24 +1579,24 @@ const Sr = ({
               )
             ] })
           ] }),
-          X && /* @__PURE__ */ y("div", { className: "ll-compact-status", "data-state": b, children: [
+          ee && /* @__PURE__ */ v("div", { className: "ll-compact-status", "data-state": y, children: [
             /* @__PURE__ */ n("span", { className: "ll-compact-status__dot", "aria-hidden": !0 }),
-            /* @__PURE__ */ n("span", { className: "ll-compact-status__label", children: b })
+            /* @__PURE__ */ n("span", { className: "ll-compact-status__label", children: y })
           ] })
         ] }) : (
           // 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.
-          !X && /* @__PURE__ */ y("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
+          !ee && /* @__PURE__ */ v("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
             /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Qe }),
-            /* @__PURE__ */ y("div", { className: "ll-expanded__header-actions", children: [
-              fe !== !1 && /* @__PURE__ */ n(
+            /* @__PURE__ */ v("div", { className: "ll-expanded__header-actions", children: [
+              be !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: Re,
+                  onClick: st,
                   "aria-label": "Minimize widget",
                   children: /* @__PURE__ */ n(nn, {})
                 }
@@ -1575,7 +1606,7 @@ const Sr = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: $,
+                  onClick: dt,
                   "aria-label": "Close widget",
                   children: /* @__PURE__ */ n(tn, {})
                 }
@@ -1583,23 +1614,23 @@ const Sr = ({
             ] })
           ] })
         ),
-        Je && /* @__PURE__ */ (() => {
-          const m = R ? "Resume session" : E === "disconnected" ? "Reconnect to agent" : "Start video call";
-          return /* @__PURE__ */ y(it, { children: [
-            !z && /* @__PURE__ */ y(
+        bt && /* @__PURE__ */ (() => {
+          const h = S ? "Resume session" : b === "disconnected" ? "Reconnect to agent" : "Start video call";
+          return /* @__PURE__ */ v(ot, { children: [
+            !D && /* @__PURE__ */ v(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
                 onClick: Ve,
-                "aria-label": m,
+                "aria-label": h,
                 children: [
                   /* @__PURE__ */ n("div", { className: "ll-expanded__play-circle", children: /* @__PURE__ */ n("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("polygon", { points: "6 3 20 12 6 21 6 3" }) }) }),
-                  X && /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: m })
+                  ee && /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: h })
                 ]
               }
             ),
-            !X && /* @__PURE__ */ y("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
+            !ee && /* @__PURE__ */ v("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
               l && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: l }) }),
               /* @__PURE__ */ n(
                 "button",
@@ -1607,73 +1638,73 @@ const Sr = ({
                   type: "button",
                   className: "ll-expanded__cta",
                   onClick: Ve,
-                  "aria-label": m,
-                  children: m
+                  "aria-label": h,
+                  children: h
                 }
               )
             ] })
           ] });
         })(),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ v(
           "div",
           {
-            className: `ll-expanded__pip ${$e && (O || G) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${_e && (N || ie) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: Me,
-                  className: G ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: se,
+                  className: ie ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: Ke,
-                  className: !G && O ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: xe,
+                  className: !ie && N ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        $e ? /* @__PURE__ */ y("div", { className: "ll-expanded__bottom", children: [
-          !X && Oe && /* @__PURE__ */ n(
+        _e ? /* @__PURE__ */ v("div", { className: "ll-expanded__bottom", children: [
+          !ee && ft && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--agent",
               "data-role": "agent",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Oe })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: ft })
             }
           ),
-          !X && ut && /* @__PURE__ */ n(
+          !ee && He && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--user",
               "data-role": "user",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: ut })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: He })
             }
           ),
-          !ae && !X && /* @__PURE__ */ y("div", { className: "ll-toolbar", onClick: (m) => m.stopPropagation(), children: [
-            ue && /* @__PURE__ */ n(
+          !he && !ee && /* @__PURE__ */ v("div", { className: "ll-toolbar", onClick: (h) => h.stopPropagation(), children: [
+            ve && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${G ? "is-on" : ""}`,
-                onClick: Se,
-                "aria-label": G ? "Stop sharing screen" : "Share screen",
-                title: G ? "Stop sharing" : "Share screen",
+                className: `ll-tool ${ie ? "is-on" : ""}`,
+                onClick: Ie,
+                "aria-label": ie ? "Stop sharing screen" : "Share screen",
+                title: ie ? "Stop sharing" : "Share screen",
                 children: /* @__PURE__ */ n(fn, {})
               }
             ),
-            Le && /* @__PURE__ */ y("div", { className: "ll-tool-split", children: [
+            fe && /* @__PURE__ */ v("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${O ? "is-on" : ""}`,
-                  onClick: Ce,
-                  "aria-label": O ? "Turn off camera" : "Turn on camera",
-                  title: O ? "Stop camera" : "Start camera",
+                  className: `ll-tool ll-tool--left ${N ? "is-on" : ""}`,
+                  onClick: Re,
+                  "aria-label": N ? "Turn off camera" : "Turn on camera",
+                  title: N ? "Stop camera" : "Start camera",
                   children: /* @__PURE__ */ n(pn, {})
                 }
               ),
@@ -1681,61 +1712,63 @@ const Sr = ({
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--right ${O ? "is-on" : ""}`,
-                  onClick: (m) => {
-                    m.stopPropagation(), we((V) => !V), te(!1);
+                  className: `ll-tool ll-tool--right ${N ? "is-on" : ""}`,
+                  onClick: (h) => {
+                    h.stopPropagation(), ne((V) => !V), ke(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": pe,
+                  "aria-expanded": G,
                   children: /* @__PURE__ */ n(ht, {})
                 }
               ),
-              pe && P.length > 0 && /* @__PURE__ */ n(
+              G && F.length > 0 && /* @__PURE__ */ n(
                 rn,
                 {
                   label: "Camera",
-                  devices: P,
-                  activeId: F,
-                  onPick: (m) => {
-                    we(!1), Pe(m);
+                  devices: F,
+                  activeId: re,
+                  onPick: (h) => {
+                    ne(!1), $e(h);
                   }
                 }
               )
             ] }),
-            /* @__PURE__ */ y("div", { className: "ll-tool-split", children: [
+            /* @__PURE__ */ v("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${_ ? "is-muted" : ""}`,
-                  onClick: Ee,
-                  "aria-label": _ ? "Unmute microphone" : "Mute microphone",
-                  title: _ ? "Unmute" : "Mute",
-                  children: /* @__PURE__ */ n(hn, { muted: _ })
+                  className: `ll-tool ll-tool--left ${x ? "is-muted" : ""}`,
+                  onClick: Ae,
+                  "aria-label": x ? "Unmute microphone" : "Mute microphone",
+                  title: x ? "Unmute" : "Mute",
+                  children: /* @__PURE__ */ n(hn, { muted: x })
                 }
               ),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--right ${_ ? "is-muted" : ""}`,
-                  onClick: (m) => {
-                    m.stopPropagation(), te((V) => !V), we(!1);
+                  className: `ll-tool ll-tool--right ${x ? "is-muted" : ""}`,
+                  onClick: (h) => {
+                    h.stopPropagation(), ke((V) => !V), ne(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": se,
+                  "aria-expanded": me,
                   children: /* @__PURE__ */ n(ht, {})
                 }
               ),
-              se && q.length > 0 && /* @__PURE__ */ n(
+              me && B.length > 0 && /* @__PURE__ */ n(
                 rn,
                 {
                   label: "Microphone",
-                  devices: q,
-                  activeId: "",
-                  onPick: () => te(!1)
+                  devices: B,
+                  activeId: q,
+                  onPick: (h) => {
+                    ke(!1), Pe(h);
+                  }
                 }
               )
             ] }),
@@ -1743,11 +1776,11 @@ const Sr = ({
               "button",
               {
                 type: "button",
-                className: `ll-tool ${ee ? "is-muted" : ""}`,
-                onClick: Ne,
-                "aria-label": ee ? "Unmute speaker" : "Mute speaker",
-                title: ee ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(mn, { muted: ee })
+                className: `ll-tool ${ae ? "is-muted" : ""}`,
+                onClick: Te,
+                "aria-label": ae ? "Unmute speaker" : "Mute speaker",
+                title: ae ? "Unmute speaker" : "Mute speaker",
+                children: /* @__PURE__ */ n(mn, { muted: ae })
               }
             ),
             /* @__PURE__ */ n(
@@ -1762,38 +1795,38 @@ const Sr = ({
               }
             )
           ] }),
-          !ae && X && /* @__PURE__ */ n(
+          !he && ee && /* @__PURE__ */ n(
             Lr,
             {
-              isMuted: _,
-              onToggleMute: Ee,
-              isCameraEnabled: O,
-              onToggleCamera: Ce,
-              allowCamera: Le,
-              isScreenShareEnabled: G,
-              onToggleScreenShare: Se,
-              allowScreenShare: ue,
-              isSpeakerMuted: ee,
-              onToggleSpeaker: Ne,
-              allowTyping: ve,
-              isTypingOpen: oe,
-              onToggleTyping: De,
+              isMuted: x,
+              onToggleMute: Ae,
+              isCameraEnabled: N,
+              onToggleCamera: Re,
+              allowCamera: fe,
+              isScreenShareEnabled: ie,
+              onToggleScreenShare: Ie,
+              allowScreenShare: ve,
+              isSpeakerMuted: ae,
+              onToggleSpeaker: Te,
+              allowTyping: pe,
+              isTypingOpen: Le,
+              onToggleTyping: wt,
               onDisconnect: Ye
             }
           ),
-          !ae && ve && (X ? oe : !0) && /* @__PURE__ */ y("form", { className: "ll-message-input", onSubmit: Xe, children: [
+          !he && pe && (ee ? Le : !0) && /* @__PURE__ */ v("form", { className: "ll-message-input", onSubmit: ut, children: [
             /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: _e,
-                onChange: (m) => dt(m.target.value),
+                value: Ee,
+                onChange: (h) => Oe(h.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            _e.trim() && /* @__PURE__ */ n(
+            Ee.trim() && /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
@@ -1805,9 +1838,9 @@ const Sr = ({
           ] })
         ] }) : null,
         (() => {
-          if (I && E !== "error")
-            return /* @__PURE__ */ y("div", { className: "ll-expanded__banner", role: "alert", children: [
-              /* @__PURE__ */ n("span", { children: I }),
+          if (R && b !== "error")
+            return /* @__PURE__ */ v("div", { className: "ll-expanded__banner", role: "alert", children: [
+              /* @__PURE__ */ n("span", { children: R }),
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1819,16 +1852,16 @@ const Sr = ({
                 }
               )
             ] });
-          if (!z || E !== "error") return null;
-          let m = "Failed to connect", V = "Try again";
-          return z === "MIC_PERMISSION_DENIED" ? m = "Microphone blocked. Allow access to talk." : z === "MIC_NOT_FOUND" ? m = "No microphone found. Plug one in + retry." : z === "MIC_UNAVAILABLE" ? m = "Mic unavailable. Check other apps using it." : z === "AGENT_TIMEOUT" ? m = "Agent didn't pick up. Try again." : z === "CONNECT_FAILED" ? m = "Connection failed. Check your network." : z.length < 80 && (m = z), /* @__PURE__ */ y("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
-            /* @__PURE__ */ n("span", { children: m }),
+          if (!D || b !== "error") return null;
+          let h = "Failed to connect", V = "Try again";
+          return D === "MIC_PERMISSION_DENIED" ? h = "Microphone blocked. Allow access to talk." : D === "MIC_NOT_FOUND" ? h = "No microphone found. Plug one in + retry." : D === "MIC_UNAVAILABLE" ? h = "Mic unavailable. Check other apps using it." : D === "AGENT_TIMEOUT" ? h = "Agent didn't pick up. Try again." : D === "CONNECT_FAILED" ? h = "Connection failed. Check your network." : D.length < 80 && (h = D), /* @__PURE__ */ v("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+            /* @__PURE__ */ n("span", { children: h }),
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: ct,
+                onClick: Ge,
                 children: V
               }
             )
@@ -1842,7 +1875,7 @@ function ht() {
   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 tn() {
-  return /* @__PURE__ */ y("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ v("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" })
   ] });
@@ -1851,20 +1884,20 @@ function nn() {
   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 fn() {
-  return /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ v("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 pn() {
-  return /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ v("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 hn({ muted: e }) {
-  return /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ v("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" }),
@@ -1872,16 +1905,16 @@ function hn({ muted: e }) {
   ] });
 }
 function mn({ muted: e }) {
-  return /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ v("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ y(it, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ v(ot, { 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 Nr() {
-  return /* @__PURE__ */ y("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ v("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" })
   ] });
@@ -1895,30 +1928,30 @@ function gn() {
     }
   ) });
 }
-const rn = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ y(
+const rn = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ v(
   "div",
   {
     className: "ll-device-menu",
-    onClick: (i) => i.stopPropagation(),
+    onClick: (o) => o.stopPropagation(),
     role: "listbox",
     children: [
       /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
-      t.map((i, l) => {
-        const u = r === i.deviceId;
-        return /* @__PURE__ */ y(
+      t.map((o, l) => {
+        const s = r === o.deviceId;
+        return /* @__PURE__ */ v(
           "button",
           {
             type: "button",
-            className: `ll-device-menu__item ${u ? "is-active" : ""}`,
-            onClick: () => o(i.deviceId),
+            className: `ll-device-menu__item ${s ? "is-active" : ""}`,
+            onClick: () => i(o.deviceId),
             role: "option",
-            "aria-selected": u,
+            "aria-selected": s,
             children: [
-              u && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
-              /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: i.label || `${e} ${l + 1}` })
+              s && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
+              /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: o.label || `${e} ${l + 1}` })
             ]
           },
-          i.deviceId || l
+          o.deviceId || l
         );
       })
     ]
@@ -1963,12 +1996,12 @@ function rt(e) {
   }
   return !1;
 }
-function ot(e) {
+function it(e) {
   if (typeof window > "u") return !0;
   const t = e.getBoundingClientRect();
   if (t.width <= 0 || t.height <= 0) return !1;
-  const r = window.innerHeight || document.documentElement.clientHeight, o = window.innerWidth || document.documentElement.clientWidth;
-  return t.bottom > 0 && t.right > 0 && t.top < r && t.left < o;
+  const r = window.innerHeight || document.documentElement.clientHeight, i = window.innerWidth || document.documentElement.clientWidth;
+  return t.bottom > 0 && t.right > 0 && t.top < r && t.left < i;
 }
 function ln(e) {
   const t = e.getAttribute("id");
@@ -1978,10 +2011,10 @@ function ln(e) {
   }
   const r = e.getAttribute("aria-label");
   if (r) return r.trim();
-  const o = e.getAttribute("placeholder");
-  if (o) return o.trim();
-  const i = e.closest("label");
-  return i != null && i.textContent ? i.textContent.trim() : "";
+  const i = e.getAttribute("placeholder");
+  if (i) return i.trim();
+  const o = e.closest("label");
+  return o != null && o.textContent ? o.textContent.trim() : "";
 }
 function ye(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
@@ -2003,114 +2036,114 @@ function zr(e, t = {}) {
       forms: [],
       extras: e
     };
-  const o = typeof window < "u" && window.location.href || "", i = typeof window < "u" && window.location.pathname || "/", l = r.title || "", u = Array.from(
+  const i = typeof window < "u" && window.location.href || "", o = typeof window < "u" && window.location.pathname || "/", l = r.title || "", s = Array.from(
     r.querySelectorAll("[data-ll-region]")
-  ), d = [];
-  for (const _ of u) {
-    if (d.length >= Tr) break;
-    if (rt(_) || !ot(_)) continue;
-    const I = _.getAttribute("data-ll-region") ?? "", q = _.getAttribute("data-ll-intent") ?? void 0, O = ye(
-      (_.innerText || _.textContent || "").trim(),
+  ), a = [];
+  for (const x of s) {
+    if (a.length >= Tr) break;
+    if (rt(x) || !it(x)) continue;
+    const R = x.getAttribute("data-ll-region") ?? "", B = x.getAttribute("data-ll-intent") ?? void 0, q = ye(
+      (x.innerText || x.textContent || "").trim(),
       on * 2
     );
-    !I || !O || d.push({ id: I, intent: q, text: O });
+    !R || !q || a.push({ id: R, intent: B, text: q });
   }
-  const c = [], f = ["H1", "H2", "H3", "H4", "H5", "H6"], h = Array.from(
+  const d = [], f = ["H1", "H2", "H3", "H4", "H5", "H6"], _ = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
-  for (const _ of h) {
-    if (rt(_) || !ot(_)) continue;
-    const I = (_.textContent || "").trim();
-    I && c.push(`${_.tagName}: ${ye(I, 200)}`);
+  for (const x of _) {
+    if (rt(x) || !it(x)) continue;
+    const R = (x.textContent || "").trim();
+    R && d.push(`${x.tagName}: ${ye(R, 200)}`);
   }
-  const a = Array.from(r.querySelectorAll("p, li"));
-  for (const _ of a) {
-    if (rt(_) || !ot(_) || f.includes(_.tagName)) continue;
-    const I = (_.textContent || "").trim();
-    I.length > 10 && c.push(ye(I, on));
+  const u = Array.from(r.querySelectorAll("p, li"));
+  for (const x of u) {
+    if (rt(x) || !it(x) || f.includes(x.tagName)) continue;
+    const R = (x.textContent || "").trim();
+    R.length > 10 && d.push(ye(R, on));
   }
-  const s = c.join(`
-`), A = [], D = Array.from(r.querySelectorAll("a[href]"));
-  for (const _ of D) {
-    if (A.length >= Rr) break;
-    if (rt(_) || !ot(_)) continue;
-    const I = _.getAttribute("href") || "", q = (_.textContent || "").trim();
-    !I || !q || A.push({ href: I, text: ye(q, 100) });
+  const c = d.join(`
+`), I = [], L = Array.from(r.querySelectorAll("a[href]"));
+  for (const x of L) {
+    if (I.length >= Rr) break;
+    if (rt(x) || !it(x)) continue;
+    const R = x.getAttribute("href") || "", B = (x.textContent || "").trim();
+    !R || !B || I.push({ href: R, text: ye(B, 100) });
   }
-  const E = [], b = Array.from(
+  const b = [], y = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
-  for (const _ of b) {
-    if (E.length >= Ir) break;
-    if (rt(_) || !yt(_) || !ot(_)) continue;
-    const I = ln(_), q = _ instanceof HTMLInputElement ? _.type : _.tagName.toLowerCase();
-    I && E.push({ label: ye(I, 100), type: q });
+  for (const x of y) {
+    if (b.length >= Ir) break;
+    if (rt(x) || !yt(x) || !it(x)) continue;
+    const R = ln(x), B = x instanceof HTMLInputElement ? x.type : x.tagName.toLowerCase();
+    R && b.push({ label: ye(R, 100), type: B });
   }
-  const w = Array.from(
+  const m = Array.from(
     r.querySelectorAll("[data-ll-form]")
-  ), R = [];
-  for (const _ of w) {
-    if (R.length >= Mr) break;
-    if (At(_)) continue;
-    const I = _.getAttribute("data-ll-form") || "";
-    if (!I) continue;
-    const q = _.getAttribute("data-ll-intent") || void 0, O = Array.from(
-      _.querySelectorAll(
+  ), S = [];
+  for (const x of m) {
+    if (S.length >= Mr) break;
+    if (At(x)) continue;
+    const R = x.getAttribute("data-ll-form") || "";
+    if (!R) continue;
+    const B = x.getAttribute("data-ll-intent") || void 0, q = Array.from(
+      x.querySelectorAll(
         "[data-ll-field]"
       )
-    ), C = [];
-    for (const P of O) {
-      if (C.length >= Dr) break;
-      if (!yt(P)) continue;
-      const F = P.getAttribute("data-ll-field") || "";
+    ), N = [];
+    for (const M of q) {
+      if (N.length >= Dr) break;
+      if (!yt(M)) continue;
+      const F = M.getAttribute("data-ll-field") || "";
       if (!F) continue;
-      const G = ln(P) || F, le = P instanceof HTMLInputElement ? P.type : P.tagName.toLowerCase(), ee = {
+      const re = ln(M) || F, ie = M instanceof HTMLInputElement ? M.type : M.tagName.toLowerCase(), Z = {
         name: F,
-        label: ye(G, 100),
-        type: le
+        label: ye(re, 100),
+        type: ie
       };
-      if (P.required === !0 && (ee.required = !0), P instanceof HTMLSelectElement) {
-        const ue = [];
-        for (let ve = 0; ve < P.options.length && !(ue.length >= Pr); ve++) {
-          const fe = P.options[ve];
-          if (!fe || fe.disabled) continue;
-          const ae = fe.value || "", X = (fe.textContent || "").trim() || ae;
-          !ae && !X || ue.push({ value: ae, label: ye(X, 60) });
+      if (M.required === !0 && (Z.required = !0), M instanceof HTMLSelectElement) {
+        const fe = [];
+        for (let ve = 0; ve < M.options.length && !(fe.length >= Pr); ve++) {
+          const pe = M.options[ve];
+          if (!pe || pe.disabled) continue;
+          const be = pe.value || "", he = (pe.textContent || "").trim() || be;
+          !be && !he || fe.push({ value: be, label: ye(he, 60) });
         }
-        ue.length > 0 && (ee.options = ue);
+        fe.length > 0 && (Z.options = fe);
       }
-      const Le = typeof P.validationMessage == "string" ? P.validationMessage : "";
-      Le && (ee.validationMessage = ye(Le, 200)), C.push(ee);
+      const ae = typeof M.validationMessage == "string" ? M.validationMessage : "";
+      ae && (Z.validationMessage = ye(ae, 200)), N.push(Z);
     }
-    R.push({ id: I, intent: q, fields: C });
+    S.push({ id: R, intent: B, fields: N });
   }
-  const T = {
-    url: o,
+  const $ = {
+    url: i,
     title: l,
-    pathname: i,
-    regions: d,
-    visibleText: s,
-    visibleLinks: A,
-    visibleFields: E,
-    forms: R,
+    pathname: o,
+    regions: a,
+    visibleText: c,
+    visibleLinks: I,
+    visibleFields: b,
+    forms: S,
     extras: e
   };
-  let z = Be(JSON.stringify(T.regions)) + Be(T.visibleText) + Be(JSON.stringify(T.visibleLinks)) + Be(JSON.stringify(T.visibleFields));
-  for (; z > mt && T.visibleFields.length > 0; )
-    T.visibleFields.pop(), z = Be(JSON.stringify(T.visibleFields));
-  for (; z > mt && T.visibleLinks.length > 0; )
-    T.visibleLinks.pop(), z -= 80;
-  return Be(T.visibleText) > mt && (T.visibleText = ye(T.visibleText, mt - 100)), T;
+  let D = Be(JSON.stringify($.regions)) + Be($.visibleText) + Be(JSON.stringify($.visibleLinks)) + Be(JSON.stringify($.visibleFields));
+  for (; D > mt && $.visibleFields.length > 0; )
+    $.visibleFields.pop(), D = Be(JSON.stringify($.visibleFields));
+  for (; D > mt && $.visibleLinks.length > 0; )
+    $.visibleLinks.pop(), D -= 80;
+  return Be($.visibleText) > mt && ($.visibleText = ye($.visibleText, mt - 100)), $;
 }
 let qe = null;
 function an(e, t = {}) {
-  const r = Date.now(), i = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if (qe && qe.key === i && r - qe.at < 1e3)
+  const r = Date.now(), o = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
+  if (qe && qe.key === o && r - qe.at < 1e3)
     return qe.ctx;
   const l = zr(e, t);
-  return qe = { key: i, at: r, ctx: l }, l;
+  return qe = { key: o, at: r, ctx: l }, l;
 }
 function Or() {
   qe = null;
@@ -2132,27 +2165,27 @@ function Br(e) {
 function qr(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
-  const r = typeof window < "u" && window.location.origin || "", o = /* @__PURE__ */ new Set(), i = [], l = Array.from(t.querySelectorAll("a[href]"));
-  for (const u of l) {
-    if (i.length >= Hr) break;
-    if (At(u)) continue;
-    const d = u.getAttribute("href") || "";
-    if (!Br(d)) continue;
-    let c = d, f = !0;
+  const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), o = [], l = Array.from(t.querySelectorAll("a[href]"));
+  for (const s of l) {
+    if (o.length >= Hr) break;
+    if (At(s)) continue;
+    const a = s.getAttribute("href") || "";
+    if (!Br(a)) continue;
+    let d = a, f = !0;
     try {
       if (typeof window < "u") {
-        const a = new URL(d, r);
-        f = a.origin === r, f && d.startsWith("http") && (c = a.pathname + a.search + a.hash);
+        const u = new URL(a, r);
+        f = u.origin === r, f && a.startsWith("http") && (d = u.pathname + u.search + u.hash);
       }
     } catch {
       continue;
     }
-    if (o.has(c)) continue;
-    o.add(c);
-    const h = (u.textContent || "").trim().slice(0, 120);
-    i.push({ href: c, text: h, internal: f });
+    if (i.has(d)) continue;
+    i.add(d);
+    const _ = (s.textContent || "").trim().slice(0, 120);
+    o.push({ href: d, text: _, internal: f });
   }
-  return i;
+  return o;
 }
 let Fe = null;
 const Fr = 5e3;
@@ -2167,20 +2200,20 @@ function Ur() {
   Fe = null;
 }
 function jr(e, t) {
-  const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, o = Object.getOwnPropertyDescriptor(r, "value"), i = o == null ? void 0 : o.set;
-  i ? i.call(e, t) : e.value = t;
+  const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, i = Object.getOwnPropertyDescriptor(r, "value"), o = i == null ? void 0 : i.set;
+  o ? o.call(e, t) : e.value = t;
 }
 function Vr(e, t, r = {}) {
-  const o = r.triggerInput ?? !0, i = r.triggerChange ?? !0;
+  const i = r.triggerInput ?? !0, o = r.triggerChange ?? !0;
   if (e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio")) {
     const l = Object.getOwnPropertyDescriptor(
       HTMLInputElement.prototype,
       "checked"
-    ), u = l == null ? void 0 : l.set, d = t === "true" || t === "1" || t === "on";
-    u ? u.call(e, d) : e.checked = d, o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+    ), s = l == null ? void 0 : l.set, a = t === "true" || t === "1" || t === "on";
+    s ? s.call(e, a) : e.checked = a, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
-  jr(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  jr(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
 function Yr() {
   if (typeof window > "u" || typeof document > "u")
@@ -2201,12 +2234,12 @@ function Jr() {
     document.querySelectorAll("body, body *")
   );
   let t = null, r = 0;
-  for (const o of e) {
-    if (!Gr(o)) continue;
-    const i = o.getBoundingClientRect();
-    if (i.bottom <= 0 || i.top >= window.innerHeight || i.right <= 0 || i.left >= window.innerWidth || i.width <= 0 || i.height <= 0 || o.closest(".ll-widget")) continue;
-    const l = i.width * i.height;
-    l > r && (r = l, t = o);
+  for (const i of e) {
+    if (!Gr(i)) continue;
+    const o = i.getBoundingClientRect();
+    if (o.bottom <= 0 || o.top >= window.innerHeight || o.right <= 0 || o.left >= window.innerWidth || o.width <= 0 || o.height <= 0 || i.closest(".ll-widget")) continue;
+    const l = o.width * o.height;
+    l > r && (r = l, t = i);
   }
   return t;
 }
@@ -2217,7 +2250,7 @@ function Kr() {
   const e = Jr();
   return e || window;
 }
-function sn(e) {
+function cn(e) {
   return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
 }
 function Xr(e) {
@@ -2253,513 +2286,513 @@ const Qr = /* @__PURE__ */ new Set([
   function(t, r) {
     var Ot, Ht, Wt, Bt, qt, Ft, Ut;
     const {
-      agentId: o,
-      apiKey: i,
+      agentId: i,
+      apiKey: o,
       baseUrl: l = "https://app.livelayer.studio",
-      sessionEndpoint: u,
-      sessionBody: d,
-      soundEffects: c,
+      sessionEndpoint: s,
+      sessionBody: a,
+      soundEffects: d,
       experienceMode: f = "WIDGET",
-      autoConnect: h = !1,
-      displayMode: a,
-      defaultDisplayMode: s = "expanded",
-      onDisplayModeChange: A,
-      position: D = "bottom-right",
-      mobileBreakpoint: E = 640,
-      persistKey: b = "ll-widget",
-      disablePersistence: w = !1,
-      teamMembers: R,
-      currentTeamMemberId: T,
-      onTeamMemberChange: z,
-      idleLoopUrl: _,
-      greeting: I,
-      avatarImageUrl: q,
-      agentName: O,
-      branding: C = {},
-      allowCamera: P = !0,
+      autoConnect: _ = !1,
+      displayMode: u,
+      defaultDisplayMode: c = "expanded",
+      onDisplayModeChange: I,
+      position: L = "bottom-right",
+      mobileBreakpoint: b = 640,
+      persistKey: y = "ll-widget",
+      disablePersistence: m = !1,
+      teamMembers: S,
+      currentTeamMemberId: $,
+      onTeamMemberChange: D,
+      idleLoopUrl: x,
+      greeting: R,
+      avatarImageUrl: B,
+      agentName: q,
+      branding: N = {},
+      allowCamera: M = !0,
       allowScreenShare: F = !0,
-      allowTyping: G = !0,
-      showMinimize: le = !0,
-      chromeless: ee = !1,
-      compactControls: Le = !1,
-      transforming: ue = !1,
+      allowTyping: re = !0,
+      showMinimize: ie = !0,
+      chromeless: Z = !1,
+      compactControls: ae = !1,
+      transforming: fe = !1,
       transformingLabel: ve = "Transforming…",
-      showOn: fe,
-      hideOn: ae,
-      pathname: X,
-      onNavigate: at,
-      onScrollToSelector: je,
-      getPageContext: st,
-      pageContextExtras: ne,
-      getRoutes: Ve,
-      onScrollPage: Ye,
-      onClick: ct,
+      showOn: pe,
+      hideOn: be,
+      pathname: he,
+      onNavigate: ee,
+      onScrollToSelector: at,
+      getPageContext: je,
+      pageContextExtras: ct,
+      getRoutes: oe,
+      onScrollPage: Ve,
+      onClick: Ye,
       capabilities: Ge,
-      onConnect: Ee,
-      onDisconnect: Ce,
+      onConnect: De,
+      onDisconnect: Ae,
       onTranscript: Pe,
-      onAgentState: Se,
-      onConnectionStateChange: Ne,
-      onAgentEvent: Ae,
-      onAgentCommand: Re,
-      controlledSession: $,
-      className: vt,
-      style: Ie,
-      zIndex: $e = 2147483647
-    } = t, re = rr(X), Je = dr(re, fe, ae);
-    N(() => {
+      onAgentState: Re,
+      onConnectionStateChange: $e,
+      onAgentEvent: Ie,
+      onAgentCommand: Te,
+      controlledSession: z,
+      className: st,
+      style: dt,
+      zIndex: vt = 2147483647
+    } = t, we = rr(he), _e = dr(we, pe, be);
+    T(() => {
       Or(), Ur();
-    }, [re]);
-    const Te = T !== void 0, [ze, bt] = L(() => {
+    }, [we]);
+    const te = $ !== void 0, [bt, Je] = C(() => {
       var g;
-      return T ?? ((g = R == null ? void 0 : R[0]) == null ? void 0 : g.id);
-    }), be = Te ? T : ze, Q = Ue(
-      () => (R == null ? void 0 : R.find((g) => g.id === be)) ?? null,
-      [R, be]
-    ), Ke = (Q == null ? void 0 : Q.agentId) ?? o, Me = f === "EMBEDDED", [se, te] = Zn({
-      value: Me ? "expanded" : a,
-      defaultValue: Me ? "expanded" : s,
-      onChange: A,
-      persistKey: b,
-      disablePersistence: Me || w
-    }), pe = tr(E), we = Bn(), oe = qn(), he = Un(), De = jn(), _e = Vn(), [dt, Xe] = L(!1), [Qe, me] = L(!1), [ce, Oe] = L(!1), [ut, wt] = L(!1), [He, m] = L(!1), V = fr({ baseUrl: l, config: c }), ft = S(V);
-    ft.current = V;
-    const _t = S(at), xt = S(je), kt = S(Ye), Lt = S(ct), Rt = S(st), It = S(ne), Tt = S(Ve), Et = S(Ge), de = S(null);
-    _t.current = at, xt.current = je, kt.current = Ye, Lt.current = ct, Rt.current = st, It.current = ne, Tt.current = Ve, Et.current = Ge;
-    function xe(g) {
+      return $ ?? ((g = S == null ? void 0 : S[0]) == null ? void 0 : g.id);
+    }), ce = te ? $ : bt, X = Ue(
+      () => (S == null ? void 0 : S.find((g) => g.id === ce)) ?? null,
+      [S, ce]
+    ), Ke = (X == null ? void 0 : X.agentId) ?? i, ze = f === "EMBEDDED", [xe, se] = Zn({
+      value: ze ? "expanded" : u,
+      defaultValue: ze ? "expanded" : c,
+      onChange: I,
+      persistKey: y,
+      disablePersistence: ze || m
+    }), me = tr(b), ke = Bn(), G = qn(), ne = Un(), Le = jn(), Xe = Vn(), [wt, Ee] = C(!1), [Oe, ut] = C(!1), [Qe, de] = C(!1), [Ce, ft] = C(!1), [He, _t] = C(!1), Me = fr({ baseUrl: l, config: d }), h = A(Me);
+    h.current = Me;
+    const V = A(ee), xt = A(at), kt = A(Ve), Lt = A(Ye), Rt = A(je), It = A(ct), Tt = A(oe), Et = A(Ge), ue = A(null);
+    V.current = ee, xt.current = at, kt.current = Ve, Lt.current = Ye, Rt.current = je, It.current = ct, Tt.current = oe, Et.current = Ge;
+    function Se(g) {
       const p = Et.current;
       return p ? p.includes(g) : !0;
     }
-    function ke(g, p) {
+    function Ne(g, p) {
       console.warn(
         `[LiveLayer] Agent command "${g}" blocked — capability "${p}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
       );
     }
-    const Ze = k(
+    const Ze = E(
       (g) => {
-        var Y, ie, ge, nt;
+        var Y, le, ge, nt;
         const p = g;
         if (!(!p.type || typeof p.type != "string")) {
-          if (Ae == null || Ae({ eventName: p.type, data: g }), p.type === "navigate") {
-            if (!xe("navigate")) {
-              ke("navigate", "navigate");
+          if (Ie == null || Ie({ eventName: p.type, data: g }), p.type === "navigate") {
+            if (!Se("navigate")) {
+              Ne("navigate", "navigate");
               return;
             }
-            const x = typeof p.href == "string" ? p.href : null;
-            if (!x) {
+            const k = typeof p.href == "string" ? p.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`
               );
               return;
             }
-            if (ft.current.playPageChange(), _t.current) {
+            if (h.current.playPageChange(), V.current) {
               try {
-                _t.current(x);
-              } catch (M) {
+                V.current(k);
+              } catch (P) {
                 console.warn(
-                  `[LiveLayer] onNavigate threw for "${x}". Falling back. Error:`,
-                  M
+                  `[LiveLayer] onNavigate threw for "${k}". Falling back. Error:`,
+                  P
                 );
               }
               return;
             }
             if (typeof document < "u") {
-              const M = document.querySelector(
-                `a[href="${x.replace(/"/g, '\\"')}"]`
+              const P = document.querySelector(
+                `a[href="${k.replace(/"/g, '\\"')}"]`
               );
-              if (M) {
-                M.click();
+              if (P) {
+                P.click();
                 return;
               }
             }
             if (typeof window < "u" && typeof history < "u")
               try {
-                history.pushState({}, "", x), window.dispatchEvent(new PopStateEvent("popstate"));
-              } catch (M) {
+                history.pushState({}, "", k), window.dispatchEvent(new PopStateEvent("popstate"));
+              } catch (P) {
                 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`,
-                  M
+                  `[LiveLayer] history.pushState fallback failed for "${k}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
+                  P
                 );
               }
             return;
           }
           if (p.type === "scroll_to") {
-            if (!xe("scroll")) {
-              ke("scroll_to", "scroll");
+            if (!Se("scroll")) {
+              Ne("scroll_to", "scroll");
               return;
             }
-            const x = typeof p.selector == "string" ? p.selector : null;
-            if (!x) return;
-            const M = p.behavior === "instant" ? "instant" : "smooth";
+            const k = typeof p.selector == "string" ? p.selector : null;
+            if (!k) return;
+            const P = p.behavior === "instant" ? "instant" : "smooth";
             if (xt.current) {
               try {
                 xt.current(
-                  x,
-                  M
+                  k,
+                  P
                 );
-              } catch (B) {
-                console.warn("[LiveLayer] onScrollToSelector threw.", B);
+              } catch (W) {
+                console.warn("[LiveLayer] onScrollToSelector threw.", W);
               }
               return;
             }
             if (typeof document < "u") {
-              let B = null;
+              let W = null;
               try {
-                B = document.querySelector(x);
+                W = document.querySelector(k);
               } catch {
                 console.warn(
-                  `[LiveLayer] scroll_to: invalid selector "${x}".`
+                  `[LiveLayer] scroll_to: invalid selector "${k}".`
                 );
                 return;
               }
-              if (!B) {
+              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;
               }
-              B.scrollIntoView({
-                behavior: M,
+              W.scrollIntoView({
+                behavior: P,
                 block: "start"
               });
             }
             return;
           }
           if (p.type === "request_page_context") {
-            if (!xe("read_page")) {
-              ke("request_page_context", "read_page");
+            if (!Se("read_page")) {
+              Ne("request_page_context", "read_page");
               return;
             }
-            const x = typeof p.requestId == "string" ? p.requestId : void 0, M = (Y = de.current) == null ? void 0 : Y.call(de), B = (j) => {
-              const H = M, K = H == null ? void 0 : H.localParticipant;
+            const k = typeof p.requestId == "string" ? p.requestId : void 0, P = (Y = ue.current) == null ? void 0 : Y.call(ue), W = (j) => {
+              const O = P, K = O == null ? void 0 : O.localParticipant;
               if (K != null && K.publishData)
                 try {
-                  const Z = x ? { ...j, requestId: x } : j, We = new TextEncoder().encode(JSON.stringify(Z));
+                  const Q = k ? { ...j, requestId: k } : j, We = new TextEncoder().encode(JSON.stringify(Q));
                   K.publishData(We, { reliable: !0 });
-                } catch (Z) {
-                  console.warn("[LiveLayer] publishData failed.", Z);
+                } catch (Q) {
+                  console.warn("[LiveLayer] publishData failed.", Q);
                 }
-            }, W = It.current, U = Rt.current;
+            }, H = It.current, U = Rt.current;
             try {
               if (U) {
-                const j = U(W);
+                const j = U(H);
                 if (j instanceof Promise) {
-                  B({ type: "page_context_pending" }), j.then((H) => B({ type: "page_context", context: H })).catch((H) => {
+                  W({ type: "page_context_pending" }), j.then((O) => W({ type: "page_context", context: O })).catch((O) => {
                     console.warn(
                       "[LiveLayer] getPageContext rejected; falling back to default walker.",
-                      H
-                    ), B({
+                      O
+                    ), W({
                       type: "page_context",
-                      context: an(W)
+                      context: an(H)
                     });
                   });
                   return;
                 }
-                B({ type: "page_context", context: j });
+                W({ type: "page_context", context: j });
                 return;
               }
-              B({
+              W({
                 type: "page_context",
-                context: an(W)
+                context: an(H)
               });
             } catch (j) {
               console.warn(
                 "[LiveLayer] page-context extraction threw. Sending empty context.",
                 j
-              ), B({
+              ), W({
                 type: "page_context",
-                context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: W }
+                context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: H }
               });
             }
             return;
           }
           if (p.type === "scroll_page") {
-            if (!xe("scroll")) {
-              ke("scroll_page", "scroll");
+            if (!Se("scroll")) {
+              Ne("scroll_page", "scroll");
               return;
             }
-            const x = p.direction;
-            if (x !== "up" && x !== "down" && x !== "top" && x !== "bottom") {
+            const k = p.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 M = p.behavior === "instant" ? "instant" : "smooth";
+            const P = p.behavior === "instant" ? "instant" : "smooth";
             if (kt.current) {
               try {
                 kt.current(
-                  x,
-                  M
+                  k,
+                  P
                 );
-              } catch (H) {
-                console.warn("[LiveLayer] onScrollPage threw.", H);
+              } catch (O) {
+                console.warn("[LiveLayer] onScrollPage threw.", O);
               }
               return;
             }
             if (typeof window > "u") return;
-            const B = { behavior: M }, W = Kr(), U = (H) => {
-              W instanceof Window ? W.scrollBy({ top: H, ...B }) : W.scrollBy({ top: H, ...B });
-            }, j = (H) => {
-              W instanceof Window ? W.scrollTo({ top: H, ...B }) : W.scrollTo({ top: H, ...B });
+            const W = { behavior: P }, H = Kr(), U = (O) => {
+              H instanceof Window ? H.scrollBy({ top: O, ...W }) : H.scrollBy({ top: O, ...W });
+            }, j = (O) => {
+              H instanceof Window ? H.scrollTo({ top: O, ...W }) : H.scrollTo({ top: O, ...W });
             };
-            x === "up" ? U(-sn(W)) : x === "down" ? U(sn(W)) : j(x === "top" ? 0 : Xr(W));
+            k === "up" ? U(-cn(H)) : k === "down" ? U(cn(H)) : j(k === "top" ? 0 : Xr(H));
             return;
           }
           if (p.type === "click") {
-            if (!xe("click")) {
-              ke("click", "click");
+            if (!Se("click")) {
+              Ne("click", "click");
               return;
             }
-            const x = typeof p.selector == "string" ? p.selector : null;
-            if (!x) {
+            const k = typeof p.selector == "string" ? p.selector : null;
+            if (!k) {
               console.warn("[LiveLayer] click: missing selector.");
               return;
             }
             if (Lt.current) {
               try {
-                Lt.current(x);
-              } catch (B) {
-                console.warn("[LiveLayer] onClick threw.", B);
+                Lt.current(k);
+              } catch (W) {
+                console.warn("[LiveLayer] onClick threw.", W);
               }
               return;
             }
             if (typeof document > "u") return;
-            let M = null;
+            let P = null;
             try {
-              M = document.querySelector(x);
+              P = document.querySelector(k);
             } catch {
               console.warn(
-                `[LiveLayer] click: invalid selector "${x}".`
+                `[LiveLayer] click: invalid selector "${k}".`
               );
               return;
             }
-            if (!M) {
+            if (!P) {
               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;
             }
-            if (M.closest('[data-ll-private="true"], .ll-widget')) {
+            if (P.closest('[data-ll-private="true"], .ll-widget')) {
               console.warn(
                 "[LiveLayer] click: refusing to click element inside a private subtree."
               );
               return;
             }
-            (ie = M.click) == null || ie.call(M);
+            (le = P.click) == null || le.call(P);
             return;
           }
           if (p.type === "fill_form" || p.type === "focus_field") {
-            if (!xe("fill_forms")) {
-              ke(p.type, "fill_forms");
+            if (!Se("fill_forms")) {
+              Ne(p.type, "fill_forms");
               return;
             }
             if (typeof document > "u") return;
-            p.type === "fill_form" && ft.current.playConfirmation();
-            const x = typeof p.formId == "string" ? p.formId : null;
-            if (!x) {
+            p.type === "fill_form" && h.current.playConfirmation();
+            const k = typeof p.formId == "string" ? p.formId : null;
+            if (!k) {
               console.warn(`[LiveLayer] ${p.type}: missing formId.`);
               return;
             }
-            const M = document.querySelector(
-              `[data-ll-form="${x.replace(/"/g, '\\"')}"]`
+            const P = document.querySelector(
+              `[data-ll-form="${k.replace(/"/g, '\\"')}"]`
             );
-            if (!M) {
+            if (!P) {
               console.warn(
-                `[LiveLayer] ${p.type}: no form with data-ll-form="${x}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
+                `[LiveLayer] ${p.type}: no form with data-ll-form="${k}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
               );
               return;
             }
-            if (M.closest('[data-ll-private="true"], .ll-widget')) {
+            if (P.closest('[data-ll-private="true"], .ll-widget')) {
               console.warn(
                 `[LiveLayer] ${p.type}: refusing to touch a form in a private subtree.`
               );
               return;
             }
             if (p.type === "focus_field") {
-              const W = typeof p.fieldName == "string" ? p.fieldName : null;
-              if (!W) {
+              const H = typeof p.fieldName == "string" ? p.fieldName : null;
+              if (!H) {
                 console.warn("[LiveLayer] focus_field: missing fieldName.");
                 return;
               }
-              const U = M.querySelector(`[data-ll-field="${W.replace(/"/g, '\\"')}"]`);
+              const U = P.querySelector(`[data-ll-field="${H.replace(/"/g, '\\"')}"]`);
               if (!U) {
                 console.warn(
-                  `[LiveLayer] focus_field: no field "${W}" in form "${x}".`
+                  `[LiveLayer] focus_field: no field "${H}" in form "${k}".`
                 );
                 return;
               }
               if (!yt(U)) {
                 console.warn(
-                  `[LiveLayer] focus_field: field "${W}" is privacy-protected and not focusable.`
+                  `[LiveLayer] focus_field: field "${H}" is privacy-protected and not focusable.`
                 );
                 return;
               }
               U.focus();
               return;
             }
-            const B = p.values && typeof p.values == "object" ? p.values : null;
-            if (!B) {
+            const W = p.values && typeof p.values == "object" ? p.values : null;
+            if (!W) {
               console.warn("[LiveLayer] fill_form: missing or invalid values.");
               return;
             }
-            for (const [W, U] of Object.entries(B)) {
+            for (const [H, U] of Object.entries(W)) {
               if (typeof U != "string") continue;
-              const j = M.querySelector(`[data-ll-field="${W.replace(/"/g, '\\"')}"]`);
+              const j = P.querySelector(`[data-ll-field="${H.replace(/"/g, '\\"')}"]`);
               if (!j) {
                 console.warn(
-                  `[LiveLayer] fill_form: no field "${W}" in form "${x}". Skipping.`
+                  `[LiveLayer] fill_form: no field "${H}" in form "${k}". Skipping.`
                 );
                 continue;
               }
               if (!yt(j)) {
                 console.warn(
-                  `[LiveLayer] fill_form: field "${W}" is privacy-protected (password / cc-* / private). Skipping.`
+                  `[LiveLayer] fill_form: field "${H}" is privacy-protected (password / cc-* / private). Skipping.`
                 );
                 continue;
               }
               try {
                 Vr(j, U);
-              } catch (H) {
+              } catch (O) {
                 console.warn(
-                  `[LiveLayer] fill_form: failed to set "${W}".`,
-                  H
+                  `[LiveLayer] fill_form: failed to set "${H}".`,
+                  O
                 );
               }
             }
             return;
           }
           if (p.type === "submit_form") {
-            if (!xe("submit_forms")) {
-              ke("submit_form", "submit_forms");
+            if (!Se("submit_forms")) {
+              Ne("submit_form", "submit_forms");
               return;
             }
             if (typeof document > "u") return;
-            const x = typeof p.formId == "string" ? p.formId : null;
-            if (!x) {
+            const k = typeof p.formId == "string" ? p.formId : null;
+            if (!k) {
               console.warn("[LiveLayer] submit_form: missing formId.");
               return;
             }
-            ft.current.playConfirmation();
-            const M = document.querySelector(
-              `[data-ll-form="${x.replace(/"/g, '\\"')}"]`
+            h.current.playConfirmation();
+            const P = document.querySelector(
+              `[data-ll-form="${k.replace(/"/g, '\\"')}"]`
             );
-            if (!M) {
+            if (!P) {
               console.warn(
-                `[LiveLayer] submit_form: no form with data-ll-form="${x}".`
+                `[LiveLayer] submit_form: no form with data-ll-form="${k}".`
               );
               return;
             }
-            if (M.closest('[data-ll-private="true"], .ll-widget')) {
+            if (P.closest('[data-ll-private="true"], .ll-widget')) {
               console.warn(
                 "[LiveLayer] submit_form: refusing to submit a form in a private subtree."
               );
               return;
             }
-            const B = typeof p.requestId == "string" ? p.requestId : void 0, W = (ge = de.current) == null ? void 0 : ge.call(de), U = (K) => {
-              const Z = W, We = Z == null ? void 0 : Z.localParticipant;
+            const W = typeof p.requestId == "string" ? p.requestId : void 0, H = (ge = ue.current) == null ? void 0 : ge.call(ue), U = (K) => {
+              const Q = H, We = Q == null ? void 0 : Q.localParticipant;
               if (We != null && We.publishData)
                 try {
-                  const An = B ? { ...K, requestId: B } : K, Rn = new TextEncoder().encode(JSON.stringify(An));
+                  const An = W ? { ...K, requestId: W } : K, Rn = new TextEncoder().encode(JSON.stringify(An));
                   We.publishData(Rn, { reliable: !0 });
                 } catch {
                 }
             };
             let j = !1;
-            const H = () => {
-              j = !0, U({ type: "form_submitted", formId: x });
+            const O = () => {
+              j = !0, U({ type: "form_submitted", formId: k });
             };
-            M.addEventListener("submit", H, { once: !0 });
+            P.addEventListener("submit", O, { once: !0 });
             try {
-              typeof M.requestSubmit == "function" ? M.requestSubmit() : M.submit();
+              typeof P.requestSubmit == "function" ? P.requestSubmit() : P.submit();
             } catch (K) {
-              console.warn("[LiveLayer] submit_form: requestSubmit threw.", K), M.removeEventListener("submit", H), U({
+              console.warn("[LiveLayer] submit_form: requestSubmit threw.", K), P.removeEventListener("submit", O), U({
                 type: "form_submit_blocked",
-                formId: x,
+                formId: k,
                 reason: "exception"
               });
               return;
             }
             setTimeout(() => {
-              j || (M.removeEventListener("submit", H), U({
+              j || (P.removeEventListener("submit", O), U({
                 type: "form_submit_blocked",
-                formId: x,
+                formId: k,
                 reason: "validation"
               }));
             }, 500);
             return;
           }
           if (p.type === "request_routes") {
-            if (!xe("read_page")) {
-              ke("request_routes", "read_page");
+            if (!Se("read_page")) {
+              Ne("request_routes", "read_page");
               return;
             }
-            const x = typeof p.requestId == "string" ? p.requestId : void 0, B = (nt = de.current) == null ? void 0 : nt.call(de), W = B == null ? void 0 : B.localParticipant;
-            if (!(W != null && W.publishData)) return;
-            const U = (H) => {
+            const k = typeof p.requestId == "string" ? p.requestId : void 0, W = (nt = ue.current) == null ? void 0 : nt.call(ue), H = W == null ? void 0 : W.localParticipant;
+            if (!(H != null && H.publishData)) return;
+            const U = (O) => {
               try {
-                const K = x ? { type: "routes", routes: H, requestId: x } : { type: "routes", routes: H }, Z = new TextEncoder().encode(JSON.stringify(K));
-                W.publishData(Z, { reliable: !0 });
+                const K = k ? { type: "routes", routes: O, requestId: k } : { type: "routes", routes: O }, Q = new TextEncoder().encode(JSON.stringify(K));
+                H.publishData(Q, { reliable: !0 });
               } catch (K) {
                 console.warn("[LiveLayer] request_routes: publishData failed.", K);
               }
             }, j = Tt.current;
             if (j) {
               try {
-                const H = j(), K = (Z) => {
-                  if (!Array.isArray(Z)) {
+                const O = j(), K = (Q) => {
+                  if (!Array.isArray(Q)) {
                     U([]);
                     return;
                   }
-                  U(Z.map(Wr).slice(0, 200));
+                  U(Q.map(Wr).slice(0, 200));
                 };
-                H instanceof Promise ? H.then(K).catch((Z) => {
+                O instanceof Promise ? O.then(K).catch((Q) => {
                   console.warn(
                     "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
-                    Z
+                    Q
                   ), U(St());
-                }) : K(H);
-              } catch (H) {
+                }) : K(O);
+              } catch (O) {
                 console.warn(
                   "[LiveLayer] getRoutes threw; falling back to DOM walker.",
-                  H
+                  O
                 ), U(St());
               }
               return;
             }
             try {
               U(St());
-            } catch (H) {
-              console.warn("[LiveLayer] request_routes: extractRoutes threw.", H);
+            } catch (O) {
+              console.warn("[LiveLayer] request_routes: extractRoutes threw.", O);
             }
             return;
           }
-          Qr.has(p.type) || Re == null || Re(p);
+          Qr.has(p.type) || Te == null || Te(p);
         }
       },
-      [Re, Ae]
+      [Te, Ie]
     ), J = Wn({
-      agentId: $ ? "__controlled__" : Ke,
+      agentId: z ? "__controlled__" : Ke,
       baseUrl: l,
-      apiKey: i,
-      sessionEndpoint: u,
-      sessionBody: d,
-      onDataMessage: $ ? void 0 : Ze
+      apiKey: o,
+      sessionEndpoint: s,
+      sessionBody: a,
+      onDataMessage: z ? void 0 : Ze
     });
-    N(() => {
-      if ($ != null && $.subscribeToDataMessages)
-        return $.subscribeToDataMessages(Ze);
-    }, [$, Ze]), de.current = () => {
+    T(() => {
+      if (z != null && z.subscribeToDataMessages)
+        return z.subscribeToDataMessages(Ze);
+    }, [z, Ze]), ue.current = () => {
       var g;
       return (g = J.getRoom) == null ? void 0 : g.call(J);
-    }, N(() => {
+    }, T(() => {
       var Y;
       if (typeof window > "u") return;
       const g = ((Y = window.location) == null ? void 0 : Y.hostname) || "";
       if (g === "localhost" || g === "127.0.0.1" || g === "0.0.0.0" || g.endsWith(".local") || g.endsWith(".test"))
-        return window.__livelayerSimulateCommand = (ie) => {
+        return window.__livelayerSimulateCommand = (le) => {
           try {
-            Ze(ie);
+            Ze(le);
           } catch (ge) {
             console.warn("[LiveLayer] simulate-command threw:", ge);
           }
@@ -2767,19 +2800,19 @@ const Qr = /* @__PURE__ */ new Set([
           delete window.__livelayerSimulateCommand;
         };
     }, [Ze]);
-    const v = Ue(() => $ ? {
-      connectionState: $.connectionState,
-      agentState: $.agentState,
-      transcript: $.transcript,
-      videoElement: $.videoElement,
-      audioElement: $.audioElement,
-      canResume: $.canResume,
-      error: $.error,
+    const w = Ue(() => z ? {
+      connectionState: z.connectionState,
+      agentState: z.agentState,
+      transcript: z.transcript,
+      videoElement: z.videoElement,
+      audioElement: z.audioElement,
+      canResume: z.canResume,
+      error: z.error,
       agentConfig: null,
       connect: async () => {
-        await $.onConnect();
+        await z.onConnect();
       },
-      disconnect: () => $.onDisconnect(),
+      disconnect: () => z.onDisconnect(),
       // Dummy getRoom for shape compatibility — controlled consumers own the Room.
       // Internal session's getRoom returns null when no real connect has happened,
       // so we reuse its reference for type consistency.
@@ -2798,10 +2831,10 @@ const Qr = /* @__PURE__ */ new Set([
       disconnect: J.disconnect,
       getRoom: J.getRoom,
       isControlled: !1
-    }, [$, J]), Mt = S(v);
-    Mt.current = v;
-    const Dt = S($);
-    Dt.current = $, Mn(
+    }, [z, J]), Mt = A(w);
+    Mt.current = w;
+    const Dt = A(z);
+    Dt.current = z, Mn(
       r,
       () => ({
         sendData: async (g) => {
@@ -2810,231 +2843,233 @@ const Qr = /* @__PURE__ */ new Set([
           if (p != null && p.publishData) {
             try {
               await p.publishData(g);
-            } catch (x) {
-              console.warn("[AvatarWidget] sendData (controlled) failed:", x);
+            } catch (k) {
+              console.warn("[AvatarWidget] sendData (controlled) failed:", k);
             }
             return;
           }
-          const Y = (nt = (ge = Mt.current) == null ? void 0 : ge.getRoom) == null ? void 0 : nt.call(ge), ie = Y == null ? void 0 : Y.localParticipant;
-          if (ie != null && ie.publishData)
+          const Y = (nt = (ge = Mt.current) == null ? void 0 : ge.getRoom) == null ? void 0 : nt.call(ge), le = Y == null ? void 0 : Y.localParticipant;
+          if (le != null && le.publishData)
             try {
-              const x = new TextEncoder().encode(JSON.stringify(g));
-              await ie.publishData(x, { reliable: !0 });
-            } catch (x) {
-              console.warn("[AvatarWidget] sendData failed:", x);
+              const k = new TextEncoder().encode(JSON.stringify(g));
+              await le.publishData(k, { reliable: !0 });
+            } catch (k) {
+              console.warn("[AvatarWidget] sendData failed:", k);
             }
         }
       }),
       []
     );
-    const Pt = S(null);
-    N(() => {
-      const g = v.videoElement, p = Pt.current;
+    const Pt = A(null);
+    T(() => {
+      const g = w.videoElement, p = Pt.current;
       if (!(!g || !p))
         return p.appendChild(g), () => {
           g.parentNode === p && p.removeChild(g);
         };
-    }, [v.videoElement]), N(() => {
-      const g = v.audioElement;
+    }, [w.videoElement]), T(() => {
+      const g = w.audioElement;
       if (!g) return;
-      we.attach(g);
+      ke.attach(g);
       const p = g.play();
       return p && typeof p.catch == "function" && p.catch((Y) => {
-        (Y == null ? void 0 : Y.name) === "NotAllowedError" && Xe(!0);
+        (Y == null ? void 0 : Y.name) === "NotAllowedError" && Ee(!0);
       }), () => {
-        we.detach();
+        ke.detach();
       };
-    }, [v.audioElement]), N(() => {
-      if (v.isControlled || v.connectionState !== "connected") return;
-      const g = v.getRoom();
+    }, [w.audioElement]), T(() => {
+      if (w.isControlled || w.connectionState !== "connected") return;
+      const g = w.getRoom();
       if (g)
-        return oe.setupMic(g).catch(() => {
+        return G.setupMic(g).catch(() => {
         }), () => {
-          oe.teardownMic();
+          G.teardownMic();
         };
-    }, [v.isControlled, v.connectionState]), N(() => {
+    }, [w.isControlled, w.connectionState]), T(() => {
       var p;
-      if (v.connectionState !== "connected") return;
-      const g = v.isControlled ? (p = $ == null ? void 0 : $.getRoom) == null ? void 0 : p.call($) : v.getRoom();
+      if (w.connectionState !== "connected") return;
+      const g = w.isControlled ? (p = z == null ? void 0 : z.getRoom) == null ? void 0 : p.call(z) : w.getRoom();
       if (g)
-        return he.attachRoom(g), De.attachRoom(g), _e.refresh(), () => {
-          he.teardown(), De.teardown();
+        return ne.attachRoom(g), Le.attachRoom(g), w.isControlled && G.attachRoom(g), Xe.refresh(), () => {
+          ne.teardown(), Le.teardown();
         };
-    }, [v.isControlled, v.connectionState, $]), N(() => {
-      const g = v.audioElement;
+    }, [w.isControlled, w.connectionState, z]), T(() => {
+      const g = w.audioElement;
       g && (g.muted = He);
-    }, [v.audioElement, He]);
-    const vn = k((g) => {
+    }, [w.audioElement, He]);
+    const vn = E((g) => {
       const p = { type: "user_message", text: g };
-      if ($ != null && $.publishData) {
+      if (z != null && z.publishData) {
         try {
-          $.publishData(p);
+          z.publishData(p);
         } catch {
         }
         return;
       }
-      const Y = v.getRoom();
+      const Y = w.getRoom();
       if (Y)
         try {
-          const ie = new TextEncoder().encode(JSON.stringify(p));
-          Y.localParticipant.publishData(ie, { reliable: !0 });
+          const le = new TextEncoder().encode(JSON.stringify(p));
+          Y.localParticipant.publishData(le, { reliable: !0 });
         } catch {
         }
-    }, [v, $]), bn = k(() => {
-      m((g) => !g);
+    }, [w, z]), bn = E(() => {
+      _t((g) => !g);
     }, []);
-    N(() => {
-      Ne == null || Ne(v.connectionState), v.connectionState === "connected" ? Ee == null || Ee() : v.connectionState === "disconnected" && (Ce == null || Ce());
-    }, [v.connectionState, Ee, Ce, Ne]), N(() => {
-      Pe == null || Pe(v.transcript);
-    }, [v.transcript, Pe]), N(() => {
-      Se == null || Se(v.agentState);
-    }, [v.agentState, Se]), N(() => {
-      V.setThinking(v.agentState === "thinking");
-    }, [v.agentState, V]);
-    const $t = S(!1);
-    N(() => {
-      v.isControlled || !h || $t.current || Je && v.connectionState === "idle" && ($t.current = !0, v.connect());
-    }, [h, v.connectionState, v, Je]);
-    const wn = k(
+    T(() => {
+      $e == null || $e(w.connectionState), w.connectionState === "connected" ? De == null || De() : w.connectionState === "disconnected" && (Ae == null || Ae());
+    }, [w.connectionState, De, Ae, $e]), T(() => {
+      Pe == null || Pe(w.transcript);
+    }, [w.transcript, Pe]), T(() => {
+      Re == null || Re(w.agentState);
+    }, [w.agentState, Re]), T(() => {
+      Me.setThinking(w.agentState === "thinking");
+    }, [w.agentState, Me]);
+    const $t = A(!1);
+    T(() => {
+      w.isControlled || !_ || $t.current || _e && w.connectionState === "idle" && ($t.current = !0, w.connect());
+    }, [_, w.connectionState, w, _e]);
+    const wn = E(
       (g) => {
-        const p = R == null ? void 0 : R.find((Y) => Y.id === g);
-        p && (Oe(!1), g !== be && (me(!0), v.disconnect(), Te || bt(g), z == null || z(p)));
+        const p = S == null ? void 0 : S.find((Y) => Y.id === g);
+        p && (de(!1), g !== ce && (ut(!0), w.disconnect(), te || Je(g), D == null || D(p)));
       },
       [
-        R,
-        be,
-        v,
-        Te,
-        z
+        S,
+        ce,
+        w,
+        te,
+        D
       ]
     );
-    N(() => {
-      Qe && v.connectionState === "connected" && me(!1);
-    }, [v.connectionState, Qe]), N(() => {
-      if (!ce) return;
+    T(() => {
+      Oe && w.connectionState === "connected" && ut(!1);
+    }, [w.connectionState, Oe]), T(() => {
+      if (!Qe) return;
       const g = (p) => {
-        p.key === "Escape" && Oe(!1);
+        p.key === "Escape" && de(!1);
       };
       return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
-    }, [ce]);
-    const _n = !!q || !!(Q != null && Q.avatarImageUrl) || v.isControlled, et = Yn(Ke, l, _n);
+    }, [Qe]);
+    const _n = !!B || !!(X != null && X.avatarImageUrl) || w.isControlled, et = Yn(Ke, l, _n);
     Ge === void 0 && ((Ot = et.info) != null && Ot.capabilities) && (Et.current = et.info.capabilities);
-    const pt = (Q == null ? void 0 : Q.name) ?? O ?? ((Ht = v.agentConfig) == null ? void 0 : Ht.name) ?? ((Wt = et.info) == null ? void 0 : Wt.name) ?? "Live Layer", Ct = (Q == null ? void 0 : Q.avatarImageUrl) ?? q ?? ((Bt = v.agentConfig) == null ? void 0 : Bt.avatarImageUrl) ?? ((qt = et.info) == null ? void 0 : qt.avatarImageUrl) ?? null, xn = _ ?? ((Ft = v.agentConfig) == null ? void 0 : Ft.idleLoopUrl) ?? ((Ut = et.info) == null ? void 0 : Ut.idleLoopUrl) ?? null, kn = I ?? null, Ln = k(() => te("expanded"), [te]), En = k(
-      () => te("minimized"),
-      [te]
-    ), zt = k(() => {
-      v.disconnect(), te("hidden");
-    }, [v, te]), Cn = k(() => {
-      const g = v.audioElement;
-      g && g.play().then(() => Xe(!1)).catch(() => {
+    const pt = (X == null ? void 0 : X.name) ?? q ?? ((Ht = w.agentConfig) == null ? void 0 : Ht.name) ?? ((Wt = et.info) == null ? void 0 : Wt.name) ?? "Live Layer", Ct = (X == null ? void 0 : X.avatarImageUrl) ?? B ?? ((Bt = w.agentConfig) == null ? void 0 : Bt.avatarImageUrl) ?? ((qt = et.info) == null ? void 0 : qt.avatarImageUrl) ?? null, xn = x ?? ((Ft = w.agentConfig) == null ? void 0 : Ft.idleLoopUrl) ?? ((Ut = et.info) == null ? void 0 : Ut.idleLoopUrl) ?? null, kn = R ?? null, Ln = E(() => se("expanded"), [se]), En = E(
+      () => se("minimized"),
+      [se]
+    ), zt = E(() => {
+      w.disconnect(), se("hidden");
+    }, [w, se]), Cn = E(() => {
+      const g = w.audioElement;
+      g && g.play().then(() => Ee(!1)).catch(() => {
       });
-    }, [v.audioElement]), Sn = k(() => {
-      Xe(!1), v.connect();
-    }, [v]), tt = {
-      ...Ie,
-      ...Me ? {} : { zIndex: $e }
+    }, [w.audioElement]), Sn = E(() => {
+      Ee(!1), w.connect();
+    }, [w]), tt = {
+      ...dt,
+      ...ze ? {} : { zIndex: vt }
     };
-    C.primaryColor && (tt["--ll-color-primary"] = C.primaryColor), C.accentColor && (tt["--ll-color-accent"] = C.accentColor), C.backgroundColor && (tt["--ll-color-bg"] = C.backgroundColor), C.textColor && (tt["--ll-color-fg"] = C.textColor);
+    N.primaryColor && (tt["--ll-color-primary"] = N.primaryColor), N.accentColor && (tt["--ll-color-accent"] = N.accentColor), N.backgroundColor && (tt["--ll-color-bg"] = N.backgroundColor), N.textColor && (tt["--ll-color-fg"] = N.textColor);
     const Nn = [
       "ll-widget",
-      `ll-widget--${se}`,
-      `ll-widget--${pe ? "mobile" : "desktop"}`,
-      vt
+      `ll-widget--${xe}`,
+      `ll-widget--${me ? "mobile" : "desktop"}`,
+      st
     ].filter(Boolean).join(" ");
-    return Je ? /* @__PURE__ */ y(
+    return _e ? /* @__PURE__ */ v(
       "div",
       {
         className: Nn,
         style: tt,
-        "data-display-mode": se,
-        "data-position": D,
+        "data-display-mode": xe,
+        "data-position": L,
         "data-experience-mode": f === "EMBEDDED" ? "embedded" : "widget",
         children: [
-          se === "hidden" && /* @__PURE__ */ n(
+          xe === "hidden" && /* @__PURE__ */ n(
             vr,
             {
-              position: D,
-              isMobile: pe,
-              isSpeaking: v.agentState === "speaking",
-              onExpand: () => te("expanded"),
+              position: L,
+              isMobile: me,
+              isSpeaking: w.agentState === "speaking",
+              onExpand: () => se("expanded"),
               label: `Open ${pt} widget`,
               avatarImageUrl: Ct,
               agentName: pt
             }
           ),
-          se === "minimized" && /* @__PURE__ */ n(
+          xe === "minimized" && /* @__PURE__ */ n(
             wr,
             {
-              position: D,
-              isMobile: pe,
+              position: L,
+              isMobile: me,
               agentName: pt,
               avatarImageUrl: Ct,
-              agentState: v.agentState,
-              isMuted: oe.isMuted,
-              audioLevel: we,
+              agentState: w.agentState,
+              isMuted: G.isMuted,
+              audioLevel: ke,
               onExpand: Ln,
-              onToggleMute: oe.toggleMute,
+              onToggleMute: G.toggleMute,
               onClose: zt
             }
           ),
-          se === "expanded" && /* @__PURE__ */ n(
+          xe === "expanded" && /* @__PURE__ */ n(
             Sr,
             {
-              position: D,
-              isMobile: pe,
+              position: L,
+              isMobile: me,
               agentName: pt,
               avatarImageUrl: Ct,
               idleLoopUrl: xn,
               greeting: kn,
-              branding: C,
-              teamMembers: R,
-              currentTeamMemberId: be,
-              isSwitchingTeamMember: Qe,
-              teamSwitcherOpen: ce,
-              onToggleTeamSwitcher: () => Oe((g) => !g),
+              branding: N,
+              teamMembers: S,
+              currentTeamMemberId: ce,
+              isSwitchingTeamMember: Oe,
+              teamSwitcherOpen: Qe,
+              onToggleTeamSwitcher: () => de((g) => !g),
               onSelectTeamMember: wn,
-              connectionState: v.connectionState,
-              agentState: v.agentState,
-              transcript: v.transcript,
-              isMuted: oe.isMuted,
-              micDevices: _e.mics,
-              isCameraEnabled: he.isEnabled,
-              cameraPreviewEl: he.previewEl,
-              cameraDevices: _e.cameras,
-              activeCameraId: he.activeDeviceId,
-              isScreenShareEnabled: De.isEnabled,
-              screenPreviewEl: De.previewEl,
+              connectionState: w.connectionState,
+              agentState: w.agentState,
+              transcript: w.transcript,
+              isMuted: G.isMuted,
+              micDevices: Xe.mics,
+              activeMicId: G.activeDeviceId,
+              isCameraEnabled: ne.isEnabled,
+              cameraPreviewEl: ne.previewEl,
+              cameraDevices: Xe.cameras,
+              activeCameraId: ne.activeDeviceId,
+              isScreenShareEnabled: Le.isEnabled,
+              screenPreviewEl: Le.previewEl,
               isSpeakerMuted: He,
-              allowCamera: P,
+              allowCamera: M,
               allowScreenShare: F,
-              allowTyping: G,
-              showMinimize: le,
-              chromeless: ee,
-              compactControls: Le,
-              transforming: ue,
+              allowTyping: re,
+              showMinimize: ie,
+              chromeless: Z,
+              compactControls: ae,
+              transforming: fe,
               transformingLabel: ve,
-              languageMenuOpen: ut,
-              onToggleLanguageMenu: () => wt((g) => !g),
-              needsUserGesture: dt,
-              canResume: v.canResume,
-              micError: oe.micError,
-              error: v.error,
+              languageMenuOpen: Ce,
+              onToggleLanguageMenu: () => ft((g) => !g),
+              needsUserGesture: wt,
+              canResume: w.canResume,
+              micError: G.micError,
+              error: w.error,
               avatarVideoContainerRef: Pt,
-              agentVideoEl: v.videoElement,
-              onConnect: () => void v.connect(),
-              onDisconnect: () => v.disconnect(),
+              agentVideoEl: w.videoElement,
+              onConnect: () => void w.connect(),
+              onDisconnect: () => w.disconnect(),
               onRetry: Sn,
               onResumeAudio: Cn,
-              onToggleMute: oe.toggleMute,
-              onToggleCamera: () => void he.toggle(),
-              onSwitchCameraDevice: (g) => void he.switchDevice(g),
-              onToggleScreenShare: () => void De.toggle(),
+              onToggleMute: G.toggleMute,
+              onSwitchMicDevice: (g) => void G.switchDevice(g),
+              onToggleCamera: () => void ne.toggle(),
+              onSwitchCameraDevice: (g) => void ne.switchDevice(g),
+              onToggleScreenShare: () => void Le.toggle(),
               onToggleSpeaker: bn,
               onSendMessage: vn,
               onMinimize: En,
               onClose: zt,
-              onClearMicError: oe.clearError
+              onClearMicError: G.clearError
             }
           )
         ]
@@ -3049,169 +3084,169 @@ const Zr = lt(
   }
 );
 Zr.displayName = "AvatarWidget";
-const so = ({
+const ci = ({
   agentId: e,
   baseUrl: t,
   apiKey: r,
-  mode: o,
-  onAgentEvent: i,
+  mode: i,
+  onAgentEvent: o,
   className: l,
-  style: u
+  style: s
 }) => {
-  const d = S(null), c = S(null), f = S(i);
-  f.current = i;
-  const h = k((a) => {
-    var A;
-    const s = a.detail;
-    (A = f.current) == null || A.call(f, s);
+  const a = A(null), d = A(null), f = A(o);
+  f.current = o;
+  const _ = E((u) => {
+    var I;
+    const c = u.detail;
+    (I = f.current) == null || I.call(f, c);
   }, []);
-  return N(() => {
-    const a = d.current;
-    if (!a) return;
-    const s = document.createElement("livelayer-widget");
-    return s.setAttribute("agent-id", e), t && s.setAttribute("base-url", t), r && s.setAttribute("api-key", r), o && s.setAttribute("mode", o), s.addEventListener("agent-event", h), a.appendChild(s), c.current = s, () => {
-      s.removeEventListener("agent-event", h), a.removeChild(s), c.current = null;
+  return T(() => {
+    const u = a.current;
+    if (!u) return;
+    const c = document.createElement("livelayer-widget");
+    return c.setAttribute("agent-id", e), t && c.setAttribute("base-url", t), r && c.setAttribute("api-key", r), i && c.setAttribute("mode", i), c.addEventListener("agent-event", _), u.appendChild(c), d.current = c, () => {
+      c.removeEventListener("agent-event", _), u.removeChild(c), d.current = null;
     };
-  }, [e]), N(() => {
-    c.current && (o ? c.current.setAttribute("mode", o) : c.current.removeAttribute("mode"));
-  }, [o]), /* @__PURE__ */ n("div", { ref: d, className: l, style: u });
-}, co = lt(
-  function({ id: t, intent: r, as: o = "div", className: i, style: l, children: u }, d) {
+  }, [e]), T(() => {
+    d.current && (i ? d.current.setAttribute("mode", i) : d.current.removeAttribute("mode"));
+  }, [i]), /* @__PURE__ */ n("div", { ref: a, className: l, style: s });
+}, si = lt(
+  function({ id: t, intent: r, as: i = "div", className: o, style: l, children: s }, a) {
     return Dn(
-      o,
+      i,
       {
-        ref: d,
+        ref: a,
         "data-ll-region": t,
         "data-ll-intent": r,
-        className: i,
+        className: o,
         style: l
       },
-      u
+      s
     );
   }
-), uo = lt(
-  function({ id: t, intent: r, children: o, ...i }, l) {
+), di = lt(
+  function({ id: t, intent: r, children: i, ...o }, l) {
     return /* @__PURE__ */ n(
       "form",
       {
         ref: l,
         "data-ll-form": t,
         "data-ll-intent": r,
-        ...i,
-        children: o
+        ...o,
+        children: i
       }
     );
   }
-), fo = lt(
+), ui = lt(
   function(t, r) {
-    const { name: o, label: i, labelClassName: l } = t, u = { name: o, "data-ll-field": o };
-    let d;
+    const { name: i, label: o, labelClassName: l } = t, s = { name: i, "data-ll-field": i };
+    let a;
     if ("as" in t && t.as === "textarea") {
-      const { name: c, label: f, labelClassName: h, as: a, ...s } = t;
-      d = /* @__PURE__ */ n(
+      const { name: d, label: f, labelClassName: _, as: u, ...c } = t;
+      a = /* @__PURE__ */ n(
         "textarea",
         {
           ref: r,
-          ...u,
-          ...s
+          ...s,
+          ...c
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: c, label: f, labelClassName: h, as: a, children: s, ...A } = t;
-      d = /* @__PURE__ */ n(
+      const { name: d, label: f, labelClassName: _, as: u, children: c, ...I } = t;
+      a = /* @__PURE__ */ n(
         "select",
         {
           ref: r,
-          ...u,
-          ...A,
-          children: s
+          ...s,
+          ...I,
+          children: c
         }
       );
     } else {
-      const { name: c, label: f, labelClassName: h, as: a, ...s } = t;
-      d = /* @__PURE__ */ n(
+      const { name: d, label: f, labelClassName: _, as: u, ...c } = t;
+      a = /* @__PURE__ */ n(
         "input",
         {
           ref: r,
-          ...u,
-          ...s
+          ...s,
+          ...c
         }
       );
     }
-    return i === void 0 ? d : /* @__PURE__ */ y("label", { className: l, children: [
-      i,
-      d
+    return o === void 0 ? a : /* @__PURE__ */ v("label", { className: l, children: [
+      o,
+      a
     ] });
   }
 );
-let cn = 1;
-function po({
+let sn = 1;
+function fi({
   onMount: e,
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [o, i] = L(t), [l, u] = L([]), [d, c] = L(""), [f, h] = L(!1), a = S(/* @__PURE__ */ new Set()), s = S([]), A = S(f);
-  A.current = f, N(() => {
+  const [i, o] = C(t), [l, s] = C([]), [a, d] = C(""), [f, _] = C(!1), u = A(/* @__PURE__ */ new Set()), c = A([]), I = A(f);
+  I.current = f, T(() => {
     try {
-      const b = localStorage.getItem(r);
-      b === "1" && i(!0), b === "0" && i(!1);
+      const y = localStorage.getItem(r);
+      y === "1" && o(!0), y === "0" && o(!1);
     } catch {
     }
-  }, [r]), N(() => {
+  }, [r]), T(() => {
     try {
-      localStorage.setItem(r, o ? "1" : "0");
+      localStorage.setItem(r, i ? "1" : "0");
     } catch {
     }
-  }, [o, r]), N(() => {
-    const b = (w) => {
-      (w.metaKey || w.ctrlKey) && w.shiftKey && w.key.toLowerCase() === "l" && (w.preventDefault(), i((R) => !R));
+  }, [i, r]), T(() => {
+    const y = (m) => {
+      (m.metaKey || m.ctrlKey) && m.shiftKey && m.key.toLowerCase() === "l" && (m.preventDefault(), o((S) => !S));
     };
-    return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
-  }, []), N(() => {
-    const b = setInterval(() => {
-      if (s.current.length === 0 || A.current) return;
-      const w = s.current.splice(0, s.current.length);
-      u(
-        (R) => [...w.reverse(), ...R].slice(0, 200)
+    return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
+  }, []), T(() => {
+    const y = setInterval(() => {
+      if (c.current.length === 0 || I.current) return;
+      const m = c.current.splice(0, c.current.length);
+      s(
+        (S) => [...m.reverse(), ...S].slice(0, 200)
       );
     }, 100);
-    return () => clearInterval(b);
+    return () => clearInterval(y);
   }, []);
-  const D = S(!1);
-  if (N(() => {
-    !e || D.current || (D.current = !0, e((b) => {
-      s.current.push({
-        id: cn++,
+  const L = A(!1);
+  if (T(() => {
+    !e || L.current || (L.current = !0, e((y) => {
+      c.current.push({
+        id: sn++,
         ts: Date.now(),
         kind: "event",
-        type: b.eventName,
-        data: b.data
+        type: y.eventName,
+        data: y.data
       });
     }));
-  }, [e]), N(() => {
-    const b = console.warn, w = console.log, R = (T, z) => function(..._) {
+  }, [e]), T(() => {
+    const y = console.warn, m = console.log, S = ($, D) => function(...x) {
       try {
-        const I = typeof _[0] == "string" ? _[0] : "";
-        I.startsWith("[LiveLayer]") && s.current.push({
-          id: cn++,
+        const R = typeof x[0] == "string" ? x[0] : "";
+        R.startsWith("[LiveLayer]") && c.current.push({
+          id: sn++,
           ts: Date.now(),
-          kind: T,
-          type: I.slice(0, 120),
-          data: { args: _.slice(1).map((q) => to(q)) }
+          kind: $,
+          type: R.slice(0, 120),
+          data: { args: x.slice(1).map((B) => ti(B)) }
         });
       } catch {
       }
-      return z.apply(this, _);
+      return D.apply(this, x);
     };
-    return console.warn = R("warn", b), console.log = R("log", w), () => {
-      console.warn = b, console.log = w;
+    return console.warn = S("warn", y), console.log = S("log", m), () => {
+      console.warn = y, console.log = m;
     };
-  }, []), !o)
+  }, []), !i)
     return /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        onClick: () => i(!0),
+        onClick: () => o(!0),
         title: "Open LiveLayer debug panel (Cmd/Ctrl + Shift + L)",
         "aria-label": "Open LiveLayer debug panel",
         style: {
@@ -3233,12 +3268,12 @@ function po({
         children: "🛰 LL debug"
       }
     );
-  const E = l.filter((b) => {
-    if (!d) return !0;
-    const w = d.toLowerCase();
-    return b.type.toLowerCase().includes(w) || JSON.stringify(b.data || {}).toLowerCase().includes(w);
+  const b = l.filter((y) => {
+    if (!a) return !0;
+    const m = a.toLowerCase();
+    return y.type.toLowerCase().includes(m) || JSON.stringify(y.data || {}).toLowerCase().includes(m);
   });
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ v(
     "div",
     {
       style: {
@@ -3260,7 +3295,7 @@ function po({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ v(
           "div",
           {
             style: {
@@ -3273,7 +3308,7 @@ function po({
             },
             children: [
               /* @__PURE__ */ n("span", { style: { fontWeight: 600, fontSize: 12 }, children: "LiveLayer debug" }),
-              /* @__PURE__ */ y("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
+              /* @__PURE__ */ v("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
                 l.length,
                 " event",
                 l.length === 1 ? "" : "s"
@@ -3283,7 +3318,7 @@ function po({
                 "button",
                 {
                   type: "button",
-                  onClick: () => h((b) => !b),
+                  onClick: () => _((y) => !y),
                   style: Nt(f ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
                   children: f ? "▶ resume" : "⏸ pause"
@@ -3294,7 +3329,7 @@ function po({
                 {
                   type: "button",
                   onClick: () => {
-                    u([]), s.current = [];
+                    s([]), c.current = [];
                   },
                   style: Nt("transparent"),
                   title: "Clear buffer",
@@ -3305,7 +3340,7 @@ function po({
                 "button",
                 {
                   type: "button",
-                  onClick: () => i(!1),
+                  onClick: () => o(!1),
                   style: Nt("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
@@ -3319,8 +3354,8 @@ function po({
           "input",
           {
             type: "text",
-            value: d,
-            onChange: (b) => c(b.target.value),
+            value: a,
+            onChange: (y) => d(y.target.value),
             placeholder: "filter by type or data…",
             style: {
               margin: 8,
@@ -3342,7 +3377,7 @@ function po({
               overflowY: "auto",
               padding: "0 8px 8px"
             },
-            children: E.length === 0 ? /* @__PURE__ */ y(
+            children: b.length === 0 ? /* @__PURE__ */ v(
               "div",
               {
                 style: {
@@ -3372,16 +3407,16 @@ function po({
                   )
                 ]
               }
-            ) : E.map((b) => /* @__PURE__ */ n(
-              eo,
+            ) : b.map((y) => /* @__PURE__ */ n(
+              ei,
               {
-                entry: b,
-                expanded: a.current.has(b.id),
+                entry: y,
+                expanded: u.current.has(y.id),
                 onToggle: () => {
-                  a.current.has(b.id) ? a.current.delete(b.id) : a.current.add(b.id), u((w) => [...w]);
+                  u.current.has(y.id) ? u.current.delete(y.id) : u.current.add(y.id), s((m) => [...m]);
                 }
               },
-              b.id
+              y.id
             ))
           }
         )
@@ -3389,15 +3424,15 @@ function po({
     }
   );
 }
-function eo({
+function ei({
   entry: e,
   expanded: t,
   onToggle: r
 }) {
-  const o = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", i = new Date(e.ts).toLocaleTimeString("en-US", {
+  const i = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", o = new Date(e.ts).toLocaleTimeString("en-US", {
     hour12: !1
   });
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ v(
     "button",
     {
       type: "button",
@@ -3415,7 +3450,7 @@ function eo({
         lineHeight: 1.4
       },
       children: [
-        /* @__PURE__ */ y("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+        /* @__PURE__ */ v("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
           /* @__PURE__ */ n(
             "span",
             {
@@ -3424,14 +3459,14 @@ function eo({
                 fontVariantNumeric: "tabular-nums",
                 fontSize: 10
               },
-              children: i
+              children: o
             }
           ),
           /* @__PURE__ */ n(
             "span",
             {
               style: {
-                color: o,
+                color: i,
                 fontWeight: 600,
                 flexShrink: 0
               },
@@ -3470,48 +3505,48 @@ function Nt(e) {
     cursor: "pointer"
   };
 }
-function to(e) {
+function ti(e) {
   try {
     return e instanceof Error ? { message: e.message, stack: e.stack } : (JSON.stringify(e), e);
   } catch {
     return String(e);
   }
 }
-function ho() {
-  const [e, t] = L([]), r = k((i) => {
+function pi() {
+  const [e, t] = C([]), r = E((o) => {
     t((l) => {
-      const u = l.findIndex((d) => d.id === i.id);
-      if (u >= 0) {
-        const d = l.slice();
-        return d[u] = i, d;
+      const s = l.findIndex((a) => a.id === o.id);
+      if (s >= 0) {
+        const a = l.slice();
+        return a[s] = o, a;
       }
-      return [...l, i];
+      return [...l, o];
     });
-  }, []), o = k(() => t([]), []);
+  }, []), i = E(() => t([]), []);
   return {
     entries: e,
     pushSegment: r,
-    clear: o,
+    clear: i,
     latest: e.length > 0 ? e[e.length - 1] : null
   };
 }
 export {
   Zr as AvatarWidget,
   Hn as ErrorBoundary,
-  po as LiveLayerDebugPanel,
-  fo as LiveLayerField,
-  uo as LiveLayerForm,
-  co as LiveLayerRegion,
-  so as LiveLayerWidget,
+  fi as LiveLayerDebugPanel,
+  ui as LiveLayerField,
+  di as LiveLayerForm,
+  si as LiveLayerRegion,
+  ci as LiveLayerWidget,
   Or as clearPageContextCache,
   Ur as clearRoutesCache,
   zr as extractPageContext,
   qr as extractRoutes,
   an as getCachedPageContext,
   St as getCachedRoutes,
-  sr as matchesPattern,
+  cr as matchesPattern,
   Wr as normalizeRouteInput,
-  cr as shouldRenderAtPath,
+  sr as shouldRenderAtPath,
   Yn as useAgentInfo,
   Bn as useAudioLevel,
   Un as useCameraState,
@@ -3524,5 +3559,5 @@ export {
   rr as usePathname,
   dr as useRouteMatch,
   jn as useScreenShareState,
-  ho as useTranscript
+  pi as useTranscript
 };