@livelayer/react 0.9.6 → 0.10.0

package/dist/index.mjs

@@ -1,10 +1,10 @@
 "use client";
-import { jsxs as v, jsx as n, Fragment as ot } from "react/jsx-runtime";
-import { Component as In, useState as C, useRef as A, useEffect as I, useCallback as E, useMemo as Ue, useLayoutEffect as Mn, forwardRef as lt, useImperativeHandle as Tn, createElement as Dn } from "react";
-import { LiveKitSession as Pn } from "@livelayer/sdk";
-import { createLocalAudioTrack as $n, Track as dn, createLocalVideoTrack as zn } from "livekit-client";
-import { createPortal as On } from "react-dom";
-class Hn extends In {
+import { jsxs as y, jsx as n, Fragment as Ue } from "react/jsx-runtime";
+import { Component as Dn, useState as C, useRef as A, useEffect as T, useCallback as E, useMemo as je, useLayoutEffect as Pn, forwardRef as ot, useImperativeHandle as $n, createElement as zn } from "react";
+import { createPortal as un } from "react-dom";
+import { LiveKitSession as On } from "@livelayer/sdk";
+import { createLocalAudioTrack as Hn, Track as fn, createLocalVideoTrack as Wn } from "livekit-client";
+class Bn extends Dn {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
       this.setState({ hasError: !1, error: null });
@@ -19,7 +19,7 @@ class Hn extends In {
   }
   render() {
     var t;
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ v("div", { className: "ll-error-boundary", role: "alert", children: [
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ y("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(
@@ -34,12 +34,12 @@ class Hn extends In {
     ] }) : this.props.children;
   }
 }
-function Wn(e) {
-  const [t, r] = C("idle"), [i, o] = C("idle"), [l, s] = C([]), [a, d] = C(null), [f, _] = C(null), [u, c] = C(null), [R, L] = C(!1), [b, y] = C(null), m = A(null), S = A(e.onDataMessage);
-  S.current = e.onDataMessage, I(() => {
-    const T = {
+function qn(e) {
+  const [t, r] = C("idle"), [i, o] = C("idle"), [l, s] = C([]), [a, d] = C(null), [f, _] = C(null), [u, c] = C(null), [I, k] = C(!1), [b, v] = C(null), m = A(null), S = A(e.onDataMessage);
+  S.current = e.onDataMessage, T(() => {
+    const R = {
       onConnectionStateChange: (q) => {
-        r(q), q === "connected" && y(null);
+        r(q), q === "connected" && v(null);
       },
       onAgentStateChange: o,
       onTranscript: (q) => s([...q]),
@@ -47,13 +47,13 @@ function Wn(e) {
       onAudioTrack: (q) => c(q),
       onVideoTrack: (q) => _(q),
       onVideoTrackRemoved: () => _(null),
-      onError: (q) => y(q),
+      onError: (q) => v(q),
       onDataMessage: (q) => {
         var N;
         (N = S.current) == null || N.call(S, q);
       },
-      onResumabilityChange: L
-    }, B = new Pn(
+      onResumabilityChange: k
+    }, B = new On(
       {
         agentId: e.agentId,
         baseUrl: e.baseUrl,
@@ -61,9 +61,9 @@ function Wn(e) {
         sessionEndpoint: e.sessionEndpoint,
         sessionBody: e.sessionBody
       },
-      T
+      R
     );
-    return m.current = B, r("idle"), o("idle"), s([]), d(null), _(null), c(null), L(!1), y(null), () => {
+    return m.current = B, r("idle"), o("idle"), s([]), d(null), _(null), c(null), k(!1), v(null), () => {
       var q;
       (q = B.destroy) == null || q.call(B), m.current = null;
     };
@@ -74,20 +74,20 @@ function Wn(e) {
     e.sessionEndpoint,
     JSON.stringify(e.sessionBody ?? {})
   ]);
-  const D = E(async () => {
-    const T = m.current;
-    if (T)
+  const $ = E(async () => {
+    const R = m.current;
+    if (R)
       try {
-        await T.connect();
+        await R.connect();
       } catch (B) {
-        throw y(B instanceof Error ? B.message : String(B)), B;
+        throw v(B instanceof Error ? B.message : String(B)), B;
       }
-  }, []), z = E(() => {
-    const T = m.current;
-    T && T.disconnect();
+  }, []), D = E(() => {
+    const R = m.current;
+    R && R.disconnect();
   }, []), x = E(() => {
-    var T;
-    return ((T = m.current) == null ? void 0 : T.getRoom()) ?? null;
+    var R;
+    return ((R = m.current) == null ? void 0 : R.getRoom()) ?? null;
   }, []);
   return {
     connectionState: t,
@@ -96,15 +96,15 @@ function Wn(e) {
     agentConfig: a,
     videoElement: f,
     audioElement: u,
-    canResume: R,
+    canResume: I,
     error: b,
-    connect: D,
-    disconnect: z,
+    connect: $,
+    disconnect: D,
     getRoom: x,
     session: m.current
   };
 }
-function Bn() {
+function Fn() {
   const e = A(null), t = A(null), r = A(null), i = A(null), o = A(/* @__PURE__ */ new Set()), l = A(null), s = E(() => {
     const u = t.current;
     if (!u) {
@@ -116,14 +116,14 @@ function Bn() {
     ));
     const c = l.current;
     u.getByteFrequencyData(c);
-    let R = 0;
-    for (let b = 0; b < c.length; b++) R += c[b];
-    const L = R / c.length / 255;
+    let I = 0;
+    for (let b = 0; b < c.length; b++) I += c[b];
+    const k = I / c.length / 255;
     for (const b of o.current)
       try {
-        b(L);
-      } catch (y) {
-        console.error("[useAudioLevel] subscriber threw:", y);
+        b(k);
+      } catch (v) {
+        console.error("[useAudioLevel] subscriber threw:", v);
       }
     i.current = requestAnimationFrame(s);
   }, []), a = E(() => {
@@ -162,7 +162,7 @@ function Bn() {
   }, []), _ = E((u) => (o.current.add(u), () => {
     o.current.delete(u);
   }), []);
-  return I(() => () => {
+  return T(() => () => {
     if (f(), t.current) {
       try {
         t.current.disconnect();
@@ -180,9 +180,9 @@ function Bn() {
     o.current.clear(), l.current = null;
   }, [f]), { attach: d, detach: f, subscribe: _ };
 }
-function qn() {
-  const [e, t] = C(!1), [r, i] = C(""), [o, l] = C(null), s = A(null), a = A(null), d = E(async (L) => {
-    var b, y;
+function Un() {
+  const [e, t] = C(!1), [r, i] = C(""), [o, l] = C(null), s = A(null), a = A(null), d = E(async (k) => {
+    var b, v;
     if (s.current && a.current) {
       try {
         await a.current.localParticipant.unpublishTrack(s.current);
@@ -190,55 +190,55 @@ function qn() {
       }
       s.current.stop(), s.current = null;
     }
-    a.current = L, l(null);
+    a.current = k, l(null);
     try {
-      const m = await $n({
+      const m = await Hn({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await L.localParticipant.publishTrack(m), s.current = m, t(m.isMuted);
-      const S = (y = (b = m.mediaStreamTrack) == null ? void 0 : b.getSettings) == null ? void 0 : y.call(b);
+      await k.localParticipant.publishTrack(m), s.current = m, t(m.isMuted);
+      const S = (v = (b = m.mediaStreamTrack) == null ? void 0 : b.getSettings) == null ? void 0 : v.call(b);
       S != null && S.deviceId && i(S.deviceId);
     } catch (m) {
       const S = m instanceof Error && m.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
       throw l(S), m;
     }
-  }, []), f = E((L) => {
-    a.current = L;
-  }, []), _ = E(async (L) => {
+  }, []), f = E((k) => {
+    a.current = k;
+  }, []), _ = E(async (k) => {
     const b = a.current;
     if (b)
       try {
-        await b.switchActiveDevice("audioinput", L), i(L);
-      } catch (y) {
-        console.warn("[useMicrophoneState] switchDevice failed:", y);
+        await b.switchActiveDevice("audioinput", k), i(k);
+      } catch (v) {
+        console.warn("[useMicrophoneState] switchDevice failed:", v);
       }
   }, []), u = E(() => {
-    const L = s.current, b = a.current;
-    if (L) {
-      L.isMuted ? (L.unmute(), t(!1)) : (L.mute(), t(!0));
+    const k = s.current, b = a.current;
+    if (k) {
+      k.isMuted ? (k.unmute(), t(!1)) : (k.mute(), t(!0));
       return;
     }
     if (b) {
-      const y = !e;
-      t(y);
+      const v = !e;
+      t(v);
       try {
-        b.localParticipant.setMicrophoneEnabled(!y);
+        b.localParticipant.setMicrophoneEnabled(!v);
       } catch (m) {
         console.warn("[useMicrophoneState] setMicrophoneEnabled failed:", m);
       }
     }
   }, [e]), c = E(() => {
-    const L = s.current, b = a.current;
-    if (L && b) {
+    const k = s.current, b = a.current;
+    if (k && b) {
       try {
-        b.localParticipant.unpublishTrack(L);
+        b.localParticipant.unpublishTrack(k);
       } catch {
       }
-      L.stop();
+      k.stop();
     }
     s.current = null, a.current = null, t(!1), i("");
-  }, []), R = E(() => l(null), []);
+  }, []), I = E(() => l(null), []);
   return {
     isMuted: e,
     activeDeviceId: r,
@@ -248,25 +248,26 @@ function qn() {
     attachRoom: f,
     switchDevice: _,
     teardownMic: c,
-    clearError: R
+    clearError: I
   };
 }
-const Fn = { resolution: { width: 640, height: 480, frameRate: 24 } };
-function Un() {
+const jn = { resolution: { width: 640, height: 480, frameRate: 24 } };
+function Vn() {
   const [e, t] = C(!1), [r, i] = C(null), [o, l] = C(null), [s, a] = C(""), d = A(null), f = A(null), _ = E((m) => {
     d.current = m;
   }, []), u = E(() => {
+    var $;
     const m = d.current, S = f.current;
     if (S && m) {
-      const D = m.localParticipant.getTrackPublication(dn.Source.Camera);
-      if (D != null && D.track) {
-        try {
-          m.localParticipant.unpublishTrack(D.track);
-        } catch {
-        }
-        D.track.stop();
-      } else
-        S.stop();
+      const D = m.localParticipant.getTrackPublication(fn.Source.Camera), R = (D == null ? void 0 : D.track) ?? S;
+      try {
+        m.localParticipant.unpublishTrack(R);
+      } catch {
+      }
+      try {
+        ($ = R.stop) == null || $.call(R);
+      } catch {
+      }
     }
     f.current = null, l(null), t(!1);
   }, []), c = E(async (m) => {
@@ -274,11 +275,11 @@ function Un() {
     if (S) {
       i(null);
       try {
-        const D = { ...Fn };
-        m && (D.deviceId = m);
-        const z = await zn(D);
-        await S.localParticipant.publishTrack(z), f.current = z;
-        const x = z.attach();
+        const $ = { ...jn };
+        m && ($.deviceId = m);
+        const D = await Wn($);
+        await S.localParticipant.publishTrack(D), f.current = D;
+        const x = D.attach();
         l(x), t(!0), m && a(m);
         try {
           S.localParticipant.publishData(
@@ -287,33 +288,33 @@ function Un() {
           );
         } catch {
         }
-      } catch (D) {
-        const z = D instanceof Error && D.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
-        i(z);
+      } catch ($) {
+        const D = $ instanceof Error && $.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+        i(D);
       }
     }
-  }, []), R = E(async () => {
+  }, []), I = E(async () => {
     e ? u() : await c(s || void 0);
-  }, [e, s, u, c]), L = E(async (m) => {
+  }, [e, s, u, c]), k = E(async (m) => {
     u(), await c(m);
   }, [u, c]), b = E(() => {
     u(), d.current = null, i(null), a("");
-  }, [u]), y = E(() => i(null), []);
-  return I(() => () => {
+  }, [u]), v = E(() => i(null), []);
+  return T(() => () => {
     f.current && f.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
     previewEl: o,
     activeDeviceId: s,
-    toggle: R,
-    switchDevice: L,
+    toggle: I,
+    switchDevice: k,
     attachRoom: _,
     teardown: b,
-    clearError: y
+    clearError: v
   };
 }
-function jn() {
+function Yn() {
   const [e, t] = C(!1), [r, i] = C(null), [o, l] = C(null), s = A(null), a = E((c) => {
     s.current = c;
   }, []), d = E(() => l(null), []), f = E(async () => {
@@ -330,12 +331,12 @@ function jn() {
       i(null);
       try {
         await c.localParticipant.setScreenShareEnabled(!0);
-        let R = 0;
-        const L = () => {
-          const b = c.localParticipant.getTrackPublication(dn.Source.ScreenShare);
+        let I = 0;
+        const k = () => {
+          const b = c.localParticipant.getTrackPublication(fn.Source.ScreenShare);
           if (b != null && b.track) {
-            const y = b.track.attach();
-            l(y), t(!0);
+            const v = b.track.attach();
+            l(v), t(!0);
             try {
               c.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
@@ -345,12 +346,12 @@ function jn() {
             }
             return;
           }
-          R++ < 10 ? setTimeout(L, 100) : t(!0);
+          I++ < 10 ? setTimeout(k, 100) : t(!0);
         };
-        L();
-      } catch (R) {
-        const L = R instanceof Error ? R.name : "";
-        L !== "NotAllowedError" && L !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
+        k();
+      } catch (I) {
+        const k = I instanceof Error ? I.name : "";
+        k !== "NotAllowedError" && k !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
       }
     }
   }, [e, d]), _ = E(() => {
@@ -364,7 +365,7 @@ function jn() {
   }, [e, d]), u = E(() => i(null), []);
   return { isEnabled: e, error: r, previewEl: o, toggle: f, attachRoom: a, teardown: _, clearError: u };
 }
-function Vn() {
+function Gn() {
   const [e, t] = C([]), [r, i] = C([]), o = E(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
@@ -373,15 +374,15 @@ function Vn() {
       } catch {
       }
   }, []);
-  return I(() => {
+  return T(() => {
     if (o(), typeof navigator > "u" || !navigator.mediaDevices) return;
     const l = () => void o();
     return navigator.mediaDevices.addEventListener("devicechange", l), () => navigator.mediaDevices.removeEventListener("devicechange", l);
   }, [o]), { mics: e, cameras: r, refresh: o };
 }
-function Yn(e, t, r = !1) {
+function Jn(e, t, r = !1) {
   const [i, o] = C(null), [l, s] = C(null), [a, d] = C(!r && !!e);
-  return I(() => {
+  return T(() => {
     if (r || !e) {
       d(!1);
       return;
@@ -402,7 +403,7 @@ function Yn(e, t, r = !1) {
     }), () => f.abort();
   }, [e, t, r]), { info: i, error: l, loading: a };
 }
-function Gn(e) {
+function Kn(e) {
   if (typeof window > "u") return null;
   try {
     return window.localStorage.getItem(e);
@@ -410,14 +411,14 @@ function Gn(e) {
     return null;
   }
 }
-function Jn(e, t) {
+function Xn(e, t) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(e, t);
     } catch {
     }
 }
-function Kn({
+function Qn({
   value: e,
   defaultValue: t = "expanded",
   onChange: r
@@ -430,34 +431,34 @@ function Kn({
   );
   return [s, a];
 }
-const Xn = ["hidden", "minimized", "expanded"];
-function Qn(e) {
-  return e && Xn.includes(e) ? e : null;
+const Zn = ["hidden", "minimized", "expanded"];
+function er(e) {
+  return e && Zn.includes(e) ? e : null;
 }
-function Zn({
+function tr({
   value: e,
   defaultValue: t = "expanded",
   onChange: r,
   persistKey: i = "ll-widget",
   disablePersistence: o = !1
 } = {}) {
-  const l = `${i}:display-mode`, s = A(!1), [a, d] = Kn({
+  const l = `${i}:display-mode`, s = A(!1), [a, d] = Qn({
     value: e,
     defaultValue: t,
     onChange: (f) => {
-      e === void 0 && !o && Jn(l, f), r == null || r(f);
+      e === void 0 && !o && Xn(l, f), r == null || r(f);
     }
   });
-  return I(() => {
+  return T(() => {
     if (s.current || (s.current = !0, o || e !== void 0)) return;
-    const f = Qn(Gn(l));
+    const f = er(Kn(l));
     f && f !== a && d(f);
   }, []), [a, d];
 }
-const er = 640;
-function tr(e = er) {
+const nr = 640;
+function rr(e = nr) {
   const [t, r] = C(!1);
-  return I(() => {
+  return T(() => {
     if (e === !1) {
       r(!1);
       return;
@@ -470,9 +471,9 @@ function tr(e = er) {
     });
   }, [e]), t;
 }
-const jt = "__llHistoryPatched", gt = "ll:pathname";
-function nr() {
-  if (typeof window > "u" || window.history[jt]) return;
+const Vt = "__llHistoryPatched", gt = "ll:pathname";
+function ir() {
+  if (typeof window > "u" || window.history[Vt]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...r) {
     const i = e.apply(this, r);
@@ -480,65 +481,65 @@ function nr() {
   }, window.history.replaceState = function(...r) {
     const i = t.apply(this, r);
     return window.dispatchEvent(new Event(gt)), i;
-  }, window.history[jt] = !0;
+  }, window.history[Vt] = !0;
 }
-function Vt() {
+function Yt() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
-function rr(e) {
+function or(e) {
   const [t, r] = C(
-    () => e ?? Vt()
+    () => e ?? Yt()
   );
-  return I(() => {
+  return T(() => {
     if (e !== void 0) return;
-    nr();
-    const i = () => r(Vt());
+    ir();
+    const i = () => r(Yt());
     return i(), window.addEventListener("popstate", i), window.addEventListener(gt, i), () => {
       window.removeEventListener("popstate", i), window.removeEventListener(gt, i);
     };
   }, [e]), e ?? t;
 }
-const Yt = /* @__PURE__ */ new Map(), ir = /[\\^$+?.()|{}[\]]/g;
-function or(e) {
-  return e.replace(ir, "\\$&");
+const Gt = /* @__PURE__ */ new Map(), lr = /[\\^$+?.()|{}[\]]/g;
+function ar(e) {
+  return e.replace(lr, "\\$&");
 }
-function lr(e) {
-  const t = Yt.get(e);
+function cr(e) {
+  const t = Gt.get(e);
   if (t) return t;
-  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", o = "", l = r.replace(/\*\*/g, i).replace(/\*/g, o), a = or(l).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(o, "g"), "[^/]+"), d = new RegExp(`^${a}\\/?$`);
-  return Yt.set(e, d), d;
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", o = "", l = r.replace(/\*\*/g, i).replace(/\*/g, o), a = ar(l).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(o, "g"), "[^/]+"), d = new RegExp(`^${a}\\/?$`);
+  return Gt.set(e, d), d;
 }
-function ar(e, t) {
+function sr(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
-  return lr(e).test(r);
+  return cr(e).test(r);
 }
-function cr(e, t) {
-  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : ar(e, t);
+function dr(e, t) {
+  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : sr(e, t);
 }
-function Gt(e, t) {
+function Jt(e, t) {
   if (!e || e.length === 0) return !1;
   for (const r of e)
-    if (cr(r, t)) return !0;
+    if (dr(r, t)) return !0;
   return !1;
 }
-function sr(e, t, r) {
-  return e === void 0 ? !0 : Gt(r, e) ? !1 : t && t.length > 0 ? Gt(t, e) : !0;
+function ur(e, t, r) {
+  return e === void 0 ? !0 : Jt(r, e) ? !1 : t && t.length > 0 ? Jt(t, e) : !0;
 }
-function dr(e, t, r) {
-  return Ue(
-    () => sr(e, t, r),
+function fr(e, t, r) {
+  return je(
+    () => ur(e, t, r),
     [e, t, r]
   );
 }
-function ur(e) {
+function pr(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 fr(e) {
-  const t = Ue(() => ur(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), i = A(null), o = E(
+function hr(e) {
+  const t = je(() => pr(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), i = A(null), o = E(
     (d) => {
       try {
         new Audio(`${r}${d}`).play().catch(() => {
@@ -582,7 +583,7 @@ function fr(e) {
     },
     [r, t.thinking]
   );
-  return I(() => () => {
+  return T(() => () => {
     if (i.current) {
       try {
         i.current.pause();
@@ -590,12 +591,12 @@ function fr(e) {
       }
       i.current = null;
     }
-  }, []), Ue(
+  }, []), je(
     () => ({ playPageChange: l, playConfirmation: s, setThinking: a }),
     [l, s, a]
   );
 }
-const Jt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ v(
+const Kt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ y(
   "svg",
   {
     className: t,
@@ -641,7 +642,7 @@ const Jt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ v(
       }
     )
   }
-), Kt = ({ className: e }) => /* @__PURE__ */ n(
+), Xt = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -659,7 +660,7 @@ const Jt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ v(
       }
     )
   }
-), pr = ({ className: e }) => /* @__PURE__ */ n(
+), mr = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -670,12 +671,12 @@ const Jt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ v(
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
   }
-), hr = {
+), gr = {
   left: 180,
   right: 0,
   up: -90,
   down: 90
-}, Xt = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
+}, Qt = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
   "svg",
   {
     className: t,
@@ -683,19 +684,19 @@ const Jt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ v(
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    style: { transform: `rotate(${hr[e]}deg)` },
+    style: { transform: `rotate(${gr[e]}deg)` },
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
   }
 );
-function mr(e) {
+function yr(e) {
   return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const un = "ll-hidden-tab-center-y", gr = 5, Qt = 16;
-function yr() {
+const pn = "ll-hidden-tab-center-y", vr = 5, Zt = 16;
+function br() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(un);
+    const e = window.localStorage.getItem(pn);
     if (!e) return null;
     const t = Number.parseFloat(e);
     return Number.isFinite(t) ? t : null;
@@ -703,14 +704,14 @@ function yr() {
     return null;
   }
 }
-function Zt(e) {
+function en(e) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(un, String(e));
+      window.localStorage.setItem(pn, String(e));
     } catch {
     }
 }
-const vr = ({
+const wr = ({
   position: e,
   isMobile: t,
   isSpeaking: r,
@@ -719,16 +720,16 @@ const vr = ({
   avatarImageUrl: l,
   agentName: s
 }) => {
-  const a = mr(e), d = a === "right" ? "left" : "right", f = t ? 80 : 72, _ = !!l, [u, c] = C(null), [R, L] = C(!1), b = A(null), y = A(!1), m = E(
+  const a = yr(e), d = a === "right" ? "left" : "right", f = t ? 80 : 72, _ = !!l, [u, c] = C(null), [I, k] = C(!1), b = A(null), v = A(!1), m = E(
     (N) => {
       if (typeof window > "u") return N;
-      const M = f / 2, F = Qt + M, re = window.innerHeight - Qt - M;
-      return re < F ? Math.max(F, N) : Math.max(F, Math.min(re, N));
+      const M = f / 2, F = Zt + M, ie = window.innerHeight - Zt - M;
+      return ie < F ? Math.max(F, N) : Math.max(F, Math.min(ie, N));
     },
     [f]
   );
-  I(() => {
-    const N = yr();
+  T(() => {
+    const N = br();
     c(m(N ?? window.innerHeight / 2));
     const M = () => {
       c((F) => F === null ? null : m(F));
@@ -750,15 +751,15 @@ const vr = ({
       }
     },
     [u]
-  ), D = E(
+  ), $ = E(
     (N) => {
       const M = b.current;
       if (!M) return;
       const F = N.clientY - M.startClientY;
-      !M.moved && Math.abs(F) > gr && (M.moved = !0, L(!0)), M.moved && c(m(M.startCenterY + F));
+      !M.moved && Math.abs(F) > vr && (M.moved = !0, k(!0)), M.moved && c(m(M.startCenterY + F));
     },
     [m]
-  ), z = E(
+  ), D = E(
     (N) => {
       const M = b.current;
       if (M) {
@@ -766,25 +767,25 @@ const vr = ({
           N.currentTarget.releasePointerCapture(N.pointerId);
         } catch {
         }
-        b.current = null, M.moved && (L(!1), y.current = !0, c((F) => (F !== null && Zt(F), F)));
+        b.current = null, M.moved && (k(!1), v.current = !0, c((F) => (F !== null && en(F), F)));
       }
     },
     []
   ), x = E(() => {
-    if (y.current) {
-      y.current = !1;
+    if (v.current) {
+      v.current = !1;
       return;
     }
     i();
-  }, [i]), T = E(
+  }, [i]), R = E(
     (N) => {
       if (N.key === "ArrowUp" || N.key === "ArrowDown") {
         N.preventDefault();
         const M = N.key === "ArrowUp" ? -8 : 8;
         c((F) => {
           if (F === null) return F;
-          const re = m(F + M);
-          return Zt(re), re;
+          const ie = m(F + M);
+          return en(ie), ie;
         });
       }
     },
@@ -794,7 +795,7 @@ const vr = ({
     `ll-hidden--${a}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
-    R ? "is-dragging" : null,
+    I ? "is-dragging" : null,
     _ ? "ll-hidden--with-avatar" : null
   ].filter(Boolean).join(" "), q = u === null ? void 0 : { top: `${u - f / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
@@ -803,11 +804,11 @@ const vr = ({
       type: "button",
       className: B,
       onPointerDown: S,
-      onPointerMove: D,
-      onPointerUp: z,
-      onPointerCancel: z,
+      onPointerMove: $,
+      onPointerUp: D,
+      onPointerCancel: D,
       onClick: x,
-      onKeyDown: T,
+      onKeyDown: R,
       "aria-label": o,
       "data-position": e,
       style: q,
@@ -816,9 +817,9 @@ const vr = ({
         // 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__ */ v(ot, { children: [
+        /* @__PURE__ */ y(Ue, { children: [
           /* @__PURE__ */ n(
-            Xt,
+            Qt,
             {
               direction: d,
               className: "ll-hidden__chevron ll-hidden__chevron--mini"
@@ -835,7 +836,7 @@ const vr = ({
           )
         ] })
       ) : /* @__PURE__ */ n(
-        Xt,
+        Qt,
         {
           direction: d,
           className: "ll-hidden__chevron"
@@ -843,7 +844,7 @@ const vr = ({
       )
     }
   );
-}, br = ({
+}, _r = ({
   audioLevel: e,
   bars: t = 20,
   maxHeight: r = 20,
@@ -851,16 +852,16 @@ const vr = ({
   className: o,
   barClassName: l
 }) => {
-  const s = A(null), a = A([]), d = Ue(() => {
+  const s = A(null), a = A([]), d = je(() => {
     const _ = (Math.sqrt(5) - 1) / 2;
     return Array.from({ length: t }, (u, c) => 0.5 + c * _ % 1 * 0.5);
   }, [t]);
-  I(() => e.subscribe((u) => {
+  T(() => e.subscribe((u) => {
     for (let c = 0; c < t; c++) {
-      const R = a.current[c];
-      if (!R) continue;
-      const L = Math.max(i, u * r * d[c]);
-      R.style.height = `${L}px`;
+      const I = a.current[c];
+      if (!I) continue;
+      const k = Math.max(i, u * r * d[c]);
+      I.style.height = `${k}px`;
     }
   }), [e, t, r, i, d]);
   const f = ["ll-waveform", o].filter(Boolean).join(" ");
@@ -875,7 +876,7 @@ const vr = ({
     },
     u
   )) });
-}, wr = ({
+}, xr = ({
   position: e,
   isMobile: t,
   agentName: r,
@@ -892,7 +893,7 @@ const vr = ({
     className: "ll-minimized ll-minimized--mobile",
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ v(
+    children: /* @__PURE__ */ y(
       "button",
       {
         type: "button",
@@ -912,7 +913,7 @@ const vr = ({
             )
           ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
           /* @__PURE__ */ n(
-            br,
+            _r,
             {
               audioLevel: s,
               bars: 16,
@@ -921,7 +922,7 @@ const vr = ({
             }
           ),
           /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
-          /* @__PURE__ */ v("div", { className: "ll-minimized__controls", children: [
+          /* @__PURE__ */ y("div", { className: "ll-minimized__controls", children: [
             /* @__PURE__ */ n(
               "span",
               {
@@ -935,10 +936,10 @@ const vr = ({
                   (_.key === "Enter" || _.key === " ") && (_.stopPropagation(), _.preventDefault(), d());
                 },
                 "aria-label": l ? "Unmute microphone" : "Mute microphone",
-                children: /* @__PURE__ */ n(Jt, { muted: l, className: "ll-minimized__icon" })
+                children: /* @__PURE__ */ n(Kt, { muted: l, className: "ll-minimized__icon" })
               }
             ),
-            /* @__PURE__ */ n(Kt, { className: "ll-minimized__icon ll-minimized__icon--expand" })
+            /* @__PURE__ */ n(Xt, { className: "ll-minimized__icon ll-minimized__icon--expand" })
           ] })
         ]
       }
@@ -951,7 +952,7 @@ const vr = ({
     "data-position": e,
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ v("div", { className: "ll-minimized__surface", children: [
+    children: /* @__PURE__ */ y("div", { className: "ll-minimized__surface", children: [
       i ? (
         // eslint-disable-next-line @next/next/no-img-element
         /* @__PURE__ */ n(
@@ -963,11 +964,11 @@ const vr = ({
           }
         )
       ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
-      /* @__PURE__ */ v("div", { className: "ll-minimized__meta", children: [
+      /* @__PURE__ */ y("div", { className: "ll-minimized__meta", children: [
         /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
         /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: o === "speaking" ? "Speaking" : o === "thinking" ? "Thinking" : "Listening" })
       ] }),
-      /* @__PURE__ */ v("div", { className: "ll-minimized__controls", children: [
+      /* @__PURE__ */ y("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
           "button",
           {
@@ -975,7 +976,7 @@ const vr = ({
             className: "ll-minimized__btn",
             onClick: d,
             "aria-label": l ? "Unmute microphone" : "Mute microphone",
-            children: /* @__PURE__ */ n(Jt, { muted: l, className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Kt, { muted: l, className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -985,7 +986,7 @@ const vr = ({
             className: "ll-minimized__btn",
             onClick: a,
             "aria-label": `Expand ${r} widget`,
-            children: /* @__PURE__ */ n(Kt, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Xt, { className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -995,13 +996,13 @@ const vr = ({
             className: "ll-minimized__btn ll-minimized__btn--close",
             onClick: f,
             "aria-label": "Close widget",
-            children: /* @__PURE__ */ n(pr, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(mr, { className: "ll-minimized__icon" })
           }
         )
       ] })
     ] })
   }
-), _r = ({
+), kr = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
@@ -1009,7 +1010,7 @@ const vr = ({
   style: o
 }) => {
   const [l, s] = C(!1), a = A(e);
-  if (I(() => {
+  if (T(() => {
     a.current !== e && (a.current = e, s(!1));
   }, [e]), !e) return null;
   const d = {
@@ -1039,14 +1040,14 @@ const vr = ({
       }
     )
   );
-}, xr = 8, en = 8, kr = ({
+}, Lr = 8, tn = 8, Er = ({
   open: e,
   onClose: t,
   anchorRef: r,
   children: i
 }) => {
   const o = A(null), [l, s] = C(null);
-  return Mn(() => {
+  return Pn(() => {
     if (!e) {
       s(null);
       return;
@@ -1055,15 +1056,15 @@ const vr = ({
     if (!a) return;
     const d = () => {
       const f = a.getBoundingClientRect(), _ = {
-        top: f.top - xr,
+        top: f.top - Lr,
         left: f.left + f.width / 2
-      }, u = en + 90, c = window.innerWidth - en - 90;
+      }, u = tn + 90, c = window.innerWidth - tn - 90;
       _.left < u && (_.left = u), _.left > c && (_.left = c), s(_);
     };
     return d(), window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
       window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
     };
-  }, [e, r]), I(() => {
+  }, [e, r]), T(() => {
     if (!e) return;
     const a = (f) => {
       const _ = f.target, u = o.current, c = r.current;
@@ -1074,7 +1075,7 @@ const vr = ({
     return document.addEventListener("mousedown", a), document.addEventListener("keydown", d), () => {
       document.removeEventListener("mousedown", a), document.removeEventListener("keydown", d);
     };
-  }, [e, t, r]), !e || l === null || typeof document > "u" ? null : On(
+  }, [e, t, r]), !e || l === null || typeof document > "u" ? null : un(
     /* @__PURE__ */ n(
       "div",
       {
@@ -1094,7 +1095,7 @@ const vr = ({
     ),
     document.body
   );
-}, Lr = ({
+}, Cr = ({
   isMuted: e,
   onToggleMute: t,
   isCameraEnabled: r,
@@ -1108,11 +1109,11 @@ const vr = ({
   allowTyping: _,
   isTypingOpen: u,
   onToggleTyping: c,
-  onDisconnect: R
+  onDisconnect: I
 }) => {
-  const [L, b] = C(!1), y = A(null);
-  return /* @__PURE__ */ v(ot, { children: [
-    /* @__PURE__ */ v(
+  const [k, b] = C(!1), v = A(null);
+  return /* @__PURE__ */ y(Ue, { children: [
+    /* @__PURE__ */ y(
       "div",
       {
         className: "ll-toolbar ll-toolbar--compact",
@@ -1126,20 +1127,20 @@ const vr = ({
               className: `ll-tool ${e ? "is-muted" : ""}`,
               onClick: t,
               "aria-label": e ? "Unmute microphone" : "Mute microphone",
-              children: /* @__PURE__ */ n(hn, { muted: e })
+              children: /* @__PURE__ */ n(gn, { muted: e })
             }
           ),
           /* @__PURE__ */ n(
             "button",
             {
-              ref: y,
+              ref: v,
               type: "button",
-              className: `ll-tool ${L ? "is-on" : ""}`,
+              className: `ll-tool ${k ? "is-on" : ""}`,
               onClick: () => b((m) => !m),
               "aria-label": "More controls",
               "aria-haspopup": "menu",
-              "aria-expanded": L,
-              children: /* @__PURE__ */ n(Er, {})
+              "aria-expanded": k,
+              children: /* @__PURE__ */ n(Sr, {})
             }
           ),
           /* @__PURE__ */ n(
@@ -1147,22 +1148,22 @@ const vr = ({
             {
               type: "button",
               className: "ll-tool ll-tool--danger",
-              onClick: R,
+              onClick: I,
               "aria-label": "End conversation",
-              children: /* @__PURE__ */ n(gn, {})
+              children: /* @__PURE__ */ n(vn, {})
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ v(
-      kr,
+    /* @__PURE__ */ y(
+      Er,
       {
-        open: L,
+        open: k,
         onClose: () => b(!1),
-        anchorRef: y,
+        anchorRef: v,
         children: [
-          o && /* @__PURE__ */ v(
+          o && /* @__PURE__ */ y(
             "button",
             {
               type: "button",
@@ -1171,12 +1172,12 @@ const vr = ({
                 i(), b(!1);
               },
               children: [
-                /* @__PURE__ */ n(pn, {}),
+                /* @__PURE__ */ n(mn, {}),
                 /* @__PURE__ */ n("span", { children: r ? "Stop camera" : "Start camera" })
               ]
             }
           ),
-          a && /* @__PURE__ */ v(
+          a && /* @__PURE__ */ y(
             "button",
             {
               type: "button",
@@ -1185,12 +1186,12 @@ const vr = ({
                 s(), b(!1);
               },
               children: [
-                /* @__PURE__ */ n(fn, {}),
+                /* @__PURE__ */ n(hn, {}),
                 /* @__PURE__ */ n("span", { children: l ? "Stop sharing" : "Share screen" })
               ]
             }
           ),
-          /* @__PURE__ */ v(
+          /* @__PURE__ */ y(
             "button",
             {
               type: "button",
@@ -1199,12 +1200,12 @@ const vr = ({
                 f(), b(!1);
               },
               children: [
-                /* @__PURE__ */ n(mn, { muted: d }),
+                /* @__PURE__ */ n(yn, { muted: d }),
                 /* @__PURE__ */ n("span", { children: d ? "Unmute speaker" : "Mute speaker" })
               ]
             }
           ),
-          _ && /* @__PURE__ */ v(
+          _ && /* @__PURE__ */ y(
             "button",
             {
               type: "button",
@@ -1213,12 +1214,12 @@ const vr = ({
                 c(), b(!1);
               },
               children: [
-                /* @__PURE__ */ n(Cr, {}),
+                /* @__PURE__ */ n(Nr, {}),
                 /* @__PURE__ */ n("span", { children: u ? "Hide typing" : "Type a message" })
               ]
             }
           ),
-          /* @__PURE__ */ v(
+          /* @__PURE__ */ y(
             "button",
             {
               type: "button",
@@ -1236,8 +1237,8 @@ const vr = ({
     )
   ] });
 };
-function Er() {
-  return /* @__PURE__ */ v(
+function Sr() {
+  return /* @__PURE__ */ y(
     "svg",
     {
       width: "16",
@@ -1253,7 +1254,7 @@ function Er() {
     }
   );
 }
-function Cr() {
+function Nr() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1270,7 +1271,7 @@ function Cr() {
     }
   );
 }
-const Sr = ({
+const Ar = ({
   position: e,
   isMobile: t,
   agentName: r,
@@ -1284,135 +1285,135 @@ const Sr = ({
   teamSwitcherOpen: _,
   onToggleTeamSwitcher: u,
   onSelectTeamMember: c,
-  languageMenuOpen: R,
-  onToggleLanguageMenu: L,
+  languageMenuOpen: I,
+  onToggleLanguageMenu: k,
   connectionState: b,
-  agentState: y,
+  agentState: v,
   transcript: m,
   canResume: S,
-  needsUserGesture: D,
-  error: z,
+  needsUserGesture: $,
+  error: D,
   isMuted: x,
-  micError: T,
+  micError: R,
   micDevices: B,
   activeMicId: q,
   isCameraEnabled: N,
   cameraPreviewEl: M,
   cameraDevices: F,
-  activeCameraId: re,
-  isScreenShareEnabled: ie,
+  activeCameraId: ie,
+  isScreenShareEnabled: oe,
   screenPreviewEl: Z,
-  isSpeakerMuted: ae,
-  allowCamera: fe,
-  allowScreenShare: ve,
-  allowTyping: pe,
-  showMinimize: be = !0,
-  chromeless: he = !1,
+  isSpeakerMuted: ce,
+  allowCamera: he,
+  allowScreenShare: be,
+  allowTyping: me,
+  showMinimize: we = !0,
+  chromeless: ge = !1,
   compactControls: ee = !1,
-  transforming: at,
-  transformingLabel: je,
-  avatarVideoContainerRef: ct,
-  agentVideoEl: oe,
-  onConnect: Ve,
-  onDisconnect: Ye,
-  onRetry: Ge,
+  transforming: lt,
+  transformingLabel: Ve,
+  avatarVideoContainerRef: at,
+  agentVideoEl: le,
+  onConnect: Ye,
+  onDisconnect: Ge,
+  onRetry: Je,
   onResumeAudio: De,
   onToggleMute: Ae,
   onSwitchMicDevice: Pe,
   onToggleCamera: Re,
   onSwitchCameraDevice: $e,
   onToggleScreenShare: Ie,
-  onToggleSpeaker: Me,
-  onSendMessage: $,
-  onMinimize: st,
-  onClose: dt,
+  onToggleSpeaker: Te,
+  onSendMessage: z,
+  onMinimize: ct,
+  onClose: st,
   onClearMicError: vt
 }) => {
-  var Te;
-  const we = ((a == null ? void 0 : a.length) ?? 0) > 1, _e = b === "connecting" || b === "connected", te = b === "connected", bt = b === "idle" || b === "disconnected" || b === "error", [Je, ce] = C(!1);
-  I(() => {
-    if (!oe) {
-      ce(!1);
+  var Me;
+  const _e = ((a == null ? void 0 : a.length) ?? 0) > 1, xe = b === "connecting" || b === "connected", te = b === "connected", bt = b === "idle" || b === "disconnected" || b === "error", [Ke, se] = C(!1);
+  T(() => {
+    if (!le) {
+      se(!1);
       return;
     }
-    if (!oe.paused && oe.readyState >= 2) {
-      ce(!0);
+    if (!le.paused && le.readyState >= 2) {
+      se(!0);
       return;
     }
-    ce(!1);
-    const h = () => ce(!0);
-    return oe.addEventListener("playing", h), oe.addEventListener("loadeddata", h), () => {
-      oe.removeEventListener("playing", h), oe.removeEventListener("loadeddata", h);
+    se(!1);
+    const h = () => se(!0);
+    return le.addEventListener("playing", h), le.addEventListener("loadeddata", h), () => {
+      le.removeEventListener("playing", h), le.removeEventListener("loadeddata", h);
     };
-  }, [oe]);
-  const [X, Ke] = C(!1);
-  I(() => {
+  }, [le]);
+  const [X, Xe] = C(!1);
+  T(() => {
     if (!te) {
-      Ke(!1);
+      Xe(!1);
       return;
     }
-    if (Je) return;
-    const h = setTimeout(() => Ke(!0), 8e3);
+    if (Ke) return;
+    const h = setTimeout(() => Xe(!0), 8e3);
     return () => clearTimeout(h);
-  }, [te, Je]);
-  const ze = b === "connecting" || te && !!i && !Je && !X, xe = A(null), se = A(null);
-  I(() => {
-    const h = xe.current;
+  }, [te, Ke]);
+  const dt = b === "connecting" || te && !!i && !Ke && !X, ne = A(null), de = A(null);
+  T(() => {
+    const h = ne.current;
     h && (h.innerHTML = "", M && (M.style.width = "100%", M.style.height = "100%", M.style.objectFit = "cover", M.style.transform = "scaleX(-1)", h.appendChild(M)));
-  }, [M]), I(() => {
-    const h = se.current;
+  }, [M]), T(() => {
+    const h = de.current;
     h && (h.innerHTML = "", Z && (Z.style.width = "100%", Z.style.height = "100%", Z.style.objectFit = "contain", h.appendChild(Z)));
   }, [Z]);
-  const [me, ke] = C(!1), [G, ne] = C(!1);
-  I(() => {
-    if (!me && !G && !R && !_) return;
+  const [ue, ke] = C(!1), [G, re] = C(!1);
+  T(() => {
+    if (!ue && !G && !I && !_) return;
     const h = () => {
-      ke(!1), ne(!1), R && L(), _ && u();
+      ke(!1), re(!1), I && k(), _ && u();
     };
     return document.addEventListener("click", h), () => document.removeEventListener("click", h);
   }, [
-    me,
+    ue,
     G,
-    R,
+    I,
     _,
-    L,
+    k,
     u
   ]);
-  const [Le, Xe] = C(!1), wt = E(() => Xe((h) => !h), []), [Ee, Oe] = C(""), ut = E(
+  const [Le, Qe] = C(!1), wt = E(() => Qe((h) => !h), []), [Ee, ze] = C(""), ut = E(
     (h) => {
       h.preventDefault();
       const V = Ee.trim();
-      V && ($(V), Oe(""));
+      V && (z(V), ze(""));
     },
-    [Ee, $]
-  ), Qe = s.productName || "Live Layer";
-  let de = null, Ce = null;
+    [Ee, z]
+  ), Ze = s.productName || "Live Layer";
+  let fe = null, Ce = null;
   for (let h = m.length - 1; h >= 0; h--) {
     const V = m[h];
-    if (!de && V.role === "agent" ? de = V : !Ce && V.role === "user" && (Ce = V), de && Ce) break;
+    if (!fe && V.role === "agent" ? fe = V : !Ce && V.role === "user" && (Ce = V), fe && Ce) break;
   }
-  const ft = te ? (de == null ? void 0 : de.text) || null : l || null, He = te && (Ce == null ? void 0 : Ce.text) || null, _t = [
+  const ft = te ? (fe == null ? void 0 : fe.text) || null : l || null, Oe = te && (Ce == null ? void 0 : Ce.text) || null, _t = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ y(
     "div",
     {
       className: _t,
       "data-position": e,
-      "data-state": te ? "connected" : _e ? "connecting" : "idle",
+      "data-state": te ? "connected" : xe ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
-        /* @__PURE__ */ v("div", { className: "ll-expanded__bg", children: [
+        /* @__PURE__ */ y("div", { className: "ll-expanded__bg", children: [
           i ? /* @__PURE__ */ n(
-            _r,
+            kr,
             {
               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: ((Te = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Te.toUpperCase()) || "A" }) }),
+          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Me = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Me.toUpperCase()) || "A" }) }),
           o && !te && /* @__PURE__ */ n(
             "video",
             {
@@ -1425,12 +1426,12 @@ const Sr = ({
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { ref: ct, className: "ll-expanded__video" }),
-        ze && /* @__PURE__ */ v("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        /* @__PURE__ */ n("div", { ref: at, className: "ll-expanded__video" }),
+        dt && /* @__PURE__ */ y("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
           /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
           /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: f ? "Switching..." : "Connecting..." })
         ] }),
-        D && te && /* @__PURE__ */ v(
+        $ && te && /* @__PURE__ */ y(
           "button",
           {
             type: "button",
@@ -1442,46 +1443,46 @@ const Sr = ({
             ]
           }
         ),
-        at && /* @__PURE__ */ v(
+        lt && /* @__PURE__ */ y(
           "div",
           {
             className: "ll-expanded__overlay ll-expanded__overlay--transforming",
             role: "status",
             "aria-live": "polite",
-            "aria-label": je,
+            "aria-label": Ve,
             children: [
               /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
-              /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: je })
+              /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: Ve })
             ]
           }
         ),
-        _e ? /* @__PURE__ */ v(ot, { children: [
-          !ee && /* @__PURE__ */ v("div", { className: "ll-expanded__topbar", children: [
-            !he && /* @__PURE__ */ v("div", { className: "ll-expanded__topbar-left", children: [
-              /* @__PURE__ */ v("div", { className: "ll-expanded__pill-wrap", children: [
-                /* @__PURE__ */ v(
+        xe ? /* @__PURE__ */ y(Ue, { children: [
+          !ee && /* @__PURE__ */ y("div", { className: "ll-expanded__topbar", children: [
+            !ge && /* @__PURE__ */ y("div", { className: "ll-expanded__topbar-left", children: [
+              /* @__PURE__ */ y("div", { className: "ll-expanded__pill-wrap", children: [
+                /* @__PURE__ */ y(
                   "button",
                   {
                     type: "button",
                     className: "ll-hpill",
                     onClick: (h) => {
-                      we && (h.stopPropagation(), u());
+                      _e && (h.stopPropagation(), u());
                     },
-                    "aria-haspopup": we ? "listbox" : void 0,
-                    "aria-expanded": we ? _ : void 0,
+                    "aria-haspopup": _e ? "listbox" : void 0,
+                    "aria-expanded": _e ? _ : void 0,
                     children: [
                       /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                      we && /* @__PURE__ */ n(ht, {})
+                      _e && /* @__PURE__ */ n(ht, {})
                     ]
                   }
                 ),
-                we && _ && /* @__PURE__ */ n(
+                _e && _ && /* @__PURE__ */ n(
                   "div",
                   {
                     className: "ll-hmenu",
                     onClick: (h) => h.stopPropagation(),
                     role: "listbox",
-                    children: a == null ? void 0 : a.map((h) => /* @__PURE__ */ v(
+                    children: a == null ? void 0 : a.map((h) => /* @__PURE__ */ y(
                       "button",
                       {
                         type: "button",
@@ -1507,17 +1508,17 @@ const Sr = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ v("div", { className: "ll-expanded__pill-wrap", children: [
-                /* @__PURE__ */ v(
+              /* @__PURE__ */ y("div", { className: "ll-expanded__pill-wrap", children: [
+                /* @__PURE__ */ y(
                   "button",
                   {
                     type: "button",
                     className: "ll-hpill ll-hpill--compact",
                     onClick: (h) => {
-                      h.stopPropagation(), L();
+                      h.stopPropagation(), k();
                     },
                     "aria-haspopup": "listbox",
-                    "aria-expanded": R,
+                    "aria-expanded": I,
                     "aria-label": "Language: English",
                     title: "Language: English",
                     children: [
@@ -1526,7 +1527,7 @@ const Sr = ({
                     ]
                   }
                 ),
-                R && /* @__PURE__ */ n(
+                I && /* @__PURE__ */ n(
                   "div",
                   {
                     className: "ll-hmenu",
@@ -1548,21 +1549,21 @@ const Sr = ({
               /* @__PURE__ */ n(
                 "span",
                 {
-                  className: `ll-expanded__state ll-expanded__state--${y}`,
-                  children: y
+                  className: `ll-expanded__state ll-expanded__state--${v}`,
+                  children: v
                 }
               )
             ] }),
-            /* @__PURE__ */ v("div", { className: "ll-expanded__header-actions", children: [
-              be !== !1 && /* @__PURE__ */ n(
+            /* @__PURE__ */ y("div", { className: "ll-expanded__header-actions", children: [
+              we !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn",
-                  onClick: st,
+                  onClick: ct,
                   "aria-label": "Minimize widget",
                   title: "Minimize",
-                  children: /* @__PURE__ */ n(nn, {})
+                  children: /* @__PURE__ */ n(rn, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1570,34 +1571,34 @@ const Sr = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: dt,
+                  onClick: st,
                   "aria-label": "End call",
                   title: "End call",
-                  children: /* @__PURE__ */ n(tn, {})
+                  children: /* @__PURE__ */ n(nn, {})
                 }
               )
             ] })
           ] }),
-          ee && /* @__PURE__ */ v("div", { className: "ll-compact-status", "data-state": y, children: [
+          ee && /* @__PURE__ */ y("div", { className: "ll-compact-status", "data-state": v, children: [
             /* @__PURE__ */ n("span", { className: "ll-compact-status__dot", "aria-hidden": !0 }),
-            /* @__PURE__ */ n("span", { className: "ll-compact-status__label", children: y })
+            /* @__PURE__ */ n("span", { className: "ll-compact-status__label", children: v })
           ] })
         ] }) : (
           // 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.
-          !ee && /* @__PURE__ */ v("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Qe }),
-            /* @__PURE__ */ v("div", { className: "ll-expanded__header-actions", children: [
-              be !== !1 && /* @__PURE__ */ n(
+          !ee && /* @__PURE__ */ y("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
+            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Ze }),
+            /* @__PURE__ */ y("div", { className: "ll-expanded__header-actions", children: [
+              we !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: st,
+                  onClick: ct,
                   "aria-label": "Minimize widget",
-                  children: /* @__PURE__ */ n(nn, {})
+                  children: /* @__PURE__ */ n(rn, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1605,9 +1606,9 @@ const Sr = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: dt,
+                  onClick: st,
                   "aria-label": "Close widget",
-                  children: /* @__PURE__ */ n(tn, {})
+                  children: /* @__PURE__ */ n(nn, {})
                 }
               )
             ] })
@@ -1615,13 +1616,13 @@ const Sr = ({
         ),
         bt && /* @__PURE__ */ (() => {
           const h = S ? "Resume session" : b === "disconnected" ? "Reconnect to agent" : "Start video call";
-          return /* @__PURE__ */ v(ot, { children: [
-            !z && /* @__PURE__ */ v(
+          return /* @__PURE__ */ y(Ue, { children: [
+            !D && /* @__PURE__ */ y(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
-                onClick: Ve,
+                onClick: Ye,
                 "aria-label": h,
                 children: [
                   /* @__PURE__ */ n("div", { className: "ll-expanded__play-circle", children: /* @__PURE__ */ n("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("polygon", { points: "6 3 20 12 6 21 6 3" }) }) }),
@@ -1629,14 +1630,14 @@ const Sr = ({
                 ]
               }
             ),
-            !ee && /* @__PURE__ */ v("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
+            !ee && /* @__PURE__ */ y("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
               l && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: l }) }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__cta",
-                  onClick: Ve,
+                  onClick: Ye,
                   "aria-label": h,
                   children: h
                 }
@@ -1644,29 +1645,29 @@ const Sr = ({
             ] })
           ] });
         })(),
-        /* @__PURE__ */ v(
+        /* @__PURE__ */ y(
           "div",
           {
-            className: `ll-expanded__pip ${_e && (N || ie) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${xe && (N || oe) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: se,
-                  className: ie ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: de,
+                  className: oe ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: xe,
-                  className: !ie && N ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: ne,
+                  className: !oe && N ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        _e ? /* @__PURE__ */ v("div", { className: "ll-expanded__bottom", children: [
+        xe ? /* @__PURE__ */ y("div", { className: "ll-expanded__bottom", children: [
           !ee && ft && /* @__PURE__ */ n(
             "div",
             {
@@ -1675,27 +1676,27 @@ const Sr = ({
               children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: ft })
             }
           ),
-          !ee && He && /* @__PURE__ */ n(
+          !ee && Oe && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--user",
               "data-role": "user",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: He })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Oe })
             }
           ),
-          !he && !ee && /* @__PURE__ */ v("div", { className: "ll-toolbar", onClick: (h) => h.stopPropagation(), children: [
-            ve && /* @__PURE__ */ n(
+          !ge && !ee && /* @__PURE__ */ y("div", { className: "ll-toolbar", onClick: (h) => h.stopPropagation(), children: [
+            be && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${ie ? "is-on" : ""}`,
+                className: `ll-tool ${oe ? "is-on" : ""}`,
                 onClick: Ie,
-                "aria-label": ie ? "Stop sharing screen" : "Share screen",
-                title: ie ? "Stop sharing" : "Share screen",
-                children: /* @__PURE__ */ n(fn, {})
+                "aria-label": oe ? "Stop sharing screen" : "Share screen",
+                title: oe ? "Stop sharing" : "Share screen",
+                children: /* @__PURE__ */ n(hn, {})
               }
             ),
-            fe && /* @__PURE__ */ v("div", { className: "ll-tool-split", children: [
+            he && /* @__PURE__ */ y("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1704,7 +1705,7 @@ const Sr = ({
                   onClick: Re,
                   "aria-label": N ? "Turn off camera" : "Turn on camera",
                   title: N ? "Stop camera" : "Start camera",
-                  children: /* @__PURE__ */ n(pn, {})
+                  children: /* @__PURE__ */ n(mn, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1713,7 +1714,7 @@ const Sr = ({
                   type: "button",
                   className: `ll-tool ll-tool--right ${N ? "is-on" : ""}`,
                   onClick: (h) => {
-                    h.stopPropagation(), ne((V) => !V), ke(!1);
+                    h.stopPropagation(), re((V) => !V), ke(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
@@ -1722,18 +1723,18 @@ const Sr = ({
                 }
               ),
               G && F.length > 0 && /* @__PURE__ */ n(
-                rn,
+                on,
                 {
                   label: "Camera",
                   devices: F,
-                  activeId: re,
+                  activeId: ie,
                   onPick: (h) => {
-                    ne(!1), $e(h);
+                    re(!1), $e(h);
                   }
                 }
               )
             ] }),
-            /* @__PURE__ */ v("div", { className: "ll-tool-split", children: [
+            /* @__PURE__ */ y("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1742,7 +1743,7 @@ const Sr = ({
                   onClick: Ae,
                   "aria-label": x ? "Unmute microphone" : "Mute microphone",
                   title: x ? "Unmute" : "Mute",
-                  children: /* @__PURE__ */ n(hn, { muted: x })
+                  children: /* @__PURE__ */ n(gn, { muted: x })
                 }
               ),
               /* @__PURE__ */ n(
@@ -1751,16 +1752,16 @@ const Sr = ({
                   type: "button",
                   className: `ll-tool ll-tool--right ${x ? "is-muted" : ""}`,
                   onClick: (h) => {
-                    h.stopPropagation(), ke((V) => !V), ne(!1);
+                    h.stopPropagation(), ke((V) => !V), re(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": me,
+                  "aria-expanded": ue,
                   children: /* @__PURE__ */ n(ht, {})
                 }
               ),
-              me && B.length > 0 && /* @__PURE__ */ n(
-                rn,
+              ue && B.length > 0 && /* @__PURE__ */ n(
+                on,
                 {
                   label: "Microphone",
                   devices: B,
@@ -1775,11 +1776,11 @@ const Sr = ({
               "button",
               {
                 type: "button",
-                className: `ll-tool ${ae ? "is-muted" : ""}`,
-                onClick: Me,
-                "aria-label": ae ? "Unmute speaker" : "Mute speaker",
-                title: ae ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(mn, { muted: ae })
+                className: `ll-tool ${ce ? "is-muted" : ""}`,
+                onClick: Te,
+                "aria-label": ce ? "Unmute speaker" : "Mute speaker",
+                title: ce ? "Unmute speaker" : "Mute speaker",
+                children: /* @__PURE__ */ n(yn, { muted: ce })
               }
             ),
             /* @__PURE__ */ n(
@@ -1787,33 +1788,33 @@ const Sr = ({
               {
                 type: "button",
                 className: "ll-tool ll-tool--danger",
-                onClick: Ye,
+                onClick: Ge,
                 "aria-label": "End conversation",
                 title: "End conversation",
-                children: /* @__PURE__ */ n(gn, {})
+                children: /* @__PURE__ */ n(vn, {})
               }
             )
           ] }),
-          !he && ee && /* @__PURE__ */ n(
-            Lr,
+          !ge && ee && /* @__PURE__ */ n(
+            Cr,
             {
               isMuted: x,
               onToggleMute: Ae,
               isCameraEnabled: N,
               onToggleCamera: Re,
-              allowCamera: fe,
-              isScreenShareEnabled: ie,
+              allowCamera: he,
+              isScreenShareEnabled: oe,
               onToggleScreenShare: Ie,
-              allowScreenShare: ve,
-              isSpeakerMuted: ae,
-              onToggleSpeaker: Me,
-              allowTyping: pe,
+              allowScreenShare: be,
+              isSpeakerMuted: ce,
+              onToggleSpeaker: Te,
+              allowTyping: me,
               isTypingOpen: Le,
               onToggleTyping: wt,
-              onDisconnect: Ye
+              onDisconnect: Ge
             }
           ),
-          !he && pe && (ee ? Le : !0) && /* @__PURE__ */ v("form", { className: "ll-message-input", onSubmit: ut, children: [
+          !ge && me && (ee ? Le : !0) && /* @__PURE__ */ y("form", { className: "ll-message-input", onSubmit: ut, children: [
             /* @__PURE__ */ n(
               "input",
               {
@@ -1821,7 +1822,7 @@ const Sr = ({
                 className: "ll-message-input__field",
                 placeholder: "Message...",
                 value: Ee,
-                onChange: (h) => Oe(h.target.value),
+                onChange: (h) => ze(h.target.value),
                 "aria-label": "Message the agent"
               }
             ),
@@ -1831,15 +1832,15 @@ const Sr = ({
                 type: "submit",
                 className: "ll-message-input__send",
                 "aria-label": "Send message",
-                children: /* @__PURE__ */ n(Nr, {})
+                children: /* @__PURE__ */ n(Rr, {})
               }
             )
           ] })
         ] }) : null,
         (() => {
-          if (T && b !== "error")
-            return /* @__PURE__ */ v("div", { className: "ll-expanded__banner", role: "alert", children: [
-              /* @__PURE__ */ n("span", { children: T }),
+          if (R && b !== "error")
+            return /* @__PURE__ */ y("div", { className: "ll-expanded__banner", role: "alert", children: [
+              /* @__PURE__ */ n("span", { children: R }),
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1851,16 +1852,16 @@ const Sr = ({
                 }
               )
             ] });
-          if (!z || b !== "error") return null;
+          if (!D || b !== "error") return null;
           let h = "Failed to connect", V = "Try again";
-          return z === "MIC_PERMISSION_DENIED" ? h = "Microphone blocked. Allow access to talk." : z === "MIC_NOT_FOUND" ? h = "No microphone found. Plug one in + retry." : z === "MIC_UNAVAILABLE" ? h = "Mic unavailable. Check other apps using it." : z === "AGENT_TIMEOUT" ? h = "Agent didn't pick up. Try again." : z === "CONNECT_FAILED" ? h = "Connection failed. Check your network." : z.length < 80 && (h = z), /* @__PURE__ */ v("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+          return D === "MIC_PERMISSION_DENIED" ? h = "Microphone blocked. Allow access to talk." : D === "MIC_NOT_FOUND" ? h = "No microphone found. Plug one in + retry." : D === "MIC_UNAVAILABLE" ? h = "Mic unavailable. Check other apps using it." : D === "AGENT_TIMEOUT" ? h = "Agent didn't pick up. Try again." : D === "CONNECT_FAILED" ? h = "Connection failed. Check your network." : D.length < 80 && (h = D), /* @__PURE__ */ y("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
             /* @__PURE__ */ n("span", { children: h }),
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: Ge,
+                onClick: Je,
                 children: V
               }
             )
@@ -1873,52 +1874,52 @@ const Sr = ({
 function ht() {
   return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" }) });
 }
-function tn() {
-  return /* @__PURE__ */ v("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
+function nn() {
+  return /* @__PURE__ */ y("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function nn() {
+function rn() {
   return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
 }
-function fn() {
-  return /* @__PURE__ */ v("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function hn() {
+  return /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
     /* @__PURE__ */ n("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
     /* @__PURE__ */ n("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
   ] });
 }
-function pn() {
-  return /* @__PURE__ */ v("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function mn() {
+  return /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("path", { d: "M23 7l-7 5 7 5V7z" }),
     /* @__PURE__ */ n("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
   ] });
 }
-function hn({ muted: e }) {
-  return /* @__PURE__ */ v("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function gn({ muted: e }) {
+  return /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__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 mn({ muted: e }) {
-  return /* @__PURE__ */ v("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function yn({ muted: e }) {
+  return /* @__PURE__ */ y("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__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__ */ v(ot, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ y(Ue, { children: [
       /* @__PURE__ */ n("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" }),
       /* @__PURE__ */ n("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
     ] })
   ] });
 }
-function Nr() {
-  return /* @__PURE__ */ v("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function Rr() {
+  return /* @__PURE__ */ y("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
     /* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
   ] });
 }
-function gn() {
+function vn() {
   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",
     {
@@ -1927,7 +1928,7 @@ function gn() {
     }
   ) });
 }
-const rn = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ v(
+const on = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ y(
   "div",
   {
     className: "ll-device-menu",
@@ -1937,7 +1938,7 @@ const rn = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */
       /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
       t.map((o, l) => {
         const s = r === o.deviceId;
-        return /* @__PURE__ */ v(
+        return /* @__PURE__ */ y(
           "button",
           {
             type: "button",
@@ -1955,14 +1956,14 @@ const rn = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */
       })
     ]
   }
-), Ar = [
+), Ir = [
   '[data-ll-private="true"]',
   ".ll-widget"
 ];
 function At(e) {
   let t = e;
   for (; t; ) {
-    for (const r of Ar)
+    for (const r of Ir)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
@@ -1977,7 +1978,7 @@ function yt(e) {
   }
   return !0;
 }
-const mt = 4096, Rr = 20, Ir = 20, Mr = 10, Tr = 10, Dr = 30, Pr = 20, on = 500, $r = [
+const mt = 4096, Tr = 20, Mr = 20, Dr = 10, Pr = 10, $r = 30, zr = 20, ln = 500, Or = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1989,7 +1990,7 @@ function rt(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
-    for (const r of $r)
+    for (const r of Or)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
@@ -2002,7 +2003,7 @@ function it(e) {
   const r = window.innerHeight || document.documentElement.clientHeight, i = window.innerWidth || document.documentElement.clientWidth;
   return t.bottom > 0 && t.right > 0 && t.top < r && t.left < i;
 }
-function ln(e) {
+function an(e) {
   const t = e.getAttribute("id");
   if (t) {
     const l = document.querySelector(`label[for="${CSS.escape(t)}"]`);
@@ -2015,13 +2016,13 @@ function ln(e) {
   const o = e.closest("label");
   return o != null && o.textContent ? o.textContent.trim() : "";
 }
-function ye(e, t) {
+function ve(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
 function Be(e) {
   return e.length;
 }
-function zr(e, t = {}) {
+function Hr(e, t = {}) {
   const r = t.doc ?? (typeof document < "u" ? document : null);
   if (!r)
     return {
@@ -2039,116 +2040,116 @@ function zr(e, t = {}) {
     r.querySelectorAll("[data-ll-region]")
   ), a = [];
   for (const x of s) {
-    if (a.length >= Mr) break;
+    if (a.length >= Dr) break;
     if (rt(x) || !it(x)) continue;
-    const T = x.getAttribute("data-ll-region") ?? "", B = x.getAttribute("data-ll-intent") ?? void 0, q = ye(
+    const R = x.getAttribute("data-ll-region") ?? "", B = x.getAttribute("data-ll-intent") ?? void 0, q = ve(
       (x.innerText || x.textContent || "").trim(),
-      on * 2
+      ln * 2
     );
-    !T || !q || a.push({ id: T, intent: B, text: q });
+    !R || !q || a.push({ id: R, intent: B, text: q });
   }
   const d = [], f = ["H1", "H2", "H3", "H4", "H5", "H6"], _ = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
   for (const x of _) {
     if (rt(x) || !it(x)) continue;
-    const T = (x.textContent || "").trim();
-    T && d.push(`${x.tagName}: ${ye(T, 200)}`);
+    const R = (x.textContent || "").trim();
+    R && d.push(`${x.tagName}: ${ve(R, 200)}`);
   }
   const u = Array.from(r.querySelectorAll("p, li"));
   for (const x of u) {
     if (rt(x) || !it(x) || f.includes(x.tagName)) continue;
-    const T = (x.textContent || "").trim();
-    T.length > 10 && d.push(ye(T, on));
+    const R = (x.textContent || "").trim();
+    R.length > 10 && d.push(ve(R, ln));
   }
   const c = d.join(`
-`), R = [], L = Array.from(r.querySelectorAll("a[href]"));
-  for (const x of L) {
-    if (R.length >= Rr) break;
+`), I = [], k = Array.from(r.querySelectorAll("a[href]"));
+  for (const x of k) {
+    if (I.length >= Tr) break;
     if (rt(x) || !it(x)) continue;
-    const T = x.getAttribute("href") || "", B = (x.textContent || "").trim();
-    !T || !B || R.push({ href: T, text: ye(B, 100) });
+    const R = x.getAttribute("href") || "", B = (x.textContent || "").trim();
+    !R || !B || I.push({ href: R, text: ve(B, 100) });
   }
-  const b = [], y = Array.from(
+  const b = [], v = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
-  for (const x of y) {
-    if (b.length >= Ir) break;
+  for (const x of v) {
+    if (b.length >= Mr) break;
     if (rt(x) || !yt(x) || !it(x)) continue;
-    const T = ln(x), B = x instanceof HTMLInputElement ? x.type : x.tagName.toLowerCase();
-    T && b.push({ label: ye(T, 100), type: B });
+    const R = an(x), B = x instanceof HTMLInputElement ? x.type : x.tagName.toLowerCase();
+    R && b.push({ label: ve(R, 100), type: B });
   }
   const m = Array.from(
     r.querySelectorAll("[data-ll-form]")
   ), S = [];
   for (const x of m) {
-    if (S.length >= Tr) break;
+    if (S.length >= Pr) break;
     if (At(x)) continue;
-    const T = x.getAttribute("data-ll-form") || "";
-    if (!T) continue;
+    const R = x.getAttribute("data-ll-form") || "";
+    if (!R) continue;
     const B = x.getAttribute("data-ll-intent") || void 0, q = Array.from(
       x.querySelectorAll(
         "[data-ll-field]"
       )
     ), N = [];
     for (const M of q) {
-      if (N.length >= Dr) break;
+      if (N.length >= $r) break;
       if (!yt(M)) continue;
       const F = M.getAttribute("data-ll-field") || "";
       if (!F) continue;
-      const re = ln(M) || F, ie = M instanceof HTMLInputElement ? M.type : M.tagName.toLowerCase(), Z = {
+      const ie = an(M) || F, oe = M instanceof HTMLInputElement ? M.type : M.tagName.toLowerCase(), Z = {
         name: F,
-        label: ye(re, 100),
-        type: ie
+        label: ve(ie, 100),
+        type: oe
       };
       if (M.required === !0 && (Z.required = !0), M instanceof HTMLSelectElement) {
-        const fe = [];
-        for (let ve = 0; ve < M.options.length && !(fe.length >= Pr); ve++) {
-          const pe = M.options[ve];
-          if (!pe || pe.disabled) continue;
-          const be = pe.value || "", he = (pe.textContent || "").trim() || be;
-          !be && !he || fe.push({ value: be, label: ye(he, 60) });
+        const he = [];
+        for (let be = 0; be < M.options.length && !(he.length >= zr); be++) {
+          const me = M.options[be];
+          if (!me || me.disabled) continue;
+          const we = me.value || "", ge = (me.textContent || "").trim() || we;
+          !we && !ge || he.push({ value: we, label: ve(ge, 60) });
         }
-        fe.length > 0 && (Z.options = fe);
+        he.length > 0 && (Z.options = he);
       }
-      const ae = typeof M.validationMessage == "string" ? M.validationMessage : "";
-      ae && (Z.validationMessage = ye(ae, 200)), N.push(Z);
+      const ce = typeof M.validationMessage == "string" ? M.validationMessage : "";
+      ce && (Z.validationMessage = ve(ce, 200)), N.push(Z);
     }
-    S.push({ id: T, intent: B, fields: N });
+    S.push({ id: R, intent: B, fields: N });
   }
-  const D = {
+  const $ = {
     url: i,
     title: l,
     pathname: o,
     regions: a,
     visibleText: c,
-    visibleLinks: R,
+    visibleLinks: I,
     visibleFields: b,
     forms: S,
     extras: e
   };
-  let z = Be(JSON.stringify(D.regions)) + Be(D.visibleText) + Be(JSON.stringify(D.visibleLinks)) + Be(JSON.stringify(D.visibleFields));
-  for (; z > mt && D.visibleFields.length > 0; )
-    D.visibleFields.pop(), z = Be(JSON.stringify(D.visibleFields));
-  for (; z > mt && D.visibleLinks.length > 0; )
-    D.visibleLinks.pop(), z -= 80;
-  return Be(D.visibleText) > mt && (D.visibleText = ye(D.visibleText, mt - 100)), D;
+  let D = Be(JSON.stringify($.regions)) + Be($.visibleText) + Be(JSON.stringify($.visibleLinks)) + Be(JSON.stringify($.visibleFields));
+  for (; D > mt && $.visibleFields.length > 0; )
+    $.visibleFields.pop(), D = Be(JSON.stringify($.visibleFields));
+  for (; D > mt && $.visibleLinks.length > 0; )
+    $.visibleLinks.pop(), D -= 80;
+  return Be($.visibleText) > mt && ($.visibleText = ve($.visibleText, mt - 100)), $;
 }
 let qe = null;
-function an(e, t = {}) {
+function cn(e, t = {}) {
   const r = Date.now(), o = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
   if (qe && qe.key === o && r - qe.at < 1e3)
     return qe.ctx;
-  const l = zr(e, t);
+  const l = Hr(e, t);
   return qe = { key: o, at: r, ctx: l }, l;
 }
-function Or() {
+function Wr() {
   qe = null;
 }
-const Hr = 200;
-function Wr(e) {
+const Br = 200;
+function qr(e) {
   const t = String(e.href || "");
   return {
     href: t,
@@ -2158,18 +2159,18 @@ function Wr(e) {
     description: e.description
   };
 }
-function Br(e) {
+function Fr(e) {
   return !(!e || e.startsWith("#") || e.startsWith("javascript:") || e.startsWith("mailto:") || e.startsWith("tel:"));
 }
-function qr(e) {
+function Ur(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
   const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), o = [], l = Array.from(t.querySelectorAll("a[href]"));
   for (const s of l) {
-    if (o.length >= Hr) break;
+    if (o.length >= Br) break;
     if (At(s)) continue;
     const a = s.getAttribute("href") || "";
-    if (!Br(a)) continue;
+    if (!Fr(a)) continue;
     let d = a, f = !0;
     try {
       if (typeof window < "u") {
@@ -2187,22 +2188,22 @@ function qr(e) {
   return o;
 }
 let Fe = null;
-const Fr = 5e3;
+const jr = 5e3;
 function St() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (Fe && Fe.pathname === t && e - Fe.at < Fr)
+  if (Fe && Fe.pathname === t && e - Fe.at < jr)
     return Fe.routes;
-  const r = qr();
+  const r = Ur();
   return Fe = { at: e, pathname: t, routes: r }, r;
 }
-function Ur() {
+function Vr() {
   Fe = null;
 }
-function jr(e, t) {
+function Yr(e, t) {
   const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, i = Object.getOwnPropertyDescriptor(r, "value"), o = i == null ? void 0 : i.set;
   o ? o.call(e, t) : e.value = t;
 }
-function Vr(e, t, r = {}) {
+function Gr(e, t, r = {}) {
   const i = r.triggerInput ?? !0, o = r.triggerChange ?? !0;
   if (e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio")) {
     const l = Object.getOwnPropertyDescriptor(
@@ -2212,9 +2213,9 @@ function Vr(e, t, r = {}) {
     s ? s.call(e, a) : e.checked = a, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
-  jr(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  Yr(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
-function Yr() {
+function Jr() {
   if (typeof window > "u" || typeof document > "u")
     return !1;
   const e = document.scrollingElement || document.documentElement;
@@ -2222,19 +2223,19 @@ function Yr() {
   const t = window.getComputedStyle(e);
   return !(t.overflowY === "hidden" || t.overflowY === "clip");
 }
-function Gr(e) {
+function Kr(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const r = window.getComputedStyle(e).overflowY;
   return !(r !== "auto" && r !== "scroll" || e.scrollHeight <= e.clientHeight + 2);
 }
-function Jr() {
+function Xr() {
   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 (!Gr(i)) continue;
+    if (!Kr(i)) continue;
     const o = i.getBoundingClientRect();
     if (o.bottom <= 0 || o.top >= window.innerHeight || o.right <= 0 || o.left >= window.innerWidth || o.width <= 0 || o.height <= 0 || i.closest(".ll-widget")) continue;
     const l = o.width * o.height;
@@ -2242,24 +2243,24 @@ function Jr() {
   }
   return t;
 }
-function Kr() {
+function Qr() {
   if (typeof window > "u")
     return null;
-  if (Yr()) return window;
-  const e = Jr();
+  if (Jr()) return window;
+  const e = Xr();
   return e || window;
 }
-function cn(e) {
+function sn(e) {
   return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
 }
-function Xr(e) {
+function Zr(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 Qr = /* @__PURE__ */ new Set([
+const ei = /* @__PURE__ */ new Set([
   "agent_state",
   "avatar_stream_ready",
   "avatar_active",
@@ -2281,9 +2282,9 @@ const Qr = /* @__PURE__ */ new Set([
   "focus_field",
   "submit_form",
   "request_routes"
-]), yn = lt(
+]), bn = ot(
   function(t, r) {
-    var Ot, Ht, Wt, Bt, qt, Ft, Ut;
+    var Ht, Wt, Bt, qt, Ft, Ut, jt;
     const {
       agentId: i,
       apiKey: o,
@@ -2295,69 +2296,69 @@ const Qr = /* @__PURE__ */ new Set([
       autoConnect: _ = !1,
       displayMode: u,
       defaultDisplayMode: c = "expanded",
-      onDisplayModeChange: R,
-      position: L = "bottom-right",
+      onDisplayModeChange: I,
+      position: k = "bottom-right",
       mobileBreakpoint: b = 640,
-      persistKey: y = "ll-widget",
+      persistKey: v = "ll-widget",
       disablePersistence: m = !1,
       teamMembers: S,
-      currentTeamMemberId: D,
-      onTeamMemberChange: z,
+      currentTeamMemberId: $,
+      onTeamMemberChange: D,
       idleLoopUrl: x,
-      greeting: T,
+      greeting: R,
       avatarImageUrl: B,
       agentName: q,
       branding: N = {},
       allowCamera: M = !0,
       allowScreenShare: F = !0,
-      allowTyping: re = !0,
-      showMinimize: ie = !0,
+      allowTyping: ie = !0,
+      showMinimize: oe = !0,
       chromeless: Z = !1,
-      compactControls: ae = !1,
-      transforming: fe = !1,
-      transformingLabel: ve = "Transforming…",
-      showOn: pe,
-      hideOn: be,
-      pathname: he,
+      compactControls: ce = !1,
+      transforming: he = !1,
+      transformingLabel: be = "Transforming…",
+      showOn: me,
+      hideOn: we,
+      pathname: ge,
       onNavigate: ee,
-      onScrollToSelector: at,
-      getPageContext: je,
-      pageContextExtras: ct,
-      getRoutes: oe,
-      onScrollPage: Ve,
-      onClick: Ye,
-      capabilities: Ge,
+      onScrollToSelector: lt,
+      getPageContext: Ve,
+      pageContextExtras: at,
+      getRoutes: le,
+      onScrollPage: Ye,
+      onClick: Ge,
+      capabilities: Je,
       onConnect: De,
       onDisconnect: Ae,
       onTranscript: Pe,
       onAgentState: Re,
       onConnectionStateChange: $e,
       onAgentEvent: Ie,
-      onAgentCommand: Me,
-      controlledSession: $,
-      className: st,
-      style: dt,
+      onAgentCommand: Te,
+      controlledSession: z,
+      className: ct,
+      style: st,
       zIndex: vt = 2147483647
-    } = t, we = rr(he), _e = dr(we, pe, be);
-    I(() => {
-      Or(), Ur();
-    }, [we]);
-    const te = D !== void 0, [bt, Je] = C(() => {
+    } = t, _e = or(ge), xe = fr(_e, me, we);
+    T(() => {
+      Wr(), Vr();
+    }, [_e]);
+    const te = $ !== void 0, [bt, Ke] = C(() => {
       var g;
-      return D ?? ((g = S == null ? void 0 : S[0]) == null ? void 0 : g.id);
-    }), ce = te ? D : bt, X = Ue(
-      () => (S == null ? void 0 : S.find((g) => g.id === ce)) ?? null,
-      [S, ce]
-    ), Ke = (X == null ? void 0 : X.agentId) ?? i, ze = f === "EMBEDDED", [xe, se] = Zn({
-      value: ze ? "expanded" : u,
-      defaultValue: ze ? "expanded" : c,
-      onChange: R,
-      persistKey: y,
-      disablePersistence: ze || m
-    }), me = tr(b), ke = Bn(), G = qn(), ne = Un(), Le = jn(), Xe = Vn(), [wt, Ee] = C(!1), [Oe, ut] = C(!1), [Qe, de] = C(!1), [Ce, ft] = C(!1), [He, _t] = C(!1), Te = fr({ baseUrl: l, config: d }), h = A(Te);
-    h.current = Te;
-    const V = A(ee), xt = A(at), kt = A(Ve), Lt = A(Ye), Rt = A(je), It = A(ct), Mt = A(oe), Et = A(Ge), ue = A(null);
-    V.current = ee, xt.current = at, kt.current = Ve, Lt.current = Ye, Rt.current = je, It.current = ct, Mt.current = oe, Et.current = Ge;
+      return $ ?? ((g = S == null ? void 0 : S[0]) == null ? void 0 : g.id);
+    }), se = te ? $ : bt, X = je(
+      () => (S == null ? void 0 : S.find((g) => g.id === se)) ?? null,
+      [S, se]
+    ), Xe = (X == null ? void 0 : X.agentId) ?? i, dt = f === "EMBEDDED", [ne, de] = tr({
+      value: u,
+      defaultValue: c,
+      onChange: I,
+      persistKey: v,
+      disablePersistence: dt || m
+    }), ue = rr(b), ke = Fn(), G = Un(), re = Vn(), Le = Yn(), Qe = Gn(), [wt, Ee] = C(!1), [ze, ut] = C(!1), [Ze, fe] = C(!1), [Ce, ft] = C(!1), [Oe, _t] = C(!1), Me = hr({ baseUrl: l, config: d }), h = A(Me);
+    h.current = Me;
+    const V = A(ee), xt = A(lt), kt = A(Ye), Lt = A(Ge), Rt = A(Ve), It = A(at), Tt = A(le), Et = A(Je), pe = A(null);
+    V.current = ee, xt.current = lt, kt.current = Ye, Lt.current = Ge, Rt.current = Ve, It.current = at, Tt.current = le, Et.current = Je;
     function Se(g) {
       const p = Et.current;
       return p ? p.includes(g) : !0;
@@ -2367,9 +2368,9 @@ const Qr = /* @__PURE__ */ new Set([
         `[LiveLayer] Agent command "${g}" blocked — capability "${p}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
       );
     }
-    const Ze = E(
+    const et = E(
       (g) => {
-        var Y, le, ge, nt;
+        var Y, ae, ye, nt;
         const p = g;
         if (!(!p.type || typeof p.type != "string")) {
           if (Ie == null || Ie({ eventName: p.type, data: g }), p.type === "navigate") {
@@ -2377,8 +2378,8 @@ const Qr = /* @__PURE__ */ new Set([
               Ne("navigate", "navigate");
               return;
             }
-            const k = typeof p.href == "string" ? p.href : null;
-            if (!k) {
+            const L = typeof p.href == "string" ? p.href : null;
+            if (!L) {
               console.warn(
                 `[LiveLayer] Agent emitted "navigate" without href. Skipping. Check your agent's tool schema. See https://livelayer.studio/docs/errors/navigate-missing-href`
               );
@@ -2386,10 +2387,10 @@ const Qr = /* @__PURE__ */ new Set([
             }
             if (h.current.playPageChange(), V.current) {
               try {
-                V.current(k);
+                V.current(L);
               } catch (P) {
                 console.warn(
-                  `[LiveLayer] onNavigate threw for "${k}". Falling back. Error:`,
+                  `[LiveLayer] onNavigate threw for "${L}". Falling back. Error:`,
                   P
                 );
               }
@@ -2397,7 +2398,7 @@ const Qr = /* @__PURE__ */ new Set([
             }
             if (typeof document < "u") {
               const P = document.querySelector(
-                `a[href="${k.replace(/"/g, '\\"')}"]`
+                `a[href="${L.replace(/"/g, '\\"')}"]`
               );
               if (P) {
                 P.click();
@@ -2406,10 +2407,10 @@ const Qr = /* @__PURE__ */ new Set([
             }
             if (typeof window < "u" && typeof history < "u")
               try {
-                history.pushState({}, "", k), window.dispatchEvent(new PopStateEvent("popstate"));
+                history.pushState({}, "", L), window.dispatchEvent(new PopStateEvent("popstate"));
               } catch (P) {
                 console.warn(
-                  `[LiveLayer] history.pushState fallback failed for "${k}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
+                  `[LiveLayer] history.pushState fallback failed for "${L}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
                   P
                 );
               }
@@ -2420,13 +2421,13 @@ const Qr = /* @__PURE__ */ new Set([
               Ne("scroll_to", "scroll");
               return;
             }
-            const k = typeof p.selector == "string" ? p.selector : null;
-            if (!k) return;
+            const L = typeof p.selector == "string" ? p.selector : null;
+            if (!L) return;
             const P = p.behavior === "instant" ? "instant" : "smooth";
             if (xt.current) {
               try {
                 xt.current(
-                  k,
+                  L,
                   P
                 );
               } catch (W) {
@@ -2437,16 +2438,16 @@ const Qr = /* @__PURE__ */ new Set([
             if (typeof document < "u") {
               let W = null;
               try {
-                W = document.querySelector(k);
+                W = document.querySelector(L);
               } catch {
                 console.warn(
-                  `[LiveLayer] scroll_to: invalid selector "${k}".`
+                  `[LiveLayer] scroll_to: invalid selector "${L}".`
                 );
                 return;
               }
               if (!W) {
                 console.warn(
-                  `[LiveLayer] scroll_to: no element matched "${k}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
+                  `[LiveLayer] scroll_to: no element matched "${L}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
                 );
                 return;
               }
@@ -2462,11 +2463,11 @@ const Qr = /* @__PURE__ */ new Set([
               Ne("request_page_context", "read_page");
               return;
             }
-            const k = typeof p.requestId == "string" ? p.requestId : void 0, P = (Y = ue.current) == null ? void 0 : Y.call(ue), W = (j) => {
+            const L = typeof p.requestId == "string" ? p.requestId : void 0, P = (Y = pe.current) == null ? void 0 : Y.call(pe), W = (j) => {
               const O = P, K = O == null ? void 0 : O.localParticipant;
               if (K != null && K.publishData)
                 try {
-                  const Q = k ? { ...j, requestId: k } : j, We = new TextEncoder().encode(JSON.stringify(Q));
+                  const Q = L ? { ...j, requestId: L } : j, We = new TextEncoder().encode(JSON.stringify(Q));
                   K.publishData(We, { reliable: !0 });
                 } catch (Q) {
                   console.warn("[LiveLayer] publishData failed.", Q);
@@ -2482,7 +2483,7 @@ const Qr = /* @__PURE__ */ new Set([
                       O
                     ), W({
                       type: "page_context",
-                      context: an(H)
+                      context: cn(H)
                     });
                   });
                   return;
@@ -2492,7 +2493,7 @@ const Qr = /* @__PURE__ */ new Set([
               }
               W({
                 type: "page_context",
-                context: an(H)
+                context: cn(H)
               });
             } catch (j) {
               console.warn(
@@ -2510,10 +2511,10 @@ const Qr = /* @__PURE__ */ new Set([
               Ne("scroll_page", "scroll");
               return;
             }
-            const k = p.direction;
-            if (k !== "up" && k !== "down" && k !== "top" && k !== "bottom") {
+            const L = p.direction;
+            if (L !== "up" && L !== "down" && L !== "top" && L !== "bottom") {
               console.warn(
-                `[LiveLayer] scroll_page: invalid direction "${String(k)}". Expected up | down | top | bottom.`
+                `[LiveLayer] scroll_page: invalid direction "${String(L)}". Expected up | down | top | bottom.`
               );
               return;
             }
@@ -2521,7 +2522,7 @@ const Qr = /* @__PURE__ */ new Set([
             if (kt.current) {
               try {
                 kt.current(
-                  k,
+                  L,
                   P
                 );
               } catch (O) {
@@ -2530,12 +2531,12 @@ const Qr = /* @__PURE__ */ new Set([
               return;
             }
             if (typeof window > "u") return;
-            const W = { behavior: P }, H = Kr(), U = (O) => {
+            const W = { behavior: P }, H = Qr(), U = (O) => {
               H instanceof Window ? H.scrollBy({ top: O, ...W }) : H.scrollBy({ top: O, ...W });
             }, j = (O) => {
               H instanceof Window ? H.scrollTo({ top: O, ...W }) : H.scrollTo({ top: O, ...W });
             };
-            k === "up" ? U(-cn(H)) : k === "down" ? U(cn(H)) : j(k === "top" ? 0 : Xr(H));
+            L === "up" ? U(-sn(H)) : L === "down" ? U(sn(H)) : j(L === "top" ? 0 : Zr(H));
             return;
           }
           if (p.type === "click") {
@@ -2543,14 +2544,14 @@ const Qr = /* @__PURE__ */ new Set([
               Ne("click", "click");
               return;
             }
-            const k = typeof p.selector == "string" ? p.selector : null;
-            if (!k) {
+            const L = typeof p.selector == "string" ? p.selector : null;
+            if (!L) {
               console.warn("[LiveLayer] click: missing selector.");
               return;
             }
             if (Lt.current) {
               try {
-                Lt.current(k);
+                Lt.current(L);
               } catch (W) {
                 console.warn("[LiveLayer] onClick threw.", W);
               }
@@ -2559,16 +2560,16 @@ const Qr = /* @__PURE__ */ new Set([
             if (typeof document > "u") return;
             let P = null;
             try {
-              P = document.querySelector(k);
+              P = document.querySelector(L);
             } catch {
               console.warn(
-                `[LiveLayer] click: invalid selector "${k}".`
+                `[LiveLayer] click: invalid selector "${L}".`
               );
               return;
             }
             if (!P) {
               console.warn(
-                `[LiveLayer] click: no element matched "${k}". See https://livelayer.studio/docs/errors/click-no-match`
+                `[LiveLayer] click: no element matched "${L}". See https://livelayer.studio/docs/errors/click-no-match`
               );
               return;
             }
@@ -2578,7 +2579,7 @@ const Qr = /* @__PURE__ */ new Set([
               );
               return;
             }
-            (le = P.click) == null || le.call(P);
+            (ae = P.click) == null || ae.call(P);
             return;
           }
           if (p.type === "fill_form" || p.type === "focus_field") {
@@ -2588,17 +2589,17 @@ const Qr = /* @__PURE__ */ new Set([
             }
             if (typeof document > "u") return;
             p.type === "fill_form" && h.current.playConfirmation();
-            const k = typeof p.formId == "string" ? p.formId : null;
-            if (!k) {
+            const L = typeof p.formId == "string" ? p.formId : null;
+            if (!L) {
               console.warn(`[LiveLayer] ${p.type}: missing formId.`);
               return;
             }
             const P = document.querySelector(
-              `[data-ll-form="${k.replace(/"/g, '\\"')}"]`
+              `[data-ll-form="${L.replace(/"/g, '\\"')}"]`
             );
             if (!P) {
               console.warn(
-                `[LiveLayer] ${p.type}: no form with data-ll-form="${k}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
+                `[LiveLayer] ${p.type}: no form with data-ll-form="${L}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
               );
               return;
             }
@@ -2617,7 +2618,7 @@ const Qr = /* @__PURE__ */ new Set([
               const U = P.querySelector(`[data-ll-field="${H.replace(/"/g, '\\"')}"]`);
               if (!U) {
                 console.warn(
-                  `[LiveLayer] focus_field: no field "${H}" in form "${k}".`
+                  `[LiveLayer] focus_field: no field "${H}" in form "${L}".`
                 );
                 return;
               }
@@ -2640,7 +2641,7 @@ const Qr = /* @__PURE__ */ new Set([
               const j = P.querySelector(`[data-ll-field="${H.replace(/"/g, '\\"')}"]`);
               if (!j) {
                 console.warn(
-                  `[LiveLayer] fill_form: no field "${H}" in form "${k}". Skipping.`
+                  `[LiveLayer] fill_form: no field "${H}" in form "${L}". Skipping.`
                 );
                 continue;
               }
@@ -2651,7 +2652,7 @@ const Qr = /* @__PURE__ */ new Set([
                 continue;
               }
               try {
-                Vr(j, U);
+                Gr(j, U);
               } catch (O) {
                 console.warn(
                   `[LiveLayer] fill_form: failed to set "${H}".`,
@@ -2667,18 +2668,18 @@ const Qr = /* @__PURE__ */ new Set([
               return;
             }
             if (typeof document > "u") return;
-            const k = typeof p.formId == "string" ? p.formId : null;
-            if (!k) {
+            const L = typeof p.formId == "string" ? p.formId : null;
+            if (!L) {
               console.warn("[LiveLayer] submit_form: missing formId.");
               return;
             }
             h.current.playConfirmation();
             const P = document.querySelector(
-              `[data-ll-form="${k.replace(/"/g, '\\"')}"]`
+              `[data-ll-form="${L.replace(/"/g, '\\"')}"]`
             );
             if (!P) {
               console.warn(
-                `[LiveLayer] submit_form: no form with data-ll-form="${k}".`
+                `[LiveLayer] submit_form: no form with data-ll-form="${L}".`
               );
               return;
             }
@@ -2688,18 +2689,18 @@ const Qr = /* @__PURE__ */ new Set([
               );
               return;
             }
-            const W = typeof p.requestId == "string" ? p.requestId : void 0, H = (ge = ue.current) == null ? void 0 : ge.call(ue), U = (K) => {
+            const W = typeof p.requestId == "string" ? p.requestId : void 0, H = (ye = pe.current) == null ? void 0 : ye.call(pe), U = (K) => {
               const Q = H, We = Q == null ? void 0 : Q.localParticipant;
               if (We != null && We.publishData)
                 try {
-                  const An = W ? { ...K, requestId: W } : K, Rn = new TextEncoder().encode(JSON.stringify(An));
-                  We.publishData(Rn, { reliable: !0 });
+                  const Tn = W ? { ...K, requestId: W } : K, Mn = new TextEncoder().encode(JSON.stringify(Tn));
+                  We.publishData(Mn, { reliable: !0 });
                 } catch {
                 }
             };
             let j = !1;
             const O = () => {
-              j = !0, U({ type: "form_submitted", formId: k });
+              j = !0, U({ type: "form_submitted", formId: L });
             };
             P.addEventListener("submit", O, { once: !0 });
             try {
@@ -2707,7 +2708,7 @@ const Qr = /* @__PURE__ */ new Set([
             } catch (K) {
               console.warn("[LiveLayer] submit_form: requestSubmit threw.", K), P.removeEventListener("submit", O), U({
                 type: "form_submit_blocked",
-                formId: k,
+                formId: L,
                 reason: "exception"
               });
               return;
@@ -2715,7 +2716,7 @@ const Qr = /* @__PURE__ */ new Set([
             setTimeout(() => {
               j || (P.removeEventListener("submit", O), U({
                 type: "form_submit_blocked",
-                formId: k,
+                formId: L,
                 reason: "validation"
               }));
             }, 500);
@@ -2726,16 +2727,16 @@ const Qr = /* @__PURE__ */ new Set([
               Ne("request_routes", "read_page");
               return;
             }
-            const k = typeof p.requestId == "string" ? p.requestId : void 0, W = (nt = ue.current) == null ? void 0 : nt.call(ue), H = W == null ? void 0 : W.localParticipant;
+            const L = typeof p.requestId == "string" ? p.requestId : void 0, W = (nt = pe.current) == null ? void 0 : nt.call(pe), H = W == null ? void 0 : W.localParticipant;
             if (!(H != null && H.publishData)) return;
             const U = (O) => {
               try {
-                const K = k ? { type: "routes", routes: O, requestId: k } : { type: "routes", routes: O }, Q = new TextEncoder().encode(JSON.stringify(K));
+                const K = L ? { type: "routes", routes: O, requestId: L } : { type: "routes", routes: O }, Q = new TextEncoder().encode(JSON.stringify(K));
                 H.publishData(Q, { reliable: !0 });
               } catch (K) {
                 console.warn("[LiveLayer] request_routes: publishData failed.", K);
               }
-            }, j = Mt.current;
+            }, j = Tt.current;
             if (j) {
               try {
                 const O = j(), K = (Q) => {
@@ -2743,7 +2744,7 @@ const Qr = /* @__PURE__ */ new Set([
                     U([]);
                     return;
                   }
-                  U(Q.map(Wr).slice(0, 200));
+                  U(Q.map(qr).slice(0, 200));
                 };
                 O instanceof Promise ? O.then(K).catch((Q) => {
                   console.warn(
@@ -2766,52 +2767,52 @@ const Qr = /* @__PURE__ */ new Set([
             }
             return;
           }
-          Qr.has(p.type) || Me == null || Me(p);
+          ei.has(p.type) || Te == null || Te(p);
         }
       },
-      [Me, Ie]
-    ), J = Wn({
-      agentId: $ ? "__controlled__" : Ke,
+      [Te, Ie]
+    ), J = qn({
+      agentId: z ? "__controlled__" : Xe,
       baseUrl: l,
       apiKey: o,
       sessionEndpoint: s,
       sessionBody: a,
-      onDataMessage: $ ? void 0 : Ze
+      onDataMessage: z ? void 0 : et
     });
-    I(() => {
-      if ($ != null && $.subscribeToDataMessages)
-        return $.subscribeToDataMessages(Ze);
-    }, [$, Ze]), ue.current = () => {
+    T(() => {
+      if (z != null && z.subscribeToDataMessages)
+        return z.subscribeToDataMessages(et);
+    }, [z, et]), pe.current = () => {
       var g;
       return (g = J.getRoom) == null ? void 0 : g.call(J);
-    }, I(() => {
+    }, T(() => {
       var Y;
       if (typeof window > "u") return;
       const g = ((Y = window.location) == null ? void 0 : Y.hostname) || "";
       if (g === "localhost" || g === "127.0.0.1" || g === "0.0.0.0" || g.endsWith(".local") || g.endsWith(".test"))
-        return window.__livelayerSimulateCommand = (le) => {
+        return window.__livelayerSimulateCommand = (ae) => {
           try {
-            Ze(le);
-          } catch (ge) {
-            console.warn("[LiveLayer] simulate-command threw:", ge);
+            et(ae);
+          } catch (ye) {
+            console.warn("[LiveLayer] simulate-command threw:", ye);
           }
         }, () => {
           delete window.__livelayerSimulateCommand;
         };
-    }, [Ze]);
-    const w = Ue(() => $ ? {
-      connectionState: $.connectionState,
-      agentState: $.agentState,
-      transcript: $.transcript,
-      videoElement: $.videoElement,
-      audioElement: $.audioElement,
-      canResume: $.canResume,
-      error: $.error,
+    }, [et]);
+    const w = je(() => z ? {
+      connectionState: z.connectionState,
+      agentState: z.agentState,
+      transcript: z.transcript,
+      videoElement: z.videoElement,
+      audioElement: z.audioElement,
+      canResume: z.canResume,
+      error: z.error,
       agentConfig: null,
       connect: async () => {
-        await $.onConnect();
+        await z.onConnect();
       },
-      disconnect: () => $.onDisconnect(),
+      disconnect: () => z.onDisconnect(),
       // Dummy getRoom for shape compatibility — controlled consumers own the Room.
       // Internal session's getRoom returns null when no real connect has happened,
       // so we reuse its reference for type consistency.
@@ -2830,43 +2831,43 @@ const Qr = /* @__PURE__ */ new Set([
       disconnect: J.disconnect,
       getRoom: J.getRoom,
       isControlled: !1
-    }, [$, J]), Tt = A(w);
-    Tt.current = w;
-    const Dt = A($);
-    Dt.current = $, Tn(
+    }, [z, J]), Mt = A(w);
+    Mt.current = w;
+    const Dt = A(z);
+    Dt.current = z, $n(
       r,
       () => ({
         sendData: async (g) => {
-          var ge, nt;
+          var ye, nt;
           const p = Dt.current;
           if (p != null && p.publishData) {
             try {
               await p.publishData(g);
-            } catch (k) {
-              console.warn("[AvatarWidget] sendData (controlled) failed:", k);
+            } catch (L) {
+              console.warn("[AvatarWidget] sendData (controlled) failed:", L);
             }
             return;
           }
-          const Y = (nt = (ge = Tt.current) == null ? void 0 : ge.getRoom) == null ? void 0 : nt.call(ge), le = Y == null ? void 0 : Y.localParticipant;
-          if (le != null && le.publishData)
+          const Y = (nt = (ye = Mt.current) == null ? void 0 : ye.getRoom) == null ? void 0 : nt.call(ye), ae = Y == null ? void 0 : Y.localParticipant;
+          if (ae != null && ae.publishData)
             try {
-              const k = new TextEncoder().encode(JSON.stringify(g));
-              await le.publishData(k, { reliable: !0 });
-            } catch (k) {
-              console.warn("[AvatarWidget] sendData failed:", k);
+              const L = new TextEncoder().encode(JSON.stringify(g));
+              await ae.publishData(L, { reliable: !0 });
+            } catch (L) {
+              console.warn("[AvatarWidget] sendData failed:", L);
             }
         }
       }),
       []
     );
     const Pt = A(null);
-    I(() => {
+    T(() => {
       const g = w.videoElement, p = Pt.current;
       if (!(!g || !p))
         return p.appendChild(g), () => {
           g.parentNode === p && p.removeChild(g);
         };
-    }, [w.videoElement]), I(() => {
+    }, [w.videoElement]), T(() => {
       const g = w.audioElement;
       if (!g) return;
       ke.attach(g);
@@ -2876,7 +2877,7 @@ const Qr = /* @__PURE__ */ new Set([
       }), () => {
         ke.detach();
       };
-    }, [w.audioElement]), I(() => {
+    }, [w.audioElement]), T(() => {
       if (w.isControlled || w.connectionState !== "connected") return;
       const g = w.getRoom();
       if (g)
@@ -2884,23 +2885,23 @@ const Qr = /* @__PURE__ */ new Set([
         }), () => {
           G.teardownMic();
         };
-    }, [w.isControlled, w.connectionState]), I(() => {
+    }, [w.isControlled, w.connectionState]), T(() => {
       var p;
       if (w.connectionState !== "connected") return;
-      const g = w.isControlled ? (p = $ == null ? void 0 : $.getRoom) == null ? void 0 : p.call($) : w.getRoom();
+      const g = w.isControlled ? (p = z == null ? void 0 : z.getRoom) == null ? void 0 : p.call(z) : w.getRoom();
       if (g)
-        return ne.attachRoom(g), Le.attachRoom(g), w.isControlled && G.attachRoom(g), Xe.refresh(), () => {
-          ne.teardown(), Le.teardown();
+        return re.attachRoom(g), Le.attachRoom(g), w.isControlled && G.attachRoom(g), Qe.refresh(), () => {
+          re.teardown(), Le.teardown();
         };
-    }, [w.isControlled, w.connectionState, $]), I(() => {
+    }, [w.isControlled, w.connectionState, z]), T(() => {
       const g = w.audioElement;
-      g && (g.muted = He);
-    }, [w.audioElement, He]);
-    const vn = E((g) => {
+      g && (g.muted = Oe);
+    }, [w.audioElement, Oe]);
+    const wn = E((g) => {
       const p = { type: "user_message", text: g };
-      if ($ != null && $.publishData) {
+      if (z != null && z.publishData) {
         try {
-          $.publishData(p);
+          z.publishData(p);
         } catch {
         }
         return;
@@ -2908,182 +2909,200 @@ const Qr = /* @__PURE__ */ new Set([
       const Y = w.getRoom();
       if (Y)
         try {
-          const le = new TextEncoder().encode(JSON.stringify(p));
-          Y.localParticipant.publishData(le, { reliable: !0 });
+          const ae = new TextEncoder().encode(JSON.stringify(p));
+          Y.localParticipant.publishData(ae, { reliable: !0 });
         } catch {
         }
-    }, [w, $]), bn = E(() => {
+    }, [w, z]), _n = E(() => {
       _t((g) => !g);
     }, []);
-    I(() => {
+    T(() => {
       $e == null || $e(w.connectionState), w.connectionState === "connected" ? De == null || De() : w.connectionState === "disconnected" && (Ae == null || Ae());
-    }, [w.connectionState, De, Ae, $e]), I(() => {
+    }, [w.connectionState, De, Ae, $e]), T(() => {
       Pe == null || Pe(w.transcript);
-    }, [w.transcript, Pe]), I(() => {
+    }, [w.transcript, Pe]), T(() => {
       Re == null || Re(w.agentState);
-    }, [w.agentState, Re]), I(() => {
-      Te.setThinking(w.agentState === "thinking");
-    }, [w.agentState, Te]);
+    }, [w.agentState, Re]), T(() => {
+      Me.setThinking(w.agentState === "thinking");
+    }, [w.agentState, Me]);
     const $t = A(!1);
-    I(() => {
-      w.isControlled || !_ || $t.current || _e && w.connectionState === "idle" && ($t.current = !0, w.connect());
-    }, [_, w.connectionState, w, _e]);
-    const wn = E(
+    T(() => {
+      w.isControlled || !_ || $t.current || xe && w.connectionState === "idle" && ($t.current = !0, w.connect());
+    }, [_, w.connectionState, w, xe]);
+    const xn = E(
       (g) => {
         const p = S == null ? void 0 : S.find((Y) => Y.id === g);
-        p && (de(!1), g !== ce && (ut(!0), w.disconnect(), te || Je(g), z == null || z(p)));
+        p && (fe(!1), g !== se && (ut(!0), w.disconnect(), te || Ke(g), D == null || D(p)));
       },
       [
         S,
-        ce,
+        se,
         w,
         te,
-        z
+        D
       ]
     );
-    I(() => {
-      Oe && w.connectionState === "connected" && ut(!1);
-    }, [w.connectionState, Oe]), I(() => {
-      if (!Qe) return;
+    T(() => {
+      ze && w.connectionState === "connected" && ut(!1);
+    }, [w.connectionState, ze]), T(() => {
+      if (!Ze) return;
       const g = (p) => {
-        p.key === "Escape" && de(!1);
+        p.key === "Escape" && fe(!1);
       };
       return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
-    }, [Qe]);
-    const _n = !!B || !!(X != null && X.avatarImageUrl) || w.isControlled, et = Yn(Ke, l, _n);
-    Ge === void 0 && ((Ot = et.info) != null && Ot.capabilities) && (Et.current = et.info.capabilities);
-    const pt = (X == null ? void 0 : X.name) ?? q ?? ((Ht = w.agentConfig) == null ? void 0 : Ht.name) ?? ((Wt = et.info) == null ? void 0 : Wt.name) ?? "Live Layer", Ct = (X == null ? void 0 : X.avatarImageUrl) ?? B ?? ((Bt = w.agentConfig) == null ? void 0 : Bt.avatarImageUrl) ?? ((qt = et.info) == null ? void 0 : qt.avatarImageUrl) ?? null, xn = x ?? ((Ft = w.agentConfig) == null ? void 0 : Ft.idleLoopUrl) ?? ((Ut = et.info) == null ? void 0 : Ut.idleLoopUrl) ?? null, kn = T ?? null, Ln = E(() => se("expanded"), [se]), En = E(
-      () => se("minimized"),
-      [se]
+    }, [Ze]);
+    const kn = !!B || !!(X != null && X.avatarImageUrl) || w.isControlled, tt = Jn(Xe, l, kn);
+    Je === void 0 && ((Ht = tt.info) != null && Ht.capabilities) && (Et.current = tt.info.capabilities);
+    const pt = (X == null ? void 0 : X.name) ?? q ?? ((Wt = w.agentConfig) == null ? void 0 : Wt.name) ?? ((Bt = tt.info) == null ? void 0 : Bt.name) ?? "Live Layer", Ct = (X == null ? void 0 : X.avatarImageUrl) ?? B ?? ((qt = w.agentConfig) == null ? void 0 : qt.avatarImageUrl) ?? ((Ft = tt.info) == null ? void 0 : Ft.avatarImageUrl) ?? null, Ln = x ?? ((Ut = w.agentConfig) == null ? void 0 : Ut.idleLoopUrl) ?? ((jt = tt.info) == null ? void 0 : jt.idleLoopUrl) ?? null, En = R ?? null, Cn = E(() => de("expanded"), [de]), Sn = E(
+      () => de("minimized"),
+      [de]
     ), zt = E(() => {
-      w.disconnect(), se("hidden");
-    }, [w, se]), Cn = E(() => {
+      w.disconnect(), de("hidden");
+    }, [w, de]), Nn = E(() => {
       const g = w.audioElement;
       g && g.play().then(() => Ee(!1)).catch(() => {
       });
-    }, [w.audioElement]), Sn = E(() => {
+    }, [w.audioElement]), An = E(() => {
       Ee(!1), w.connect();
-    }, [w]), tt = {
-      ...dt,
-      ...ze ? {} : { zIndex: vt }
+    }, [w]), He = {
+      ...st,
+      ...dt ? {} : { zIndex: vt }
     };
-    N.primaryColor && (tt["--ll-color-primary"] = N.primaryColor), N.accentColor && (tt["--ll-color-accent"] = N.accentColor), N.backgroundColor && (tt["--ll-color-bg"] = N.backgroundColor), N.textColor && (tt["--ll-color-fg"] = N.textColor);
-    const Nn = [
+    N.primaryColor && (He["--ll-color-primary"] = N.primaryColor), N.accentColor && (He["--ll-color-accent"] = N.accentColor), N.backgroundColor && (He["--ll-color-bg"] = N.backgroundColor), N.textColor && (He["--ll-color-fg"] = N.textColor);
+    const Rn = [
       "ll-widget",
-      `ll-widget--${xe}`,
-      `ll-widget--${me ? "mobile" : "desktop"}`,
-      st
+      `ll-widget--${ne}`,
+      `ll-widget--${ue ? "mobile" : "desktop"}`,
+      ct
     ].filter(Boolean).join(" ");
-    return _e ? /* @__PURE__ */ v(
+    if (!xe) return null;
+    const In = /* @__PURE__ */ n(
       "div",
       {
-        className: Nn,
-        style: tt,
-        "data-display-mode": xe,
-        "data-position": L,
+        className: Rn,
+        style: He,
+        "data-display-mode": ne,
+        "data-position": k,
         "data-experience-mode": f === "EMBEDDED" ? "embedded" : "widget",
+        children: ne === "expanded" && /* @__PURE__ */ n(
+          Ar,
+          {
+            position: k,
+            isMobile: ue,
+            agentName: pt,
+            avatarImageUrl: Ct,
+            idleLoopUrl: Ln,
+            greeting: En,
+            branding: N,
+            teamMembers: S,
+            currentTeamMemberId: se,
+            isSwitchingTeamMember: ze,
+            teamSwitcherOpen: Ze,
+            onToggleTeamSwitcher: () => fe((g) => !g),
+            onSelectTeamMember: xn,
+            connectionState: w.connectionState,
+            agentState: w.agentState,
+            transcript: w.transcript,
+            isMuted: G.isMuted,
+            micDevices: Qe.mics,
+            activeMicId: G.activeDeviceId,
+            isCameraEnabled: re.isEnabled,
+            cameraPreviewEl: re.previewEl,
+            cameraDevices: Qe.cameras,
+            activeCameraId: re.activeDeviceId,
+            isScreenShareEnabled: Le.isEnabled,
+            screenPreviewEl: Le.previewEl,
+            isSpeakerMuted: Oe,
+            allowCamera: M,
+            allowScreenShare: F,
+            allowTyping: ie,
+            showMinimize: oe,
+            chromeless: Z,
+            compactControls: ce,
+            transforming: he,
+            transformingLabel: be,
+            languageMenuOpen: Ce,
+            onToggleLanguageMenu: () => ft((g) => !g),
+            needsUserGesture: wt,
+            canResume: w.canResume,
+            micError: G.micError,
+            error: w.error,
+            avatarVideoContainerRef: Pt,
+            agentVideoEl: w.videoElement,
+            onConnect: () => void w.connect(),
+            onDisconnect: () => w.disconnect(),
+            onRetry: An,
+            onResumeAudio: Nn,
+            onToggleMute: G.toggleMute,
+            onSwitchMicDevice: (g) => void G.switchDevice(g),
+            onToggleCamera: () => void re.toggle(),
+            onSwitchCameraDevice: (g) => void re.switchDevice(g),
+            onToggleScreenShare: () => void Le.toggle(),
+            onToggleSpeaker: _n,
+            onSendMessage: wn,
+            onMinimize: Sn,
+            onClose: zt,
+            onClearMicError: G.clearError
+          }
+        )
+      }
+    ), Ot = ne === "hidden" || ne === "minimized" ? /* @__PURE__ */ y(
+      "div",
+      {
+        className: [
+          "ll-widget",
+          "ll-widget--floating",
+          `ll-widget--${ne}`,
+          `ll-widget--${ue ? "mobile" : "desktop"}`
+        ].join(" "),
+        style: He,
+        "data-display-mode": ne,
+        "data-position": k,
         children: [
-          xe === "hidden" && /* @__PURE__ */ n(
-            vr,
+          ne === "hidden" && /* @__PURE__ */ n(
+            wr,
             {
-              position: L,
-              isMobile: me,
+              position: k,
+              isMobile: ue,
               isSpeaking: w.agentState === "speaking",
-              onExpand: () => se("expanded"),
+              onExpand: () => de("expanded"),
               label: `Open ${pt} widget`,
               avatarImageUrl: Ct,
               agentName: pt
             }
           ),
-          xe === "minimized" && /* @__PURE__ */ n(
-            wr,
+          ne === "minimized" && /* @__PURE__ */ n(
+            xr,
             {
-              position: L,
-              isMobile: me,
+              position: k,
+              isMobile: ue,
               agentName: pt,
               avatarImageUrl: Ct,
               agentState: w.agentState,
               isMuted: G.isMuted,
               audioLevel: ke,
-              onExpand: Ln,
+              onExpand: Cn,
               onToggleMute: G.toggleMute,
               onClose: zt
             }
-          ),
-          xe === "expanded" && /* @__PURE__ */ n(
-            Sr,
-            {
-              position: L,
-              isMobile: me,
-              agentName: pt,
-              avatarImageUrl: Ct,
-              idleLoopUrl: xn,
-              greeting: kn,
-              branding: N,
-              teamMembers: S,
-              currentTeamMemberId: ce,
-              isSwitchingTeamMember: Oe,
-              teamSwitcherOpen: Qe,
-              onToggleTeamSwitcher: () => de((g) => !g),
-              onSelectTeamMember: wn,
-              connectionState: w.connectionState,
-              agentState: w.agentState,
-              transcript: w.transcript,
-              isMuted: G.isMuted,
-              micDevices: Xe.mics,
-              activeMicId: G.activeDeviceId,
-              isCameraEnabled: ne.isEnabled,
-              cameraPreviewEl: ne.previewEl,
-              cameraDevices: Xe.cameras,
-              activeCameraId: ne.activeDeviceId,
-              isScreenShareEnabled: Le.isEnabled,
-              screenPreviewEl: Le.previewEl,
-              isSpeakerMuted: He,
-              allowCamera: M,
-              allowScreenShare: F,
-              allowTyping: re,
-              showMinimize: ie,
-              chromeless: Z,
-              compactControls: ae,
-              transforming: fe,
-              transformingLabel: ve,
-              languageMenuOpen: Ce,
-              onToggleLanguageMenu: () => ft((g) => !g),
-              needsUserGesture: wt,
-              canResume: w.canResume,
-              micError: G.micError,
-              error: w.error,
-              avatarVideoContainerRef: Pt,
-              agentVideoEl: w.videoElement,
-              onConnect: () => void w.connect(),
-              onDisconnect: () => w.disconnect(),
-              onRetry: Sn,
-              onResumeAudio: Cn,
-              onToggleMute: G.toggleMute,
-              onSwitchMicDevice: (g) => void G.switchDevice(g),
-              onToggleCamera: () => void ne.toggle(),
-              onSwitchCameraDevice: (g) => void ne.switchDevice(g),
-              onToggleScreenShare: () => void Le.toggle(),
-              onToggleSpeaker: bn,
-              onSendMessage: vn,
-              onMinimize: En,
-              onClose: zt,
-              onClearMicError: G.clearError
-            }
           )
         ]
       }
     ) : null;
+    return /* @__PURE__ */ y(Ue, { children: [
+      In,
+      Ot && typeof document < "u" && un(Ot, document.body)
+    ] });
   }
 );
-yn.displayName = "AvatarWidgetInner";
-const Zr = lt(
+bn.displayName = "AvatarWidgetInner";
+const ti = ot(
   function(t, r) {
-    return /* @__PURE__ */ n(Hn, { children: /* @__PURE__ */ n(yn, { ...t, ref: r }) });
+    return /* @__PURE__ */ n(Bn, { children: /* @__PURE__ */ n(bn, { ...t, ref: r }) });
   }
 );
-Zr.displayName = "AvatarWidget";
-const ci = ({
+ti.displayName = "AvatarWidget";
+const ui = ({
   agentId: e,
   baseUrl: t,
   apiKey: r,
@@ -3095,23 +3114,23 @@ const ci = ({
   const a = A(null), d = A(null), f = A(o);
   f.current = o;
   const _ = E((u) => {
-    var R;
+    var I;
     const c = u.detail;
-    (R = f.current) == null || R.call(f, c);
+    (I = f.current) == null || I.call(f, c);
   }, []);
-  return I(() => {
+  return T(() => {
     const u = a.current;
     if (!u) return;
     const c = document.createElement("livelayer-widget");
     return c.setAttribute("agent-id", e), t && c.setAttribute("base-url", t), r && c.setAttribute("api-key", r), i && c.setAttribute("mode", i), c.addEventListener("agent-event", _), u.appendChild(c), d.current = c, () => {
       c.removeEventListener("agent-event", _), u.removeChild(c), d.current = null;
     };
-  }, [e]), I(() => {
+  }, [e]), T(() => {
     d.current && (i ? d.current.setAttribute("mode", i) : d.current.removeAttribute("mode"));
   }, [i]), /* @__PURE__ */ n("div", { ref: a, className: l, style: s });
-}, si = lt(
+}, fi = ot(
   function({ id: t, intent: r, as: i = "div", className: o, style: l, children: s }, a) {
-    return Dn(
+    return zn(
       i,
       {
         ref: a,
@@ -3123,7 +3142,7 @@ const ci = ({
       s
     );
   }
-), di = lt(
+), pi = ot(
   function({ id: t, intent: r, children: i, ...o }, l) {
     return /* @__PURE__ */ n(
       "form",
@@ -3136,7 +3155,7 @@ const ci = ({
       }
     );
   }
-), ui = lt(
+), hi = ot(
   function(t, r) {
     const { name: i, label: o, labelClassName: l } = t, s = { name: i, "data-ll-field": i };
     let a;
@@ -3151,13 +3170,13 @@ const ci = ({
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: d, label: f, labelClassName: _, as: u, children: c, ...R } = t;
+      const { name: d, label: f, labelClassName: _, as: u, children: c, ...I } = t;
       a = /* @__PURE__ */ n(
         "select",
         {
           ref: r,
           ...s,
-          ...R,
+          ...I,
           children: c
         }
       );
@@ -3172,73 +3191,73 @@ const ci = ({
         }
       );
     }
-    return o === void 0 ? a : /* @__PURE__ */ v("label", { className: l, children: [
+    return o === void 0 ? a : /* @__PURE__ */ y("label", { className: l, children: [
       o,
       a
     ] });
   }
 );
-let sn = 1;
-function fi({
+let dn = 1;
+function mi({
   onMount: e,
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [i, o] = C(t), [l, s] = C([]), [a, d] = C(""), [f, _] = C(!1), u = A(/* @__PURE__ */ new Set()), c = A([]), R = A(f);
-  R.current = f, I(() => {
+  const [i, o] = C(t), [l, s] = C([]), [a, d] = C(""), [f, _] = C(!1), u = A(/* @__PURE__ */ new Set()), c = A([]), I = A(f);
+  I.current = f, T(() => {
     try {
-      const y = localStorage.getItem(r);
-      y === "1" && o(!0), y === "0" && o(!1);
+      const v = localStorage.getItem(r);
+      v === "1" && o(!0), v === "0" && o(!1);
     } catch {
     }
-  }, [r]), I(() => {
+  }, [r]), T(() => {
     try {
       localStorage.setItem(r, i ? "1" : "0");
     } catch {
     }
-  }, [i, r]), I(() => {
-    const y = (m) => {
+  }, [i, r]), T(() => {
+    const v = (m) => {
       (m.metaKey || m.ctrlKey) && m.shiftKey && m.key.toLowerCase() === "l" && (m.preventDefault(), o((S) => !S));
     };
-    return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
-  }, []), I(() => {
-    const y = setInterval(() => {
-      if (c.current.length === 0 || R.current) return;
+    return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
+  }, []), T(() => {
+    const v = setInterval(() => {
+      if (c.current.length === 0 || I.current) return;
       const m = c.current.splice(0, c.current.length);
       s(
         (S) => [...m.reverse(), ...S].slice(0, 200)
       );
     }, 100);
-    return () => clearInterval(y);
+    return () => clearInterval(v);
   }, []);
-  const L = A(!1);
-  if (I(() => {
-    !e || L.current || (L.current = !0, e((y) => {
+  const k = A(!1);
+  if (T(() => {
+    !e || k.current || (k.current = !0, e((v) => {
       c.current.push({
-        id: sn++,
+        id: dn++,
         ts: Date.now(),
         kind: "event",
-        type: y.eventName,
-        data: y.data
+        type: v.eventName,
+        data: v.data
       });
     }));
-  }, [e]), I(() => {
-    const y = console.warn, m = console.log, S = (D, z) => function(...x) {
+  }, [e]), T(() => {
+    const v = console.warn, m = console.log, S = ($, D) => function(...x) {
       try {
-        const T = typeof x[0] == "string" ? x[0] : "";
-        T.startsWith("[LiveLayer]") && c.current.push({
-          id: sn++,
+        const R = typeof x[0] == "string" ? x[0] : "";
+        R.startsWith("[LiveLayer]") && c.current.push({
+          id: dn++,
           ts: Date.now(),
-          kind: D,
-          type: T.slice(0, 120),
-          data: { args: x.slice(1).map((B) => ti(B)) }
+          kind: $,
+          type: R.slice(0, 120),
+          data: { args: x.slice(1).map((B) => ri(B)) }
         });
       } catch {
       }
-      return z.apply(this, x);
+      return D.apply(this, x);
     };
-    return console.warn = S("warn", y), console.log = S("log", m), () => {
-      console.warn = y, console.log = m;
+    return console.warn = S("warn", v), console.log = S("log", m), () => {
+      console.warn = v, console.log = m;
     };
   }, []), !i)
     return /* @__PURE__ */ n(
@@ -3267,12 +3286,12 @@ function fi({
         children: "🛰 LL debug"
       }
     );
-  const b = l.filter((y) => {
+  const b = l.filter((v) => {
     if (!a) return !0;
     const m = a.toLowerCase();
-    return y.type.toLowerCase().includes(m) || JSON.stringify(y.data || {}).toLowerCase().includes(m);
+    return v.type.toLowerCase().includes(m) || JSON.stringify(v.data || {}).toLowerCase().includes(m);
   });
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ y(
     "div",
     {
       style: {
@@ -3294,7 +3313,7 @@ function fi({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ v(
+        /* @__PURE__ */ y(
           "div",
           {
             style: {
@@ -3307,7 +3326,7 @@ function fi({
             },
             children: [
               /* @__PURE__ */ n("span", { style: { fontWeight: 600, fontSize: 12 }, children: "LiveLayer debug" }),
-              /* @__PURE__ */ v("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
+              /* @__PURE__ */ y("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
                 l.length,
                 " event",
                 l.length === 1 ? "" : "s"
@@ -3317,7 +3336,7 @@ function fi({
                 "button",
                 {
                   type: "button",
-                  onClick: () => _((y) => !y),
+                  onClick: () => _((v) => !v),
                   style: Nt(f ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
                   children: f ? "▶ resume" : "⏸ pause"
@@ -3354,7 +3373,7 @@ function fi({
           {
             type: "text",
             value: a,
-            onChange: (y) => d(y.target.value),
+            onChange: (v) => d(v.target.value),
             placeholder: "filter by type or data…",
             style: {
               margin: 8,
@@ -3376,7 +3395,7 @@ function fi({
               overflowY: "auto",
               padding: "0 8px 8px"
             },
-            children: b.length === 0 ? /* @__PURE__ */ v(
+            children: b.length === 0 ? /* @__PURE__ */ y(
               "div",
               {
                 style: {
@@ -3406,16 +3425,16 @@ function fi({
                   )
                 ]
               }
-            ) : b.map((y) => /* @__PURE__ */ n(
-              ei,
+            ) : b.map((v) => /* @__PURE__ */ n(
+              ni,
               {
-                entry: y,
-                expanded: u.current.has(y.id),
+                entry: v,
+                expanded: u.current.has(v.id),
                 onToggle: () => {
-                  u.current.has(y.id) ? u.current.delete(y.id) : u.current.add(y.id), s((m) => [...m]);
+                  u.current.has(v.id) ? u.current.delete(v.id) : u.current.add(v.id), s((m) => [...m]);
                 }
               },
-              y.id
+              v.id
             ))
           }
         )
@@ -3423,7 +3442,7 @@ function fi({
     }
   );
 }
-function ei({
+function ni({
   entry: e,
   expanded: t,
   onToggle: r
@@ -3431,7 +3450,7 @@ function ei({
   const i = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", o = new Date(e.ts).toLocaleTimeString("en-US", {
     hour12: !1
   });
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ y(
     "button",
     {
       type: "button",
@@ -3449,7 +3468,7 @@ function ei({
         lineHeight: 1.4
       },
       children: [
-        /* @__PURE__ */ v("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+        /* @__PURE__ */ y("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
           /* @__PURE__ */ n(
             "span",
             {
@@ -3504,14 +3523,14 @@ function Nt(e) {
     cursor: "pointer"
   };
 }
-function ti(e) {
+function ri(e) {
   try {
     return e instanceof Error ? { message: e.message, stack: e.stack } : (JSON.stringify(e), e);
   } catch {
     return String(e);
   }
 }
-function pi() {
+function gi() {
   const [e, t] = C([]), r = E((o) => {
     t((l) => {
       const s = l.findIndex((a) => a.id === o.id);
@@ -3530,33 +3549,33 @@ function pi() {
   };
 }
 export {
-  Zr as AvatarWidget,
-  Hn as ErrorBoundary,
-  fi as LiveLayerDebugPanel,
-  ui as LiveLayerField,
-  di as LiveLayerForm,
-  si as LiveLayerRegion,
-  ci as LiveLayerWidget,
-  Or as clearPageContextCache,
-  Ur as clearRoutesCache,
-  zr as extractPageContext,
-  qr as extractRoutes,
-  an as getCachedPageContext,
+  ti as AvatarWidget,
+  Bn as ErrorBoundary,
+  mi as LiveLayerDebugPanel,
+  hi as LiveLayerField,
+  pi as LiveLayerForm,
+  fi as LiveLayerRegion,
+  ui as LiveLayerWidget,
+  Wr as clearPageContextCache,
+  Vr as clearRoutesCache,
+  Hr as extractPageContext,
+  Ur as extractRoutes,
+  cn as getCachedPageContext,
   St as getCachedRoutes,
-  cr as matchesPattern,
-  Wr as normalizeRouteInput,
-  sr as shouldRenderAtPath,
-  Yn as useAgentInfo,
-  Bn as useAudioLevel,
-  Un as useCameraState,
-  Kn as useDisplayMode,
-  Zn as useDisplayModePersistence,
-  tr as useIsMobile,
-  Wn as useLiveKitSession,
-  Vn as useMediaDevices,
-  qn as useMicrophoneState,
-  rr as usePathname,
-  dr as useRouteMatch,
-  jn as useScreenShareState,
-  pi as useTranscript
+  dr as matchesPattern,
+  qr as normalizeRouteInput,
+  ur as shouldRenderAtPath,
+  Jn as useAgentInfo,
+  Fn as useAudioLevel,
+  Vn as useCameraState,
+  Qn as useDisplayMode,
+  tr as useDisplayModePersistence,
+  rr as useIsMobile,
+  qn as useLiveKitSession,
+  Gn as useMediaDevices,
+  Un as useMicrophoneState,
+  or as usePathname,
+  fr as useRouteMatch,
+  Yn as useScreenShareState,
+  gi as useTranscript
 };