@livelayer/react 0.5.24-debug.4 → 0.6.0

package/dist/index.mjs

@@ -1,9 +1,9 @@
 "use client";
-import { jsxs as x, jsx as n, Fragment as Nt } from "react/jsx-runtime";
-import { Component as wn, useState as C, useRef as N, useEffect as I, useCallback as L, useMemo as yt, forwardRef as At, createElement as _n } from "react";
-import { LiveKitSession as xn } from "@livelayer/sdk";
-import { createLocalAudioTrack as kn, Track as on, createLocalVideoTrack as Ln } from "livekit-client";
-class Sn extends wn {
+import { jsxs as x, jsx as n, Fragment as yt } from "react/jsx-runtime";
+import { Component as pn, useState as C, useRef as E, useEffect as N, useCallback as k, useMemo as He, forwardRef as vt, createElement as hn } from "react";
+import { LiveKitSession as mn } from "@livelayer/sdk";
+import { createLocalAudioTrack as gn, Track as Kt, createLocalVideoTrack as yn } from "livekit-client";
+class vn extends pn {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
       this.setState({ hasError: !1, error: null });
@@ -13,8 +13,8 @@ class Sn extends wn {
     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;
@@ -33,45 +33,38 @@ class Sn extends wn {
     ] }) : this.props.children;
   }
 }
-function En(e) {
-  const [t, r] = C("idle"), [o, i] = C("idle"), [l, u] = C([]), [d, p] = C(null), [y, w] = C(null), [s, a] = C(null), [S, R] = C(!1), [A, v] = C(null), _ = N(null), H = N(e.onDataMessage);
-  H.current = e.onDataMessage, I(() => {
-    const T = {
-      onConnectionStateChange: (z) => {
-        r(z), z === "connected" && v(null);
+function bn(e) {
+  const [t, r] = C("idle"), [i, o] = C("idle"), [l, c] = C([]), [d, u] = C(null), [h, m] = C(null), [a, s] = C(null), [R, q] = C(!1), [_, w] = C(null), y = E(null), H = E(e.onDataMessage);
+  H.current = e.onDataMessage, N(() => {
+    const S = {
+      onConnectionStateChange: (D) => {
+        r(D), D === "connected" && w(null);
       },
-      onAgentStateChange: i,
-      onTranscript: (z) => u([...z]),
-      onAgentConfig: p,
-      onAudioTrack: (z) => a(z),
-      onVideoTrack: (z) => w(z),
-      onVideoTrackRemoved: () => w(null),
-      onError: (z) => v(z),
-      onDataMessage: (z) => {
-        var P;
-        (P = H.current) == null || P.call(H, z);
+      onAgentStateChange: o,
+      onTranscript: (D) => c([...D]),
+      onAgentConfig: u,
+      onAudioTrack: (D) => s(D),
+      onVideoTrack: (D) => m(D),
+      onVideoTrackRemoved: () => m(null),
+      onError: (D) => w(D),
+      onDataMessage: (D) => {
+        var A;
+        (A = H.current) == null || A.call(H, D);
       },
-      onResumabilityChange: R
-    }, V = new xn(
+      onResumabilityChange: q
+    }, B = new mn(
       {
         agentId: e.agentId,
         baseUrl: e.baseUrl,
         apiKey: e.apiKey,
         sessionEndpoint: e.sessionEndpoint,
-        sessionBody: e.sessionBody,
-        // useMicrophoneState owns the mic track. If we let the SDK
-        // also publish, livekit-client logs "publishing a second track
-        // with the same source: microphone" and renegotiates the
-        // publisher PC, which closes the data channel — every later
-        // publishData throws "PC manager is closed". That breaks the
-        // pathname / page_context / routes pushes the agent depends on.
-        manageMic: !1
+        sessionBody: e.sessionBody
       },
-      T
+      S
     );
-    return _.current = V, r("idle"), i("idle"), u([]), p(null), w(null), a(null), R(!1), v(null), () => {
-      var z;
-      (z = V.destroy) == null || z.call(V), _.current = null;
+    return y.current = B, r("idle"), o("idle"), c([]), u(null), m(null), s(null), q(!1), w(null), () => {
+      var D;
+      (D = B.destroy) == null || D.call(B), y.current = null;
     };
   }, [
     e.agentId,
@@ -80,64 +73,64 @@ function En(e) {
     e.sessionEndpoint,
     JSON.stringify(e.sessionBody ?? {})
   ]);
-  const $ = L(async () => {
-    const T = _.current;
-    if (T)
+  const M = k(async () => {
+    const S = y.current;
+    if (S)
       try {
-        await T.connect();
-      } catch (V) {
-        throw v(V instanceof Error ? V.message : String(V)), V;
+        await S.connect();
+      } catch (B) {
+        throw w(B instanceof Error ? B.message : String(B)), B;
       }
-  }, []), q = L(() => {
-    const T = _.current;
-    T && T.disconnect();
-  }, []), m = L(() => {
-    var T;
-    return ((T = _.current) == null ? void 0 : T.getRoom()) ?? null;
+  }, []), z = k(() => {
+    const S = y.current;
+    S && S.disconnect();
+  }, []), v = k(() => {
+    var S;
+    return ((S = y.current) == null ? void 0 : S.getRoom()) ?? null;
   }, []);
   return {
     connectionState: t,
-    agentState: o,
+    agentState: i,
     transcript: l,
     agentConfig: d,
-    videoElement: y,
-    audioElement: s,
-    canResume: S,
-    error: A,
-    connect: $,
-    disconnect: q,
-    getRoom: m,
-    session: _.current
+    videoElement: h,
+    audioElement: a,
+    canResume: R,
+    error: _,
+    connect: M,
+    disconnect: z,
+    getRoom: v,
+    session: y.current
   };
 }
-function Cn() {
-  const e = N(null), t = N(null), r = N(null), o = N(null), i = N(/* @__PURE__ */ new Set()), l = N(null), u = L(() => {
-    const s = t.current;
-    if (!s) {
-      o.current = null;
+function wn() {
+  const e = E(null), t = E(null), r = E(null), i = E(null), o = E(/* @__PURE__ */ new Set()), l = E(null), c = k(() => {
+    const a = t.current;
+    if (!a) {
+      i.current = null;
       return;
     }
-    (!l.current || l.current.length !== s.frequencyBinCount) && (l.current = new Uint8Array(
-      new ArrayBuffer(s.frequencyBinCount)
+    (!l.current || l.current.length !== a.frequencyBinCount) && (l.current = new Uint8Array(
+      new ArrayBuffer(a.frequencyBinCount)
     ));
-    const a = l.current;
-    s.getByteFrequencyData(a);
-    let S = 0;
-    for (let A = 0; A < a.length; A++) S += a[A];
-    const R = S / a.length / 255;
-    for (const A of i.current)
+    const s = l.current;
+    a.getByteFrequencyData(s);
+    let R = 0;
+    for (let _ = 0; _ < s.length; _++) R += s[_];
+    const q = R / s.length / 255;
+    for (const _ of o.current)
       try {
-        A(R);
-      } catch (v) {
-        console.error("[useAudioLevel] subscriber threw:", v);
+        _(q);
+      } catch (w) {
+        console.error("[useAudioLevel] subscriber threw:", w);
       }
-    o.current = requestAnimationFrame(u);
-  }, []), d = L(() => {
+    i.current = requestAnimationFrame(c);
+  }, []), d = k(() => {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
-    const s = new AudioContext(), a = s.createAnalyser();
-    a.fftSize = 64, a.connect(s.destination), e.current = s, t.current = a;
-  }, []), p = L(
-    (s) => {
+    const a = new AudioContext(), s = a.createAnalyser();
+    s.fftSize = 64, s.connect(a.destination), e.current = a, t.current = s;
+  }, []), u = k(
+    (a) => {
       if (d(), !(!e.current || !t.current)) {
         if (r.current) {
           try {
@@ -147,29 +140,29 @@ function Cn() {
           r.current = null;
         }
         try {
-          const a = e.current.createMediaElementSource(s);
-          a.connect(t.current), r.current = a;
-        } catch (a) {
-          console.warn("[useAudioLevel] createMediaElementSource failed:", a);
+          const s = e.current.createMediaElementSource(a);
+          s.connect(t.current), r.current = s;
+        } catch (s) {
+          console.warn("[useAudioLevel] createMediaElementSource failed:", s);
           return;
         }
-        o.current === null && (o.current = requestAnimationFrame(u));
+        i.current === null && (i.current = requestAnimationFrame(c));
       }
     },
-    [d, u]
-  ), y = L(() => {
-    if (o.current !== null && (cancelAnimationFrame(o.current), o.current = null), r.current) {
+    [d, c]
+  ), h = k(() => {
+    if (i.current !== null && (cancelAnimationFrame(i.current), i.current = null), r.current) {
       try {
         r.current.disconnect();
       } catch {
       }
       r.current = null;
     }
-  }, []), w = L((s) => (i.current.add(s), () => {
-    i.current.delete(s);
+  }, []), m = k((a) => (o.current.add(a), () => {
+    o.current.delete(a);
   }), []);
-  return I(() => () => {
-    if (y(), t.current) {
+  return N(() => () => {
+    if (h(), t.current) {
       try {
         t.current.disconnect();
       } catch {
@@ -183,88 +176,81 @@ function Cn() {
       }
       e.current = null;
     }
-    i.current.clear(), l.current = null;
-  }, [y]), { attach: p, detach: y, subscribe: w };
+    o.current.clear(), l.current = null;
+  }, [h]), { attach: u, detach: h, subscribe: m };
 }
-function Nn() {
-  const [e, t] = C(!1), [r, o] = C(null), i = N(null), l = N(null), u = L(
-    async (s, a) => {
-      if (i.current && l.current) {
-        try {
-          await l.current.localParticipant.unpublishTrack(i.current);
-        } catch {
-        }
-        i.current.stop(), i.current = null;
-      }
-      l.current = s, o(null);
+function _n() {
+  const [e, t] = C(!1), [r, i] = C(null), o = E(null), l = E(null), c = k(async (m) => {
+    if (o.current && l.current) {
       try {
-        const S = await kn({
-          echoCancellation: !0,
-          noiseSuppression: !0
-        });
-        await s.localParticipant.publishTrack(S), i.current = S, t(S.isMuted);
-      } catch (S) {
-        const R = S instanceof Error && S.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-        throw o(R), S;
+        await l.current.localParticipant.unpublishTrack(o.current);
+      } catch {
       }
-    },
-    []
-  ), d = L(() => {
-    const s = i.current;
-    s && (s.isMuted ? (s.unmute(), t(!1)) : (s.mute(), t(!0)));
-  }, []), p = L((s) => {
-    const a = i.current;
-    a && (s && !a.isMuted ? (a.mute(), t(!0)) : !s && a.isMuted && (a.unmute(), t(!1)));
-  }, []), y = L(() => {
-    const s = i.current, a = l.current;
-    if (s && a) {
+      o.current.stop(), o.current = null;
+    }
+    l.current = m, i(null);
+    try {
+      const a = await gn({
+        echoCancellation: !0,
+        noiseSuppression: !0
+      });
+      await m.localParticipant.publishTrack(a), o.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 i(s), a;
+    }
+  }, []), d = k(() => {
+    const m = o.current;
+    m && (m.isMuted ? (m.unmute(), t(!1)) : (m.mute(), t(!0)));
+  }, []), u = k(() => {
+    const m = o.current, a = l.current;
+    if (m && a) {
       try {
-        a.localParticipant.unpublishTrack(s);
+        a.localParticipant.unpublishTrack(m);
       } catch {
       }
-      s.stop();
+      m.stop();
     }
-    i.current = null, l.current = null, t(!1);
-  }, []), w = L(() => o(null), []);
+    o.current = null, l.current = null, t(!1);
+  }, []), h = k(() => i(null), []);
   return {
     isMuted: e,
     micError: r,
     toggleMute: d,
-    setMuted: p,
-    setupMic: u,
-    teardownMic: y,
-    clearError: w
+    setupMic: c,
+    teardownMic: u,
+    clearError: h
   };
 }
-const An = { resolution: { width: 640, height: 480, frameRate: 24 } };
-function Rn() {
-  const [e, t] = C(!1), [r, o] = C(null), [i, l] = C(null), [u, d] = C(""), p = N(null), y = N(null), w = L((_) => {
-    p.current = _;
-  }, []), s = L(() => {
-    const _ = p.current, H = y.current;
-    if (H && _) {
-      const $ = _.localParticipant.getTrackPublication(on.Source.Camera);
-      if ($ != null && $.track) {
+const xn = { resolution: { width: 640, height: 480, frameRate: 24 } };
+function kn() {
+  const [e, t] = C(!1), [r, i] = C(null), [o, l] = C(null), [c, d] = C(""), u = E(null), h = E(null), m = k((y) => {
+    u.current = y;
+  }, []), a = k(() => {
+    const y = u.current, H = h.current;
+    if (H && y) {
+      const M = y.localParticipant.getTrackPublication(Kt.Source.Camera);
+      if (M != null && M.track) {
         try {
-          _.localParticipant.unpublishTrack($.track);
+          y.localParticipant.unpublishTrack(M.track);
         } catch {
         }
-        $.track.stop();
+        M.track.stop();
       } else
         H.stop();
     }
-    y.current = null, l(null), t(!1);
-  }, []), a = L(async (_) => {
-    const H = p.current;
+    h.current = null, l(null), t(!1);
+  }, []), s = k(async (y) => {
+    const H = u.current;
     if (H) {
-      o(null);
+      i(null);
       try {
-        const $ = { ...An };
-        _ && ($.deviceId = _);
-        const q = await Ln($);
-        await H.localParticipant.publishTrack(q), y.current = q;
-        const m = q.attach();
-        l(m), t(!0), _ && d(_);
+        const M = { ...xn };
+        y && (M.deviceId = y);
+        const z = await yn(M);
+        await H.localParticipant.publishTrack(z), h.current = z;
+        const v = z.attach();
+        l(v), t(!0), y && d(y);
         try {
           H.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
@@ -272,57 +258,57 @@ function Rn() {
           );
         } catch {
         }
-      } catch ($) {
-        const q = $ instanceof Error && $.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
-        o(q);
+      } catch (M) {
+        const z = M instanceof Error && M.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+        i(z);
       }
     }
-  }, []), S = L(async () => {
-    e ? s() : await a(u || void 0);
-  }, [e, u, s, a]), R = L(async (_) => {
-    s(), await a(_);
-  }, [s, a]), A = L(() => {
-    s(), p.current = null, o(null), d("");
-  }, [s]), v = L(() => o(null), []);
-  return I(() => () => {
-    y.current && y.current.stop();
+  }, []), R = k(async () => {
+    e ? a() : await s(c || void 0);
+  }, [e, c, a, s]), q = k(async (y) => {
+    a(), await s(y);
+  }, [a, s]), _ = k(() => {
+    a(), u.current = null, i(null), d("");
+  }, [a]), w = k(() => i(null), []);
+  return N(() => () => {
+    h.current && h.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
-    previewEl: i,
-    activeDeviceId: u,
-    toggle: S,
-    switchDevice: R,
-    attachRoom: w,
-    teardown: A,
-    clearError: v
+    previewEl: o,
+    activeDeviceId: c,
+    toggle: R,
+    switchDevice: q,
+    attachRoom: m,
+    teardown: _,
+    clearError: w
   };
 }
-function Dn() {
-  const [e, t] = C(!1), [r, o] = C(null), [i, l] = C(null), u = N(null), d = L((a) => {
-    u.current = a;
-  }, []), p = L(() => l(null), []), y = L(async () => {
-    const a = u.current;
-    if (a) {
+function Ln() {
+  const [e, t] = C(!1), [r, i] = C(null), [o, l] = C(null), c = E(null), d = k((s) => {
+    c.current = s;
+  }, []), u = k(() => l(null), []), h = k(async () => {
+    const s = c.current;
+    if (s) {
       if (e) {
         try {
-          await a.localParticipant.setScreenShareEnabled(!1);
+          await s.localParticipant.setScreenShareEnabled(!1);
         } catch {
         }
-        p(), t(!1);
+        u(), t(!1);
         return;
       }
-      o(null);
+      i(null);
       try {
-        await a.localParticipant.setScreenShareEnabled(!0);
-        let S = 0;
-        const R = () => {
-          const A = a.localParticipant.getTrackPublication(on.Source.ScreenShare);
-          if (A != null && A.track) {
-            const v = A.track.attach();
-            l(v), t(!0);
+        await s.localParticipant.setScreenShareEnabled(!0);
+        let R = 0;
+        const q = () => {
+          const _ = s.localParticipant.getTrackPublication(Kt.Source.ScreenShare);
+          if (_ != null && _.track) {
+            const w = _.track.attach();
+            l(w), t(!0);
             try {
-              a.localParticipant.publishData(
+              s.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
                 { reliable: !0 }
               );
@@ -330,64 +316,64 @@ function Dn() {
             }
             return;
           }
-          S++ < 10 ? setTimeout(R, 100) : t(!0);
+          R++ < 10 ? setTimeout(q, 100) : t(!0);
         };
-        R();
-      } catch (S) {
-        const R = S instanceof Error ? S.name : "";
-        R !== "NotAllowedError" && R !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
+        q();
+      } catch (R) {
+        const q = R instanceof Error ? R.name : "";
+        q !== "NotAllowedError" && q !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
       }
     }
-  }, [e, p]), w = L(() => {
-    const a = u.current;
-    if (a && e)
+  }, [e, u]), m = k(() => {
+    const s = c.current;
+    if (s && e)
       try {
-        a.localParticipant.setScreenShareEnabled(!1);
+        s.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
-    p(), t(!1), o(null), u.current = null;
-  }, [e, p]), s = L(() => o(null), []);
-  return { isEnabled: e, error: r, previewEl: i, toggle: y, attachRoom: d, teardown: w, clearError: s };
+    u(), t(!1), i(null), c.current = null;
+  }, [e, u]), a = k(() => i(null), []);
+  return { isEnabled: e, error: r, previewEl: o, toggle: h, attachRoom: d, teardown: m, clearError: a };
 }
-function Mn() {
-  const [e, t] = C([]), [r, o] = C([]), i = L(async () => {
+function Sn() {
+  const [e, t] = C([]), [r, i] = C([]), o = k(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((c) => c.kind === "audioinput")), i(l.filter((c) => c.kind === "videoinput"));
       } catch {
       }
   }, []);
-  return I(() => {
-    if (i(), typeof navigator > "u" || !navigator.mediaDevices) return;
-    const l = () => void i();
+  return N(() => {
+    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 In(e, t, r = !1) {
-  const [o, i] = C(null), [l, u] = C(null), [d, p] = C(!r && !!e);
-  return I(() => {
+function Cn(e, t, r = !1) {
+  const [i, o] = C(null), [l, c] = C(null), [d, u] = C(!r && !!e);
+  return N(() => {
     if (r || !e) {
-      p(!1);
+      u(!1);
       return;
     }
-    const y = new AbortController(), w = t || "https://app.livelayer.studio";
-    return p(!0), u(null), fetch(`${w}/api/widget/agent/${encodeURIComponent(e)}`, {
-      signal: y.signal
-    }).then(async (s) => {
-      if (!s.ok) {
-        const a = await s.json().catch(() => ({}));
-        throw new Error(a.error || `HTTP ${s.status}`);
+    const h = new AbortController(), m = t || "https://app.livelayer.studio";
+    return u(!0), c(null), fetch(`${m}/api/widget/agent/${encodeURIComponent(e)}`, {
+      signal: h.signal
+    }).then(async (a) => {
+      if (!a.ok) {
+        const s = await a.json().catch(() => ({}));
+        throw new Error(s.error || `HTTP ${a.status}`);
       }
-      return s.json();
-    }).then((s) => {
-      y.signal.aborted || (i(s), p(!1));
-    }).catch((s) => {
-      y.signal.aborted || (u(s instanceof Error ? s.message : "Agent lookup failed"), p(!1));
-    }), () => y.abort();
-  }, [e, t, r]), { info: o, error: l, loading: d };
-}
-function Tn(e) {
+      return a.json();
+    }).then((a) => {
+      h.signal.aborted || (o(a), u(!1));
+    }).catch((a) => {
+      h.signal.aborted || (c(a instanceof Error ? a.message : "Agent lookup failed"), u(!1));
+    }), () => h.abort();
+  }, [e, t, r]), { info: i, error: l, loading: d };
+}
+function En(e) {
   if (typeof window > "u") return null;
   try {
     return window.localStorage.getItem(e);
@@ -395,127 +381,192 @@ function Tn(e) {
     return null;
   }
 }
-function Pn(e, t) {
+function Nn(e, t) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(e, t);
     } catch {
     }
 }
-function $n({
+function An({
   value: e,
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const o = e !== void 0, [i, l] = C(t), u = o ? e : i, d = L(
-    (p) => {
-      p !== u && (o || l(p), r == null || r(p));
+  const i = e !== void 0, [o, l] = C(t), c = i ? e : o, d = k(
+    (u) => {
+      u !== c && (i || l(u), r == null || r(u));
     },
-    [u, o, r]
+    [c, i, r]
   );
-  return [u, d];
+  return [c, d];
 }
-const Bn = ["hidden", "minimized", "expanded"];
-function zn(e) {
-  return e && Bn.includes(e) ? e : null;
+const Rn = ["hidden", "minimized", "expanded"];
+function In(e) {
+  return e && Rn.includes(e) ? e : null;
 }
-function Hn({
+function Mn({
   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 = N(!1), [d, p] = $n({
+  const l = `${i}:display-mode`, c = E(!1), [d, u] = An({
     value: e,
     defaultValue: t,
-    onChange: (y) => {
-      e === void 0 && !i && Pn(l, y), r == null || r(y);
+    onChange: (h) => {
+      e === void 0 && !o && Nn(l, h), r == null || r(h);
     }
   });
-  return I(() => {
-    if (u.current || (u.current = !0, i || e !== void 0)) return;
-    const y = zn(Tn(l));
-    y && y !== d && p(y);
-  }, []), [d, p];
-}
-const qn = 640;
-function On(e = qn) {
+  return N(() => {
+    if (c.current || (c.current = !0, o || e !== void 0)) return;
+    const h = In(En(l));
+    h && h !== d && u(h);
+  }, []), [d, u];
+}
+const Tn = 640;
+function Pn(e = Tn) {
   const [t, r] = C(!1);
-  return I(() => {
+  return N(() => {
     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;
 }
-const Ut = "__llHistoryPatched", vt = "ll:pathname";
-function Un() {
-  if (typeof window > "u" || window.history[Ut]) return;
+const Pt = "__llHistoryPatched", at = "ll:pathname";
+function Dn() {
+  if (typeof window > "u" || window.history[Pt]) 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(vt)), o;
+    const i = e.apply(this, r);
+    return window.dispatchEvent(new Event(at)), i;
   }, window.history.replaceState = function(...r) {
-    const o = t.apply(this, r);
-    return window.dispatchEvent(new Event(vt)), o;
-  }, window.history[Ut] = !0;
+    const i = t.apply(this, r);
+    return window.dispatchEvent(new Event(at)), i;
+  }, window.history[Pt] = !0;
 }
-function Vt() {
+function Dt() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
-function Vn(e) {
+function $n(e) {
   const [t, r] = C(
-    () => e ?? Vt()
+    () => e ?? Dt()
   );
-  return I(() => {
+  return N(() => {
     if (e !== void 0) return;
-    Un();
-    const o = () => r(Vt());
-    return o(), window.addEventListener("popstate", o), window.addEventListener(vt, o), () => {
-      window.removeEventListener("popstate", o), window.removeEventListener(vt, o);
+    Dn();
+    const i = () => r(Dt());
+    return i(), window.addEventListener("popstate", i), window.addEventListener(at, i), () => {
+      window.removeEventListener("popstate", i), window.removeEventListener(at, i);
     };
   }, [e]), e ?? t;
 }
-const Wt = /* @__PURE__ */ new Map(), Wn = /[\\^$+?.()|{}[\]]/g;
-function Fn(e) {
-  return e.replace(Wn, "\\$&");
+const $t = /* @__PURE__ */ new Map(), zn = /[\\^$+?.()|{}[\]]/g;
+function Hn(e) {
+  return e.replace(zn, "\\$&");
 }
-function jn(e) {
-  const t = Wt.get(e);
+function On(e) {
+  const t = $t.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 = Fn(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "g"), "[^/]+"), p = new RegExp(`^${d}\\/?$`);
-  return Wt.set(e, p), p;
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", o = "", l = r.replace(/\*\*/g, i).replace(/\*/g, o), d = Hn(l).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(o, "g"), "[^/]+"), u = new RegExp(`^${d}\\/?$`);
+  return $t.set(e, u), u;
 }
-function Gn(e, t) {
+function qn(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
-  return jn(e).test(r);
+  return On(e).test(r);
 }
-function Yn(e, t) {
-  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : Gn(e, t);
+function Bn(e, t) {
+  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : qn(e, t);
 }
-function Ft(e, t) {
+function zt(e, t) {
   if (!e || e.length === 0) return !1;
   for (const r of e)
-    if (Yn(r, t)) return !0;
+    if (Bn(r, t)) return !0;
   return !1;
 }
-function Jn(e, t, r) {
-  return e === void 0 ? !0 : Ft(r, e) ? !1 : t && t.length > 0 ? Ft(t, e) : !0;
+function Wn(e, t, r) {
+  return e === void 0 ? !0 : zt(r, e) ? !1 : t && t.length > 0 ? zt(t, e) : !0;
 }
-function Kn(e, t, r) {
-  return yt(
-    () => Jn(e, t, r),
+function Fn(e, t, r) {
+  return He(
+    () => Wn(e, t, r),
     [e, t, r]
   );
 }
-const jt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
+function Un(e) {
+  return e === !1 ? { navigate: !1, thinking: !1, action: !1 } : e === void 0 || e === !0 ? { navigate: !0, thinking: !0, action: !0 } : {
+    navigate: e.navigate !== !1,
+    thinking: e.thinking !== !1,
+    action: e.action !== !1
+  };
+}
+function jn(e) {
+  const t = He(() => Un(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), i = E(null), o = k(
+    (u) => {
+      try {
+        new Audio(`${r}${u}`).play().catch(() => {
+        });
+      } catch {
+      }
+    },
+    [r]
+  ), l = k(() => {
+    t.navigate && o("/audio/page-change-sound.mp3");
+  }, [t.navigate, o]), c = k(() => {
+    t.action && o("/audio/confirmation-sound.mp3");
+  }, [t.action, o]), d = k(
+    (u) => {
+      if (!t.thinking) {
+        if (i.current) {
+          try {
+            i.current.pause();
+          } catch {
+          }
+          i.current = null;
+        }
+        return;
+      }
+      if (u) {
+        if (i.current) return;
+        try {
+          const h = new Audio(`${r}/audio/thinking-sound.mp3`);
+          h.loop = !0, h.volume = 0.3, h.play().catch(() => {
+            i.current = null;
+          }), i.current = h;
+        } catch {
+        }
+      } else if (i.current) {
+        try {
+          i.current.pause();
+        } catch {
+        }
+        i.current = null;
+      }
+    },
+    [r, t.thinking]
+  );
+  return N(() => () => {
+    if (i.current) {
+      try {
+        i.current.pause();
+      } catch {
+      }
+      i.current = null;
+    }
+  }, []), He(
+    () => ({ playPageChange: l, playConfirmation: c, setThinking: d }),
+    [l, c, d]
+  );
+}
+const Ht = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
   "svg",
   {
     className: t,
@@ -561,7 +612,7 @@ const jt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
       }
     )
   }
-), Gt = ({ className: e }) => /* @__PURE__ */ n(
+), Ot = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -579,7 +630,7 @@ const jt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
       }
     )
   }
-), Xn = ({ className: e }) => /* @__PURE__ */ n(
+), Vn = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -590,12 +641,12 @@ const jt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
   }
-), Qn = {
+), Yn = {
   left: 180,
   right: 0,
   up: -90,
   down: 90
-}, Yt = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
+}, qt = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
   "svg",
   {
     className: t,
@@ -603,19 +654,19 @@ const jt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    style: { transform: `rotate(${Qn[e]}deg)` },
+    style: { transform: `rotate(${Yn[e]}deg)` },
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
   }
 );
-function Zn(e) {
+function Gn(e) {
   return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const ln = "ll-hidden-tab-center-y", er = 5, Jt = 16;
-function tr() {
+const Qt = "ll-hidden-tab-center-y", Xn = 5, Bt = 16;
+function Jn() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(ln);
+    const e = window.localStorage.getItem(Qt);
     if (!e) return null;
     const t = Number.parseFloat(e);
     return Number.isFinite(t) ? t : null;
@@ -623,124 +674,124 @@ function tr() {
     return null;
   }
 }
-function Kt(e) {
+function Wt(e) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(ln, String(e));
+      window.localStorage.setItem(Qt, String(e));
     } catch {
     }
 }
-const nr = ({
+const Kn = ({
   position: e,
   isMobile: t,
   isSpeaking: r,
-  onExpand: o,
-  label: i = "Open widget",
+  onExpand: i,
+  label: o = "Open widget",
   avatarImageUrl: l,
-  agentName: u
+  agentName: c
 }) => {
-  const d = Zn(e), p = d === "right" ? "left" : "right", y = t ? 80 : 72, w = !!l, [s, a] = C(null), [S, R] = C(!1), A = N(null), v = N(!1), _ = L(
-    (P) => {
-      if (typeof window > "u") return P;
-      const O = y / 2, G = Jt + O, ee = window.innerHeight - Jt - O;
-      return ee < G ? Math.max(G, P) : Math.max(G, Math.min(ee, P));
+  const d = Gn(e), u = d === "right" ? "left" : "right", h = t ? 80 : 72, m = !!l, [a, s] = C(null), [R, q] = C(!1), _ = E(null), w = E(!1), y = k(
+    (A) => {
+      if (typeof window > "u") return A;
+      const T = h / 2, W = Bt + T, G = window.innerHeight - Bt - T;
+      return G < W ? Math.max(W, A) : Math.max(W, Math.min(G, A));
     },
-    [y]
+    [h]
   );
-  I(() => {
-    const P = tr();
-    a(_(P ?? window.innerHeight / 2));
-    const O = () => {
-      a((G) => G === null ? null : _(G));
+  N(() => {
+    const A = Jn();
+    s(y(A ?? window.innerHeight / 2));
+    const T = () => {
+      s((W) => W === null ? null : y(W));
     };
-    return window.addEventListener("resize", O), () => window.removeEventListener("resize", O);
-  }, [_]);
-  const H = L(
-    (P) => {
-      if (!(P.pointerType === "mouse" && P.button !== 0) && s !== null) {
+    return window.addEventListener("resize", T), () => window.removeEventListener("resize", T);
+  }, [y]);
+  const H = k(
+    (A) => {
+      if (!(A.pointerType === "mouse" && A.button !== 0) && a !== null) {
         try {
-          P.currentTarget.setPointerCapture(P.pointerId);
+          A.currentTarget.setPointerCapture(A.pointerId);
         } catch {
         }
-        A.current = {
-          startClientY: P.clientY,
-          startCenterY: s,
+        _.current = {
+          startClientY: A.clientY,
+          startCenterY: a,
           moved: !1
         };
       }
     },
-    [s]
-  ), $ = L(
-    (P) => {
-      const O = A.current;
-      if (!O) return;
-      const G = P.clientY - O.startClientY;
-      !O.moved && Math.abs(G) > er && (O.moved = !0, R(!0)), O.moved && a(_(O.startCenterY + G));
+    [a]
+  ), M = k(
+    (A) => {
+      const T = _.current;
+      if (!T) return;
+      const W = A.clientY - T.startClientY;
+      !T.moved && Math.abs(W) > Xn && (T.moved = !0, q(!0)), T.moved && s(y(T.startCenterY + W));
     },
-    [_]
-  ), q = L(
-    (P) => {
-      const O = A.current;
-      if (O) {
+    [y]
+  ), z = k(
+    (A) => {
+      const T = _.current;
+      if (T) {
         try {
-          P.currentTarget.releasePointerCapture(P.pointerId);
+          A.currentTarget.releasePointerCapture(A.pointerId);
         } catch {
         }
-        A.current = null, O.moved && (R(!1), v.current = !0, a((G) => (G !== null && Kt(G), G)));
+        _.current = null, T.moved && (q(!1), w.current = !0, s((W) => (W !== null && Wt(W), W)));
       }
     },
     []
-  ), m = L(() => {
-    if (v.current) {
-      v.current = !1;
+  ), v = k(() => {
+    if (w.current) {
+      w.current = !1;
       return;
     }
-    o();
-  }, [o]), T = L(
-    (P) => {
-      if (P.key === "ArrowUp" || P.key === "ArrowDown") {
-        P.preventDefault();
-        const O = P.key === "ArrowUp" ? -8 : 8;
-        a((G) => {
-          if (G === null) return G;
-          const ee = _(G + O);
-          return Kt(ee), ee;
+    i();
+  }, [i]), S = k(
+    (A) => {
+      if (A.key === "ArrowUp" || A.key === "ArrowDown") {
+        A.preventDefault();
+        const T = A.key === "ArrowUp" ? -8 : 8;
+        s((W) => {
+          if (W === null) return W;
+          const G = y(W + T);
+          return Wt(G), G;
         });
       }
     },
-    [_]
-  ), V = [
+    [y]
+  ), B = [
     "ll-hidden",
     `ll-hidden--${d}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
-    S ? "is-dragging" : null,
-    w ? "ll-hidden--with-avatar" : null
-  ].filter(Boolean).join(" "), z = s === null ? void 0 : { top: `${s - y / 2}px`, transform: "none" };
+    R ? "is-dragging" : null,
+    m ? "ll-hidden--with-avatar" : null
+  ].filter(Boolean).join(" "), D = a === null ? void 0 : { top: `${a - h / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: V,
+      className: B,
       onPointerDown: H,
-      onPointerMove: $,
-      onPointerUp: q,
-      onPointerCancel: q,
-      onClick: m,
-      onKeyDown: T,
-      "aria-label": i,
+      onPointerMove: M,
+      onPointerUp: z,
+      onPointerCancel: z,
+      onClick: v,
+      onKeyDown: S,
+      "aria-label": o,
       "data-position": e,
-      style: z,
-      children: w ? (
+      style: D,
+      children: m ? (
         // Layout: tiny chevron flush against the inward edge (peeks out
         // as the click affordance), then the circular avatar photo
         // taking the rest of the tab. Reinforces "this is an
         // avatar-based experience" even when collapsed.
-        /* @__PURE__ */ x(Nt, { children: [
+        /* @__PURE__ */ x(yt, { children: [
           /* @__PURE__ */ n(
-            Yt,
+            qt,
             {
-              direction: p,
+              direction: u,
               className: "ll-hidden__chevron ll-hidden__chevron--mini"
             }
           ),
@@ -748,64 +799,64 @@ const nr = ({
             "img",
             {
               src: l,
-              alt: u ? `${u} avatar` : "Agent avatar",
+              alt: c ? `${c} avatar` : "Agent avatar",
               className: "ll-hidden__avatar",
               draggable: !1
             }
           )
         ] })
       ) : /* @__PURE__ */ n(
-        Yt,
+        qt,
         {
-          direction: p,
+          direction: u,
           className: "ll-hidden__chevron"
         }
       )
     }
   );
-}, rr = ({
+}, Qn = ({
   audioLevel: e,
   bars: t = 20,
   maxHeight: r = 20,
-  minHeight: o = 4,
-  className: i,
+  minHeight: i = 4,
+  className: o,
   barClassName: l
 }) => {
-  const u = N(null), d = N([]), p = yt(() => {
-    const w = (Math.sqrt(5) - 1) / 2;
-    return Array.from({ length: t }, (s, a) => 0.5 + a * w % 1 * 0.5);
+  const c = E(null), d = E([]), u = He(() => {
+    const m = (Math.sqrt(5) - 1) / 2;
+    return Array.from({ length: t }, (a, s) => 0.5 + s * m % 1 * 0.5);
   }, [t]);
-  I(() => e.subscribe((s) => {
-    for (let a = 0; a < t; a++) {
-      const S = d.current[a];
-      if (!S) continue;
-      const R = Math.max(o, s * r * p[a]);
-      S.style.height = `${R}px`;
+  N(() => e.subscribe((a) => {
+    for (let s = 0; s < t; s++) {
+      const R = d.current[s];
+      if (!R) continue;
+      const q = Math.max(i, a * r * u[s]);
+      R.style.height = `${q}px`;
     }
-  }), [e, t, r, o, p]);
-  const y = ["ll-waveform", i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: u, className: y, "aria-hidden": "true", children: Array.from({ length: t }, (w, s) => /* @__PURE__ */ n(
+  }), [e, t, r, i, u]);
+  const h = ["ll-waveform", o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: c, className: h, "aria-hidden": "true", children: Array.from({ length: t }, (m, a) => /* @__PURE__ */ n(
     "div",
     {
-      ref: (a) => {
-        d.current[s] = a;
+      ref: (s) => {
+        d.current[a] = s;
       },
       className: ["ll-waveform__bar", l].filter(Boolean).join(" "),
-      style: { height: `${o}px` }
+      style: { height: `${i}px` }
     },
-    s
+    a
   )) });
-}, or = ({
+}, Zn = ({
   position: e,
   isMobile: t,
   agentName: r,
-  avatarImageUrl: o,
-  agentState: i,
+  avatarImageUrl: i,
+  agentState: o,
   isMuted: l,
-  audioLevel: u,
+  audioLevel: c,
   onExpand: d,
-  onToggleMute: p,
-  onClose: y
+  onToggleMute: u,
+  onClose: h
 }) => t ? /* @__PURE__ */ n(
   "div",
   {
@@ -820,21 +871,21 @@ const nr = ({
         onClick: d,
         "aria-label": `Expand ${r} widget`,
         children: [
-          o ? (
+          i ? (
             // eslint-disable-next-line @next/next/no-img-element
             /* @__PURE__ */ n(
               "img",
               {
-                src: o,
+                src: i,
                 alt: r,
                 className: "ll-minimized__avatar"
               }
             )
           ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
           /* @__PURE__ */ n(
-            rr,
+            Qn,
             {
-              audioLevel: u,
+              audioLevel: c,
               bars: 16,
               maxHeight: 18,
               className: "ll-minimized__waveform"
@@ -848,17 +899,17 @@ const nr = ({
                 className: "ll-minimized__btn",
                 role: "button",
                 tabIndex: 0,
-                onClick: (w) => {
-                  w.stopPropagation(), p();
+                onClick: (m) => {
+                  m.stopPropagation(), u();
                 },
-                onKeyDown: (w) => {
-                  (w.key === "Enter" || w.key === " ") && (w.stopPropagation(), w.preventDefault(), p());
+                onKeyDown: (m) => {
+                  (m.key === "Enter" || m.key === " ") && (m.stopPropagation(), m.preventDefault(), u());
                 },
                 "aria-label": l ? "Unmute microphone" : "Mute microphone",
-                children: /* @__PURE__ */ n(jt, { muted: l, className: "ll-minimized__icon" })
+                children: /* @__PURE__ */ n(Ht, { muted: l, className: "ll-minimized__icon" })
               }
             ),
-            /* @__PURE__ */ n(Gt, { className: "ll-minimized__icon ll-minimized__icon--expand" })
+            /* @__PURE__ */ n(Ot, { className: "ll-minimized__icon ll-minimized__icon--expand" })
           ] })
         ]
       }
@@ -872,12 +923,12 @@ const nr = ({
     role: "region",
     "aria-label": `${r} widget`,
     children: /* @__PURE__ */ x("div", { className: "ll-minimized__surface", children: [
-      o ? (
+      i ? (
         // eslint-disable-next-line @next/next/no-img-element
         /* @__PURE__ */ n(
           "img",
           {
-            src: o,
+            src: i,
             alt: r,
             className: "ll-minimized__avatar"
           }
@@ -885,7 +936,7 @@ const nr = ({
       ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
       /* @__PURE__ */ x("div", { className: "ll-minimized__meta", children: [
         /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
-        /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: i === "speaking" ? "Speaking" : i === "thinking" ? "Thinking" : "Listening" })
+        /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: o === "speaking" ? "Speaking" : o === "thinking" ? "Thinking" : "Listening" })
       ] }),
       /* @__PURE__ */ x("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
@@ -893,9 +944,9 @@ const nr = ({
           {
             type: "button",
             className: "ll-minimized__btn",
-            onClick: p,
+            onClick: u,
             "aria-label": l ? "Unmute microphone" : "Mute microphone",
-            children: /* @__PURE__ */ n(jt, { muted: l, className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Ht, { muted: l, className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -905,7 +956,7 @@ const nr = ({
             className: "ll-minimized__btn",
             onClick: d,
             "aria-label": `Expand ${r} widget`,
-            children: /* @__PURE__ */ n(Gt, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Ot, { className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -913,26 +964,26 @@ const nr = ({
           {
             type: "button",
             className: "ll-minimized__btn ll-minimized__btn--close",
-            onClick: y,
+            onClick: h,
             "aria-label": "Close widget",
-            children: /* @__PURE__ */ n(Xn, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Vn, { className: "ll-minimized__icon" })
           }
         )
       ] })
     ] })
   }
-), ir = ({
+), er = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
-  className: o,
-  style: i
+  className: i,
+  style: o
 }) => {
-  const [l, u] = C(!1), d = N(e);
-  if (I(() => {
-    d.current !== e && (d.current = e, u(!1));
+  const [l, c] = C(!1), d = E(e);
+  if (N(() => {
+    d.current !== e && (d.current = e, c(!1));
   }, [e]), !e) return null;
-  const p = {
+  const u = {
     position: "absolute",
     inset: 0,
     width: "100%",
@@ -942,7 +993,7 @@ const nr = ({
     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
@@ -951,156 +1002,155 @@ const nr = ({
       {
         src: e,
         alt: t,
-        className: o,
-        style: p,
+        className: i,
+        style: u,
         loading: "eager",
         fetchPriority: "high",
-        onLoad: () => u(!0)
+        onLoad: () => c(!0)
       }
     )
   );
-}, lr = ({
+}, tr = ({
   position: e,
   isMobile: t,
   agentName: r,
-  avatarImageUrl: o,
-  idleLoopUrl: i,
+  avatarImageUrl: i,
+  idleLoopUrl: o,
   greeting: l,
-  branding: u,
+  branding: c,
   teamMembers: d,
-  currentTeamMemberId: p,
-  isSwitchingTeamMember: y,
-  teamSwitcherOpen: w,
-  onToggleTeamSwitcher: s,
-  onSelectTeamMember: a,
-  languageMenuOpen: S,
-  onToggleLanguageMenu: R,
-  connectionState: A,
-  agentState: v,
-  transcript: _,
+  currentTeamMemberId: u,
+  isSwitchingTeamMember: h,
+  teamSwitcherOpen: m,
+  onToggleTeamSwitcher: a,
+  onSelectTeamMember: s,
+  languageMenuOpen: R,
+  onToggleLanguageMenu: q,
+  connectionState: _,
+  agentState: w,
+  transcript: y,
   canResume: H,
-  needsUserGesture: $,
-  error: q,
-  isMuted: m,
-  micError: T,
-  micDevices: V,
-  isCameraEnabled: z,
-  cameraPreviewEl: P,
-  cameraDevices: O,
-  activeCameraId: G,
-  isScreenShareEnabled: ee,
-  screenPreviewEl: le,
-  isSpeakerMuted: Le,
-  allowCamera: ot,
-  allowScreenShare: it,
-  allowTyping: lt,
-  avatarVideoContainerRef: at,
-  agentVideoEl: ie,
-  micGateOpen: he,
-  onConnect: Se,
-  onDisconnect: Re,
-  onRetry: De,
-  onResumeAudio: Me,
-  onToggleMute: Ie,
-  onToggleCamera: Te,
-  onSwitchCameraDevice: J,
-  onToggleScreenShare: wt,
-  onToggleSpeaker: _t,
-  onSendMessage: st,
-  onMinimize: ae,
-  onClose: Pe,
-  onClearMicError: Fe
+  needsUserGesture: M,
+  error: z,
+  isMuted: v,
+  micError: S,
+  micDevices: B,
+  isCameraEnabled: D,
+  cameraPreviewEl: A,
+  cameraDevices: T,
+  activeCameraId: W,
+  isScreenShareEnabled: G,
+  screenPreviewEl: re,
+  isSpeakerMuted: te,
+  allowCamera: xe,
+  allowScreenShare: ce,
+  allowTyping: ge,
+  avatarVideoContainerRef: de,
+  agentVideoEl: K,
+  onConnect: ue,
+  onDisconnect: Le,
+  onRetry: Se,
+  onResumeAudio: Ce,
+  onToggleMute: Ee,
+  onToggleCamera: Ne,
+  onSwitchCameraDevice: Ae,
+  onToggleScreenShare: Re,
+  onToggleSpeaker: V,
+  onSendMessage: Ve,
+  onMinimize: Ye,
+  onClose: Ge,
+  onClearMicError: Xe
 }) => {
-  var qe;
-  const Ee = ((d == null ? void 0 : d.length) ?? 0) > 1, $e = A === "connecting" || A === "connected", X = A === "connected", te = A === "idle" || A === "disconnected" || A === "error", [Be, se] = C(!1);
-  I(() => {
-    if (!ie) {
-      se(!1);
+  var et;
+  const fe = ((d == null ? void 0 : d.length) ?? 0) > 1, ye = _ === "connecting" || _ === "connected", ie = _ === "connected", ct = _ === "idle" || _ === "disconnected" || _ === "error", [pe, Y] = C(!1);
+  N(() => {
+    if (!K) {
+      Y(!1);
       return;
     }
-    if (!ie.paused && ie.readyState >= 2) {
-      se(!0);
+    if (!K.paused && K.readyState >= 2) {
+      Y(!0);
       return;
     }
-    se(!1);
-    const h = () => se(!0);
-    return ie.addEventListener("playing", h), ie.addEventListener("loadeddata", h), () => {
-      ie.removeEventListener("playing", h), ie.removeEventListener("loadeddata", h);
+    Y(!1);
+    const f = () => Y(!0);
+    return K.addEventListener("playing", f), K.addEventListener("loadeddata", f), () => {
+      K.removeEventListener("playing", f), K.removeEventListener("loadeddata", f);
     };
-  }, [ie]);
-  const [me, Ce] = C(!1);
-  I(() => {
-    if (!X) {
-      Ce(!1);
+  }, [K]);
+  const [Je, ve] = C(!1);
+  N(() => {
+    if (!ie) {
+      ve(!1);
       return;
     }
-    if (Be) return;
-    const h = setTimeout(() => Ce(!0), 8e3);
-    return () => clearTimeout(h);
-  }, [X, Be]);
-  const je = A === "connecting" || X && !!o && !Be && !me, re = N(null), ce = N(null);
-  I(() => {
-    const h = re.current;
-    h && (h.innerHTML = "", P && (P.style.width = "100%", P.style.height = "100%", P.style.objectFit = "cover", P.style.transform = "scaleX(-1)", h.appendChild(P)));
-  }, [P]), I(() => {
-    const h = ce.current;
-    h && (h.innerHTML = "", le && (le.style.width = "100%", le.style.height = "100%", le.style.objectFit = "contain", h.appendChild(le)));
-  }, [le]);
-  const [ue, ge] = C(!1), [ze, ye] = C(!1);
-  I(() => {
-    if (!ue && !ze && !S && !w) return;
-    const h = () => {
-      ge(!1), ye(!1), S && R(), w && s();
+    if (pe) return;
+    const f = setTimeout(() => ve(!0), 8e3);
+    return () => clearTimeout(f);
+  }, [ie, pe]);
+  const he = _ === "connecting" || ie && !!i && !pe && !Je, ke = E(null), Ie = E(null);
+  N(() => {
+    const f = ke.current;
+    f && (f.innerHTML = "", A && (A.style.width = "100%", A.style.height = "100%", A.style.objectFit = "cover", A.style.transform = "scaleX(-1)", f.appendChild(A)));
+  }, [A]), N(() => {
+    const f = Ie.current;
+    f && (f.innerHTML = "", re && (re.style.width = "100%", re.style.height = "100%", re.style.objectFit = "contain", f.appendChild(re)));
+  }, [re]);
+  const [Z, ne] = C(!1), [oe, be] = C(!1);
+  N(() => {
+    if (!Z && !oe && !R && !m) return;
+    const f = () => {
+      ne(!1), be(!1), R && q(), m && a();
     };
-    return document.addEventListener("click", h), () => document.removeEventListener("click", h);
+    return document.addEventListener("click", f), () => document.removeEventListener("click", f);
   }, [
-    ue,
-    ze,
-    S,
-    w,
+    Z,
+    oe,
     R,
-    s
+    m,
+    q,
+    a
   ]);
-  const [ve, Ge] = C(""), Ye = L(
-    (h) => {
-      h.preventDefault();
-      const K = ve.trim();
-      K && (st(K), Ge(""));
+  const [Me, Te] = C(""), Oe = k(
+    (f) => {
+      f.preventDefault();
+      const U = Me.trim();
+      U && (Ve(U), Te(""));
     },
-    [ve, st]
-  ), Je = u.productName || "Live Layer";
-  let be = null, we = null;
-  for (let h = _.length - 1; h >= 0; h--) {
-    const K = _[h];
-    if (!be && K.role === "agent" ? be = K : !we && K.role === "user" && (we = K), be && we) break;
+    [Me, Ve]
+  ), Ke = c.productName || "Live Layer";
+  let le = null, ae = null;
+  for (let f = y.length - 1; f >= 0; f--) {
+    const U = y[f];
+    if (!le && U.role === "agent" ? le = U : !ae && U.role === "user" && (ae = U), le && ae) break;
   }
-  const He = X ? (be == null ? void 0 : be.text) || null : l || null, ct = X && (we == null ? void 0 : we.text) || null, Ke = [
+  const Qe = ie ? (le == null ? void 0 : le.text) || null : l || null, Ze = ie && (ae == null ? void 0 : ae.text) || null, qe = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
   return /* @__PURE__ */ x(
     "div",
     {
-      className: Ke,
+      className: qe,
       "data-position": e,
-      "data-state": X ? "connected" : $e ? "connecting" : "idle",
+      "data-state": ie ? "connected" : ye ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
         /* @__PURE__ */ x("div", { className: "ll-expanded__bg", children: [
-          o ? /* @__PURE__ */ n(
-            ir,
+          i ? /* @__PURE__ */ n(
+            er,
             {
-              src: o,
+              src: i,
               alt: r,
               className: "ll-expanded__bg-img"
             }
-          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((qe = r == null ? void 0 : r.charAt(0)) == null ? void 0 : qe.toUpperCase()) || "A" }) }),
-          i && !X && /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((et = r == null ? void 0 : r.charAt(0)) == null ? void 0 : et.toUpperCase()) || "A" }) }),
+          o && !ie && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
-              src: i,
+              src: o,
               autoPlay: !0,
               loop: !0,
               muted: !0,
@@ -1108,24 +1158,24 @@ const nr = ({
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { ref: at, className: "ll-expanded__video" }),
-        je && /* @__PURE__ */ x("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        /* @__PURE__ */ n("div", { ref: de, className: "ll-expanded__video" }),
+        he && /* @__PURE__ */ x("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
           /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
-          /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: y ? "Switching..." : "Connecting..." })
+          /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: h ? "Switching..." : "Connecting..." })
         ] }),
-        $ && X && /* @__PURE__ */ x(
+        M && ie && /* @__PURE__ */ x(
           "button",
           {
             type: "button",
             className: "ll-expanded__overlay ll-expanded__overlay--gesture",
-            onClick: Me,
+            onClick: Ce,
             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" })
             ]
           }
         ),
-        $e ? /* @__PURE__ */ x("div", { className: "ll-expanded__topbar", children: [
+        ye ? /* @__PURE__ */ x("div", { className: "ll-expanded__topbar", children: [
           /* @__PURE__ */ x("div", { className: "ll-expanded__topbar-left", children: [
             /* @__PURE__ */ x("div", { className: "ll-expanded__pill-wrap", children: [
               /* @__PURE__ */ x(
@@ -1133,45 +1183,45 @@ const nr = ({
                 {
                   type: "button",
                   className: "ll-hpill",
-                  onClick: (h) => {
-                    Ee && (h.stopPropagation(), s());
+                  onClick: (f) => {
+                    fe && (f.stopPropagation(), a());
                   },
-                  "aria-haspopup": Ee ? "listbox" : void 0,
-                  "aria-expanded": Ee ? w : void 0,
+                  "aria-haspopup": fe ? "listbox" : void 0,
+                  "aria-expanded": fe ? m : void 0,
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                    Ee && /* @__PURE__ */ n(ht, {})
+                    fe && /* @__PURE__ */ n(ot, {})
                   ]
                 }
               ),
-              Ee && w && /* @__PURE__ */ n(
+              fe && m && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
-                  onClick: (h) => h.stopPropagation(),
+                  onClick: (f) => f.stopPropagation(),
                   role: "listbox",
-                  children: d == null ? void 0 : d.map((h) => /* @__PURE__ */ x(
+                  children: d == null ? void 0 : d.map((f) => /* @__PURE__ */ x(
                     "button",
                     {
                       type: "button",
-                      className: `ll-hmenu__item ${h.id === p ? "is-active" : ""}`,
-                      onClick: () => a(h.id),
+                      className: `ll-hmenu__item ${f.id === u ? "is-active" : ""}`,
+                      onClick: () => s(f.id),
                       role: "option",
-                      "aria-selected": h.id === p,
+                      "aria-selected": f.id === u,
                       children: [
-                        h.avatarImageUrl && /* @__PURE__ */ n(
+                        f.avatarImageUrl && /* @__PURE__ */ n(
                           "img",
                           {
-                            src: h.avatarImageUrl,
+                            src: f.avatarImageUrl,
                             alt: "",
                             className: "ll-hmenu__avatar"
                           }
                         ),
-                        /* @__PURE__ */ n("span", { className: "ll-hmenu__name", children: h.name }),
-                        h.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: h.role })
+                        /* @__PURE__ */ n("span", { className: "ll-hmenu__name", children: f.name }),
+                        f.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: f.role })
                       ]
                     },
-                    h.id
+                    f.id
                   ))
                 }
               )
@@ -1182,24 +1232,24 @@ const nr = ({
                 {
                   type: "button",
                   className: "ll-hpill ll-hpill--compact",
-                  onClick: (h) => {
-                    h.stopPropagation(), R();
+                  onClick: (f) => {
+                    f.stopPropagation(), q();
                   },
                   "aria-haspopup": "listbox",
-                  "aria-expanded": S,
+                  "aria-expanded": R,
                   "aria-label": "Language: English",
                   title: "Language: English",
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: "EN" }),
-                    /* @__PURE__ */ n(ht, {})
+                    /* @__PURE__ */ n(ot, {})
                   ]
                 }
               ),
-              S && /* @__PURE__ */ n(
+              R && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
-                  onClick: (h) => h.stopPropagation(),
+                  onClick: (f) => f.stopPropagation(),
                   role: "listbox",
                   children: /* @__PURE__ */ n(
                     "button",
@@ -1217,8 +1267,8 @@ const nr = ({
             /* @__PURE__ */ n(
               "span",
               {
-                className: `ll-expanded__state ll-expanded__state--${v}`,
-                children: v
+                className: `ll-expanded__state ll-expanded__state--${w}`,
+                children: w
               }
             )
           ] }),
@@ -1228,10 +1278,10 @@ const nr = ({
               {
                 type: "button",
                 className: "ll-hbtn",
-                onClick: ae,
+                onClick: Ye,
                 "aria-label": "Minimize widget",
                 title: "Minimize",
-                children: /* @__PURE__ */ n(Qt, {})
+                children: /* @__PURE__ */ n(Ut, {})
               }
             ),
             /* @__PURE__ */ n(
@@ -1239,26 +1289,26 @@ const nr = ({
               {
                 type: "button",
                 className: "ll-hbtn ll-hbtn--danger",
-                onClick: Pe,
+                onClick: Ge,
                 "aria-label": "End call",
                 title: "End call",
-                children: /* @__PURE__ */ n(Xt, {})
+                children: /* @__PURE__ */ n(Ft, {})
               }
             )
           ] })
         ] }) : (
           // Idle-state header with Live Layer product name + minimize/close
           /* @__PURE__ */ x("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Je }),
+            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Ke }),
             /* @__PURE__ */ x("div", { className: "ll-expanded__header-actions", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: ae,
+                  onClick: Ye,
                   "aria-label": "Minimize widget",
-                  children: /* @__PURE__ */ n(Qt, {})
+                  children: /* @__PURE__ */ n(Ut, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1266,41 +1316,41 @@ const nr = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: Pe,
+                  onClick: Ge,
                   "aria-label": "Close widget",
-                  children: /* @__PURE__ */ n(Xt, {})
+                  children: /* @__PURE__ */ n(Ft, {})
                 }
               )
             ] })
           ] })
         ),
-        te && /* @__PURE__ */ (() => {
-          const h = H ? "Restart paused session" : A === "disconnected" ? "Reconnect to agent" : "Start video call", K = H ? "Pick up where you left off" : null;
-          return /* @__PURE__ */ x(Nt, { children: [
-            A === "idle" && !H && !q && /* @__PURE__ */ x(
+        ct && /* @__PURE__ */ (() => {
+          const f = H ? "Restart paused session" : _ === "disconnected" ? "Reconnect to agent" : "Start video call", U = H ? "Pick up where you left off" : null;
+          return /* @__PURE__ */ x(yt, { children: [
+            !z && /* @__PURE__ */ x(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
-                onClick: Se,
-                "aria-label": h,
+                onClick: ue,
+                "aria-label": f,
                 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" }) }) }),
-                  /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: h })
+                  /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: f })
                 ]
               }
             ),
             /* @__PURE__ */ x("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 }) }),
-              K && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: K }),
+              U && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: U }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__cta",
-                  onClick: Se,
-                  "aria-label": h,
-                  children: h
+                  onClick: ue,
+                  "aria-label": f,
+                  children: f
                 }
               )
             ] })
@@ -1309,144 +1359,137 @@ const nr = ({
         /* @__PURE__ */ x(
           "div",
           {
-            className: `ll-expanded__pip ${$e && (z || ee) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${ye && (D || G) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: ce,
-                  className: ee ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: Ie,
+                  className: G ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: re,
-                  className: !ee && z ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: ke,
+                  className: !G && D ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        $e ? /* @__PURE__ */ x("div", { className: "ll-expanded__bottom", children: [
-          He && /* @__PURE__ */ n(
+        ye ? /* @__PURE__ */ x("div", { className: "ll-expanded__bottom", children: [
+          Qe && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--agent",
               "data-role": "agent",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: He })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Qe })
             }
           ),
-          ct && /* @__PURE__ */ n(
+          Ze && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--user",
               "data-role": "user",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: ct })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Ze })
             }
           ),
-          /* @__PURE__ */ x("div", { className: "ll-toolbar", onClick: (h) => h.stopPropagation(), children: [
-            it && /* @__PURE__ */ n(
+          /* @__PURE__ */ x("div", { className: "ll-toolbar", onClick: (f) => f.stopPropagation(), children: [
+            ce && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${ee ? "is-on" : ""}`,
-                onClick: wt,
-                "aria-label": ee ? "Stop sharing screen" : "Share screen",
-                title: ee ? "Stop sharing" : "Share screen",
-                children: /* @__PURE__ */ n(ar, {})
+                className: `ll-tool ${G ? "is-on" : ""}`,
+                onClick: Re,
+                "aria-label": G ? "Stop sharing screen" : "Share screen",
+                title: G ? "Stop sharing" : "Share screen",
+                children: /* @__PURE__ */ n(nr, {})
               }
             ),
-            ot && /* @__PURE__ */ x("div", { className: "ll-tool-split", children: [
+            xe && /* @__PURE__ */ x("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${z ? "is-on" : ""}`,
-                  onClick: Te,
-                  "aria-label": z ? "Turn off camera" : "Turn on camera",
-                  title: z ? "Stop camera" : "Start camera",
-                  children: /* @__PURE__ */ n(sr, {})
+                  className: `ll-tool ll-tool--left ${D ? "is-on" : ""}`,
+                  onClick: Ne,
+                  "aria-label": D ? "Turn off camera" : "Turn on camera",
+                  title: D ? "Stop camera" : "Start camera",
+                  children: /* @__PURE__ */ n(rr, {})
                 }
               ),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--right ${z ? "is-on" : ""}`,
-                  onClick: (h) => {
-                    h.stopPropagation(), ye((K) => !K), ge(!1);
+                  className: `ll-tool ll-tool--right ${D ? "is-on" : ""}`,
+                  onClick: (f) => {
+                    f.stopPropagation(), be((U) => !U), ne(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": ze,
-                  children: /* @__PURE__ */ n(ht, {})
+                  "aria-expanded": oe,
+                  children: /* @__PURE__ */ n(ot, {})
                 }
               ),
-              ze && O.length > 0 && /* @__PURE__ */ n(
-                Zt,
+              oe && T.length > 0 && /* @__PURE__ */ n(
+                jt,
                 {
                   label: "Camera",
-                  devices: O,
-                  activeId: G,
-                  onPick: (h) => {
-                    ye(!1), J(h);
+                  devices: T,
+                  activeId: W,
+                  onPick: (f) => {
+                    be(!1), Ae(f);
                   }
                 }
               )
             ] }),
-            /* @__PURE__ */ x(
-              "div",
-              {
-                className: `ll-tool-split${!he && X ? " ll-tool-split--gated" : ""}`,
-                children: [
-                  /* @__PURE__ */ n(
-                    "button",
-                    {
-                      type: "button",
-                      className: `ll-tool ll-tool--left ${m ? "is-muted" : ""}`,
-                      onClick: Ie,
-                      disabled: !he && X,
-                      "aria-label": !he && X ? "Microphone enables once the agent finishes its greeting" : m ? "Unmute microphone" : "Mute microphone",
-                      title: !he && X ? "Mic enables after greeting" : m ? "Unmute" : "Mute",
-                      children: /* @__PURE__ */ n(cr, { muted: m })
-                    }
-                  ),
-                  /* @__PURE__ */ n(
-                    "button",
-                    {
-                      type: "button",
-                      className: `ll-tool ll-tool--right ${m ? "is-muted" : ""}`,
-                      onClick: (h) => {
-                        h.stopPropagation(), ge((K) => !K), ye(!1);
-                      },
-                      "aria-label": "Microphone devices",
-                      "aria-haspopup": "listbox",
-                      "aria-expanded": ue,
-                      children: /* @__PURE__ */ n(ht, {})
-                    }
-                  ),
-                  ue && V.length > 0 && /* @__PURE__ */ n(
-                    Zt,
-                    {
-                      label: "Microphone",
-                      devices: V,
-                      activeId: "",
-                      onPick: () => ge(!1)
-                    }
-                  )
-                ]
-              }
-            ),
+            /* @__PURE__ */ x("div", { className: "ll-tool-split", children: [
+              /* @__PURE__ */ n(
+                "button",
+                {
+                  type: "button",
+                  className: `ll-tool ll-tool--left ${v ? "is-muted" : ""}`,
+                  onClick: Ee,
+                  "aria-label": v ? "Unmute microphone" : "Mute microphone",
+                  title: v ? "Unmute" : "Mute",
+                  children: /* @__PURE__ */ n(ir, { muted: v })
+                }
+              ),
+              /* @__PURE__ */ n(
+                "button",
+                {
+                  type: "button",
+                  className: `ll-tool ll-tool--right ${v ? "is-muted" : ""}`,
+                  onClick: (f) => {
+                    f.stopPropagation(), ne((U) => !U), be(!1);
+                  },
+                  "aria-label": "Microphone devices",
+                  "aria-haspopup": "listbox",
+                  "aria-expanded": Z,
+                  children: /* @__PURE__ */ n(ot, {})
+                }
+              ),
+              Z && B.length > 0 && /* @__PURE__ */ n(
+                jt,
+                {
+                  label: "Microphone",
+                  devices: B,
+                  activeId: "",
+                  onPick: () => ne(!1)
+                }
+              )
+            ] }),
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${Le ? "is-muted" : ""}`,
-                onClick: _t,
-                "aria-label": Le ? "Unmute speaker" : "Mute speaker",
-                title: Le ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(ur, { muted: Le })
+                className: `ll-tool ${te ? "is-muted" : ""}`,
+                onClick: V,
+                "aria-label": te ? "Unmute speaker" : "Mute speaker",
+                title: te ? "Unmute speaker" : "Mute speaker",
+                children: /* @__PURE__ */ n(or, { muted: te })
               }
             ),
             /* @__PURE__ */ n(
@@ -1454,62 +1497,62 @@ const nr = ({
               {
                 type: "button",
                 className: "ll-tool ll-tool--danger",
-                onClick: Re,
+                onClick: Le,
                 "aria-label": "End conversation",
                 title: "End conversation",
-                children: /* @__PURE__ */ n(fr, {})
+                children: /* @__PURE__ */ n(ar, {})
               }
             )
           ] }),
-          lt && /* @__PURE__ */ x("form", { className: "ll-message-input", onSubmit: Ye, children: [
+          ge && /* @__PURE__ */ x("form", { className: "ll-message-input", onSubmit: Oe, children: [
             /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: ve,
-                onChange: (h) => Ge(h.target.value),
+                value: Me,
+                onChange: (f) => Te(f.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            ve.trim() && /* @__PURE__ */ n(
+            Me.trim() && /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
                 className: "ll-message-input__send",
                 "aria-label": "Send message",
-                children: /* @__PURE__ */ n(dr, {})
+                children: /* @__PURE__ */ n(lr, {})
               }
             )
           ] })
         ] }) : null,
         (() => {
-          if (T && A !== "error")
+          if (S && _ !== "error")
             return /* @__PURE__ */ x("div", { className: "ll-expanded__banner", role: "alert", children: [
-              /* @__PURE__ */ n("span", { children: T }),
+              /* @__PURE__ */ n("span", { children: S }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__banner-x",
-                  onClick: Fe,
+                  onClick: Xe,
                   "aria-label": "Dismiss",
                   children: "×"
                 }
               )
             ] });
-          if (!q || A !== "error") return null;
-          let h = "Failed to connect", K = "Try again";
-          return q === "MIC_PERMISSION_DENIED" ? h = "Microphone blocked. Allow access to talk." : q === "MIC_NOT_FOUND" ? h = "No microphone found. Plug one in + retry." : q === "MIC_UNAVAILABLE" ? h = "Mic unavailable. Check other apps using it." : q === "AGENT_TIMEOUT" ? h = "Agent didn't pick up. Try again." : q === "CONNECT_FAILED" ? h = "Connection failed. Check your network." : q.length < 80 && (h = q), /* @__PURE__ */ x("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
-            /* @__PURE__ */ n("span", { children: h }),
+          if (!z || _ !== "error") return null;
+          let f = "Failed to connect", U = "Try again";
+          return z === "MIC_PERMISSION_DENIED" ? f = "Microphone blocked. Allow access to talk." : z === "MIC_NOT_FOUND" ? f = "No microphone found. Plug one in + retry." : z === "MIC_UNAVAILABLE" ? f = "Mic unavailable. Check other apps using it." : z === "AGENT_TIMEOUT" ? f = "Agent didn't pick up. Try again." : z === "CONNECT_FAILED" ? f = "Connection failed. Check your network." : z.length < 80 && (f = z), /* @__PURE__ */ x("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+            /* @__PURE__ */ n("span", { children: f }),
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: De,
-                children: K
+                onClick: Se,
+                children: U
               }
             )
           ] });
@@ -1518,32 +1561,32 @@ const nr = ({
     }
   );
 };
-function ht() {
+function ot() {
   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 Xt() {
+function Ft() {
   return /* @__PURE__ */ x("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function Qt() {
+function Ut() {
   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 ar() {
+function nr() {
   return /* @__PURE__ */ x("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
     /* @__PURE__ */ n("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
     /* @__PURE__ */ n("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
   ] });
 }
-function sr() {
+function rr() {
   return /* @__PURE__ */ x("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("path", { d: "M23 7l-7 5 7 5V7z" }),
     /* @__PURE__ */ n("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
   ] });
 }
-function cr({ muted: e }) {
+function ir({ muted: e }) {
   return /* @__PURE__ */ x("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("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" }),
@@ -1551,22 +1594,22 @@ function cr({ muted: e }) {
     e && /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function ur({ muted: e }) {
+function or({ muted: e }) {
   return /* @__PURE__ */ x("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ x(Nt, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ x(yt, { 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 dr() {
+function lr() {
   return /* @__PURE__ */ x("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
     /* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
   ] });
 }
-function fr() {
+function ar() {
   return /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "-4 -4 32 32", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: /* @__PURE__ */ n(
     "path",
     {
@@ -1575,49 +1618,49 @@ function fr() {
     }
   ) });
 }
-const Zt = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ x(
+const jt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ x(
   "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;
+      t.map((o, l) => {
+        const c = r === o.deviceId;
         return /* @__PURE__ */ x(
           "button",
           {
             type: "button",
-            className: `ll-device-menu__item ${u ? "is-active" : ""}`,
-            onClick: () => o(i.deviceId),
+            className: `ll-device-menu__item ${c ? "is-active" : ""}`,
+            onClick: () => i(o.deviceId),
             role: "option",
-            "aria-selected": u,
+            "aria-selected": c,
             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}` })
+              c && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
+              /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: o.label || `${e} ${l + 1}` })
             ]
           },
-          i.deviceId || l
+          o.deviceId || l
         );
       })
     ]
   }
-), pr = [
+), sr = [
   '[data-ll-private="true"]',
   ".ll-widget"
 ];
-function Rt(e) {
+function bt(e) {
   let t = e;
   for (; t; ) {
-    for (const r of pr)
+    for (const r of sr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
-function bt(e) {
-  if (Rt(e)) return !1;
+function st(e) {
+  if (bt(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
     const t = (e.getAttribute("autocomplete") || "").toLowerCase();
@@ -1625,7 +1668,7 @@ function bt(e) {
   }
   return !0;
 }
-const mt = 4096, hr = 20, mr = 20, gr = 10, yr = 10, vr = 30, en = 500, br = [
+const lt = 4096, cr = 20, dr = 20, ur = 10, fr = 10, pr = 30, hr = 20, Vt = 500, mr = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1633,24 +1676,24 @@ const mt = 4096, hr = 20, mr = 20, gr = 10, yr = 10, vr = 30, en = 500, br = [
   "noscript",
   "iframe"
 ];
-function tt(e) {
+function Ue(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
-    for (const r of br)
+    for (const r of mr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
-function nt(e) {
+function je(e) {
   if (typeof window > "u") return !0;
   const t = e.getBoundingClientRect();
   if (t.width <= 0 || t.height <= 0) return !1;
-  const r = window.innerHeight || document.documentElement.clientHeight, o = window.innerWidth || document.documentElement.clientWidth;
-  return t.bottom > 0 && t.right > 0 && t.top < r && t.left < o;
+  const r = window.innerHeight || document.documentElement.clientHeight, i = window.innerWidth || document.documentElement.clientWidth;
+  return t.bottom > 0 && t.right > 0 && t.top < r && t.left < i;
 }
-function tn(e) {
+function Yt(e) {
   const t = e.getAttribute("id");
   if (t) {
     const l = document.querySelector(`label[for="${CSS.escape(t)}"]`);
@@ -1658,18 +1701,18 @@ function tn(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 Ae(e, t) {
+function me(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-function Ue(e) {
+function De(e) {
   return e.length;
 }
-function wr(e, t = {}) {
+function gr(e, t = {}) {
   const r = t.doc ?? (typeof document < "u" ? document : null);
   if (!r)
     return {
@@ -1683,105 +1726,120 @@ function wr(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 || "", c = Array.from(
     r.querySelectorAll("[data-ll-region]")
   ), d = [];
-  for (const m of u) {
-    if (d.length >= gr) break;
-    if (tt(m) || !nt(m)) continue;
-    const T = m.getAttribute("data-ll-region") ?? "", V = m.getAttribute("data-ll-intent") ?? void 0, z = Ae(
-      (m.innerText || m.textContent || "").trim(),
-      en * 2
+  for (const v of c) {
+    if (d.length >= ur) break;
+    if (Ue(v) || !je(v)) continue;
+    const S = v.getAttribute("data-ll-region") ?? "", B = v.getAttribute("data-ll-intent") ?? void 0, D = me(
+      (v.innerText || v.textContent || "").trim(),
+      Vt * 2
     );
-    !T || !z || d.push({ id: T, intent: V, text: z });
+    !S || !D || d.push({ id: S, intent: B, text: D });
   }
-  const p = [], y = ["H1", "H2", "H3", "H4", "H5", "H6"], w = Array.from(
+  const u = [], h = ["H1", "H2", "H3", "H4", "H5", "H6"], m = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
-  for (const m of w) {
-    if (tt(m) || !nt(m)) continue;
-    const T = (m.textContent || "").trim();
-    T && p.push(`${m.tagName}: ${Ae(T, 200)}`);
+  for (const v of m) {
+    if (Ue(v) || !je(v)) continue;
+    const S = (v.textContent || "").trim();
+    S && u.push(`${v.tagName}: ${me(S, 200)}`);
   }
-  const s = Array.from(r.querySelectorAll("p, li"));
-  for (const m of s) {
-    if (tt(m) || !nt(m) || y.includes(m.tagName)) continue;
-    const T = (m.textContent || "").trim();
-    T.length > 10 && p.push(Ae(T, en));
+  const a = Array.from(r.querySelectorAll("p, li"));
+  for (const v of a) {
+    if (Ue(v) || !je(v) || h.includes(v.tagName)) continue;
+    const S = (v.textContent || "").trim();
+    S.length > 10 && u.push(me(S, Vt));
   }
-  const a = p.join(`
-`), S = [], R = Array.from(r.querySelectorAll("a[href]"));
-  for (const m of R) {
-    if (S.length >= hr) break;
-    if (tt(m) || !nt(m)) continue;
-    const T = m.getAttribute("href") || "", V = (m.textContent || "").trim();
-    !T || !V || S.push({ href: T, text: Ae(V, 100) });
+  const s = u.join(`
+`), R = [], q = Array.from(r.querySelectorAll("a[href]"));
+  for (const v of q) {
+    if (R.length >= cr) break;
+    if (Ue(v) || !je(v)) continue;
+    const S = v.getAttribute("href") || "", B = (v.textContent || "").trim();
+    !S || !B || R.push({ href: S, text: me(B, 100) });
   }
-  const A = [], v = Array.from(
+  const _ = [], w = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
-  for (const m of v) {
-    if (A.length >= mr) break;
-    if (tt(m) || !bt(m) || !nt(m)) continue;
-    const T = tn(m), V = m instanceof HTMLInputElement ? m.type : m.tagName.toLowerCase();
-    T && A.push({ label: Ae(T, 100), type: V });
+  for (const v of w) {
+    if (_.length >= dr) break;
+    if (Ue(v) || !st(v) || !je(v)) continue;
+    const S = Yt(v), B = v instanceof HTMLInputElement ? v.type : v.tagName.toLowerCase();
+    S && _.push({ label: me(S, 100), type: B });
   }
-  const _ = Array.from(
+  const y = Array.from(
     r.querySelectorAll("[data-ll-form]")
   ), H = [];
-  for (const m of _) {
-    if (H.length >= yr) break;
-    if (Rt(m)) continue;
-    const T = m.getAttribute("data-ll-form") || "";
-    if (!T) continue;
-    const V = m.getAttribute("data-ll-intent") || void 0, z = Array.from(
-      m.querySelectorAll(
+  for (const v of y) {
+    if (H.length >= fr) break;
+    if (bt(v)) continue;
+    const S = v.getAttribute("data-ll-form") || "";
+    if (!S) continue;
+    const B = v.getAttribute("data-ll-intent") || void 0, D = Array.from(
+      v.querySelectorAll(
         "[data-ll-field]"
       )
-    ), P = [];
-    for (const O of z) {
-      if (P.length >= vr) break;
-      if (!bt(O)) continue;
-      const G = O.getAttribute("data-ll-field") || "";
-      if (!G) continue;
-      const ee = tn(O) || G, le = O instanceof HTMLInputElement ? O.type : O.tagName.toLowerCase();
-      P.push({ name: G, label: Ae(ee, 100), type: le });
+    ), A = [];
+    for (const T of D) {
+      if (A.length >= pr) break;
+      if (!st(T)) continue;
+      const W = T.getAttribute("data-ll-field") || "";
+      if (!W) continue;
+      const G = Yt(T) || W, re = T instanceof HTMLInputElement ? T.type : T.tagName.toLowerCase(), te = {
+        name: W,
+        label: me(G, 100),
+        type: re
+      };
+      if (T.required === !0 && (te.required = !0), T instanceof HTMLSelectElement) {
+        const ce = [];
+        for (let ge = 0; ge < T.options.length && !(ce.length >= hr); ge++) {
+          const de = T.options[ge];
+          if (!de || de.disabled) continue;
+          const K = de.value || "", ue = (de.textContent || "").trim() || K;
+          !K && !ue || ce.push({ value: K, label: me(ue, 60) });
+        }
+        ce.length > 0 && (te.options = ce);
+      }
+      const xe = typeof T.validationMessage == "string" ? T.validationMessage : "";
+      xe && (te.validationMessage = me(xe, 200)), A.push(te);
     }
-    H.push({ id: T, intent: V, fields: P });
+    H.push({ id: S, intent: B, fields: A });
   }
-  const $ = {
-    url: o,
+  const M = {
+    url: i,
     title: l,
-    pathname: i,
+    pathname: o,
     regions: d,
-    visibleText: a,
-    visibleLinks: S,
-    visibleFields: A,
+    visibleText: s,
+    visibleLinks: R,
+    visibleFields: _,
     forms: H,
     extras: e
   };
-  let q = Ue(JSON.stringify($.regions)) + Ue($.visibleText) + Ue(JSON.stringify($.visibleLinks)) + Ue(JSON.stringify($.visibleFields));
-  for (; q > mt && $.visibleFields.length > 0; )
-    $.visibleFields.pop(), q = Ue(JSON.stringify($.visibleFields));
-  for (; q > mt && $.visibleLinks.length > 0; )
-    $.visibleLinks.pop(), q -= 80;
-  return Ue($.visibleText) > mt && ($.visibleText = Ae($.visibleText, mt - 100)), $;
-}
-let Ve = null;
-function gt(e, t = {}) {
-  const r = Date.now(), i = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if (Ve && Ve.key === i && r - Ve.at < 1e3)
-    return Ve.ctx;
-  const l = wr(e, t);
-  return Ve = { key: i, at: r, ctx: l }, l;
-}
-function _r() {
-  Ve = null;
-}
-const xr = 200;
-function kr(e) {
+  let z = De(JSON.stringify(M.regions)) + De(M.visibleText) + De(JSON.stringify(M.visibleLinks)) + De(JSON.stringify(M.visibleFields));
+  for (; z > lt && M.visibleFields.length > 0; )
+    M.visibleFields.pop(), z = De(JSON.stringify(M.visibleFields));
+  for (; z > lt && M.visibleLinks.length > 0; )
+    M.visibleLinks.pop(), z -= 80;
+  return De(M.visibleText) > lt && (M.visibleText = me(M.visibleText, lt - 100)), M;
+}
+let $e = null;
+function Gt(e, t = {}) {
+  const r = Date.now(), o = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
+  if ($e && $e.key === o && r - $e.at < 1e3)
+    return $e.ctx;
+  const l = gr(e, t);
+  return $e = { key: o, at: r, ctx: l }, l;
+}
+function yr() {
+  $e = null;
+}
+const vr = 200;
+function br(e) {
   const t = String(e.href || "");
   return {
     href: t,
@@ -1791,63 +1849,63 @@ function kr(e) {
     description: e.description
   };
 }
-function Lr(e) {
+function wr(e) {
   return !(!e || e.startsWith("#") || e.startsWith("javascript:") || e.startsWith("mailto:") || e.startsWith("tel:"));
 }
-function Sr(e) {
+function _r(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 >= xr) break;
-    if (Rt(u)) continue;
-    const d = u.getAttribute("href") || "";
-    if (!Lr(d)) continue;
-    let p = d, y = !0;
+  const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), o = [], l = Array.from(t.querySelectorAll("a[href]"));
+  for (const c of l) {
+    if (o.length >= vr) break;
+    if (bt(c)) continue;
+    const d = c.getAttribute("href") || "";
+    if (!wr(d)) continue;
+    let u = d, h = !0;
     try {
       if (typeof window < "u") {
-        const s = new URL(d, r);
-        y = s.origin === r, y && d.startsWith("http") && (p = s.pathname + s.search + s.hash);
+        const a = new URL(d, r);
+        h = a.origin === r, h && d.startsWith("http") && (u = a.pathname + a.search + a.hash);
       }
     } catch {
       continue;
     }
-    if (o.has(p)) continue;
-    o.add(p);
-    const w = (u.textContent || "").trim().slice(0, 120);
-    i.push({ href: p, text: w, internal: y });
+    if (i.has(u)) continue;
+    i.add(u);
+    const m = (c.textContent || "").trim().slice(0, 120);
+    o.push({ href: u, text: m, internal: h });
   }
-  return i;
+  return o;
 }
-let We = null;
-const Er = 5e3;
-function rt() {
+let ze = null;
+const xr = 5e3;
+function mt() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (We && We.pathname === t && e - We.at < Er)
-    return We.routes;
-  const r = Sr();
-  return We = { at: e, pathname: t, routes: r }, r;
+  if (ze && ze.pathname === t && e - ze.at < xr)
+    return ze.routes;
+  const r = _r();
+  return ze = { at: e, pathname: t, routes: r }, r;
 }
-function Cr() {
-  We = null;
+function kr() {
+  ze = null;
 }
-function Nr(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;
+function Lr(e, 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 Ar(e, t, r = {}) {
-  const o = r.triggerInput ?? !0, i = r.triggerChange ?? !0;
+function Sr(e, t, r = {}) {
+  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 }));
+    ), c = l == null ? void 0 : l.set, d = t === "true" || t === "1" || t === "on";
+    c ? c.call(e, d) : e.checked = d, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
-  Nr(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  Lr(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
-function Rr() {
+function Cr() {
   if (typeof window > "u" || typeof document > "u")
     return !1;
   const e = document.scrollingElement || document.documentElement;
@@ -1855,44 +1913,44 @@ function Rr() {
   const t = window.getComputedStyle(e);
   return !(t.overflowY === "hidden" || t.overflowY === "clip");
 }
-function Dr(e) {
+function Er(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const r = window.getComputedStyle(e).overflowY;
   return !(r !== "auto" && r !== "scroll" || e.scrollHeight <= e.clientHeight + 2);
 }
-function Mr() {
+function Nr() {
   if (typeof document > "u") return null;
   const e = Array.from(
     document.querySelectorAll("body, body *")
   );
   let t = null, r = 0;
-  for (const o of e) {
-    if (!Dr(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 (!Er(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;
 }
-function Ir() {
+function Ar() {
   if (typeof window > "u")
     return null;
-  if (Rr()) return window;
-  const e = Mr();
+  if (Cr()) return window;
+  const e = Nr();
   return e || window;
 }
-function nn(e) {
+function Xt(e) {
   return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
 }
-function Tr(e) {
+function Rr(e) {
   var t, r;
   return e instanceof Window ? typeof document > "u" ? 0 : Math.max(
     ((t = document.body) == null ? void 0 : t.scrollHeight) ?? 0,
     ((r = document.documentElement) == null ? void 0 : r.scrollHeight) ?? 0
   ) : e.scrollHeight - e.clientHeight;
 }
-const Pr = /* @__PURE__ */ new Set([
+const Ir = /* @__PURE__ */ new Set([
   "agent_state",
   "avatar_stream_ready",
   "avatar_active",
@@ -1913,1074 +1971,910 @@ const Pr = /* @__PURE__ */ new Set([
   "fill_form",
   "focus_field",
   "submit_form",
-  "request_routes",
-  // 0.5.24 — agent asks the widget to (re)push its state. Triggers
-  // the same push logic as a pathname change, used to fix the race
-  // where the agent's listener attaches AFTER the widget's first push.
-  "request_initial_sync"
+  "request_routes"
 ]);
-function $r(e) {
-  var Pt, $t, Bt, zt, Ht, qt, Ot;
+function Mr(e) {
+  var Ct, Et, Nt, At, Rt, It, Mt;
   const {
     agentId: t,
     apiKey: r,
-    baseUrl: o = "https://app.livelayer.studio",
-    sessionEndpoint: i,
+    baseUrl: i = "https://app.livelayer.studio",
+    sessionEndpoint: o,
     sessionBody: l,
-    autoConnect: u = !1,
-    displayMode: d,
-    defaultDisplayMode: p = "expanded",
-    onDisplayModeChange: y,
-    position: w = "bottom-right",
+    soundEffects: c,
+    autoConnect: d = !1,
+    displayMode: u,
+    defaultDisplayMode: h = "expanded",
+    onDisplayModeChange: m,
+    position: a = "bottom-right",
     mobileBreakpoint: s = 640,
-    persistKey: a = "ll-widget",
-    disablePersistence: S = !1,
-    teamMembers: R,
-    currentTeamMemberId: A,
-    onTeamMemberChange: v,
-    idleLoopUrl: _,
-    greeting: H,
-    avatarImageUrl: $,
-    agentName: q,
-    branding: m = {},
-    allowCamera: T = !0,
-    allowScreenShare: V = !0,
-    allowTyping: z = !0,
-    showOn: P,
-    hideOn: O,
+    persistKey: R = "ll-widget",
+    disablePersistence: q = !1,
+    teamMembers: _,
+    currentTeamMemberId: w,
+    onTeamMemberChange: y,
+    idleLoopUrl: H,
+    greeting: M,
+    avatarImageUrl: z,
+    agentName: v,
+    branding: S = {},
+    allowCamera: B = !0,
+    allowScreenShare: D = !0,
+    allowTyping: A = !0,
+    showOn: T,
+    hideOn: W,
     pathname: G,
-    onNavigate: ee,
-    onScrollToSelector: le,
-    getPageContext: Le,
-    pageContextExtras: ot,
-    getRoutes: it,
-    onScrollPage: lt,
-    onClick: at,
-    capabilities: ie,
-    onConnect: he,
+    onNavigate: re,
+    onScrollToSelector: te,
+    getPageContext: xe,
+    pageContextExtras: ce,
+    getRoutes: ge,
+    onScrollPage: de,
+    onClick: K,
+    capabilities: ue,
+    onConnect: Le,
     onDisconnect: Se,
-    onTranscript: Re,
-    onAgentState: De,
-    onConnectionStateChange: Me,
-    onAgentEvent: Ie,
-    onAgentCommand: Te,
-    controlledSession: J,
-    className: wt,
-    style: _t,
-    zIndex: st = 2147483647
-  } = e, ae = Vn(G), Pe = Kn(ae, P, O);
-  I(() => {
-    _r(), Cr();
-  }, [ae]);
-  const Fe = A !== void 0, [Ee, $e] = C(() => {
-    var f;
-    return A ?? ((f = R == null ? void 0 : R[0]) == null ? void 0 : f.id);
-  }), X = Fe ? A : Ee, te = yt(
-    () => (R == null ? void 0 : R.find((f) => f.id === X)) ?? null,
-    [R, X]
-  ), Be = (te == null ? void 0 : te.agentId) ?? t, [se, me] = Hn({
-    value: d,
-    defaultValue: p,
-    onChange: y,
-    persistKey: a,
-    disablePersistence: S
-  }), Ce = On(s), je = Cn(), re = Nn(), ce = Rn(), ue = Dn(), ge = Mn(), [ze, ye] = C(!1), [ve, Ge] = C(!1), [Ye, Je] = C(!1), [be, we] = C(!1), [He, ct] = C(!1), Ke = N(ee), qe = N(le), h = N(lt), K = N(at), xt = N(Le), ut = N(ot), dt = N(it), kt = N(ie), oe = N(null), ft = N(null), Oe = N(null), Dt = N(void 0);
-  Dt.current = ae, Ke.current = ee, qe.current = le, h.current = lt, K.current = at, xt.current = Le, ut.current = ot, dt.current = it, kt.current = ie;
-  function _e(f) {
-    const c = kt.current;
-    return c ? c.includes(f) : !0;
+    onTranscript: Ce,
+    onAgentState: Ee,
+    onConnectionStateChange: Ne,
+    onAgentEvent: Ae,
+    onAgentCommand: Re,
+    controlledSession: V,
+    className: Ve,
+    style: Ye,
+    zIndex: Ge = 2147483647
+  } = e, Xe = $n(G), fe = Fn(Xe, T, W);
+  N(() => {
+    yr(), kr();
+  }, [Xe]);
+  const ye = w !== void 0, [ie, ct] = C(() => {
+    var g;
+    return w ?? ((g = _ == null ? void 0 : _[0]) == null ? void 0 : g.id);
+  }), pe = ye ? w : ie, Y = He(
+    () => (_ == null ? void 0 : _.find((g) => g.id === pe)) ?? null,
+    [_, pe]
+  ), Je = (Y == null ? void 0 : Y.agentId) ?? t, [ve, he] = Mn({
+    value: u,
+    defaultValue: h,
+    onChange: m,
+    persistKey: R,
+    disablePersistence: q
+  }), ke = Pn(s), Ie = wn(), Z = _n(), ne = kn(), oe = Ln(), be = Sn(), [Me, Te] = C(!1), [Oe, Ke] = C(!1), [le, ae] = C(!1), [Qe, Ze] = C(!1), [qe, et] = C(!1), f = jn({ baseUrl: i, config: c }), U = E(f);
+  U.current = f;
+  const tt = E(re), dt = E(te), ut = E(de), ft = E(K), wt = E(xe), _t = E(ce), xt = E(ge), pt = E(ue), se = E(null);
+  tt.current = re, dt.current = te, ut.current = de, ft.current = K, wt.current = xe, _t.current = ce, xt.current = ge, pt.current = ue;
+  function we(g) {
+    const p = pt.current;
+    return p ? p.includes(g) : !0;
   }
-  function xe(f, c) {
+  function _e(g, p) {
     console.warn(
-      `[LiveLayer] Agent command "${f}" blocked — capability "${c}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
+      `[LiveLayer] Agent command "${g}" blocked — capability "${p}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
     );
   }
-  const Xe = L(
-    (f) => {
-      var W, ne, Q, de, fe, ke;
-      const c = f;
-      if (!(!c.type || typeof c.type != "string")) {
-        if (Ie == null || Ie({ eventName: c.type, data: f }), c.type === "bot_ready" || c.type === "request_initial_sync") {
-          console.log(
-            `[NAV-DEBUG][widget] received ${c.type} → triggering pushSnapshot`
-          );
-          try {
-            (W = ft.current) == null || W.call(ft);
-          } catch (b) {
-            console.warn("[NAV-DEBUG][widget] pushSnapshot threw:", b);
-          }
-        }
-        if (c.type === "navigate") {
-          if (!_e("navigate")) {
-            xe("navigate", "navigate");
+  const Be = k(
+    (g) => {
+      var ee, rt, it, Tt;
+      const p = g;
+      if (!(!p.type || typeof p.type != "string")) {
+        if (Ae == null || Ae({ eventName: p.type, data: g }), p.type === "navigate") {
+          if (!we("navigate")) {
+            _e("navigate", "navigate");
             return;
           }
-          const b = typeof c.href == "string" ? c.href : null;
-          if (!b) {
+          const L = typeof p.href == "string" ? p.href : null;
+          if (!L) {
             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 (Ke.current) {
+          if (U.current.playPageChange(), tt.current) {
             try {
-              Ke.current(b);
-            } catch (E) {
+              tt.current(L);
+            } catch (I) {
               console.warn(
-                `[LiveLayer] onNavigate threw for "${b}". Falling back. Error:`,
-                E
+                `[LiveLayer] onNavigate threw for "${L}". Falling back. Error:`,
+                I
               );
             }
             return;
           }
           if (typeof document < "u") {
-            const E = document.querySelector(
-              `a[href="${b.replace(/"/g, '\\"')}"]`
+            const I = document.querySelector(
+              `a[href="${L.replace(/"/g, '\\"')}"]`
             );
-            if (E) {
-              E.click();
+            if (I) {
+              I.click();
               return;
             }
           }
           if (typeof window < "u" && typeof history < "u")
             try {
-              history.pushState({}, "", b), window.dispatchEvent(new PopStateEvent("popstate"));
-            } catch (E) {
+              history.pushState({}, "", L), window.dispatchEvent(new PopStateEvent("popstate"));
+            } catch (I) {
               console.warn(
-                `[LiveLayer] history.pushState fallback failed for "${b}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
-                E
+                `[LiveLayer] history.pushState fallback failed for "${L}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
+                I
               );
             }
           return;
         }
-        if (c.type === "scroll_to") {
-          if (!_e("scroll")) {
-            xe("scroll_to", "scroll");
+        if (p.type === "scroll_to") {
+          if (!we("scroll")) {
+            _e("scroll_to", "scroll");
             return;
           }
-          const b = typeof c.selector == "string" ? c.selector : null;
-          if (!b) return;
-          const E = c.behavior === "instant" ? "instant" : "smooth";
-          if (qe.current) {
+          const L = typeof p.selector == "string" ? p.selector : null;
+          if (!L) return;
+          const I = p.behavior === "instant" ? "instant" : "smooth";
+          if (dt.current) {
             try {
-              qe.current(
-                b,
-                E
+              dt.current(
+                L,
+                I
               );
-            } catch (k) {
-              console.warn("[LiveLayer] onScrollToSelector threw.", k);
+            } catch (O) {
+              console.warn("[LiveLayer] onScrollToSelector threw.", O);
             }
             return;
           }
           if (typeof document < "u") {
-            let k = null;
+            let O = null;
             try {
-              k = document.querySelector(b);
+              O = document.querySelector(L);
             } catch {
               console.warn(
-                `[LiveLayer] scroll_to: invalid selector "${b}".`
+                `[LiveLayer] scroll_to: invalid selector "${L}".`
               );
               return;
             }
-            if (!k) {
+            if (!O) {
               console.warn(
-                `[LiveLayer] scroll_to: no element matched "${b}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
+                `[LiveLayer] scroll_to: no element matched "${L}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
               );
               return;
             }
-            k.scrollIntoView({
-              behavior: E,
+            O.scrollIntoView({
+              behavior: I,
               block: "start"
             });
           }
           return;
         }
-        if (c.type === "request_page_context") {
-          if (!_e("read_page")) {
-            xe("request_page_context", "read_page");
+        if (p.type === "request_page_context") {
+          if (!we("read_page")) {
+            _e("request_page_context", "read_page");
             return;
           }
-          const b = typeof c.requestId == "string" ? c.requestId : void 0, E = (ne = oe.current) == null ? void 0 : ne.call(oe), k = (j) => {
-            const M = E, Y = M == null ? void 0 : M.localParticipant;
-            if (!(Y != null && Y.publishData)) {
-              console.warn(
-                "[NAV-DEBUG][widget] request_page_context response: no publishData"
-              );
-              return;
-            }
-            const B = b ? { ...j, requestId: b } : j, Z = Oe.current;
-            Z && Z(Y, B, `request_page_context-resp/${String(j.type)}`);
-          }, D = ut.current, F = xt.current;
+          const L = typeof p.requestId == "string" ? p.requestId : void 0, I = (ee = se.current) == null ? void 0 : ee.call(se), O = (j) => {
+            const P = I, J = P == null ? void 0 : P.localParticipant;
+            if (J != null && J.publishData)
+              try {
+                const Q = L ? { ...j, requestId: L } : j, Pe = new TextEncoder().encode(JSON.stringify(Q));
+                J.publishData(Pe, { reliable: !0 });
+              } catch (Q) {
+                console.warn("[LiveLayer] publishData failed.", Q);
+              }
+          }, $ = _t.current, F = wt.current;
           try {
             if (F) {
-              const j = F(D);
+              const j = F($);
               if (j instanceof Promise) {
-                k({ type: "page_context_pending" }), j.then((M) => k({ type: "page_context", context: M })).catch((M) => {
+                O({ type: "page_context_pending" }), j.then((P) => O({ type: "page_context", context: P })).catch((P) => {
                   console.warn(
                     "[LiveLayer] getPageContext rejected; falling back to default walker.",
-                    M
-                  ), k({
+                    P
+                  ), O({
                     type: "page_context",
-                    context: gt(D)
+                    context: Gt($)
                   });
                 });
                 return;
               }
-              k({ type: "page_context", context: j });
+              O({ type: "page_context", context: j });
               return;
             }
-            k({
+            O({
               type: "page_context",
-              context: gt(D)
+              context: Gt($)
             });
           } catch (j) {
             console.warn(
               "[LiveLayer] page-context extraction threw. Sending empty context.",
               j
-            ), k({
+            ), O({
               type: "page_context",
-              context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: D }
+              context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: $ }
             });
           }
           return;
         }
-        if (c.type === "scroll_page") {
-          if (!_e("scroll")) {
-            xe("scroll_page", "scroll");
+        if (p.type === "scroll_page") {
+          if (!we("scroll")) {
+            _e("scroll_page", "scroll");
             return;
           }
-          const b = c.direction;
-          if (b !== "up" && b !== "down" && b !== "top" && b !== "bottom") {
+          const L = p.direction;
+          if (L !== "up" && L !== "down" && L !== "top" && L !== "bottom") {
             console.warn(
-              `[LiveLayer] scroll_page: invalid direction "${String(b)}". Expected up | down | top | bottom.`
+              `[LiveLayer] scroll_page: invalid direction "${String(L)}". Expected up | down | top | bottom.`
             );
             return;
           }
-          const E = c.behavior === "instant" ? "instant" : "smooth";
-          if (h.current) {
+          const I = p.behavior === "instant" ? "instant" : "smooth";
+          if (ut.current) {
             try {
-              h.current(
-                b,
-                E
+              ut.current(
+                L,
+                I
               );
-            } catch (M) {
-              console.warn("[LiveLayer] onScrollPage threw.", M);
+            } catch (P) {
+              console.warn("[LiveLayer] onScrollPage threw.", P);
             }
             return;
           }
           if (typeof window > "u") return;
-          const k = { behavior: E }, D = Ir(), F = (M) => {
-            D instanceof Window ? D.scrollBy({ top: M, ...k }) : D.scrollBy({ top: M, ...k });
-          }, j = (M) => {
-            D instanceof Window ? D.scrollTo({ top: M, ...k }) : D.scrollTo({ top: M, ...k });
+          const O = { behavior: I }, $ = Ar(), F = (P) => {
+            $ instanceof Window ? $.scrollBy({ top: P, ...O }) : $.scrollBy({ top: P, ...O });
+          }, j = (P) => {
+            $ instanceof Window ? $.scrollTo({ top: P, ...O }) : $.scrollTo({ top: P, ...O });
           };
-          b === "up" ? F(-nn(D)) : b === "down" ? F(nn(D)) : j(b === "top" ? 0 : Tr(D));
+          L === "up" ? F(-Xt($)) : L === "down" ? F(Xt($)) : j(L === "top" ? 0 : Rr($));
           return;
         }
-        if (c.type === "click") {
-          if (!_e("click")) {
-            xe("click", "click");
+        if (p.type === "click") {
+          if (!we("click")) {
+            _e("click", "click");
             return;
           }
-          const b = typeof c.selector == "string" ? c.selector : null;
-          if (!b) {
+          const L = typeof p.selector == "string" ? p.selector : null;
+          if (!L) {
             console.warn("[LiveLayer] click: missing selector.");
             return;
           }
-          if (K.current) {
+          if (ft.current) {
             try {
-              K.current(b);
-            } catch (k) {
-              console.warn("[LiveLayer] onClick threw.", k);
+              ft.current(L);
+            } catch (O) {
+              console.warn("[LiveLayer] onClick threw.", O);
             }
             return;
           }
           if (typeof document > "u") return;
-          let E = null;
+          let I = null;
           try {
-            E = document.querySelector(b);
+            I = document.querySelector(L);
           } catch {
             console.warn(
-              `[LiveLayer] click: invalid selector "${b}".`
+              `[LiveLayer] click: invalid selector "${L}".`
             );
             return;
           }
-          if (!E) {
+          if (!I) {
             console.warn(
-              `[LiveLayer] click: no element matched "${b}". See https://livelayer.studio/docs/errors/click-no-match`
+              `[LiveLayer] click: no element matched "${L}". See https://livelayer.studio/docs/errors/click-no-match`
             );
             return;
           }
-          if (E.closest('[data-ll-private="true"], .ll-widget')) {
+          if (I.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               "[LiveLayer] click: refusing to click element inside a private subtree."
             );
             return;
           }
-          (Q = E.click) == null || Q.call(E);
+          (rt = I.click) == null || rt.call(I);
           return;
         }
-        if (c.type === "fill_form" || c.type === "focus_field") {
-          if (!_e("fill_forms")) {
-            xe(c.type, "fill_forms");
+        if (p.type === "fill_form" || p.type === "focus_field") {
+          if (!we("fill_forms")) {
+            _e(p.type, "fill_forms");
             return;
           }
           if (typeof document > "u") return;
-          const b = typeof c.requestId == "string" ? c.requestId : void 0, E = (de = oe.current) == null ? void 0 : de.call(oe), k = (B) => {
-            if (c.type !== "fill_form") return;
-            const Z = E, pe = Z == null ? void 0 : Z.localParticipant;
-            if (pe != null && pe.publishData)
-              try {
-                const Ne = b ? { ...B, requestId: b } : B, bn = new TextEncoder().encode(JSON.stringify(Ne));
-                pe.publishData(bn, { reliable: !0 });
-              } catch (Ne) {
-                console.warn("[LiveLayer] publishData failed.", Ne);
-              }
-          }, D = typeof c.formId == "string" ? c.formId : null;
-          if (!D) {
-            console.warn(`[LiveLayer] ${c.type}: missing formId.`), k({ type: "fill_form_result", ok: !1, reason: "missing formId" });
+          p.type === "fill_form" && U.current.playConfirmation();
+          const L = typeof p.formId == "string" ? p.formId : null;
+          if (!L) {
+            console.warn(`[LiveLayer] ${p.type}: missing formId.`);
             return;
           }
-          const F = document.querySelector(
-            `[data-ll-form="${D.replace(/"/g, '\\"')}"]`
+          const I = document.querySelector(
+            `[data-ll-form="${L.replace(/"/g, '\\"')}"]`
           );
-          if (!F) {
+          if (!I) {
             console.warn(
-              `[LiveLayer] ${c.type}: no form with data-ll-form="${D}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
-            ), k({
-              type: "fill_form_result",
-              ok: !1,
-              reason: `no form with data-ll-form="${D}" on this page`,
-              formId: D
-            });
+              `[LiveLayer] ${p.type}: no form with data-ll-form="${L}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
+            );
             return;
           }
-          if (F.closest('[data-ll-private="true"], .ll-widget')) {
+          if (I.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
-              `[LiveLayer] ${c.type}: refusing to touch a form in a private subtree.`
-            ), k({
-              type: "fill_form_result",
-              ok: !1,
-              reason: "form is in a private subtree (data-ll-private)",
-              formId: D
-            });
+              `[LiveLayer] ${p.type}: refusing to touch a form in a private subtree.`
+            );
             return;
           }
-          if (c.type === "focus_field") {
-            const B = typeof c.fieldName == "string" ? c.fieldName : null;
-            if (!B) {
+          if (p.type === "focus_field") {
+            const $ = typeof p.fieldName == "string" ? p.fieldName : null;
+            if (!$) {
               console.warn("[LiveLayer] focus_field: missing fieldName.");
               return;
             }
-            const Z = F.querySelector(`[data-ll-field="${B.replace(/"/g, '\\"')}"]`);
-            if (!Z) {
+            const F = I.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
+            if (!F) {
               console.warn(
-                `[LiveLayer] focus_field: no field "${B}" in form "${D}".`
+                `[LiveLayer] focus_field: no field "${$}" in form "${L}".`
               );
               return;
             }
-            if (!bt(Z)) {
+            if (!st(F)) {
               console.warn(
-                `[LiveLayer] focus_field: field "${B}" is privacy-protected and not focusable.`
+                `[LiveLayer] focus_field: field "${$}" is privacy-protected and not focusable.`
               );
               return;
             }
-            Z.focus();
+            F.focus();
             return;
           }
-          const j = c.values && typeof c.values == "object" ? c.values : null;
-          if (!j) {
-            console.warn("[LiveLayer] fill_form: missing or invalid values."), k({
-              type: "fill_form_result",
-              ok: !1,
-              reason: "missing or invalid values",
-              formId: D
-            });
+          const O = p.values && typeof p.values == "object" ? p.values : null;
+          if (!O) {
+            console.warn("[LiveLayer] fill_form: missing or invalid values.");
             return;
           }
-          const M = [], Y = [];
-          for (const [B, Z] of Object.entries(j)) {
-            if (typeof Z != "string") continue;
-            const pe = F.querySelector(`[data-ll-field="${B.replace(/"/g, '\\"')}"]`);
-            if (!pe) {
+          for (const [$, F] of Object.entries(O)) {
+            if (typeof F != "string") continue;
+            const j = I.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
+            if (!j) {
               console.warn(
-                `[LiveLayer] fill_form: no field "${B}" in form "${D}". Skipping.`
-              ), Y.push(B);
+                `[LiveLayer] fill_form: no field "${$}" in form "${L}". Skipping.`
+              );
               continue;
             }
-            if (!bt(pe)) {
+            if (!st(j)) {
               console.warn(
-                `[LiveLayer] fill_form: field "${B}" is privacy-protected (password / cc-* / private). Skipping.`
-              ), Y.push(B);
+                `[LiveLayer] fill_form: field "${$}" is privacy-protected (password / cc-* / private). Skipping.`
+              );
               continue;
             }
             try {
-              Ar(pe, Z), M.push(B);
-            } catch (Ne) {
+              Sr(j, F);
+            } catch (P) {
               console.warn(
-                `[LiveLayer] fill_form: failed to set "${B}".`,
-                Ne
-              ), Y.push(B);
+                `[LiveLayer] fill_form: failed to set "${$}".`,
+                P
+              );
             }
           }
-          k({
-            type: "fill_form_result",
-            ok: M.length > 0,
-            formId: D,
-            filled: M,
-            skipped: Y,
-            reason: M.length === 0 ? `none of the requested fields exist on this form (skipped: ${Y.join(", ")})` : void 0
-          });
           return;
         }
-        if (c.type === "submit_form") {
-          if (!_e("submit_forms")) {
-            xe("submit_form", "submit_forms");
+        if (p.type === "submit_form") {
+          if (!we("submit_forms")) {
+            _e("submit_form", "submit_forms");
             return;
           }
           if (typeof document > "u") return;
-          const b = typeof c.formId == "string" ? c.formId : null;
-          if (!b) {
+          const L = typeof p.formId == "string" ? p.formId : null;
+          if (!L) {
             console.warn("[LiveLayer] submit_form: missing formId.");
             return;
           }
-          const E = document.querySelector(
-            `[data-ll-form="${b.replace(/"/g, '\\"')}"]`
+          U.current.playConfirmation();
+          const I = document.querySelector(
+            `[data-ll-form="${L.replace(/"/g, '\\"')}"]`
           );
-          if (!E) {
+          if (!I) {
             console.warn(
-              `[LiveLayer] submit_form: no form with data-ll-form="${b}".`
+              `[LiveLayer] submit_form: no form with data-ll-form="${L}".`
             );
             return;
           }
-          if (E.closest('[data-ll-private="true"], .ll-widget')) {
+          if (I.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               "[LiveLayer] submit_form: refusing to submit a form in a private subtree."
             );
             return;
           }
-          const k = typeof c.requestId == "string" ? c.requestId : void 0, D = (fe = oe.current) == null ? void 0 : fe.call(oe), F = (Y) => {
-            const B = D, Z = B == null ? void 0 : B.localParticipant;
-            if (Z != null && Z.publishData)
+          const O = typeof p.requestId == "string" ? p.requestId : void 0, $ = (it = se.current) == null ? void 0 : it.call(se), F = (J) => {
+            const Q = $, Pe = Q == null ? void 0 : Q.localParticipant;
+            if (Pe != null && Pe.publishData)
               try {
-                const pe = k ? { ...Y, requestId: k } : Y, Ne = new TextEncoder().encode(JSON.stringify(pe));
-                Z.publishData(Ne, { reliable: !0 });
+                const un = O ? { ...J, requestId: O } : J, fn = new TextEncoder().encode(JSON.stringify(un));
+                Pe.publishData(fn, { reliable: !0 });
               } catch {
               }
           };
           let j = !1;
-          const M = () => {
-            j = !0, F({ type: "form_submitted", formId: b });
+          const P = () => {
+            j = !0, F({ type: "form_submitted", formId: L });
           };
-          E.addEventListener("submit", M, { once: !0 });
+          I.addEventListener("submit", P, { once: !0 });
           try {
-            typeof E.requestSubmit == "function" ? E.requestSubmit() : E.submit();
-          } catch (Y) {
-            console.warn("[LiveLayer] submit_form: requestSubmit threw.", Y), E.removeEventListener("submit", M), F({
+            typeof I.requestSubmit == "function" ? I.requestSubmit() : I.submit();
+          } catch (J) {
+            console.warn("[LiveLayer] submit_form: requestSubmit threw.", J), I.removeEventListener("submit", P), F({
               type: "form_submit_blocked",
-              formId: b,
+              formId: L,
               reason: "exception"
             });
             return;
           }
           setTimeout(() => {
-            j || (E.removeEventListener("submit", M), F({
+            j || (I.removeEventListener("submit", P), F({
               type: "form_submit_blocked",
-              formId: b,
+              formId: L,
               reason: "validation"
             }));
           }, 500);
           return;
         }
-        if (c.type === "request_routes") {
-          if (!_e("read_page")) {
-            xe("request_routes", "read_page");
+        if (p.type === "request_routes") {
+          if (!we("read_page")) {
+            _e("request_routes", "read_page");
             return;
           }
-          const b = typeof c.requestId == "string" ? c.requestId : void 0, k = (ke = oe.current) == null ? void 0 : ke.call(oe), D = k == null ? void 0 : k.localParticipant;
-          if (!(D != null && D.publishData)) return;
-          const F = (M) => {
-            const Y = b ? { type: "routes", routes: M, requestId: b } : { type: "routes", routes: M }, B = Oe.current;
-            B && B(D, Y, `request_routes-resp(${M.length})`);
-          }, j = dt.current;
+          const L = typeof p.requestId == "string" ? p.requestId : void 0, O = (Tt = se.current) == null ? void 0 : Tt.call(se), $ = O == null ? void 0 : O.localParticipant;
+          if (!($ != null && $.publishData)) return;
+          const F = (P) => {
+            try {
+              const J = L ? { type: "routes", routes: P, requestId: L } : { type: "routes", routes: P }, Q = new TextEncoder().encode(JSON.stringify(J));
+              $.publishData(Q, { reliable: !0 });
+            } catch (J) {
+              console.warn("[LiveLayer] request_routes: publishData failed.", J);
+            }
+          }, j = xt.current;
           if (j) {
             try {
-              const M = j(), Y = (B) => {
-                if (!Array.isArray(B)) {
+              const P = j(), J = (Q) => {
+                if (!Array.isArray(Q)) {
                   F([]);
                   return;
                 }
-                F(B.map(kr).slice(0, 200));
+                F(Q.map(br).slice(0, 200));
               };
-              M instanceof Promise ? M.then(Y).catch((B) => {
+              P instanceof Promise ? P.then(J).catch((Q) => {
                 console.warn(
                   "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
-                  B
-                ), F(rt());
-              }) : Y(M);
-            } catch (M) {
+                  Q
+                ), F(mt());
+              }) : J(P);
+            } catch (P) {
               console.warn(
                 "[LiveLayer] getRoutes threw; falling back to DOM walker.",
-                M
-              ), F(rt());
+                P
+              ), F(mt());
             }
             return;
           }
           try {
-            F(rt());
-          } catch (M) {
-            console.warn("[LiveLayer] request_routes: extractRoutes threw.", M);
+            F(mt());
+          } catch (P) {
+            console.warn("[LiveLayer] request_routes: extractRoutes threw.", P);
           }
           return;
         }
-        Pr.has(c.type) || Te == null || Te(c);
+        Ir.has(p.type) || Re == null || Re(p);
       }
     },
-    [Te, Ie]
-  ), U = En({
-    agentId: J ? "__controlled__" : Be,
-    baseUrl: o,
+    [Re, Ae]
+  ), X = bn({
+    agentId: V ? "__controlled__" : Je,
+    baseUrl: i,
     apiKey: r,
-    sessionEndpoint: i,
+    sessionEndpoint: o,
     sessionBody: l,
-    onDataMessage: J ? void 0 : Xe
+    onDataMessage: V ? void 0 : Be
   });
-  I(() => {
-    if (J != null && J.subscribeToDataMessages)
-      return J.subscribeToDataMessages(Xe);
-  }, [J, Xe]), oe.current = () => {
-    var f;
-    return (f = U.getRoom) == null ? void 0 : f.call(U);
-  };
-  const an = (f, c, W) => {
-    if (!(f != null && f.publishData))
-      return console.warn(`[NAV-DEBUG][widget] ${W}: no publishData on lp`), Promise.resolve();
-    const ne = new TextEncoder().encode(JSON.stringify(c));
-    return Promise.resolve().then(() => f.publishData(ne, { reliable: !0 })).then(() => {
-      console.log(`[NAV-DEBUG][widget] ${W}: publishData resolved (${ne.byteLength}b)`);
-    }).catch((Q) => {
-      const de = Q instanceof Error ? Q.message : String(Q), fe = Q instanceof Error ? Q.name : "unknown";
-      console.error(
-        `[NAV-DEBUG][widget] ${W}: publishData REJECTED — ${fe}: ${de} (${ne.byteLength}b)`
-      );
-    });
-  };
-  Oe.current = an, ft.current = () => {
-    var de, fe, ke, b;
-    const f = Dt.current;
-    if (!f) {
-      console.log("[NAV-DEBUG][widget] pushSnapshot bailed: no pathname");
-      return;
-    }
-    const c = (de = U.getRoom) == null ? void 0 : de.call(U), W = c == null ? void 0 : c.localParticipant;
-    if (!(W != null && W.publishData)) {
-      console.log(
-        "[NAV-DEBUG][widget] pushSnapshot bailed: no publishData (not connected)"
-      );
-      return;
-    }
-    const ne = Oe.current;
-    ne(W, { type: "pathname", pathname: f }, "pushSnapshot/pathname");
-    const Q = gt(ut.current);
-    ne(
-      W,
-      { type: "page_context_push", pathname: f, context: Q },
-      `pushSnapshot/page_context_push(regions=${((fe = Q.regions) == null ? void 0 : fe.length) ?? 0} forms=${((ke = Q.forms) == null ? void 0 : ke.length) ?? 0} links=${((b = Q.visibleLinks) == null ? void 0 : b.length) ?? 0})`
-    ), (async () => {
-      try {
-        const E = dt.current;
-        let k = [];
-        if (E) {
-          const D = E(), F = D instanceof Promise ? await D : D;
-          k = Array.isArray(F) ? F.slice(0, 200) : [];
-        } else
-          k = rt();
-        await ne(
-          W,
-          { type: "routes_push", routes: k },
-          `pushSnapshot/routes_push(${k.length})`
-        );
-      } catch (E) {
-        console.warn("[NAV-DEBUG][widget] pushSnapshot routes outer threw:", E);
-      }
-    })();
-  }, I(() => {
-    var Q;
-    if (console.log(
-      `[NAV-DEBUG][widget] pathname-effect fired pathname=${ae} connState=${U.connectionState} t=${Date.now()}`
-    ), !ae) {
-      console.log("[NAV-DEBUG][widget] effect bailed: no pathname");
-      return;
-    }
-    const f = (Q = U.getRoom) == null ? void 0 : Q.call(U), c = f == null ? void 0 : f.localParticipant;
-    if (console.log(
-      `[NAV-DEBUG][widget] immediate-push state: room=${!!f} lp=${!!c} publishData=${!!(c != null && c.publishData)}`
-    ), !(c != null && c.publishData)) {
-      console.log("[NAV-DEBUG][widget] effect bailed: no publishData (not connected yet)");
-      return;
-    }
-    const W = Oe.current;
-    W && W(c, { type: "pathname", pathname: ae }, "pathname-effect/pathname");
-    const ne = setTimeout(async () => {
-      var de, fe, ke, b;
-      console.log("[NAV-DEBUG][widget] settle timer fired (250ms after pathname-effect)");
-      try {
-        const E = (de = U.getRoom) == null ? void 0 : de.call(U), k = E == null ? void 0 : E.localParticipant;
-        if (console.log(
-          `[NAV-DEBUG][widget] settle-time state: room=${!!E} lp=${!!k} publishData=${!!(k != null && k.publishData)}`
-        ), !(k != null && k.publishData)) {
-          console.log("[NAV-DEBUG][widget] settle bailed: no publishData");
-          return;
-        }
-        const D = gt(ut.current), F = Oe.current;
-        if (!F) return;
-        await F(
-          k,
-          { type: "page_context_push", pathname: ae, context: D },
-          `settle/page_context_push(regions=${((fe = D.regions) == null ? void 0 : fe.length) ?? 0} forms=${((ke = D.forms) == null ? void 0 : ke.length) ?? 0} links=${((b = D.visibleLinks) == null ? void 0 : b.length) ?? 0})`
-        );
-        try {
-          const j = dt.current;
-          let M = [];
-          if (j) {
-            const Y = j(), B = Y instanceof Promise ? await Y : Y;
-            M = Array.isArray(B) ? B.slice(0, 200) : [];
-          } else
-            M = rt();
-          await F(
-            k,
-            { type: "routes_push", routes: M },
-            `settle/routes_push(${M.length})`
-          );
-        } catch (j) {
-          console.warn("[NAV-DEBUG][widget] routes_push outer threw:", j);
-        }
-      } catch (E) {
-        console.warn("[NAV-DEBUG][widget] settle outer threw:", E);
-      }
-    }, 250);
-    return () => {
-      clearTimeout(ne);
-    };
-  }, [ae, U, U.connectionState]), I(() => {
-    var W;
+  N(() => {
+    if (V != null && V.subscribeToDataMessages)
+      return V.subscribeToDataMessages(Be);
+  }, [V, Be]), se.current = () => {
+    var g;
+    return (g = X.getRoom) == null ? void 0 : g.call(X);
+  }, N(() => {
+    var ee;
     if (typeof window > "u") return;
-    const f = ((W = window.location) == null ? void 0 : W.hostname) || "";
-    if (f === "localhost" || f === "127.0.0.1" || f === "0.0.0.0" || f.endsWith(".local") || f.endsWith(".test"))
-      return window.__livelayerSimulateCommand = (ne) => {
+    const g = ((ee = window.location) == null ? void 0 : ee.hostname) || "";
+    if (g === "localhost" || g === "127.0.0.1" || g === "0.0.0.0" || g.endsWith(".local") || g.endsWith(".test"))
+      return window.__livelayerSimulateCommand = (rt) => {
         try {
-          Xe(ne);
-        } catch (Q) {
-          console.warn("[LiveLayer] simulate-command threw:", Q);
+          Be(rt);
+        } catch (it) {
+          console.warn("[LiveLayer] simulate-command threw:", it);
         }
       }, () => {
         delete window.__livelayerSimulateCommand;
       };
-  }, [Xe]);
-  const g = yt(() => J ? {
-    connectionState: J.connectionState,
-    agentState: J.agentState,
-    transcript: J.transcript,
-    videoElement: J.videoElement,
-    audioElement: J.audioElement,
-    canResume: J.canResume,
-    error: J.error,
+  }, [Be]);
+  const b = He(() => V ? {
+    connectionState: V.connectionState,
+    agentState: V.agentState,
+    transcript: V.transcript,
+    videoElement: V.videoElement,
+    audioElement: V.audioElement,
+    canResume: V.canResume,
+    error: V.error,
     agentConfig: null,
     connect: async () => {
-      await J.onConnect();
+      await V.onConnect();
     },
-    disconnect: () => J.onDisconnect(),
+    disconnect: () => V.onDisconnect(),
     // Dummy getRoom for shape compatibility — controlled consumers own the Room.
     // Internal session's getRoom returns null when no real connect has happened,
     // so we reuse its reference for type consistency.
-    getRoom: U.getRoom,
+    getRoom: X.getRoom,
     isControlled: !0
   } : {
-    connectionState: U.connectionState,
-    agentState: U.agentState,
-    transcript: U.transcript,
-    videoElement: U.videoElement,
-    audioElement: U.audioElement,
-    canResume: U.canResume,
-    error: U.error,
-    agentConfig: U.agentConfig,
-    connect: U.connect,
-    disconnect: U.disconnect,
-    getRoom: U.getRoom,
+    connectionState: X.connectionState,
+    agentState: X.agentState,
+    transcript: X.transcript,
+    videoElement: X.videoElement,
+    audioElement: X.audioElement,
+    canResume: X.canResume,
+    error: X.error,
+    agentConfig: X.agentConfig,
+    connect: X.connect,
+    disconnect: X.disconnect,
+    getRoom: X.getRoom,
     isControlled: !1
-  }, [J, U]), Mt = N(null);
-  I(() => {
-    const f = g.videoElement, c = Mt.current;
-    if (!(!f || !c))
-      return c.appendChild(f), () => {
-        f.parentNode === c && c.removeChild(f);
+  }, [V, X]), kt = E(null);
+  N(() => {
+    const g = b.videoElement, p = kt.current;
+    if (!(!g || !p))
+      return p.appendChild(g), () => {
+        g.parentNode === p && p.removeChild(g);
       };
-  }, [g.videoElement]), I(() => {
-    const f = g.audioElement;
-    if (!f) return;
-    je.attach(f);
-    const c = f.play();
-    return c && typeof c.catch == "function" && c.catch((W) => {
-      (W == null ? void 0 : W.name) === "NotAllowedError" && ye(!0);
+  }, [b.videoElement]), N(() => {
+    const g = b.audioElement;
+    if (!g) return;
+    Ie.attach(g);
+    const p = g.play();
+    return p && typeof p.catch == "function" && p.catch((ee) => {
+      (ee == null ? void 0 : ee.name) === "NotAllowedError" && Te(!0);
     }), () => {
-      je.detach();
+      Ie.detach();
     };
-  }, [g.audioElement]), I(() => {
-    if (g.isControlled || g.connectionState !== "connected") return;
-    const f = g.getRoom();
-    if (f)
-      return re.setupMic(f, { startMuted: !0 }).catch(() => {
-      }), ce.attachRoom(f), ue.attachRoom(f), ge.refresh(), () => {
-        re.teardownMic(), ce.teardown(), ue.teardown();
+  }, [b.audioElement]), N(() => {
+    if (b.isControlled || b.connectionState !== "connected") return;
+    const g = b.getRoom();
+    if (g)
+      return Z.setupMic(g).catch(() => {
+      }), ne.attachRoom(g), oe.attachRoom(g), be.refresh(), () => {
+        Z.teardownMic(), ne.teardown(), oe.teardown();
       };
-  }, [g.isControlled, g.connectionState]);
-  const [Qe, Lt] = C(!1), St = N("idle");
-  I(() => {
-    if (g.connectionState === "idle" || g.connectionState === "disconnected") {
-      Lt(!1), St.current = "idle";
-      return;
-    }
-    !Qe && St.current === "speaking" && g.agentState !== "speaking" && (Lt(!0), re.setMuted(!1)), St.current = g.agentState;
-  }, [g.agentState, g.connectionState, Qe]), I(() => {
-    if (g.connectionState !== "connected" || Qe) return;
-    const f = setTimeout(() => {
-      Lt(!0), re.setMuted(!1);
-    }, 4e3);
-    return () => clearTimeout(f);
-  }, [g.connectionState, Qe]), I(() => {
-    const f = g.audioElement;
-    f && (f.muted = He);
-  }, [g.audioElement, He]);
-  const sn = L((f) => {
-    const c = g.getRoom();
-    if (c)
+  }, [b.isControlled, b.connectionState]), N(() => {
+    const g = b.audioElement;
+    g && (g.muted = qe);
+  }, [b.audioElement, qe]);
+  const Zt = k((g) => {
+    const p = b.getRoom();
+    if (p)
       try {
-        const W = new TextEncoder().encode(
-          JSON.stringify({ type: "user_message", text: f })
+        const ee = new TextEncoder().encode(
+          JSON.stringify({ type: "user_message", text: g })
         );
-        c.localParticipant.publishData(W, { reliable: !0 });
+        p.localParticipant.publishData(ee, { reliable: !0 });
       } catch {
       }
-  }, [g]), cn = L(() => {
-    ct((f) => !f);
+  }, [b]), en = k(() => {
+    et((g) => !g);
   }, []);
-  I(() => {
-    Me == null || Me(g.connectionState), g.connectionState === "connected" ? he == null || he() : g.connectionState === "disconnected" && (Se == null || Se());
-  }, [g.connectionState, he, Se, Me]), I(() => {
-    Re == null || Re(g.transcript);
-  }, [g.transcript, Re]), I(() => {
-    De == null || De(g.agentState);
-  }, [g.agentState, De]);
-  const It = N(!1);
-  I(() => {
-    g.isControlled || !u || It.current || Pe && g.connectionState === "idle" && (It.current = !0, g.connect());
-  }, [u, g.connectionState, g, Pe]);
-  const un = L(
-    (f) => {
-      const c = R == null ? void 0 : R.find((W) => W.id === f);
-      c && (Je(!1), f !== X && (Ge(!0), g.disconnect(), Fe || $e(f), v == null || v(c)));
+  N(() => {
+    Ne == null || Ne(b.connectionState), b.connectionState === "connected" ? Le == null || Le() : b.connectionState === "disconnected" && (Se == null || Se());
+  }, [b.connectionState, Le, Se, Ne]), N(() => {
+    Ce == null || Ce(b.transcript);
+  }, [b.transcript, Ce]), N(() => {
+    Ee == null || Ee(b.agentState);
+  }, [b.agentState, Ee]), N(() => {
+    f.setThinking(b.agentState === "thinking");
+  }, [b.agentState, f]);
+  const Lt = E(!1);
+  N(() => {
+    b.isControlled || !d || Lt.current || fe && b.connectionState === "idle" && (Lt.current = !0, b.connect());
+  }, [d, b.connectionState, b, fe]);
+  const tn = k(
+    (g) => {
+      const p = _ == null ? void 0 : _.find((ee) => ee.id === g);
+      p && (ae(!1), g !== pe && (Ke(!0), b.disconnect(), ye || ct(g), y == null || y(p)));
     },
     [
-      R,
-      X,
-      g,
-      Fe,
-      v
+      _,
+      pe,
+      b,
+      ye,
+      y
     ]
   );
-  I(() => {
-    ve && g.connectionState === "connected" && Ge(!1);
-  }, [g.connectionState, ve]), I(() => {
-    if (!Ye) return;
-    const f = (c) => {
-      c.key === "Escape" && Je(!1);
+  N(() => {
+    Oe && b.connectionState === "connected" && Ke(!1);
+  }, [b.connectionState, Oe]), N(() => {
+    if (!le) return;
+    const g = (p) => {
+      p.key === "Escape" && ae(!1);
     };
-    return window.addEventListener("keydown", f), () => window.removeEventListener("keydown", f);
-  }, [Ye]);
-  const dn = !!$ || !!(te != null && te.avatarImageUrl) || g.isControlled, Ze = In(Be, o, dn);
-  ie === void 0 && ((Pt = Ze.info) != null && Pt.capabilities) && (kt.current = Ze.info.capabilities);
-  const pt = (te == null ? void 0 : te.name) ?? q ?? (($t = g.agentConfig) == null ? void 0 : $t.name) ?? ((Bt = Ze.info) == null ? void 0 : Bt.name) ?? "Live Layer", Et = (te == null ? void 0 : te.avatarImageUrl) ?? $ ?? ((zt = g.agentConfig) == null ? void 0 : zt.avatarImageUrl) ?? ((Ht = Ze.info) == null ? void 0 : Ht.avatarImageUrl) ?? null, fn = _ ?? ((qt = g.agentConfig) == null ? void 0 : qt.idleLoopUrl) ?? ((Ot = Ze.info) == null ? void 0 : Ot.idleLoopUrl) ?? null, pn = H ?? null, hn = L(() => me("expanded"), [me]), mn = L(
-    () => me("minimized"),
-    [me]
-  ), Tt = L(() => {
-    g.disconnect(), me("hidden");
-  }, [g, me]), gn = L(() => {
-    const f = g.audioElement;
-    f && f.play().then(() => ye(!1)).catch(() => {
+    return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
+  }, [le]);
+  const nn = !!z || !!(Y != null && Y.avatarImageUrl) || b.isControlled, We = Cn(Je, i, nn);
+  ue === void 0 && ((Ct = We.info) != null && Ct.capabilities) && (pt.current = We.info.capabilities);
+  const nt = (Y == null ? void 0 : Y.name) ?? v ?? ((Et = b.agentConfig) == null ? void 0 : Et.name) ?? ((Nt = We.info) == null ? void 0 : Nt.name) ?? "Live Layer", ht = (Y == null ? void 0 : Y.avatarImageUrl) ?? z ?? ((At = b.agentConfig) == null ? void 0 : At.avatarImageUrl) ?? ((Rt = We.info) == null ? void 0 : Rt.avatarImageUrl) ?? null, rn = H ?? ((It = b.agentConfig) == null ? void 0 : It.idleLoopUrl) ?? ((Mt = We.info) == null ? void 0 : Mt.idleLoopUrl) ?? null, on = M ?? null, ln = k(() => he("expanded"), [he]), an = k(
+    () => he("minimized"),
+    [he]
+  ), St = k(() => {
+    b.disconnect(), he("hidden");
+  }, [b, he]), sn = k(() => {
+    const g = b.audioElement;
+    g && g.play().then(() => Te(!1)).catch(() => {
     });
-  }, [g.audioElement]), yn = L(() => {
-    ye(!1), g.connect();
-  }, [g]), et = {
-    ..._t,
-    zIndex: st
+  }, [b.audioElement]), cn = k(() => {
+    Te(!1), b.connect();
+  }, [b]), Fe = {
+    ...Ye,
+    zIndex: Ge
   };
-  m.primaryColor && (et["--ll-color-primary"] = m.primaryColor), m.accentColor && (et["--ll-color-accent"] = m.accentColor), m.backgroundColor && (et["--ll-color-bg"] = m.backgroundColor), m.textColor && (et["--ll-color-fg"] = m.textColor);
-  const vn = [
+  S.primaryColor && (Fe["--ll-color-primary"] = S.primaryColor), S.accentColor && (Fe["--ll-color-accent"] = S.accentColor), S.backgroundColor && (Fe["--ll-color-bg"] = S.backgroundColor), S.textColor && (Fe["--ll-color-fg"] = S.textColor);
+  const dn = [
     "ll-widget",
-    `ll-widget--${se}`,
-    `ll-widget--${Ce ? "mobile" : "desktop"}`,
-    wt
+    `ll-widget--${ve}`,
+    `ll-widget--${ke ? "mobile" : "desktop"}`,
+    Ve
   ].filter(Boolean).join(" ");
-  return Pe ? /* @__PURE__ */ x(
+  return fe ? /* @__PURE__ */ x(
     "div",
     {
-      className: vn,
-      style: et,
-      "data-display-mode": se,
-      "data-position": w,
+      className: dn,
+      style: Fe,
+      "data-display-mode": ve,
+      "data-position": a,
       children: [
-        se === "hidden" && /* @__PURE__ */ n(
-          nr,
+        ve === "hidden" && /* @__PURE__ */ n(
+          Kn,
           {
-            position: w,
-            isMobile: Ce,
-            isSpeaking: g.agentState === "speaking",
-            onExpand: () => me("expanded"),
-            label: `Open ${pt} widget`,
-            avatarImageUrl: Et,
-            agentName: pt
+            position: a,
+            isMobile: ke,
+            isSpeaking: b.agentState === "speaking",
+            onExpand: () => he("expanded"),
+            label: `Open ${nt} widget`,
+            avatarImageUrl: ht,
+            agentName: nt
           }
         ),
-        se === "minimized" && /* @__PURE__ */ n(
-          or,
+        ve === "minimized" && /* @__PURE__ */ n(
+          Zn,
           {
-            position: w,
-            isMobile: Ce,
-            agentName: pt,
-            avatarImageUrl: Et,
-            agentState: g.agentState,
-            isMuted: re.isMuted,
-            audioLevel: je,
-            onExpand: hn,
-            onToggleMute: re.toggleMute,
-            onClose: Tt
+            position: a,
+            isMobile: ke,
+            agentName: nt,
+            avatarImageUrl: ht,
+            agentState: b.agentState,
+            isMuted: Z.isMuted,
+            audioLevel: Ie,
+            onExpand: ln,
+            onToggleMute: Z.toggleMute,
+            onClose: St
           }
         ),
-        se === "expanded" && /* @__PURE__ */ n(
-          lr,
+        ve === "expanded" && /* @__PURE__ */ n(
+          tr,
           {
-            position: w,
-            isMobile: Ce,
-            agentName: pt,
-            avatarImageUrl: Et,
-            idleLoopUrl: fn,
-            greeting: pn,
-            branding: m,
-            teamMembers: R,
-            currentTeamMemberId: X,
-            isSwitchingTeamMember: ve,
-            teamSwitcherOpen: Ye,
-            onToggleTeamSwitcher: () => Je((f) => !f),
-            onSelectTeamMember: un,
-            connectionState: g.connectionState,
-            agentState: g.agentState,
-            transcript: g.transcript,
-            isMuted: re.isMuted,
-            micDevices: ge.mics,
-            isCameraEnabled: ce.isEnabled,
-            cameraPreviewEl: ce.previewEl,
-            cameraDevices: ge.cameras,
-            activeCameraId: ce.activeDeviceId,
-            isScreenShareEnabled: ue.isEnabled,
-            screenPreviewEl: ue.previewEl,
-            isSpeakerMuted: He,
-            allowCamera: T,
-            allowScreenShare: V,
-            allowTyping: z,
-            languageMenuOpen: be,
-            onToggleLanguageMenu: () => we((f) => !f),
-            needsUserGesture: ze,
-            canResume: g.canResume,
-            micError: re.micError,
-            error: g.error,
-            avatarVideoContainerRef: Mt,
-            agentVideoEl: g.videoElement,
-            micGateOpen: g.isControlled ? !0 : Qe,
-            onConnect: () => void g.connect(),
-            onDisconnect: () => g.disconnect(),
-            onRetry: yn,
-            onResumeAudio: gn,
-            onToggleMute: re.toggleMute,
-            onToggleCamera: () => void ce.toggle(),
-            onSwitchCameraDevice: (f) => void ce.switchDevice(f),
-            onToggleScreenShare: () => void ue.toggle(),
-            onToggleSpeaker: cn,
-            onSendMessage: sn,
-            onMinimize: mn,
-            onClose: Tt,
-            onClearMicError: re.clearError
+            position: a,
+            isMobile: ke,
+            agentName: nt,
+            avatarImageUrl: ht,
+            idleLoopUrl: rn,
+            greeting: on,
+            branding: S,
+            teamMembers: _,
+            currentTeamMemberId: pe,
+            isSwitchingTeamMember: Oe,
+            teamSwitcherOpen: le,
+            onToggleTeamSwitcher: () => ae((g) => !g),
+            onSelectTeamMember: tn,
+            connectionState: b.connectionState,
+            agentState: b.agentState,
+            transcript: b.transcript,
+            isMuted: Z.isMuted,
+            micDevices: be.mics,
+            isCameraEnabled: ne.isEnabled,
+            cameraPreviewEl: ne.previewEl,
+            cameraDevices: be.cameras,
+            activeCameraId: ne.activeDeviceId,
+            isScreenShareEnabled: oe.isEnabled,
+            screenPreviewEl: oe.previewEl,
+            isSpeakerMuted: qe,
+            allowCamera: B,
+            allowScreenShare: D,
+            allowTyping: A,
+            languageMenuOpen: Qe,
+            onToggleLanguageMenu: () => Ze((g) => !g),
+            needsUserGesture: Me,
+            canResume: b.canResume,
+            micError: Z.micError,
+            error: b.error,
+            avatarVideoContainerRef: kt,
+            agentVideoEl: b.videoElement,
+            onConnect: () => void b.connect(),
+            onDisconnect: () => b.disconnect(),
+            onRetry: cn,
+            onResumeAudio: sn,
+            onToggleMute: Z.toggleMute,
+            onToggleCamera: () => void ne.toggle(),
+            onSwitchCameraDevice: (g) => void ne.switchDevice(g),
+            onToggleScreenShare: () => void oe.toggle(),
+            onToggleSpeaker: en,
+            onSendMessage: Zt,
+            onMinimize: an,
+            onClose: St,
+            onClearMicError: Z.clearError
           }
         )
       ]
     }
   ) : null;
 }
-function Wr(e) {
-  return /* @__PURE__ */ n(Sn, { children: /* @__PURE__ */ n($r, { ...e }) });
+function qr(e) {
+  return /* @__PURE__ */ n(vn, { children: /* @__PURE__ */ n(Mr, { ...e }) });
 }
-const Fr = ({
+const Br = ({
   agentId: e,
   baseUrl: t,
   apiKey: r,
-  mode: o,
-  onAgentEvent: i,
+  mode: i,
+  onAgentEvent: o,
   className: l,
-  style: u
+  style: c
 }) => {
-  const d = N(null), p = N(null), y = N(i);
-  y.current = i;
-  const w = L((s) => {
-    var S;
-    const a = s.detail;
-    (S = y.current) == null || S.call(y, a);
+  const d = E(null), u = E(null), h = E(o);
+  h.current = o;
+  const m = k((a) => {
+    var R;
+    const s = a.detail;
+    (R = h.current) == null || R.call(h, s);
   }, []);
-  return I(() => {
-    const s = d.current;
-    if (!s) return;
-    const a = document.createElement("livelayer-widget");
-    return a.setAttribute("agent-id", e), t && a.setAttribute("base-url", t), r && a.setAttribute("api-key", r), o && a.setAttribute("mode", o), a.addEventListener("agent-event", w), s.appendChild(a), p.current = a, () => {
-      a.removeEventListener("agent-event", w), s.removeChild(a), p.current = null;
+  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), i && s.setAttribute("mode", i), s.addEventListener("agent-event", m), a.appendChild(s), u.current = s, () => {
+      s.removeEventListener("agent-event", m), a.removeChild(s), u.current = null;
     };
-  }, [e]), I(() => {
-    p.current && (o ? p.current.setAttribute("mode", o) : p.current.removeAttribute("mode"));
-  }, [o]), /* @__PURE__ */ n("div", { ref: d, className: l, style: u });
-}, jr = At(
-  function({ id: t, intent: r, as: o = "div", className: i, style: l, children: u }, d) {
-    return _n(
-      o,
+  }, [e]), N(() => {
+    u.current && (i ? u.current.setAttribute("mode", i) : u.current.removeAttribute("mode"));
+  }, [i]), /* @__PURE__ */ n("div", { ref: d, className: l, style: c });
+}, Wr = vt(
+  function({ id: t, intent: r, as: i = "div", className: o, style: l, children: c }, d) {
+    return hn(
+      i,
       {
         ref: d,
         "data-ll-region": t,
         "data-ll-intent": r,
-        className: i,
+        className: o,
         style: l
       },
-      u
+      c
     );
   }
-), Gr = At(
-  function({ id: t, intent: r, children: o, ...i }, l) {
+), Fr = vt(
+  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
       }
     );
   }
-), Yr = At(
+), Ur = vt(
   function(t, r) {
-    const { name: o, label: i, labelClassName: l } = t, u = { name: o, "data-ll-field": o };
+    const { name: i, label: o, labelClassName: l } = t, c = { name: i, "data-ll-field": i };
     let d;
     if ("as" in t && t.as === "textarea") {
-      const { name: p, label: y, labelClassName: w, as: s, ...a } = t;
+      const { name: u, label: h, labelClassName: m, as: a, ...s } = t;
       d = /* @__PURE__ */ n(
         "textarea",
         {
           ref: r,
-          ...u,
-          ...a
+          ...c,
+          ...s
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: p, label: y, labelClassName: w, as: s, children: a, ...S } = t;
+      const { name: u, label: h, labelClassName: m, as: a, children: s, ...R } = t;
       d = /* @__PURE__ */ n(
         "select",
         {
           ref: r,
-          ...u,
-          ...S,
-          children: a
+          ...c,
+          ...R,
+          children: s
         }
       );
     } else {
-      const { name: p, label: y, labelClassName: w, as: s, ...a } = t;
+      const { name: u, label: h, labelClassName: m, as: a, ...s } = t;
       d = /* @__PURE__ */ n(
         "input",
         {
           ref: r,
-          ...u,
-          ...a
+          ...c,
+          ...s
         }
       );
     }
-    return i === void 0 ? d : /* @__PURE__ */ x("label", { className: l, children: [
-      i,
+    return o === void 0 ? d : /* @__PURE__ */ x("label", { className: l, children: [
+      o,
       d
     ] });
   }
 );
-let rn = 1;
-function Jr({
+let Jt = 1;
+function jr({
   onMount: e,
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [o, i] = C(t), [l, u] = C([]), [d, p] = C(""), [y, w] = C(!1), s = N(/* @__PURE__ */ new Set()), a = N([]), S = N(y);
-  S.current = y, I(() => {
+  const [i, o] = C(t), [l, c] = C([]), [d, u] = C(""), [h, m] = C(!1), a = E(/* @__PURE__ */ new Set()), s = E([]), R = E(h);
+  R.current = h, N(() => {
     try {
-      const v = localStorage.getItem(r);
-      v === "1" && i(!0), v === "0" && i(!1);
+      const w = localStorage.getItem(r);
+      w === "1" && o(!0), w === "0" && o(!1);
     } catch {
     }
-  }, [r]), I(() => {
+  }, [r]), N(() => {
     try {
-      localStorage.setItem(r, o ? "1" : "0");
+      localStorage.setItem(r, i ? "1" : "0");
     } catch {
     }
-  }, [o, r]), I(() => {
-    const v = (_) => {
-      (_.metaKey || _.ctrlKey) && _.shiftKey && _.key.toLowerCase() === "l" && (_.preventDefault(), i((H) => !H));
+  }, [i, r]), N(() => {
+    const w = (y) => {
+      (y.metaKey || y.ctrlKey) && y.shiftKey && y.key.toLowerCase() === "l" && (y.preventDefault(), o((H) => !H));
     };
-    return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
-  }, []), I(() => {
-    const v = setInterval(() => {
-      if (a.current.length === 0 || S.current) return;
-      const _ = a.current.splice(0, a.current.length);
-      u(
-        (H) => [..._.reverse(), ...H].slice(0, 200)
+    return window.addEventListener("keydown", w), () => window.removeEventListener("keydown", w);
+  }, []), N(() => {
+    const w = setInterval(() => {
+      if (s.current.length === 0 || R.current) return;
+      const y = s.current.splice(0, s.current.length);
+      c(
+        (H) => [...y.reverse(), ...H].slice(0, 200)
       );
     }, 100);
-    return () => clearInterval(v);
+    return () => clearInterval(w);
   }, []);
-  const R = N(!1);
-  if (I(() => {
-    !e || R.current || (R.current = !0, e((v) => {
-      a.current.push({
-        id: rn++,
+  const q = E(!1);
+  if (N(() => {
+    !e || q.current || (q.current = !0, e((w) => {
+      s.current.push({
+        id: Jt++,
         ts: Date.now(),
         kind: "event",
-        type: v.eventName,
-        data: v.data
+        type: w.eventName,
+        data: w.data
       });
     }));
-  }, [e]), I(() => {
-    const v = console.warn, _ = console.log, H = ($, q) => function(...m) {
+  }, [e]), N(() => {
+    const w = console.warn, y = console.log, H = (M, z) => function(...v) {
       try {
-        const T = typeof m[0] == "string" ? m[0] : "";
-        T.startsWith("[LiveLayer]") && a.current.push({
-          id: rn++,
+        const S = typeof v[0] == "string" ? v[0] : "";
+        S.startsWith("[LiveLayer]") && s.current.push({
+          id: Jt++,
           ts: Date.now(),
-          kind: $,
-          type: T.slice(0, 120),
-          data: { args: m.slice(1).map((V) => zr(V)) }
+          kind: M,
+          type: S.slice(0, 120),
+          data: { args: v.slice(1).map((B) => Pr(B)) }
         });
       } catch {
       }
-      return q.apply(this, m);
+      return z.apply(this, v);
     };
-    return console.warn = H("warn", v), console.log = H("log", _), () => {
-      console.warn = v, console.log = _;
+    return console.warn = H("warn", w), console.log = H("log", y), () => {
+      console.warn = w, console.log = y;
     };
-  }, []), !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: {
@@ -3002,10 +2896,10 @@ function Jr({
         children: "🛰 LL debug"
       }
     );
-  const A = l.filter((v) => {
+  const _ = l.filter((w) => {
     if (!d) return !0;
-    const _ = d.toLowerCase();
-    return v.type.toLowerCase().includes(_) || JSON.stringify(v.data || {}).toLowerCase().includes(_);
+    const y = d.toLowerCase();
+    return w.type.toLowerCase().includes(y) || JSON.stringify(w.data || {}).toLowerCase().includes(y);
   });
   return /* @__PURE__ */ x(
     "div",
@@ -3052,10 +2946,10 @@ function Jr({
                 "button",
                 {
                   type: "button",
-                  onClick: () => w((v) => !v),
-                  style: Ct(y ? "#f59e0b" : "transparent"),
+                  onClick: () => m((w) => !w),
+                  style: gt(h ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
-                  children: y ? "▶ resume" : "⏸ pause"
+                  children: h ? "▶ resume" : "⏸ pause"
                 }
               ),
               /* @__PURE__ */ n(
@@ -3063,9 +2957,9 @@ function Jr({
                 {
                   type: "button",
                   onClick: () => {
-                    u([]), a.current = [];
+                    c([]), s.current = [];
                   },
-                  style: Ct("transparent"),
+                  style: gt("transparent"),
                   title: "Clear buffer",
                   children: "clear"
                 }
@@ -3074,8 +2968,8 @@ function Jr({
                 "button",
                 {
                   type: "button",
-                  onClick: () => i(!1),
-                  style: Ct("transparent"),
+                  onClick: () => o(!1),
+                  style: gt("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
                   children: "✕"
@@ -3089,7 +2983,7 @@ function Jr({
           {
             type: "text",
             value: d,
-            onChange: (v) => p(v.target.value),
+            onChange: (w) => u(w.target.value),
             placeholder: "filter by type or data…",
             style: {
               margin: 8,
@@ -3111,7 +3005,7 @@ function Jr({
               overflowY: "auto",
               padding: "0 8px 8px"
             },
-            children: A.length === 0 ? /* @__PURE__ */ x(
+            children: _.length === 0 ? /* @__PURE__ */ x(
               "div",
               {
                 style: {
@@ -3141,16 +3035,16 @@ function Jr({
                   )
                 ]
               }
-            ) : A.map((v) => /* @__PURE__ */ n(
-              Br,
+            ) : _.map((w) => /* @__PURE__ */ n(
+              Tr,
               {
-                entry: v,
-                expanded: s.current.has(v.id),
+                entry: w,
+                expanded: a.current.has(w.id),
                 onToggle: () => {
-                  s.current.has(v.id) ? s.current.delete(v.id) : s.current.add(v.id), u((_) => [..._]);
+                  a.current.has(w.id) ? a.current.delete(w.id) : a.current.add(w.id), c((y) => [...y]);
                 }
               },
-              v.id
+              w.id
             ))
           }
         )
@@ -3158,12 +3052,12 @@ function Jr({
     }
   );
 }
-function Br({
+function Tr({
   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__ */ x(
@@ -3193,14 +3087,14 @@ function Br({
                 fontVariantNumeric: "tabular-nums",
                 fontSize: 10
               },
-              children: i
+              children: o
             }
           ),
           /* @__PURE__ */ n(
             "span",
             {
               style: {
-                color: o,
+                color: i,
                 fontWeight: 600,
                 flexShrink: 0
               },
@@ -3228,7 +3122,7 @@ function Br({
     }
   );
 }
-function Ct(e) {
+function gt(e) {
   return {
     background: e,
     color: "#fff",
@@ -3239,59 +3133,59 @@ function Ct(e) {
     cursor: "pointer"
   };
 }
-function zr(e) {
+function Pr(e) {
   try {
     return e instanceof Error ? { message: e.message, stack: e.stack } : (JSON.stringify(e), e);
   } catch {
     return String(e);
   }
 }
-function Kr() {
-  const [e, t] = C([]), r = L((i) => {
+function Vr() {
+  const [e, t] = C([]), r = k((o) => {
     t((l) => {
-      const u = l.findIndex((d) => d.id === i.id);
-      if (u >= 0) {
+      const c = l.findIndex((d) => d.id === o.id);
+      if (c >= 0) {
         const d = l.slice();
-        return d[u] = i, d;
+        return d[c] = o, d;
       }
-      return [...l, i];
+      return [...l, o];
     });
-  }, []), o = L(() => t([]), []);
+  }, []), i = k(() => t([]), []);
   return {
     entries: e,
     pushSegment: r,
-    clear: o,
+    clear: i,
     latest: e.length > 0 ? e[e.length - 1] : null
   };
 }
 export {
-  Wr as AvatarWidget,
-  Sn as ErrorBoundary,
-  Jr as LiveLayerDebugPanel,
-  Yr as LiveLayerField,
-  Gr as LiveLayerForm,
-  jr as LiveLayerRegion,
-  Fr as LiveLayerWidget,
-  _r as clearPageContextCache,
-  Cr as clearRoutesCache,
-  wr as extractPageContext,
-  Sr as extractRoutes,
-  gt as getCachedPageContext,
-  rt as getCachedRoutes,
-  Yn as matchesPattern,
-  kr as normalizeRouteInput,
-  Jn as shouldRenderAtPath,
-  In as useAgentInfo,
-  Cn as useAudioLevel,
-  Rn as useCameraState,
-  $n as useDisplayMode,
-  Hn as useDisplayModePersistence,
-  On as useIsMobile,
-  En as useLiveKitSession,
-  Mn as useMediaDevices,
-  Nn as useMicrophoneState,
-  Vn as usePathname,
-  Kn as useRouteMatch,
-  Dn as useScreenShareState,
-  Kr as useTranscript
+  qr as AvatarWidget,
+  vn as ErrorBoundary,
+  jr as LiveLayerDebugPanel,
+  Ur as LiveLayerField,
+  Fr as LiveLayerForm,
+  Wr as LiveLayerRegion,
+  Br as LiveLayerWidget,
+  yr as clearPageContextCache,
+  kr as clearRoutesCache,
+  gr as extractPageContext,
+  _r as extractRoutes,
+  Gt as getCachedPageContext,
+  mt as getCachedRoutes,
+  Bn as matchesPattern,
+  br as normalizeRouteInput,
+  Wn as shouldRenderAtPath,
+  Cn as useAgentInfo,
+  wn as useAudioLevel,
+  kn as useCameraState,
+  An as useDisplayMode,
+  Mn as useDisplayModePersistence,
+  Pn as useIsMobile,
+  bn as useLiveKitSession,
+  Sn as useMediaDevices,
+  _n as useMicrophoneState,
+  $n as usePathname,
+  Fn as useRouteMatch,
+  Ln as useScreenShareState,
+  Vr as useTranscript
 };