@livelayer/react 0.4.0 → 0.5.1

package/dist/index.mjs

@@ -1,9 +1,9 @@
 "use client";
-import { jsxs as L, jsx as n, Fragment as $t } from "react/jsx-runtime";
-import { Component as Zt, useState as S, useRef as R, useEffect as I, useCallback as _, useMemo as je, forwardRef as rt, createElement as en } from "react";
-import { LiveKitSession as tn } from "@livelayer/sdk";
-import { createLocalAudioTrack as nn, Track as zt, createLocalVideoTrack as rn } from "livekit-client";
-class on extends Zt {
+import { jsxs as k, jsx as n, Fragment as Ht } from "react/jsx-runtime";
+import { Component as nn, useState as C, useRef as M, useEffect as P, useCallback as x, useMemo as Ke, forwardRef as at, createElement as rn } from "react";
+import { LiveKitSession as on } from "@livelayer/sdk";
+import { createLocalAudioTrack as ln, Track as Ot, createLocalVideoTrack as an } from "livekit-client";
+class cn extends nn {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
       this.setState({ hasError: !1, error: null });
@@ -18,7 +18,7 @@ class on extends Zt {
   }
   render() {
     var t;
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ L("div", { className: "ll-error-boundary", role: "alert", children: [
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ k("div", { className: "ll-error-boundary", role: "alert", children: [
       /* @__PURE__ */ n("p", { className: "ll-error-boundary__title", children: "Widget crashed" }),
       /* @__PURE__ */ n("p", { className: "ll-error-boundary__message", children: ((t = this.state.error) == null ? void 0 : t.message) || "Something went wrong." }),
       /* @__PURE__ */ n(
@@ -33,12 +33,12 @@ class on extends Zt {
     ] }) : this.props.children;
   }
 }
-function ln(e) {
-  const [t, r] = S("idle"), [i, o] = S("idle"), [l, s] = S([]), [d, u] = S(null), [g, p] = S(null), [a, c] = S(null), [N, E] = S(!1), [A, z] = S(null), T = R(null), $ = R(e.onDataMessage);
-  $.current = e.onDataMessage, I(() => {
-    const y = {
+function sn(e) {
+  const [t, r] = C("idle"), [i, o] = C("idle"), [l, s] = C([]), [d, u] = C(null), [y, p] = C(null), [a, c] = C(null), [S, L] = C(!1), [N, H] = C(null), R = M(null), $ = M(e.onDataMessage);
+  $.current = e.onDataMessage, P(() => {
+    const v = {
       onConnectionStateChange: (w) => {
-        r(w), w === "connected" && z(null);
+        r(w), w === "connected" && H(null);
       },
       onAgentStateChange: o,
       onTranscript: (w) => s([...w]),
@@ -46,13 +46,13 @@ function ln(e) {
       onAudioTrack: (w) => c(w),
       onVideoTrack: (w) => p(w),
       onVideoTrackRemoved: () => p(null),
-      onError: (w) => z(w),
+      onError: (w) => H(w),
       onDataMessage: (w) => {
-        var H;
-        (H = $.current) == null || H.call($, w);
+        var O;
+        (O = $.current) == null || O.call($, w);
       },
-      onResumabilityChange: E
-    }, C = new tn(
+      onResumabilityChange: L
+    }, E = new on(
       {
         agentId: e.agentId,
         baseUrl: e.baseUrl,
@@ -60,11 +60,11 @@ function ln(e) {
         sessionEndpoint: e.sessionEndpoint,
         sessionBody: e.sessionBody
       },
-      y
+      v
     );
-    return T.current = C, r("idle"), o("idle"), s([]), u(null), p(null), c(null), E(!1), z(null), () => {
+    return R.current = E, r("idle"), o("idle"), s([]), u(null), p(null), c(null), L(!1), H(null), () => {
       var w;
-      (w = C.destroy) == null || w.call(C), T.current = null;
+      (w = E.destroy) == null || w.call(E), R.current = null;
     };
   }, [
     e.agentId,
@@ -73,38 +73,38 @@ function ln(e) {
     e.sessionEndpoint,
     JSON.stringify(e.sessionBody ?? {})
   ]);
-  const M = _(async () => {
-    const y = T.current;
-    if (y)
+  const I = x(async () => {
+    const v = R.current;
+    if (v)
       try {
-        await y.connect();
-      } catch (C) {
-        throw z(C instanceof Error ? C.message : String(C)), C;
+        await v.connect();
+      } catch (E) {
+        throw H(E instanceof Error ? E.message : String(E)), E;
       }
-  }, []), D = _(() => {
-    const y = T.current;
-    y && y.disconnect();
-  }, []), m = _(() => {
-    var y;
-    return ((y = T.current) == null ? void 0 : y.getRoom()) ?? null;
+  }, []), D = x(() => {
+    const v = R.current;
+    v && v.disconnect();
+  }, []), g = x(() => {
+    var v;
+    return ((v = R.current) == null ? void 0 : v.getRoom()) ?? null;
   }, []);
   return {
     connectionState: t,
     agentState: i,
     transcript: l,
     agentConfig: d,
-    videoElement: g,
+    videoElement: y,
     audioElement: a,
-    canResume: N,
-    error: A,
-    connect: M,
+    canResume: S,
+    error: N,
+    connect: I,
     disconnect: D,
-    getRoom: m,
-    session: T.current
+    getRoom: g,
+    session: R.current
   };
 }
-function an() {
-  const e = R(null), t = R(null), r = R(null), i = R(null), o = R(/* @__PURE__ */ new Set()), l = R(null), s = _(() => {
+function dn() {
+  const e = M(null), t = M(null), r = M(null), i = M(null), o = M(/* @__PURE__ */ new Set()), l = M(null), s = x(() => {
     const a = t.current;
     if (!a) {
       i.current = null;
@@ -115,21 +115,21 @@ function an() {
     ));
     const c = l.current;
     a.getByteFrequencyData(c);
-    let N = 0;
-    for (let A = 0; A < c.length; A++) N += c[A];
-    const E = N / c.length / 255;
-    for (const A of o.current)
+    let S = 0;
+    for (let N = 0; N < c.length; N++) S += c[N];
+    const L = S / c.length / 255;
+    for (const N of o.current)
       try {
-        A(E);
-      } catch (z) {
-        console.error("[useAudioLevel] subscriber threw:", z);
+        N(L);
+      } catch (H) {
+        console.error("[useAudioLevel] subscriber threw:", H);
       }
     i.current = requestAnimationFrame(s);
-  }, []), d = _(() => {
+  }, []), d = x(() => {
     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;
-  }, []), u = _(
+  }, []), u = x(
     (a) => {
       if (d(), !(!e.current || !t.current)) {
         if (r.current) {
@@ -150,7 +150,7 @@ function an() {
       }
     },
     [d, s]
-  ), g = _(() => {
+  ), y = x(() => {
     if (i.current !== null && (cancelAnimationFrame(i.current), i.current = null), r.current) {
       try {
         r.current.disconnect();
@@ -158,11 +158,11 @@ function an() {
       }
       r.current = null;
     }
-  }, []), p = _((a) => (o.current.add(a), () => {
+  }, []), p = x((a) => (o.current.add(a), () => {
     o.current.delete(a);
   }), []);
-  return I(() => () => {
-    if (g(), t.current) {
+  return P(() => () => {
+    if (y(), t.current) {
       try {
         t.current.disconnect();
       } catch {
@@ -177,10 +177,10 @@ function an() {
       e.current = null;
     }
     o.current.clear(), l.current = null;
-  }, [g]), { attach: u, detach: g, subscribe: p };
+  }, [y]), { attach: u, detach: y, subscribe: p };
 }
-function cn() {
-  const [e, t] = S(!1), [r, i] = S(null), o = R(null), l = R(null), s = _(async (p) => {
+function un() {
+  const [e, t] = C(!1), [r, i] = C(null), o = M(null), l = M(null), s = x(async (p) => {
     if (o.current && l.current) {
       try {
         await l.current.localParticipant.unpublishTrack(o.current);
@@ -190,7 +190,7 @@ function cn() {
     }
     l.current = p, i(null);
     try {
-      const a = await nn({
+      const a = await ln({
         echoCancellation: !0,
         noiseSuppression: !0
       });
@@ -199,10 +199,10 @@ function cn() {
       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 i(c), a;
     }
-  }, []), d = _(() => {
+  }, []), d = x(() => {
     const p = o.current;
     p && (p.isMuted ? (p.unmute(), t(!1)) : (p.mute(), t(!0)));
-  }, []), u = _(() => {
+  }, []), u = x(() => {
     const p = o.current, a = l.current;
     if (p && a) {
       try {
@@ -212,45 +212,45 @@ function cn() {
       p.stop();
     }
     o.current = null, l.current = null, t(!1);
-  }, []), g = _(() => i(null), []);
+  }, []), y = x(() => i(null), []);
   return {
     isMuted: e,
     micError: r,
     toggleMute: d,
     setupMic: s,
     teardownMic: u,
-    clearError: g
+    clearError: y
   };
 }
-const sn = { resolution: { width: 640, height: 480, frameRate: 24 } };
-function dn() {
-  const [e, t] = S(!1), [r, i] = S(null), [o, l] = S(null), [s, d] = S(""), u = R(null), g = R(null), p = _((T) => {
-    u.current = T;
-  }, []), a = _(() => {
-    const T = u.current, $ = g.current;
-    if ($ && T) {
-      const M = T.localParticipant.getTrackPublication(zt.Source.Camera);
-      if (M != null && M.track) {
+const fn = { resolution: { width: 640, height: 480, frameRate: 24 } };
+function pn() {
+  const [e, t] = C(!1), [r, i] = C(null), [o, l] = C(null), [s, d] = C(""), u = M(null), y = M(null), p = x((R) => {
+    u.current = R;
+  }, []), a = x(() => {
+    const R = u.current, $ = y.current;
+    if ($ && R) {
+      const I = R.localParticipant.getTrackPublication(Ot.Source.Camera);
+      if (I != null && I.track) {
         try {
-          T.localParticipant.unpublishTrack(M.track);
+          R.localParticipant.unpublishTrack(I.track);
         } catch {
         }
-        M.track.stop();
+        I.track.stop();
       } else
         $.stop();
     }
-    g.current = null, l(null), t(!1);
-  }, []), c = _(async (T) => {
+    y.current = null, l(null), t(!1);
+  }, []), c = x(async (R) => {
     const $ = u.current;
     if ($) {
       i(null);
       try {
-        const M = { ...sn };
-        T && (M.deviceId = T);
-        const D = await rn(M);
-        await $.localParticipant.publishTrack(D), g.current = D;
-        const m = D.attach();
-        l(m), t(!0), T && d(T);
+        const I = { ...fn };
+        R && (I.deviceId = R);
+        const D = await an(I);
+        await $.localParticipant.publishTrack(D), y.current = D;
+        const g = D.attach();
+        l(g), t(!0), R && d(R);
         try {
           $.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
@@ -258,36 +258,36 @@ function dn() {
           );
         } catch {
         }
-      } catch (M) {
-        const D = M instanceof Error && M.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+      } catch (I) {
+        const D = I instanceof Error && I.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
         i(D);
       }
     }
-  }, []), N = _(async () => {
+  }, []), S = x(async () => {
     e ? a() : await c(s || void 0);
-  }, [e, s, a, c]), E = _(async (T) => {
-    a(), await c(T);
-  }, [a, c]), A = _(() => {
+  }, [e, s, a, c]), L = x(async (R) => {
+    a(), await c(R);
+  }, [a, c]), N = x(() => {
     a(), u.current = null, i(null), d("");
-  }, [a]), z = _(() => i(null), []);
-  return I(() => () => {
-    g.current && g.current.stop();
+  }, [a]), H = x(() => i(null), []);
+  return P(() => () => {
+    y.current && y.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
     previewEl: o,
     activeDeviceId: s,
-    toggle: N,
-    switchDevice: E,
+    toggle: S,
+    switchDevice: L,
     attachRoom: p,
-    teardown: A,
-    clearError: z
+    teardown: N,
+    clearError: H
   };
 }
-function un() {
-  const [e, t] = S(!1), [r, i] = S(null), [o, l] = S(null), s = R(null), d = _((c) => {
+function hn() {
+  const [e, t] = C(!1), [r, i] = C(null), [o, l] = C(null), s = M(null), d = x((c) => {
     s.current = c;
-  }, []), u = _(() => l(null), []), g = _(async () => {
+  }, []), u = x(() => l(null), []), y = x(async () => {
     const c = s.current;
     if (c) {
       if (e) {
@@ -301,12 +301,12 @@ function un() {
       i(null);
       try {
         await c.localParticipant.setScreenShareEnabled(!0);
-        let N = 0;
-        const E = () => {
-          const A = c.localParticipant.getTrackPublication(zt.Source.ScreenShare);
-          if (A != null && A.track) {
-            const z = A.track.attach();
-            l(z), t(!0);
+        let S = 0;
+        const L = () => {
+          const N = c.localParticipant.getTrackPublication(Ot.Source.ScreenShare);
+          if (N != null && N.track) {
+            const H = N.track.attach();
+            l(H), t(!0);
             try {
               c.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
@@ -316,15 +316,15 @@ function un() {
             }
             return;
           }
-          N++ < 10 ? setTimeout(E, 100) : t(!0);
+          S++ < 10 ? setTimeout(L, 100) : t(!0);
         };
-        E();
-      } catch (N) {
-        const E = N instanceof Error ? N.name : "";
-        E !== "NotAllowedError" && E !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
+        L();
+      } catch (S) {
+        const L = S instanceof Error ? S.name : "";
+        L !== "NotAllowedError" && L !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
       }
     }
-  }, [e, u]), p = _(() => {
+  }, [e, u]), p = x(() => {
     const c = s.current;
     if (c && e)
       try {
@@ -332,11 +332,11 @@ function un() {
       } catch {
       }
     u(), t(!1), i(null), s.current = null;
-  }, [e, u]), a = _(() => i(null), []);
-  return { isEnabled: e, error: r, previewEl: o, toggle: g, attachRoom: d, teardown: p, clearError: a };
+  }, [e, u]), a = x(() => i(null), []);
+  return { isEnabled: e, error: r, previewEl: o, toggle: y, attachRoom: d, teardown: p, clearError: a };
 }
-function fn() {
-  const [e, t] = S([]), [r, i] = S([]), o = _(async () => {
+function mn() {
+  const [e, t] = C([]), [r, i] = C([]), o = x(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
@@ -344,22 +344,22 @@ function fn() {
       } catch {
       }
   }, []);
-  return 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);
   }, [o]), { mics: e, cameras: r, refresh: o };
 }
-function pn(e, t, r = !1) {
-  const [i, o] = S(null), [l, s] = S(null), [d, u] = S(!r && !!e);
-  return I(() => {
+function gn(e, t, r = !1) {
+  const [i, o] = C(null), [l, s] = C(null), [d, u] = C(!r && !!e);
+  return P(() => {
     if (r || !e) {
       u(!1);
       return;
     }
-    const g = new AbortController(), p = t || "https://app.livelayer.studio";
+    const y = new AbortController(), p = t || "https://app.livelayer.studio";
     return u(!0), s(null), fetch(`${p}/api/widget/agent/${encodeURIComponent(e)}`, {
-      signal: g.signal
+      signal: y.signal
     }).then(async (a) => {
       if (!a.ok) {
         const c = await a.json().catch(() => ({}));
@@ -367,13 +367,13 @@ function pn(e, t, r = !1) {
       }
       return a.json();
     }).then((a) => {
-      g.signal.aborted || (o(a), u(!1));
+      y.signal.aborted || (o(a), u(!1));
     }).catch((a) => {
-      g.signal.aborted || (s(a instanceof Error ? a.message : "Agent lookup failed"), u(!1));
-    }), () => g.abort();
+      y.signal.aborted || (s(a instanceof Error ? a.message : "Agent lookup failed"), u(!1));
+    }), () => y.abort();
   }, [e, t, r]), { info: i, error: l, loading: d };
 }
-function hn(e) {
+function yn(e) {
   if (typeof window > "u") return null;
   try {
     return window.localStorage.getItem(e);
@@ -381,19 +381,19 @@ function hn(e) {
     return null;
   }
 }
-function mn(e, t) {
+function vn(e, t) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(e, t);
     } catch {
     }
 }
-function gn({
+function bn({
   value: e,
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const i = e !== void 0, [o, l] = S(t), s = i ? e : o, d = _(
+  const i = e !== void 0, [o, l] = C(t), s = i ? e : o, d = x(
     (u) => {
       u !== s && (i || l(u), r == null || r(u));
     },
@@ -401,34 +401,34 @@ function gn({
   );
   return [s, d];
 }
-const yn = ["hidden", "minimized", "expanded"];
-function vn(e) {
-  return e && yn.includes(e) ? e : null;
+const wn = ["hidden", "minimized", "expanded"];
+function _n(e) {
+  return e && wn.includes(e) ? e : null;
 }
-function bn({
+function xn({
   value: e,
   defaultValue: t = "expanded",
   onChange: r,
   persistKey: i = "ll-widget",
   disablePersistence: o = !1
 } = {}) {
-  const l = `${i}:display-mode`, s = R(!1), [d, u] = gn({
+  const l = `${i}:display-mode`, s = M(!1), [d, u] = bn({
     value: e,
     defaultValue: t,
-    onChange: (g) => {
-      e === void 0 && !o && mn(l, g), r == null || r(g);
+    onChange: (y) => {
+      e === void 0 && !o && vn(l, y), r == null || r(y);
     }
   });
-  return I(() => {
+  return P(() => {
     if (s.current || (s.current = !0, o || e !== void 0)) return;
-    const g = vn(hn(l));
-    g && g !== d && u(g);
+    const y = _n(yn(l));
+    y && y !== d && u(y);
   }, []), [d, u];
 }
-const wn = 640;
-function _n(e = wn) {
-  const [t, r] = S(!1);
-  return I(() => {
+const kn = 640;
+function Ln(e = kn) {
+  const [t, r] = C(!1);
+  return P(() => {
     if (e === !1) {
       r(!1);
       return;
@@ -441,67 +441,67 @@ function _n(e = wn) {
     });
   }, [e]), t;
 }
-const xt = "__llHistoryPatched", We = "ll:pathname";
-function xn() {
-  if (typeof window > "u" || window.history[xt]) return;
+const Lt = "__llHistoryPatched", Xe = "ll:pathname";
+function En() {
+  if (typeof window > "u" || window.history[Lt]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...r) {
     const i = e.apply(this, r);
-    return window.dispatchEvent(new Event(We)), i;
+    return window.dispatchEvent(new Event(Xe)), i;
   }, window.history.replaceState = function(...r) {
     const i = t.apply(this, r);
-    return window.dispatchEvent(new Event(We)), i;
-  }, window.history[xt] = !0;
+    return window.dispatchEvent(new Event(Xe)), i;
+  }, window.history[Lt] = !0;
 }
-function kt() {
+function Et() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
-function kn(e) {
-  const [t, r] = S(
-    () => e ?? kt()
+function Cn(e) {
+  const [t, r] = C(
+    () => e ?? Et()
   );
-  return I(() => {
+  return P(() => {
     if (e !== void 0) return;
-    xn();
-    const i = () => r(kt());
-    return i(), window.addEventListener("popstate", i), window.addEventListener(We, i), () => {
-      window.removeEventListener("popstate", i), window.removeEventListener(We, i);
+    En();
+    const i = () => r(Et());
+    return i(), window.addEventListener("popstate", i), window.addEventListener(Xe, i), () => {
+      window.removeEventListener("popstate", i), window.removeEventListener(Xe, i);
     };
   }, [e]), e ?? t;
 }
-const Lt = /* @__PURE__ */ new Map(), Ln = /[\\^$+?.()|{}[\]]/g;
-function En(e) {
-  return e.replace(Ln, "\\$&");
+const Ct = /* @__PURE__ */ new Map(), Sn = /[\\^$+?.()|{}[\]]/g;
+function Nn(e) {
+  return e.replace(Sn, "\\$&");
 }
-function Cn(e) {
-  const t = Lt.get(e);
+function An(e) {
+  const t = Ct.get(e);
   if (t) return t;
-  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", o = "", l = r.replace(/\*\*/g, i).replace(/\*/g, o), d = En(l).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(o, "g"), "[^/]+"), u = new RegExp(`^${d}\\/?$`);
-  return Lt.set(e, u), u;
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", o = "", l = r.replace(/\*\*/g, i).replace(/\*/g, o), d = Nn(l).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(o, "g"), "[^/]+"), u = new RegExp(`^${d}\\/?$`);
+  return Ct.set(e, u), u;
 }
-function Sn(e, t) {
+function In(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
-  return Cn(e).test(r);
+  return An(e).test(r);
 }
-function Nn(e, t) {
-  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : Sn(e, t);
+function Mn(e, t) {
+  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : In(e, t);
 }
-function Et(e, t) {
+function St(e, t) {
   if (!e || e.length === 0) return !1;
   for (const r of e)
-    if (Nn(r, t)) return !0;
+    if (Mn(r, t)) return !0;
   return !1;
 }
-function An(e, t, r) {
-  return e === void 0 ? !0 : Et(r, e) ? !1 : t && t.length > 0 ? Et(t, e) : !0;
+function Rn(e, t, r) {
+  return e === void 0 ? !0 : St(r, e) ? !1 : t && t.length > 0 ? St(t, e) : !0;
 }
-function Mn(e, t, r) {
-  return je(
-    () => An(e, t, r),
+function Tn(e, t, r) {
+  return Ke(
+    () => Rn(e, t, r),
     [e, t, r]
   );
 }
-const Ct = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ L(
+const Nt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ k(
   "svg",
   {
     className: t,
@@ -547,7 +547,7 @@ const Ct = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ L(
       }
     )
   }
-), St = ({ className: e }) => /* @__PURE__ */ n(
+), At = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -565,7 +565,7 @@ const Ct = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ L(
       }
     )
   }
-), Rn = ({ className: e }) => /* @__PURE__ */ n(
+), Pn = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -576,12 +576,12 @@ const Ct = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ L(
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
   }
-), Tn = {
+), Dn = {
   left: 180,
   right: 0,
   up: -90,
   down: 90
-}, In = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
+}, $n = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
   "svg",
   {
     className: t,
@@ -589,19 +589,19 @@ const Ct = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ L(
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    style: { transform: `rotate(${Tn[e]}deg)` },
+    style: { transform: `rotate(${Dn[e]}deg)` },
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
   }
 );
-function Pn(e) {
+function zn(e) {
   return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const Ht = "ll-hidden-tab-center-y", Dn = 5, Nt = 16;
-function $n() {
+const qt = "ll-hidden-tab-center-y", Hn = 5, It = 16;
+function On() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(Ht);
+    const e = window.localStorage.getItem(qt);
     if (!e) return null;
     const t = Number.parseFloat(e);
     return Number.isFinite(t) ? t : null;
@@ -609,115 +609,115 @@ function $n() {
     return null;
   }
 }
-function At(e) {
+function Mt(e) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(Ht, String(e));
+      window.localStorage.setItem(qt, String(e));
     } catch {
     }
 }
-const zn = ({
+const qn = ({
   position: e,
   isMobile: t,
   isSpeaking: r,
   onExpand: i,
   label: o = "Open widget"
 }) => {
-  const l = Pn(e), s = l === "right" ? "left" : "right", d = t ? 80 : 72, [u, g] = S(null), [p, a] = S(!1), c = R(null), N = R(!1), E = _(
-    (y) => {
-      if (typeof window > "u") return y;
-      const C = d / 2, w = Nt + C, H = window.innerHeight - Nt - C;
-      return H < w ? Math.max(w, y) : Math.max(w, Math.min(H, y));
+  const l = zn(e), s = l === "right" ? "left" : "right", d = t ? 80 : 72, [u, y] = C(null), [p, a] = C(!1), c = M(null), S = M(!1), L = x(
+    (v) => {
+      if (typeof window > "u") return v;
+      const E = d / 2, w = It + E, O = window.innerHeight - It - E;
+      return O < w ? Math.max(w, v) : Math.max(w, Math.min(O, v));
     },
     [d]
   );
-  I(() => {
-    const y = $n();
-    g(E(y ?? window.innerHeight / 2));
-    const C = () => {
-      g((w) => w === null ? null : E(w));
+  P(() => {
+    const v = On();
+    y(L(v ?? window.innerHeight / 2));
+    const E = () => {
+      y((w) => w === null ? null : L(w));
     };
-    return window.addEventListener("resize", C), () => window.removeEventListener("resize", C);
-  }, [E]);
-  const A = _(
-    (y) => {
-      if (!(y.pointerType === "mouse" && y.button !== 0) && u !== null) {
+    return window.addEventListener("resize", E), () => window.removeEventListener("resize", E);
+  }, [L]);
+  const N = x(
+    (v) => {
+      if (!(v.pointerType === "mouse" && v.button !== 0) && u !== null) {
         try {
-          y.currentTarget.setPointerCapture(y.pointerId);
+          v.currentTarget.setPointerCapture(v.pointerId);
         } catch {
         }
         c.current = {
-          startClientY: y.clientY,
+          startClientY: v.clientY,
           startCenterY: u,
           moved: !1
         };
       }
     },
     [u]
-  ), z = _(
-    (y) => {
-      const C = c.current;
-      if (!C) return;
-      const w = y.clientY - C.startClientY;
-      !C.moved && Math.abs(w) > Dn && (C.moved = !0, a(!0)), C.moved && g(E(C.startCenterY + w));
+  ), H = x(
+    (v) => {
+      const E = c.current;
+      if (!E) return;
+      const w = v.clientY - E.startClientY;
+      !E.moved && Math.abs(w) > Hn && (E.moved = !0, a(!0)), E.moved && y(L(E.startCenterY + w));
     },
-    [E]
-  ), T = _(
-    (y) => {
-      const C = c.current;
-      if (C) {
+    [L]
+  ), R = x(
+    (v) => {
+      const E = c.current;
+      if (E) {
         try {
-          y.currentTarget.releasePointerCapture(y.pointerId);
+          v.currentTarget.releasePointerCapture(v.pointerId);
         } catch {
         }
-        c.current = null, C.moved && (a(!1), N.current = !0, g((w) => (w !== null && At(w), w)));
+        c.current = null, E.moved && (a(!1), S.current = !0, y((w) => (w !== null && Mt(w), w)));
       }
     },
     []
-  ), $ = _(() => {
-    if (N.current) {
-      N.current = !1;
+  ), $ = x(() => {
+    if (S.current) {
+      S.current = !1;
       return;
     }
     i();
-  }, [i]), M = _(
-    (y) => {
-      if (y.key === "ArrowUp" || y.key === "ArrowDown") {
-        y.preventDefault();
-        const C = y.key === "ArrowUp" ? -8 : 8;
-        g((w) => {
+  }, [i]), I = x(
+    (v) => {
+      if (v.key === "ArrowUp" || v.key === "ArrowDown") {
+        v.preventDefault();
+        const E = v.key === "ArrowUp" ? -8 : 8;
+        y((w) => {
           if (w === null) return w;
-          const H = E(w + C);
-          return At(H), H;
+          const O = L(w + E);
+          return Mt(O), O;
         });
       }
     },
-    [E]
+    [L]
   ), D = [
     "ll-hidden",
     `ll-hidden--${l}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
     p ? "is-dragging" : null
-  ].filter(Boolean).join(" "), m = u === null ? void 0 : { top: `${u - d / 2}px`, transform: "none" };
+  ].filter(Boolean).join(" "), g = u === null ? void 0 : { top: `${u - d / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       className: D,
-      onPointerDown: A,
-      onPointerMove: z,
-      onPointerUp: T,
-      onPointerCancel: T,
+      onPointerDown: N,
+      onPointerMove: H,
+      onPointerUp: R,
+      onPointerCancel: R,
       onClick: $,
-      onKeyDown: M,
+      onKeyDown: I,
       "aria-label": o,
       "data-position": e,
-      style: m,
-      children: /* @__PURE__ */ n(In, { direction: s, className: "ll-hidden__chevron" })
+      style: g,
+      children: /* @__PURE__ */ n($n, { direction: s, className: "ll-hidden__chevron" })
     }
   );
-}, Hn = ({
+}, Bn = ({
   audioLevel: e,
   bars: t = 20,
   maxHeight: r = 20,
@@ -725,20 +725,20 @@ const zn = ({
   className: o,
   barClassName: l
 }) => {
-  const s = R(null), d = R([]), u = je(() => {
+  const s = M(null), d = M([]), u = Ke(() => {
     const p = (Math.sqrt(5) - 1) / 2;
     return Array.from({ length: t }, (a, c) => 0.5 + c * p % 1 * 0.5);
   }, [t]);
-  I(() => e.subscribe((a) => {
+  P(() => e.subscribe((a) => {
     for (let c = 0; c < t; c++) {
-      const N = d.current[c];
-      if (!N) continue;
-      const E = Math.max(i, a * r * u[c]);
-      N.style.height = `${E}px`;
+      const S = d.current[c];
+      if (!S) continue;
+      const L = Math.max(i, a * r * u[c]);
+      S.style.height = `${L}px`;
     }
   }), [e, t, r, i, u]);
-  const g = ["ll-waveform", o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: s, className: g, "aria-hidden": "true", children: Array.from({ length: t }, (p, a) => /* @__PURE__ */ n(
+  const y = ["ll-waveform", o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: s, className: y, "aria-hidden": "true", children: Array.from({ length: t }, (p, a) => /* @__PURE__ */ n(
     "div",
     {
       ref: (c) => {
@@ -749,7 +749,7 @@ const zn = ({
     },
     a
   )) });
-}, On = ({
+}, Un = ({
   position: e,
   isMobile: t,
   agentName: r,
@@ -759,14 +759,14 @@ const zn = ({
   audioLevel: s,
   onExpand: d,
   onToggleMute: u,
-  onClose: g
+  onClose: y
 }) => t ? /* @__PURE__ */ n(
   "div",
   {
     className: "ll-minimized ll-minimized--mobile",
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ L(
+    children: /* @__PURE__ */ k(
       "button",
       {
         type: "button",
@@ -786,7 +786,7 @@ const zn = ({
             )
           ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
           /* @__PURE__ */ n(
-            Hn,
+            Bn,
             {
               audioLevel: s,
               bars: 16,
@@ -795,7 +795,7 @@ const zn = ({
             }
           ),
           /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
-          /* @__PURE__ */ L("div", { className: "ll-minimized__controls", children: [
+          /* @__PURE__ */ k("div", { className: "ll-minimized__controls", children: [
             /* @__PURE__ */ n(
               "span",
               {
@@ -809,10 +809,10 @@ const zn = ({
                   (p.key === "Enter" || p.key === " ") && (p.stopPropagation(), p.preventDefault(), u());
                 },
                 "aria-label": l ? "Unmute microphone" : "Mute microphone",
-                children: /* @__PURE__ */ n(Ct, { muted: l, className: "ll-minimized__icon" })
+                children: /* @__PURE__ */ n(Nt, { muted: l, className: "ll-minimized__icon" })
               }
             ),
-            /* @__PURE__ */ n(St, { className: "ll-minimized__icon ll-minimized__icon--expand" })
+            /* @__PURE__ */ n(At, { className: "ll-minimized__icon ll-minimized__icon--expand" })
           ] })
         ]
       }
@@ -825,7 +825,7 @@ const zn = ({
     "data-position": e,
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ L("div", { className: "ll-minimized__surface", children: [
+    children: /* @__PURE__ */ k("div", { className: "ll-minimized__surface", children: [
       i ? (
         // eslint-disable-next-line @next/next/no-img-element
         /* @__PURE__ */ n(
@@ -837,11 +837,11 @@ const zn = ({
           }
         )
       ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
-      /* @__PURE__ */ L("div", { className: "ll-minimized__meta", children: [
+      /* @__PURE__ */ k("div", { className: "ll-minimized__meta", children: [
         /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
         /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: o === "speaking" ? "Speaking" : o === "thinking" ? "Thinking" : "Listening" })
       ] }),
-      /* @__PURE__ */ L("div", { className: "ll-minimized__controls", children: [
+      /* @__PURE__ */ k("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
           "button",
           {
@@ -849,7 +849,7 @@ const zn = ({
             className: "ll-minimized__btn",
             onClick: u,
             "aria-label": l ? "Unmute microphone" : "Mute microphone",
-            children: /* @__PURE__ */ n(Ct, { muted: l, className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Nt, { muted: l, className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -859,7 +859,7 @@ const zn = ({
             className: "ll-minimized__btn",
             onClick: d,
             "aria-label": `Expand ${r} widget`,
-            children: /* @__PURE__ */ n(St, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(At, { className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -867,23 +867,23 @@ const zn = ({
           {
             type: "button",
             className: "ll-minimized__btn ll-minimized__btn--close",
-            onClick: g,
+            onClick: y,
             "aria-label": "Close widget",
-            children: /* @__PURE__ */ n(Rn, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Pn, { className: "ll-minimized__icon" })
           }
         )
       ] })
     ] })
   }
-), Bn = ({
+), Fn = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
   className: i,
   style: o
 }) => {
-  const [l, s] = S(!1), d = R(e);
-  if (I(() => {
+  const [l, s] = C(!1), d = M(e);
+  if (P(() => {
     d.current !== e && (d.current = e, s(!1));
   }, [e]), !e) return null;
   const u = {
@@ -913,7 +913,7 @@ const zn = ({
       }
     )
   );
-}, Un = ({
+}, Wn = ({
   position: e,
   isMobile: t,
   agentName: r,
@@ -923,100 +923,100 @@ const zn = ({
   branding: s,
   teamMembers: d,
   currentTeamMemberId: u,
-  isSwitchingTeamMember: g,
+  isSwitchingTeamMember: y,
   teamSwitcherOpen: p,
   onToggleTeamSwitcher: a,
   onSelectTeamMember: c,
-  languageMenuOpen: N,
-  onToggleLanguageMenu: E,
-  connectionState: A,
-  agentState: z,
-  transcript: T,
+  languageMenuOpen: S,
+  onToggleLanguageMenu: L,
+  connectionState: N,
+  agentState: H,
+  transcript: R,
   canResume: $,
-  needsUserGesture: M,
+  needsUserGesture: I,
   error: D,
-  isMuted: m,
-  micError: y,
-  micDevices: C,
+  isMuted: g,
+  micError: v,
+  micDevices: E,
   isCameraEnabled: w,
-  cameraPreviewEl: H,
-  cameraDevices: K,
-  activeCameraId: se,
-  isScreenShareEnabled: X,
-  screenPreviewEl: J,
-  isSpeakerMuted: de,
-  allowCamera: De,
-  allowScreenShare: $e,
-  allowTyping: ze,
-  avatarVideoContainerRef: He,
-  onConnect: ue,
-  onDisconnect: me,
-  onRetry: ge,
-  onResumeAudio: ye,
-  onToggleMute: ve,
-  onToggleCamera: be,
-  onSwitchCameraDevice: we,
-  onToggleScreenShare: B,
-  onToggleSpeaker: Ye,
-  onSendMessage: Oe,
-  onMinimize: Be,
-  onClose: Ce,
-  onClearMicError: Se
+  cameraPreviewEl: O,
+  cameraDevices: J,
+  activeCameraId: de,
+  isScreenShareEnabled: Q,
+  screenPreviewEl: Z,
+  isSpeakerMuted: ue,
+  allowCamera: qe,
+  allowScreenShare: Be,
+  allowTyping: Ue,
+  avatarVideoContainerRef: Ne,
+  onConnect: fe,
+  onDisconnect: ge,
+  onRetry: ye,
+  onResumeAudio: ve,
+  onToggleMute: be,
+  onToggleCamera: we,
+  onSwitchCameraDevice: _e,
+  onToggleScreenShare: q,
+  onToggleSpeaker: Qe,
+  onSendMessage: Fe,
+  onMinimize: We,
+  onClose: Ae,
+  onClearMicError: Ie
 }) => {
-  var Re;
-  const re = T.length > 0 ? T[T.length - 1] : null, fe = ((d == null ? void 0 : d.length) ?? 0) > 1, _e = A === "connecting" || A === "connected", Q = A === "connected", W = A === "idle" || A === "disconnected" || A === "error", Ne = R(null), ie = R(null);
-  I(() => {
-    const h = Ne.current;
-    h && (h.innerHTML = "", H && (H.style.width = "100%", H.style.height = "100%", H.style.objectFit = "cover", H.style.transform = "scaleX(-1)", h.appendChild(H)));
-  }, [H]), I(() => {
-    const h = ie.current;
-    h && (h.innerHTML = "", J && (J.style.width = "100%", J.style.height = "100%", J.style.objectFit = "contain", h.appendChild(J)));
-  }, [J]);
-  const [Y, ne] = S(!1), [oe, V] = S(!1);
-  I(() => {
-    if (!Y && !oe && !N && !p) return;
+  var Pe;
+  const ie = R.length > 0 ? R[R.length - 1] : null, pe = ((d == null ? void 0 : d.length) ?? 0) > 1, xe = N === "connecting" || N === "connected", ee = N === "connected", V = N === "idle" || N === "disconnected" || N === "error", Me = M(null), oe = M(null);
+  P(() => {
+    const h = Me.current;
+    h && (h.innerHTML = "", O && (O.style.width = "100%", O.style.height = "100%", O.style.objectFit = "cover", O.style.transform = "scaleX(-1)", h.appendChild(O)));
+  }, [O]), P(() => {
+    const h = oe.current;
+    h && (h.innerHTML = "", Z && (Z.style.width = "100%", Z.style.height = "100%", Z.style.objectFit = "contain", h.appendChild(Z)));
+  }, [Z]);
+  const [K, ne] = C(!1), [le, Y] = C(!1);
+  P(() => {
+    if (!K && !le && !S && !p) return;
     const h = () => {
-      ne(!1), V(!1), N && E(), p && a();
+      ne(!1), Y(!1), S && L(), p && a();
     };
     return document.addEventListener("click", h), () => document.removeEventListener("click", h);
   }, [
-    Y,
-    oe,
-    N,
+    K,
+    le,
+    S,
     p,
-    E,
+    L,
     a
   ]);
-  const [G, le] = S(""), Ae = _(
+  const [X, ae] = C(""), Re = x(
     (h) => {
       h.preventDefault();
-      const q = G.trim();
-      q && (Oe(q), le(""));
+      const W = X.trim();
+      W && (Fe(W), ae(""));
     },
-    [G, Oe]
-  ), Ge = s.productName || "Live Layer", xe = Q && (re != null && re.text) ? re.text : l || "", Me = [
+    [X, Fe]
+  ), Ze = s.productName || "Live Layer", ke = ee && (ie != null && ie.text) ? ie.text : l || "", Te = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
-  return /* @__PURE__ */ L(
+  return /* @__PURE__ */ k(
     "div",
     {
-      className: Me,
+      className: Te,
       "data-position": e,
-      "data-state": Q ? "connected" : _e ? "connecting" : "idle",
+      "data-state": ee ? "connected" : xe ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
-        /* @__PURE__ */ L("div", { className: "ll-expanded__bg", children: [
+        /* @__PURE__ */ k("div", { className: "ll-expanded__bg", children: [
           i ? /* @__PURE__ */ n(
-            Bn,
+            Fn,
             {
               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: ((Re = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Re.toUpperCase()) || "A" }) }),
-          o && !Q && /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Pe = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Pe.toUpperCase()) || "A" }) }),
+          o && !ee && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
@@ -1028,49 +1028,49 @@ const zn = ({
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { ref: He, className: "ll-expanded__video" }),
-        A === "connecting" && /* @__PURE__ */ L("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        /* @__PURE__ */ n("div", { ref: Ne, className: "ll-expanded__video" }),
+        N === "connecting" && /* @__PURE__ */ k("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: g ? "Switching..." : "Connecting..." })
+          /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: y ? "Switching..." : "Connecting..." })
         ] }),
-        M && Q && /* @__PURE__ */ L(
+        I && ee && /* @__PURE__ */ k(
           "button",
           {
             type: "button",
             className: "ll-expanded__overlay ll-expanded__overlay--gesture",
-            onClick: ye,
+            onClick: ve,
             children: [
               /* @__PURE__ */ n("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("path", { d: "M3 9v6h4l5 5V4L7 9H3zm13.54.12a5 5 0 0 1 0 5.76l-1.41-1.41a3 3 0 0 0 0-2.94L16.54 9.12z" }) }),
               /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: "Tap to enable audio" })
             ]
           }
         ),
-        _e ? /* @__PURE__ */ L("div", { className: "ll-expanded__topbar", children: [
-          /* @__PURE__ */ L("div", { className: "ll-expanded__topbar-left", children: [
-            /* @__PURE__ */ L("div", { className: "ll-expanded__pill-wrap", children: [
-              /* @__PURE__ */ L(
+        xe ? /* @__PURE__ */ k("div", { className: "ll-expanded__topbar", children: [
+          /* @__PURE__ */ k("div", { className: "ll-expanded__topbar-left", children: [
+            /* @__PURE__ */ k("div", { className: "ll-expanded__pill-wrap", children: [
+              /* @__PURE__ */ k(
                 "button",
                 {
                   type: "button",
                   className: "ll-hpill",
                   onClick: (h) => {
-                    fe && (h.stopPropagation(), a());
+                    pe && (h.stopPropagation(), a());
                   },
-                  "aria-haspopup": fe ? "listbox" : void 0,
-                  "aria-expanded": fe ? p : void 0,
+                  "aria-haspopup": pe ? "listbox" : void 0,
+                  "aria-expanded": pe ? p : void 0,
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                    fe && /* @__PURE__ */ n(Fe, {})
+                    pe && /* @__PURE__ */ n(Ye, {})
                   ]
                 }
               ),
-              fe && p && /* @__PURE__ */ n(
+              pe && p && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
                   onClick: (h) => h.stopPropagation(),
                   role: "listbox",
-                  children: d == null ? void 0 : d.map((h) => /* @__PURE__ */ L(
+                  children: d == null ? void 0 : d.map((h) => /* @__PURE__ */ k(
                     "button",
                     {
                       type: "button",
@@ -1096,26 +1096,26 @@ const zn = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ L("div", { className: "ll-expanded__pill-wrap", children: [
-              /* @__PURE__ */ L(
+            /* @__PURE__ */ k("div", { className: "ll-expanded__pill-wrap", children: [
+              /* @__PURE__ */ k(
                 "button",
                 {
                   type: "button",
                   className: "ll-hpill ll-hpill--compact",
                   onClick: (h) => {
-                    h.stopPropagation(), E();
+                    h.stopPropagation(), L();
                   },
                   "aria-haspopup": "listbox",
-                  "aria-expanded": N,
+                  "aria-expanded": S,
                   "aria-label": "Language: English",
                   title: "Language: English",
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: "EN" }),
-                    /* @__PURE__ */ n(Fe, {})
+                    /* @__PURE__ */ n(Ye, {})
                   ]
                 }
               ),
-              N && /* @__PURE__ */ n(
+              S && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
@@ -1137,21 +1137,21 @@ const zn = ({
             /* @__PURE__ */ n(
               "span",
               {
-                className: `ll-expanded__state ll-expanded__state--${z}`,
-                children: z
+                className: `ll-expanded__state ll-expanded__state--${H}`,
+                children: H
               }
             )
           ] }),
-          /* @__PURE__ */ L("div", { className: "ll-expanded__header-actions", children: [
+          /* @__PURE__ */ k("div", { className: "ll-expanded__header-actions", children: [
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-hbtn",
-                onClick: Be,
+                onClick: We,
                 "aria-label": "Minimize widget",
                 title: "Minimize",
-                children: /* @__PURE__ */ n(Rt, {})
+                children: /* @__PURE__ */ n(Tt, {})
               }
             ),
             /* @__PURE__ */ n(
@@ -1159,26 +1159,26 @@ const zn = ({
               {
                 type: "button",
                 className: "ll-hbtn ll-hbtn--danger",
-                onClick: Ce,
+                onClick: Ae,
                 "aria-label": "End call",
                 title: "End call",
-                children: /* @__PURE__ */ n(Mt, {})
+                children: /* @__PURE__ */ n(Rt, {})
               }
             )
           ] })
         ] }) : (
           // Idle-state header with Live Layer product name + minimize/close
-          /* @__PURE__ */ L("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Ge }),
-            /* @__PURE__ */ L("div", { className: "ll-expanded__header-actions", children: [
+          /* @__PURE__ */ k("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
+            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Ze }),
+            /* @__PURE__ */ k("div", { className: "ll-expanded__header-actions", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: Be,
+                  onClick: We,
                   "aria-label": "Minimize widget",
-                  children: /* @__PURE__ */ n(Rt, {})
+                  children: /* @__PURE__ */ n(Tt, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1186,23 +1186,23 @@ const zn = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: Ce,
+                  onClick: Ae,
                   "aria-label": "Close widget",
-                  children: /* @__PURE__ */ n(Mt, {})
+                  children: /* @__PURE__ */ n(Rt, {})
                 }
               )
             ] })
           ] })
         ),
-        W && /* @__PURE__ */ (() => {
-          const h = $ ? "Restart paused session" : A === "disconnected" ? "Reconnect to agent" : "Start video call", q = $ ? "Pick up where you left off" : null;
-          return /* @__PURE__ */ L($t, { children: [
-            A === "idle" && !$ && !D && /* @__PURE__ */ L(
+        V && /* @__PURE__ */ (() => {
+          const h = $ ? "Restart paused session" : N === "disconnected" ? "Reconnect to agent" : "Start video call", W = $ ? "Pick up where you left off" : null;
+          return /* @__PURE__ */ k(Ht, { children: [
+            N === "idle" && !$ && !D && /* @__PURE__ */ k(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
-                onClick: ue,
+                onClick: fe,
                 "aria-label": h,
                 children: [
                   /* @__PURE__ */ n("div", { className: "ll-expanded__play-circle", children: /* @__PURE__ */ n("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("polygon", { points: "6 3 20 12 6 21 6 3" }) }) }),
@@ -1210,15 +1210,15 @@ const zn = ({
                 ]
               }
             ),
-            /* @__PURE__ */ L("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
+            /* @__PURE__ */ k("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 }) }),
-              q && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: q }),
+              W && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: W }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__cta",
-                  onClick: ue,
+                  onClick: fe,
                   "aria-label": h,
                   children: h
                 }
@@ -1226,52 +1226,52 @@ const zn = ({
             ] })
           ] });
         })(),
-        /* @__PURE__ */ L(
+        /* @__PURE__ */ k(
           "div",
           {
-            className: `ll-expanded__pip ${_e && (w || X) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${xe && (w || Q) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: ie,
-                  className: X ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: oe,
+                  className: Q ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: Ne,
-                  className: !X && w ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: Me,
+                  className: !Q && w ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        _e ? /* @__PURE__ */ L("div", { className: "ll-expanded__bottom", children: [
-          xe && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: xe }) }),
-          /* @__PURE__ */ L("div", { className: "ll-toolbar", onClick: (h) => h.stopPropagation(), children: [
-            $e && /* @__PURE__ */ n(
+        xe ? /* @__PURE__ */ k("div", { className: "ll-expanded__bottom", children: [
+          ke && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: ke }) }),
+          /* @__PURE__ */ k("div", { className: "ll-toolbar", onClick: (h) => h.stopPropagation(), children: [
+            Be && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${X ? "is-on" : ""}`,
-                onClick: B,
-                "aria-label": X ? "Stop sharing screen" : "Share screen",
-                title: X ? "Stop sharing" : "Share screen",
-                children: /* @__PURE__ */ n(Fn, {})
+                className: `ll-tool ${Q ? "is-on" : ""}`,
+                onClick: q,
+                "aria-label": Q ? "Stop sharing screen" : "Share screen",
+                title: Q ? "Stop sharing" : "Share screen",
+                children: /* @__PURE__ */ n(jn, {})
               }
             ),
-            De && /* @__PURE__ */ L("div", { className: "ll-tool-split", children: [
+            qe && /* @__PURE__ */ k("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: `ll-tool ll-tool--left ${w ? "is-on" : ""}`,
-                  onClick: be,
+                  onClick: we,
                   "aria-label": w ? "Turn off camera" : "Turn on camera",
                   title: w ? "Stop camera" : "Start camera",
-                  children: /* @__PURE__ */ n(qn, {})
+                  children: /* @__PURE__ */ n(Vn, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1280,57 +1280,57 @@ const zn = ({
                   type: "button",
                   className: `ll-tool ll-tool--right ${w ? "is-on" : ""}`,
                   onClick: (h) => {
-                    h.stopPropagation(), V((q) => !q), ne(!1);
+                    h.stopPropagation(), Y((W) => !W), ne(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": oe,
-                  children: /* @__PURE__ */ n(Fe, {})
+                  "aria-expanded": le,
+                  children: /* @__PURE__ */ n(Ye, {})
                 }
               ),
-              oe && K.length > 0 && /* @__PURE__ */ n(
-                Tt,
+              le && J.length > 0 && /* @__PURE__ */ n(
+                Pt,
                 {
                   label: "Camera",
-                  devices: K,
-                  activeId: se,
+                  devices: J,
+                  activeId: de,
                   onPick: (h) => {
-                    V(!1), we(h);
+                    Y(!1), _e(h);
                   }
                 }
               )
             ] }),
-            /* @__PURE__ */ L("div", { className: "ll-tool-split", children: [
+            /* @__PURE__ */ k("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${m ? "is-muted" : ""}`,
-                  onClick: ve,
-                  "aria-label": m ? "Unmute microphone" : "Mute microphone",
-                  title: m ? "Unmute" : "Mute",
-                  children: /* @__PURE__ */ n(jn, { muted: m })
+                  className: `ll-tool ll-tool--left ${g ? "is-muted" : ""}`,
+                  onClick: be,
+                  "aria-label": g ? "Unmute microphone" : "Mute microphone",
+                  title: g ? "Unmute" : "Mute",
+                  children: /* @__PURE__ */ n(Yn, { muted: g })
                 }
               ),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--right ${m ? "is-muted" : ""}`,
+                  className: `ll-tool ll-tool--right ${g ? "is-muted" : ""}`,
                   onClick: (h) => {
-                    h.stopPropagation(), ne((q) => !q), V(!1);
+                    h.stopPropagation(), ne((W) => !W), Y(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": Y,
-                  children: /* @__PURE__ */ n(Fe, {})
+                  "aria-expanded": K,
+                  children: /* @__PURE__ */ n(Ye, {})
                 }
               ),
-              Y && C.length > 0 && /* @__PURE__ */ n(
-                Tt,
+              K && E.length > 0 && /* @__PURE__ */ n(
+                Pt,
                 {
                   label: "Microphone",
-                  devices: C,
+                  devices: E,
                   activeId: "",
                   onPick: () => ne(!1)
                 }
@@ -1340,33 +1340,33 @@ const zn = ({
               "button",
               {
                 type: "button",
-                className: `ll-tool ${de ? "is-muted" : ""}`,
-                onClick: Ye,
-                "aria-label": de ? "Unmute speaker" : "Mute speaker",
-                title: de ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(Wn, { muted: de })
+                className: `ll-tool ${ue ? "is-muted" : ""}`,
+                onClick: Qe,
+                "aria-label": ue ? "Unmute speaker" : "Mute speaker",
+                title: ue ? "Unmute speaker" : "Mute speaker",
+                children: /* @__PURE__ */ n(Gn, { muted: ue })
               }
             )
           ] }),
-          ze && /* @__PURE__ */ L("form", { className: "ll-message-input", onSubmit: Ae, children: [
+          Ue && /* @__PURE__ */ k("form", { className: "ll-message-input", onSubmit: Re, children: [
             /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: G,
-                onChange: (h) => le(h.target.value),
+                value: X,
+                onChange: (h) => ae(h.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            G.trim() && /* @__PURE__ */ n(
+            X.trim() && /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
                 className: "ll-message-input__send",
                 "aria-label": "Send message",
-                children: /* @__PURE__ */ n(Vn, {})
+                children: /* @__PURE__ */ n(Kn, {})
               }
             )
           ] }),
@@ -1375,37 +1375,37 @@ const zn = ({
             {
               type: "button",
               className: "ll-expanded__end",
-              onClick: me,
+              onClick: ge,
               children: "End conversation"
             }
           )
         ] }) : null,
         (() => {
-          if (y && A !== "error")
-            return /* @__PURE__ */ L("div", { className: "ll-expanded__banner", role: "alert", children: [
-              /* @__PURE__ */ n("span", { children: y }),
+          if (v && N !== "error")
+            return /* @__PURE__ */ k("div", { className: "ll-expanded__banner", role: "alert", children: [
+              /* @__PURE__ */ n("span", { children: v }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__banner-x",
-                  onClick: Se,
+                  onClick: Ie,
                   "aria-label": "Dismiss",
                   children: "×"
                 }
               )
             ] });
-          if (!D || A !== "error") return null;
-          let h = "Failed to connect", q = "Try again";
-          return D === "MIC_PERMISSION_DENIED" ? h = "Microphone blocked. Allow access to talk." : D === "MIC_NOT_FOUND" ? h = "No microphone found. Plug one in + retry." : D === "MIC_UNAVAILABLE" ? h = "Mic unavailable. Check other apps using it." : D === "AGENT_TIMEOUT" ? h = "Agent didn't pick up. Try again." : D === "CONNECT_FAILED" ? h = "Connection failed. Check your network." : D.length < 80 && (h = D), /* @__PURE__ */ L("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+          if (!D || N !== "error") return null;
+          let h = "Failed to connect", W = "Try again";
+          return D === "MIC_PERMISSION_DENIED" ? h = "Microphone blocked. Allow access to talk." : D === "MIC_NOT_FOUND" ? h = "No microphone found. Plug one in + retry." : D === "MIC_UNAVAILABLE" ? h = "Mic unavailable. Check other apps using it." : D === "AGENT_TIMEOUT" ? h = "Agent didn't pick up. Try again." : D === "CONNECT_FAILED" ? h = "Connection failed. Check your network." : D.length < 80 && (h = D), /* @__PURE__ */ k("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
             /* @__PURE__ */ n("span", { children: h }),
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: ge,
-                children: q
+                onClick: ye,
+                children: W
               }
             )
           ] });
@@ -1414,55 +1414,55 @@ const zn = ({
     }
   );
 };
-function Fe() {
+function Ye() {
   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 Mt() {
-  return /* @__PURE__ */ L("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
+function Rt() {
+  return /* @__PURE__ */ k("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function Rt() {
+function Tt() {
   return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
 }
-function Fn() {
-  return /* @__PURE__ */ L("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function jn() {
+  return /* @__PURE__ */ k("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
     /* @__PURE__ */ n("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
     /* @__PURE__ */ n("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
   ] });
 }
-function qn() {
-  return /* @__PURE__ */ L("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function Vn() {
+  return /* @__PURE__ */ k("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("path", { d: "M23 7l-7 5 7 5V7z" }),
     /* @__PURE__ */ n("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
   ] });
 }
-function jn({ muted: e }) {
-  return /* @__PURE__ */ L("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function Yn({ muted: e }) {
+  return /* @__PURE__ */ k("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("path", { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
     /* @__PURE__ */ n("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
     /* @__PURE__ */ n("line", { x1: "12", y1: "19", x2: "12", y2: "23" }),
     e && /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function Wn({ muted: e }) {
-  return /* @__PURE__ */ L("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function Gn({ muted: e }) {
+  return /* @__PURE__ */ k("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ L($t, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ k(Ht, { children: [
       /* @__PURE__ */ n("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" }),
       /* @__PURE__ */ n("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
     ] })
   ] });
 }
-function Vn() {
-  return /* @__PURE__ */ L("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function Kn() {
+  return /* @__PURE__ */ k("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
     /* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
   ] });
 }
-const Tt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ L(
+const Pt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ k(
   "div",
   {
     className: "ll-device-menu",
@@ -1472,7 +1472,7 @@ const Tt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */
       /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
       t.map((o, l) => {
         const s = r === o.deviceId;
-        return /* @__PURE__ */ L(
+        return /* @__PURE__ */ k(
           "button",
           {
             type: "button",
@@ -1490,21 +1490,21 @@ const Tt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */
       })
     ]
   }
-), Yn = [
+), Xn = [
   '[data-ll-private="true"]',
   ".ll-widget"
 ];
-function it(e) {
+function ct(e) {
   let t = e;
   for (; t; ) {
-    for (const r of Yn)
+    for (const r of Xn)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
-function Ve(e) {
-  if (it(e)) return !1;
+function Je(e) {
+  if (ct(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
     const t = (e.getAttribute("autocomplete") || "").toLowerCase();
@@ -1512,7 +1512,7 @@ function Ve(e) {
   }
   return !0;
 }
-const qe = 4096, Gn = 20, Kn = 20, Xn = 10, Jn = 10, Qn = 30, It = 500, Zn = [
+const Ge = 4096, Jn = 20, Qn = 20, Zn = 10, er = 10, tr = 30, Dt = 500, nr = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1520,24 +1520,24 @@ const qe = 4096, Gn = 20, Kn = 20, Xn = 10, Jn = 10, Qn = 30, It = 500, Zn = [
   "noscript",
   "iframe"
 ];
-function Ie(e) {
+function He(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
-    for (const r of Zn)
+    for (const r of nr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
-function Pe(e) {
+function Oe(e) {
   if (typeof window > "u") return !0;
   const t = e.getBoundingClientRect();
   if (t.width <= 0 || t.height <= 0) return !1;
   const r = window.innerHeight || document.documentElement.clientHeight, i = window.innerWidth || document.documentElement.clientWidth;
   return t.bottom > 0 && t.right > 0 && t.top < r && t.left < i;
 }
-function Pt(e) {
+function $t(e) {
   const t = e.getAttribute("id");
   if (t) {
     const l = document.querySelector(`label[for="${CSS.escape(t)}"]`);
@@ -1550,13 +1550,13 @@ function Pt(e) {
   const o = e.closest("label");
   return o != null && o.textContent ? o.textContent.trim() : "";
 }
-function he(e, t) {
+function me(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-function ke(e) {
+function Ee(e) {
   return e.length;
 }
-function er(e, t = {}) {
+function rr(e, t = {}) {
   const r = t.doc ?? (typeof document < "u" ? document : null);
   if (!r)
     return {
@@ -1573,118 +1573,118 @@ function er(e, t = {}) {
   const i = typeof window < "u" && window.location.href || "", o = typeof window < "u" && window.location.pathname || "/", l = r.title || "", s = Array.from(
     r.querySelectorAll("[data-ll-region]")
   ), d = [];
-  for (const m of s) {
-    if (d.length >= Xn) break;
-    if (Ie(m) || !Pe(m)) continue;
-    const y = m.getAttribute("data-ll-region") ?? "", C = m.getAttribute("data-ll-intent") ?? void 0, w = he(
-      (m.innerText || m.textContent || "").trim(),
-      It * 2
+  for (const g of s) {
+    if (d.length >= Zn) break;
+    if (He(g) || !Oe(g)) continue;
+    const v = g.getAttribute("data-ll-region") ?? "", E = g.getAttribute("data-ll-intent") ?? void 0, w = me(
+      (g.innerText || g.textContent || "").trim(),
+      Dt * 2
     );
-    !y || !w || d.push({ id: y, intent: C, text: w });
+    !v || !w || d.push({ id: v, intent: E, text: w });
   }
-  const u = [], g = ["H1", "H2", "H3", "H4", "H5", "H6"], p = Array.from(
+  const u = [], y = ["H1", "H2", "H3", "H4", "H5", "H6"], p = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
-  for (const m of p) {
-    if (Ie(m) || !Pe(m)) continue;
-    const y = (m.textContent || "").trim();
-    y && u.push(`${m.tagName}: ${he(y, 200)}`);
+  for (const g of p) {
+    if (He(g) || !Oe(g)) continue;
+    const v = (g.textContent || "").trim();
+    v && u.push(`${g.tagName}: ${me(v, 200)}`);
   }
   const a = Array.from(r.querySelectorAll("p, li"));
-  for (const m of a) {
-    if (Ie(m) || !Pe(m) || g.includes(m.tagName)) continue;
-    const y = (m.textContent || "").trim();
-    y.length > 10 && u.push(he(y, It));
+  for (const g of a) {
+    if (He(g) || !Oe(g) || y.includes(g.tagName)) continue;
+    const v = (g.textContent || "").trim();
+    v.length > 10 && u.push(me(v, Dt));
   }
   const c = u.join(`
-`), N = [], E = Array.from(r.querySelectorAll("a[href]"));
-  for (const m of E) {
-    if (N.length >= Gn) break;
-    if (Ie(m) || !Pe(m)) continue;
-    const y = m.getAttribute("href") || "", C = (m.textContent || "").trim();
-    !y || !C || N.push({ href: y, text: he(C, 100) });
+`), S = [], L = Array.from(r.querySelectorAll("a[href]"));
+  for (const g of L) {
+    if (S.length >= Jn) break;
+    if (He(g) || !Oe(g)) continue;
+    const v = g.getAttribute("href") || "", E = (g.textContent || "").trim();
+    !v || !E || S.push({ href: v, text: me(E, 100) });
   }
-  const A = [], z = Array.from(
+  const N = [], H = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
-  for (const m of z) {
-    if (A.length >= Kn) break;
-    if (Ie(m) || !Ve(m) || !Pe(m)) continue;
-    const y = Pt(m), C = m instanceof HTMLInputElement ? m.type : m.tagName.toLowerCase();
-    y && A.push({ label: he(y, 100), type: C });
+  for (const g of H) {
+    if (N.length >= Qn) break;
+    if (He(g) || !Je(g) || !Oe(g)) continue;
+    const v = $t(g), E = g instanceof HTMLInputElement ? g.type : g.tagName.toLowerCase();
+    v && N.push({ label: me(v, 100), type: E });
   }
-  const T = Array.from(
+  const R = Array.from(
     r.querySelectorAll("[data-ll-form]")
   ), $ = [];
-  for (const m of T) {
-    if ($.length >= Jn) break;
-    if (it(m)) continue;
-    const y = m.getAttribute("data-ll-form") || "";
-    if (!y) continue;
-    const C = m.getAttribute("data-ll-intent") || void 0, w = Array.from(
-      m.querySelectorAll(
+  for (const g of R) {
+    if ($.length >= er) break;
+    if (ct(g)) continue;
+    const v = g.getAttribute("data-ll-form") || "";
+    if (!v) continue;
+    const E = g.getAttribute("data-ll-intent") || void 0, w = Array.from(
+      g.querySelectorAll(
         "[data-ll-field]"
       )
-    ), H = [];
-    for (const K of w) {
-      if (H.length >= Qn) break;
-      if (!Ve(K)) continue;
-      const se = K.getAttribute("data-ll-field") || "";
-      if (!se) continue;
-      const X = Pt(K) || se, J = K instanceof HTMLInputElement ? K.type : K.tagName.toLowerCase();
-      H.push({ name: se, label: he(X, 100), type: J });
+    ), O = [];
+    for (const J of w) {
+      if (O.length >= tr) break;
+      if (!Je(J)) continue;
+      const de = J.getAttribute("data-ll-field") || "";
+      if (!de) continue;
+      const Q = $t(J) || de, Z = J instanceof HTMLInputElement ? J.type : J.tagName.toLowerCase();
+      O.push({ name: de, label: me(Q, 100), type: Z });
     }
-    $.push({ id: y, intent: C, fields: H });
+    $.push({ id: v, intent: E, fields: O });
   }
-  const M = {
+  const I = {
     url: i,
     title: l,
     pathname: o,
     regions: d,
     visibleText: c,
-    visibleLinks: N,
-    visibleFields: A,
+    visibleLinks: S,
+    visibleFields: N,
     forms: $,
     extras: e
   };
-  let D = ke(JSON.stringify(M.regions)) + ke(M.visibleText) + ke(JSON.stringify(M.visibleLinks)) + ke(JSON.stringify(M.visibleFields));
-  for (; D > qe && M.visibleFields.length > 0; )
-    M.visibleFields.pop(), D = ke(JSON.stringify(M.visibleFields));
-  for (; D > qe && M.visibleLinks.length > 0; )
-    M.visibleLinks.pop(), D -= 80;
-  return ke(M.visibleText) > qe && (M.visibleText = he(M.visibleText, qe - 100)), M;
+  let D = Ee(JSON.stringify(I.regions)) + Ee(I.visibleText) + Ee(JSON.stringify(I.visibleLinks)) + Ee(JSON.stringify(I.visibleFields));
+  for (; D > Ge && I.visibleFields.length > 0; )
+    I.visibleFields.pop(), D = Ee(JSON.stringify(I.visibleFields));
+  for (; D > Ge && I.visibleLinks.length > 0; )
+    I.visibleLinks.pop(), D -= 80;
+  return Ee(I.visibleText) > Ge && (I.visibleText = me(I.visibleText, Ge - 100)), I;
 }
-let Le = null;
-function Dt(e, t = {}) {
+let Ce = null;
+function zt(e, t = {}) {
   const r = Date.now(), o = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if (Le && Le.key === o && r - Le.at < 1e3)
-    return Le.ctx;
-  const l = er(e, t);
-  return Le = { key: o, at: r, ctx: l }, l;
+  if (Ce && Ce.key === o && r - Ce.at < 1e3)
+    return Ce.ctx;
+  const l = rr(e, t);
+  return Ce = { key: o, at: r, ctx: l }, l;
 }
-function tr() {
-  Le = null;
+function ir() {
+  Ce = null;
 }
-const nr = 200;
-function rr(e) {
+const or = 200;
+function lr(e) {
   return !(!e || e.startsWith("#") || e.startsWith("javascript:") || e.startsWith("mailto:") || e.startsWith("tel:"));
 }
-function ir(e) {
+function ar(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
   const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), o = [], l = Array.from(t.querySelectorAll("a[href]"));
   for (const s of l) {
-    if (o.length >= nr) break;
-    if (it(s)) continue;
+    if (o.length >= or) break;
+    if (ct(s)) continue;
     const d = s.getAttribute("href") || "";
-    if (!rr(d)) continue;
-    let u = d, g = !0;
+    if (!lr(d)) continue;
+    let u = d, y = !0;
     try {
       if (typeof window < "u") {
         const a = new URL(d, r);
-        g = a.origin === r, g && d.startsWith("http") && (u = a.pathname + a.search + a.hash);
+        y = a.origin === r, y && d.startsWith("http") && (u = a.pathname + a.search + a.hash);
       }
     } catch {
       continue;
@@ -1692,27 +1692,27 @@ function ir(e) {
     if (i.has(u)) continue;
     i.add(u);
     const p = (s.textContent || "").trim().slice(0, 120);
-    o.push({ href: u, text: p, internal: g });
+    o.push({ href: u, text: p, internal: y });
   }
   return o;
 }
-let Ee = null;
-const or = 5e3;
-function lr() {
+let Se = null;
+const cr = 5e3;
+function sr() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (Ee && Ee.pathname === t && e - Ee.at < or)
-    return Ee.routes;
-  const r = ir();
-  return Ee = { at: e, pathname: t, routes: r }, r;
+  if (Se && Se.pathname === t && e - Se.at < cr)
+    return Se.routes;
+  const r = ar();
+  return Se = { at: e, pathname: t, routes: r }, r;
 }
-function ar() {
-  Ee = null;
+function dr() {
+  Se = null;
 }
-function cr(e, t) {
+function ur(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 sr(e, t, r = {}) {
+function fr(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(
@@ -1722,9 +1722,9 @@ function sr(e, t, r = {}) {
     s ? s.call(e, d) : e.checked = d, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
-  cr(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  ur(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
-const dr = /* @__PURE__ */ new Set([
+const pr = /* @__PURE__ */ new Set([
   "agent_state",
   "avatar_stream_ready",
   "avatar_active",
@@ -1747,8 +1747,8 @@ const dr = /* @__PURE__ */ new Set([
   "submit_form",
   "request_routes"
 ]);
-function ur(e) {
-  var pt, ht, mt, gt, yt, vt;
+function hr(e) {
+  var gt, yt, vt, bt, wt, _t, xt;
   const {
     agentId: t,
     apiKey: r,
@@ -1758,467 +1758,479 @@ function ur(e) {
     autoConnect: s = !1,
     displayMode: d,
     defaultDisplayMode: u = "expanded",
-    onDisplayModeChange: g,
+    onDisplayModeChange: y,
     position: p = "bottom-right",
     mobileBreakpoint: a = 640,
     persistKey: c = "ll-widget",
-    disablePersistence: N = !1,
-    teamMembers: E,
-    currentTeamMemberId: A,
-    onTeamMemberChange: z,
-    idleLoopUrl: T,
+    disablePersistence: S = !1,
+    teamMembers: L,
+    currentTeamMemberId: N,
+    onTeamMemberChange: H,
+    idleLoopUrl: R,
     greeting: $,
-    avatarImageUrl: M,
+    avatarImageUrl: I,
     agentName: D,
-    branding: m = {},
-    allowCamera: y = !0,
-    allowScreenShare: C = !0,
+    branding: g = {},
+    allowCamera: v = !0,
+    allowScreenShare: E = !0,
     allowTyping: w = !0,
-    showOn: H,
-    hideOn: K,
-    pathname: se,
-    onNavigate: X,
-    onScrollToSelector: J,
-    getPageContext: de,
-    pageContextExtras: De,
-    onScrollPage: $e,
-    onClick: ze,
-    capabilities: He,
-    onConnect: ue,
-    onDisconnect: me,
-    onTranscript: ge,
-    onAgentState: ye,
-    onConnectionStateChange: ve,
-    onAgentEvent: be,
-    onAgentCommand: we,
-    controlledSession: B,
-    className: Ye,
-    style: Oe,
-    zIndex: Be = 2147483647
-  } = e, Ce = kn(se), Se = Mn(Ce, H, K);
-  I(() => {
-    tr(), ar();
-  }, [Ce]);
-  const re = A !== void 0, [fe, _e] = S(() => {
-    var v;
-    return A ?? ((v = E == null ? void 0 : E[0]) == null ? void 0 : v.id);
-  }), Q = re ? A : fe, W = je(
-    () => (E == null ? void 0 : E.find((v) => v.id === Q)) ?? null,
-    [E, Q]
-  ), Ne = (W == null ? void 0 : W.agentId) ?? t, [ie, Y] = bn({
+    showOn: O,
+    hideOn: J,
+    pathname: de,
+    onNavigate: Q,
+    onScrollToSelector: Z,
+    getPageContext: ue,
+    pageContextExtras: qe,
+    onScrollPage: Be,
+    onClick: Ue,
+    capabilities: Ne,
+    onConnect: fe,
+    onDisconnect: ge,
+    onTranscript: ye,
+    onAgentState: ve,
+    onConnectionStateChange: be,
+    onAgentEvent: we,
+    onAgentCommand: _e,
+    controlledSession: q,
+    className: Qe,
+    style: Fe,
+    zIndex: We = 2147483647
+  } = e, Ae = Cn(de), Ie = Tn(Ae, O, J);
+  P(() => {
+    ir(), dr();
+  }, [Ae]);
+  const ie = N !== void 0, [pe, xe] = C(() => {
+    var m;
+    return N ?? ((m = L == null ? void 0 : L[0]) == null ? void 0 : m.id);
+  }), ee = ie ? N : pe, V = Ke(
+    () => (L == null ? void 0 : L.find((m) => m.id === ee)) ?? null,
+    [L, ee]
+  ), Me = (V == null ? void 0 : V.agentId) ?? t, [oe, K] = xn({
     value: d,
     defaultValue: u,
-    onChange: g,
+    onChange: y,
     persistKey: c,
-    disablePersistence: N
-  }), ne = _n(a), oe = an(), V = cn(), G = dn(), le = un(), Ae = fn(), [Ge, xe] = S(!1), [Me, Re] = S(!1), [h, q] = S(!1), [ot, Ot] = S(!1), [Ke, Bt] = S(!1), Xe = R(X), Je = R(J), Qe = R($e), Ze = R(ze), lt = R(de), at = R(De), ct = R(He), Z = R(null);
-  Xe.current = X, Je.current = J, Qe.current = $e, Ze.current = ze, lt.current = de, at.current = De, ct.current = He;
-  function ae(v) {
-    const f = ct.current;
-    return f ? f.includes(v) : !0;
+    disablePersistence: S
+  }), ne = Ln(a), le = dn(), Y = un(), X = pn(), ae = hn(), Re = mn(), [Ze, ke] = C(!1), [Te, Pe] = C(!1), [h, W] = C(!1), [st, Bt] = C(!1), [et, Ut] = C(!1), tt = M(Q), nt = M(Z), rt = M(Be), it = M(Ue), dt = M(ue), ut = M(qe), ot = M(Ne), te = M(null);
+  tt.current = Q, nt.current = Z, rt.current = Be, it.current = Ue, dt.current = ue, ut.current = qe, ot.current = Ne;
+  function ce(m) {
+    const f = ot.current;
+    return f ? f.includes(m) : !0;
   }
-  function ce(v, f) {
+  function se(m, f) {
     console.warn(
-      `[LiveLayer] Agent command "${v}" blocked — capability "${f}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
+      `[LiveLayer] Agent command "${m}" blocked — capability "${f}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
     );
   }
-  const et = _(
-    (v) => {
-      var ee, bt, wt, _t;
-      const f = v;
+  const De = x(
+    (m) => {
+      var G, je, Ve, kt;
+      const f = m;
       if (!(!f.type || typeof f.type != "string")) {
-        if (be == null || be({ eventName: f.type, data: v }), f.type === "navigate") {
-          if (!ae("navigate")) {
-            ce("navigate", "navigate");
+        if (we == null || we({ eventName: f.type, data: m }), f.type === "navigate") {
+          if (!ce("navigate")) {
+            se("navigate", "navigate");
             return;
           }
-          const x = typeof f.href == "string" ? f.href : null;
-          if (!x) {
+          const _ = typeof f.href == "string" ? f.href : null;
+          if (!_) {
             console.warn(
               `[LiveLayer] Agent emitted "navigate" without href. Skipping. Check your agent's tool schema. See https://livelayer.studio/docs/errors/navigate-missing-href`
             );
             return;
           }
-          if (Xe.current) {
+          if (tt.current) {
             try {
-              Xe.current(x);
-            } catch (k) {
+              tt.current(_);
+            } catch (A) {
               console.warn(
-                `[LiveLayer] onNavigate threw for "${x}". Falling back. Error:`,
-                k
+                `[LiveLayer] onNavigate threw for "${_}". Falling back. Error:`,
+                A
               );
             }
             return;
           }
           if (typeof document < "u") {
-            const k = document.querySelector(
-              `a[href="${x.replace(/"/g, '\\"')}"]`
+            const A = document.querySelector(
+              `a[href="${_.replace(/"/g, '\\"')}"]`
             );
-            if (k) {
-              k.click();
+            if (A) {
+              A.click();
               return;
             }
           }
           if (typeof window < "u" && typeof history < "u")
             try {
-              history.pushState({}, "", x), window.dispatchEvent(new PopStateEvent("popstate"));
-            } catch (k) {
+              history.pushState({}, "", _), window.dispatchEvent(new PopStateEvent("popstate"));
+            } catch (A) {
               console.warn(
-                `[LiveLayer] history.pushState fallback failed for "${x}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
-                k
+                `[LiveLayer] history.pushState fallback failed for "${_}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
+                A
               );
             }
           return;
         }
         if (f.type === "scroll_to") {
-          if (!ae("scroll")) {
-            ce("scroll_to", "scroll");
+          if (!ce("scroll")) {
+            se("scroll_to", "scroll");
             return;
           }
-          const x = typeof f.selector == "string" ? f.selector : null;
-          if (!x) return;
-          const k = f.behavior === "instant" ? "instant" : "smooth";
-          if (Je.current) {
+          const _ = typeof f.selector == "string" ? f.selector : null;
+          if (!_) return;
+          const A = f.behavior === "instant" ? "instant" : "smooth";
+          if (nt.current) {
             try {
-              Je.current(
-                x,
-                k
+              nt.current(
+                _,
+                A
               );
-            } catch (P) {
-              console.warn("[LiveLayer] onScrollToSelector threw.", P);
+            } catch (T) {
+              console.warn("[LiveLayer] onScrollToSelector threw.", T);
             }
             return;
           }
           if (typeof document < "u") {
-            let P = null;
+            let T = null;
             try {
-              P = document.querySelector(x);
+              T = document.querySelector(_);
             } catch {
               console.warn(
-                `[LiveLayer] scroll_to: invalid selector "${x}".`
+                `[LiveLayer] scroll_to: invalid selector "${_}".`
               );
               return;
             }
-            if (!P) {
+            if (!T) {
               console.warn(
-                `[LiveLayer] scroll_to: no element matched "${x}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
+                `[LiveLayer] scroll_to: no element matched "${_}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
               );
               return;
             }
-            P.scrollIntoView({
-              behavior: k,
+            T.scrollIntoView({
+              behavior: A,
               block: "start"
             });
           }
           return;
         }
         if (f.type === "request_page_context") {
-          if (!ae("read_page")) {
-            ce("request_page_context", "read_page");
+          if (!ce("read_page")) {
+            se("request_page_context", "read_page");
             return;
           }
-          const x = (ee = Z.current) == null ? void 0 : ee.call(Z), k = (U) => {
-            const j = x, te = j == null ? void 0 : j.localParticipant;
-            if (te != null && te.publishData)
+          const _ = typeof f.requestId == "string" ? f.requestId : void 0, A = (G = te.current) == null ? void 0 : G.call(te), T = (U) => {
+            const j = A, re = j == null ? void 0 : j.localParticipant;
+            if (re != null && re.publishData)
               try {
-                const pe = new TextEncoder().encode(JSON.stringify(U));
-                te.publishData(pe, { reliable: !0 });
-              } catch (pe) {
-                console.warn("[LiveLayer] publishData failed.", pe);
+                const he = _ ? { ...U, requestId: _ } : U, Le = new TextEncoder().encode(JSON.stringify(he));
+                re.publishData(Le, { reliable: !0 });
+              } catch (he) {
+                console.warn("[LiveLayer] publishData failed.", he);
               }
-          }, P = at.current, O = lt.current;
+          }, z = ut.current, B = dt.current;
           try {
-            if (O) {
-              const U = O(P);
+            if (B) {
+              const U = B(z);
               if (U instanceof Promise) {
-                k({ type: "page_context_pending" }), U.then((j) => k({ type: "page_context", context: j })).catch((j) => {
+                T({ type: "page_context_pending" }), U.then((j) => T({ type: "page_context", context: j })).catch((j) => {
                   console.warn(
                     "[LiveLayer] getPageContext rejected; falling back to default walker.",
                     j
-                  ), k({
+                  ), T({
                     type: "page_context",
-                    context: Dt(P)
+                    context: zt(z)
                   });
                 });
                 return;
               }
-              k({ type: "page_context", context: U });
+              T({ type: "page_context", context: U });
               return;
             }
-            k({
+            T({
               type: "page_context",
-              context: Dt(P)
+              context: zt(z)
             });
           } catch (U) {
             console.warn(
               "[LiveLayer] page-context extraction threw. Sending empty context.",
               U
-            ), k({
+            ), T({
               type: "page_context",
-              context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], extras: P }
+              context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: z }
             });
           }
           return;
         }
         if (f.type === "scroll_page") {
-          if (!ae("scroll")) {
-            ce("scroll_page", "scroll");
+          if (!ce("scroll")) {
+            se("scroll_page", "scroll");
             return;
           }
-          const x = f.direction;
-          if (x !== "up" && x !== "down" && x !== "top" && x !== "bottom") {
+          const _ = f.direction;
+          if (_ !== "up" && _ !== "down" && _ !== "top" && _ !== "bottom") {
             console.warn(
-              `[LiveLayer] scroll_page: invalid direction "${String(x)}". Expected up | down | top | bottom.`
+              `[LiveLayer] scroll_page: invalid direction "${String(_)}". Expected up | down | top | bottom.`
             );
             return;
           }
-          const k = f.behavior === "instant" ? "instant" : "smooth";
-          if (Qe.current) {
+          const A = f.behavior === "instant" ? "instant" : "smooth";
+          if (rt.current) {
             try {
-              Qe.current(
-                x,
-                k
+              rt.current(
+                _,
+                A
               );
-            } catch (O) {
-              console.warn("[LiveLayer] onScrollPage threw.", O);
+            } catch (z) {
+              console.warn("[LiveLayer] onScrollPage threw.", z);
             }
             return;
           }
           if (typeof window > "u") return;
-          const P = { behavior: k };
-          x === "up" ? window.scrollBy({ top: -window.innerHeight, ...P }) : x === "down" ? window.scrollBy({ top: window.innerHeight, ...P }) : x === "top" ? window.scrollTo({ top: 0, ...P }) : window.scrollTo({ top: document.body.scrollHeight, ...P });
+          const T = { behavior: A };
+          _ === "up" ? window.scrollBy({ top: -window.innerHeight, ...T }) : _ === "down" ? window.scrollBy({ top: window.innerHeight, ...T }) : _ === "top" ? window.scrollTo({ top: 0, ...T }) : window.scrollTo({ top: document.body.scrollHeight, ...T });
           return;
         }
         if (f.type === "click") {
-          if (!ae("click")) {
-            ce("click", "click");
+          if (!ce("click")) {
+            se("click", "click");
             return;
           }
-          const x = typeof f.selector == "string" ? f.selector : null;
-          if (!x) {
+          const _ = typeof f.selector == "string" ? f.selector : null;
+          if (!_) {
             console.warn("[LiveLayer] click: missing selector.");
             return;
           }
-          if (Ze.current) {
+          if (it.current) {
             try {
-              Ze.current(x);
-            } catch (P) {
-              console.warn("[LiveLayer] onClick threw.", P);
+              it.current(_);
+            } catch (T) {
+              console.warn("[LiveLayer] onClick threw.", T);
             }
             return;
           }
           if (typeof document > "u") return;
-          let k = null;
+          let A = null;
           try {
-            k = document.querySelector(x);
+            A = document.querySelector(_);
           } catch {
             console.warn(
-              `[LiveLayer] click: invalid selector "${x}".`
+              `[LiveLayer] click: invalid selector "${_}".`
             );
             return;
           }
-          if (!k) {
+          if (!A) {
             console.warn(
-              `[LiveLayer] click: no element matched "${x}". See https://livelayer.studio/docs/errors/click-no-match`
+              `[LiveLayer] click: no element matched "${_}". See https://livelayer.studio/docs/errors/click-no-match`
             );
             return;
           }
-          if (k.closest('[data-ll-private="true"], .ll-widget')) {
+          if (A.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               "[LiveLayer] click: refusing to click element inside a private subtree."
             );
             return;
           }
-          (bt = k.click) == null || bt.call(k);
+          (je = A.click) == null || je.call(A);
           return;
         }
         if (f.type === "fill_form" || f.type === "focus_field") {
-          if (!ae("fill_forms")) {
-            ce(f.type, "fill_forms");
+          if (!ce("fill_forms")) {
+            se(f.type, "fill_forms");
             return;
           }
           if (typeof document > "u") return;
-          const x = typeof f.formId == "string" ? f.formId : null;
-          if (!x) {
+          const _ = typeof f.formId == "string" ? f.formId : null;
+          if (!_) {
             console.warn(`[LiveLayer] ${f.type}: missing formId.`);
             return;
           }
-          const k = document.querySelector(
-            `[data-ll-form="${x.replace(/"/g, '\\"')}"]`
+          const A = document.querySelector(
+            `[data-ll-form="${_.replace(/"/g, '\\"')}"]`
           );
-          if (!k) {
+          if (!A) {
             console.warn(
-              `[LiveLayer] ${f.type}: no form with data-ll-form="${x}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
+              `[LiveLayer] ${f.type}: no form with data-ll-form="${_}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
             );
             return;
           }
-          if (k.closest('[data-ll-private="true"], .ll-widget')) {
+          if (A.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               `[LiveLayer] ${f.type}: refusing to touch a form in a private subtree.`
             );
             return;
           }
           if (f.type === "focus_field") {
-            const O = typeof f.fieldName == "string" ? f.fieldName : null;
-            if (!O) {
+            const z = typeof f.fieldName == "string" ? f.fieldName : null;
+            if (!z) {
               console.warn("[LiveLayer] focus_field: missing fieldName.");
               return;
             }
-            const U = k.querySelector(`[data-ll-field="${O.replace(/"/g, '\\"')}"]`);
-            if (!U) {
+            const B = A.querySelector(`[data-ll-field="${z.replace(/"/g, '\\"')}"]`);
+            if (!B) {
               console.warn(
-                `[LiveLayer] focus_field: no field "${O}" in form "${x}".`
+                `[LiveLayer] focus_field: no field "${z}" in form "${_}".`
               );
               return;
             }
-            if (!Ve(U)) {
+            if (!Je(B)) {
               console.warn(
-                `[LiveLayer] focus_field: field "${O}" is privacy-protected and not focusable.`
+                `[LiveLayer] focus_field: field "${z}" is privacy-protected and not focusable.`
               );
               return;
             }
-            U.focus();
+            B.focus();
             return;
           }
-          const P = f.values && typeof f.values == "object" ? f.values : null;
-          if (!P) {
+          const T = f.values && typeof f.values == "object" ? f.values : null;
+          if (!T) {
             console.warn("[LiveLayer] fill_form: missing or invalid values.");
             return;
           }
-          for (const [O, U] of Object.entries(P)) {
-            if (typeof U != "string") continue;
-            const j = k.querySelector(`[data-ll-field="${O.replace(/"/g, '\\"')}"]`);
-            if (!j) {
+          for (const [z, B] of Object.entries(T)) {
+            if (typeof B != "string") continue;
+            const U = A.querySelector(`[data-ll-field="${z.replace(/"/g, '\\"')}"]`);
+            if (!U) {
               console.warn(
-                `[LiveLayer] fill_form: no field "${O}" in form "${x}". Skipping.`
+                `[LiveLayer] fill_form: no field "${z}" in form "${_}". Skipping.`
               );
               continue;
             }
-            if (!Ve(j)) {
+            if (!Je(U)) {
               console.warn(
-                `[LiveLayer] fill_form: field "${O}" is privacy-protected (password / cc-* / private). Skipping.`
+                `[LiveLayer] fill_form: field "${z}" is privacy-protected (password / cc-* / private). Skipping.`
               );
               continue;
             }
             try {
-              sr(j, U);
-            } catch (te) {
+              fr(U, B);
+            } catch (j) {
               console.warn(
-                `[LiveLayer] fill_form: failed to set "${O}".`,
-                te
+                `[LiveLayer] fill_form: failed to set "${z}".`,
+                j
               );
             }
           }
           return;
         }
         if (f.type === "submit_form") {
-          if (!ae("submit_forms")) {
-            ce("submit_form", "submit_forms");
+          if (!ce("submit_forms")) {
+            se("submit_form", "submit_forms");
             return;
           }
           if (typeof document > "u") return;
-          const x = typeof f.formId == "string" ? f.formId : null;
-          if (!x) {
+          const _ = typeof f.formId == "string" ? f.formId : null;
+          if (!_) {
             console.warn("[LiveLayer] submit_form: missing formId.");
             return;
           }
-          const k = document.querySelector(
-            `[data-ll-form="${x.replace(/"/g, '\\"')}"]`
+          const A = document.querySelector(
+            `[data-ll-form="${_.replace(/"/g, '\\"')}"]`
           );
-          if (!k) {
+          if (!A) {
             console.warn(
-              `[LiveLayer] submit_form: no form with data-ll-form="${x}".`
+              `[LiveLayer] submit_form: no form with data-ll-form="${_}".`
             );
             return;
           }
-          if (k.closest('[data-ll-private="true"], .ll-widget')) {
+          if (A.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               "[LiveLayer] submit_form: refusing to submit a form in a private subtree."
             );
             return;
           }
-          const P = (wt = Z.current) == null ? void 0 : wt.call(Z), O = (te) => {
-            const pe = P, Ue = pe == null ? void 0 : pe.localParticipant;
-            if (Ue != null && Ue.publishData)
+          const T = typeof f.requestId == "string" ? f.requestId : void 0, z = (Ve = te.current) == null ? void 0 : Ve.call(te), B = (re) => {
+            const he = z, Le = he == null ? void 0 : he.localParticipant;
+            if (Le != null && Le.publishData)
               try {
-                const Qt = new TextEncoder().encode(JSON.stringify(te));
-                Ue.publishData(Qt, { reliable: !0 });
+                const en = T ? { ...re, requestId: T } : re, tn = new TextEncoder().encode(JSON.stringify(en));
+                Le.publishData(tn, { reliable: !0 });
               } catch {
               }
           };
           let U = !1;
           const j = () => {
-            U = !0, O({ type: "form_submitted", formId: x });
+            U = !0, B({ type: "form_submitted", formId: _ });
           };
-          k.addEventListener("submit", j, { once: !0 });
+          A.addEventListener("submit", j, { once: !0 });
           try {
-            typeof k.requestSubmit == "function" ? k.requestSubmit() : k.submit();
-          } catch (te) {
-            console.warn("[LiveLayer] submit_form: requestSubmit threw.", te), k.removeEventListener("submit", j), O({
+            typeof A.requestSubmit == "function" ? A.requestSubmit() : A.submit();
+          } catch (re) {
+            console.warn("[LiveLayer] submit_form: requestSubmit threw.", re), A.removeEventListener("submit", j), B({
               type: "form_submit_blocked",
-              formId: x,
+              formId: _,
               reason: "exception"
             });
             return;
           }
           setTimeout(() => {
-            U || (k.removeEventListener("submit", j), O({
+            U || (A.removeEventListener("submit", j), B({
               type: "form_submit_blocked",
-              formId: x,
+              formId: _,
               reason: "validation"
             }));
           }, 500);
           return;
         }
         if (f.type === "request_routes") {
-          if (!ae("read_page")) {
-            ce("request_routes", "read_page");
+          if (!ce("read_page")) {
+            se("request_routes", "read_page");
             return;
           }
-          const k = (_t = Z.current) == null ? void 0 : _t.call(Z), P = k == null ? void 0 : k.localParticipant;
-          if (!(P != null && P.publishData)) return;
+          const _ = typeof f.requestId == "string" ? f.requestId : void 0, T = (kt = te.current) == null ? void 0 : kt.call(te), z = T == null ? void 0 : T.localParticipant;
+          if (!(z != null && z.publishData)) return;
           try {
-            const O = lr(), U = new TextEncoder().encode(
-              JSON.stringify({ type: "routes", routes: O })
-            );
-            P.publishData(U, { reliable: !0 });
-          } catch (O) {
-            console.warn("[LiveLayer] request_routes: extractRoutes threw.", O);
+            const B = sr(), U = _ ? { type: "routes", routes: B, requestId: _ } : { type: "routes", routes: B }, j = new TextEncoder().encode(JSON.stringify(U));
+            z.publishData(j, { reliable: !0 });
+          } catch (B) {
+            console.warn("[LiveLayer] request_routes: extractRoutes threw.", B);
           }
           return;
         }
-        dr.has(f.type) || we == null || we(f);
+        pr.has(f.type) || _e == null || _e(f);
       }
     },
-    [we, be]
-  ), F = ln({
-    agentId: B ? "__controlled__" : Ne,
+    [_e, we]
+  ), F = sn({
+    agentId: q ? "__controlled__" : Me,
     baseUrl: i,
     apiKey: r,
     sessionEndpoint: o,
     sessionBody: l,
-    onDataMessage: B ? void 0 : et
+    onDataMessage: q ? void 0 : De
   });
-  I(() => {
-    if (B != null && B.subscribeToDataMessages)
-      return B.subscribeToDataMessages(et);
-  }, [B, et]), Z.current = () => {
-    var v;
-    return (v = F.getRoom) == null ? void 0 : v.call(F);
-  };
-  const b = je(() => B ? {
-    connectionState: B.connectionState,
-    agentState: B.agentState,
-    transcript: B.transcript,
-    videoElement: B.videoElement,
-    audioElement: B.audioElement,
-    canResume: B.canResume,
-    error: B.error,
+  P(() => {
+    if (q != null && q.subscribeToDataMessages)
+      return q.subscribeToDataMessages(De);
+  }, [q, De]), te.current = () => {
+    var m;
+    return (m = F.getRoom) == null ? void 0 : m.call(F);
+  }, P(() => {
+    var G;
+    if (typeof window > "u") return;
+    const m = ((G = window.location) == null ? void 0 : G.hostname) || "";
+    if (m === "localhost" || m === "127.0.0.1" || m === "0.0.0.0" || m.endsWith(".local") || m.endsWith(".test"))
+      return window.__livelayerSimulateCommand = (je) => {
+        try {
+          De(je);
+        } catch (Ve) {
+          console.warn("[LiveLayer] simulate-command threw:", Ve);
+        }
+      }, () => {
+        delete window.__livelayerSimulateCommand;
+      };
+  }, [De]);
+  const b = Ke(() => q ? {
+    connectionState: q.connectionState,
+    agentState: q.agentState,
+    transcript: q.transcript,
+    videoElement: q.videoElement,
+    audioElement: q.audioElement,
+    canResume: q.canResume,
+    error: q.error,
     agentConfig: null,
     connect: async () => {
-      await B.onConnect();
+      await q.onConnect();
     },
-    disconnect: () => B.onDisconnect(),
+    disconnect: () => q.onDisconnect(),
     // Dummy getRoom for shape compatibility — controlled consumers own the Room.
     // Internal session's getRoom returns null when no real connect has happened,
     // so we reuse its reference for type consistency.
@@ -2237,197 +2249,199 @@ function ur(e) {
     disconnect: F.disconnect,
     getRoom: F.getRoom,
     isControlled: !1
-  }, [B, F]), st = R(null);
-  I(() => {
-    const v = b.videoElement, f = st.current;
-    if (!(!v || !f))
-      return f.appendChild(v), () => {
-        v.parentNode === f && f.removeChild(v);
+  }, [q, F]), ft = M(null);
+  P(() => {
+    const m = b.videoElement, f = ft.current;
+    if (!(!m || !f))
+      return f.appendChild(m), () => {
+        m.parentNode === f && f.removeChild(m);
       };
-  }, [b.videoElement]), I(() => {
-    const v = b.audioElement;
-    if (!v) return;
-    oe.attach(v);
-    const f = v.play();
-    return f && typeof f.catch == "function" && f.catch((ee) => {
-      (ee == null ? void 0 : ee.name) === "NotAllowedError" && xe(!0);
+  }, [b.videoElement]), P(() => {
+    const m = b.audioElement;
+    if (!m) return;
+    le.attach(m);
+    const f = m.play();
+    return f && typeof f.catch == "function" && f.catch((G) => {
+      (G == null ? void 0 : G.name) === "NotAllowedError" && ke(!0);
     }), () => {
-      oe.detach();
+      le.detach();
     };
-  }, [b.audioElement]), I(() => {
+  }, [b.audioElement]), P(() => {
     if (b.isControlled || b.connectionState !== "connected") return;
-    const v = b.getRoom();
-    if (v)
-      return V.setupMic(v).catch(() => {
-      }), G.attachRoom(v), le.attachRoom(v), Ae.refresh(), () => {
-        V.teardownMic(), G.teardown(), le.teardown();
+    const m = b.getRoom();
+    if (m)
+      return Y.setupMic(m).catch(() => {
+      }), X.attachRoom(m), ae.attachRoom(m), Re.refresh(), () => {
+        Y.teardownMic(), X.teardown(), ae.teardown();
       };
-  }, [b.isControlled, b.connectionState]), I(() => {
-    const v = b.audioElement;
-    v && (v.muted = Ke);
-  }, [b.audioElement, Ke]);
-  const Ut = _((v) => {
+  }, [b.isControlled, b.connectionState]), P(() => {
+    const m = b.audioElement;
+    m && (m.muted = et);
+  }, [b.audioElement, et]);
+  const Ft = x((m) => {
     const f = b.getRoom();
     if (f)
       try {
-        const ee = new TextEncoder().encode(
-          JSON.stringify({ type: "user_message", text: v })
+        const G = new TextEncoder().encode(
+          JSON.stringify({ type: "user_message", text: m })
         );
-        f.localParticipant.publishData(ee, { reliable: !0 });
+        f.localParticipant.publishData(G, { reliable: !0 });
       } catch {
       }
-  }, [b]), Ft = _(() => {
-    Bt((v) => !v);
+  }, [b]), Wt = x(() => {
+    Ut((m) => !m);
   }, []);
-  I(() => {
-    ve == null || ve(b.connectionState), b.connectionState === "connected" ? ue == null || ue() : b.connectionState === "disconnected" && (me == null || me());
-  }, [b.connectionState, ue, me, ve]), I(() => {
-    ge == null || ge(b.transcript);
-  }, [b.transcript, ge]), I(() => {
-    ye == null || ye(b.agentState);
-  }, [b.agentState, ye]);
-  const dt = R(!1);
-  I(() => {
-    b.isControlled || !s || dt.current || Se && b.connectionState === "idle" && (dt.current = !0, b.connect());
-  }, [s, b.connectionState, b, Se]);
-  const qt = _(
-    (v) => {
-      const f = E == null ? void 0 : E.find((ee) => ee.id === v);
-      f && (q(!1), v !== Q && (Re(!0), b.disconnect(), re || _e(v), z == null || z(f)));
+  P(() => {
+    be == null || be(b.connectionState), b.connectionState === "connected" ? fe == null || fe() : b.connectionState === "disconnected" && (ge == null || ge());
+  }, [b.connectionState, fe, ge, be]), P(() => {
+    ye == null || ye(b.transcript);
+  }, [b.transcript, ye]), P(() => {
+    ve == null || ve(b.agentState);
+  }, [b.agentState, ve]);
+  const pt = M(!1);
+  P(() => {
+    b.isControlled || !s || pt.current || Ie && b.connectionState === "idle" && (pt.current = !0, b.connect());
+  }, [s, b.connectionState, b, Ie]);
+  const jt = x(
+    (m) => {
+      const f = L == null ? void 0 : L.find((G) => G.id === m);
+      f && (W(!1), m !== ee && (Pe(!0), b.disconnect(), ie || xe(m), H == null || H(f)));
     },
     [
-      E,
-      Q,
+      L,
+      ee,
       b,
-      re,
-      z
+      ie,
+      H
     ]
   );
-  I(() => {
-    Me && b.connectionState === "connected" && Re(!1);
-  }, [b.connectionState, Me]), I(() => {
+  P(() => {
+    Te && b.connectionState === "connected" && Pe(!1);
+  }, [b.connectionState, Te]), P(() => {
     if (!h) return;
-    const v = (f) => {
-      f.key === "Escape" && q(!1);
+    const m = (f) => {
+      f.key === "Escape" && W(!1);
     };
-    return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
+    return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
   }, [h]);
-  const jt = !!M || !!(W != null && W.avatarImageUrl) || b.isControlled, tt = pn(Ne, i, jt), nt = (W == null ? void 0 : W.name) ?? D ?? ((pt = b.agentConfig) == null ? void 0 : pt.name) ?? ((ht = tt.info) == null ? void 0 : ht.name) ?? "Live Layer", ut = (W == null ? void 0 : W.avatarImageUrl) ?? M ?? ((mt = b.agentConfig) == null ? void 0 : mt.avatarImageUrl) ?? ((gt = tt.info) == null ? void 0 : gt.avatarImageUrl) ?? null, Wt = T ?? ((yt = b.agentConfig) == null ? void 0 : yt.idleLoopUrl) ?? ((vt = tt.info) == null ? void 0 : vt.idleLoopUrl) ?? null, Vt = $ ?? null, Yt = _(() => Y("expanded"), [Y]), Gt = _(
-    () => Y("minimized"),
-    [Y]
-  ), ft = _(() => {
-    b.disconnect(), Y("hidden");
-  }, [b, Y]), Kt = _(() => {
-    const v = b.audioElement;
-    v && v.play().then(() => xe(!1)).catch(() => {
+  const Vt = !!I || !!(V != null && V.avatarImageUrl) || b.isControlled, $e = gn(Me, i, Vt);
+  Ne === void 0 && ((gt = $e.info) != null && gt.capabilities) && (ot.current = $e.info.capabilities);
+  const lt = (V == null ? void 0 : V.name) ?? D ?? ((yt = b.agentConfig) == null ? void 0 : yt.name) ?? ((vt = $e.info) == null ? void 0 : vt.name) ?? "Live Layer", ht = (V == null ? void 0 : V.avatarImageUrl) ?? I ?? ((bt = b.agentConfig) == null ? void 0 : bt.avatarImageUrl) ?? ((wt = $e.info) == null ? void 0 : wt.avatarImageUrl) ?? null, Yt = R ?? ((_t = b.agentConfig) == null ? void 0 : _t.idleLoopUrl) ?? ((xt = $e.info) == null ? void 0 : xt.idleLoopUrl) ?? null, Gt = $ ?? null, Kt = x(() => K("expanded"), [K]), Xt = x(
+    () => K("minimized"),
+    [K]
+  ), mt = x(() => {
+    b.disconnect(), K("hidden");
+  }, [b, K]), Jt = x(() => {
+    const m = b.audioElement;
+    m && m.play().then(() => ke(!1)).catch(() => {
     });
-  }, [b.audioElement]), Xt = _(() => {
-    xe(!1), b.connect();
-  }, [b]), Te = {
-    ...Oe,
-    zIndex: Be
+  }, [b.audioElement]), Qt = x(() => {
+    ke(!1), b.connect();
+  }, [b]), ze = {
+    ...Fe,
+    zIndex: We
   };
-  m.primaryColor && (Te["--ll-color-primary"] = m.primaryColor), m.accentColor && (Te["--ll-color-accent"] = m.accentColor), m.backgroundColor && (Te["--ll-color-bg"] = m.backgroundColor), m.textColor && (Te["--ll-color-fg"] = m.textColor);
-  const Jt = [
+  g.primaryColor && (ze["--ll-color-primary"] = g.primaryColor), g.accentColor && (ze["--ll-color-accent"] = g.accentColor), g.backgroundColor && (ze["--ll-color-bg"] = g.backgroundColor), g.textColor && (ze["--ll-color-fg"] = g.textColor);
+  const Zt = [
     "ll-widget",
-    `ll-widget--${ie}`,
+    `ll-widget--${oe}`,
     `ll-widget--${ne ? "mobile" : "desktop"}`,
-    Ye
+    Qe
   ].filter(Boolean).join(" ");
-  return Se ? /* @__PURE__ */ L(
+  return Ie ? /* @__PURE__ */ k(
     "div",
     {
-      className: Jt,
-      style: Te,
-      "data-display-mode": ie,
+      className: Zt,
+      style: ze,
+      "data-display-mode": oe,
       "data-position": p,
       children: [
-        ie === "hidden" && /* @__PURE__ */ n(
-          zn,
+        oe === "hidden" && /* @__PURE__ */ n(
+          qn,
           {
             position: p,
             isMobile: ne,
             isSpeaking: b.agentState === "speaking",
-            onExpand: () => Y("expanded"),
-            label: `Open ${nt} widget`
+            onExpand: () => K("expanded"),
+            label: `Open ${lt} widget`
           }
         ),
-        ie === "minimized" && /* @__PURE__ */ n(
-          On,
+        oe === "minimized" && /* @__PURE__ */ n(
+          Un,
           {
             position: p,
             isMobile: ne,
-            agentName: nt,
-            avatarImageUrl: ut,
+            agentName: lt,
+            avatarImageUrl: ht,
             agentState: b.agentState,
-            isMuted: V.isMuted,
-            audioLevel: oe,
-            onExpand: Yt,
-            onToggleMute: V.toggleMute,
-            onClose: ft
+            isMuted: Y.isMuted,
+            audioLevel: le,
+            onExpand: Kt,
+            onToggleMute: Y.toggleMute,
+            onClose: mt
           }
         ),
-        ie === "expanded" && /* @__PURE__ */ n(
-          Un,
+        oe === "expanded" && /* @__PURE__ */ n(
+          Wn,
           {
             position: p,
             isMobile: ne,
-            agentName: nt,
-            avatarImageUrl: ut,
-            idleLoopUrl: Wt,
-            greeting: Vt,
-            branding: m,
-            teamMembers: E,
-            currentTeamMemberId: Q,
-            isSwitchingTeamMember: Me,
+            agentName: lt,
+            avatarImageUrl: ht,
+            idleLoopUrl: Yt,
+            greeting: Gt,
+            branding: g,
+            teamMembers: L,
+            currentTeamMemberId: ee,
+            isSwitchingTeamMember: Te,
             teamSwitcherOpen: h,
-            onToggleTeamSwitcher: () => q((v) => !v),
-            onSelectTeamMember: qt,
+            onToggleTeamSwitcher: () => W((m) => !m),
+            onSelectTeamMember: jt,
             connectionState: b.connectionState,
             agentState: b.agentState,
             transcript: b.transcript,
-            isMuted: V.isMuted,
-            micDevices: Ae.mics,
-            isCameraEnabled: G.isEnabled,
-            cameraPreviewEl: G.previewEl,
-            cameraDevices: Ae.cameras,
-            activeCameraId: G.activeDeviceId,
-            isScreenShareEnabled: le.isEnabled,
-            screenPreviewEl: le.previewEl,
-            isSpeakerMuted: Ke,
-            allowCamera: y,
-            allowScreenShare: C,
+            isMuted: Y.isMuted,
+            micDevices: Re.mics,
+            isCameraEnabled: X.isEnabled,
+            cameraPreviewEl: X.previewEl,
+            cameraDevices: Re.cameras,
+            activeCameraId: X.activeDeviceId,
+            isScreenShareEnabled: ae.isEnabled,
+            screenPreviewEl: ae.previewEl,
+            isSpeakerMuted: et,
+            allowCamera: v,
+            allowScreenShare: E,
             allowTyping: w,
-            languageMenuOpen: ot,
-            onToggleLanguageMenu: () => Ot((v) => !v),
-            needsUserGesture: Ge,
+            languageMenuOpen: st,
+            onToggleLanguageMenu: () => Bt((m) => !m),
+            needsUserGesture: Ze,
             canResume: b.canResume,
-            micError: V.micError,
+            micError: Y.micError,
             error: b.error,
-            avatarVideoContainerRef: st,
+            avatarVideoContainerRef: ft,
             onConnect: () => void b.connect(),
             onDisconnect: () => b.disconnect(),
-            onRetry: Xt,
-            onResumeAudio: Kt,
-            onToggleMute: V.toggleMute,
-            onToggleCamera: () => void G.toggle(),
-            onSwitchCameraDevice: (v) => void G.switchDevice(v),
-            onToggleScreenShare: () => void le.toggle(),
-            onToggleSpeaker: Ft,
-            onSendMessage: Ut,
-            onMinimize: Gt,
-            onClose: ft,
-            onClearMicError: V.clearError
+            onRetry: Qt,
+            onResumeAudio: Jt,
+            onToggleMute: Y.toggleMute,
+            onToggleCamera: () => void X.toggle(),
+            onSwitchCameraDevice: (m) => void X.switchDevice(m),
+            onToggleScreenShare: () => void ae.toggle(),
+            onToggleSpeaker: Wt,
+            onSendMessage: Ft,
+            onMinimize: Xt,
+            onClose: mt,
+            onClearMicError: Y.clearError
           }
         )
       ]
     }
   ) : null;
 }
-function yr(e) {
-  return /* @__PURE__ */ n(on, { children: /* @__PURE__ */ n(ur, { ...e }) });
+function wr(e) {
+  return /* @__PURE__ */ n(cn, { children: /* @__PURE__ */ n(hr, { ...e }) });
 }
-const vr = ({
+const _r = ({
   agentId: e,
   baseUrl: t,
   apiKey: r,
@@ -2436,26 +2450,26 @@ const vr = ({
   className: l,
   style: s
 }) => {
-  const d = R(null), u = R(null), g = R(o);
-  g.current = o;
-  const p = _((a) => {
-    var N;
+  const d = M(null), u = M(null), y = M(o);
+  y.current = o;
+  const p = x((a) => {
+    var S;
     const c = a.detail;
-    (N = g.current) == null || N.call(g, c);
+    (S = y.current) == null || S.call(y, c);
   }, []);
-  return I(() => {
+  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), i && c.setAttribute("mode", i), c.addEventListener("agent-event", p), a.appendChild(c), u.current = c, () => {
       c.removeEventListener("agent-event", p), a.removeChild(c), u.current = null;
     };
-  }, [e]), I(() => {
+  }, [e]), P(() => {
     u.current && (i ? u.current.setAttribute("mode", i) : u.current.removeAttribute("mode"));
   }, [i]), /* @__PURE__ */ n("div", { ref: d, className: l, style: s });
-}, br = rt(
+}, xr = at(
   function({ id: t, intent: r, as: i = "div", className: o, style: l, children: s }, d) {
-    return en(
+    return rn(
       i,
       {
         ref: d,
@@ -2467,7 +2481,7 @@ const vr = ({
       s
     );
   }
-), wr = rt(
+), kr = at(
   function({ id: t, intent: r, children: i, ...o }, l) {
     return /* @__PURE__ */ n(
       "form",
@@ -2480,12 +2494,12 @@ const vr = ({
       }
     );
   }
-), _r = rt(
+), Lr = at(
   function(t, r) {
     const { name: i, label: o, labelClassName: l } = t, s = { name: i, "data-ll-field": i };
     let d;
     if ("as" in t && t.as === "textarea") {
-      const { name: u, label: g, labelClassName: p, as: a, ...c } = t;
+      const { name: u, label: y, labelClassName: p, as: a, ...c } = t;
       d = /* @__PURE__ */ n(
         "textarea",
         {
@@ -2495,18 +2509,18 @@ const vr = ({
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: u, label: g, labelClassName: p, as: a, children: c, ...N } = t;
+      const { name: u, label: y, labelClassName: p, as: a, children: c, ...S } = t;
       d = /* @__PURE__ */ n(
         "select",
         {
           ref: r,
           ...s,
-          ...N,
+          ...S,
           children: c
         }
       );
     } else {
-      const { name: u, label: g, labelClassName: p, as: a, ...c } = t;
+      const { name: u, label: y, labelClassName: p, as: a, ...c } = t;
       d = /* @__PURE__ */ n(
         "input",
         {
@@ -2516,14 +2530,14 @@ const vr = ({
         }
       );
     }
-    return o === void 0 ? d : /* @__PURE__ */ L("label", { className: l, children: [
+    return o === void 0 ? d : /* @__PURE__ */ k("label", { className: l, children: [
       o,
       d
     ] });
   }
 );
-function xr() {
-  const [e, t] = S([]), r = _((o) => {
+function Er() {
+  const [e, t] = C([]), r = x((o) => {
     t((l) => {
       const s = l.findIndex((d) => d.id === o.id);
       if (s >= 0) {
@@ -2532,7 +2546,7 @@ function xr() {
       }
       return [...l, o];
     });
-  }, []), i = _(() => t([]), []);
+  }, []), i = x(() => t([]), []);
   return {
     entries: e,
     pushSegment: r,
@@ -2541,31 +2555,31 @@ function xr() {
   };
 }
 export {
-  yr as AvatarWidget,
-  on as ErrorBoundary,
-  _r as LiveLayerField,
-  wr as LiveLayerForm,
-  br as LiveLayerRegion,
-  vr as LiveLayerWidget,
-  tr as clearPageContextCache,
-  ar as clearRoutesCache,
-  er as extractPageContext,
-  ir as extractRoutes,
-  Dt as getCachedPageContext,
-  lr as getCachedRoutes,
-  Nn as matchesPattern,
-  An as shouldRenderAtPath,
-  pn as useAgentInfo,
-  an as useAudioLevel,
-  dn as useCameraState,
-  gn as useDisplayMode,
-  bn as useDisplayModePersistence,
-  _n as useIsMobile,
-  ln as useLiveKitSession,
-  fn as useMediaDevices,
-  cn as useMicrophoneState,
-  kn as usePathname,
-  Mn as useRouteMatch,
-  un as useScreenShareState,
-  xr as useTranscript
+  wr as AvatarWidget,
+  cn as ErrorBoundary,
+  Lr as LiveLayerField,
+  kr as LiveLayerForm,
+  xr as LiveLayerRegion,
+  _r as LiveLayerWidget,
+  ir as clearPageContextCache,
+  dr as clearRoutesCache,
+  rr as extractPageContext,
+  ar as extractRoutes,
+  zt as getCachedPageContext,
+  sr as getCachedRoutes,
+  Mn as matchesPattern,
+  Rn as shouldRenderAtPath,
+  gn as useAgentInfo,
+  dn as useAudioLevel,
+  pn as useCameraState,
+  bn as useDisplayMode,
+  xn as useDisplayModePersistence,
+  Ln as useIsMobile,
+  sn as useLiveKitSession,
+  mn as useMediaDevices,
+  un as useMicrophoneState,
+  Cn as usePathname,
+  Tn as useRouteMatch,
+  hn as useScreenShareState,
+  Er as useTranscript
 };