@livelayer/react 0.15.0 → 0.15.2

package/dist/index.mjs

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