@livelayer/react 0.19.0 → 0.20.0

package/dist/index.mjs

@@ -1,10 +1,10 @@
 "use client";
-import { jsxs as C, jsx as n, Fragment as Oe } from "react/jsx-runtime";
-import { Component as or, useState as M, useRef as I, useEffect as P, useCallback as L, useMemo as Qe, useLayoutEffect as Mn, forwardRef as Ft, useImperativeHandle as lr, createElement as ar } from "react";
-import { createPortal as Bt } from "react-dom";
+import { jsxs as C, jsx as n, Fragment as We } from "react/jsx-runtime";
+import { Component as or, useState as M, useRef as I, useEffect as P, useCallback as L, useMemo as nt, useLayoutEffect as In, forwardRef as Bt, useImperativeHandle as lr, createElement as ar } from "react";
+import { createPortal as qt } from "react-dom";
 import { LiveKitSession as sr, registerFields as cr } from "@livelayer/sdk";
 import { clearFieldRegistry as io, getRegisteredFields as oo, registerFields as lo, setFieldValue as ao } from "@livelayer/sdk";
-import { createLocalAudioTrack as dr, Track as In, createLocalVideoTrack as ur } from "livekit-client";
+import { createLocalAudioTrack as ur, Track as Rn, createLocalVideoTrack as dr } from "livekit-client";
 class fr extends or {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
@@ -15,8 +15,8 @@ class fr extends or {
     return { hasError: !0, error: t };
   }
   componentDidCatch(t, r) {
-    var i, a;
-    (a = (i = this.props).onError) == null || a.call(i, t, r);
+    var i, l;
+    (l = (i = this.props).onError) == null || l.call(i, t, r);
   }
   render() {
     var t;
@@ -36,25 +36,25 @@ class fr extends or {
   }
 }
 function pr(e) {
-  const [t, r] = M("idle"), [i, a] = M("idle"), [o, s] = M([]), [l, c] = M(null), [f, _] = M(null), [g, h] = M(null), [T, b] = M(!1), [y, p] = M(null), m = I(null), A = I(e.onDataMessage);
-  A.current = e.onDataMessage, P(() => {
-    const w = {
-      onConnectionStateChange: (W) => {
-        r(W), W === "connected" && p(null);
+  const [t, r] = M("idle"), [i, l] = M("idle"), [o, s] = M([]), [a, c] = M(null), [d, v] = M(null), [p, h] = M(null), [T, _] = M(!1), [E, g] = M(null), b = I(null), R = I(e.onDataMessage);
+  R.current = e.onDataMessage, P(() => {
+    const m = {
+      onConnectionStateChange: (F) => {
+        r(F), F === "connected" && g(null);
       },
-      onAgentStateChange: a,
-      onTranscript: (W) => s([...W]),
+      onAgentStateChange: l,
+      onTranscript: (F) => s([...F]),
       onAgentConfig: c,
-      onAudioTrack: (W) => h(W),
-      onVideoTrack: (W) => _(W),
-      onVideoTrackRemoved: () => _(null),
-      onError: (W) => p(W),
-      onDataMessage: (W) => {
+      onAudioTrack: (F) => h(F),
+      onVideoTrack: (F) => v(F),
+      onVideoTrackRemoved: () => v(null),
+      onError: (F) => g(F),
+      onDataMessage: (F) => {
         var K;
-        (K = A.current) == null || K.call(A, W);
+        (K = R.current) == null || K.call(R, F);
       },
-      onResumabilityChange: b
-    }, $ = new sr(
+      onResumabilityChange: _
+    }, D = new sr(
       {
         agentId: e.agentId,
         baseUrl: e.baseUrl,
@@ -62,11 +62,11 @@ function pr(e) {
         sessionEndpoint: e.sessionEndpoint,
         sessionBody: e.sessionBody
       },
-      w
+      m
     );
-    return m.current = $, r("idle"), a("idle"), s([]), c(null), _(null), h(null), b(!1), p(null), () => {
-      var W;
-      (W = $.destroy) == null || W.call($), m.current = null;
+    return b.current = D, r("idle"), l("idle"), s([]), c(null), v(null), h(null), _(!1), g(null), () => {
+      var F;
+      (F = D.destroy) == null || F.call(D), b.current = null;
     };
   }, [
     e.agentId,
@@ -75,136 +75,136 @@ function pr(e) {
     e.sessionEndpoint,
     JSON.stringify(e.sessionBody ?? {})
   ]);
-  const R = L(async () => {
-    const w = m.current;
-    if (w)
+  const k = L(async () => {
+    const m = b.current;
+    if (m)
       try {
-        await w.connect();
-      } catch ($) {
-        throw p($ instanceof Error ? $.message : String($)), $;
+        await m.connect();
+      } catch (D) {
+        throw g(D instanceof Error ? D.message : String(D)), D;
       }
-  }, []), E = L(() => {
-    const w = m.current;
-    w && w.disconnect();
-  }, []), j = L(() => {
-    var w;
-    return ((w = m.current) == null ? void 0 : w.getRoom()) ?? null;
+  }, []), y = L(() => {
+    const m = b.current;
+    m && m.disconnect();
+  }, []), H = L(() => {
+    var m;
+    return ((m = b.current) == null ? void 0 : m.getRoom()) ?? null;
   }, []);
   return {
     connectionState: t,
     agentState: i,
     transcript: o,
-    agentConfig: l,
-    videoElement: f,
-    audioElement: g,
+    agentConfig: a,
+    videoElement: d,
+    audioElement: p,
     canResume: T,
-    error: y,
-    connect: R,
-    disconnect: E,
-    getRoom: j,
-    session: m.current
+    error: E,
+    connect: k,
+    disconnect: y,
+    getRoom: H,
+    session: b.current
   };
 }
 function hr() {
-  const e = I(null), t = I(/* @__PURE__ */ new Map()), r = I(null), i = I(/* @__PURE__ */ new Set()), a = L(() => {
-    const b = t.current;
-    if (b.size === 0) {
+  const e = I(null), t = I(/* @__PURE__ */ new Map()), r = I(null), i = I(/* @__PURE__ */ new Set()), l = L(() => {
+    const _ = t.current;
+    if (_.size === 0) {
       r.current = null;
       return;
     }
-    let y = 0;
-    for (const { analyser: p, buffer: m } of b.values()) {
-      p.getByteFrequencyData(m);
-      let A = 0;
-      for (let E = 0; E < m.length; E++) A += m[E];
-      const R = A / m.length / 255;
-      R > y && (y = R);
+    let E = 0;
+    for (const { analyser: g, buffer: b } of _.values()) {
+      g.getByteFrequencyData(b);
+      let R = 0;
+      for (let y = 0; y < b.length; y++) R += b[y];
+      const k = R / b.length / 255;
+      k > E && (E = k);
     }
-    for (const p of i.current)
+    for (const g of i.current)
       try {
-        p(y);
-      } catch (m) {
-        console.error("[useAudioLevel] subscriber threw:", m);
+        g(E);
+      } catch (b) {
+        console.error("[useAudioLevel] subscriber threw:", b);
       }
-    r.current = requestAnimationFrame(a);
+    r.current = requestAnimationFrame(l);
   }, []), o = L(() => e.current ? e.current : typeof window > "u" || typeof AudioContext > "u" ? null : (e.current = new AudioContext(), e.current), []), s = L(() => {
-    r.current === null && t.current.size > 0 && (r.current = requestAnimationFrame(a));
-  }, [a]), l = L((b) => {
-    const y = t.current.get(b);
-    if (y) {
+    r.current === null && t.current.size > 0 && (r.current = requestAnimationFrame(l));
+  }, [l]), a = L((_) => {
+    const E = t.current.get(_);
+    if (E) {
       try {
-        y.node.disconnect();
+        E.node.disconnect();
       } catch {
       }
       try {
-        y.analyser.disconnect();
+        E.analyser.disconnect();
       } catch {
       }
-      t.current.delete(b);
+      t.current.delete(_);
     }
   }, []), c = L(
-    (b, y) => {
-      const p = o();
-      if (!p) return;
-      l(b);
-      const m = y(p);
-      if (!m) return;
-      const A = p.createAnalyser();
-      A.fftSize = 64;
+    (_, E) => {
+      const g = o();
+      if (!g) return;
+      a(_);
+      const b = E(g);
+      if (!b) return;
+      const R = g.createAnalyser();
+      R.fftSize = 64;
       try {
-        m.connect(A);
-      } catch (R) {
-        console.warn("[useAudioLevel] connect failed for slot", b, R);
+        b.connect(R);
+      } catch (k) {
+        console.warn("[useAudioLevel] connect failed for slot", _, k);
         return;
       }
-      t.current.set(b, {
-        analyser: A,
-        node: m,
-        buffer: new Uint8Array(new ArrayBuffer(A.frequencyBinCount))
+      t.current.set(_, {
+        analyser: R,
+        node: b,
+        buffer: new Uint8Array(new ArrayBuffer(R.frequencyBinCount))
       }), s();
     },
-    [l, o, s]
-  ), f = L(
-    (b, y = "agent") => {
-      c(y, (p) => {
+    [a, o, s]
+  ), d = L(
+    (_, E = "agent") => {
+      c(E, (g) => {
         try {
-          return p.createMediaElementSource(b);
-        } catch (m) {
+          return g.createMediaElementSource(_);
+        } catch (b) {
           return console.warn(
             "[useAudioLevel] createMediaElementSource failed for slot",
-            y,
-            m
+            E,
+            b
           ), null;
         }
       });
     },
     [c]
-  ), _ = L(
-    (b, y = "mic") => {
-      c(y, (p) => {
+  ), v = L(
+    (_, E = "mic") => {
+      c(E, (g) => {
         try {
-          return p.createMediaStreamSource(b);
-        } catch (m) {
+          return g.createMediaStreamSource(_);
+        } catch (b) {
           return console.warn(
             "[useAudioLevel] createMediaStreamSource failed for slot",
-            y,
-            m
+            E,
+            b
           ), null;
         }
       });
     },
     [c]
-  ), g = L(
-    (b) => {
-      l(b), t.current.size === 0 && r.current !== null && (cancelAnimationFrame(r.current), r.current = null);
+  ), p = L(
+    (_) => {
+      a(_), t.current.size === 0 && r.current !== null && (cancelAnimationFrame(r.current), r.current = null);
     },
-    [l]
+    [a]
   ), h = L(() => {
     r.current !== null && (cancelAnimationFrame(r.current), r.current = null);
-    for (const b of Array.from(t.current.keys()))
-      l(b);
-  }, [l]), T = L((b) => (i.current.add(b), () => {
-    i.current.delete(b);
+    for (const _ of Array.from(t.current.keys()))
+      a(_);
+  }, [a]), T = L((_) => (i.current.add(_), () => {
+    i.current.delete(_);
   }), []);
   return P(() => () => {
     if (h(), e.current) {
@@ -215,144 +215,157 @@ function hr() {
       e.current = null;
     }
     i.current.clear();
-  }, [h]), { attach: f, attachStream: _, detach: h, detachSlot: g, subscribe: T };
+  }, [h]), { attach: d, attachStream: v, detach: h, detachSlot: p, subscribe: T };
 }
 function mr(e) {
   const t = e == null ? void 0 : e.mediaStreamTrack;
   return t ? new MediaStream([t]) : null;
 }
-function gr() {
-  const [e, t] = M(!1), [r, i] = M(""), [a, o] = M(null), s = I(null), l = I(null), c = L(async (y) => {
-    var p, m;
-    if (s.current && l.current) {
+function gr(e = {}) {
+  const t = e.gateUntilAgentReady ?? !1, r = e.agentState ?? null, [i, l] = M(t), [o, s] = M(""), [a, c] = M(null), d = I(null), v = I(null), p = I({
+    active: t,
+    lastAutoIntent: null
+  }), h = L(async (k) => {
+    var y, H;
+    if (d.current && v.current) {
       try {
-        await l.current.localParticipant.unpublishTrack(s.current);
+        await v.current.localParticipant.unpublishTrack(d.current);
       } catch {
       }
-      s.current.stop(), s.current = null;
+      d.current.stop(), d.current = null;
     }
-    l.current = y, o(null);
+    v.current = k, c(null);
     try {
-      const A = await dr({
+      const m = await ur({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await y.localParticipant.publishTrack(A), s.current = A, t(A.isMuted);
-      const R = (m = (p = A.mediaStreamTrack) == null ? void 0 : p.getSettings) == null ? void 0 : m.call(p);
-      R != null && R.deviceId && i(R.deviceId);
-    } catch (A) {
-      const R = A instanceof Error && A.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-      throw o(R), A;
+      await k.localParticipant.publishTrack(m), d.current = m, p.current.active ? (await k.localParticipant.setMicrophoneEnabled(!1), p.current.lastAutoIntent = !1, l(!0)) : l(m.isMuted);
+      const D = (H = (y = m.mediaStreamTrack) == null ? void 0 : y.getSettings) == null ? void 0 : H.call(y);
+      D != null && D.deviceId && s(D.deviceId);
+    } catch (m) {
+      const D = m instanceof Error && m.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
+      throw c(D), m;
     }
-  }, []), f = L((y) => {
-    l.current = y;
-  }, []), _ = L(async (y) => {
-    const p = l.current;
-    if (p)
+  }, []), T = L((k) => {
+    v.current = k;
+  }, []), _ = L(async (k) => {
+    const y = v.current;
+    if (y)
       try {
-        await p.switchActiveDevice("audioinput", y), i(y);
-      } catch (m) {
-        console.warn("[useMicrophoneState] switchDevice failed:", m);
+        await y.switchActiveDevice("audioinput", k), s(k);
+      } catch (H) {
+        console.warn("[useMicrophoneState] switchDevice failed:", H);
       }
-  }, []), g = L(async () => {
-    const y = l.current, p = !e;
-    if (t(p), !!y)
+  }, []), E = L(async () => {
+    const k = v.current, y = !i;
+    if (l(y), p.current.active = !1, !!k)
       try {
-        await y.localParticipant.setMicrophoneEnabled(!p);
-      } catch (m) {
-        console.warn("[useMicrophoneState] setMicrophoneEnabled failed:", m), t(!p);
+        await k.localParticipant.setMicrophoneEnabled(!y);
+      } catch (H) {
+        console.warn("[useMicrophoneState] setMicrophoneEnabled failed:", H), l(!y);
       }
-  }, [e]), h = L(() => {
-    const y = s.current, p = l.current;
-    if (y && p) {
+  }, [i]);
+  P(() => {
+    if (!p.current.active || r !== "listening") return;
+    const k = v.current, y = k == null ? void 0 : k.localParticipant;
+    if (!y) {
+      p.current.active = !1;
+      return;
+    }
+    y.isMicrophoneEnabled === p.current.lastAutoIntent && (y.setMicrophoneEnabled(!0), p.current.lastAutoIntent = !0, l(!1)), p.current.active = !1;
+  }, [r]);
+  const g = L(() => {
+    const k = d.current, y = v.current;
+    if (k && y) {
       try {
-        p.localParticipant.unpublishTrack(y);
+        y.localParticipant.unpublishTrack(k);
       } catch {
       }
-      y.stop();
+      k.stop();
     }
-    s.current = null, l.current = null, t(!1), i("");
-  }, []), T = L(() => o(null), []), b = L(() => mr(s.current), []);
+    d.current = null, v.current = null, p.current = { active: t, lastAutoIntent: null }, l(t), s("");
+  }, [t]), b = L(() => c(null), []), R = L(() => mr(d.current), []);
   return {
-    isMuted: e,
-    activeDeviceId: r,
+    isMuted: i,
+    activeDeviceId: o,
     micError: a,
-    toggleMute: g,
-    setupMic: c,
-    attachRoom: f,
+    toggleMute: E,
+    setupMic: h,
+    attachRoom: T,
     switchDevice: _,
-    teardownMic: h,
-    clearError: T,
-    getMicStream: b
+    teardownMic: g,
+    clearError: b,
+    getMicStream: R
   };
 }
 const yr = { resolution: { width: 640, height: 480, frameRate: 24 } };
 function vr() {
-  const [e, t] = M(!1), [r, i] = M(null), [a, o] = M(null), [s, l] = M(""), c = I(null), f = I(null), _ = L((m) => {
-    c.current = m;
-  }, []), g = L(() => {
-    var R;
-    const m = c.current, A = f.current;
-    if (A && m) {
-      const E = m.localParticipant.getTrackPublication(In.Source.Camera), w = (E == null ? void 0 : E.track) ?? A;
+  const [e, t] = M(!1), [r, i] = M(null), [l, o] = M(null), [s, a] = M(""), c = I(null), d = I(null), v = L((b) => {
+    c.current = b;
+  }, []), p = L(() => {
+    var k;
+    const b = c.current, R = d.current;
+    if (R && b) {
+      const y = b.localParticipant.getTrackPublication(Rn.Source.Camera), m = (y == null ? void 0 : y.track) ?? R;
       try {
-        m.localParticipant.unpublishTrack(w);
+        b.localParticipant.unpublishTrack(m);
       } catch {
       }
       try {
-        (R = w.stop) == null || R.call(w);
+        (k = m.stop) == null || k.call(m);
       } catch {
       }
     }
-    f.current = null, o(null), t(!1);
-  }, []), h = L(async (m) => {
-    const A = c.current;
-    if (A) {
+    d.current = null, o(null), t(!1);
+  }, []), h = L(async (b) => {
+    const R = c.current;
+    if (R) {
       i(null);
       try {
-        const R = { ...yr };
-        m && (R.deviceId = m);
-        const E = await ur(R);
-        await A.localParticipant.publishTrack(E), f.current = E;
-        const j = E.attach();
-        o(j), t(!0), m && l(m);
+        const k = { ...yr };
+        b && (k.deviceId = b);
+        const y = await dr(k);
+        await R.localParticipant.publishTrack(y), d.current = y;
+        const H = y.attach();
+        o(H), t(!0), b && a(b);
         try {
-          A.localParticipant.publishData(
+          R.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
             { reliable: !0 }
           );
         } catch {
         }
-      } catch (R) {
-        const E = R instanceof Error && R.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
-        i(E);
+      } catch (k) {
+        const y = k instanceof Error && k.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+        i(y);
       }
     }
   }, []), T = L(async () => {
-    e ? g() : await h(s || void 0);
-  }, [e, s, g, h]), b = L(async (m) => {
-    g(), await h(m);
-  }, [g, h]), y = L(() => {
-    g(), c.current = null, i(null), l("");
-  }, [g]), p = L(() => i(null), []);
+    e ? p() : await h(s || void 0);
+  }, [e, s, p, h]), _ = L(async (b) => {
+    p(), await h(b);
+  }, [p, h]), E = L(() => {
+    p(), c.current = null, i(null), a("");
+  }, [p]), g = L(() => i(null), []);
   return P(() => () => {
-    f.current && f.current.stop();
+    d.current && d.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
-    previewEl: a,
+    previewEl: l,
     activeDeviceId: s,
     toggle: T,
-    switchDevice: b,
-    attachRoom: _,
-    teardown: y,
-    clearError: p
+    switchDevice: _,
+    attachRoom: v,
+    teardown: E,
+    clearError: g
   };
 }
-function wr() {
-  const [e, t] = M(!1), [r, i] = M(null), [a, o] = M(null), s = I(null), l = L((h) => {
+function br() {
+  const [e, t] = M(!1), [r, i] = M(null), [l, o] = M(null), s = I(null), a = L((h) => {
     s.current = h;
-  }, []), c = L(() => o(null), []), f = L(async () => {
+  }, []), c = L(() => o(null), []), d = L(async () => {
     const h = s.current;
     if (h) {
       if (e) {
@@ -367,11 +380,11 @@ function wr() {
       try {
         await h.localParticipant.setScreenShareEnabled(!0);
         let T = 0;
-        const b = () => {
-          const y = h.localParticipant.getTrackPublication(In.Source.ScreenShare);
-          if (y != null && y.track) {
-            const p = y.track.attach();
-            o(p), t(!0);
+        const _ = () => {
+          const E = h.localParticipant.getTrackPublication(Rn.Source.ScreenShare);
+          if (E != null && E.track) {
+            const g = E.track.attach();
+            o(g), t(!0);
             try {
               h.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
@@ -381,15 +394,15 @@ function wr() {
             }
             return;
           }
-          T++ < 10 ? setTimeout(b, 100) : t(!0);
+          T++ < 10 ? setTimeout(_, 100) : t(!0);
         };
-        b();
+        _();
       } catch (T) {
-        const b = T instanceof Error ? T.name : "";
-        b !== "NotAllowedError" && b !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
+        const _ = T instanceof Error ? T.name : "";
+        _ !== "NotAllowedError" && _ !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
       }
     }
-  }, [e, c]), _ = L(() => {
+  }, [e, c]), v = L(() => {
     const h = s.current;
     if (h && e)
       try {
@@ -397,11 +410,11 @@ function wr() {
       } catch {
       }
     c(), t(!1), i(null), s.current = null;
-  }, [e, c]), g = L(() => i(null), []);
-  return { isEnabled: e, error: r, previewEl: a, toggle: f, attachRoom: l, teardown: _, clearError: g };
+  }, [e, c]), p = L(() => i(null), []);
+  return { isEnabled: e, error: r, previewEl: l, toggle: d, attachRoom: a, teardown: v, clearError: p };
 }
-function br() {
-  const [e, t] = M([]), [r, i] = M([]), a = L(async () => {
+function wr() {
+  const [e, t] = M([]), [r, i] = M([]), l = L(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const o = await navigator.mediaDevices.enumerateDevices();
@@ -410,35 +423,35 @@ function br() {
       }
   }, []);
   return P(() => {
-    if (a(), typeof navigator > "u" || !navigator.mediaDevices) return;
-    const o = () => void a();
+    if (l(), typeof navigator > "u" || !navigator.mediaDevices) return;
+    const o = () => void l();
     return navigator.mediaDevices.addEventListener("devicechange", o), () => navigator.mediaDevices.removeEventListener("devicechange", o);
-  }, [a]), { mics: e, cameras: r, refresh: a };
+  }, [l]), { mics: e, cameras: r, refresh: l };
 }
 function _r(e, t, r = !1) {
-  const [i, a] = M(null), [o, s] = M(null), [l, c] = M(!r && !!e);
+  const [i, l] = M(null), [o, s] = M(null), [a, c] = M(!r && !!e);
   return P(() => {
     if (r || !e) {
       c(!1);
       return;
     }
-    const f = new AbortController(), _ = t || "https://app.livelayer.studio";
-    return c(!0), s(null), fetch(`${_}/api/widget/agent/${encodeURIComponent(e)}`, {
-      signal: f.signal
-    }).then(async (g) => {
-      if (!g.ok) {
-        const h = await g.json().catch(() => ({}));
-        throw new Error(h.error || `HTTP ${g.status}`);
+    const d = new AbortController(), v = t || "https://app.livelayer.studio";
+    return c(!0), s(null), fetch(`${v}/api/widget/agent/${encodeURIComponent(e)}`, {
+      signal: d.signal
+    }).then(async (p) => {
+      if (!p.ok) {
+        const h = await p.json().catch(() => ({}));
+        throw new Error(h.error || `HTTP ${p.status}`);
       }
-      return g.json();
-    }).then((g) => {
-      f.signal.aborted || (a(g), c(!1));
-    }).catch((g) => {
-      f.signal.aborted || (s(g instanceof Error ? g.message : "Agent lookup failed"), c(!1));
-    }), () => f.abort();
-  }, [e, t, r]), { info: i, error: o, loading: l };
+      return p.json();
+    }).then((p) => {
+      d.signal.aborted || (l(p), c(!1));
+    }).catch((p) => {
+      d.signal.aborted || (s(p instanceof Error ? p.message : "Agent lookup failed"), c(!1));
+    }), () => d.abort();
+  }, [e, t, r]), { info: i, error: o, loading: a };
 }
-function Rn(e) {
+function Tn(e) {
   if (typeof window > "u") return null;
   try {
     return window.localStorage.getItem(e);
@@ -446,7 +459,7 @@ function Rn(e) {
     return null;
   }
 }
-function Tn(e, t) {
+function Pn(e, t) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(e, t);
@@ -465,13 +478,13 @@ function Lr({
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const i = e !== void 0, [a, o] = M(t), s = i ? e : a, l = L(
+  const i = e !== void 0, [l, o] = M(t), s = i ? e : l, a = L(
     (c) => {
       c !== s && (i || o(c), r == null || r(c));
     },
     [s, i, r]
   );
-  return [s, l];
+  return [s, a];
 }
 const Cr = ["hidden", "minimized", "expanded"];
 function kr(e) {
@@ -482,20 +495,20 @@ function Er({
   defaultValue: t = "expanded",
   onChange: r,
   persistKey: i = "ll-widget",
-  disablePersistence: a = !1
+  disablePersistence: l = !1
 } = {}) {
-  const o = `${i}:display-mode`, s = I(!1), [l, c] = Lr({
+  const o = `${i}:display-mode`, s = I(!1), [a, c] = Lr({
     value: e,
     defaultValue: t,
-    onChange: (f) => {
-      e === void 0 && !a && Tn(o, f), r == null || r(f);
+    onChange: (d) => {
+      e === void 0 && !l && Pn(o, d), r == null || r(d);
     }
   });
   return P(() => {
-    if (s.current || (s.current = !0, a || e !== void 0)) return;
-    const f = kr(Rn(o));
-    f && f !== l && c(f);
-  }, []), [l, c];
+    if (s.current || (s.current = !0, l || e !== void 0)) return;
+    const d = kr(Tn(o));
+    d && d !== a && c(d);
+  }, []), [a, c];
 }
 const Sr = 640;
 function Nr(e = Sr) {
@@ -507,14 +520,14 @@ function Nr(e = Sr) {
     }
     if (typeof window > "u" || typeof window.matchMedia > "u")
       return;
-    const i = `(max-width: ${e - 1}px)`, a = window.matchMedia(i), o = () => r(a.matches);
-    return o(), typeof a.addEventListener == "function" ? (a.addEventListener("change", o), () => a.removeEventListener("change", o)) : (a.addListener(o), () => {
-      a.removeListener(o);
+    const i = `(max-width: ${e - 1}px)`, l = window.matchMedia(i), o = () => r(l.matches);
+    return o(), typeof l.addEventListener == "function" ? (l.addEventListener("change", o), () => l.removeEventListener("change", o)) : (l.addListener(o), () => {
+      l.removeListener(o);
     });
   }, [e]), t;
 }
 const Ar = 280, Mr = 380, Ir = 8, Rr = 4;
-function Dt(e) {
+function zt(e) {
   return `${e}:geometry`;
 }
 function Tr(e) {
@@ -526,24 +539,24 @@ function Tr(e) {
     return null;
   }
   if (typeof t != "object" || t === null) return null;
-  const r = t, { top: i, left: a, width: o, height: s } = r;
-  return typeof i != "number" || typeof a != "number" || typeof o != "number" || typeof s != "number" || !Number.isFinite(i) || !Number.isFinite(a) || !Number.isFinite(o) || !Number.isFinite(s) ? null : { top: i, left: a, width: o, height: s };
+  const r = t, { top: i, left: l, width: o, height: s } = r;
+  return typeof i != "number" || typeof l != "number" || typeof o != "number" || typeof s != "number" || !Number.isFinite(i) || !Number.isFinite(l) || !Number.isFinite(o) || !Number.isFinite(s) ? null : { top: i, left: l, width: o, height: s };
 }
-function xt() {
+function Lt() {
   return typeof window > "u" ? { vw: 0, vh: 0 } : { vw: window.innerWidth, vh: window.innerHeight };
 }
-function zt(e, t, r) {
-  const { minWidth: i, minHeight: a, edgeMargin: o, vw: s, vh: l } = r, c = Math.max(i, s - o * 2), f = Math.max(a, l - o * 2);
+function $t(e, t, r) {
+  const { minWidth: i, minHeight: l, edgeMargin: o, vw: s, vh: a } = r, c = Math.max(i, s - o * 2), d = Math.max(l, a - o * 2);
   return {
     width: Math.max(i, Math.min(c, e)),
-    height: Math.max(a, Math.min(f, t))
+    height: Math.max(l, Math.min(d, t))
   };
 }
-function $t(e, t, r, i, a) {
-  const { edgeMargin: o, vw: s, vh: l } = a, c = o, f = o, _ = Math.max(c, s - r - o), g = Math.max(f, l - i - o);
+function Ht(e, t, r, i, l) {
+  const { edgeMargin: o, vw: s, vh: a } = l, c = o, d = o, v = Math.max(c, s - r - o), p = Math.max(d, a - i - o);
   return {
-    top: Math.max(f, Math.min(g, e)),
-    left: Math.max(c, Math.min(_, t))
+    top: Math.max(d, Math.min(p, e)),
+    left: Math.max(c, Math.min(v, t))
   };
 }
 function Pr(e) {
@@ -551,169 +564,169 @@ function Pr(e) {
     draggable: t,
     resizable: r,
     persistKey: i,
-    disablePersistence: a,
+    disablePersistence: l,
     minWidth: o = Ar,
     minHeight: s = Mr,
-    edgeMargin: l = Ir
-  } = e, [c, f] = M(null), [_, g] = M(!1), [h, T] = M(!1), b = I(null), y = I(null), p = I(!1), m = I(null);
-  m.current = c;
-  const A = L(
-    (u) => {
-      a || (u === null ? xr(Dt(i)) : Tn(Dt(i), JSON.stringify(u)));
+    edgeMargin: a = Ir
+  } = e, [c, d] = M(null), [v, p] = M(!1), [h, T] = M(!1), _ = I(null), E = I(null), g = I(!1), b = I(null);
+  b.current = c;
+  const R = L(
+    (f) => {
+      l || (f === null ? xr(zt(i)) : Pn(zt(i), JSON.stringify(f)));
     },
-    [a, i]
+    [l, i]
   );
   P(() => {
-    if (p.current || (p.current = !0, a)) return;
-    const u = Tr(Rn(Dt(i)));
-    if (!u) return;
-    const { vw: k, vh: H } = xt(), B = zt(u.width, u.height, {
+    if (g.current || (g.current = !0, l)) return;
+    const f = Tr(Tn(zt(i)));
+    if (!f) return;
+    const { vw: S, vh: O } = Lt(), q = $t(f.width, f.height, {
       minWidth: o,
       minHeight: s,
-      edgeMargin: l,
-      vw: k,
-      vh: H
-    }), X = $t(u.top, u.left, B.width, B.height, {
-      edgeMargin: l,
-      vw: k,
-      vh: H
+      edgeMargin: a,
+      vw: S,
+      vh: O
+    }), X = Ht(f.top, f.left, q.width, q.height, {
+      edgeMargin: a,
+      vw: S,
+      vh: O
     });
-    f({ ...X, ...B });
+    d({ ...X, ...q });
   }, []), P(() => {
     if (typeof window > "u") return;
-    const u = () => {
-      f((k) => {
-        if (k === null) return null;
-        const { vw: H, vh: B } = xt(), X = zt(k.width, k.height, {
+    const f = () => {
+      d((S) => {
+        if (S === null) return null;
+        const { vw: O, vh: q } = Lt(), X = $t(S.width, S.height, {
           minWidth: o,
           minHeight: s,
-          edgeMargin: l,
-          vw: H,
-          vh: B
+          edgeMargin: a,
+          vw: O,
+          vh: q
         });
-        return { ...$t(k.top, k.left, X.width, X.height, {
-          edgeMargin: l,
-          vw: H,
-          vh: B
+        return { ...Ht(S.top, S.left, X.width, X.height, {
+          edgeMargin: a,
+          vw: O,
+          vh: q
         }), ...X };
       });
     };
-    return window.addEventListener("resize", u), () => window.removeEventListener("resize", u);
-  }, [o, s, l]);
-  const R = L(
-    (u) => {
-      if (!t || u.pointerType === "mouse" && u.button !== 0) return;
-      const k = u.target;
-      if (k && typeof k.closest == "function" && k.closest('button, a, input, select, textarea, [role="listbox"], [role="option"], [data-ll-no-drag]'))
+    return window.addEventListener("resize", f), () => window.removeEventListener("resize", f);
+  }, [o, s, a]);
+  const k = L(
+    (f) => {
+      if (!t || f.pointerType === "mouse" && f.button !== 0) return;
+      const S = f.target;
+      if (S && typeof S.closest == "function" && S.closest('button, a, input, select, textarea, [role="listbox"], [role="option"], [data-ll-no-drag]'))
         return;
-      let H, B, X, Q;
-      const Y = m.current;
+      let O, q, X, Q;
+      const Y = b.current;
       if (Y)
-        ({ top: H, left: B, width: X, height: Q } = Y);
+        ({ top: O, left: q, width: X, height: Q } = Y);
       else {
-        const te = u.currentTarget.closest(".ll-widget"), oe = te == null ? void 0 : te.getBoundingClientRect();
-        if (!oe) return;
-        H = oe.top, B = oe.left, X = oe.width, Q = oe.height;
+        const te = f.currentTarget.closest(".ll-widget"), ie = te == null ? void 0 : te.getBoundingClientRect();
+        if (!ie) return;
+        O = ie.top, q = ie.left, X = ie.width, Q = ie.height;
       }
       try {
-        u.currentTarget.setPointerCapture(u.pointerId);
+        f.currentTarget.setPointerCapture(f.pointerId);
       } catch {
       }
-      b.current = {
-        startClientX: u.clientX,
-        startClientY: u.clientY,
-        startTop: H,
-        startLeft: B,
+      _.current = {
+        startClientX: f.clientX,
+        startClientY: f.clientY,
+        startTop: O,
+        startLeft: q,
         width: X,
         height: Q,
         moved: !1
       };
     },
     [t]
-  ), E = L(
-    (u) => {
-      const k = b.current;
-      if (!k) return;
-      const H = u.clientX - k.startClientX, B = u.clientY - k.startClientY;
-      if (!k.moved && Math.abs(H) + Math.abs(B) > Rr && (k.moved = !0, g(!0)), !k.moved) return;
-      const { vw: X, vh: Q } = xt(), Y = $t(
-        k.startTop + B,
-        k.startLeft + H,
-        k.width,
-        k.height,
-        { edgeMargin: l, vw: X, vh: Q }
+  ), y = L(
+    (f) => {
+      const S = _.current;
+      if (!S) return;
+      const O = f.clientX - S.startClientX, q = f.clientY - S.startClientY;
+      if (!S.moved && Math.abs(O) + Math.abs(q) > Rr && (S.moved = !0, p(!0)), !S.moved) return;
+      const { vw: X, vh: Q } = Lt(), Y = Ht(
+        S.startTop + q,
+        S.startLeft + O,
+        S.width,
+        S.height,
+        { edgeMargin: a, vw: X, vh: Q }
       );
-      f({ ...Y, width: k.width, height: k.height });
+      d({ ...Y, width: S.width, height: S.height });
     },
-    [l]
-  ), j = L(
-    (u) => {
-      const k = b.current;
-      if (k) {
+    [a]
+  ), H = L(
+    (f) => {
+      const S = _.current;
+      if (S) {
         try {
-          u.currentTarget.releasePointerCapture(u.pointerId);
+          f.currentTarget.releasePointerCapture(f.pointerId);
         } catch {
         }
-        b.current = null, k.moved && (g(!1), f((H) => (H && A(H), H)));
+        _.current = null, S.moved && (p(!1), d((O) => (O && R(O), O)));
       }
     },
-    [A]
-  ), w = L(() => {
-    b.current = null, y.current = null, g(!1), T(!1), f(null), A(null);
-  }, [A]), $ = L(
-    (u) => {
-      if (!r || u.pointerType === "mouse" && u.button !== 0) return;
-      u.stopPropagation();
-      let k, H, B, X;
-      const Q = m.current;
+    [R]
+  ), m = L(() => {
+    _.current = null, E.current = null, p(!1), T(!1), d(null), R(null);
+  }, [R]), D = L(
+    (f) => {
+      if (!r || f.pointerType === "mouse" && f.button !== 0) return;
+      f.stopPropagation();
+      let S, O, q, X;
+      const Q = b.current;
       if (Q)
-        ({ top: k, left: H, width: B, height: X } = Q);
+        ({ top: S, left: O, width: q, height: X } = Q);
       else {
-        const Y = u.currentTarget.closest(".ll-widget"), te = Y == null ? void 0 : Y.getBoundingClientRect();
+        const Y = f.currentTarget.closest(".ll-widget"), te = Y == null ? void 0 : Y.getBoundingClientRect();
         if (!te) return;
-        k = te.top, H = te.left, B = te.width, X = te.height;
+        S = te.top, O = te.left, q = te.width, X = te.height;
       }
       try {
-        u.currentTarget.setPointerCapture(u.pointerId);
+        f.currentTarget.setPointerCapture(f.pointerId);
       } catch {
       }
-      y.current = {
-        startClientX: u.clientX,
-        startClientY: u.clientY,
-        startWidth: B,
+      E.current = {
+        startClientX: f.clientX,
+        startClientY: f.clientY,
+        startWidth: q,
         startHeight: X,
-        top: k,
-        left: H
+        top: S,
+        left: O
       }, T(!0);
     },
     [r]
-  ), W = L(
-    (u) => {
-      const k = y.current;
-      if (!k) return;
-      const H = u.clientX - k.startClientX, B = u.clientY - k.startClientY, { vw: X, vh: Q } = xt(), Y = X - k.left - l, te = Q - k.top - l, oe = zt(k.startWidth + H, k.startHeight + B, {
+  ), F = L(
+    (f) => {
+      const S = E.current;
+      if (!S) return;
+      const O = f.clientX - S.startClientX, q = f.clientY - S.startClientY, { vw: X, vh: Q } = Lt(), Y = X - S.left - a, te = Q - S.top - a, ie = $t(S.startWidth + O, S.startHeight + q, {
         minWidth: o,
         minHeight: s,
-        edgeMargin: l,
+        edgeMargin: a,
         // Clamp the available viewport to the room from the anchored corner
         // so the widget can't grow past the bottom/right edge.
-        vw: Math.min(X, k.left + Y + l),
-        vh: Math.min(Q, k.top + te + l)
+        vw: Math.min(X, S.left + Y + a),
+        vh: Math.min(Q, S.top + te + a)
       });
-      f({ top: k.top, left: k.left, ...oe });
+      d({ top: S.top, left: S.left, ...ie });
     },
-    [l, o, s]
+    [a, o, s]
   ), K = L(
-    (u) => {
-      if (y.current) {
+    (f) => {
+      if (E.current) {
         try {
-          u.currentTarget.releasePointerCapture(u.pointerId);
+          f.currentTarget.releasePointerCapture(f.pointerId);
         } catch {
         }
-        y.current = null, T(!1), f((H) => (H && A(H), H));
+        E.current = null, T(!1), d((O) => (O && R(O), O));
       }
     },
-    [A]
+    [R]
   );
   return {
     style: c === null ? {} : {
@@ -726,37 +739,37 @@ function Pr(e) {
       height: `${c.height}px`
     },
     hasGeometry: c !== null,
-    isDragging: _,
+    isDragging: v,
     isResizing: h,
     dragHandleProps: {
-      onPointerDown: R,
-      onPointerMove: E,
-      onPointerUp: j,
-      onPointerCancel: j,
-      onDoubleClick: w,
+      onPointerDown: k,
+      onPointerMove: y,
+      onPointerUp: H,
+      onPointerCancel: H,
+      onDoubleClick: m,
       "data-ll-drag-handle": t ? "" : void 0
     },
     resizeHandleProps: {
-      onPointerDown: $,
-      onPointerMove: W,
+      onPointerDown: D,
+      onPointerMove: F,
       onPointerUp: K,
       onPointerCancel: K,
       "data-ll-resize-handle": r ? "" : void 0
     },
-    reset: w
+    reset: m
   };
 }
-const cn = "__llHistoryPatched", kt = "ll:pathname";
+const un = "__llHistoryPatched", Et = "ll:pathname";
 function Dr() {
-  if (typeof window > "u" || window.history[cn]) return;
+  if (typeof window > "u" || window.history[un]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...r) {
     const i = e.apply(this, r);
-    return window.dispatchEvent(new Event(kt)), i;
+    return window.dispatchEvent(new Event(Et)), i;
   }, window.history.replaceState = function(...r) {
     const i = t.apply(this, r);
-    return window.dispatchEvent(new Event(kt)), i;
-  }, window.history[cn] = !0;
+    return window.dispatchEvent(new Event(Et)), i;
+  }, window.history[un] = !0;
 }
 function dn() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
@@ -769,20 +782,20 @@ function zr(e) {
     if (e !== void 0) return;
     Dr();
     const i = () => r(dn());
-    return i(), window.addEventListener("popstate", i), window.addEventListener(kt, i), () => {
-      window.removeEventListener("popstate", i), window.removeEventListener(kt, i);
+    return i(), window.addEventListener("popstate", i), window.addEventListener(Et, i), () => {
+      window.removeEventListener("popstate", i), window.removeEventListener(Et, i);
     };
   }, [e]), e ?? t;
 }
-const un = /* @__PURE__ */ new Map(), $r = /[\\^$+?.()|{}[\]]/g;
+const fn = /* @__PURE__ */ new Map(), $r = /[\\^$+?.()|{}[\]]/g;
 function Hr(e) {
   return e.replace($r, "\\$&");
 }
 function Or(e) {
-  const t = un.get(e);
+  const t = fn.get(e);
   if (t) return t;
-  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", a = "", o = r.replace(/\*\*/g, i).replace(/\*/g, a), l = Hr(o).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(a, "g"), "[^/]+"), c = new RegExp(`^${l}\\/?$`);
-  return un.set(e, c), c;
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", l = "", o = r.replace(/\*\*/g, i).replace(/\*/g, l), a = Hr(o).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(l, "g"), "[^/]+"), c = new RegExp(`^${a}\\/?$`);
+  return fn.set(e, c), c;
 }
 function Wr(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
@@ -791,17 +804,17 @@ function Wr(e, t) {
 function Fr(e, t) {
   return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : Wr(e, t);
 }
-function fn(e, t) {
+function pn(e, t) {
   if (!e || e.length === 0) return !1;
   for (const r of e)
     if (Fr(r, t)) return !0;
   return !1;
 }
 function Br(e, t, r) {
-  return e === void 0 ? !0 : fn(r, e) ? !1 : t && t.length > 0 ? fn(t, e) : !0;
+  return e === void 0 ? !0 : pn(r, e) ? !1 : t && t.length > 0 ? pn(t, e) : !0;
 }
 function qr(e, t, r) {
-  return Qe(
+  return nt(
     () => Br(e, t, r),
     [e, t, r]
   );
@@ -814,7 +827,7 @@ function Ur(e) {
   };
 }
 function jr(e) {
-  const t = Qe(() => Ur(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), i = I(null), a = L(
+  const t = nt(() => Ur(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), i = I(null), l = L(
     (c) => {
       try {
         new Audio(`${r}${c}`).play().catch(() => {
@@ -824,10 +837,10 @@ function jr(e) {
     },
     [r]
   ), o = L(() => {
-    t.navigate && a("/audio/page-change-sound.mp3");
-  }, [t.navigate, a]), s = L(() => {
-    t.action && a("/audio/confirmation-sound.mp3");
-  }, [t.action, a]), l = L(
+    t.navigate && l("/audio/page-change-sound.mp3");
+  }, [t.navigate, l]), s = L(() => {
+    t.action && l("/audio/confirmation-sound.mp3");
+  }, [t.action, l]), a = L(
     (c) => {
       if (!t.thinking) {
         if (i.current) {
@@ -842,10 +855,10 @@ function jr(e) {
       if (c) {
         if (i.current) return;
         try {
-          const f = new Audio(`${r}/audio/thinking-sound.mp3`);
-          f.loop = !0, f.volume = 0.3, f.play().catch(() => {
+          const d = new Audio(`${r}/audio/thinking-sound.mp3`);
+          d.loop = !0, d.volume = 0.3, d.play().catch(() => {
             i.current = null;
-          }), i.current = f;
+          }), i.current = d;
         } catch {
         }
       } else if (i.current) {
@@ -866,12 +879,12 @@ function jr(e) {
       }
       i.current = null;
     }
-  }, []), Qe(
-    () => ({ playPageChange: o, playConfirmation: s, setThinking: l }),
-    [o, s, l]
+  }, []), nt(
+    () => ({ playPageChange: o, playConfirmation: s, setThinking: a }),
+    [o, s, a]
   );
 }
-const pn = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ C(
+const hn = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ C(
   "svg",
   {
     className: t,
@@ -917,7 +930,7 @@ const pn = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ C(
       }
     )
   }
-), hn = ({ className: e }) => /* @__PURE__ */ n(
+), mn = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -951,7 +964,7 @@ const pn = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ C(
   right: 0,
   up: -90,
   down: 90
-}, mn = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
+}, gn = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
   "svg",
   {
     className: t,
@@ -967,11 +980,11 @@ const pn = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ C(
 function Gr(e) {
   return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const Pn = "ll-hidden-tab-center-y", Xr = 5, gn = 16;
+const Dn = "ll-hidden-tab-center-y", Xr = 5, yn = 16;
 function Kr() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(Pn);
+    const e = window.localStorage.getItem(Dn);
     if (!e) return null;
     const t = Number.parseFloat(e);
     return Number.isFinite(t) ? t : null;
@@ -979,10 +992,10 @@ function Kr() {
     return null;
   }
 }
-function yn(e) {
+function vn(e) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(Pn, String(e));
+      window.localStorage.setItem(Dn, String(e));
     } catch {
     }
 }
@@ -991,118 +1004,118 @@ const Jr = ({
   isMobile: t,
   isSpeaking: r,
   onExpand: i,
-  label: a = "Open widget",
+  label: l = "Open widget",
   avatarImageUrl: o,
   agentName: s,
-  containerEl: l
+  containerEl: a
 }) => {
-  const c = Gr(e), f = c === "right" ? "left" : "right", _ = t ? 80 : 72, g = !!o, h = !!l, [T, b] = M(null), [y, p] = M(!1), m = I(null), A = I(!1), R = L(
-    (D) => {
-      if (typeof window > "u") return D;
-      const G = _ / 2, u = gn + G, k = window.innerHeight - gn - G;
-      return k < u ? Math.max(u, D) : Math.max(u, Math.min(k, D));
+  const c = Gr(e), d = c === "right" ? "left" : "right", v = t ? 80 : 72, p = !!o, h = !!a, [T, _] = M(null), [E, g] = M(!1), b = I(null), R = I(!1), k = L(
+    (z) => {
+      if (typeof window > "u") return z;
+      const G = v / 2, f = yn + G, S = window.innerHeight - yn - G;
+      return S < f ? Math.max(f, z) : Math.max(f, Math.min(S, z));
     },
-    [_]
+    [v]
   );
   P(() => {
     if (h) {
-      b(null);
+      _(null);
       return;
     }
-    const D = Kr();
-    b(R(D ?? window.innerHeight / 2));
+    const z = Kr();
+    _(k(z ?? window.innerHeight / 2));
     const G = () => {
-      b((u) => u === null ? null : R(u));
+      _((f) => f === null ? null : k(f));
     };
     return window.addEventListener("resize", G), () => window.removeEventListener("resize", G);
-  }, [R, h]);
-  const E = L(
-    (D) => {
-      if (!h && !(D.pointerType === "mouse" && D.button !== 0) && T !== null) {
+  }, [k, h]);
+  const y = L(
+    (z) => {
+      if (!h && !(z.pointerType === "mouse" && z.button !== 0) && T !== null) {
         try {
-          D.currentTarget.setPointerCapture(D.pointerId);
+          z.currentTarget.setPointerCapture(z.pointerId);
         } catch {
         }
-        m.current = {
-          startClientY: D.clientY,
+        b.current = {
+          startClientY: z.clientY,
           startCenterY: T,
           moved: !1
         };
       }
     },
     [T, h]
-  ), j = L(
-    (D) => {
-      const G = m.current;
+  ), H = L(
+    (z) => {
+      const G = b.current;
       if (!G) return;
-      const u = D.clientY - G.startClientY;
-      !G.moved && Math.abs(u) > Xr && (G.moved = !0, p(!0)), G.moved && b(R(G.startCenterY + u));
+      const f = z.clientY - G.startClientY;
+      !G.moved && Math.abs(f) > Xr && (G.moved = !0, g(!0)), G.moved && _(k(G.startCenterY + f));
     },
-    [R]
-  ), w = L(
-    (D) => {
-      const G = m.current;
+    [k]
+  ), m = L(
+    (z) => {
+      const G = b.current;
       if (G) {
         try {
-          D.currentTarget.releasePointerCapture(D.pointerId);
+          z.currentTarget.releasePointerCapture(z.pointerId);
         } catch {
         }
-        m.current = null, G.moved && (p(!1), A.current = !0, b((u) => (u !== null && yn(u), u)));
+        b.current = null, G.moved && (g(!1), R.current = !0, _((f) => (f !== null && vn(f), f)));
       }
     },
     []
-  ), $ = L(() => {
-    if (A.current) {
-      A.current = !1;
+  ), D = L(() => {
+    if (R.current) {
+      R.current = !1;
       return;
     }
     i();
-  }, [i]), W = L(
-    (D) => {
-      if (D.key === "ArrowUp" || D.key === "ArrowDown") {
-        D.preventDefault();
-        const G = D.key === "ArrowUp" ? -8 : 8;
-        b((u) => {
-          if (u === null) return u;
-          const k = R(u + G);
-          return yn(k), k;
+  }, [i]), F = L(
+    (z) => {
+      if (z.key === "ArrowUp" || z.key === "ArrowDown") {
+        z.preventDefault();
+        const G = z.key === "ArrowUp" ? -8 : 8;
+        _((f) => {
+          if (f === null) return f;
+          const S = k(f + G);
+          return vn(S), S;
         });
       }
     },
-    [R]
+    [k]
   ), K = [
     "ll-hidden",
     `ll-hidden--${c}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
-    y ? "is-dragging" : null,
-    g ? "ll-hidden--with-avatar" : null,
+    E ? "is-dragging" : null,
+    p ? "ll-hidden--with-avatar" : null,
     h ? "ll-hidden--scoped" : null
-  ].filter(Boolean).join(" "), le = T === null ? void 0 : { top: `${T - _ / 2}px`, transform: "none" };
+  ].filter(Boolean).join(" "), oe = T === null ? void 0 : { top: `${T - v / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       className: K,
-      onPointerDown: E,
-      onPointerMove: j,
-      onPointerUp: w,
-      onPointerCancel: w,
-      onClick: $,
-      onKeyDown: W,
-      "aria-label": a,
+      onPointerDown: y,
+      onPointerMove: H,
+      onPointerUp: m,
+      onPointerCancel: m,
+      onClick: D,
+      onKeyDown: F,
+      "aria-label": l,
       "data-position": e,
-      style: le,
-      children: g ? (
+      style: oe,
+      children: p ? (
         // 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__ */ C(Oe, { children: [
+        /* @__PURE__ */ C(We, { children: [
           /* @__PURE__ */ n(
-            mn,
+            gn,
             {
-              direction: f,
+              direction: d,
               className: "ll-hidden__chevron ll-hidden__chevron--mini"
             }
           ),
@@ -1117,9 +1130,9 @@ const Jr = ({
           )
         ] })
       ) : /* @__PURE__ */ n(
-        mn,
+        gn,
         {
-          direction: f,
+          direction: d,
           className: "ll-hidden__chevron"
         }
       )
@@ -1130,44 +1143,44 @@ const Jr = ({
   bars: t = 20,
   maxHeight: r = 20,
   minHeight: i = 4,
-  className: a,
+  className: l,
   barClassName: o
 }) => {
-  const s = I(null), l = I([]), c = Qe(() => {
-    const _ = (Math.sqrt(5) - 1) / 2;
-    return Array.from({ length: t }, (g, h) => 0.5 + h * _ % 1 * 0.5);
+  const s = I(null), a = I([]), c = nt(() => {
+    const v = (Math.sqrt(5) - 1) / 2;
+    return Array.from({ length: t }, (p, h) => 0.5 + h * v % 1 * 0.5);
   }, [t]);
-  P(() => e.subscribe((g) => {
+  P(() => e.subscribe((p) => {
     for (let h = 0; h < t; h++) {
-      const T = l.current[h];
+      const T = a.current[h];
       if (!T) continue;
-      const b = Math.max(i, g * r * c[h]);
-      T.style.height = `${b}px`;
+      const _ = Math.max(i, p * r * c[h]);
+      T.style.height = `${_}px`;
     }
   }), [e, t, r, i, c]);
-  const f = ["ll-waveform", a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: s, className: f, "aria-hidden": "true", children: Array.from({ length: t }, (_, g) => /* @__PURE__ */ n(
+  const d = ["ll-waveform", l].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: s, className: d, "aria-hidden": "true", children: Array.from({ length: t }, (v, p) => /* @__PURE__ */ n(
     "div",
     {
       ref: (h) => {
-        l.current[g] = h;
+        a.current[p] = h;
       },
       className: ["ll-waveform__bar", o].filter(Boolean).join(" "),
       style: { height: `${i}px` }
     },
-    g
+    p
   )) });
 }, Qr = ({
   position: e,
   isMobile: t,
   agentName: r,
   avatarImageUrl: i,
-  agentState: a,
+  agentState: l,
   isMuted: o,
   audioLevel: s,
-  onExpand: l,
+  onExpand: a,
   onToggleMute: c,
-  onClose: f
+  onClose: d
 }) => t ? /* @__PURE__ */ n(
   "div",
   {
@@ -1179,7 +1192,7 @@ const Jr = ({
       {
         type: "button",
         className: "ll-minimized__surface",
-        onClick: l,
+        onClick: a,
         "aria-label": `Expand ${r} widget`,
         children: [
           i ? (
@@ -1210,17 +1223,17 @@ const Jr = ({
                 className: "ll-minimized__btn",
                 role: "button",
                 tabIndex: 0,
-                onClick: (_) => {
-                  _.stopPropagation(), c();
+                onClick: (v) => {
+                  v.stopPropagation(), c();
                 },
-                onKeyDown: (_) => {
-                  (_.key === "Enter" || _.key === " ") && (_.stopPropagation(), _.preventDefault(), c());
+                onKeyDown: (v) => {
+                  (v.key === "Enter" || v.key === " ") && (v.stopPropagation(), v.preventDefault(), c());
                 },
                 "aria-label": o ? "Unmute microphone" : "Mute microphone",
-                children: /* @__PURE__ */ n(pn, { muted: o, className: "ll-minimized__icon" })
+                children: /* @__PURE__ */ n(hn, { muted: o, className: "ll-minimized__icon" })
               }
             ),
-            /* @__PURE__ */ n(hn, { className: "ll-minimized__icon ll-minimized__icon--expand" })
+            /* @__PURE__ */ n(mn, { className: "ll-minimized__icon ll-minimized__icon--expand" })
           ] })
         ]
       }
@@ -1247,7 +1260,7 @@ const Jr = ({
       ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
       /* @__PURE__ */ C("div", { className: "ll-minimized__meta", children: [
         /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
-        /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: a === "speaking" ? "Speaking" : a === "thinking" ? "Thinking" : "Listening" })
+        /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: l === "speaking" ? "Speaking" : l === "thinking" ? "Thinking" : "Listening" })
       ] }),
       /* @__PURE__ */ C("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
@@ -1257,7 +1270,7 @@ const Jr = ({
             className: "ll-minimized__btn",
             onClick: c,
             "aria-label": o ? "Unmute microphone" : "Mute microphone",
-            children: /* @__PURE__ */ n(pn, { muted: o, className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(hn, { muted: o, className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -1265,9 +1278,9 @@ const Jr = ({
           {
             type: "button",
             className: "ll-minimized__btn",
-            onClick: l,
+            onClick: a,
             "aria-label": `Expand ${r} widget`,
-            children: /* @__PURE__ */ n(hn, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(mn, { className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -1275,7 +1288,7 @@ const Jr = ({
           {
             type: "button",
             className: "ll-minimized__btn ll-minimized__btn--close",
-            onClick: f,
+            onClick: d,
             "aria-label": "Close widget",
             children: /* @__PURE__ */ n(Vr, { className: "ll-minimized__icon" })
           }
@@ -1288,11 +1301,11 @@ const Jr = ({
   alt: t,
   preCannedPlaying: r = !1,
   className: i,
-  style: a
+  style: l
 }) => {
-  const [o, s] = M(!1), l = I(e);
+  const [o, s] = M(!1), a = I(e);
   if (P(() => {
-    l.current !== e && (l.current = e, s(!1));
+    a.current !== e && (a.current = e, s(!1));
   }, [e]), !e) return null;
   const c = {
     position: "absolute",
@@ -1304,7 +1317,7 @@ const Jr = ({
     transition: "opacity 500ms ease, transform 500ms ease",
     transform: r ? "scale(1.02)" : "scale(1)",
     opacity: o ? 1 : 0,
-    ...a
+    ...l
   };
   return (
     // eslint-disable-next-line @next/next/no-img-element
@@ -1363,46 +1376,46 @@ function ni({
     }
   );
 }
-const ri = 8, vn = 8, ii = ({
+const ri = 8, bn = 8, ii = ({
   open: e,
   onClose: t,
   anchorRef: r,
   children: i
 }) => {
-  const a = I(null), [o, s] = M(null);
-  return Mn(() => {
+  const l = I(null), [o, s] = M(null);
+  return In(() => {
     if (!e) {
       s(null);
       return;
     }
-    const l = r.current;
-    if (!l) return;
+    const a = r.current;
+    if (!a) return;
     const c = () => {
-      const f = l.getBoundingClientRect(), _ = {
-        top: f.top - ri,
-        left: f.left + f.width / 2
-      }, g = vn + 90, h = window.innerWidth - vn - 90;
-      _.left < g && (_.left = g), _.left > h && (_.left = h), s(_);
+      const d = a.getBoundingClientRect(), v = {
+        top: d.top - ri,
+        left: d.left + d.width / 2
+      }, p = bn + 90, h = window.innerWidth - bn - 90;
+      v.left < p && (v.left = p), v.left > h && (v.left = h), s(v);
     };
     return c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
       window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
     };
   }, [e, r]), P(() => {
     if (!e) return;
-    const l = (f) => {
-      const _ = f.target, g = a.current, h = r.current;
-      g && g.contains(_) || h && h.contains(_) || t();
-    }, c = (f) => {
-      f.key === "Escape" && (f.stopPropagation(), t());
+    const a = (d) => {
+      const v = d.target, p = l.current, h = r.current;
+      p && p.contains(v) || h && h.contains(v) || t();
+    }, c = (d) => {
+      d.key === "Escape" && (d.stopPropagation(), t());
     };
-    return document.addEventListener("mousedown", l), document.addEventListener("keydown", c), () => {
-      document.removeEventListener("mousedown", l), document.removeEventListener("keydown", c);
+    return document.addEventListener("mousedown", a), document.addEventListener("keydown", c), () => {
+      document.removeEventListener("mousedown", a), document.removeEventListener("keydown", c);
     };
-  }, [e, t, r]), !e || o === null || typeof document > "u" ? null : Bt(
+  }, [e, t, r]), !e || o === null || typeof document > "u" ? null : qt(
     /* @__PURE__ */ n(
       "div",
       {
-        ref: a,
+        ref: l,
         className: "ll-overflow-popover",
         role: "menu",
         style: {
@@ -1423,25 +1436,25 @@ const ri = 8, vn = 8, ii = ({
   onToggleMute: t,
   isCameraEnabled: r,
   onToggleCamera: i,
-  allowCamera: a,
+  allowCamera: l,
   isScreenShareEnabled: o,
   onToggleScreenShare: s,
-  allowScreenShare: l,
+  allowScreenShare: a,
   isSpeakerMuted: c,
-  onToggleSpeaker: f,
-  allowTyping: _,
-  isTypingOpen: g,
+  onToggleSpeaker: d,
+  allowTyping: v,
+  isTypingOpen: p,
   onToggleTyping: h,
   onDisconnect: T
 }) => {
-  const [b, y] = M(!1), p = I(null);
-  return /* @__PURE__ */ C(Oe, { children: [
+  const [_, E] = M(!1), g = I(null);
+  return /* @__PURE__ */ C(We, { children: [
     /* @__PURE__ */ C(
       "div",
       {
         className: "ll-toolbar ll-toolbar--compact",
         "data-testid": "compact-toolbar",
-        onClick: (m) => m.stopPropagation(),
+        onClick: (b) => b.stopPropagation(),
         children: [
           /* @__PURE__ */ n(
             "button",
@@ -1450,19 +1463,19 @@ const ri = 8, vn = 8, ii = ({
               className: `ll-tool ${e ? "is-muted" : ""}`,
               onClick: t,
               "aria-label": e ? "Unmute microphone" : "Mute microphone",
-              children: /* @__PURE__ */ n($n, { muted: e })
+              children: /* @__PURE__ */ n(Hn, { muted: e })
             }
           ),
           /* @__PURE__ */ n(
             "button",
             {
-              ref: p,
+              ref: g,
               type: "button",
-              className: `ll-tool ${b ? "is-on" : ""}`,
-              onClick: () => y((m) => !m),
+              className: `ll-tool ${_ ? "is-on" : ""}`,
+              onClick: () => E((b) => !b),
               "aria-label": "More controls",
               "aria-haspopup": "menu",
-              "aria-expanded": b,
+              "aria-expanded": _,
               children: /* @__PURE__ */ n(li, {})
             }
           ),
@@ -1473,7 +1486,7 @@ const ri = 8, vn = 8, ii = ({
               className: "ll-tool ll-tool--danger",
               onClick: T,
               "aria-label": "End conversation",
-              children: /* @__PURE__ */ n(On, {})
+              children: /* @__PURE__ */ n(Wn, {})
             }
           )
         ]
@@ -1482,34 +1495,34 @@ const ri = 8, vn = 8, ii = ({
     /* @__PURE__ */ C(
       ii,
       {
-        open: b,
-        onClose: () => y(!1),
-        anchorRef: p,
+        open: _,
+        onClose: () => E(!1),
+        anchorRef: g,
         children: [
-          a && /* @__PURE__ */ C(
+          l && /* @__PURE__ */ C(
             "button",
             {
               type: "button",
               className: `ll-overflow-popover__item ${r ? "is-on" : ""}`,
               onClick: () => {
-                i(), y(!1);
+                i(), E(!1);
               },
               children: [
-                /* @__PURE__ */ n(zn, {}),
+                /* @__PURE__ */ n($n, {}),
                 /* @__PURE__ */ n("span", { children: r ? "Stop camera" : "Start camera" })
               ]
             }
           ),
-          l && /* @__PURE__ */ C(
+          a && /* @__PURE__ */ C(
             "button",
             {
               type: "button",
               className: `ll-overflow-popover__item ${o ? "is-on" : ""}`,
               onClick: () => {
-                s(), y(!1);
+                s(), E(!1);
               },
               children: [
-                /* @__PURE__ */ n(Dn, {}),
+                /* @__PURE__ */ n(zn, {}),
                 /* @__PURE__ */ n("span", { children: o ? "Stop sharing" : "Share screen" })
               ]
             }
@@ -1520,25 +1533,25 @@ const ri = 8, vn = 8, ii = ({
               type: "button",
               className: `ll-overflow-popover__item ${c ? "is-on" : ""}`,
               onClick: () => {
-                f(), y(!1);
+                d(), E(!1);
               },
               children: [
-                /* @__PURE__ */ n(Hn, { muted: c }),
+                /* @__PURE__ */ n(On, { muted: c }),
                 /* @__PURE__ */ n("span", { children: c ? "Unmute speaker" : "Mute speaker" })
               ]
             }
           ),
-          _ && /* @__PURE__ */ C(
+          v && /* @__PURE__ */ C(
             "button",
             {
               type: "button",
-              className: `ll-overflow-popover__item ${g ? "is-on" : ""}`,
+              className: `ll-overflow-popover__item ${p ? "is-on" : ""}`,
               onClick: () => {
-                h(), y(!1);
+                h(), E(!1);
               },
               children: [
                 /* @__PURE__ */ n(ai, {}),
-                /* @__PURE__ */ n("span", { children: g ? "Hide typing" : "Type a message" })
+                /* @__PURE__ */ n("span", { children: p ? "Hide typing" : "Type a message" })
               ]
             }
           ),
@@ -1599,135 +1612,135 @@ const si = ({
   isMobile: t,
   agentName: r,
   avatarImageUrl: i,
-  idleLoopUrl: a,
+  idleLoopUrl: l,
   greeting: o,
   branding: s,
-  teamMembers: l,
+  teamMembers: a,
   currentTeamMemberId: c,
-  isSwitchingTeamMember: f,
-  teamSwitcherOpen: _,
-  onToggleTeamSwitcher: g,
+  isSwitchingTeamMember: d,
+  teamSwitcherOpen: v,
+  onToggleTeamSwitcher: p,
   onSelectTeamMember: h,
   languageMenuOpen: T,
-  onToggleLanguageMenu: b,
-  connectionState: y,
-  agentState: p,
-  transcript: m,
-  canResume: A,
-  needsUserGesture: R,
-  error: E,
-  isMuted: j,
-  micError: w,
-  micDevices: $,
-  activeMicId: W,
+  onToggleLanguageMenu: _,
+  connectionState: E,
+  agentState: g,
+  transcript: b,
+  canResume: R,
+  needsUserGesture: k,
+  error: y,
+  isMuted: H,
+  micError: m,
+  micDevices: D,
+  activeMicId: F,
   isCameraEnabled: K,
-  cameraPreviewEl: le,
-  cameraDevices: D,
+  cameraPreviewEl: oe,
+  cameraDevices: z,
   activeCameraId: G,
-  isScreenShareEnabled: u,
-  screenPreviewEl: k,
-  isSpeakerMuted: H,
-  allowCamera: B,
+  isScreenShareEnabled: f,
+  screenPreviewEl: S,
+  isSpeakerMuted: O,
+  allowCamera: q,
   allowScreenShare: X,
   allowTyping: Q,
   showMinimize: Y = !0,
   showClose: te = !0,
-  chromeless: oe = !1,
-  compactControls: q = !1,
-  transforming: ye,
+  chromeless: ie = !1,
+  compactControls: U = !1,
+  transforming: ge,
   transformingLabel: ee,
-  avatarVideoContainerRef: we,
+  avatarVideoContainerRef: ve,
   agentVideoEl: ne,
-  onConnect: et,
-  onDisconnect: tt,
-  onRetry: ht,
-  onResumeAudio: mt,
-  onToggleMute: nt,
-  onSwitchMicDevice: rt,
+  onConnect: rt,
+  onDisconnect: it,
+  onRetry: mt,
+  onResumeAudio: gt,
+  onToggleMute: ot,
+  onSwitchMicDevice: lt,
   onToggleCamera: Me,
-  onSwitchCameraDevice: We,
+  onSwitchCameraDevice: Fe,
   onToggleScreenShare: Ie,
   onToggleSpeaker: Re,
   onSendMessage: Te,
   onMinimize: Pe,
   onClose: De,
-  onClearMicError: Fe,
-  dragHandleProps: O,
-  resizeHandleProps: Be
+  onClearMicError: Be,
+  dragHandleProps: W,
+  resizeHandleProps: qe
 }) => {
-  var st;
-  const ze = ((l == null ? void 0 : l.length) ?? 0) > 1, qe = y === "connecting" || y === "connected", be = y === "connected", it = y === "idle" || y === "disconnected" || y === "error", [$e, Ue] = M(!1);
+  var Ke;
+  const ze = ((a == null ? void 0 : a.length) ?? 0) > 1, Ue = E === "connecting" || E === "connected", be = E === "connected", at = E === "idle" || E === "disconnected" || E === "error", [$e, je] = M(!1);
   P(() => {
     if (!ne) {
-      Ue(!1);
+      je(!1);
       return;
     }
     if (!ne.paused && ne.readyState >= 2) {
-      Ue(!0);
+      je(!0);
       return;
     }
-    Ue(!1);
-    const v = () => Ue(!0);
-    return ne.addEventListener("playing", v), ne.addEventListener("loadeddata", v), () => {
-      ne.removeEventListener("playing", v), ne.removeEventListener("loadeddata", v);
+    je(!1);
+    const w = () => je(!0);
+    return ne.addEventListener("playing", w), ne.addEventListener("loadeddata", w), () => {
+      ne.removeEventListener("playing", w), ne.removeEventListener("loadeddata", w);
     };
   }, [ne]);
-  const [Et, Ae] = M(!1);
+  const [St, Ne] = M(!1);
   P(() => {
     if (!be) {
-      Ae(!1);
+      Ne(!1);
       return;
     }
     if ($e) return;
-    const v = setTimeout(() => Ae(!0), 8e3);
-    return () => clearTimeout(v);
+    const w = setTimeout(() => Ne(!0), 8e3);
+    return () => clearTimeout(w);
   }, [be, $e]);
-  const pe = y === "connecting" || be && !!i && !$e && !Et, ot = I(null), ce = I(null);
+  const fe = E === "connecting" || be && !!i && !$e && !St, st = I(null), ce = I(null);
   P(() => {
-    const v = ot.current;
-    v && (v.innerHTML = "", le && (le.style.width = "100%", le.style.height = "100%", le.style.objectFit = "cover", le.style.transform = "scaleX(-1)", v.appendChild(le)));
-  }, [le]), P(() => {
-    const v = ce.current;
-    v && (v.innerHTML = "", k && (k.style.width = "100%", k.style.height = "100%", k.style.objectFit = "contain", v.appendChild(k)));
-  }, [k]);
-  const [he, je] = M(!1), [Ve, me] = M(!1), _e = I(null), gt = I(null);
+    const w = st.current;
+    w && (w.innerHTML = "", oe && (oe.style.width = "100%", oe.style.height = "100%", oe.style.objectFit = "cover", oe.style.transform = "scaleX(-1)", w.appendChild(oe)));
+  }, [oe]), P(() => {
+    const w = ce.current;
+    w && (w.innerHTML = "", S && (S.style.width = "100%", S.style.height = "100%", S.style.objectFit = "contain", w.appendChild(S)));
+  }, [S]);
+  const [pe, Ve] = M(!1), [Ye, he] = M(!1), we = I(null), yt = I(null);
   P(() => {
-    if (!he && !Ve && !T && !_) return;
-    const v = () => {
-      je(!1), me(!1), T && b(), _ && g();
+    if (!pe && !Ye && !T && !v) return;
+    const w = () => {
+      Ve(!1), he(!1), T && _(), v && p();
     };
-    return document.addEventListener("click", v), () => document.removeEventListener("click", v);
+    return document.addEventListener("click", w), () => document.removeEventListener("click", w);
   }, [
-    he,
-    Ve,
+    pe,
+    Ye,
     T,
+    v,
     _,
-    b,
-    g
+    p
   ]);
-  const [yt, St] = M(!1), Ut = L(() => St((v) => !v), []), [lt, Ee] = M(""), He = L(
-    (v) => {
-      v.preventDefault();
-      const re = lt.trim();
-      re && (Te(re), Ee(""));
+  const [vt, Nt] = M(!1), jt = L(() => Nt((w) => !w), []), [ct, Ee] = M(""), He = L(
+    (w) => {
+      w.preventDefault();
+      const le = ct.trim();
+      le && (Te(le), Ee(""));
     },
-    [lt, Te]
-  ), de = s.productName || "Live Layer", Se = !s.productName;
-  let ve = null, xe = null;
-  for (let v = m.length - 1; v >= 0; v--) {
-    const re = m[v];
-    if (!ve && re.role === "agent" ? ve = re : !xe && re.role === "user" && (xe = re), ve && xe) break;
+    [ct, Te]
+  ), _e = s.productName || "Live Layer", Oe = !s.productName;
+  let xe = null, Ae = null;
+  for (let w = b.length - 1; w >= 0; w--) {
+    const le = b[w];
+    if (!xe && le.role === "agent" ? xe = le : !Ae && le.role === "user" && (Ae = le), xe && Ae) break;
   }
-  const vt = be ? (ve == null ? void 0 : ve.text) || null : o || null, Ye = be && (xe == null ? void 0 : xe.text) || null, at = [
+  const Ge = be ? (xe == null ? void 0 : xe.text) || null : o || null, Xe = be && (Ae == null ? void 0 : Ae.text) || null, bt = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
   return /* @__PURE__ */ C(
     "div",
     {
-      className: at,
+      className: bt,
       "data-position": e,
-      "data-state": be ? "connected" : qe ? "connecting" : "idle",
+      "data-state": be ? "connected" : Ue ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
@@ -1739,12 +1752,12 @@ const si = ({
               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: ((st = r == null ? void 0 : r.charAt(0)) == null ? void 0 : st.toUpperCase()) || "A" }) }),
-          a && !be && /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Ke = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Ke.toUpperCase()) || "A" }) }),
+          l && !be && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
-              src: a,
+              src: l,
               autoPlay: !0,
               loop: !0,
               muted: !0,
@@ -1752,24 +1765,24 @@ const si = ({
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { ref: we, className: "ll-expanded__video" }),
-        pe && /* @__PURE__ */ C("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        /* @__PURE__ */ n("div", { ref: ve, className: "ll-expanded__video" }),
+        fe && /* @__PURE__ */ C("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
           /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
-          /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: f ? "Switching..." : "Connecting..." })
+          /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: d ? "Switching..." : "Connecting..." })
         ] }),
-        R && be && /* @__PURE__ */ C(
+        k && be && /* @__PURE__ */ C(
           "button",
           {
             type: "button",
             className: "ll-expanded__overlay ll-expanded__overlay--gesture",
-            onClick: mt,
+            onClick: gt,
             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" })
             ]
           }
         ),
-        ye && /* @__PURE__ */ C(
+        ge && /* @__PURE__ */ C(
           "div",
           {
             className: "ll-expanded__overlay ll-expanded__overlay--transforming",
@@ -1782,54 +1795,54 @@ const si = ({
             ]
           }
         ),
-        qe ? /* @__PURE__ */ C(Oe, { children: [
-          !q && /* @__PURE__ */ C("div", { className: "ll-expanded__topbar", ...O, children: [
-            !oe && /* @__PURE__ */ C("div", { className: "ll-expanded__topbar-left", children: [
+        Ue ? /* @__PURE__ */ C(We, { children: [
+          !U && /* @__PURE__ */ C("div", { className: "ll-expanded__topbar", ...W, children: [
+            !ie && /* @__PURE__ */ C("div", { className: "ll-expanded__topbar-left", children: [
               /* @__PURE__ */ C("div", { className: "ll-expanded__pill-wrap", children: [
                 /* @__PURE__ */ C(
                   "button",
                   {
                     type: "button",
                     className: "ll-hpill",
-                    onClick: (v) => {
-                      ze && (v.stopPropagation(), g());
+                    onClick: (w) => {
+                      ze && (w.stopPropagation(), p());
                     },
                     "aria-haspopup": ze ? "listbox" : void 0,
-                    "aria-expanded": ze ? _ : void 0,
+                    "aria-expanded": ze ? v : void 0,
                     children: [
                       /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                      ze && /* @__PURE__ */ n(Lt, {})
+                      ze && /* @__PURE__ */ n(Ct, {})
                     ]
                   }
                 ),
-                ze && _ && /* @__PURE__ */ n(
+                ze && v && /* @__PURE__ */ n(
                   "div",
                   {
                     className: "ll-hmenu",
-                    onClick: (v) => v.stopPropagation(),
+                    onClick: (w) => w.stopPropagation(),
                     role: "listbox",
-                    children: l == null ? void 0 : l.map((v) => /* @__PURE__ */ C(
+                    children: a == null ? void 0 : a.map((w) => /* @__PURE__ */ C(
                       "button",
                       {
                         type: "button",
-                        className: `ll-hmenu__item ${v.id === c ? "is-active" : ""}`,
-                        onClick: () => h(v.id),
+                        className: `ll-hmenu__item ${w.id === c ? "is-active" : ""}`,
+                        onClick: () => h(w.id),
                         role: "option",
-                        "aria-selected": v.id === c,
+                        "aria-selected": w.id === c,
                         children: [
-                          v.avatarImageUrl && /* @__PURE__ */ n(
+                          w.avatarImageUrl && /* @__PURE__ */ n(
                             "img",
                             {
-                              src: v.avatarImageUrl,
+                              src: w.avatarImageUrl,
                               alt: "",
                               className: "ll-hmenu__avatar"
                             }
                           ),
-                          /* @__PURE__ */ n("span", { className: "ll-hmenu__name", children: v.name }),
-                          v.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: v.role })
+                          /* @__PURE__ */ n("span", { className: "ll-hmenu__name", children: w.name }),
+                          w.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: w.role })
                         ]
                       },
-                      v.id
+                      w.id
                     ))
                   }
                 )
@@ -1840,8 +1853,8 @@ const si = ({
                   {
                     type: "button",
                     className: "ll-hpill ll-hpill--compact",
-                    onClick: (v) => {
-                      v.stopPropagation(), b();
+                    onClick: (w) => {
+                      w.stopPropagation(), _();
                     },
                     "aria-haspopup": "listbox",
                     "aria-expanded": T,
@@ -1849,7 +1862,7 @@ const si = ({
                     title: "Language: English",
                     children: [
                       /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: "EN" }),
-                      /* @__PURE__ */ n(Lt, {})
+                      /* @__PURE__ */ n(Ct, {})
                     ]
                   }
                 ),
@@ -1857,7 +1870,7 @@ const si = ({
                   "div",
                   {
                     className: "ll-hmenu",
-                    onClick: (v) => v.stopPropagation(),
+                    onClick: (w) => w.stopPropagation(),
                     role: "listbox",
                     children: /* @__PURE__ */ n(
                       "button",
@@ -1875,8 +1888,8 @@ const si = ({
               /* @__PURE__ */ n(
                 "span",
                 {
-                  className: `ll-expanded__state ll-expanded__state--${p}`,
-                  children: p
+                  className: `ll-expanded__state ll-expanded__state--${g}`,
+                  children: g
                 }
               )
             ] }),
@@ -1889,7 +1902,7 @@ const si = ({
                   onClick: Pe,
                   "aria-label": "Minimize widget",
                   title: "Minimize",
-                  children: /* @__PURE__ */ n(bn, {})
+                  children: /* @__PURE__ */ n(_n, {})
                 }
               ),
               te !== !1 && /* @__PURE__ */ n(
@@ -1905,9 +1918,9 @@ const si = ({
               )
             ] })
           ] }),
-          q && /* @__PURE__ */ C("div", { className: "ll-compact-status", "data-state": p, children: [
+          U && /* @__PURE__ */ C("div", { className: "ll-compact-status", "data-state": g, children: [
             /* @__PURE__ */ n("span", { className: "ll-compact-status__dot", "aria-hidden": !0 }),
-            /* @__PURE__ */ n("span", { className: "ll-compact-status__label", children: p })
+            /* @__PURE__ */ n("span", { className: "ll-compact-status__label", children: g })
           ] })
         ] }) : (
           // Idle-state header. In compactControls mode (mobile WIDGET +
@@ -1918,8 +1931,8 @@ const si = ({
           // can always dismiss; making the whole header disappear (the
           // pre-0.18.0 behavior) left users no way out short of scrolling
           // the page itself.
-          /* @__PURE__ */ C("div", { className: "ll-expanded__header ll-expanded__header--idle", ...O, children: [
-            !q && (Se ? /* @__PURE__ */ C(
+          /* @__PURE__ */ C("div", { className: "ll-expanded__header ll-expanded__header--idle", ...W, children: [
+            !U && (Oe ? /* @__PURE__ */ C(
               "a",
               {
                 className: "ll-expanded__brand ll-expanded__brand--link",
@@ -1930,19 +1943,19 @@ const si = ({
                 title: "Powered by LiveLayer — visit livelayer.studio",
                 children: [
                   /* @__PURE__ */ n(ni, { size: 14, className: "ll-expanded__brand-mark" }),
-                  /* @__PURE__ */ n("span", { children: de })
+                  /* @__PURE__ */ n("span", { children: _e })
                 ]
               }
-            ) : /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: de })),
+            ) : /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: _e })),
             /* @__PURE__ */ C("div", { className: "ll-expanded__header-actions", children: [
-              !q && Y !== !1 && /* @__PURE__ */ n(
+              !U && Y !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
                   onClick: Pe,
                   "aria-label": "Minimize widget",
-                  children: /* @__PURE__ */ n(bn, {})
+                  children: /* @__PURE__ */ n(_n, {})
                 }
               ),
               te !== !1 && /* @__PURE__ */ n(
@@ -1958,32 +1971,32 @@ const si = ({
             ] })
           ] })
         ),
-        it && /* @__PURE__ */ (() => {
-          const v = A ? "Resume session" : y === "disconnected" ? "Reconnect to agent" : "Start video call";
-          return /* @__PURE__ */ C(Oe, { children: [
-            !E && /* @__PURE__ */ C(
+        at && /* @__PURE__ */ (() => {
+          const w = R ? "Resume session" : E === "disconnected" ? "Reconnect to agent" : "Start video call";
+          return /* @__PURE__ */ C(We, { children: [
+            !y && /* @__PURE__ */ C(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
-                onClick: et,
-                "aria-label": v,
+                onClick: rt,
+                "aria-label": w,
                 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" }) }) }),
-                  q && /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: v })
+                  U && /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: w })
                 ]
               }
             ),
-            !q && /* @__PURE__ */ C("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
+            !U && /* @__PURE__ */ C("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
               o && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: o }) }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__cta",
-                  onClick: et,
-                  "aria-label": v,
-                  children: v
+                  onClick: rt,
+                  "aria-label": w,
+                  children: w
                 }
               )
             ] })
@@ -1992,55 +2005,55 @@ const si = ({
         /* @__PURE__ */ C(
           "div",
           {
-            className: `ll-expanded__pip ${qe && (K || u) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${Ue && (K || f) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
                   ref: ce,
-                  className: u ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  className: f ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: ot,
-                  className: !u && K ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: st,
+                  className: !f && K ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        qe ? /* @__PURE__ */ C("div", { className: "ll-expanded__bottom", children: [
-          !q && vt && /* @__PURE__ */ n(
+        Ue ? /* @__PURE__ */ C("div", { className: "ll-expanded__bottom", children: [
+          !U && Ge && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--agent",
               "data-role": "agent",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: vt })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Ge })
             }
           ),
-          !q && Ye && /* @__PURE__ */ n(
+          !U && Xe && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--user",
               "data-role": "user",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Ye })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Xe })
             }
           ),
-          !oe && !q && /* @__PURE__ */ C("div", { className: "ll-toolbar", onClick: (v) => v.stopPropagation(), children: [
+          !ie && !U && /* @__PURE__ */ C("div", { className: "ll-toolbar", onClick: (w) => w.stopPropagation(), children: [
             X && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${u ? "is-on" : ""}`,
+                className: `ll-tool ${f ? "is-on" : ""}`,
                 onClick: Ie,
-                "aria-label": u ? "Stop sharing screen" : "Share screen",
-                title: u ? "Stop sharing" : "Share screen",
-                children: /* @__PURE__ */ n(Dn, {})
+                "aria-label": f ? "Stop sharing screen" : "Share screen",
+                title: f ? "Stop sharing" : "Share screen",
+                children: /* @__PURE__ */ n(zn, {})
               }
             ),
-            B && /* @__PURE__ */ C("div", { className: "ll-tool-split", children: [
+            q && /* @__PURE__ */ C("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -2049,33 +2062,33 @@ const si = ({
                   onClick: Me,
                   "aria-label": K ? "Turn off camera" : "Turn on camera",
                   title: K ? "Stop camera" : "Start camera",
-                  children: /* @__PURE__ */ n(zn, {})
+                  children: /* @__PURE__ */ n($n, {})
                 }
               ),
               /* @__PURE__ */ n(
                 "button",
                 {
-                  ref: gt,
+                  ref: yt,
                   type: "button",
                   className: `ll-tool ll-tool--right ${K ? "is-on" : ""}`,
-                  onClick: (v) => {
-                    v.stopPropagation(), me((re) => !re), je(!1);
+                  onClick: (w) => {
+                    w.stopPropagation(), he((le) => !le), Ve(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": Ve,
-                  children: /* @__PURE__ */ n(Lt, {})
+                  "aria-expanded": Ye,
+                  children: /* @__PURE__ */ n(Ct, {})
                 }
               ),
-              Ve && D.length > 0 && /* @__PURE__ */ n(
-                _n,
+              Ye && z.length > 0 && /* @__PURE__ */ n(
+                xn,
                 {
                   label: "Camera",
-                  devices: D,
+                  devices: z,
                   activeId: G,
-                  anchorRef: gt,
-                  onPick: (v) => {
-                    me(!1), We(v);
+                  anchorRef: yt,
+                  onPick: (w) => {
+                    he(!1), Fe(w);
                   }
                 }
               )
@@ -2085,37 +2098,37 @@ const si = ({
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${j ? "is-muted" : ""}`,
-                  onClick: nt,
-                  "aria-label": j ? "Unmute microphone" : "Mute microphone",
-                  title: j ? "Unmute" : "Mute",
-                  children: /* @__PURE__ */ n($n, { muted: j })
+                  className: `ll-tool ll-tool--left ${H ? "is-muted" : ""}`,
+                  onClick: ot,
+                  "aria-label": H ? "Unmute microphone" : "Mute microphone",
+                  title: H ? "Unmute" : "Mute",
+                  children: /* @__PURE__ */ n(Hn, { muted: H })
                 }
               ),
               /* @__PURE__ */ n(
                 "button",
                 {
-                  ref: _e,
+                  ref: we,
                   type: "button",
-                  className: `ll-tool ll-tool--right ${j ? "is-muted" : ""}`,
-                  onClick: (v) => {
-                    v.stopPropagation(), je((re) => !re), me(!1);
+                  className: `ll-tool ll-tool--right ${H ? "is-muted" : ""}`,
+                  onClick: (w) => {
+                    w.stopPropagation(), Ve((le) => !le), he(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": he,
-                  children: /* @__PURE__ */ n(Lt, {})
+                  "aria-expanded": pe,
+                  children: /* @__PURE__ */ n(Ct, {})
                 }
               ),
-              he && $.length > 0 && /* @__PURE__ */ n(
-                _n,
+              pe && D.length > 0 && /* @__PURE__ */ n(
+                xn,
                 {
                   label: "Microphone",
-                  devices: $,
-                  activeId: W,
-                  anchorRef: _e,
-                  onPick: (v) => {
-                    je(!1), rt(v);
+                  devices: D,
+                  activeId: F,
+                  anchorRef: we,
+                  onPick: (w) => {
+                    Ve(!1), lt(w);
                   }
                 }
               )
@@ -2124,11 +2137,11 @@ const si = ({
               "button",
               {
                 type: "button",
-                className: `ll-tool ${H ? "is-muted" : ""}`,
+                className: `ll-tool ${O ? "is-muted" : ""}`,
                 onClick: Re,
-                "aria-label": H ? "Unmute speaker" : "Mute speaker",
-                title: H ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(Hn, { muted: H })
+                "aria-label": O ? "Unmute speaker" : "Mute speaker",
+                title: O ? "Unmute speaker" : "Mute speaker",
+                children: /* @__PURE__ */ n(On, { muted: O })
               }
             ),
             /* @__PURE__ */ n(
@@ -2136,45 +2149,45 @@ const si = ({
               {
                 type: "button",
                 className: "ll-tool ll-tool--danger",
-                onClick: tt,
+                onClick: it,
                 "aria-label": "End conversation",
                 title: "End conversation",
-                children: /* @__PURE__ */ n(On, {})
+                children: /* @__PURE__ */ n(Wn, {})
               }
             )
           ] }),
-          !oe && q && /* @__PURE__ */ n(
+          !ie && U && /* @__PURE__ */ n(
             oi,
             {
-              isMuted: j,
-              onToggleMute: nt,
+              isMuted: H,
+              onToggleMute: ot,
               isCameraEnabled: K,
               onToggleCamera: Me,
-              allowCamera: B,
-              isScreenShareEnabled: u,
+              allowCamera: q,
+              isScreenShareEnabled: f,
               onToggleScreenShare: Ie,
               allowScreenShare: X,
-              isSpeakerMuted: H,
+              isSpeakerMuted: O,
               onToggleSpeaker: Re,
               allowTyping: Q,
-              isTypingOpen: yt,
-              onToggleTyping: Ut,
-              onDisconnect: tt
+              isTypingOpen: vt,
+              onToggleTyping: jt,
+              onDisconnect: it
             }
           ),
-          !oe && Q && (q ? yt : !0) && /* @__PURE__ */ C("form", { className: "ll-message-input", onSubmit: He, children: [
+          !ie && Q && (U ? vt : !0) && /* @__PURE__ */ C("form", { className: "ll-message-input", onSubmit: He, children: [
             /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: lt,
-                onChange: (v) => Ee(v.target.value),
+                value: ct,
+                onChange: (w) => Ee(w.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            lt.trim() && /* @__PURE__ */ n(
+            ct.trim() && /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
@@ -2186,40 +2199,40 @@ const si = ({
           ] })
         ] }) : null,
         (() => {
-          if (w && y !== "error")
+          if (m && E !== "error")
             return /* @__PURE__ */ C("div", { className: "ll-expanded__banner", role: "alert", children: [
-              /* @__PURE__ */ n("span", { children: w }),
+              /* @__PURE__ */ n("span", { children: m }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__banner-x",
-                  onClick: Fe,
+                  onClick: Be,
                   "aria-label": "Dismiss",
                   children: "×"
                 }
               )
             ] });
-          if (!E || y !== "error") return null;
-          let v = "Failed to connect", re = "Try again";
-          return E === "MIC_PERMISSION_DENIED" ? v = "Microphone blocked. Allow access to talk." : E === "MIC_NOT_FOUND" ? v = "No microphone found. Plug one in + retry." : E === "MIC_UNAVAILABLE" ? v = "Mic unavailable. Check other apps using it." : E === "AGENT_TIMEOUT" ? v = "Agent didn't pick up. Try again." : E === "CONNECT_FAILED" ? v = "Connection failed. Check your network." : E.length < 80 && (v = E), /* @__PURE__ */ C("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
-            /* @__PURE__ */ n("span", { children: v }),
+          if (!y || E !== "error") return null;
+          let w = "Failed to connect", le = "Try again";
+          return y === "MIC_PERMISSION_DENIED" ? w = "Microphone blocked. Allow access to talk." : y === "MIC_NOT_FOUND" ? w = "No microphone found. Plug one in + retry." : y === "MIC_UNAVAILABLE" ? w = "Mic unavailable. Check other apps using it." : y === "AGENT_TIMEOUT" ? w = "Agent didn't pick up. Try again." : y === "CONNECT_FAILED" ? w = "Connection failed. Check your network." : y.length < 80 && (w = y), /* @__PURE__ */ C("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+            /* @__PURE__ */ n("span", { children: w }),
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: ht,
-                children: re
+                onClick: mt,
+                children: le
               }
             )
           ] });
         })(),
-        (Be == null ? void 0 : Be["data-ll-resize-handle"]) !== void 0 && /* @__PURE__ */ n(
+        (qe == null ? void 0 : qe["data-ll-resize-handle"]) !== void 0 && /* @__PURE__ */ n(
           "div",
           {
             className: "ll-expanded__resize-grip",
-            ...Be,
+            ...qe,
             "aria-hidden": !0,
             children: /* @__PURE__ */ C("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", children: [
               /* @__PURE__ */ n("line", { x1: "11", y1: "4", x2: "4", y2: "11" }),
@@ -2231,7 +2244,7 @@ const si = ({
     }
   );
 };
-function Lt() {
+function Ct() {
   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 wn() {
@@ -2240,23 +2253,23 @@ function wn() {
     /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function bn() {
+function _n() {
   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 Dn() {
+function zn() {
   return /* @__PURE__ */ C("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 zn() {
+function $n() {
   return /* @__PURE__ */ C("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 $n({ muted: e }) {
+function Hn({ muted: e }) {
   return /* @__PURE__ */ C("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" }),
@@ -2264,10 +2277,10 @@ function $n({ muted: e }) {
     e && /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function Hn({ muted: e }) {
+function On({ muted: e }) {
   return /* @__PURE__ */ C("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__ */ C(Oe, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ C(We, { 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" })
     ] })
@@ -2279,7 +2292,7 @@ function ci() {
     /* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
   ] });
 }
-function On() {
+function Wn() {
   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",
     {
@@ -2288,33 +2301,33 @@ function On() {
     }
   ) });
 }
-const _n = ({
+const xn = ({
   label: e,
   devices: t,
   activeId: r,
   onPick: i,
-  anchorRef: a
+  anchorRef: l
 }) => {
   const [o, s] = M(null);
-  return Mn(() => {
-    const l = () => {
-      const c = a.current;
+  return In(() => {
+    const a = () => {
+      const c = l.current;
       if (!c) return;
-      const f = c.getBoundingClientRect(), _ = 126, g = window.innerWidth - 16 - 110, h = f.left + f.width / 2;
+      const d = c.getBoundingClientRect(), v = 126, p = window.innerWidth - 16 - 110, h = d.left + d.width / 2;
       s({
-        top: f.top - 8,
-        left: Math.max(_, Math.min(g, h))
+        top: d.top - 8,
+        left: Math.max(v, Math.min(p, h))
       });
     };
-    return l(), window.addEventListener("scroll", l, !0), window.addEventListener("resize", l), () => {
-      window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l);
+    return a(), window.addEventListener("scroll", a, !0), window.addEventListener("resize", a), () => {
+      window.removeEventListener("scroll", a, !0), window.removeEventListener("resize", a);
     };
-  }, [a]), o === null || typeof document > "u" ? null : Bt(
+  }, [l]), o === null || typeof document > "u" ? null : qt(
     /* @__PURE__ */ C(
       "div",
       {
         className: "ll-device-menu ll-device-menu--floating",
-        onClick: (l) => l.stopPropagation(),
+        onClick: (a) => a.stopPropagation(),
         role: "listbox",
         style: {
           position: "fixed",
@@ -2325,22 +2338,22 @@ const _n = ({
         },
         children: [
           /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
-          t.map((l, c) => {
-            const f = r === l.deviceId;
+          t.map((a, c) => {
+            const d = r === a.deviceId;
             return /* @__PURE__ */ C(
               "button",
               {
                 type: "button",
-                className: `ll-device-menu__item ${f ? "is-active" : ""}`,
-                onClick: () => i(l.deviceId),
+                className: `ll-device-menu__item ${d ? "is-active" : ""}`,
+                onClick: () => i(a.deviceId),
                 role: "option",
-                "aria-selected": f,
+                "aria-selected": d,
                 children: [
-                  f && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
-                  /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: l.label || `${e} ${c + 1}` })
+                  d && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
+                  /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: a.label || `${e} ${c + 1}` })
                 ]
               },
-              l.deviceId || c
+              a.deviceId || c
             );
           })
         ]
@@ -2348,7 +2361,7 @@ const _n = ({
     ),
     document.body
   );
-}, di = [
+}, ui = [
   // Accept any value (or empty) — `<input data-ll-private />` and
   // `<input data-ll-private="true" />` both opt out. The bare attribute
   // is the recommended spelling; "true" is preserved for back-compat.
@@ -2356,17 +2369,17 @@ const _n = ({
   "[data-ll-skip]",
   ".ll-widget"
 ];
-function qt(e) {
+function Ut(e) {
   let t = e;
   for (; t; ) {
-    for (const r of di)
+    for (const r of ui)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
-function Wt(e) {
-  if (qt(e)) return !1;
+function Ft(e) {
+  if (Ut(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
     const t = (e.getAttribute("autocomplete") || "").toLowerCase();
@@ -2374,7 +2387,7 @@ function Wt(e) {
   }
   return !0;
 }
-const Ct = 4096, ui = 20, fi = 20, pi = 10, hi = 10, mi = 30, gi = 20, xn = 500, yi = [
+const kt = 4096, di = 20, fi = 20, pi = 10, hi = 10, mi = 30, gi = 20, Ln = 500, yi = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -2382,7 +2395,7 @@ const Ct = 4096, ui = 20, fi = 20, pi = 10, hi = 10, mi = 30, gi = 20, xn = 500,
   "noscript",
   "iframe"
 ];
-function ft(e) {
+function pt(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
@@ -2392,14 +2405,14 @@ function ft(e) {
   }
   return !1;
 }
-function pt(e) {
+function ht(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, i = window.innerWidth || document.documentElement.clientWidth;
   return t.bottom > 0 && t.right > 0 && t.top < r && t.left < i;
 }
-function Ln(e) {
+function Cn(e) {
   const t = e.getAttribute("id");
   if (t) {
     const o = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(t) : t.replace(/"/g, '\\"'), s = document.querySelector(`label[for="${o}"]`);
@@ -2410,29 +2423,29 @@ function Ln(e) {
   const i = e.closest("label");
   if (i) {
     const o = [];
-    for (const l of Array.from(i.childNodes))
-      if (l.nodeType === Node.TEXT_NODE) {
-        const c = (l.textContent || "").trim();
+    for (const a of Array.from(i.childNodes))
+      if (a.nodeType === Node.TEXT_NODE) {
+        const c = (a.textContent || "").trim();
         c && o.push(c);
-      } else if (l instanceof HTMLElement) {
-        if (l instanceof HTMLInputElement || l instanceof HTMLTextAreaElement || l instanceof HTMLSelectElement || l instanceof HTMLButtonElement)
+      } else if (a instanceof HTMLElement) {
+        if (a instanceof HTMLInputElement || a instanceof HTMLTextAreaElement || a instanceof HTMLSelectElement || a instanceof HTMLButtonElement)
           continue;
-        const c = (l.textContent || "").trim();
+        const c = (a.textContent || "").trim();
         c && o.push(c);
       }
     const s = o.join(" ").trim();
     if (s) return s;
   }
-  const a = e.getAttribute("placeholder");
-  return a ? a.trim() : "";
+  const l = e.getAttribute("placeholder");
+  return l ? l.trim() : "";
 }
-function fe(e, t) {
+function de(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
 function vi(e) {
   return e && e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 60) || null;
 }
-function wi(e) {
+function bi(e) {
   const t = e.getAttribute("aria-label");
   if (t) return t.trim().slice(0, 80);
   const r = e.getAttribute("aria-labelledby");
@@ -2448,20 +2461,20 @@ function wi(e) {
     if (o && o.length < 60 && !/^(submit|ok|continue)$/i.test(o))
       return o;
   }
-  let a = e.parentElement;
-  for (let o = 0; a && o < 4; o++, a = a.parentElement) {
-    const s = a.querySelector("h1, h2, h3, h4");
+  let l = e.parentElement;
+  for (let o = 0; l && o < 4; o++, l = l.parentElement) {
+    const s = l.querySelector("h1, h2, h3, h4");
     if (s != null && s.textContent) {
-      const l = s.textContent.trim();
-      if (l && l.length < 80) return l;
+      const a = s.textContent.trim();
+      if (a && a.length < 80) return a;
     }
   }
   return null;
 }
-function Ke(e) {
+function Qe(e) {
   return e.length;
 }
-function bi(e, t = {}) {
+function wi(e, t = {}) {
   const r = t.doc ?? (typeof document < "u" ? document : null);
   if (!r)
     return {
@@ -2475,147 +2488,147 @@ function bi(e, t = {}) {
       forms: [],
       extras: e
     };
-  const i = typeof window < "u" && window.location.href || "", a = typeof window < "u" && window.location.pathname || "/", o = r.title || "", s = Array.from(
+  const i = typeof window < "u" && window.location.href || "", l = typeof window < "u" && window.location.pathname || "/", o = r.title || "", s = Array.from(
     r.querySelectorAll("[data-ll-region]")
-  ), l = [];
-  for (const w of s) {
-    if (l.length >= pi) break;
-    if (ft(w) || !pt(w)) continue;
-    const $ = w.getAttribute("data-ll-region") ?? "", W = w.getAttribute("data-ll-intent") ?? void 0, K = fe(
-      (w.innerText || w.textContent || "").trim(),
-      xn * 2
+  ), a = [];
+  for (const m of s) {
+    if (a.length >= pi) break;
+    if (pt(m) || !ht(m)) continue;
+    const D = m.getAttribute("data-ll-region") ?? "", F = m.getAttribute("data-ll-intent") ?? void 0, K = de(
+      (m.innerText || m.textContent || "").trim(),
+      Ln * 2
     );
-    !$ || !K || l.push({ id: $, intent: W, text: K });
+    !D || !K || a.push({ id: D, intent: F, text: K });
   }
-  const c = [], f = ["H1", "H2", "H3", "H4", "H5", "H6"], _ = Array.from(
+  const c = [], d = ["H1", "H2", "H3", "H4", "H5", "H6"], v = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
-  for (const w of _) {
-    if (ft(w) || !pt(w)) continue;
-    const $ = (w.textContent || "").trim();
-    $ && c.push(`${w.tagName}: ${fe($, 200)}`);
+  for (const m of v) {
+    if (pt(m) || !ht(m)) continue;
+    const D = (m.textContent || "").trim();
+    D && c.push(`${m.tagName}: ${de(D, 200)}`);
   }
-  const g = Array.from(r.querySelectorAll("p, li"));
-  for (const w of g) {
-    if (ft(w) || !pt(w) || f.includes(w.tagName)) continue;
-    const $ = (w.textContent || "").trim();
-    $.length > 10 && c.push(fe($, xn));
+  const p = Array.from(r.querySelectorAll("p, li"));
+  for (const m of p) {
+    if (pt(m) || !ht(m) || d.includes(m.tagName)) continue;
+    const D = (m.textContent || "").trim();
+    D.length > 10 && c.push(de(D, Ln));
   }
   const h = c.join(`
-`), T = [], b = Array.from(r.querySelectorAll("a[href]"));
-  for (const w of b) {
-    if (T.length >= ui) break;
-    if (ft(w) || !pt(w)) continue;
-    const $ = w.getAttribute("href") || "", W = (w.textContent || "").trim();
-    !$ || !W || T.push({ href: $, text: fe(W, 100) });
+`), T = [], _ = Array.from(r.querySelectorAll("a[href]"));
+  for (const m of _) {
+    if (T.length >= di) break;
+    if (pt(m) || !ht(m)) continue;
+    const D = m.getAttribute("href") || "", F = (m.textContent || "").trim();
+    !D || !F || T.push({ href: D, text: de(F, 100) });
   }
-  const y = [], p = Array.from(
+  const E = [], g = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
-  for (const w of p) {
-    if (y.length >= fi) break;
-    if (ft(w) || !Wt(w) || !pt(w)) continue;
-    const $ = Ln(w), W = w instanceof HTMLInputElement ? w.type : w.tagName.toLowerCase();
-    $ && y.push({ label: fe($, 100), type: W });
+  for (const m of g) {
+    if (E.length >= fi) break;
+    if (pt(m) || !Ft(m) || !ht(m)) continue;
+    const D = Cn(m), F = m instanceof HTMLInputElement ? m.type : m.tagName.toLowerCase();
+    D && E.push({ label: de(D, 100), type: F });
   }
-  const m = Array.from(r.querySelectorAll("form")), A = [];
-  let R = 0;
-  for (const w of m) {
-    if (A.length >= hi) break;
-    if (qt(w) || w.matches(".ll-widget *, .ll-widget")) continue;
-    const $ = w.getAttribute("id") || w.getAttribute("name") || vi(w.getAttribute("data-ll-intent")) || `form_${R++}`, W = w.getAttribute("data-ll-intent") || wi(w) || void 0, K = Array.from(
-      w.querySelectorAll(
+  const b = Array.from(r.querySelectorAll("form")), R = [];
+  let k = 0;
+  for (const m of b) {
+    if (R.length >= hi) break;
+    if (Ut(m) || m.matches(".ll-widget *, .ll-widget")) continue;
+    const D = m.getAttribute("id") || m.getAttribute("name") || vi(m.getAttribute("data-ll-intent")) || `form_${k++}`, F = m.getAttribute("data-ll-intent") || bi(m) || void 0, K = Array.from(
+      m.querySelectorAll(
         "input, textarea, select"
       )
-    ), le = [];
-    let D = 0;
+    ), oe = [];
+    let z = 0;
     const G = /* @__PURE__ */ new Set();
-    for (const u of K) {
-      if (le.length >= mi) break;
-      if (!Wt(u)) continue;
-      if (u instanceof HTMLInputElement) {
-        const q = u.type;
-        if (q === "submit" || q === "button" || q === "reset" || q === "hidden" || q === "image" || q === "file") continue;
+    for (const f of K) {
+      if (oe.length >= mi) break;
+      if (!Ft(f)) continue;
+      if (f instanceof HTMLInputElement) {
+        const U = f.type;
+        if (U === "submit" || U === "button" || U === "reset" || U === "hidden" || U === "image" || U === "file") continue;
       }
-      const k = u.getAttribute("name") || "", H = u.getAttribute("id") || "";
-      let B = k || H || `field_${D}`;
-      G.has(B) && (B = `${B}__${D}`), G.add(B), D++;
-      const X = Ln(u) || B, Q = u instanceof HTMLInputElement ? u.type : u.tagName.toLowerCase(), Y = {
-        name: B,
-        label: fe(X, 100),
+      const S = f.getAttribute("name") || "", O = f.getAttribute("id") || "";
+      let q = S || O || `field_${z}`;
+      G.has(q) && (q = `${q}__${z}`), G.add(q), z++;
+      const X = Cn(f) || q, Q = f instanceof HTMLInputElement ? f.type : f.tagName.toLowerCase(), Y = {
+        name: q,
+        label: de(X, 100),
         type: Q
       };
-      u.required === !0 && (Y.required = !0);
-      const te = u.getAttribute("placeholder");
-      if (te && (Y.placeholder = fe(te.trim(), 100)), u instanceof HTMLInputElement || u instanceof HTMLTextAreaElement) {
-        const q = u.getAttribute("minlength");
-        if (q !== null) {
-          const ee = parseInt(q, 10);
+      f.required === !0 && (Y.required = !0);
+      const te = f.getAttribute("placeholder");
+      if (te && (Y.placeholder = de(te.trim(), 100)), f instanceof HTMLInputElement || f instanceof HTMLTextAreaElement) {
+        const U = f.getAttribute("minlength");
+        if (U !== null) {
+          const ee = parseInt(U, 10);
           !Number.isNaN(ee) && ee >= 0 && (Y.minLength = ee);
         }
-        const ye = u.getAttribute("maxlength");
-        if (ye !== null) {
-          const ee = parseInt(ye, 10);
+        const ge = f.getAttribute("maxlength");
+        if (ge !== null) {
+          const ee = parseInt(ge, 10);
           !Number.isNaN(ee) && ee >= 0 && (Y.maxLength = ee);
         }
       }
-      if (u instanceof HTMLInputElement) {
-        const q = u.getAttribute("min");
-        q !== null && (Y.min = fe(q, 50));
-        const ye = u.getAttribute("max");
-        ye !== null && (Y.max = fe(ye, 50));
-        const ee = u.getAttribute("step");
-        ee !== null && (Y.step = fe(ee, 20));
-        const we = u.getAttribute("pattern");
-        we !== null && (Y.pattern = fe(we, 200));
-        const ne = (u.getAttribute("autocomplete") || "").toLowerCase();
-        ne && ne !== "off" && !ne.startsWith("cc-") && (Y.autocomplete = fe(ne, 50));
+      if (f instanceof HTMLInputElement) {
+        const U = f.getAttribute("min");
+        U !== null && (Y.min = de(U, 50));
+        const ge = f.getAttribute("max");
+        ge !== null && (Y.max = de(ge, 50));
+        const ee = f.getAttribute("step");
+        ee !== null && (Y.step = de(ee, 20));
+        const ve = f.getAttribute("pattern");
+        ve !== null && (Y.pattern = de(ve, 200));
+        const ne = (f.getAttribute("autocomplete") || "").toLowerCase();
+        ne && ne !== "off" && !ne.startsWith("cc-") && (Y.autocomplete = de(ne, 50));
       }
-      if (u instanceof HTMLSelectElement) {
-        const q = [];
-        for (let ye = 0; ye < u.options.length && !(q.length >= gi); ye++) {
-          const ee = u.options[ye];
+      if (f instanceof HTMLSelectElement) {
+        const U = [];
+        for (let ge = 0; ge < f.options.length && !(U.length >= gi); ge++) {
+          const ee = f.options[ge];
           if (!ee || ee.disabled) continue;
-          const we = ee.value || "", ne = (ee.textContent || "").trim() || we;
-          !we && !ne || q.push({ value: we, label: fe(ne, 60) });
+          const ve = ee.value || "", ne = (ee.textContent || "").trim() || ve;
+          !ve && !ne || U.push({ value: ve, label: de(ne, 60) });
         }
-        q.length > 0 && (Y.options = q);
+        U.length > 0 && (Y.options = U);
       }
-      const oe = typeof u.validationMessage == "string" ? u.validationMessage : "";
-      oe && (Y.validationMessage = fe(oe, 200)), le.push(Y);
+      const ie = typeof f.validationMessage == "string" ? f.validationMessage : "";
+      ie && (Y.validationMessage = de(ie, 200)), oe.push(Y);
     }
-    A.push({ id: $, intent: W, fields: le });
+    R.push({ id: D, intent: F, fields: oe });
   }
-  const E = {
+  const y = {
     url: i,
     title: o,
-    pathname: a,
-    regions: l,
+    pathname: l,
+    regions: a,
     visibleText: h,
     visibleLinks: T,
-    visibleFields: y,
-    forms: A,
+    visibleFields: E,
+    forms: R,
     extras: e
   };
-  let j = Ke(JSON.stringify(E.regions)) + Ke(E.visibleText) + Ke(JSON.stringify(E.visibleLinks)) + Ke(JSON.stringify(E.visibleFields));
-  for (; j > Ct && E.visibleFields.length > 0; )
-    E.visibleFields.pop(), j = Ke(JSON.stringify(E.visibleFields));
-  for (; j > Ct && E.visibleLinks.length > 0; )
-    E.visibleLinks.pop(), j -= 80;
-  return Ke(E.visibleText) > Ct && (E.visibleText = fe(E.visibleText, Ct - 100)), E;
+  let H = Qe(JSON.stringify(y.regions)) + Qe(y.visibleText) + Qe(JSON.stringify(y.visibleLinks)) + Qe(JSON.stringify(y.visibleFields));
+  for (; H > kt && y.visibleFields.length > 0; )
+    y.visibleFields.pop(), H = Qe(JSON.stringify(y.visibleFields));
+  for (; H > kt && y.visibleLinks.length > 0; )
+    y.visibleLinks.pop(), H -= 80;
+  return Qe(y.visibleText) > kt && (y.visibleText = de(y.visibleText, kt - 100)), y;
 }
-let Je = null;
-function Cn(e, t = {}) {
-  const r = Date.now(), a = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if (Je && Je.key === a && r - Je.at < 1e3)
-    return Je.ctx;
-  const o = bi(e, t);
-  return Je = { key: a, at: r, ctx: o }, o;
+let et = null;
+function kn(e, t = {}) {
+  const r = Date.now(), l = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
+  if (et && et.key === l && r - et.at < 1e3)
+    return et.ctx;
+  const o = wi(e, t);
+  return et = { key: l, at: r, ctx: o }, o;
 }
 function _i() {
-  Je = null;
+  et = null;
 }
 const xi = 200;
 function Li(e) {
@@ -2634,41 +2647,41 @@ function Ci(e) {
 function ki(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
-  const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), a = [], o = Array.from(t.querySelectorAll("a[href]"));
+  const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), l = [], o = Array.from(t.querySelectorAll("a[href]"));
   for (const s of o) {
-    if (a.length >= xi) break;
-    if (qt(s)) continue;
-    const l = s.getAttribute("href") || "";
-    if (!Ci(l)) continue;
-    let c = l, f = !0;
+    if (l.length >= xi) break;
+    if (Ut(s)) continue;
+    const a = s.getAttribute("href") || "";
+    if (!Ci(a)) continue;
+    let c = a, d = !0;
     try {
       if (typeof window < "u") {
-        const g = new URL(l, r);
-        f = g.origin === r, f && l.startsWith("http") && (c = g.pathname + g.search + g.hash);
+        const p = new URL(a, r);
+        d = p.origin === r, d && a.startsWith("http") && (c = p.pathname + p.search + p.hash);
       }
     } catch {
       continue;
     }
     if (i.has(c)) continue;
     i.add(c);
-    const _ = (s.textContent || "").trim().slice(0, 120);
-    a.push({ href: c, text: _, internal: f });
+    const v = (s.textContent || "").trim().slice(0, 120);
+    l.push({ href: c, text: v, internal: d });
   }
-  return a;
+  return l;
 }
-let Ze = null;
+let tt = null;
 const Ei = 5e3;
-function Ht() {
+function Ot() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (Ze && Ze.pathname === t && e - Ze.at < Ei)
-    return Ze.routes;
+  if (tt && tt.pathname === t && e - tt.at < Ei)
+    return tt.routes;
   const r = ki();
-  return Ze = { at: e, pathname: t, routes: r }, r;
+  return tt = { at: e, pathname: t, routes: r }, r;
 }
 function Si() {
-  Ze = null;
+  tt = null;
 }
-function kn(e) {
+function En(e) {
   if (e instanceof HTMLInputElement) {
     const t = e.type;
     if (t === "submit" || t === "button" || t === "reset" || t === "hidden" || t === "image" || t === "file")
@@ -2685,44 +2698,44 @@ function Ai(e, t) {
     const o = e.querySelector(
       `[name="${t.replace(/"/g, '\\"')}"]`
     );
-    if (o && kn(o)) return o;
+    if (o && En(o)) return o;
   } catch {
   }
   const r = Array.from(
     e.querySelectorAll("input, textarea, select")
   );
   let i = 0;
-  const a = /* @__PURE__ */ new Map();
+  const l = /* @__PURE__ */ new Map();
   for (const o of r) {
-    if (!kn(o)) continue;
+    if (!En(o)) continue;
     const s = Ni(o, i);
-    let l = s;
-    if (a.has(s) && (l = `${s}__${i}`), l === t) return o;
-    a.set(s, o), i++;
+    let a = s;
+    if (l.has(s) && (a = `${s}__${i}`), a === t) return o;
+    l.set(s, o), i++;
   }
   return null;
 }
-function En(e, t) {
+function Sn(e, t) {
   const r = Ai(e, t);
-  return r ? Wt(r) ? { el: r } : { el: null, reason: "private" } : { el: null, reason: "not_found" };
+  return r ? Ft(r) ? { el: r } : { el: null, reason: "private" } : { el: null, reason: "not_found" };
 }
 function Mi(e, t) {
-  const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, i = Object.getOwnPropertyDescriptor(r, "value"), a = i == null ? void 0 : i.set;
-  a ? a.call(e, t) : e.value = t;
+  const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, i = Object.getOwnPropertyDescriptor(r, "value"), l = i == null ? void 0 : i.set;
+  l ? l.call(e, t) : e.value = t;
 }
 function Ii(e, t, r = {}) {
-  const i = r.triggerInput ?? !0, a = r.triggerChange ?? !0;
+  const i = r.triggerInput ?? !0, l = r.triggerChange ?? !0;
   if (e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio")) {
     const o = Object.getOwnPropertyDescriptor(
       HTMLInputElement.prototype,
       "checked"
-    ), s = o == null ? void 0 : o.set, l = t === "true" || t === "1" || t === "on";
-    s ? s.call(e, l) : e.checked = l, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), a && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+    ), s = o == null ? void 0 : o.set, a = t === "true" || t === "1" || t === "on";
+    s ? s.call(e, a) : e.checked = a, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), l && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
-  Mi(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), a && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  Mi(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), l && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
-function Sn(e, t) {
+function Nn(e, t) {
   if (!t) return null;
   const r = t.replace(/"/g, '\\"');
   try {
@@ -2736,22 +2749,22 @@ function Sn(e, t) {
     `form[name="${r}"]`
   );
   if (i) return i;
-  const a = e.querySelector(
+  const l = e.querySelector(
     `form[data-ll-intent="${r}"]`
   );
-  if (a) return a;
+  if (l) return l;
   const o = Array.from(e.querySelectorAll("form"));
   for (const s of o) {
-    const l = s.getAttribute("data-ll-intent");
-    if (l && Ri(l) === t) return s;
+    const a = s.getAttribute("data-ll-intent");
+    if (a && Ri(a) === t) return s;
   }
   if (/^form_\d+$/.test(t)) {
     const s = parseInt(t.slice(5), 10);
-    let l = 0;
+    let a = 0;
     for (const c of o)
       if (!(c.id || c.getAttribute("name") || c.getAttribute("data-ll-intent"))) {
-        if (l === s) return c;
-        l++;
+        if (a === s) return c;
+        a++;
       }
   }
   return null;
@@ -2780,9 +2793,9 @@ function Di() {
   let t = null, r = 0;
   for (const i of e) {
     if (!Pi(i)) continue;
-    const a = i.getBoundingClientRect();
-    if (a.bottom <= 0 || a.top >= window.innerHeight || a.right <= 0 || a.left >= window.innerWidth || a.width <= 0 || a.height <= 0 || i.closest(".ll-widget")) continue;
-    const o = a.width * a.height;
+    const l = i.getBoundingClientRect();
+    if (l.bottom <= 0 || l.top >= window.innerHeight || l.right <= 0 || l.left >= window.innerWidth || l.width <= 0 || l.height <= 0 || i.closest(".ll-widget")) continue;
+    const o = l.width * l.height;
     o > r && (r = o, t = i);
   }
   return t;
@@ -2794,7 +2807,7 @@ function zi() {
   const e = Di();
   return e || window;
 }
-function Nn(e) {
+function An(e) {
   return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
 }
 function $i(e) {
@@ -2834,19 +2847,19 @@ const Hi = /* @__PURE__ */ new Set([
   // to onAgentCommand.
   "task_field_updated",
   "task_completed"
-]), Wn = Ft(
+]), Fn = Bt(
   function(t, r) {
-    var tn, nn, rn, on, ln, an, sn;
+    var nn, rn, on, ln, an, sn, cn;
     const {
       agentId: i,
-      apiKey: a,
+      apiKey: l,
       baseUrl: o = "https://app.livelayer.studio",
       sessionEndpoint: s,
-      sessionBody: l,
+      sessionBody: a,
       soundEffects: c,
-      experienceMode: f = "WIDGET",
-      autoConnect: _ = !1,
-      displayMode: g,
+      experienceMode: d = "WIDGET",
+      autoConnect: v = !1,
+      displayMode: p,
       // Initial display mode. Mobile gets a smaller card layout (not the
       // full-screen sheet) so "expanded" is the right default on every
       // viewport — the prior 0.15.1-0.15.3 mobile-flip-to-minimized
@@ -2856,149 +2869,149 @@ const Hi = /* @__PURE__ */ new Set([
       // .ll-expanded--mobile in styles.css.
       defaultDisplayMode: h = "expanded",
       onDisplayModeChange: T,
-      position: b = "bottom-right",
-      mobileBreakpoint: y = 640,
-      draggable: p,
-      resizable: m,
-      persistKey: A = "ll-widget",
-      disablePersistence: R = !1,
-      teamMembers: E,
-      currentTeamMemberId: j,
-      onTeamMemberChange: w,
-      idleLoopUrl: $,
-      greeting: W,
+      position: _ = "bottom-right",
+      mobileBreakpoint: E = 640,
+      draggable: g,
+      resizable: b,
+      persistKey: R = "ll-widget",
+      disablePersistence: k = !1,
+      teamMembers: y,
+      currentTeamMemberId: H,
+      onTeamMemberChange: m,
+      idleLoopUrl: D,
+      greeting: F,
       avatarImageUrl: K,
-      agentName: le,
-      branding: D = {},
+      agentName: oe,
+      branding: z = {},
       allowCamera: G = !0,
-      allowScreenShare: u = !0,
-      allowTyping: k = !0,
-      showMinimize: H,
-      showClose: B,
+      allowScreenShare: f = !0,
+      allowTyping: S = !0,
+      showMinimize: O,
+      showClose: q,
       chromeless: X = !1,
       floatingChromeContainer: Q = null,
       compactControls: Y = !1,
       transforming: te = !1,
-      transformingLabel: oe = "Transforming…",
-      showOn: q,
-      hideOn: ye,
+      transformingLabel: ie = "Transforming…",
+      showOn: U,
+      hideOn: ge,
       pathname: ee,
-      onNavigate: we,
+      onNavigate: ve,
       onScrollToSelector: ne,
-      getPageContext: et,
-      pageContextExtras: tt,
-      getRoutes: ht,
-      onScrollPage: mt,
-      onClick: nt,
-      capabilities: rt,
+      getPageContext: rt,
+      pageContextExtras: it,
+      getRoutes: mt,
+      onScrollPage: gt,
+      onClick: ot,
+      capabilities: lt,
       onConnect: Me,
-      onDisconnect: We,
+      onDisconnect: Fe,
       onTranscript: Ie,
       onAgentState: Re,
       onConnectionStateChange: Te,
       onAgentEvent: Pe,
       onAgentCommand: De,
-      onCollect: Fe,
-      controlledSession: O,
-      className: Be,
+      onCollect: Be,
+      controlledSession: W,
+      className: qe,
       style: ze,
-      zIndex: qe = 2147483647
-    } = t, be = zr(ee), it = qr(be, q, ye);
+      zIndex: Ue = 2147483647
+    } = t, be = zr(ee), at = qr(be, U, ge);
     P(() => {
       _i(), Si();
     }, [be]);
-    const $e = j !== void 0, [Ue, Et] = M(() => {
+    const $e = H !== void 0, [je, St] = M(() => {
       var x;
-      return j ?? ((x = E == null ? void 0 : E[0]) == null ? void 0 : x.id);
-    }), Ae = $e ? j : Ue, pe = Qe(
-      () => (E == null ? void 0 : E.find((x) => x.id === Ae)) ?? null,
-      [E, Ae]
-    ), ot = (pe == null ? void 0 : pe.agentId) ?? i, ce = f === "EMBEDDED", he = Nr(y), [je, Ve] = Er({
-      value: g,
+      return H ?? ((x = y == null ? void 0 : y[0]) == null ? void 0 : x.id);
+    }), Ne = $e ? H : je, fe = nt(
+      () => (y == null ? void 0 : y.find((x) => x.id === Ne)) ?? null,
+      [y, Ne]
+    ), st = (fe == null ? void 0 : fe.agentId) ?? i, ce = d === "EMBEDDED", pe = Nr(E), [Ve, Ye] = Er({
+      value: p,
       defaultValue: h,
       onChange: T,
-      persistKey: A,
-      disablePersistence: ce || R
-    }), me = ce ? "expanded" : je, _e = ce ? () => {
-    } : Ve, gt = H ?? !ce, yt = B ?? !ce, St = Y || !ce && he, Ee = Pr({
-      draggable: !ce && (p ?? !he),
-      resizable: !ce && (m ?? !he),
-      persistKey: A,
-      disablePersistence: ce || R
-    }), He = hr(), de = gr(), Se = vr(), ve = wr(), xe = br(), [vt, Ye] = M(!1), [at, st] = M(!1), [v, re] = M(!1), [Fn, Bn] = M(!1), [Nt, qn] = M(!1), wt = jr({ baseUrl: o, config: c }), bt = I(wt);
-    bt.current = wt;
-    const At = I(we), Mt = I(ne), It = I(mt), Rt = I(nt), jt = I(et), Vt = I(tt), Yt = I(ht), Tt = I(rt), Le = I(null);
-    At.current = we, Mt.current = ne, It.current = mt, Rt.current = nt, jt.current = et, Vt.current = tt, Yt.current = ht, Tt.current = rt;
+      persistKey: R,
+      disablePersistence: ce || k
+    }), he = ce ? "expanded" : Ve, we = ce ? () => {
+    } : Ye, yt = O ?? !ce, vt = q ?? !ce, Nt = Y || !ce && pe, Ee = Pr({
+      draggable: !ce && (g ?? !pe),
+      resizable: !ce && (b ?? !pe),
+      persistKey: R,
+      disablePersistence: ce || k
+    }), He = hr(), _e = vr(), Oe = br(), xe = wr(), [Ae, Ge] = M(!1), [Xe, bt] = M(!1), [Ke, w] = M(!1), [le, Bn] = M(!1), [At, qn] = M(!1), wt = jr({ baseUrl: o, config: c }), _t = I(wt);
+    _t.current = wt;
+    const Mt = I(ve), It = I(ne), Rt = I(gt), Tt = I(ot), Vt = I(rt), Yt = I(it), Gt = I(mt), Pt = I(lt), Le = I(null);
+    Mt.current = ve, It.current = ne, Rt.current = gt, Tt.current = ot, Vt.current = rt, Yt.current = it, Gt.current = mt, Pt.current = lt;
     function Ce(x) {
-      const d = Tt.current;
-      return d ? d.includes(x) : !0;
+      const u = Pt.current;
+      return u ? u.includes(x) : !0;
     }
-    function ke(x, d) {
+    function ke(x, u) {
       console.warn(
-        `[LiveLayer] Agent command "${x}" blocked — capability "${d}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
+        `[LiveLayer] Agent command "${x}" blocked — capability "${u}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
       );
     }
-    const ct = L(
+    const ut = L(
       (x) => {
-        var ie, ue, Ne, ut;
-        const d = x;
-        if (!(!d.type || typeof d.type != "string")) {
-          if (Pe == null || Pe({ eventName: d.type, data: x }), d.type === "navigate") {
+        var re, ue, Se, ft;
+        const u = x;
+        if (!(!u.type || typeof u.type != "string")) {
+          if (Pe == null || Pe({ eventName: u.type, data: x }), u.type === "navigate") {
             if (!Ce("navigate")) {
               ke("navigate", "navigate");
               return;
             }
-            const S = typeof d.href == "string" ? d.href : null;
-            if (!S) {
+            const A = typeof u.href == "string" ? u.href : null;
+            if (!A) {
               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 (bt.current.playPageChange(), At.current) {
+            if (_t.current.playPageChange(), Mt.current) {
               try {
-                At.current(S);
-              } catch (z) {
+                Mt.current(A);
+              } catch ($) {
                 console.warn(
-                  `[LiveLayer] onNavigate threw for "${S}". Falling back. Error:`,
-                  z
+                  `[LiveLayer] onNavigate threw for "${A}". Falling back. Error:`,
+                  $
                 );
               }
               return;
             }
             if (typeof document < "u") {
-              const z = document.querySelector(
-                `a[href="${S.replace(/"/g, '\\"')}"]`
+              const $ = document.querySelector(
+                `a[href="${A.replace(/"/g, '\\"')}"]`
               );
-              if (z) {
-                z.click();
+              if ($) {
+                $.click();
                 return;
               }
             }
             if (typeof window < "u" && typeof history < "u")
               try {
-                history.pushState({}, "", S), window.dispatchEvent(new PopStateEvent("popstate"));
-              } catch (z) {
+                history.pushState({}, "", A), window.dispatchEvent(new PopStateEvent("popstate"));
+              } catch ($) {
                 console.warn(
-                  `[LiveLayer] history.pushState fallback failed for "${S}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
-                  z
+                  `[LiveLayer] history.pushState fallback failed for "${A}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
+                  $
                 );
               }
             return;
           }
-          if (d.type === "scroll_to") {
+          if (u.type === "scroll_to") {
             if (!Ce("scroll")) {
               ke("scroll_to", "scroll");
               return;
             }
-            const S = typeof d.selector == "string" ? d.selector : null;
-            if (!S) return;
-            const z = d.behavior === "instant" ? "instant" : "smooth";
-            if (Mt.current) {
+            const A = typeof u.selector == "string" ? u.selector : null;
+            if (!A) return;
+            const $ = u.behavior === "instant" ? "instant" : "smooth";
+            if (It.current) {
               try {
-                Mt.current(
-                  S,
-                  z
+                It.current(
+                  A,
+                  $
                 );
               } catch (V) {
                 console.warn("[LiveLayer] onScrollToSelector threw.", V);
@@ -3008,52 +3021,52 @@ const Hi = /* @__PURE__ */ new Set([
             if (typeof document < "u") {
               let V = null;
               try {
-                V = document.querySelector(S);
+                V = document.querySelector(A);
               } catch {
                 console.warn(
-                  `[LiveLayer] scroll_to: invalid selector "${S}".`
+                  `[LiveLayer] scroll_to: invalid selector "${A}".`
                 );
                 return;
               }
               if (!V) {
                 console.warn(
-                  `[LiveLayer] scroll_to: no element matched "${S}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
+                  `[LiveLayer] scroll_to: no element matched "${A}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
                 );
                 return;
               }
               V.scrollIntoView({
-                behavior: z,
+                behavior: $,
                 block: "start"
               });
             }
             return;
           }
-          if (d.type === "request_page_context") {
+          if (u.type === "request_page_context") {
             if (!Ce("read_page")) {
               ke("request_page_context", "read_page");
               return;
             }
-            const S = typeof d.requestId == "string" ? d.requestId : void 0, z = (ie = Le.current) == null ? void 0 : ie.call(Le), V = (Z) => {
-              const F = z, se = F == null ? void 0 : F.localParticipant;
+            const A = typeof u.requestId == "string" ? u.requestId : void 0, $ = (re = Le.current) == null ? void 0 : re.call(Le), V = (Z) => {
+              const B = $, se = B == null ? void 0 : B.localParticipant;
               if (se != null && se.publishData)
                 try {
-                  const ge = S ? { ...Z, requestId: S } : Z, Xe = new TextEncoder().encode(JSON.stringify(ge));
-                  se.publishData(Xe, { reliable: !0 });
-                } catch (ge) {
-                  console.warn("[LiveLayer] publishData failed.", ge);
+                  const me = A ? { ...Z, requestId: A } : Z, Ze = new TextEncoder().encode(JSON.stringify(me));
+                  se.publishData(Ze, { reliable: !0 });
+                } catch (me) {
+                  console.warn("[LiveLayer] publishData failed.", me);
                 }
-            }, U = Vt.current, J = jt.current;
+            }, j = Yt.current, J = Vt.current;
             try {
               if (J) {
-                const Z = J(U);
+                const Z = J(j);
                 if (Z instanceof Promise) {
-                  V({ type: "page_context_pending" }), Z.then((F) => V({ type: "page_context", context: F })).catch((F) => {
+                  V({ type: "page_context_pending" }), Z.then((B) => V({ type: "page_context", context: B })).catch((B) => {
                     console.warn(
                       "[LiveLayer] getPageContext rejected; falling back to default walker.",
-                      F
+                      B
                     ), V({
                       type: "page_context",
-                      context: Cn(U)
+                      context: kn(j)
                     });
                   });
                   return;
@@ -3063,7 +3076,7 @@ const Hi = /* @__PURE__ */ new Set([
               }
               V({
                 type: "page_context",
-                context: Cn(U)
+                context: kn(j)
               });
             } catch (Z) {
               console.warn(
@@ -3071,291 +3084,291 @@ const Hi = /* @__PURE__ */ new Set([
                 Z
               ), V({
                 type: "page_context",
-                context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: U }
+                context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: j }
               });
             }
             return;
           }
-          if (d.type === "scroll_page") {
+          if (u.type === "scroll_page") {
             if (!Ce("scroll")) {
               ke("scroll_page", "scroll");
               return;
             }
-            const S = d.direction;
-            if (S !== "up" && S !== "down" && S !== "top" && S !== "bottom") {
+            const A = u.direction;
+            if (A !== "up" && A !== "down" && A !== "top" && A !== "bottom") {
               console.warn(
-                `[LiveLayer] scroll_page: invalid direction "${String(S)}". Expected up | down | top | bottom.`
+                `[LiveLayer] scroll_page: invalid direction "${String(A)}". Expected up | down | top | bottom.`
               );
               return;
             }
-            const z = d.behavior === "instant" ? "instant" : "smooth";
-            if (It.current) {
+            const $ = u.behavior === "instant" ? "instant" : "smooth";
+            if (Rt.current) {
               try {
-                It.current(
-                  S,
-                  z
+                Rt.current(
+                  A,
+                  $
                 );
-              } catch (F) {
-                console.warn("[LiveLayer] onScrollPage threw.", F);
+              } catch (B) {
+                console.warn("[LiveLayer] onScrollPage threw.", B);
               }
               return;
             }
             if (typeof window > "u") return;
-            const V = { behavior: z }, U = zi(), J = (F) => {
-              U instanceof Window ? U.scrollBy({ top: F, ...V }) : U.scrollBy({ top: F, ...V });
-            }, Z = (F) => {
-              U instanceof Window ? U.scrollTo({ top: F, ...V }) : U.scrollTo({ top: F, ...V });
+            const V = { behavior: $ }, j = zi(), J = (B) => {
+              j instanceof Window ? j.scrollBy({ top: B, ...V }) : j.scrollBy({ top: B, ...V });
+            }, Z = (B) => {
+              j instanceof Window ? j.scrollTo({ top: B, ...V }) : j.scrollTo({ top: B, ...V });
             };
-            S === "up" ? J(-Nn(U)) : S === "down" ? J(Nn(U)) : Z(S === "top" ? 0 : $i(U));
+            A === "up" ? J(-An(j)) : A === "down" ? J(An(j)) : Z(A === "top" ? 0 : $i(j));
             return;
           }
-          if (d.type === "click") {
+          if (u.type === "click") {
             if (!Ce("click")) {
               ke("click", "click");
               return;
             }
-            const S = typeof d.selector == "string" ? d.selector : null;
-            if (!S) {
+            const A = typeof u.selector == "string" ? u.selector : null;
+            if (!A) {
               console.warn("[LiveLayer] click: missing selector.");
               return;
             }
-            if (Rt.current) {
+            if (Tt.current) {
               try {
-                Rt.current(S);
+                Tt.current(A);
               } catch (V) {
                 console.warn("[LiveLayer] onClick threw.", V);
               }
               return;
             }
             if (typeof document > "u") return;
-            let z = null;
+            let $ = null;
             try {
-              z = document.querySelector(S);
+              $ = document.querySelector(A);
             } catch {
               console.warn(
-                `[LiveLayer] click: invalid selector "${S}".`
+                `[LiveLayer] click: invalid selector "${A}".`
               );
               return;
             }
-            if (!z) {
+            if (!$) {
               console.warn(
-                `[LiveLayer] click: no element matched "${S}". See https://livelayer.studio/docs/errors/click-no-match`
+                `[LiveLayer] click: no element matched "${A}". See https://livelayer.studio/docs/errors/click-no-match`
               );
               return;
             }
-            if (z.closest('[data-ll-private="true"], .ll-widget')) {
+            if ($.closest('[data-ll-private="true"], .ll-widget')) {
               console.warn(
                 "[LiveLayer] click: refusing to click element inside a private subtree."
               );
               return;
             }
-            (ue = z.click) == null || ue.call(z);
+            (ue = $.click) == null || ue.call($);
             return;
           }
-          if (d.type === "fill_form" || d.type === "focus_field") {
+          if (u.type === "fill_form" || u.type === "focus_field") {
             if (!Ce("fill_forms")) {
-              ke(d.type, "fill_forms");
+              ke(u.type, "fill_forms");
               return;
             }
             if (typeof document > "u") return;
-            d.type === "fill_form" && bt.current.playConfirmation();
-            const S = typeof d.formId == "string" ? d.formId : null;
-            if (!S) {
-              console.warn(`[LiveLayer] ${d.type}: missing formId.`);
+            u.type === "fill_form" && _t.current.playConfirmation();
+            const A = typeof u.formId == "string" ? u.formId : null;
+            if (!A) {
+              console.warn(`[LiveLayer] ${u.type}: missing formId.`);
               return;
             }
-            const z = Sn(document, S);
-            if (!z) {
+            const $ = Nn(document, A);
+            if (!$) {
               console.warn(
-                `[LiveLayer] ${d.type}: no <form> matched id="${S}" (or matching name / data-ll-intent slug). Forms are auto-discovered — make sure the form has an \`id\`, \`name\`, or \`data-ll-intent\` attribute the agent observed in PageContext.forms.`
+                `[LiveLayer] ${u.type}: no <form> matched id="${A}" (or matching name / data-ll-intent slug). Forms are auto-discovered — make sure the form has an \`id\`, \`name\`, or \`data-ll-intent\` attribute the agent observed in PageContext.forms.`
               );
               return;
             }
-            if (z.closest('[data-ll-private="true"], [data-ll-skip], .ll-widget')) {
+            if ($.closest('[data-ll-private="true"], [data-ll-skip], .ll-widget')) {
               console.warn(
-                `[LiveLayer] ${d.type}: refusing to touch a form in a private / opted-out subtree.`
+                `[LiveLayer] ${u.type}: refusing to touch a form in a private / opted-out subtree.`
               );
               return;
             }
-            if (d.type === "focus_field") {
-              const U = typeof d.fieldName == "string" ? d.fieldName : null;
-              if (!U) {
+            if (u.type === "focus_field") {
+              const j = typeof u.fieldName == "string" ? u.fieldName : null;
+              if (!j) {
                 console.warn("[LiveLayer] focus_field: missing fieldName.");
                 return;
               }
-              const J = En(z, U);
+              const J = Sn($, j);
               if (J.el === null) {
                 J.reason === "private" ? console.warn(
-                  `[LiveLayer] focus_field: field "${U}" is privacy-protected and not focusable.`
+                  `[LiveLayer] focus_field: field "${j}" is privacy-protected and not focusable.`
                 ) : console.warn(
-                  `[LiveLayer] focus_field: no input matching key="${U}" in form "${S}". The agent should use the field.name it observed in PageContext.forms[].fields[].`
+                  `[LiveLayer] focus_field: no input matching key="${j}" in form "${A}". The agent should use the field.name it observed in PageContext.forms[].fields[].`
                 );
                 return;
               }
               J.el.focus();
               return;
             }
-            const V = d.values && typeof d.values == "object" ? d.values : null;
+            const V = u.values && typeof u.values == "object" ? u.values : null;
             if (!V) {
               console.warn("[LiveLayer] fill_form: missing or invalid values.");
               return;
             }
-            for (const [U, J] of Object.entries(V)) {
+            for (const [j, J] of Object.entries(V)) {
               if (typeof J != "string") continue;
-              const Z = En(z, U);
+              const Z = Sn($, j);
               if (Z.el === null) {
                 Z.reason === "private" ? console.warn(
-                  `[LiveLayer] fill_form: field "${U}" is privacy-protected (password / cc-* / data-ll-private). Skipping.`
+                  `[LiveLayer] fill_form: field "${j}" is privacy-protected (password / cc-* / data-ll-private). Skipping.`
                 ) : console.warn(
-                  `[LiveLayer] fill_form: no input matching key="${U}" in form "${S}". The agent should use the field.name it observed in PageContext.forms[].fields[]. Skipping.`
+                  `[LiveLayer] fill_form: no input matching key="${j}" in form "${A}". The agent should use the field.name it observed in PageContext.forms[].fields[]. Skipping.`
                 );
                 continue;
               }
               try {
                 Ii(Z.el, J);
-              } catch (F) {
+              } catch (B) {
                 console.warn(
-                  `[LiveLayer] fill_form: failed to set "${U}".`,
-                  F
+                  `[LiveLayer] fill_form: failed to set "${j}".`,
+                  B
                 );
               }
             }
             return;
           }
-          if (d.type === "submit_form") {
+          if (u.type === "submit_form") {
             if (!Ce("submit_forms")) {
               ke("submit_form", "submit_forms");
               return;
             }
             if (typeof document > "u") return;
-            const S = typeof d.formId == "string" ? d.formId : null;
-            if (!S) {
+            const A = typeof u.formId == "string" ? u.formId : null;
+            if (!A) {
               console.warn("[LiveLayer] submit_form: missing formId.");
               return;
             }
-            bt.current.playConfirmation();
-            const z = Sn(document, S);
-            if (!z) {
+            _t.current.playConfirmation();
+            const $ = Nn(document, A);
+            if (!$) {
               console.warn(
-                `[LiveLayer] submit_form: no <form> matched id="${S}" (or matching name / data-ll-intent slug).`
+                `[LiveLayer] submit_form: no <form> matched id="${A}" (or matching name / data-ll-intent slug).`
               );
               return;
             }
-            if (z.closest('[data-ll-private="true"], [data-ll-skip], .ll-widget')) {
+            if ($.closest('[data-ll-private="true"], [data-ll-skip], .ll-widget')) {
               console.warn(
                 "[LiveLayer] submit_form: refusing to submit a form in a private / opted-out subtree."
               );
               return;
             }
-            const V = typeof d.requestId == "string" ? d.requestId : void 0, U = (Ne = Le.current) == null ? void 0 : Ne.call(Le), J = (se) => {
-              const ge = U, Xe = ge == null ? void 0 : ge.localParticipant;
-              if (Xe != null && Xe.publishData)
+            const V = typeof u.requestId == "string" ? u.requestId : void 0, j = (Se = Le.current) == null ? void 0 : Se.call(Le), J = (se) => {
+              const me = j, Ze = me == null ? void 0 : me.localParticipant;
+              if (Ze != null && Ze.publishData)
                 try {
                   const rr = V ? { ...se, requestId: V } : se, ir = new TextEncoder().encode(JSON.stringify(rr));
-                  Xe.publishData(ir, { reliable: !0 });
+                  Ze.publishData(ir, { reliable: !0 });
                 } catch {
                 }
             };
             let Z = !1;
-            const F = () => {
-              Z = !0, J({ type: "form_submitted", formId: S });
+            const B = () => {
+              Z = !0, J({ type: "form_submitted", formId: A });
             };
-            z.addEventListener("submit", F, { once: !0 });
+            $.addEventListener("submit", B, { once: !0 });
             try {
-              typeof z.requestSubmit == "function" ? z.requestSubmit() : z.submit();
+              typeof $.requestSubmit == "function" ? $.requestSubmit() : $.submit();
             } catch (se) {
-              console.warn("[LiveLayer] submit_form: requestSubmit threw.", se), z.removeEventListener("submit", F), J({
+              console.warn("[LiveLayer] submit_form: requestSubmit threw.", se), $.removeEventListener("submit", B), J({
                 type: "form_submit_blocked",
-                formId: S,
+                formId: A,
                 reason: "exception"
               });
               return;
             }
             setTimeout(() => {
-              Z || (z.removeEventListener("submit", F), J({
+              Z || ($.removeEventListener("submit", B), J({
                 type: "form_submit_blocked",
-                formId: S,
+                formId: A,
                 reason: "validation"
               }));
             }, 500);
             return;
           }
-          if (d.type === "request_routes") {
+          if (u.type === "request_routes") {
             if (!Ce("read_page")) {
               ke("request_routes", "read_page");
               return;
             }
-            const S = typeof d.requestId == "string" ? d.requestId : void 0, V = (ut = Le.current) == null ? void 0 : ut.call(Le), U = V == null ? void 0 : V.localParticipant;
-            if (!(U != null && U.publishData)) return;
-            const J = (F) => {
+            const A = typeof u.requestId == "string" ? u.requestId : void 0, V = (ft = Le.current) == null ? void 0 : ft.call(Le), j = V == null ? void 0 : V.localParticipant;
+            if (!(j != null && j.publishData)) return;
+            const J = (B) => {
               try {
-                const se = S ? { type: "routes", routes: F, requestId: S } : { type: "routes", routes: F }, ge = new TextEncoder().encode(JSON.stringify(se));
-                U.publishData(ge, { reliable: !0 });
+                const se = A ? { type: "routes", routes: B, requestId: A } : { type: "routes", routes: B }, me = new TextEncoder().encode(JSON.stringify(se));
+                j.publishData(me, { reliable: !0 });
               } catch (se) {
                 console.warn("[LiveLayer] request_routes: publishData failed.", se);
               }
-            }, Z = Yt.current;
+            }, Z = Gt.current;
             if (Z) {
               try {
-                const F = Z(), se = (ge) => {
-                  if (!Array.isArray(ge)) {
+                const B = Z(), se = (me) => {
+                  if (!Array.isArray(me)) {
                     J([]);
                     return;
                   }
-                  J(ge.map(Li).slice(0, 200));
+                  J(me.map(Li).slice(0, 200));
                 };
-                F instanceof Promise ? F.then(se).catch((ge) => {
+                B instanceof Promise ? B.then(se).catch((me) => {
                   console.warn(
                     "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
-                    ge
-                  ), J(Ht());
-                }) : se(F);
-              } catch (F) {
+                    me
+                  ), J(Ot());
+                }) : se(B);
+              } catch (B) {
                 console.warn(
                   "[LiveLayer] getRoutes threw; falling back to DOM walker.",
-                  F
-                ), J(Ht());
+                  B
+                ), J(Ot());
               }
               return;
             }
             try {
-              J(Ht());
-            } catch (F) {
-              console.warn("[LiveLayer] request_routes: extractRoutes threw.", F);
+              J(Ot());
+            } catch (B) {
+              console.warn("[LiveLayer] request_routes: extractRoutes threw.", B);
             }
             return;
           }
-          if (d.type === "task_field_updated") {
+          if (u.type === "task_field_updated") {
             if (!Ce("collect_data")) {
               ke("task_field_updated", "collect_data");
               return;
             }
-            const S = {
+            const A = {
               phase: "field",
-              fieldId: typeof d.fieldId == "string" ? d.fieldId : "",
-              fieldName: typeof d.fieldName == "string" ? d.fieldName : typeof d.fieldId == "string" ? d.fieldId : "",
-              value: typeof d.value == "string" ? d.value : "",
-              kind: typeof d.kind == "string" ? d.kind : "text",
-              source: d.source === "slide" ? "slide" : d.source === "page" ? "page" : "agent",
-              ...typeof d.slideId == "string" ? { slideId: d.slideId } : {},
-              ...typeof d.formId == "string" ? { formId: d.formId } : {}
+              fieldId: typeof u.fieldId == "string" ? u.fieldId : "",
+              fieldName: typeof u.fieldName == "string" ? u.fieldName : typeof u.fieldId == "string" ? u.fieldId : "",
+              value: typeof u.value == "string" ? u.value : "",
+              kind: typeof u.kind == "string" ? u.kind : "text",
+              source: u.source === "slide" ? "slide" : u.source === "page" ? "page" : "agent",
+              ...typeof u.slideId == "string" ? { slideId: u.slideId } : {},
+              ...typeof u.formId == "string" ? { formId: u.formId } : {}
             };
             if (typeof document < "u")
               try {
                 document.dispatchEvent(
-                  new CustomEvent("ll-collected", { detail: S })
+                  new CustomEvent("ll-collected", { detail: A })
                 );
               } catch {
               }
             return;
           }
-          if (d.type === "task_completed") {
+          if (u.type === "task_completed") {
             if (!Ce("collect_data")) {
               ke("task_completed", "collect_data");
               return;
             }
-            const S = d.result;
-            if (!S || typeof S != "object") {
+            const A = u.result;
+            if (!A || typeof A != "object") {
               console.warn(
                 "[LiveLayer] task_completed missing `result` payload."
               );
@@ -3365,66 +3378,66 @@ const Hi = /* @__PURE__ */ new Set([
               try {
                 document.dispatchEvent(
                   new CustomEvent("ll-collected", {
-                    detail: { phase: "complete", result: S }
+                    detail: { phase: "complete", result: A }
                   })
                 );
               } catch {
               }
             try {
-              Fe == null || Fe(
-                S
+              Be == null || Be(
+                A
               );
-            } catch (z) {
-              console.warn("[LiveLayer] onCollect threw.", z);
+            } catch ($) {
+              console.warn("[LiveLayer] onCollect threw.", $);
             }
             return;
           }
-          Hi.has(d.type) || De == null || De(d);
+          Hi.has(u.type) || De == null || De(u);
         }
       },
-      [De, Pe, Fe]
+      [De, Pe, Be]
     ), ae = pr({
-      agentId: O ? "__controlled__" : ot,
+      agentId: W ? "__controlled__" : st,
       baseUrl: o,
-      apiKey: a,
+      apiKey: l,
       sessionEndpoint: s,
-      sessionBody: l,
-      onDataMessage: O ? void 0 : ct
+      sessionBody: a,
+      onDataMessage: W ? void 0 : ut
     });
     P(() => {
-      if (O != null && O.subscribeToDataMessages)
-        return O.subscribeToDataMessages(ct);
-    }, [O, ct]), Le.current = () => {
+      if (W != null && W.subscribeToDataMessages)
+        return W.subscribeToDataMessages(ut);
+    }, [W, ut]), Le.current = () => {
       var x;
       return (x = ae.getRoom) == null ? void 0 : x.call(ae);
     }, P(() => {
-      var ie;
+      var re;
       if (typeof window > "u") return;
-      const x = ((ie = window.location) == null ? void 0 : ie.hostname) || "";
+      const x = ((re = window.location) == null ? void 0 : re.hostname) || "";
       if (x === "localhost" || x === "127.0.0.1" || x === "0.0.0.0" || x.endsWith(".local") || x.endsWith(".test"))
         return window.__livelayerSimulateCommand = (ue) => {
           try {
-            ct(ue);
-          } catch (Ne) {
-            console.warn("[LiveLayer] simulate-command threw:", Ne);
+            ut(ue);
+          } catch (Se) {
+            console.warn("[LiveLayer] simulate-command threw:", Se);
           }
         }, () => {
           delete window.__livelayerSimulateCommand;
         };
-    }, [ct]);
-    const N = Qe(() => O ? {
-      connectionState: O.connectionState,
-      agentState: O.agentState,
-      transcript: O.transcript,
-      videoElement: O.videoElement,
-      audioElement: O.audioElement,
-      canResume: O.canResume,
-      error: O.error,
+    }, [ut]);
+    const N = nt(() => W ? {
+      connectionState: W.connectionState,
+      agentState: W.agentState,
+      transcript: W.transcript,
+      videoElement: W.videoElement,
+      audioElement: W.audioElement,
+      canResume: W.canResume,
+      error: W.error,
       agentConfig: null,
       connect: async () => {
-        await O.onConnect();
+        await W.onConnect();
       },
-      disconnect: () => O.onDisconnect(),
+      disconnect: () => W.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.
@@ -3443,288 +3456,293 @@ const Hi = /* @__PURE__ */ new Set([
       disconnect: ae.disconnect,
       getRoom: ae.getRoom,
       isControlled: !1
-    }, [O, ae]), Gt = I(N);
-    Gt.current = N;
-    const Xt = I(O);
-    Xt.current = O, lr(
+    }, [W, ae]), Xt = I(N);
+    Xt.current = N;
+    const Kt = I(W);
+    Kt.current = W, lr(
       r,
       () => ({
         sendData: async (x) => {
-          var Ne, ut;
-          const d = Xt.current;
-          if (d != null && d.publishData) {
+          var Se, ft;
+          const u = Kt.current;
+          if (u != null && u.publishData) {
             try {
-              await d.publishData(x);
-            } catch (S) {
-              console.warn("[AvatarWidget] sendData (controlled) failed:", S);
+              await u.publishData(x);
+            } catch (A) {
+              console.warn("[AvatarWidget] sendData (controlled) failed:", A);
             }
             return;
           }
-          const ie = (ut = (Ne = Gt.current) == null ? void 0 : Ne.getRoom) == null ? void 0 : ut.call(Ne), ue = ie == null ? void 0 : ie.localParticipant;
+          const re = (ft = (Se = Xt.current) == null ? void 0 : Se.getRoom) == null ? void 0 : ft.call(Se), ue = re == null ? void 0 : re.localParticipant;
           if (ue != null && ue.publishData)
             try {
-              const S = new TextEncoder().encode(JSON.stringify(x));
-              await ue.publishData(S, { reliable: !0 });
-            } catch (S) {
-              console.warn("[AvatarWidget] sendData failed:", S);
+              const A = new TextEncoder().encode(JSON.stringify(x));
+              await ue.publishData(A, { reliable: !0 });
+            } catch (A) {
+              console.warn("[AvatarWidget] sendData failed:", A);
             }
         }
       }),
       []
     );
-    const Kt = I(null);
+    const Jt = I(null);
     P(() => {
-      const x = N.videoElement, d = Kt.current;
-      if (!(!x || !d))
-        return d.appendChild(x), () => {
-          x.parentNode === d && d.removeChild(x);
+      const x = N.videoElement, u = Jt.current;
+      if (!(!x || !u))
+        return u.appendChild(x), () => {
+          x.parentNode === u && u.removeChild(x);
         };
     }, [N.videoElement]), P(() => {
       const x = N.audioElement;
       if (!x) return;
-      const d = document.createElement("div");
-      d.className = "ll-audio-sink", d.setAttribute("aria-hidden", "true"), d.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none;", d.appendChild(x), document.body.appendChild(d), He.attach(x);
-      const ie = x.play();
-      return ie && typeof ie.catch == "function" && ie.catch((ue) => {
-        (ue == null ? void 0 : ue.name) === "NotAllowedError" && Ye(!0);
+      const u = document.createElement("div");
+      u.className = "ll-audio-sink", u.setAttribute("aria-hidden", "true"), u.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none;", u.appendChild(x), document.body.appendChild(u), He.attach(x);
+      const re = x.play();
+      return re && typeof re.catch == "function" && re.catch((ue) => {
+        (ue == null ? void 0 : ue.name) === "NotAllowedError" && Ge(!0);
       }), () => {
-        He.detach(), x.parentNode === d && d.removeChild(x), d.parentNode === document.body && document.body.removeChild(d);
+        He.detach(), x.parentNode === u && u.removeChild(x), u.parentNode === document.body && document.body.removeChild(u);
       };
-    }, [N.audioElement]), P(() => {
+    }, [N.audioElement]);
+    const ye = gr({
+      gateUntilAgentReady: !0,
+      agentState: N.agentState
+    });
+    P(() => {
       if (N.isControlled || N.connectionState !== "connected") return;
       const x = N.getRoom();
       if (x)
-        return de.setupMic(x).then(() => {
-          const d = de.getMicStream();
-          d && He.attachStream(d, "mic");
+        return ye.setupMic(x).then(() => {
+          const u = ye.getMicStream();
+          u && He.attachStream(u, "mic");
         }).catch(() => {
         }), () => {
-          He.detachSlot("mic"), de.teardownMic();
+          He.detachSlot("mic"), ye.teardownMic();
         };
     }, [N.isControlled, N.connectionState]), P(() => {
-      var d;
+      var u;
       if (N.connectionState !== "connected") return;
-      const x = N.isControlled ? (d = O == null ? void 0 : O.getRoom) == null ? void 0 : d.call(O) : N.getRoom();
+      const x = N.isControlled ? (u = W == null ? void 0 : W.getRoom) == null ? void 0 : u.call(W) : N.getRoom();
       if (x)
-        return Se.attachRoom(x), ve.attachRoom(x), N.isControlled && de.attachRoom(x), xe.refresh(), () => {
-          Se.teardown(), ve.teardown();
+        return _e.attachRoom(x), Oe.attachRoom(x), N.isControlled && ye.attachRoom(x), xe.refresh(), () => {
+          _e.teardown(), Oe.teardown();
         };
-    }, [N.isControlled, N.connectionState, O]), P(() => {
+    }, [N.isControlled, N.connectionState, W]), P(() => {
       const x = N.audioElement;
-      x && (x.muted = Nt);
-    }, [N.audioElement, Nt]);
+      x && (x.muted = At);
+    }, [N.audioElement, At]);
     const Un = L((x) => {
-      const d = { type: "user_message", text: x };
-      if (O != null && O.publishData) {
+      const u = { type: "user_message", text: x };
+      if (W != null && W.publishData) {
         try {
-          O.publishData(d);
+          W.publishData(u);
         } catch {
         }
         return;
       }
-      const ie = N.getRoom();
-      if (ie)
+      const re = N.getRoom();
+      if (re)
         try {
-          const ue = new TextEncoder().encode(JSON.stringify(d));
-          ie.localParticipant.publishData(ue, { reliable: !0 });
+          const ue = new TextEncoder().encode(JSON.stringify(u));
+          re.localParticipant.publishData(ue, { reliable: !0 });
         } catch {
         }
-    }, [N, O]), jn = L(() => {
+    }, [N, W]), jn = L(() => {
       qn((x) => !x);
     }, []);
     P(() => {
-      Te == null || Te(N.connectionState), N.connectionState === "connected" ? Me == null || Me() : N.connectionState === "disconnected" && (We == null || We());
-    }, [N.connectionState, Me, We, Te]), P(() => {
+      Te == null || Te(N.connectionState), N.connectionState === "connected" ? Me == null || Me() : N.connectionState === "disconnected" && (Fe == null || Fe());
+    }, [N.connectionState, Me, Fe, Te]), P(() => {
       Ie == null || Ie(N.transcript);
     }, [N.transcript, Ie]), P(() => {
       Re == null || Re(N.agentState);
     }, [N.agentState, Re]), P(() => {
       wt.setThinking(N.agentState === "thinking");
     }, [N.agentState, wt]);
-    const Jt = I(!1);
+    const Zt = I(!1);
     P(() => {
-      !_ || Jt.current || it && N.connectionState === "idle" && (Jt.current = !0, N.connect());
-    }, [_, N.connectionState, N, it]);
+      !v || Zt.current || at && N.connectionState === "idle" && (Zt.current = !0, N.connect());
+    }, [v, N.connectionState, N, at]);
     const Vn = L(
       (x) => {
-        const d = E == null ? void 0 : E.find((ie) => ie.id === x);
-        d && (re(!1), x !== Ae && (st(!0), N.disconnect(), $e || Et(x), w == null || w(d)));
+        const u = y == null ? void 0 : y.find((re) => re.id === x);
+        u && (w(!1), x !== Ne && (bt(!0), N.disconnect(), $e || St(x), m == null || m(u)));
       },
       [
-        E,
-        Ae,
+        y,
+        Ne,
         N,
         $e,
-        w
+        m
       ]
     );
     P(() => {
-      at && N.connectionState === "connected" && st(!1);
-    }, [N.connectionState, at]), P(() => {
-      if (!v) return;
-      const x = (d) => {
-        d.key === "Escape" && re(!1);
+      Xe && N.connectionState === "connected" && bt(!1);
+    }, [N.connectionState, Xe]), P(() => {
+      if (!Ke) return;
+      const x = (u) => {
+        u.key === "Escape" && w(!1);
       };
       return window.addEventListener("keydown", x), () => window.removeEventListener("keydown", x);
-    }, [v]);
-    const Yn = !!K || !!(pe != null && pe.avatarImageUrl) || N.isControlled, dt = _r(ot, o, Yn);
-    rt === void 0 && ((tn = dt.info) != null && tn.capabilities) && (Tt.current = dt.info.capabilities);
-    const _t = (pe == null ? void 0 : pe.name) ?? le ?? ((nn = N.agentConfig) == null ? void 0 : nn.name) ?? ((rn = dt.info) == null ? void 0 : rn.name) ?? "Live Layer", Pt = (pe == null ? void 0 : pe.avatarImageUrl) ?? K ?? ((on = N.agentConfig) == null ? void 0 : on.avatarImageUrl) ?? ((ln = dt.info) == null ? void 0 : ln.avatarImageUrl) ?? null, Gn = $ ?? ((an = N.agentConfig) == null ? void 0 : an.idleLoopUrl) ?? ((sn = dt.info) == null ? void 0 : sn.idleLoopUrl) ?? null, Xn = W ?? null, Kn = L(() => _e("expanded"), [_e]), Jn = L(
-      () => _e("minimized"),
-      [_e]
-    ), Zt = L(() => {
-      N.disconnect(), _e("hidden");
-    }, [N, _e]), Zn = L(() => {
+    }, [Ke]);
+    const Yn = !!K || !!(fe != null && fe.avatarImageUrl) || N.isControlled, dt = _r(st, o, Yn);
+    lt === void 0 && ((nn = dt.info) != null && nn.capabilities) && (Pt.current = dt.info.capabilities);
+    const xt = (fe == null ? void 0 : fe.name) ?? oe ?? ((rn = N.agentConfig) == null ? void 0 : rn.name) ?? ((on = dt.info) == null ? void 0 : on.name) ?? "Live Layer", Dt = (fe == null ? void 0 : fe.avatarImageUrl) ?? K ?? ((ln = N.agentConfig) == null ? void 0 : ln.avatarImageUrl) ?? ((an = dt.info) == null ? void 0 : an.avatarImageUrl) ?? null, Gn = D ?? ((sn = N.agentConfig) == null ? void 0 : sn.idleLoopUrl) ?? ((cn = dt.info) == null ? void 0 : cn.idleLoopUrl) ?? null, Xn = F ?? null, Kn = L(() => we("expanded"), [we]), Jn = L(
+      () => we("minimized"),
+      [we]
+    ), Qt = L(() => {
+      N.disconnect(), we("hidden");
+    }, [N, we]), Zn = L(() => {
       const x = N.audioElement;
-      x && x.play().then(() => Ye(!1)).catch(() => {
+      x && x.play().then(() => Ge(!1)).catch(() => {
       });
     }, [N.audioElement]), Qn = L(() => {
-      Ye(!1), N.connect();
-    }, [N]), Ge = {
+      Ge(!1), N.connect();
+    }, [N]), Je = {
       ...ze,
-      ...ce ? {} : { zIndex: qe }
+      ...ce ? {} : { zIndex: Ue }
     };
-    D.primaryColor && (Ge["--ll-color-primary"] = D.primaryColor), D.accentColor && (Ge["--ll-color-accent"] = D.accentColor), D.backgroundColor && (Ge["--ll-color-bg"] = D.backgroundColor), D.textColor && (Ge["--ll-color-fg"] = D.textColor);
+    z.primaryColor && (Je["--ll-color-primary"] = z.primaryColor), z.accentColor && (Je["--ll-color-accent"] = z.accentColor), z.backgroundColor && (Je["--ll-color-bg"] = z.backgroundColor), z.textColor && (Je["--ll-color-fg"] = z.textColor);
     const er = {
-      ...Ge,
+      ...Je,
       ...Ee.style
     }, tr = [
       "ll-widget",
-      `ll-widget--${me}`,
-      `ll-widget--${he ? "mobile" : "desktop"}`,
+      `ll-widget--${he}`,
+      `ll-widget--${pe ? "mobile" : "desktop"}`,
       Ee.hasGeometry ? "ll-widget--has-geometry" : null,
       Ee.isDragging ? "is-dragging" : null,
       Ee.isResizing ? "is-resizing" : null,
-      Be
+      qe
     ].filter(Boolean).join(" ");
-    if (!it) return null;
+    if (!at) return null;
     const nr = /* @__PURE__ */ n(
       "div",
       {
         className: tr,
         style: er,
-        "data-display-mode": me,
-        "data-position": b,
-        "data-experience-mode": f === "EMBEDDED" ? "embedded" : "widget",
-        children: me === "expanded" && /* @__PURE__ */ n(
+        "data-display-mode": he,
+        "data-position": _,
+        "data-experience-mode": d === "EMBEDDED" ? "embedded" : "widget",
+        children: he === "expanded" && /* @__PURE__ */ n(
           si,
           {
-            position: b,
-            isMobile: he,
-            agentName: _t,
-            avatarImageUrl: Pt,
+            position: _,
+            isMobile: pe,
+            agentName: xt,
+            avatarImageUrl: Dt,
             idleLoopUrl: Gn,
             greeting: Xn,
-            branding: D,
-            teamMembers: E,
-            currentTeamMemberId: Ae,
-            isSwitchingTeamMember: at,
-            teamSwitcherOpen: v,
-            onToggleTeamSwitcher: () => re((x) => !x),
+            branding: z,
+            teamMembers: y,
+            currentTeamMemberId: Ne,
+            isSwitchingTeamMember: Xe,
+            teamSwitcherOpen: Ke,
+            onToggleTeamSwitcher: () => w((x) => !x),
             onSelectTeamMember: Vn,
             connectionState: N.connectionState,
             agentState: N.agentState,
             transcript: N.transcript,
-            isMuted: de.isMuted,
+            isMuted: ye.isMuted,
             micDevices: xe.mics,
-            activeMicId: de.activeDeviceId,
-            isCameraEnabled: Se.isEnabled,
-            cameraPreviewEl: Se.previewEl,
+            activeMicId: ye.activeDeviceId,
+            isCameraEnabled: _e.isEnabled,
+            cameraPreviewEl: _e.previewEl,
             cameraDevices: xe.cameras,
-            activeCameraId: Se.activeDeviceId,
-            isScreenShareEnabled: ve.isEnabled,
-            screenPreviewEl: ve.previewEl,
-            isSpeakerMuted: Nt,
+            activeCameraId: _e.activeDeviceId,
+            isScreenShareEnabled: Oe.isEnabled,
+            screenPreviewEl: Oe.previewEl,
+            isSpeakerMuted: At,
             allowCamera: G,
-            allowScreenShare: u,
-            allowTyping: k,
-            showMinimize: he && !ce ? !1 : gt,
-            showClose: yt,
+            allowScreenShare: f,
+            allowTyping: S,
+            showMinimize: pe && !ce ? !1 : yt,
+            showClose: vt,
             chromeless: X,
-            compactControls: St,
+            compactControls: Nt,
             transforming: te,
-            transformingLabel: oe,
-            languageMenuOpen: Fn,
+            transformingLabel: ie,
+            languageMenuOpen: le,
             onToggleLanguageMenu: () => Bn((x) => !x),
-            needsUserGesture: vt,
+            needsUserGesture: Ae,
             canResume: N.canResume,
-            micError: de.micError,
+            micError: ye.micError,
             error: N.error,
-            avatarVideoContainerRef: Kt,
+            avatarVideoContainerRef: Jt,
             agentVideoEl: N.videoElement,
             onConnect: () => void N.connect(),
             onDisconnect: () => N.disconnect(),
             onRetry: Qn,
             onResumeAudio: Zn,
-            onToggleMute: de.toggleMute,
-            onSwitchMicDevice: (x) => void de.switchDevice(x),
-            onToggleCamera: () => void Se.toggle(),
-            onSwitchCameraDevice: (x) => void Se.switchDevice(x),
-            onToggleScreenShare: () => void ve.toggle(),
+            onToggleMute: ye.toggleMute,
+            onSwitchMicDevice: (x) => void ye.switchDevice(x),
+            onToggleCamera: () => void _e.toggle(),
+            onSwitchCameraDevice: (x) => void _e.switchDevice(x),
+            onToggleScreenShare: () => void Oe.toggle(),
             onToggleSpeaker: jn,
             onSendMessage: Un,
             onMinimize: Jn,
-            onClose: Zt,
-            onClearMicError: de.clearError,
+            onClose: Qt,
+            onClearMicError: ye.clearError,
             dragHandleProps: Ee.dragHandleProps,
             resizeHandleProps: Ee.resizeHandleProps
           }
         )
       }
-    ), Qt = !ce && (me === "hidden" || me === "minimized") ? /* @__PURE__ */ C(
+    ), en = !ce && (he === "hidden" || he === "minimized") ? /* @__PURE__ */ C(
       "div",
       {
         className: [
           "ll-widget",
           "ll-widget--floating",
-          `ll-widget--${me}`,
-          `ll-widget--${he ? "mobile" : "desktop"}`
+          `ll-widget--${he}`,
+          `ll-widget--${pe ? "mobile" : "desktop"}`
         ].join(" "),
-        style: Ge,
-        "data-display-mode": me,
-        "data-position": b,
+        style: Je,
+        "data-display-mode": he,
+        "data-position": _,
         children: [
-          me === "hidden" && /* @__PURE__ */ n(
+          he === "hidden" && /* @__PURE__ */ n(
             Jr,
             {
-              position: b,
-              isMobile: he,
+              position: _,
+              isMobile: pe,
               isSpeaking: N.agentState === "speaking",
-              onExpand: () => _e("expanded"),
-              label: `Open ${_t} widget`,
-              avatarImageUrl: Pt,
-              agentName: _t,
+              onExpand: () => we("expanded"),
+              label: `Open ${xt} widget`,
+              avatarImageUrl: Dt,
+              agentName: xt,
               containerEl: Q
             }
           ),
-          me === "minimized" && /* @__PURE__ */ n(
+          he === "minimized" && /* @__PURE__ */ n(
             Qr,
             {
-              position: b,
-              isMobile: he,
-              agentName: _t,
-              avatarImageUrl: Pt,
+              position: _,
+              isMobile: pe,
+              agentName: xt,
+              avatarImageUrl: Dt,
               agentState: N.agentState,
-              isMuted: de.isMuted,
+              isMuted: ye.isMuted,
               audioLevel: He,
               onExpand: Kn,
-              onToggleMute: de.toggleMute,
-              onClose: Zt
+              onToggleMute: ye.toggleMute,
+              onClose: Qt
             }
           )
         ]
       }
-    ) : null, en = Q ?? (typeof document < "u" ? document.body : null);
-    return /* @__PURE__ */ C(Oe, { children: [
+    ) : null, tn = Q ?? (typeof document < "u" ? document.body : null);
+    return /* @__PURE__ */ C(We, { children: [
       nr,
-      Qt && en && Bt(Qt, en)
+      en && tn && qt(en, tn)
     ] });
   }
 );
-Wn.displayName = "AvatarWidgetInner";
-const Oi = Ft(
+Fn.displayName = "AvatarWidgetInner";
+const Oi = Bt(
   function(t, r) {
-    return /* @__PURE__ */ n(fr, { children: /* @__PURE__ */ n(Wn, { ...t, ref: r }) });
+    return /* @__PURE__ */ n(fr, { children: /* @__PURE__ */ n(Fn, { ...t, ref: r }) });
   }
 );
 Oi.displayName = "AvatarWidget";
@@ -3733,36 +3751,36 @@ const Ki = ({
   baseUrl: t,
   apiKey: r,
   mode: i,
-  onAgentEvent: a,
+  onAgentEvent: l,
   className: o,
   style: s
 }) => {
-  const l = I(null), c = I(null), f = I(a);
-  f.current = a;
-  const _ = L((g) => {
+  const a = I(null), c = I(null), d = I(l);
+  d.current = l;
+  const v = L((p) => {
     var T;
-    const h = g.detail;
-    (T = f.current) == null || T.call(f, h);
+    const h = p.detail;
+    (T = d.current) == null || T.call(d, h);
   }, []);
   return P(() => {
-    const g = l.current;
-    if (!g) return;
+    const p = a.current;
+    if (!p) return;
     const h = document.createElement("livelayer-widget");
-    return h.setAttribute("agent-id", e), t && h.setAttribute("base-url", t), r && h.setAttribute("api-key", r), i && h.setAttribute("mode", i), h.addEventListener("agent-event", _), g.appendChild(h), c.current = h, () => {
-      h.removeEventListener("agent-event", _), g.removeChild(h), c.current = null;
+    return h.setAttribute("agent-id", e), t && h.setAttribute("base-url", t), r && h.setAttribute("api-key", r), i && h.setAttribute("mode", i), h.addEventListener("agent-event", v), p.appendChild(h), c.current = h, () => {
+      h.removeEventListener("agent-event", v), p.removeChild(h), c.current = null;
     };
   }, [e]), P(() => {
     c.current && (i ? c.current.setAttribute("mode", i) : c.current.removeAttribute("mode"));
-  }, [i]), /* @__PURE__ */ n("div", { ref: l, className: o, style: s });
-}, Ji = Ft(
-  function({ id: t, intent: r, as: i = "div", className: a, style: o, children: s }, l) {
+  }, [i]), /* @__PURE__ */ n("div", { ref: a, className: o, style: s });
+}, Ji = Bt(
+  function({ id: t, intent: r, as: i = "div", className: l, style: o, children: s }, a) {
     return ar(
       i,
       {
-        ref: l,
+        ref: a,
         "data-ll-region": t,
         "data-ll-intent": r,
-        className: a,
+        className: l,
         style: o
       },
       s
@@ -3770,59 +3788,59 @@ const Ki = ({
   }
 );
 function Zi(e = {}) {
-  const { onFieldUpdate: t, onComplete: r, source: i = "all" } = e, [a, o] = M({}), [s, l] = M(!1), [c, f] = M(null), _ = I(t), g = I(r), h = I(i);
+  const { onFieldUpdate: t, onComplete: r, source: i = "all" } = e, [l, o] = M({}), [s, a] = M(!1), [c, d] = M(null), v = I(t), p = I(r), h = I(i);
   P(() => {
-    _.current = t, g.current = r, h.current = i;
+    v.current = t, p.current = r, h.current = i;
   }, [t, r, i]);
   const T = L(() => {
-    o({}), l(!1);
+    o({}), a(!1);
   }, []);
   return P(() => {
     if (typeof window > "u") return;
-    const b = (y) => {
-      var m, A;
-      const p = y.detail;
-      if (p) {
-        if (p.phase === "field") {
-          if (h.current !== "all" && p.source !== h.current)
+    const _ = (E) => {
+      var b, R;
+      const g = E.detail;
+      if (g) {
+        if (g.phase === "field") {
+          if (h.current !== "all" && g.source !== h.current)
             return;
-          l(!0), o(
-            (R) => R[p.fieldName] === p.value ? R : { ...R, [p.fieldName]: p.value }
+          a(!0), o(
+            (k) => k[g.fieldName] === g.value ? k : { ...k, [g.fieldName]: g.value }
           );
           try {
-            (m = _.current) == null || m.call(_, p);
-          } catch (R) {
-            console.warn("[LiveLayer] useCollect onFieldUpdate threw.", R);
+            (b = v.current) == null || b.call(v, g);
+          } catch (k) {
+            console.warn("[LiveLayer] useCollect onFieldUpdate threw.", k);
           }
           return;
         }
-        if (p.phase === "complete") {
-          const R = p.result;
-          if (h.current !== "all" && R.source !== h.current)
+        if (g.phase === "complete") {
+          const k = g.result;
+          if (h.current !== "all" && k.source !== h.current)
             return;
-          f(R), l(!1);
+          d(k), a(!1);
           try {
-            (A = g.current) == null || A.call(g, R);
-          } catch (E) {
-            console.warn("[LiveLayer] useCollect onComplete threw.", E);
+            (R = p.current) == null || R.call(p, k);
+          } catch (y) {
+            console.warn("[LiveLayer] useCollect onComplete threw.", y);
           }
         }
       }
     };
-    return document.addEventListener("ll-collected", b), () => document.removeEventListener("ll-collected", b);
-  }, []), { fields: a, isCollecting: s, lastResult: c, reset: T };
+    return document.addEventListener("ll-collected", _), () => document.removeEventListener("ll-collected", _);
+  }, []), { fields: l, isCollecting: s, lastResult: c, reset: T };
 }
-let An = 1;
+let Mn = 1;
 function Qi({
   onMount: e,
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [i, a] = M(t), [o, s] = M([]), [l, c] = M(""), [f, _] = M(!1), g = I(/* @__PURE__ */ new Set()), h = I([]), T = I(f);
-  T.current = f, P(() => {
+  const [i, l] = M(t), [o, s] = M([]), [a, c] = M(""), [d, v] = M(!1), p = I(/* @__PURE__ */ new Set()), h = I([]), T = I(d);
+  T.current = d, P(() => {
     try {
-      const p = localStorage.getItem(r);
-      p === "1" && a(!0), p === "0" && a(!1);
+      const g = localStorage.getItem(r);
+      g === "1" && l(!0), g === "0" && l(!1);
     } catch {
     }
   }, [r]), P(() => {
@@ -3831,55 +3849,55 @@ function Qi({
     } catch {
     }
   }, [i, r]), P(() => {
-    const p = (m) => {
-      (m.metaKey || m.ctrlKey) && m.shiftKey && m.key.toLowerCase() === "l" && (m.preventDefault(), a((A) => !A));
+    const g = (b) => {
+      (b.metaKey || b.ctrlKey) && b.shiftKey && b.key.toLowerCase() === "l" && (b.preventDefault(), l((R) => !R));
     };
-    return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
+    return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
   }, []), P(() => {
-    const p = setInterval(() => {
+    const g = setInterval(() => {
       if (h.current.length === 0 || T.current) return;
-      const m = h.current.splice(0, h.current.length);
+      const b = h.current.splice(0, h.current.length);
       s(
-        (A) => [...m.reverse(), ...A].slice(0, 200)
+        (R) => [...b.reverse(), ...R].slice(0, 200)
       );
     }, 100);
-    return () => clearInterval(p);
+    return () => clearInterval(g);
   }, []);
-  const b = I(!1);
+  const _ = I(!1);
   if (P(() => {
-    !e || b.current || (b.current = !0, e((p) => {
+    !e || _.current || (_.current = !0, e((g) => {
       h.current.push({
-        id: An++,
+        id: Mn++,
         ts: Date.now(),
         kind: "event",
-        type: p.eventName,
-        data: p.data
+        type: g.eventName,
+        data: g.data
       });
     }));
   }, [e]), P(() => {
-    const p = console.warn, m = console.log, A = (R, E) => function(...j) {
+    const g = console.warn, b = console.log, R = (k, y) => function(...H) {
       try {
-        const w = typeof j[0] == "string" ? j[0] : "";
-        w.startsWith("[LiveLayer]") && h.current.push({
-          id: An++,
+        const m = typeof H[0] == "string" ? H[0] : "";
+        m.startsWith("[LiveLayer]") && h.current.push({
+          id: Mn++,
           ts: Date.now(),
-          kind: R,
-          type: w.slice(0, 120),
-          data: { args: j.slice(1).map(($) => Fi($)) }
+          kind: k,
+          type: m.slice(0, 120),
+          data: { args: H.slice(1).map((D) => Fi(D)) }
         });
       } catch {
       }
-      return E.apply(this, j);
+      return y.apply(this, H);
     };
-    return console.warn = A("warn", p), console.log = A("log", m), () => {
-      console.warn = p, console.log = m;
+    return console.warn = R("warn", g), console.log = R("log", b), () => {
+      console.warn = g, console.log = b;
     };
   }, []), !i)
     return /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        onClick: () => a(!0),
+        onClick: () => l(!0),
         title: "Open LiveLayer debug panel (Cmd/Ctrl + Shift + L)",
         "aria-label": "Open LiveLayer debug panel",
         style: {
@@ -3901,10 +3919,10 @@ function Qi({
         children: "🛰 LL debug"
       }
     );
-  const y = o.filter((p) => {
-    if (!l) return !0;
-    const m = l.toLowerCase();
-    return p.type.toLowerCase().includes(m) || JSON.stringify(p.data || {}).toLowerCase().includes(m);
+  const E = o.filter((g) => {
+    if (!a) return !0;
+    const b = a.toLowerCase();
+    return g.type.toLowerCase().includes(b) || JSON.stringify(g.data || {}).toLowerCase().includes(b);
   });
   return /* @__PURE__ */ C(
     "div",
@@ -3951,10 +3969,10 @@ function Qi({
                 "button",
                 {
                   type: "button",
-                  onClick: () => _((p) => !p),
-                  style: Ot(f ? "#f59e0b" : "transparent"),
+                  onClick: () => v((g) => !g),
+                  style: Wt(d ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
-                  children: f ? "▶ resume" : "⏸ pause"
+                  children: d ? "▶ resume" : "⏸ pause"
                 }
               ),
               /* @__PURE__ */ n(
@@ -3964,7 +3982,7 @@ function Qi({
                   onClick: () => {
                     s([]), h.current = [];
                   },
-                  style: Ot("transparent"),
+                  style: Wt("transparent"),
                   title: "Clear buffer",
                   children: "clear"
                 }
@@ -3973,8 +3991,8 @@ function Qi({
                 "button",
                 {
                   type: "button",
-                  onClick: () => a(!1),
-                  style: Ot("transparent"),
+                  onClick: () => l(!1),
+                  style: Wt("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
                   children: "✕"
@@ -3987,8 +4005,8 @@ function Qi({
           "input",
           {
             type: "text",
-            value: l,
-            onChange: (p) => c(p.target.value),
+            value: a,
+            onChange: (g) => c(g.target.value),
             placeholder: "filter by type or data…",
             style: {
               margin: 8,
@@ -4010,7 +4028,7 @@ function Qi({
               overflowY: "auto",
               padding: "0 8px 8px"
             },
-            children: y.length === 0 ? /* @__PURE__ */ C(
+            children: E.length === 0 ? /* @__PURE__ */ C(
               "div",
               {
                 style: {
@@ -4040,16 +4058,16 @@ function Qi({
                   )
                 ]
               }
-            ) : y.map((p) => /* @__PURE__ */ n(
+            ) : E.map((g) => /* @__PURE__ */ n(
               Wi,
               {
-                entry: p,
-                expanded: g.current.has(p.id),
+                entry: g,
+                expanded: p.current.has(g.id),
                 onToggle: () => {
-                  g.current.has(p.id) ? g.current.delete(p.id) : g.current.add(p.id), s((m) => [...m]);
+                  p.current.has(g.id) ? p.current.delete(g.id) : p.current.add(g.id), s((b) => [...b]);
                 }
               },
-              p.id
+              g.id
             ))
           }
         )
@@ -4062,7 +4080,7 @@ function Wi({
   expanded: t,
   onToggle: r
 }) {
-  const i = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", a = new Date(e.ts).toLocaleTimeString("en-US", {
+  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", l = new Date(e.ts).toLocaleTimeString("en-US", {
     hour12: !1
   });
   return /* @__PURE__ */ C(
@@ -4092,7 +4110,7 @@ function Wi({
                 fontVariantNumeric: "tabular-nums",
                 fontSize: 10
               },
-              children: a
+              children: l
             }
           ),
           /* @__PURE__ */ n(
@@ -4127,7 +4145,7 @@ function Wi({
     }
   );
 }
-function Ot(e) {
+function Wt(e) {
   return {
     background: e,
     color: "#fff",
@@ -4150,17 +4168,17 @@ function Bi(e) {
   P(() => cr(e), [t]);
 }
 function eo({ fields: e, children: t }) {
-  return Bi(e), /* @__PURE__ */ n(Oe, { children: t });
+  return Bi(e), /* @__PURE__ */ n(We, { children: t });
 }
 function to() {
-  const [e, t] = M([]), r = L((a) => {
+  const [e, t] = M([]), r = L((l) => {
     t((o) => {
-      const s = o.findIndex((l) => l.id === a.id);
+      const s = o.findIndex((a) => a.id === l.id);
       if (s >= 0) {
-        const l = o.slice();
-        return l[s] = a, l;
+        const a = o.slice();
+        return a[s] = l, a;
       }
-      return [...o, a];
+      return [...o, l];
     });
   }, []), i = L(() => t([]), []);
   return {
@@ -4180,10 +4198,10 @@ export {
   io as clearFieldRegistry,
   _i as clearPageContextCache,
   Si as clearRoutesCache,
-  bi as extractPageContext,
+  wi as extractPageContext,
   ki as extractRoutes,
-  Cn as getCachedPageContext,
-  Ht as getCachedRoutes,
+  kn as getCachedPageContext,
+  Ot as getCachedRoutes,
   oo as getRegisteredFields,
   Fr as matchesPattern,
   Li as normalizeRouteInput,
@@ -4198,11 +4216,11 @@ export {
   Er as useDisplayModePersistence,
   Nr as useIsMobile,
   pr as useLiveKitSession,
-  br as useMediaDevices,
+  wr as useMediaDevices,
   gr as useMicrophoneState,
   zr as usePathname,
   Bi as useRegisterFields,
   qr as useRouteMatch,
-  wr as useScreenShareState,
+  br as useScreenShareState,
   to as useTranscript
 };