@livelayer/react 0.5.5-pr66c.2 → 0.5.5-pr66c.4

package/dist/index.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as w, jsx as n, Fragment as ut } from "react/jsx-runtime";
-import { Component as dn, useState as S, useRef as E, useEffect as T, useCallback as k, useMemo as Ze, forwardRef as ft, createElement as un } from "react";
+import { Component as dn, useState as S, useRef as E, useEffect as P, useCallback as k, useMemo as Ze, forwardRef as ft, createElement as un } from "react";
 import { LiveKitSession as fn } from "@livelayer/sdk";
 import { createLocalAudioTrack as pn, Track as jt, createLocalVideoTrack as hn } from "livekit-client";
 class mn extends dn {
@@ -13,8 +13,8 @@ class mn extends dn {
     return { hasError: !0, error: t };
   }
   componentDidCatch(t, r) {
-    var o, i;
-    (i = (o = this.props).onError) == null || i.call(o, t, r);
+    var i, o;
+    (o = (i = this.props).onError) == null || o.call(i, t, r);
   }
   render() {
     var t;
@@ -34,22 +34,22 @@ class mn extends dn {
   }
 }
 function gn(e) {
-  const [t, r] = S("idle"), [o, i] = S("idle"), [l, s] = S([]), [d, u] = S(null), [m, h] = S(null), [a, c] = S(null), [R, C] = S(!1), [L, v] = S(null), b = E(null), z = E(e.onDataMessage);
-  z.current = e.onDataMessage, T(() => {
+  const [t, r] = S("idle"), [i, o] = S("idle"), [l, c] = S([]), [d, u] = S(null), [m, h] = S(null), [a, s] = S(null), [R, C] = S(!1), [L, v] = S(null), b = E(null), H = E(e.onDataMessage);
+  H.current = e.onDataMessage, P(() => {
     const N = {
-      onConnectionStateChange: (D) => {
-        r(D), D === "connected" && v(null);
+      onConnectionStateChange: ($) => {
+        r($), $ === "connected" && v(null);
       },
-      onAgentStateChange: i,
-      onTranscript: (D) => s([...D]),
+      onAgentStateChange: o,
+      onTranscript: ($) => c([...$]),
       onAgentConfig: u,
-      onAudioTrack: (D) => c(D),
-      onVideoTrack: (D) => h(D),
+      onAudioTrack: ($) => s($),
+      onVideoTrack: ($) => h($),
       onVideoTrackRemoved: () => h(null),
-      onError: (D) => v(D),
-      onDataMessage: (D) => {
+      onError: ($) => v($),
+      onDataMessage: ($) => {
         var A;
-        (A = z.current) == null || A.call(z, D);
+        (A = H.current) == null || A.call(H, $);
       },
       onResumabilityChange: C
     }, B = new fn(
@@ -62,9 +62,9 @@ function gn(e) {
       },
       N
     );
-    return b.current = B, r("idle"), i("idle"), s([]), u(null), h(null), c(null), C(!1), v(null), () => {
-      var D;
-      (D = B.destroy) == null || D.call(B), b.current = null;
+    return b.current = B, r("idle"), o("idle"), c([]), u(null), h(null), s(null), C(!1), v(null), () => {
+      var $;
+      ($ = B.destroy) == null || $.call(B), b.current = null;
     };
   }, [
     e.agentId,
@@ -81,7 +81,7 @@ function gn(e) {
       } catch (B) {
         throw v(B instanceof Error ? B.message : String(B)), B;
       }
-  }, []), H = k(() => {
+  }, []), O = k(() => {
     const N = b.current;
     N && N.disconnect();
   }, []), p = k(() => {
@@ -90,7 +90,7 @@ function gn(e) {
   }, []);
   return {
     connectionState: t,
-    agentState: o,
+    agentState: i,
     transcript: l,
     agentConfig: d,
     videoElement: m,
@@ -98,37 +98,37 @@ function gn(e) {
     canResume: R,
     error: L,
     connect: I,
-    disconnect: H,
+    disconnect: O,
     getRoom: p,
     session: b.current
   };
 }
 function yn() {
-  const e = E(null), t = E(null), r = E(null), o = E(null), i = E(/* @__PURE__ */ new Set()), l = E(null), s = k(() => {
+  const e = E(null), t = E(null), r = E(null), i = E(null), o = E(/* @__PURE__ */ new Set()), l = E(null), c = k(() => {
     const a = t.current;
     if (!a) {
-      o.current = null;
+      i.current = null;
       return;
     }
     (!l.current || l.current.length !== a.frequencyBinCount) && (l.current = new Uint8Array(
       new ArrayBuffer(a.frequencyBinCount)
     ));
-    const c = l.current;
-    a.getByteFrequencyData(c);
+    const s = l.current;
+    a.getByteFrequencyData(s);
     let R = 0;
-    for (let L = 0; L < c.length; L++) R += c[L];
-    const C = R / c.length / 255;
-    for (const L of i.current)
+    for (let L = 0; L < s.length; L++) R += s[L];
+    const C = R / s.length / 255;
+    for (const L of o.current)
       try {
         L(C);
       } catch (v) {
         console.error("[useAudioLevel] subscriber threw:", v);
       }
-    o.current = requestAnimationFrame(s);
+    i.current = requestAnimationFrame(c);
   }, []), d = k(() => {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
-    const a = new AudioContext(), c = a.createAnalyser();
-    c.fftSize = 64, c.connect(a.destination), e.current = a, t.current = c;
+    const a = new AudioContext(), s = a.createAnalyser();
+    s.fftSize = 64, s.connect(a.destination), e.current = a, t.current = s;
   }, []), u = k(
     (a) => {
       if (d(), !(!e.current || !t.current)) {
@@ -140,28 +140,28 @@ function yn() {
           r.current = null;
         }
         try {
-          const c = e.current.createMediaElementSource(a);
-          c.connect(t.current), r.current = c;
-        } catch (c) {
-          console.warn("[useAudioLevel] createMediaElementSource failed:", c);
+          const s = e.current.createMediaElementSource(a);
+          s.connect(t.current), r.current = s;
+        } catch (s) {
+          console.warn("[useAudioLevel] createMediaElementSource failed:", s);
           return;
         }
-        o.current === null && (o.current = requestAnimationFrame(s));
+        i.current === null && (i.current = requestAnimationFrame(c));
       }
     },
-    [d, s]
+    [d, c]
   ), m = k(() => {
-    if (o.current !== null && (cancelAnimationFrame(o.current), o.current = null), r.current) {
+    if (i.current !== null && (cancelAnimationFrame(i.current), i.current = null), r.current) {
       try {
         r.current.disconnect();
       } catch {
       }
       r.current = null;
     }
-  }, []), h = k((a) => (i.current.add(a), () => {
-    i.current.delete(a);
+  }, []), h = k((a) => (o.current.add(a), () => {
+    o.current.delete(a);
   }), []);
-  return T(() => () => {
+  return P(() => () => {
     if (m(), t.current) {
       try {
         t.current.disconnect();
@@ -176,34 +176,34 @@ function yn() {
       }
       e.current = null;
     }
-    i.current.clear(), l.current = null;
+    o.current.clear(), l.current = null;
   }, [m]), { attach: u, detach: m, subscribe: h };
 }
 function vn() {
-  const [e, t] = S(!1), [r, o] = S(null), i = E(null), l = E(null), s = k(async (h) => {
-    if (i.current && l.current) {
+  const [e, t] = S(!1), [r, i] = S(null), o = E(null), l = E(null), c = k(async (h) => {
+    if (o.current && l.current) {
       try {
-        await l.current.localParticipant.unpublishTrack(i.current);
+        await l.current.localParticipant.unpublishTrack(o.current);
       } catch {
       }
-      i.current.stop(), i.current = null;
+      o.current.stop(), o.current = null;
     }
-    l.current = h, o(null);
+    l.current = h, i(null);
     try {
       const a = await pn({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await h.localParticipant.publishTrack(a), i.current = a, t(a.isMuted);
+      await h.localParticipant.publishTrack(a), o.current = a, t(a.isMuted);
     } catch (a) {
-      const c = a instanceof Error && a.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-      throw o(c), a;
+      const s = a instanceof Error && a.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
+      throw i(s), a;
     }
   }, []), d = k(() => {
-    const h = i.current;
+    const h = o.current;
     h && (h.isMuted ? (h.unmute(), t(!1)) : (h.mute(), t(!0)));
   }, []), u = k(() => {
-    const h = i.current, a = l.current;
+    const h = o.current, a = l.current;
     if (h && a) {
       try {
         a.localParticipant.unpublishTrack(h);
@@ -211,24 +211,24 @@ function vn() {
       }
       h.stop();
     }
-    i.current = null, l.current = null, t(!1);
-  }, []), m = k(() => o(null), []);
+    o.current = null, l.current = null, t(!1);
+  }, []), m = k(() => i(null), []);
   return {
     isMuted: e,
     micError: r,
     toggleMute: d,
-    setupMic: s,
+    setupMic: c,
     teardownMic: u,
     clearError: m
   };
 }
 const bn = { resolution: { width: 640, height: 480, frameRate: 24 } };
 function wn() {
-  const [e, t] = S(!1), [r, o] = S(null), [i, l] = S(null), [s, d] = S(""), u = E(null), m = E(null), h = k((b) => {
+  const [e, t] = S(!1), [r, i] = S(null), [o, l] = S(null), [c, d] = S(""), u = E(null), m = E(null), h = k((b) => {
     u.current = b;
   }, []), a = k(() => {
-    const b = u.current, z = m.current;
-    if (z && b) {
+    const b = u.current, H = m.current;
+    if (H && b) {
       const I = b.localParticipant.getTrackPublication(jt.Source.Camera);
       if (I != null && I.track) {
         try {
@@ -237,46 +237,46 @@ function wn() {
         }
         I.track.stop();
       } else
-        z.stop();
+        H.stop();
     }
     m.current = null, l(null), t(!1);
-  }, []), c = k(async (b) => {
-    const z = u.current;
-    if (z) {
-      o(null);
+  }, []), s = k(async (b) => {
+    const H = u.current;
+    if (H) {
+      i(null);
       try {
         const I = { ...bn };
         b && (I.deviceId = b);
-        const H = await hn(I);
-        await z.localParticipant.publishTrack(H), m.current = H;
-        const p = H.attach();
+        const O = await hn(I);
+        await H.localParticipant.publishTrack(O), m.current = O;
+        const p = O.attach();
         l(p), t(!0), b && d(b);
         try {
-          z.localParticipant.publishData(
+          H.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
             { reliable: !0 }
           );
         } catch {
         }
       } catch (I) {
-        const H = I instanceof Error && I.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
-        o(H);
+        const O = I instanceof Error && I.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+        i(O);
       }
     }
   }, []), R = k(async () => {
-    e ? a() : await c(s || void 0);
-  }, [e, s, a, c]), C = k(async (b) => {
-    a(), await c(b);
-  }, [a, c]), L = k(() => {
-    a(), u.current = null, o(null), d("");
-  }, [a]), v = k(() => o(null), []);
-  return T(() => () => {
+    e ? a() : await s(c || void 0);
+  }, [e, c, a, s]), C = k(async (b) => {
+    a(), await s(b);
+  }, [a, s]), L = k(() => {
+    a(), u.current = null, i(null), d("");
+  }, [a]), v = k(() => i(null), []);
+  return P(() => () => {
     m.current && m.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
-    previewEl: i,
-    activeDeviceId: s,
+    previewEl: o,
+    activeDeviceId: c,
     toggle: R,
     switchDevice: C,
     attachRoom: h,
@@ -285,30 +285,30 @@ function wn() {
   };
 }
 function _n() {
-  const [e, t] = S(!1), [r, o] = S(null), [i, l] = S(null), s = E(null), d = k((c) => {
-    s.current = c;
+  const [e, t] = S(!1), [r, i] = S(null), [o, l] = S(null), c = E(null), d = k((s) => {
+    c.current = s;
   }, []), u = k(() => l(null), []), m = k(async () => {
-    const c = s.current;
-    if (c) {
+    const s = c.current;
+    if (s) {
       if (e) {
         try {
-          await c.localParticipant.setScreenShareEnabled(!1);
+          await s.localParticipant.setScreenShareEnabled(!1);
         } catch {
         }
         u(), t(!1);
         return;
       }
-      o(null);
+      i(null);
       try {
-        await c.localParticipant.setScreenShareEnabled(!0);
+        await s.localParticipant.setScreenShareEnabled(!0);
         let R = 0;
         const C = () => {
-          const L = c.localParticipant.getTrackPublication(jt.Source.ScreenShare);
+          const L = s.localParticipant.getTrackPublication(jt.Source.ScreenShare);
           if (L != null && L.track) {
             const v = L.track.attach();
             l(v), t(!0);
             try {
-              c.localParticipant.publishData(
+              s.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
                 { reliable: !0 }
               );
@@ -321,57 +321,57 @@ function _n() {
         C();
       } catch (R) {
         const C = R instanceof Error ? R.name : "";
-        C !== "NotAllowedError" && C !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
+        C !== "NotAllowedError" && C !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
       }
     }
   }, [e, u]), h = k(() => {
-    const c = s.current;
-    if (c && e)
+    const s = c.current;
+    if (s && e)
       try {
-        c.localParticipant.setScreenShareEnabled(!1);
+        s.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
-    u(), t(!1), o(null), s.current = null;
-  }, [e, u]), a = k(() => o(null), []);
-  return { isEnabled: e, error: r, previewEl: i, toggle: m, attachRoom: d, teardown: h, clearError: a };
+    u(), t(!1), i(null), c.current = null;
+  }, [e, u]), a = k(() => i(null), []);
+  return { isEnabled: e, error: r, previewEl: o, toggle: m, attachRoom: d, teardown: h, clearError: a };
 }
 function xn() {
-  const [e, t] = S([]), [r, o] = S([]), i = k(async () => {
+  const [e, t] = S([]), [r, i] = S([]), o = k(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
-        t(l.filter((s) => s.kind === "audioinput")), o(l.filter((s) => s.kind === "videoinput"));
+        t(l.filter((c) => c.kind === "audioinput")), i(l.filter((c) => c.kind === "videoinput"));
       } catch {
       }
   }, []);
-  return T(() => {
-    if (i(), typeof navigator > "u" || !navigator.mediaDevices) return;
-    const l = () => void i();
+  return P(() => {
+    if (o(), typeof navigator > "u" || !navigator.mediaDevices) return;
+    const l = () => void o();
     return navigator.mediaDevices.addEventListener("devicechange", l), () => navigator.mediaDevices.removeEventListener("devicechange", l);
-  }, [i]), { mics: e, cameras: r, refresh: i };
+  }, [o]), { mics: e, cameras: r, refresh: o };
 }
 function kn(e, t, r = !1) {
-  const [o, i] = S(null), [l, s] = S(null), [d, u] = S(!r && !!e);
-  return T(() => {
+  const [i, o] = S(null), [l, c] = S(null), [d, u] = S(!r && !!e);
+  return P(() => {
     if (r || !e) {
       u(!1);
       return;
     }
     const m = new AbortController(), h = t || "https://app.livelayer.studio";
-    return u(!0), s(null), fetch(`${h}/api/widget/agent/${encodeURIComponent(e)}`, {
+    return u(!0), c(null), fetch(`${h}/api/widget/agent/${encodeURIComponent(e)}`, {
       signal: m.signal
     }).then(async (a) => {
       if (!a.ok) {
-        const c = await a.json().catch(() => ({}));
-        throw new Error(c.error || `HTTP ${a.status}`);
+        const s = await a.json().catch(() => ({}));
+        throw new Error(s.error || `HTTP ${a.status}`);
       }
       return a.json();
     }).then((a) => {
-      m.signal.aborted || (i(a), u(!1));
+      m.signal.aborted || (o(a), u(!1));
     }).catch((a) => {
-      m.signal.aborted || (s(a instanceof Error ? a.message : "Agent lookup failed"), u(!1));
+      m.signal.aborted || (c(a instanceof Error ? a.message : "Agent lookup failed"), u(!1));
     }), () => m.abort();
-  }, [e, t, r]), { info: o, error: l, loading: d };
+  }, [e, t, r]), { info: i, error: l, loading: d };
 }
 function Ln(e) {
   if (typeof window > "u") return null;
@@ -393,13 +393,13 @@ function Cn({
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const o = e !== void 0, [i, l] = S(t), s = o ? e : i, d = k(
+  const i = e !== void 0, [o, l] = S(t), c = i ? e : o, d = k(
     (u) => {
-      u !== s && (o || l(u), r == null || r(u));
+      u !== c && (i || l(u), r == null || r(u));
     },
-    [s, o, r]
+    [c, i, r]
   );
-  return [s, d];
+  return [c, d];
 }
 const En = ["hidden", "minimized", "expanded"];
 function Nn(e) {
@@ -409,18 +409,18 @@ function An({
   value: e,
   defaultValue: t = "expanded",
   onChange: r,
-  persistKey: o = "ll-widget",
-  disablePersistence: i = !1
+  persistKey: i = "ll-widget",
+  disablePersistence: o = !1
 } = {}) {
-  const l = `${o}:display-mode`, s = E(!1), [d, u] = Cn({
+  const l = `${i}:display-mode`, c = E(!1), [d, u] = Cn({
     value: e,
     defaultValue: t,
     onChange: (m) => {
-      e === void 0 && !i && Sn(l, m), r == null || r(m);
+      e === void 0 && !o && Sn(l, m), r == null || r(m);
     }
   });
-  return T(() => {
-    if (s.current || (s.current = !0, i || e !== void 0)) return;
+  return P(() => {
+    if (c.current || (c.current = !0, o || e !== void 0)) return;
     const m = Nn(Ln(l));
     m && m !== d && u(m);
   }, []), [d, u];
@@ -428,16 +428,16 @@ function An({
 const Rn = 640;
 function In(e = Rn) {
   const [t, r] = S(!1);
-  return T(() => {
+  return P(() => {
     if (e === !1) {
       r(!1);
       return;
     }
     if (typeof window > "u" || typeof window.matchMedia > "u")
       return;
-    const o = `(max-width: ${e - 1}px)`, i = window.matchMedia(o), l = () => r(i.matches);
-    return l(), typeof i.addEventListener == "function" ? (i.addEventListener("change", l), () => i.removeEventListener("change", l)) : (i.addListener(l), () => {
-      i.removeListener(l);
+    const i = `(max-width: ${e - 1}px)`, o = window.matchMedia(i), l = () => r(o.matches);
+    return l(), typeof o.addEventListener == "function" ? (o.addEventListener("change", l), () => o.removeEventListener("change", l)) : (o.addListener(l), () => {
+      o.removeListener(l);
     });
   }, [e]), t;
 }
@@ -446,11 +446,11 @@ function Mn() {
   if (typeof window > "u" || window.history[Nt]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...r) {
-    const o = e.apply(this, r);
-    return window.dispatchEvent(new Event(et)), o;
+    const i = e.apply(this, r);
+    return window.dispatchEvent(new Event(et)), i;
   }, window.history.replaceState = function(...r) {
-    const o = t.apply(this, r);
-    return window.dispatchEvent(new Event(et)), o;
+    const i = t.apply(this, r);
+    return window.dispatchEvent(new Event(et)), i;
   }, window.history[Nt] = !0;
 }
 function At() {
@@ -460,12 +460,12 @@ function Tn(e) {
   const [t, r] = S(
     () => e ?? At()
   );
-  return T(() => {
+  return P(() => {
     if (e !== void 0) return;
     Mn();
-    const o = () => r(At());
-    return o(), window.addEventListener("popstate", o), window.addEventListener(et, o), () => {
-      window.removeEventListener("popstate", o), window.removeEventListener(et, o);
+    const i = () => r(At());
+    return i(), window.addEventListener("popstate", i), window.addEventListener(et, i), () => {
+      window.removeEventListener("popstate", i), window.removeEventListener(et, i);
     };
   }, [e]), e ?? t;
 }
@@ -476,7 +476,7 @@ function Dn(e) {
 function $n(e) {
   const t = Rt.get(e);
   if (t) return t;
-  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, o = "
", i = "", l = r.replace(/\*\*/g, o).replace(/\*/g, i), d = Dn(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "g"), "[^/]+"), u = new RegExp(`^${d}\\/?$`);
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", o = "", l = r.replace(/\*\*/g, i).replace(/\*/g, o), d = Dn(l).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(o, "g"), "[^/]+"), u = new RegExp(`^${d}\\/?$`);
   return Rt.set(e, u), u;
 }
 function zn(e, t) {
@@ -620,28 +620,28 @@ const Vn = ({
   position: e,
   isMobile: t,
   isSpeaking: r,
-  onExpand: o,
-  label: i = "Open widget",
+  onExpand: i,
+  label: o = "Open widget",
   avatarImageUrl: l,
-  agentName: s
+  agentName: c
 }) => {
-  const d = Fn(e), u = d === "right" ? "left" : "right", m = t ? 80 : 72, h = !!l, [a, c] = S(null), [R, C] = S(!1), L = E(null), v = E(!1), b = k(
+  const d = Fn(e), u = d === "right" ? "left" : "right", m = t ? 80 : 72, h = !!l, [a, s] = S(null), [R, C] = S(!1), L = E(null), v = E(!1), b = k(
     (A) => {
       if (typeof window > "u") return A;
-      const O = m / 2, W = Dt + O, V = window.innerHeight - Dt - O;
+      const T = m / 2, W = Dt + T, V = window.innerHeight - Dt - T;
       return V < W ? Math.max(W, A) : Math.max(W, Math.min(V, A));
     },
     [m]
   );
-  T(() => {
+  P(() => {
     const A = jn();
-    c(b(A ?? window.innerHeight / 2));
-    const O = () => {
-      c((W) => W === null ? null : b(W));
+    s(b(A ?? window.innerHeight / 2));
+    const T = () => {
+      s((W) => W === null ? null : b(W));
     };
-    return window.addEventListener("resize", O), () => window.removeEventListener("resize", O);
+    return window.addEventListener("resize", T), () => window.removeEventListener("resize", T);
   }, [b]);
-  const z = k(
+  const H = k(
     (A) => {
       if (!(A.pointerType === "mouse" && A.button !== 0) && a !== null) {
         try {
@@ -658,21 +658,21 @@ const Vn = ({
     [a]
   ), I = k(
     (A) => {
-      const O = L.current;
-      if (!O) return;
-      const W = A.clientY - O.startClientY;
-      !O.moved && Math.abs(W) > Un && (O.moved = !0, C(!0)), O.moved && c(b(O.startCenterY + W));
+      const T = L.current;
+      if (!T) return;
+      const W = A.clientY - T.startClientY;
+      !T.moved && Math.abs(W) > Un && (T.moved = !0, C(!0)), T.moved && s(b(T.startCenterY + W));
     },
     [b]
-  ), H = k(
+  ), O = k(
     (A) => {
-      const O = L.current;
-      if (O) {
+      const T = L.current;
+      if (T) {
         try {
           A.currentTarget.releasePointerCapture(A.pointerId);
         } catch {
         }
-        L.current = null, O.moved && (C(!1), v.current = !0, c((W) => (W !== null && $t(W), W)));
+        L.current = null, T.moved && (C(!1), v.current = !0, s((W) => (W !== null && $t(W), W)));
       }
     },
     []
@@ -681,15 +681,15 @@ const Vn = ({
       v.current = !1;
       return;
     }
-    o();
-  }, [o]), N = k(
+    i();
+  }, [i]), N = k(
     (A) => {
       if (A.key === "ArrowUp" || A.key === "ArrowDown") {
         A.preventDefault();
-        const O = A.key === "ArrowUp" ? -8 : 8;
-        c((W) => {
+        const T = A.key === "ArrowUp" ? -8 : 8;
+        s((W) => {
           if (W === null) return W;
-          const V = b(W + O);
+          const V = b(W + T);
           return $t(V), V;
         });
       }
@@ -702,21 +702,21 @@ const Vn = ({
     r ? "ll-hidden--speaking" : null,
     R ? "is-dragging" : null,
     h ? "ll-hidden--with-avatar" : null
-  ].filter(Boolean).join(" "), D = a === null ? void 0 : { top: `${a - m / 2}px`, transform: "none" };
+  ].filter(Boolean).join(" "), $ = a === null ? void 0 : { top: `${a - m / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       className: B,
-      onPointerDown: z,
+      onPointerDown: H,
       onPointerMove: I,
-      onPointerUp: H,
-      onPointerCancel: H,
+      onPointerUp: O,
+      onPointerCancel: O,
       onClick: p,
       onKeyDown: N,
-      "aria-label": i,
+      "aria-label": o,
       "data-position": e,
-      style: D,
+      style: $,
       children: h ? (
         // Layout: tiny chevron flush against the inward edge (peeks out
         // as the click affordance), then the circular avatar photo
@@ -734,7 +734,7 @@ const Vn = ({
             "img",
             {
               src: l,
-              alt: s ? `${s} avatar` : "Agent avatar",
+              alt: c ? `${c} avatar` : "Agent avatar",
               className: "ll-hidden__avatar",
               draggable: !1
             }
@@ -753,42 +753,42 @@ const Vn = ({
   audioLevel: e,
   bars: t = 20,
   maxHeight: r = 20,
-  minHeight: o = 4,
-  className: i,
+  minHeight: i = 4,
+  className: o,
   barClassName: l
 }) => {
-  const s = E(null), d = E([]), u = Ze(() => {
+  const c = E(null), d = E([]), u = Ze(() => {
     const h = (Math.sqrt(5) - 1) / 2;
-    return Array.from({ length: t }, (a, c) => 0.5 + c * h % 1 * 0.5);
+    return Array.from({ length: t }, (a, s) => 0.5 + s * h % 1 * 0.5);
   }, [t]);
-  T(() => e.subscribe((a) => {
-    for (let c = 0; c < t; c++) {
-      const R = d.current[c];
+  P(() => e.subscribe((a) => {
+    for (let s = 0; s < t; s++) {
+      const R = d.current[s];
       if (!R) continue;
-      const C = Math.max(o, a * r * u[c]);
+      const C = Math.max(i, a * r * u[s]);
       R.style.height = `${C}px`;
     }
-  }), [e, t, r, o, u]);
-  const m = ["ll-waveform", i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: s, className: m, "aria-hidden": "true", children: Array.from({ length: t }, (h, a) => /* @__PURE__ */ n(
+  }), [e, t, r, i, u]);
+  const m = ["ll-waveform", o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: c, className: m, "aria-hidden": "true", children: Array.from({ length: t }, (h, a) => /* @__PURE__ */ n(
     "div",
     {
-      ref: (c) => {
-        d.current[a] = c;
+      ref: (s) => {
+        d.current[a] = s;
       },
       className: ["ll-waveform__bar", l].filter(Boolean).join(" "),
-      style: { height: `${o}px` }
+      style: { height: `${i}px` }
     },
     a
   )) });
-}, Gn = ({
+}, Xn = ({
   position: e,
   isMobile: t,
   agentName: r,
-  avatarImageUrl: o,
-  agentState: i,
+  avatarImageUrl: i,
+  agentState: o,
   isMuted: l,
-  audioLevel: s,
+  audioLevel: c,
   onExpand: d,
   onToggleMute: u,
   onClose: m
@@ -806,12 +806,12 @@ const Vn = ({
         onClick: d,
         "aria-label": `Expand ${r} widget`,
         children: [
-          o ? (
+          i ? (
             // eslint-disable-next-line @next/next/no-img-element
             /* @__PURE__ */ n(
               "img",
               {
-                src: o,
+                src: i,
                 alt: r,
                 className: "ll-minimized__avatar"
               }
@@ -820,7 +820,7 @@ const Vn = ({
           /* @__PURE__ */ n(
             Yn,
             {
-              audioLevel: s,
+              audioLevel: c,
               bars: 16,
               maxHeight: 18,
               className: "ll-minimized__waveform"
@@ -858,12 +858,12 @@ const Vn = ({
     role: "region",
     "aria-label": `${r} widget`,
     children: /* @__PURE__ */ w("div", { className: "ll-minimized__surface", children: [
-      o ? (
+      i ? (
         // eslint-disable-next-line @next/next/no-img-element
         /* @__PURE__ */ n(
           "img",
           {
-            src: o,
+            src: i,
             alt: r,
             className: "ll-minimized__avatar"
           }
@@ -871,7 +871,7 @@ const Vn = ({
       ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
       /* @__PURE__ */ w("div", { className: "ll-minimized__meta", children: [
         /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
-        /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: i === "speaking" ? "Speaking" : i === "thinking" ? "Thinking" : "Listening" })
+        /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: o === "speaking" ? "Speaking" : o === "thinking" ? "Thinking" : "Listening" })
       ] }),
       /* @__PURE__ */ w("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
@@ -907,16 +907,16 @@ const Vn = ({
       ] })
     ] })
   }
-), Jn = ({
+), Gn = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
-  className: o,
-  style: i
+  className: i,
+  style: o
 }) => {
-  const [l, s] = S(!1), d = E(e);
-  if (T(() => {
-    d.current !== e && (d.current = e, s(!1));
+  const [l, c] = S(!1), d = E(e);
+  if (P(() => {
+    d.current !== e && (d.current = e, c(!1));
   }, [e]), !e) return null;
   const u = {
     position: "absolute",
@@ -928,7 +928,7 @@ const Vn = ({
     transition: "opacity 500ms ease, transform 500ms ease",
     transform: r ? "scale(1.02)" : "scale(1)",
     opacity: l ? 1 : 0,
-    ...i
+    ...o
   };
   return (
     // eslint-disable-next-line @next/next/no-img-element
@@ -937,122 +937,122 @@ const Vn = ({
       {
         src: e,
         alt: t,
-        className: o,
+        className: i,
         style: u,
         loading: "eager",
         fetchPriority: "high",
-        onLoad: () => s(!0)
+        onLoad: () => c(!0)
       }
     )
   );
-}, Kn = ({
+}, Jn = ({
   position: e,
   isMobile: t,
   agentName: r,
-  avatarImageUrl: o,
-  idleLoopUrl: i,
+  avatarImageUrl: i,
+  idleLoopUrl: o,
   greeting: l,
-  branding: s,
+  branding: c,
   teamMembers: d,
   currentTeamMemberId: u,
   isSwitchingTeamMember: m,
   teamSwitcherOpen: h,
   onToggleTeamSwitcher: a,
-  onSelectTeamMember: c,
+  onSelectTeamMember: s,
   languageMenuOpen: R,
   onToggleLanguageMenu: C,
   connectionState: L,
   agentState: v,
   transcript: b,
-  canResume: z,
+  canResume: H,
   needsUserGesture: I,
-  error: H,
+  error: O,
   isMuted: p,
   micError: N,
   micDevices: B,
-  isCameraEnabled: D,
+  isCameraEnabled: $,
   cameraPreviewEl: A,
-  cameraDevices: O,
+  cameraDevices: T,
   activeCameraId: W,
   isScreenShareEnabled: V,
-  screenPreviewEl: te,
-  isSpeakerMuted: ue,
-  allowCamera: He,
-  allowScreenShare: Oe,
-  allowTyping: qe,
-  avatarVideoContainerRef: Be,
-  onConnect: me,
-  onDisconnect: ge,
-  onRetry: ye,
-  onResumeAudio: ve,
-  onToggleMute: be,
-  onToggleCamera: we,
-  onSwitchCameraDevice: _e,
-  onToggleScreenShare: xe,
+  screenPreviewEl: ne,
+  isSpeakerMuted: ee,
+  allowCamera: ve,
+  allowScreenShare: ae,
+  allowTyping: pe,
+  avatarVideoContainerRef: se,
+  onConnect: re,
+  onDisconnect: ce,
+  onRetry: _e,
+  onResumeAudio: xe,
+  onToggleMute: ke,
+  onToggleCamera: Le,
+  onSwitchCameraDevice: Se,
+  onToggleScreenShare: Ce,
   onToggleSpeaker: j,
   onSendMessage: We,
   onMinimize: Fe,
   onClose: Ue,
   onClearMicError: je
 }) => {
-  var Se;
-  const ae = b.length > 0 ? b[b.length - 1] : null, ie = ((d == null ? void 0 : d.length) ?? 0) > 1, ke = L === "connecting" || L === "connected", Le = L === "connected", fe = L === "idle" || L === "disconnected" || L === "error", J = E(null), Re = E(null);
-  T(() => {
-    const y = J.current;
+  var Ae;
+  const he = b.length > 0 ? b[b.length - 1] : null, de = ((d == null ? void 0 : d.length) ?? 0) > 1, Ee = L === "connecting" || L === "connected", Ne = L === "connected", be = L === "idle" || L === "disconnected" || L === "error", G = E(null), Pe = E(null);
+  P(() => {
+    const y = G.current;
     y && (y.innerHTML = "", A && (A.style.width = "100%", A.style.height = "100%", A.style.objectFit = "cover", A.style.transform = "scaleX(-1)", y.appendChild(A)));
-  }, [A]), T(() => {
-    const y = Re.current;
-    y && (y.innerHTML = "", te && (te.style.width = "100%", te.style.height = "100%", te.style.objectFit = "contain", y.appendChild(te)));
-  }, [te]);
-  const [ne, ee] = S(!1), [le, ce] = S(!1);
-  T(() => {
-    if (!ne && !le && !R && !h) return;
+  }, [A]), P(() => {
+    const y = Pe.current;
+    y && (y.innerHTML = "", ne && (ne.style.width = "100%", ne.style.height = "100%", ne.style.objectFit = "contain", y.appendChild(ne)));
+  }, [ne]);
+  const [ie, te] = S(!1), [ue, me] = S(!1);
+  P(() => {
+    if (!ie && !ue && !R && !h) return;
     const y = () => {
-      ee(!1), ce(!1), R && C(), h && a();
+      te(!1), me(!1), R && C(), h && a();
     };
     return document.addEventListener("click", y), () => document.removeEventListener("click", y);
   }, [
-    ne,
-    le,
+    ie,
+    ue,
     R,
     h,
     C,
     a
   ]);
-  const [Q, re] = S(""), pe = k(
+  const [Q, oe] = S(""), we = k(
     (y) => {
       y.preventDefault();
-      const K = Q.trim();
-      K && (We(K), re(""));
+      const J = Q.trim();
+      J && (We(J), oe(""));
     },
     [Q, We]
-  ), Ie = s.productName || "Live Layer", Ve = Le && (ae != null && ae.text) ? ae.text : l || "", Me = [
+  ), De = c.productName || "Live Layer", Ve = Ne && (he != null && he.text) ? he.text : l || "", $e = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
   return /* @__PURE__ */ w(
     "div",
     {
-      className: Me,
+      className: $e,
       "data-position": e,
-      "data-state": Le ? "connected" : ke ? "connecting" : "idle",
+      "data-state": Ne ? "connected" : Ee ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
         /* @__PURE__ */ w("div", { className: "ll-expanded__bg", children: [
-          o ? /* @__PURE__ */ n(
-            Jn,
+          i ? /* @__PURE__ */ n(
+            Gn,
             {
-              src: o,
+              src: i,
               alt: r,
               className: "ll-expanded__bg-img"
             }
-          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Se = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Se.toUpperCase()) || "A" }) }),
-          i && !Le && /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Ae = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Ae.toUpperCase()) || "A" }) }),
+          o && !Ne && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
-              src: i,
+              src: o,
               autoPlay: !0,
               loop: !0,
               muted: !0,
@@ -1060,24 +1060,24 @@ const Vn = ({
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { ref: Be, className: "ll-expanded__video" }),
+        /* @__PURE__ */ n("div", { ref: se, className: "ll-expanded__video" }),
         L === "connecting" && /* @__PURE__ */ w("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: m ? "Switching..." : "Connecting..." })
         ] }),
-        I && Le && /* @__PURE__ */ w(
+        I && Ne && /* @__PURE__ */ w(
           "button",
           {
             type: "button",
             className: "ll-expanded__overlay ll-expanded__overlay--gesture",
-            onClick: ve,
+            onClick: xe,
             children: [
               /* @__PURE__ */ n("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("path", { d: "M3 9v6h4l5 5V4L7 9H3zm13.54.12a5 5 0 0 1 0 5.76l-1.41-1.41a3 3 0 0 0 0-2.94L16.54 9.12z" }) }),
               /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: "Tap to enable audio" })
             ]
           }
         ),
-        ke ? /* @__PURE__ */ w("div", { className: "ll-expanded__topbar", children: [
+        Ee ? /* @__PURE__ */ w("div", { className: "ll-expanded__topbar", children: [
           /* @__PURE__ */ w("div", { className: "ll-expanded__topbar-left", children: [
             /* @__PURE__ */ w("div", { className: "ll-expanded__pill-wrap", children: [
               /* @__PURE__ */ w(
@@ -1086,17 +1086,17 @@ const Vn = ({
                   type: "button",
                   className: "ll-hpill",
                   onClick: (y) => {
-                    ie && (y.stopPropagation(), a());
+                    de && (y.stopPropagation(), a());
                   },
-                  "aria-haspopup": ie ? "listbox" : void 0,
-                  "aria-expanded": ie ? h : void 0,
+                  "aria-haspopup": de ? "listbox" : void 0,
+                  "aria-expanded": de ? h : void 0,
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                    ie && /* @__PURE__ */ n(Xe, {})
+                    de && /* @__PURE__ */ n(Ke, {})
                   ]
                 }
               ),
-              ie && h && /* @__PURE__ */ n(
+              de && h && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
@@ -1107,7 +1107,7 @@ const Vn = ({
                     {
                       type: "button",
                       className: `ll-hmenu__item ${y.id === u ? "is-active" : ""}`,
-                      onClick: () => c(y.id),
+                      onClick: () => s(y.id),
                       role: "option",
                       "aria-selected": y.id === u,
                       children: [
@@ -1143,7 +1143,7 @@ const Vn = ({
                   title: "Language: English",
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: "EN" }),
-                    /* @__PURE__ */ n(Xe, {})
+                    /* @__PURE__ */ n(Ke, {})
                   ]
                 }
               ),
@@ -1201,7 +1201,7 @@ const Vn = ({
         ] }) : (
           // Idle-state header with Live Layer product name + minimize/close
           /* @__PURE__ */ w("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Ie }),
+            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: De }),
             /* @__PURE__ */ w("div", { className: "ll-expanded__header-actions", children: [
               /* @__PURE__ */ n(
                 "button",
@@ -1226,15 +1226,15 @@ const Vn = ({
             ] })
           ] })
         ),
-        fe && /* @__PURE__ */ (() => {
-          const y = z ? "Restart paused session" : L === "disconnected" ? "Reconnect to agent" : "Start video call", K = z ? "Pick up where you left off" : null;
+        be && /* @__PURE__ */ (() => {
+          const y = H ? "Restart paused session" : L === "disconnected" ? "Reconnect to agent" : "Start video call", J = H ? "Pick up where you left off" : null;
           return /* @__PURE__ */ w(ut, { children: [
-            L === "idle" && !z && !H && /* @__PURE__ */ w(
+            L === "idle" && !H && !O && /* @__PURE__ */ w(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
-                onClick: me,
+                onClick: re,
                 "aria-label": y,
                 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" }) }) }),
@@ -1244,13 +1244,13 @@ const Vn = ({
             ),
             /* @__PURE__ */ w("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
               l && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: l }) }),
-              K && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: K }),
+              J && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: J }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__cta",
-                  onClick: me,
+                  onClick: re,
                   "aria-label": y,
                   children: y
                 }
@@ -1261,48 +1261,48 @@ const Vn = ({
         /* @__PURE__ */ w(
           "div",
           {
-            className: `ll-expanded__pip ${ke && (D || V) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${Ee && ($ || V) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: Re,
+                  ref: Pe,
                   className: V ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: J,
-                  className: !V && D ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: G,
+                  className: !V && $ ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        ke ? /* @__PURE__ */ w("div", { className: "ll-expanded__bottom", children: [
+        Ee ? /* @__PURE__ */ w("div", { className: "ll-expanded__bottom", children: [
           Ve && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Ve }) }),
           /* @__PURE__ */ w("div", { className: "ll-toolbar", onClick: (y) => y.stopPropagation(), children: [
-            Oe && /* @__PURE__ */ n(
+            ae && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: `ll-tool ${V ? "is-on" : ""}`,
-                onClick: xe,
+                onClick: Ce,
                 "aria-label": V ? "Stop sharing screen" : "Share screen",
                 title: V ? "Stop sharing" : "Share screen",
-                children: /* @__PURE__ */ n(Xn, {})
+                children: /* @__PURE__ */ n(Kn, {})
               }
             ),
-            He && /* @__PURE__ */ w("div", { className: "ll-tool-split", children: [
+            ve && /* @__PURE__ */ w("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${D ? "is-on" : ""}`,
-                  onClick: we,
-                  "aria-label": D ? "Turn off camera" : "Turn on camera",
-                  title: D ? "Stop camera" : "Start camera",
+                  className: `ll-tool ll-tool--left ${$ ? "is-on" : ""}`,
+                  onClick: Le,
+                  "aria-label": $ ? "Turn off camera" : "Turn on camera",
+                  title: $ ? "Stop camera" : "Start camera",
                   children: /* @__PURE__ */ n(Qn, {})
                 }
               ),
@@ -1310,24 +1310,24 @@ const Vn = ({
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--right ${D ? "is-on" : ""}`,
+                  className: `ll-tool ll-tool--right ${$ ? "is-on" : ""}`,
                   onClick: (y) => {
-                    y.stopPropagation(), ce((K) => !K), ee(!1);
+                    y.stopPropagation(), me((J) => !J), te(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": le,
-                  children: /* @__PURE__ */ n(Xe, {})
+                  "aria-expanded": ue,
+                  children: /* @__PURE__ */ n(Ke, {})
                 }
               ),
-              le && O.length > 0 && /* @__PURE__ */ n(
+              ue && T.length > 0 && /* @__PURE__ */ n(
                 Ot,
                 {
                   label: "Camera",
-                  devices: O,
+                  devices: T,
                   activeId: W,
                   onPick: (y) => {
-                    ce(!1), _e(y);
+                    me(!1), Se(y);
                   }
                 }
               )
@@ -1338,7 +1338,7 @@ const Vn = ({
                 {
                   type: "button",
                   className: `ll-tool ll-tool--left ${p ? "is-muted" : ""}`,
-                  onClick: be,
+                  onClick: ke,
                   "aria-label": p ? "Unmute microphone" : "Mute microphone",
                   title: p ? "Unmute" : "Mute",
                   children: /* @__PURE__ */ n(Zn, { muted: p })
@@ -1350,21 +1350,21 @@ const Vn = ({
                   type: "button",
                   className: `ll-tool ll-tool--right ${p ? "is-muted" : ""}`,
                   onClick: (y) => {
-                    y.stopPropagation(), ee((K) => !K), ce(!1);
+                    y.stopPropagation(), te((J) => !J), me(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": ne,
-                  children: /* @__PURE__ */ n(Xe, {})
+                  "aria-expanded": ie,
+                  children: /* @__PURE__ */ n(Ke, {})
                 }
               ),
-              ne && B.length > 0 && /* @__PURE__ */ n(
+              ie && B.length > 0 && /* @__PURE__ */ n(
                 Ot,
                 {
                   label: "Microphone",
                   devices: B,
                   activeId: "",
-                  onPick: () => ee(!1)
+                  onPick: () => te(!1)
                 }
               )
             ] }),
@@ -1372,15 +1372,15 @@ const Vn = ({
               "button",
               {
                 type: "button",
-                className: `ll-tool ${ue ? "is-muted" : ""}`,
+                className: `ll-tool ${ee ? "is-muted" : ""}`,
                 onClick: j,
-                "aria-label": ue ? "Unmute speaker" : "Mute speaker",
-                title: ue ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(er, { muted: ue })
+                "aria-label": ee ? "Unmute speaker" : "Mute speaker",
+                title: ee ? "Unmute speaker" : "Mute speaker",
+                children: /* @__PURE__ */ n(er, { muted: ee })
               }
             )
           ] }),
-          qe && /* @__PURE__ */ w("form", { className: "ll-message-input", onSubmit: pe, children: [
+          pe && /* @__PURE__ */ w("form", { className: "ll-message-input", onSubmit: we, children: [
             /* @__PURE__ */ n(
               "input",
               {
@@ -1388,7 +1388,7 @@ const Vn = ({
                 className: "ll-message-input__field",
                 placeholder: "Message...",
                 value: Q,
-                onChange: (y) => re(y.target.value),
+                onChange: (y) => oe(y.target.value),
                 "aria-label": "Message the agent"
               }
             ),
@@ -1407,7 +1407,7 @@ const Vn = ({
             {
               type: "button",
               className: "ll-expanded__end",
-              onClick: ge,
+              onClick: ce,
               children: "End conversation"
             }
           )
@@ -1427,17 +1427,17 @@ const Vn = ({
                 }
               )
             ] });
-          if (!H || L !== "error") return null;
-          let y = "Failed to connect", K = "Try again";
-          return H === "MIC_PERMISSION_DENIED" ? y = "Microphone blocked. Allow access to talk." : H === "MIC_NOT_FOUND" ? y = "No microphone found. Plug one in + retry." : H === "MIC_UNAVAILABLE" ? y = "Mic unavailable. Check other apps using it." : H === "AGENT_TIMEOUT" ? y = "Agent didn't pick up. Try again." : H === "CONNECT_FAILED" ? y = "Connection failed. Check your network." : H.length < 80 && (y = H), /* @__PURE__ */ w("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+          if (!O || L !== "error") return null;
+          let y = "Failed to connect", J = "Try again";
+          return O === "MIC_PERMISSION_DENIED" ? y = "Microphone blocked. Allow access to talk." : O === "MIC_NOT_FOUND" ? y = "No microphone found. Plug one in + retry." : O === "MIC_UNAVAILABLE" ? y = "Mic unavailable. Check other apps using it." : O === "AGENT_TIMEOUT" ? y = "Agent didn't pick up. Try again." : O === "CONNECT_FAILED" ? y = "Connection failed. Check your network." : O.length < 80 && (y = O), /* @__PURE__ */ w("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
             /* @__PURE__ */ n("span", { children: y }),
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: ye,
-                children: K
+                onClick: _e,
+                children: J
               }
             )
           ] });
@@ -1446,7 +1446,7 @@ const Vn = ({
     }
   );
 };
-function Xe() {
+function Ke() {
   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 zt() {
@@ -1458,7 +1458,7 @@ function zt() {
 function Ht() {
   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 Xn() {
+function Kn() {
   return /* @__PURE__ */ w("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" }),
@@ -1494,30 +1494,30 @@ function tr() {
     /* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
   ] });
 }
-const Ot = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ w(
+const Ot = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ w(
   "div",
   {
     className: "ll-device-menu",
-    onClick: (i) => i.stopPropagation(),
+    onClick: (o) => o.stopPropagation(),
     role: "listbox",
     children: [
       /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
-      t.map((i, l) => {
-        const s = r === i.deviceId;
+      t.map((o, l) => {
+        const c = r === o.deviceId;
         return /* @__PURE__ */ w(
           "button",
           {
             type: "button",
-            className: `ll-device-menu__item ${s ? "is-active" : ""}`,
-            onClick: () => o(i.deviceId),
+            className: `ll-device-menu__item ${c ? "is-active" : ""}`,
+            onClick: () => i(o.deviceId),
             role: "option",
-            "aria-selected": s,
+            "aria-selected": c,
             children: [
-              s && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
-              /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: i.label || `${e} ${l + 1}` })
+              c && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
+              /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: o.label || `${e} ${l + 1}` })
             ]
           },
-          i.deviceId || l
+          o.deviceId || l
         );
       })
     ]
@@ -1544,7 +1544,7 @@ function tt(e) {
   }
   return !0;
 }
-const Qe = 4096, rr = 20, or = 20, ir = 10, lr = 10, ar = 30, qt = 500, cr = [
+const Qe = 4096, rr = 20, ir = 20, or = 10, lr = 10, ar = 30, sr = 20, qt = 500, cr = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1552,7 +1552,7 @@ const Qe = 4096, rr = 20, or = 20, ir = 10, lr = 10, ar = 30, qt = 500, cr = [
   "noscript",
   "iframe"
 ];
-function $e(e) {
+function qe(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
@@ -1562,12 +1562,12 @@ function $e(e) {
   }
   return !1;
 }
-function ze(e) {
+function Be(e) {
   if (typeof window > "u") return !0;
   const t = e.getBoundingClientRect();
   if (t.width <= 0 || t.height <= 0) return !1;
-  const r = window.innerHeight || document.documentElement.clientHeight, o = window.innerWidth || document.documentElement.clientWidth;
-  return t.bottom > 0 && t.right > 0 && t.top < r && t.left < o;
+  const r = window.innerHeight || document.documentElement.clientHeight, i = window.innerWidth || document.documentElement.clientWidth;
+  return t.bottom > 0 && t.right > 0 && t.top < r && t.left < i;
 }
 function Bt(e) {
   const t = e.getAttribute("id");
@@ -1577,18 +1577,18 @@ function Bt(e) {
   }
   const r = e.getAttribute("aria-label");
   if (r) return r.trim();
-  const o = e.getAttribute("placeholder");
-  if (o) return o.trim();
-  const i = e.closest("label");
-  return i != null && i.textContent ? i.textContent.trim() : "";
+  const i = e.getAttribute("placeholder");
+  if (i) return i.trim();
+  const o = e.closest("label");
+  return o != null && o.textContent ? o.textContent.trim() : "";
 }
-function he(e, t) {
+function fe(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-function Ee(e) {
+function Ie(e) {
   return e.length;
 }
-function sr(e, t = {}) {
+function dr(e, t = {}) {
   const r = t.doc ?? (typeof document < "u" ? document : null);
   if (!r)
     return {
@@ -1602,39 +1602,39 @@ function sr(e, t = {}) {
       forms: [],
       extras: e
     };
-  const o = typeof window < "u" && window.location.href || "", i = typeof window < "u" && window.location.pathname || "/", l = r.title || "", s = Array.from(
+  const i = typeof window < "u" && window.location.href || "", o = typeof window < "u" && window.location.pathname || "/", l = r.title || "", c = Array.from(
     r.querySelectorAll("[data-ll-region]")
   ), d = [];
-  for (const p of s) {
-    if (d.length >= ir) break;
-    if ($e(p) || !ze(p)) continue;
-    const N = p.getAttribute("data-ll-region") ?? "", B = p.getAttribute("data-ll-intent") ?? void 0, D = he(
+  for (const p of c) {
+    if (d.length >= or) break;
+    if (qe(p) || !Be(p)) continue;
+    const N = p.getAttribute("data-ll-region") ?? "", B = p.getAttribute("data-ll-intent") ?? void 0, $ = fe(
       (p.innerText || p.textContent || "").trim(),
       qt * 2
     );
-    !N || !D || d.push({ id: N, intent: B, text: D });
+    !N || !$ || d.push({ id: N, intent: B, text: $ });
   }
   const u = [], m = ["H1", "H2", "H3", "H4", "H5", "H6"], h = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
   for (const p of h) {
-    if ($e(p) || !ze(p)) continue;
+    if (qe(p) || !Be(p)) continue;
     const N = (p.textContent || "").trim();
-    N && u.push(`${p.tagName}: ${he(N, 200)}`);
+    N && u.push(`${p.tagName}: ${fe(N, 200)}`);
   }
   const a = Array.from(r.querySelectorAll("p, li"));
   for (const p of a) {
-    if ($e(p) || !ze(p) || m.includes(p.tagName)) continue;
+    if (qe(p) || !Be(p) || m.includes(p.tagName)) continue;
     const N = (p.textContent || "").trim();
-    N.length > 10 && u.push(he(N, qt));
+    N.length > 10 && u.push(fe(N, qt));
   }
-  const c = u.join(`
+  const s = u.join(`
 `), R = [], C = Array.from(r.querySelectorAll("a[href]"));
   for (const p of C) {
     if (R.length >= rr) break;
-    if ($e(p) || !ze(p)) continue;
+    if (qe(p) || !Be(p)) continue;
     const N = p.getAttribute("href") || "", B = (p.textContent || "").trim();
-    !N || !B || R.push({ href: N, text: he(B, 100) });
+    !N || !B || R.push({ href: N, text: fe(B, 100) });
   }
   const L = [], v = Array.from(
     r.querySelectorAll(
@@ -1642,65 +1642,80 @@ function sr(e, t = {}) {
     )
   );
   for (const p of v) {
-    if (L.length >= or) break;
-    if ($e(p) || !tt(p) || !ze(p)) continue;
+    if (L.length >= ir) break;
+    if (qe(p) || !tt(p) || !Be(p)) continue;
     const N = Bt(p), B = p instanceof HTMLInputElement ? p.type : p.tagName.toLowerCase();
-    N && L.push({ label: he(N, 100), type: B });
+    N && L.push({ label: fe(N, 100), type: B });
   }
   const b = Array.from(
     r.querySelectorAll("[data-ll-form]")
-  ), z = [];
+  ), H = [];
   for (const p of b) {
-    if (z.length >= lr) break;
+    if (H.length >= lr) break;
     if (pt(p)) continue;
     const N = p.getAttribute("data-ll-form") || "";
     if (!N) continue;
-    const B = p.getAttribute("data-ll-intent") || void 0, D = Array.from(
+    const B = p.getAttribute("data-ll-intent") || void 0, $ = Array.from(
       p.querySelectorAll(
         "[data-ll-field]"
       )
     ), A = [];
-    for (const O of D) {
+    for (const T of $) {
       if (A.length >= ar) break;
-      if (!tt(O)) continue;
-      const W = O.getAttribute("data-ll-field") || "";
+      if (!tt(T)) continue;
+      const W = T.getAttribute("data-ll-field") || "";
       if (!W) continue;
-      const V = Bt(O) || W, te = O instanceof HTMLInputElement ? O.type : O.tagName.toLowerCase();
-      A.push({ name: W, label: he(V, 100), type: te });
+      const V = Bt(T) || W, ne = T instanceof HTMLInputElement ? T.type : T.tagName.toLowerCase(), ee = {
+        name: W,
+        label: fe(V, 100),
+        type: ne
+      };
+      if (T.required === !0 && (ee.required = !0), T instanceof HTMLSelectElement) {
+        const ae = [];
+        for (let pe = 0; pe < T.options.length && !(ae.length >= sr); pe++) {
+          const se = T.options[pe];
+          if (!se || se.disabled) continue;
+          const re = se.value || "", ce = (se.textContent || "").trim() || re;
+          !re && !ce || ae.push({ value: re, label: fe(ce, 60) });
+        }
+        ae.length > 0 && (ee.options = ae);
+      }
+      const ve = typeof T.validationMessage == "string" ? T.validationMessage : "";
+      ve && (ee.validationMessage = fe(ve, 200)), A.push(ee);
     }
-    z.push({ id: N, intent: B, fields: A });
+    H.push({ id: N, intent: B, fields: A });
   }
   const I = {
-    url: o,
+    url: i,
     title: l,
-    pathname: i,
+    pathname: o,
     regions: d,
-    visibleText: c,
+    visibleText: s,
     visibleLinks: R,
     visibleFields: L,
-    forms: z,
+    forms: H,
     extras: e
   };
-  let H = Ee(JSON.stringify(I.regions)) + Ee(I.visibleText) + Ee(JSON.stringify(I.visibleLinks)) + Ee(JSON.stringify(I.visibleFields));
-  for (; H > Qe && I.visibleFields.length > 0; )
-    I.visibleFields.pop(), H = Ee(JSON.stringify(I.visibleFields));
-  for (; H > Qe && I.visibleLinks.length > 0; )
-    I.visibleLinks.pop(), H -= 80;
-  return Ee(I.visibleText) > Qe && (I.visibleText = he(I.visibleText, Qe - 100)), I;
-}
-let Ne = null;
+  let O = Ie(JSON.stringify(I.regions)) + Ie(I.visibleText) + Ie(JSON.stringify(I.visibleLinks)) + Ie(JSON.stringify(I.visibleFields));
+  for (; O > Qe && I.visibleFields.length > 0; )
+    I.visibleFields.pop(), O = Ie(JSON.stringify(I.visibleFields));
+  for (; O > Qe && I.visibleLinks.length > 0; )
+    I.visibleLinks.pop(), O -= 80;
+  return Ie(I.visibleText) > Qe && (I.visibleText = fe(I.visibleText, Qe - 100)), I;
+}
+let Me = null;
 function Wt(e, t = {}) {
-  const r = Date.now(), i = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if (Ne && Ne.key === i && r - Ne.at < 1e3)
-    return Ne.ctx;
-  const l = sr(e, t);
-  return Ne = { key: i, at: r, ctx: l }, l;
+  const r = Date.now(), o = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
+  if (Me && Me.key === o && r - Me.at < 1e3)
+    return Me.ctx;
+  const l = dr(e, t);
+  return Me = { key: o, at: r, ctx: l }, l;
 }
-function dr() {
-  Ne = null;
+function ur() {
+  Me = null;
 }
-const ur = 200;
-function fr(e) {
+const fr = 200;
+function pr(e) {
   const t = String(e.href || "");
   return {
     href: t,
@@ -1710,18 +1725,18 @@ function fr(e) {
     description: e.description
   };
 }
-function pr(e) {
+function hr(e) {
   return !(!e || e.startsWith("#") || e.startsWith("javascript:") || e.startsWith("mailto:") || e.startsWith("tel:"));
 }
-function hr(e) {
+function mr(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
-  const r = typeof window < "u" && window.location.origin || "", o = /* @__PURE__ */ new Set(), i = [], l = Array.from(t.querySelectorAll("a[href]"));
-  for (const s of l) {
-    if (i.length >= ur) break;
-    if (pt(s)) continue;
-    const d = s.getAttribute("href") || "";
-    if (!pr(d)) continue;
+  const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), o = [], l = Array.from(t.querySelectorAll("a[href]"));
+  for (const c of l) {
+    if (o.length >= fr) break;
+    if (pt(c)) continue;
+    const d = c.getAttribute("href") || "";
+    if (!hr(d)) continue;
     let u = d, m = !0;
     try {
       if (typeof window < "u") {
@@ -1731,42 +1746,42 @@ function hr(e) {
     } catch {
       continue;
     }
-    if (o.has(u)) continue;
-    o.add(u);
-    const h = (s.textContent || "").trim().slice(0, 120);
-    i.push({ href: u, text: h, internal: m });
+    if (i.has(u)) continue;
+    i.add(u);
+    const h = (c.textContent || "").trim().slice(0, 120);
+    o.push({ href: u, text: h, internal: m });
   }
-  return i;
+  return o;
 }
-let Ae = null;
-const mr = 5e3;
-function st() {
+let Te = null;
+const gr = 5e3;
+function ct() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (Ae && Ae.pathname === t && e - Ae.at < mr)
-    return Ae.routes;
-  const r = hr();
-  return Ae = { at: e, pathname: t, routes: r }, r;
+  if (Te && Te.pathname === t && e - Te.at < gr)
+    return Te.routes;
+  const r = mr();
+  return Te = { at: e, pathname: t, routes: r }, r;
 }
-function gr() {
-  Ae = null;
+function yr() {
+  Te = null;
 }
-function yr(e, t) {
-  const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, o = Object.getOwnPropertyDescriptor(r, "value"), i = o == null ? void 0 : o.set;
-  i ? i.call(e, t) : e.value = t;
+function vr(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 = {}) {
-  const o = r.triggerInput ?? !0, i = r.triggerChange ?? !0;
+function br(e, t, r = {}) {
+  const i = r.triggerInput ?? !0, o = r.triggerChange ?? !0;
   if (e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio")) {
     const l = Object.getOwnPropertyDescriptor(
       HTMLInputElement.prototype,
       "checked"
-    ), s = l == null ? void 0 : l.set, d = t === "true" || t === "1" || t === "on";
-    s ? s.call(e, d) : e.checked = d, o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+    ), c = l == null ? void 0 : l.set, d = t === "true" || t === "1" || t === "on";
+    c ? c.call(e, d) : e.checked = d, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
-  yr(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  vr(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
-function br() {
+function wr() {
   if (typeof window > "u" || typeof document > "u")
     return !1;
   const e = document.scrollingElement || document.documentElement;
@@ -1774,44 +1789,44 @@ function br() {
   const t = window.getComputedStyle(e);
   return !(t.overflowY === "hidden" || t.overflowY === "clip");
 }
-function wr(e) {
+function _r(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const r = window.getComputedStyle(e).overflowY;
   return !(r !== "auto" && r !== "scroll" || e.scrollHeight <= e.clientHeight + 2);
 }
-function _r() {
+function xr() {
   if (typeof document > "u") return null;
   const e = Array.from(
     document.querySelectorAll("body, body *")
   );
   let t = null, r = 0;
-  for (const o of e) {
-    if (!wr(o)) continue;
-    const i = o.getBoundingClientRect();
-    if (i.bottom <= 0 || i.top >= window.innerHeight || i.right <= 0 || i.left >= window.innerWidth || i.width <= 0 || i.height <= 0 || o.closest(".ll-widget")) continue;
-    const l = i.width * i.height;
-    l > r && (r = l, t = o);
+  for (const i of e) {
+    if (!_r(i)) continue;
+    const o = i.getBoundingClientRect();
+    if (o.bottom <= 0 || o.top >= window.innerHeight || o.right <= 0 || o.left >= window.innerWidth || o.width <= 0 || o.height <= 0 || i.closest(".ll-widget")) continue;
+    const l = o.width * o.height;
+    l > r && (r = l, t = i);
   }
   return t;
 }
-function xr() {
+function kr() {
   if (typeof window > "u")
     return null;
-  if (br()) return window;
-  const e = _r();
+  if (wr()) return window;
+  const e = xr();
   return e || window;
 }
 function Ft(e) {
   return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
 }
-function kr(e) {
+function Lr(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 Lr = /* @__PURE__ */ new Set([
+const Sr = /* @__PURE__ */ new Set([
   "agent_state",
   "avatar_stream_ready",
   "avatar_active",
@@ -1834,90 +1849,90 @@ const Lr = /* @__PURE__ */ new Set([
   "submit_form",
   "request_routes"
 ]);
-function Sr(e) {
+function Cr(e) {
   var wt, _t, xt, kt, Lt, St, Ct;
   const {
     agentId: t,
     apiKey: r,
-    baseUrl: o = "https://app.livelayer.studio",
-    sessionEndpoint: i,
+    baseUrl: i = "https://app.livelayer.studio",
+    sessionEndpoint: o,
     sessionBody: l,
-    autoConnect: s = !1,
+    autoConnect: c = !1,
     displayMode: d,
     defaultDisplayMode: u = "expanded",
     onDisplayModeChange: m,
     position: h = "bottom-right",
     mobileBreakpoint: a = 640,
-    persistKey: c = "ll-widget",
+    persistKey: s = "ll-widget",
     disablePersistence: R = !1,
     teamMembers: C,
     currentTeamMemberId: L,
     onTeamMemberChange: v,
     idleLoopUrl: b,
-    greeting: z,
+    greeting: H,
     avatarImageUrl: I,
-    agentName: H,
+    agentName: O,
     branding: p = {},
     allowCamera: N = !0,
     allowScreenShare: B = !0,
-    allowTyping: D = !0,
+    allowTyping: $ = !0,
     showOn: A,
-    hideOn: O,
+    hideOn: T,
     pathname: W,
     onNavigate: V,
-    onScrollToSelector: te,
-    getPageContext: ue,
-    pageContextExtras: He,
-    getRoutes: Oe,
-    onScrollPage: qe,
-    onClick: Be,
-    capabilities: me,
-    onConnect: ge,
-    onDisconnect: ye,
-    onTranscript: ve,
-    onAgentState: be,
-    onConnectionStateChange: we,
-    onAgentEvent: _e,
-    onAgentCommand: xe,
+    onScrollToSelector: ne,
+    getPageContext: ee,
+    pageContextExtras: ve,
+    getRoutes: ae,
+    onScrollPage: pe,
+    onClick: se,
+    capabilities: re,
+    onConnect: ce,
+    onDisconnect: _e,
+    onTranscript: xe,
+    onAgentState: ke,
+    onConnectionStateChange: Le,
+    onAgentEvent: Se,
+    onAgentCommand: Ce,
     controlledSession: j,
     className: We,
     style: Fe,
     zIndex: Ue = 2147483647
-  } = e, je = Tn(W), ae = qn(je, A, O);
-  T(() => {
-    dr(), gr();
+  } = e, je = Tn(W), he = qn(je, A, T);
+  P(() => {
+    ur(), yr();
   }, [je]);
-  const ie = L !== void 0, [ke, Le] = S(() => {
+  const de = L !== void 0, [Ee, Ne] = S(() => {
     var g;
     return L ?? ((g = C == null ? void 0 : C[0]) == null ? void 0 : g.id);
-  }), fe = ie ? L : ke, J = Ze(
-    () => (C == null ? void 0 : C.find((g) => g.id === fe)) ?? null,
-    [C, fe]
-  ), Re = (J == null ? void 0 : J.agentId) ?? t, [ne, ee] = An({
+  }), be = de ? L : Ee, G = Ze(
+    () => (C == null ? void 0 : C.find((g) => g.id === be)) ?? null,
+    [C, be]
+  ), Pe = (G == null ? void 0 : G.agentId) ?? t, [ie, te] = An({
     value: d,
     defaultValue: u,
     onChange: m,
-    persistKey: c,
+    persistKey: s,
     disablePersistence: R
-  }), le = In(a), ce = yn(), Q = vn(), re = wn(), pe = _n(), Ie = xn(), [Ve, Me] = S(!1), [Se, y] = S(!1), [K, Ye] = S(!1), [Yt, Gt] = S(!1), [nt, Jt] = S(!1), rt = E(V), ot = E(te), it = E(qe), lt = E(Be), ht = E(ue), mt = E(He), gt = E(Oe), at = E(me), oe = E(null);
-  rt.current = V, ot.current = te, it.current = qe, lt.current = Be, ht.current = ue, mt.current = He, gt.current = Oe, at.current = me;
-  function se(g) {
+  }), ue = In(a), me = yn(), Q = vn(), oe = wn(), we = _n(), De = xn(), [Ve, $e] = S(!1), [Ae, y] = S(!1), [J, Ye] = S(!1), [Yt, Xt] = S(!1), [nt, Gt] = S(!1), rt = E(V), it = E(ne), ot = E(pe), lt = E(se), ht = E(ee), mt = E(ve), gt = E(ae), at = E(re), le = E(null);
+  rt.current = V, it.current = ne, ot.current = pe, lt.current = se, ht.current = ee, mt.current = ve, gt.current = ae, at.current = re;
+  function ge(g) {
     const f = at.current;
     return f ? f.includes(g) : !0;
   }
-  function de(g, f) {
+  function ye(g, f) {
     console.warn(
       `[LiveLayer] Agent command "${g}" blocked — capability "${f}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
     );
   }
-  const Te = k(
+  const ze = k(
     (g) => {
-      var Z, Je, Ke, Et;
+      var Z, Ge, Je, Et;
       const f = g;
       if (!(!f.type || typeof f.type != "string")) {
-        if (_e == null || _e({ eventName: f.type, data: g }), f.type === "navigate") {
-          if (!se("navigate")) {
-            de("navigate", "navigate");
+        if (Se == null || Se({ eventName: f.type, data: g }), f.type === "navigate") {
+          if (!ge("navigate")) {
+            ye("navigate", "navigate");
             return;
           }
           const x = typeof f.href == "string" ? f.href : null;
@@ -1959,16 +1974,16 @@ function Sr(e) {
           return;
         }
         if (f.type === "scroll_to") {
-          if (!se("scroll")) {
-            de("scroll_to", "scroll");
+          if (!ge("scroll")) {
+            ye("scroll_to", "scroll");
             return;
           }
           const x = typeof f.selector == "string" ? f.selector : null;
           if (!x) return;
           const M = f.behavior === "instant" ? "instant" : "smooth";
-          if (ot.current) {
+          if (it.current) {
             try {
-              ot.current(
+              it.current(
                 x,
                 M
               );
@@ -2001,31 +2016,31 @@ function Sr(e) {
           return;
         }
         if (f.type === "request_page_context") {
-          if (!se("read_page")) {
-            de("request_page_context", "read_page");
+          if (!ge("read_page")) {
+            ye("request_page_context", "read_page");
             return;
           }
-          const x = typeof f.requestId == "string" ? f.requestId : void 0, M = (Z = oe.current) == null ? void 0 : Z.call(oe), q = (U) => {
-            const P = M, G = P == null ? void 0 : P.localParticipant;
-            if (G != null && G.publishData)
+          const x = typeof f.requestId == "string" ? f.requestId : void 0, M = (Z = le.current) == null ? void 0 : Z.call(le), q = (U) => {
+            const D = M, X = D == null ? void 0 : D.localParticipant;
+            if (X != null && X.publishData)
               try {
-                const X = x ? { ...U, requestId: x } : U, Ce = new TextEncoder().encode(JSON.stringify(X));
-                G.publishData(Ce, { reliable: !0 });
-              } catch (X) {
-                console.warn("[LiveLayer] publishData failed.", X);
+                const K = x ? { ...U, requestId: x } : U, Re = new TextEncoder().encode(JSON.stringify(K));
+                X.publishData(Re, { reliable: !0 });
+              } catch (K) {
+                console.warn("[LiveLayer] publishData failed.", K);
               }
-          }, $ = mt.current, F = ht.current;
+          }, z = mt.current, F = ht.current;
           try {
             if (F) {
-              const U = F($);
+              const U = F(z);
               if (U instanceof Promise) {
-                q({ type: "page_context_pending" }), U.then((P) => q({ type: "page_context", context: P })).catch((P) => {
+                q({ type: "page_context_pending" }), U.then((D) => q({ type: "page_context", context: D })).catch((D) => {
                   console.warn(
                     "[LiveLayer] getPageContext rejected; falling back to default walker.",
-                    P
+                    D
                   ), q({
                     type: "page_context",
-                    context: Wt($)
+                    context: Wt(z)
                   });
                 });
                 return;
@@ -2035,7 +2050,7 @@ function Sr(e) {
             }
             q({
               type: "page_context",
-              context: Wt($)
+              context: Wt(z)
             });
           } catch (U) {
             console.warn(
@@ -2043,14 +2058,14 @@ function Sr(e) {
               U
             ), q({
               type: "page_context",
-              context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: $ }
+              context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: z }
             });
           }
           return;
         }
         if (f.type === "scroll_page") {
-          if (!se("scroll")) {
-            de("scroll_page", "scroll");
+          if (!ge("scroll")) {
+            ye("scroll_page", "scroll");
             return;
           }
           const x = f.direction;
@@ -2061,29 +2076,29 @@ function Sr(e) {
             return;
           }
           const M = f.behavior === "instant" ? "instant" : "smooth";
-          if (it.current) {
+          if (ot.current) {
             try {
-              it.current(
+              ot.current(
                 x,
                 M
               );
-            } catch (P) {
-              console.warn("[LiveLayer] onScrollPage threw.", P);
+            } catch (D) {
+              console.warn("[LiveLayer] onScrollPage threw.", D);
             }
             return;
           }
           if (typeof window > "u") return;
-          const q = { behavior: M }, $ = xr(), F = (P) => {
-            $ instanceof Window ? $.scrollBy({ top: P, ...q }) : $.scrollBy({ top: P, ...q });
-          }, U = (P) => {
-            $ instanceof Window ? $.scrollTo({ top: P, ...q }) : $.scrollTo({ top: P, ...q });
+          const q = { behavior: M }, z = kr(), F = (D) => {
+            z instanceof Window ? z.scrollBy({ top: D, ...q }) : z.scrollBy({ top: D, ...q });
+          }, U = (D) => {
+            z instanceof Window ? z.scrollTo({ top: D, ...q }) : z.scrollTo({ top: D, ...q });
           };
-          x === "up" ? F(-Ft($)) : x === "down" ? F(Ft($)) : U(x === "top" ? 0 : kr($));
+          x === "up" ? F(-Ft(z)) : x === "down" ? F(Ft(z)) : U(x === "top" ? 0 : Lr(z));
           return;
         }
         if (f.type === "click") {
-          if (!se("click")) {
-            de("click", "click");
+          if (!ge("click")) {
+            ye("click", "click");
             return;
           }
           const x = typeof f.selector == "string" ? f.selector : null;
@@ -2121,12 +2136,12 @@ function Sr(e) {
             );
             return;
           }
-          (Je = M.click) == null || Je.call(M);
+          (Ge = M.click) == null || Ge.call(M);
           return;
         }
         if (f.type === "fill_form" || f.type === "focus_field") {
-          if (!se("fill_forms")) {
-            de(f.type, "fill_forms");
+          if (!ge("fill_forms")) {
+            ye(f.type, "fill_forms");
             return;
           }
           if (typeof document > "u") return;
@@ -2151,21 +2166,21 @@ function Sr(e) {
             return;
           }
           if (f.type === "focus_field") {
-            const $ = typeof f.fieldName == "string" ? f.fieldName : null;
-            if (!$) {
+            const z = typeof f.fieldName == "string" ? f.fieldName : null;
+            if (!z) {
               console.warn("[LiveLayer] focus_field: missing fieldName.");
               return;
             }
-            const F = M.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
+            const F = M.querySelector(`[data-ll-field="${z.replace(/"/g, '\\"')}"]`);
             if (!F) {
               console.warn(
-                `[LiveLayer] focus_field: no field "${$}" in form "${x}".`
+                `[LiveLayer] focus_field: no field "${z}" in form "${x}".`
               );
               return;
             }
             if (!tt(F)) {
               console.warn(
-                `[LiveLayer] focus_field: field "${$}" is privacy-protected and not focusable.`
+                `[LiveLayer] focus_field: field "${z}" is privacy-protected and not focusable.`
               );
               return;
             }
@@ -2177,35 +2192,35 @@ function Sr(e) {
             console.warn("[LiveLayer] fill_form: missing or invalid values.");
             return;
           }
-          for (const [$, F] of Object.entries(q)) {
+          for (const [z, F] of Object.entries(q)) {
             if (typeof F != "string") continue;
-            const U = M.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
+            const U = M.querySelector(`[data-ll-field="${z.replace(/"/g, '\\"')}"]`);
             if (!U) {
               console.warn(
-                `[LiveLayer] fill_form: no field "${$}" in form "${x}". Skipping.`
+                `[LiveLayer] fill_form: no field "${z}" in form "${x}". Skipping.`
               );
               continue;
             }
             if (!tt(U)) {
               console.warn(
-                `[LiveLayer] fill_form: field "${$}" is privacy-protected (password / cc-* / private). Skipping.`
+                `[LiveLayer] fill_form: field "${z}" is privacy-protected (password / cc-* / private). Skipping.`
               );
               continue;
             }
             try {
-              vr(U, F);
-            } catch (P) {
+              br(U, F);
+            } catch (D) {
               console.warn(
-                `[LiveLayer] fill_form: failed to set "${$}".`,
-                P
+                `[LiveLayer] fill_form: failed to set "${z}".`,
+                D
               );
             }
           }
           return;
         }
         if (f.type === "submit_form") {
-          if (!se("submit_forms")) {
-            de("submit_form", "submit_forms");
+          if (!ge("submit_forms")) {
+            ye("submit_form", "submit_forms");
             return;
           }
           if (typeof document > "u") return;
@@ -2229,24 +2244,24 @@ function Sr(e) {
             );
             return;
           }
-          const q = typeof f.requestId == "string" ? f.requestId : void 0, $ = (Ke = oe.current) == null ? void 0 : Ke.call(oe), F = (G) => {
-            const X = $, Ce = X == null ? void 0 : X.localParticipant;
-            if (Ce != null && Ce.publishData)
+          const q = typeof f.requestId == "string" ? f.requestId : void 0, z = (Je = le.current) == null ? void 0 : Je.call(le), F = (X) => {
+            const K = z, Re = K == null ? void 0 : K.localParticipant;
+            if (Re != null && Re.publishData)
               try {
-                const cn = q ? { ...G, requestId: q } : G, sn = new TextEncoder().encode(JSON.stringify(cn));
-                Ce.publishData(sn, { reliable: !0 });
+                const sn = q ? { ...X, requestId: q } : X, cn = new TextEncoder().encode(JSON.stringify(sn));
+                Re.publishData(cn, { reliable: !0 });
               } catch {
               }
           };
           let U = !1;
-          const P = () => {
+          const D = () => {
             U = !0, F({ type: "form_submitted", formId: x });
           };
-          M.addEventListener("submit", P, { once: !0 });
+          M.addEventListener("submit", D, { once: !0 });
           try {
             typeof M.requestSubmit == "function" ? M.requestSubmit() : M.submit();
-          } catch (G) {
-            console.warn("[LiveLayer] submit_form: requestSubmit threw.", G), M.removeEventListener("submit", P), F({
+          } catch (X) {
+            console.warn("[LiveLayer] submit_form: requestSubmit threw.", X), M.removeEventListener("submit", D), F({
               type: "form_submit_blocked",
               formId: x,
               reason: "exception"
@@ -2254,7 +2269,7 @@ function Sr(e) {
             return;
           }
           setTimeout(() => {
-            U || (M.removeEventListener("submit", P), F({
+            U || (M.removeEventListener("submit", D), F({
               type: "form_submit_blocked",
               formId: x,
               reason: "validation"
@@ -2263,83 +2278,83 @@ function Sr(e) {
           return;
         }
         if (f.type === "request_routes") {
-          if (!se("read_page")) {
-            de("request_routes", "read_page");
+          if (!ge("read_page")) {
+            ye("request_routes", "read_page");
             return;
           }
-          const x = typeof f.requestId == "string" ? f.requestId : void 0, q = (Et = oe.current) == null ? void 0 : Et.call(oe), $ = q == null ? void 0 : q.localParticipant;
-          if (!($ != null && $.publishData)) return;
-          const F = (P) => {
+          const x = typeof f.requestId == "string" ? f.requestId : void 0, q = (Et = le.current) == null ? void 0 : Et.call(le), z = q == null ? void 0 : q.localParticipant;
+          if (!(z != null && z.publishData)) return;
+          const F = (D) => {
             try {
-              const G = x ? { type: "routes", routes: P, requestId: x } : { type: "routes", routes: P }, X = new TextEncoder().encode(JSON.stringify(G));
-              $.publishData(X, { reliable: !0 });
-            } catch (G) {
-              console.warn("[LiveLayer] request_routes: publishData failed.", G);
+              const X = x ? { type: "routes", routes: D, requestId: x } : { type: "routes", routes: D }, K = new TextEncoder().encode(JSON.stringify(X));
+              z.publishData(K, { reliable: !0 });
+            } catch (X) {
+              console.warn("[LiveLayer] request_routes: publishData failed.", X);
             }
           }, U = gt.current;
           if (U) {
             try {
-              const P = U(), G = (X) => {
-                if (!Array.isArray(X)) {
+              const D = U(), X = (K) => {
+                if (!Array.isArray(K)) {
                   F([]);
                   return;
                 }
-                F(X.map(fr).slice(0, 200));
+                F(K.map(pr).slice(0, 200));
               };
-              P instanceof Promise ? P.then(G).catch((X) => {
+              D instanceof Promise ? D.then(X).catch((K) => {
                 console.warn(
                   "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
-                  X
-                ), F(st());
-              }) : G(P);
-            } catch (P) {
+                  K
+                ), F(ct());
+              }) : X(D);
+            } catch (D) {
               console.warn(
                 "[LiveLayer] getRoutes threw; falling back to DOM walker.",
-                P
-              ), F(st());
+                D
+              ), F(ct());
             }
             return;
           }
           try {
-            F(st());
-          } catch (P) {
-            console.warn("[LiveLayer] request_routes: extractRoutes threw.", P);
+            F(ct());
+          } catch (D) {
+            console.warn("[LiveLayer] request_routes: extractRoutes threw.", D);
           }
           return;
         }
-        Lr.has(f.type) || xe == null || xe(f);
+        Sr.has(f.type) || Ce == null || Ce(f);
       }
     },
-    [xe, _e]
+    [Ce, Se]
   ), Y = gn({
-    agentId: j ? "__controlled__" : Re,
-    baseUrl: o,
+    agentId: j ? "__controlled__" : Pe,
+    baseUrl: i,
     apiKey: r,
-    sessionEndpoint: i,
+    sessionEndpoint: o,
     sessionBody: l,
-    onDataMessage: j ? void 0 : Te
+    onDataMessage: j ? void 0 : ze
   });
-  T(() => {
+  P(() => {
     if (j != null && j.subscribeToDataMessages)
-      return j.subscribeToDataMessages(Te);
-  }, [j, Te]), oe.current = () => {
+      return j.subscribeToDataMessages(ze);
+  }, [j, ze]), le.current = () => {
     var g;
     return (g = Y.getRoom) == null ? void 0 : g.call(Y);
-  }, T(() => {
+  }, P(() => {
     var Z;
     if (typeof window > "u") return;
     const g = ((Z = window.location) == null ? void 0 : Z.hostname) || "";
     if (g === "localhost" || g === "127.0.0.1" || g === "0.0.0.0" || g.endsWith(".local") || g.endsWith(".test"))
-      return window.__livelayerSimulateCommand = (Je) => {
+      return window.__livelayerSimulateCommand = (Ge) => {
         try {
-          Te(Je);
-        } catch (Ke) {
-          console.warn("[LiveLayer] simulate-command threw:", Ke);
+          ze(Ge);
+        } catch (Je) {
+          console.warn("[LiveLayer] simulate-command threw:", Je);
         }
       }, () => {
         delete window.__livelayerSimulateCommand;
       };
-  }, [Te]);
+  }, [ze]);
   const _ = Ze(() => j ? {
     connectionState: j.connectionState,
     agentState: j.agentState,
@@ -2372,35 +2387,35 @@ function Sr(e) {
     getRoom: Y.getRoom,
     isControlled: !1
   }, [j, Y]), yt = E(null);
-  T(() => {
+  P(() => {
     const g = _.videoElement, f = yt.current;
     if (!(!g || !f))
       return f.appendChild(g), () => {
         g.parentNode === f && f.removeChild(g);
       };
-  }, [_.videoElement]), T(() => {
+  }, [_.videoElement]), P(() => {
     const g = _.audioElement;
     if (!g) return;
-    ce.attach(g);
+    me.attach(g);
     const f = g.play();
     return f && typeof f.catch == "function" && f.catch((Z) => {
-      (Z == null ? void 0 : Z.name) === "NotAllowedError" && Me(!0);
+      (Z == null ? void 0 : Z.name) === "NotAllowedError" && $e(!0);
     }), () => {
-      ce.detach();
+      me.detach();
     };
-  }, [_.audioElement]), T(() => {
+  }, [_.audioElement]), P(() => {
     if (_.isControlled || _.connectionState !== "connected") return;
     const g = _.getRoom();
     if (g)
       return Q.setupMic(g).catch(() => {
-      }), re.attachRoom(g), pe.attachRoom(g), Ie.refresh(), () => {
-        Q.teardownMic(), re.teardown(), pe.teardown();
+      }), oe.attachRoom(g), we.attachRoom(g), De.refresh(), () => {
+        Q.teardownMic(), oe.teardown(), we.teardown();
       };
-  }, [_.isControlled, _.connectionState]), T(() => {
+  }, [_.isControlled, _.connectionState]), P(() => {
     const g = _.audioElement;
     g && (g.muted = nt);
   }, [_.audioElement, nt]);
-  const Kt = k((g) => {
+  const Jt = k((g) => {
     const f = _.getRoom();
     if (f)
       try {
@@ -2410,134 +2425,134 @@ function Sr(e) {
         f.localParticipant.publishData(Z, { reliable: !0 });
       } catch {
       }
-  }, [_]), Xt = k(() => {
-    Jt((g) => !g);
+  }, [_]), Kt = k(() => {
+    Gt((g) => !g);
   }, []);
-  T(() => {
-    we == null || we(_.connectionState), _.connectionState === "connected" ? ge == null || ge() : _.connectionState === "disconnected" && (ye == null || ye());
-  }, [_.connectionState, ge, ye, we]), T(() => {
-    ve == null || ve(_.transcript);
-  }, [_.transcript, ve]), T(() => {
-    be == null || be(_.agentState);
-  }, [_.agentState, be]);
+  P(() => {
+    Le == null || Le(_.connectionState), _.connectionState === "connected" ? ce == null || ce() : _.connectionState === "disconnected" && (_e == null || _e());
+  }, [_.connectionState, ce, _e, Le]), P(() => {
+    xe == null || xe(_.transcript);
+  }, [_.transcript, xe]), P(() => {
+    ke == null || ke(_.agentState);
+  }, [_.agentState, ke]);
   const vt = E(!1);
-  T(() => {
-    _.isControlled || !s || vt.current || ae && _.connectionState === "idle" && (vt.current = !0, _.connect());
-  }, [s, _.connectionState, _, ae]);
+  P(() => {
+    _.isControlled || !c || vt.current || he && _.connectionState === "idle" && (vt.current = !0, _.connect());
+  }, [c, _.connectionState, _, he]);
   const Qt = k(
     (g) => {
       const f = C == null ? void 0 : C.find((Z) => Z.id === g);
-      f && (Ye(!1), g !== fe && (y(!0), _.disconnect(), ie || Le(g), v == null || v(f)));
+      f && (Ye(!1), g !== be && (y(!0), _.disconnect(), de || Ne(g), v == null || v(f)));
     },
     [
       C,
-      fe,
+      be,
       _,
-      ie,
+      de,
       v
     ]
   );
-  T(() => {
-    Se && _.connectionState === "connected" && y(!1);
-  }, [_.connectionState, Se]), T(() => {
-    if (!K) return;
+  P(() => {
+    Ae && _.connectionState === "connected" && y(!1);
+  }, [_.connectionState, Ae]), P(() => {
+    if (!J) return;
     const g = (f) => {
       f.key === "Escape" && Ye(!1);
     };
     return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
-  }, [K]);
-  const Zt = !!I || !!(J != null && J.avatarImageUrl) || _.isControlled, Pe = kn(Re, o, Zt);
-  me === void 0 && ((wt = Pe.info) != null && wt.capabilities) && (at.current = Pe.info.capabilities);
-  const Ge = (J == null ? void 0 : J.name) ?? H ?? ((_t = _.agentConfig) == null ? void 0 : _t.name) ?? ((xt = Pe.info) == null ? void 0 : xt.name) ?? "Live Layer", ct = (J == null ? void 0 : J.avatarImageUrl) ?? I ?? ((kt = _.agentConfig) == null ? void 0 : kt.avatarImageUrl) ?? ((Lt = Pe.info) == null ? void 0 : Lt.avatarImageUrl) ?? null, en = b ?? ((St = _.agentConfig) == null ? void 0 : St.idleLoopUrl) ?? ((Ct = Pe.info) == null ? void 0 : Ct.idleLoopUrl) ?? null, tn = z ?? null, nn = k(() => ee("expanded"), [ee]), rn = k(
-    () => ee("minimized"),
-    [ee]
+  }, [J]);
+  const Zt = !!I || !!(G != null && G.avatarImageUrl) || _.isControlled, He = kn(Pe, i, Zt);
+  re === void 0 && ((wt = He.info) != null && wt.capabilities) && (at.current = He.info.capabilities);
+  const Xe = (G == null ? void 0 : G.name) ?? O ?? ((_t = _.agentConfig) == null ? void 0 : _t.name) ?? ((xt = He.info) == null ? void 0 : xt.name) ?? "Live Layer", st = (G == null ? void 0 : G.avatarImageUrl) ?? I ?? ((kt = _.agentConfig) == null ? void 0 : kt.avatarImageUrl) ?? ((Lt = He.info) == null ? void 0 : Lt.avatarImageUrl) ?? null, en = b ?? ((St = _.agentConfig) == null ? void 0 : St.idleLoopUrl) ?? ((Ct = He.info) == null ? void 0 : Ct.idleLoopUrl) ?? null, tn = H ?? null, nn = k(() => te("expanded"), [te]), rn = k(
+    () => te("minimized"),
+    [te]
   ), bt = k(() => {
-    _.disconnect(), ee("hidden");
-  }, [_, ee]), on = k(() => {
+    _.disconnect(), te("hidden");
+  }, [_, te]), on = k(() => {
     const g = _.audioElement;
-    g && g.play().then(() => Me(!1)).catch(() => {
+    g && g.play().then(() => $e(!1)).catch(() => {
     });
   }, [_.audioElement]), ln = k(() => {
-    Me(!1), _.connect();
-  }, [_]), De = {
+    $e(!1), _.connect();
+  }, [_]), Oe = {
     ...Fe,
     zIndex: Ue
   };
-  p.primaryColor && (De["--ll-color-primary"] = p.primaryColor), p.accentColor && (De["--ll-color-accent"] = p.accentColor), p.backgroundColor && (De["--ll-color-bg"] = p.backgroundColor), p.textColor && (De["--ll-color-fg"] = p.textColor);
+  p.primaryColor && (Oe["--ll-color-primary"] = p.primaryColor), p.accentColor && (Oe["--ll-color-accent"] = p.accentColor), p.backgroundColor && (Oe["--ll-color-bg"] = p.backgroundColor), p.textColor && (Oe["--ll-color-fg"] = p.textColor);
   const an = [
     "ll-widget",
-    `ll-widget--${ne}`,
-    `ll-widget--${le ? "mobile" : "desktop"}`,
+    `ll-widget--${ie}`,
+    `ll-widget--${ue ? "mobile" : "desktop"}`,
     We
   ].filter(Boolean).join(" ");
-  return ae ? /* @__PURE__ */ w(
+  return he ? /* @__PURE__ */ w(
     "div",
     {
       className: an,
-      style: De,
-      "data-display-mode": ne,
+      style: Oe,
+      "data-display-mode": ie,
       "data-position": h,
       children: [
-        ne === "hidden" && /* @__PURE__ */ n(
+        ie === "hidden" && /* @__PURE__ */ n(
           Vn,
           {
             position: h,
-            isMobile: le,
+            isMobile: ue,
             isSpeaking: _.agentState === "speaking",
-            onExpand: () => ee("expanded"),
-            label: `Open ${Ge} widget`,
-            avatarImageUrl: ct,
-            agentName: Ge
+            onExpand: () => te("expanded"),
+            label: `Open ${Xe} widget`,
+            avatarImageUrl: st,
+            agentName: Xe
           }
         ),
-        ne === "minimized" && /* @__PURE__ */ n(
-          Gn,
+        ie === "minimized" && /* @__PURE__ */ n(
+          Xn,
           {
             position: h,
-            isMobile: le,
-            agentName: Ge,
-            avatarImageUrl: ct,
+            isMobile: ue,
+            agentName: Xe,
+            avatarImageUrl: st,
             agentState: _.agentState,
             isMuted: Q.isMuted,
-            audioLevel: ce,
+            audioLevel: me,
             onExpand: nn,
             onToggleMute: Q.toggleMute,
             onClose: bt
           }
         ),
-        ne === "expanded" && /* @__PURE__ */ n(
-          Kn,
+        ie === "expanded" && /* @__PURE__ */ n(
+          Jn,
           {
             position: h,
-            isMobile: le,
-            agentName: Ge,
-            avatarImageUrl: ct,
+            isMobile: ue,
+            agentName: Xe,
+            avatarImageUrl: st,
             idleLoopUrl: en,
             greeting: tn,
             branding: p,
             teamMembers: C,
-            currentTeamMemberId: fe,
-            isSwitchingTeamMember: Se,
-            teamSwitcherOpen: K,
+            currentTeamMemberId: be,
+            isSwitchingTeamMember: Ae,
+            teamSwitcherOpen: J,
             onToggleTeamSwitcher: () => Ye((g) => !g),
             onSelectTeamMember: Qt,
             connectionState: _.connectionState,
             agentState: _.agentState,
             transcript: _.transcript,
             isMuted: Q.isMuted,
-            micDevices: Ie.mics,
-            isCameraEnabled: re.isEnabled,
-            cameraPreviewEl: re.previewEl,
-            cameraDevices: Ie.cameras,
-            activeCameraId: re.activeDeviceId,
-            isScreenShareEnabled: pe.isEnabled,
-            screenPreviewEl: pe.previewEl,
+            micDevices: De.mics,
+            isCameraEnabled: oe.isEnabled,
+            cameraPreviewEl: oe.previewEl,
+            cameraDevices: De.cameras,
+            activeCameraId: oe.activeDeviceId,
+            isScreenShareEnabled: we.isEnabled,
+            screenPreviewEl: we.previewEl,
             isSpeakerMuted: nt,
             allowCamera: N,
             allowScreenShare: B,
-            allowTyping: D,
+            allowTyping: $,
             languageMenuOpen: Yt,
-            onToggleLanguageMenu: () => Gt((g) => !g),
+            onToggleLanguageMenu: () => Xt((g) => !g),
             needsUserGesture: Ve,
             canResume: _.canResume,
             micError: Q.micError,
@@ -2548,11 +2563,11 @@ function Sr(e) {
             onRetry: ln,
             onResumeAudio: on,
             onToggleMute: Q.toggleMute,
-            onToggleCamera: () => void re.toggle(),
-            onSwitchCameraDevice: (g) => void re.switchDevice(g),
-            onToggleScreenShare: () => void pe.toggle(),
-            onToggleSpeaker: Xt,
-            onSendMessage: Kt,
+            onToggleCamera: () => void oe.toggle(),
+            onSwitchCameraDevice: (g) => void oe.switchDevice(g),
+            onToggleScreenShare: () => void we.toggle(),
+            onToggleSpeaker: Kt,
+            onSendMessage: Jt,
             onMinimize: rn,
             onClose: bt,
             onClearMicError: Q.clearError
@@ -2562,141 +2577,141 @@ function Sr(e) {
     }
   ) : null;
 }
-function Tr(e) {
-  return /* @__PURE__ */ n(mn, { children: /* @__PURE__ */ n(Sr, { ...e }) });
+function Pr(e) {
+  return /* @__PURE__ */ n(mn, { children: /* @__PURE__ */ n(Cr, { ...e }) });
 }
-const Pr = ({
+const Dr = ({
   agentId: e,
   baseUrl: t,
   apiKey: r,
-  mode: o,
-  onAgentEvent: i,
+  mode: i,
+  onAgentEvent: o,
   className: l,
-  style: s
+  style: c
 }) => {
-  const d = E(null), u = E(null), m = E(i);
-  m.current = i;
+  const d = E(null), u = E(null), m = E(o);
+  m.current = o;
   const h = k((a) => {
     var R;
-    const c = a.detail;
-    (R = m.current) == null || R.call(m, c);
+    const s = a.detail;
+    (R = m.current) == null || R.call(m, s);
   }, []);
-  return T(() => {
+  return P(() => {
     const a = d.current;
     if (!a) 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), o && c.setAttribute("mode", o), c.addEventListener("agent-event", h), a.appendChild(c), u.current = c, () => {
-      c.removeEventListener("agent-event", h), a.removeChild(c), u.current = null;
+    const s = document.createElement("livelayer-widget");
+    return s.setAttribute("agent-id", e), t && s.setAttribute("base-url", t), r && s.setAttribute("api-key", r), i && s.setAttribute("mode", i), s.addEventListener("agent-event", h), a.appendChild(s), u.current = s, () => {
+      s.removeEventListener("agent-event", h), a.removeChild(s), u.current = null;
     };
-  }, [e]), T(() => {
-    u.current && (o ? u.current.setAttribute("mode", o) : u.current.removeAttribute("mode"));
-  }, [o]), /* @__PURE__ */ n("div", { ref: d, className: l, style: s });
-}, Dr = ft(
-  function({ id: t, intent: r, as: o = "div", className: i, style: l, children: s }, d) {
+  }, [e]), P(() => {
+    u.current && (i ? u.current.setAttribute("mode", i) : u.current.removeAttribute("mode"));
+  }, [i]), /* @__PURE__ */ n("div", { ref: d, className: l, style: c });
+}, $r = ft(
+  function({ id: t, intent: r, as: i = "div", className: o, style: l, children: c }, d) {
     return un(
-      o,
+      i,
       {
         ref: d,
         "data-ll-region": t,
         "data-ll-intent": r,
-        className: i,
+        className: o,
         style: l
       },
-      s
+      c
     );
   }
-), $r = ft(
-  function({ id: t, intent: r, children: o, ...i }, l) {
+), zr = ft(
+  function({ id: t, intent: r, children: i, ...o }, l) {
     return /* @__PURE__ */ n(
       "form",
       {
         ref: l,
         "data-ll-form": t,
         "data-ll-intent": r,
-        ...i,
-        children: o
+        ...o,
+        children: i
       }
     );
   }
-), zr = ft(
+), Hr = ft(
   function(t, r) {
-    const { name: o, label: i, labelClassName: l } = t, s = { name: o, "data-ll-field": o };
+    const { name: i, label: o, labelClassName: l } = t, c = { name: i, "data-ll-field": i };
     let d;
     if ("as" in t && t.as === "textarea") {
-      const { name: u, label: m, labelClassName: h, as: a, ...c } = t;
+      const { name: u, label: m, labelClassName: h, as: a, ...s } = t;
       d = /* @__PURE__ */ n(
         "textarea",
         {
           ref: r,
-          ...s,
-          ...c
+          ...c,
+          ...s
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: u, label: m, labelClassName: h, as: a, children: c, ...R } = t;
+      const { name: u, label: m, labelClassName: h, as: a, children: s, ...R } = t;
       d = /* @__PURE__ */ n(
         "select",
         {
           ref: r,
-          ...s,
+          ...c,
           ...R,
-          children: c
+          children: s
         }
       );
     } else {
-      const { name: u, label: m, labelClassName: h, as: a, ...c } = t;
+      const { name: u, label: m, labelClassName: h, as: a, ...s } = t;
       d = /* @__PURE__ */ n(
         "input",
         {
           ref: r,
-          ...s,
-          ...c
+          ...c,
+          ...s
         }
       );
     }
-    return i === void 0 ? d : /* @__PURE__ */ w("label", { className: l, children: [
-      i,
+    return o === void 0 ? d : /* @__PURE__ */ w("label", { className: l, children: [
+      o,
       d
     ] });
   }
 );
 let Ut = 1;
-function Hr({
+function Or({
   onMount: e,
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [o, i] = S(t), [l, s] = S([]), [d, u] = S(""), [m, h] = S(!1), a = E(/* @__PURE__ */ new Set()), c = E([]), R = E(m);
-  R.current = m, T(() => {
+  const [i, o] = S(t), [l, c] = S([]), [d, u] = S(""), [m, h] = S(!1), a = E(/* @__PURE__ */ new Set()), s = E([]), R = E(m);
+  R.current = m, P(() => {
     try {
       const v = localStorage.getItem(r);
-      v === "1" && i(!0), v === "0" && i(!1);
+      v === "1" && o(!0), v === "0" && o(!1);
     } catch {
     }
-  }, [r]), T(() => {
+  }, [r]), P(() => {
     try {
-      localStorage.setItem(r, o ? "1" : "0");
+      localStorage.setItem(r, i ? "1" : "0");
     } catch {
     }
-  }, [o, r]), T(() => {
+  }, [i, r]), P(() => {
     const v = (b) => {
-      (b.metaKey || b.ctrlKey) && b.shiftKey && b.key.toLowerCase() === "l" && (b.preventDefault(), i((z) => !z));
+      (b.metaKey || b.ctrlKey) && b.shiftKey && b.key.toLowerCase() === "l" && (b.preventDefault(), o((H) => !H));
     };
     return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
-  }, []), T(() => {
+  }, []), P(() => {
     const v = setInterval(() => {
-      if (c.current.length === 0 || R.current) return;
-      const b = c.current.splice(0, c.current.length);
-      s(
-        (z) => [...b.reverse(), ...z].slice(0, 200)
+      if (s.current.length === 0 || R.current) return;
+      const b = s.current.splice(0, s.current.length);
+      c(
+        (H) => [...b.reverse(), ...H].slice(0, 200)
       );
     }, 100);
     return () => clearInterval(v);
   }, []);
   const C = E(!1);
-  if (T(() => {
+  if (P(() => {
     !e || C.current || (C.current = !0, e((v) => {
-      c.current.push({
+      s.current.push({
         id: Ut++,
         ts: Date.now(),
         kind: "event",
@@ -2704,30 +2719,30 @@ function Hr({
         data: v.data
       });
     }));
-  }, [e]), T(() => {
-    const v = console.warn, b = console.log, z = (I, H) => function(...p) {
+  }, [e]), P(() => {
+    const v = console.warn, b = console.log, H = (I, O) => function(...p) {
       try {
         const N = typeof p[0] == "string" ? p[0] : "";
-        N.startsWith("[LiveLayer]") && c.current.push({
+        N.startsWith("[LiveLayer]") && s.current.push({
           id: Ut++,
           ts: Date.now(),
           kind: I,
           type: N.slice(0, 120),
-          data: { args: p.slice(1).map((B) => Er(B)) }
+          data: { args: p.slice(1).map((B) => Nr(B)) }
         });
       } catch {
       }
-      return H.apply(this, p);
+      return O.apply(this, p);
     };
-    return console.warn = z("warn", v), console.log = z("log", b), () => {
+    return console.warn = H("warn", v), console.log = H("log", b), () => {
       console.warn = v, console.log = b;
     };
-  }, []), !o)
+  }, []), !i)
     return /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        onClick: () => i(!0),
+        onClick: () => o(!0),
         title: "Open LiveLayer debug panel (Cmd/Ctrl + Shift + L)",
         "aria-label": "Open LiveLayer debug panel",
         style: {
@@ -2810,7 +2825,7 @@ function Hr({
                 {
                   type: "button",
                   onClick: () => {
-                    s([]), c.current = [];
+                    c([]), s.current = [];
                   },
                   style: dt("transparent"),
                   title: "Clear buffer",
@@ -2821,7 +2836,7 @@ function Hr({
                 "button",
                 {
                   type: "button",
-                  onClick: () => i(!1),
+                  onClick: () => o(!1),
                   style: dt("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
@@ -2889,12 +2904,12 @@ function Hr({
                 ]
               }
             ) : L.map((v) => /* @__PURE__ */ n(
-              Cr,
+              Er,
               {
                 entry: v,
                 expanded: a.current.has(v.id),
                 onToggle: () => {
-                  a.current.has(v.id) ? a.current.delete(v.id) : a.current.add(v.id), s((b) => [...b]);
+                  a.current.has(v.id) ? a.current.delete(v.id) : a.current.add(v.id), c((b) => [...b]);
                 }
               },
               v.id
@@ -2905,12 +2920,12 @@ function Hr({
     }
   );
 }
-function Cr({
+function Er({
   entry: e,
   expanded: t,
   onToggle: r
 }) {
-  const o = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", i = new Date(e.ts).toLocaleTimeString("en-US", {
+  const i = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", o = new Date(e.ts).toLocaleTimeString("en-US", {
     hour12: !1
   });
   return /* @__PURE__ */ w(
@@ -2940,14 +2955,14 @@ function Cr({
                 fontVariantNumeric: "tabular-nums",
                 fontSize: 10
               },
-              children: i
+              children: o
             }
           ),
           /* @__PURE__ */ n(
             "span",
             {
               style: {
-                color: o,
+                color: i,
                 fontWeight: 600,
                 flexShrink: 0
               },
@@ -2986,47 +3001,47 @@ function dt(e) {
     cursor: "pointer"
   };
 }
-function Er(e) {
+function Nr(e) {
   try {
     return e instanceof Error ? { message: e.message, stack: e.stack } : (JSON.stringify(e), e);
   } catch {
     return String(e);
   }
 }
-function Or() {
-  const [e, t] = S([]), r = k((i) => {
+function qr() {
+  const [e, t] = S([]), r = k((o) => {
     t((l) => {
-      const s = l.findIndex((d) => d.id === i.id);
-      if (s >= 0) {
+      const c = l.findIndex((d) => d.id === o.id);
+      if (c >= 0) {
         const d = l.slice();
-        return d[s] = i, d;
+        return d[c] = o, d;
       }
-      return [...l, i];
+      return [...l, o];
     });
-  }, []), o = k(() => t([]), []);
+  }, []), i = k(() => t([]), []);
   return {
     entries: e,
     pushSegment: r,
-    clear: o,
+    clear: i,
     latest: e.length > 0 ? e[e.length - 1] : null
   };
 }
 export {
-  Tr as AvatarWidget,
+  Pr as AvatarWidget,
   mn as ErrorBoundary,
-  Hr as LiveLayerDebugPanel,
-  zr as LiveLayerField,
-  $r as LiveLayerForm,
-  Dr as LiveLayerRegion,
-  Pr as LiveLayerWidget,
-  dr as clearPageContextCache,
-  gr as clearRoutesCache,
-  sr as extractPageContext,
-  hr as extractRoutes,
+  Or as LiveLayerDebugPanel,
+  Hr as LiveLayerField,
+  zr as LiveLayerForm,
+  $r as LiveLayerRegion,
+  Dr as LiveLayerWidget,
+  ur as clearPageContextCache,
+  yr as clearRoutesCache,
+  dr as extractPageContext,
+  mr as extractRoutes,
   Wt as getCachedPageContext,
-  st as getCachedRoutes,
+  ct as getCachedRoutes,
   Hn as matchesPattern,
-  fr as normalizeRouteInput,
+  pr as normalizeRouteInput,
   On as shouldRenderAtPath,
   kn as useAgentInfo,
   yn as useAudioLevel,
@@ -3040,5 +3055,5 @@ export {
   Tn as usePathname,
   qn as useRouteMatch,
   _n as useScreenShareState,
-  Or as useTranscript
+  qr as useTranscript
 };