@livelayer/react 0.6.2 → 0.8.0

package/dist/index.mjs

@@ -1,9 +1,9 @@
 "use client";
-import { jsxs as x, jsx as n, Fragment as yt } from "react/jsx-runtime";
-import { Component as pn, useState as C, useRef as E, useEffect as N, useCallback as k, useMemo as He, forwardRef as vt, createElement as hn } from "react";
-import { LiveKitSession as mn } from "@livelayer/sdk";
-import { createLocalAudioTrack as gn, Track as Kt, createLocalVideoTrack as yn } from "livekit-client";
-class vn extends pn {
+import { jsxs as b, jsx as n, Fragment as Ct } from "react/jsx-runtime";
+import { Component as kn, useState as S, useRef as C, useEffect as A, useCallback as x, useMemo as Ue, forwardRef as it, useImperativeHandle as Ln, createElement as Sn } from "react";
+import { LiveKitSession as Cn } from "@livelayer/sdk";
+import { createLocalAudioTrack as En, Track as ln, createLocalVideoTrack as Nn } from "livekit-client";
+class An extends kn {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
       this.setState({ hasError: !1, error: null });
@@ -18,7 +18,7 @@ class vn extends pn {
   }
   render() {
     var t;
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ x("div", { className: "ll-error-boundary", role: "alert", children: [
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ b("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,26 +33,26 @@ class vn extends pn {
     ] }) : this.props.children;
   }
 }
-function bn(e) {
-  const [t, r] = C("idle"), [i, o] = C("idle"), [l, c] = C([]), [d, u] = C(null), [h, m] = C(null), [a, s] = C(null), [R, q] = C(!1), [_, w] = C(null), y = E(null), H = E(e.onDataMessage);
-  H.current = e.onDataMessage, N(() => {
-    const S = {
-      onConnectionStateChange: (D) => {
-        r(D), D === "connected" && w(null);
+function Rn(e) {
+  const [t, r] = S("idle"), [i, o] = S("idle"), [l, c] = S([]), [d, u] = S(null), [h, g] = S(null), [a, s] = S(null), [I, z] = S(!1), [N, _] = S(null), w = C(null), E = C(e.onDataMessage);
+  E.current = e.onDataMessage, A(() => {
+    const R = {
+      onConnectionStateChange: (H) => {
+        r(H), H === "connected" && _(null);
       },
       onAgentStateChange: o,
-      onTranscript: (D) => c([...D]),
+      onTranscript: (H) => c([...H]),
       onAgentConfig: u,
-      onAudioTrack: (D) => s(D),
-      onVideoTrack: (D) => m(D),
-      onVideoTrackRemoved: () => m(null),
-      onError: (D) => w(D),
-      onDataMessage: (D) => {
-        var A;
-        (A = H.current) == null || A.call(H, D);
+      onAudioTrack: (H) => s(H),
+      onVideoTrack: (H) => g(H),
+      onVideoTrackRemoved: () => g(null),
+      onError: (H) => _(H),
+      onDataMessage: (H) => {
+        var L;
+        (L = E.current) == null || L.call(E, H);
       },
-      onResumabilityChange: q
-    }, B = new mn(
+      onResumabilityChange: z
+    }, W = new Cn(
       {
         agentId: e.agentId,
         baseUrl: e.baseUrl,
@@ -60,11 +60,11 @@ function bn(e) {
         sessionEndpoint: e.sessionEndpoint,
         sessionBody: e.sessionBody
       },
-      S
+      R
     );
-    return y.current = B, r("idle"), o("idle"), c([]), u(null), m(null), s(null), q(!1), w(null), () => {
-      var D;
-      (D = B.destroy) == null || D.call(B), y.current = null;
+    return w.current = W, r("idle"), o("idle"), c([]), u(null), g(null), s(null), z(!1), _(null), () => {
+      var H;
+      (H = W.destroy) == null || H.call(W), w.current = null;
     };
   }, [
     e.agentId,
@@ -73,20 +73,20 @@ function bn(e) {
     e.sessionEndpoint,
     JSON.stringify(e.sessionBody ?? {})
   ]);
-  const M = k(async () => {
-    const S = y.current;
-    if (S)
+  const M = x(async () => {
+    const R = w.current;
+    if (R)
       try {
-        await S.connect();
-      } catch (B) {
-        throw w(B instanceof Error ? B.message : String(B)), B;
+        await R.connect();
+      } catch (W) {
+        throw _(W instanceof Error ? W.message : String(W)), W;
       }
-  }, []), z = k(() => {
-    const S = y.current;
-    S && S.disconnect();
-  }, []), v = k(() => {
-    var S;
-    return ((S = y.current) == null ? void 0 : S.getRoom()) ?? null;
+  }, []), P = x(() => {
+    const R = w.current;
+    R && R.disconnect();
+  }, []), v = x(() => {
+    var R;
+    return ((R = w.current) == null ? void 0 : R.getRoom()) ?? null;
   }, []);
   return {
     connectionState: t,
@@ -95,16 +95,16 @@ function bn(e) {
     agentConfig: d,
     videoElement: h,
     audioElement: a,
-    canResume: R,
-    error: _,
+    canResume: I,
+    error: N,
     connect: M,
-    disconnect: z,
+    disconnect: P,
     getRoom: v,
-    session: y.current
+    session: w.current
   };
 }
-function wn() {
-  const e = E(null), t = E(null), r = E(null), i = E(null), o = E(/* @__PURE__ */ new Set()), l = E(null), c = k(() => {
+function In() {
+  const e = C(null), t = C(null), r = C(null), i = C(null), o = C(/* @__PURE__ */ new Set()), l = C(null), c = x(() => {
     const a = t.current;
     if (!a) {
       i.current = null;
@@ -115,21 +115,21 @@ function wn() {
     ));
     const s = l.current;
     a.getByteFrequencyData(s);
-    let R = 0;
-    for (let _ = 0; _ < s.length; _++) R += s[_];
-    const q = R / s.length / 255;
-    for (const _ of o.current)
+    let I = 0;
+    for (let N = 0; N < s.length; N++) I += s[N];
+    const z = I / s.length / 255;
+    for (const N of o.current)
       try {
-        _(q);
-      } catch (w) {
-        console.error("[useAudioLevel] subscriber threw:", w);
+        N(z);
+      } catch (_) {
+        console.error("[useAudioLevel] subscriber threw:", _);
       }
     i.current = requestAnimationFrame(c);
-  }, []), d = k(() => {
+  }, []), d = x(() => {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
     const a = new AudioContext(), s = a.createAnalyser();
     s.fftSize = 64, s.connect(a.destination), e.current = a, t.current = s;
-  }, []), u = k(
+  }, []), u = x(
     (a) => {
       if (d(), !(!e.current || !t.current)) {
         if (r.current) {
@@ -150,7 +150,7 @@ function wn() {
       }
     },
     [d, c]
-  ), h = k(() => {
+  ), h = x(() => {
     if (i.current !== null && (cancelAnimationFrame(i.current), i.current = null), r.current) {
       try {
         r.current.disconnect();
@@ -158,10 +158,10 @@ function wn() {
       }
       r.current = null;
     }
-  }, []), m = k((a) => (o.current.add(a), () => {
+  }, []), g = x((a) => (o.current.add(a), () => {
     o.current.delete(a);
   }), []);
-  return N(() => () => {
+  return A(() => () => {
     if (h(), t.current) {
       try {
         t.current.disconnect();
@@ -177,10 +177,10 @@ function wn() {
       e.current = null;
     }
     o.current.clear(), l.current = null;
-  }, [h]), { attach: u, detach: h, subscribe: m };
+  }, [h]), { attach: u, detach: h, subscribe: g };
 }
-function _n() {
-  const [e, t] = C(!1), [r, i] = C(null), o = E(null), l = E(null), c = k(async (m) => {
+function Mn() {
+  const [e, t] = S(!1), [r, i] = S(null), o = C(null), l = C(null), c = x(async (g) => {
     if (o.current && l.current) {
       try {
         await l.current.localParticipant.unpublishTrack(o.current);
@@ -188,31 +188,31 @@ function _n() {
       }
       o.current.stop(), o.current = null;
     }
-    l.current = m, i(null);
+    l.current = g, i(null);
     try {
-      const a = await gn({
+      const a = await En({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await m.localParticipant.publishTrack(a), o.current = a, t(a.isMuted);
+      await g.localParticipant.publishTrack(a), o.current = a, t(a.isMuted);
     } catch (a) {
       const s = a instanceof Error && a.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
       throw i(s), a;
     }
-  }, []), d = k(() => {
-    const m = o.current;
-    m && (m.isMuted ? (m.unmute(), t(!1)) : (m.mute(), t(!0)));
-  }, []), u = k(() => {
-    const m = o.current, a = l.current;
-    if (m && a) {
+  }, []), d = x(() => {
+    const g = o.current;
+    g && (g.isMuted ? (g.unmute(), t(!1)) : (g.mute(), t(!0)));
+  }, []), u = x(() => {
+    const g = o.current, a = l.current;
+    if (g && a) {
       try {
-        a.localParticipant.unpublishTrack(m);
+        a.localParticipant.unpublishTrack(g);
       } catch {
       }
-      m.stop();
+      g.stop();
     }
     o.current = null, l.current = null, t(!1);
-  }, []), h = k(() => i(null), []);
+  }, []), h = x(() => i(null), []);
   return {
     isMuted: e,
     micError: r,
@@ -222,72 +222,72 @@ function _n() {
     clearError: h
   };
 }
-const xn = { resolution: { width: 640, height: 480, frameRate: 24 } };
-function kn() {
-  const [e, t] = C(!1), [r, i] = C(null), [o, l] = C(null), [c, d] = C(""), u = E(null), h = E(null), m = k((y) => {
-    u.current = y;
-  }, []), a = k(() => {
-    const y = u.current, H = h.current;
-    if (H && y) {
-      const M = y.localParticipant.getTrackPublication(Kt.Source.Camera);
+const Tn = { resolution: { width: 640, height: 480, frameRate: 24 } };
+function Dn() {
+  const [e, t] = S(!1), [r, i] = S(null), [o, l] = S(null), [c, d] = S(""), u = C(null), h = C(null), g = x((w) => {
+    u.current = w;
+  }, []), a = x(() => {
+    const w = u.current, E = h.current;
+    if (E && w) {
+      const M = w.localParticipant.getTrackPublication(ln.Source.Camera);
       if (M != null && M.track) {
         try {
-          y.localParticipant.unpublishTrack(M.track);
+          w.localParticipant.unpublishTrack(M.track);
         } catch {
         }
         M.track.stop();
       } else
-        H.stop();
+        E.stop();
     }
     h.current = null, l(null), t(!1);
-  }, []), s = k(async (y) => {
-    const H = u.current;
-    if (H) {
+  }, []), s = x(async (w) => {
+    const E = u.current;
+    if (E) {
       i(null);
       try {
-        const M = { ...xn };
-        y && (M.deviceId = y);
-        const z = await yn(M);
-        await H.localParticipant.publishTrack(z), h.current = z;
-        const v = z.attach();
-        l(v), t(!0), y && d(y);
+        const M = { ...Tn };
+        w && (M.deviceId = w);
+        const P = await Nn(M);
+        await E.localParticipant.publishTrack(P), h.current = P;
+        const v = P.attach();
+        l(v), t(!0), w && d(w);
         try {
-          H.localParticipant.publishData(
+          E.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
             { reliable: !0 }
           );
         } catch {
         }
       } catch (M) {
-        const z = M instanceof Error && M.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
-        i(z);
+        const P = M instanceof Error && M.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+        i(P);
       }
     }
-  }, []), R = k(async () => {
+  }, []), I = x(async () => {
     e ? a() : await s(c || void 0);
-  }, [e, c, a, s]), q = k(async (y) => {
-    a(), await s(y);
-  }, [a, s]), _ = k(() => {
+  }, [e, c, a, s]), z = x(async (w) => {
+    a(), await s(w);
+  }, [a, s]), N = x(() => {
     a(), u.current = null, i(null), d("");
-  }, [a]), w = k(() => i(null), []);
-  return N(() => () => {
+  }, [a]), _ = x(() => i(null), []);
+  return A(() => () => {
     h.current && h.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
     previewEl: o,
     activeDeviceId: c,
-    toggle: R,
-    switchDevice: q,
-    attachRoom: m,
-    teardown: _,
-    clearError: w
+    toggle: I,
+    switchDevice: z,
+    attachRoom: g,
+    teardown: N,
+    clearError: _
   };
 }
-function Ln() {
-  const [e, t] = C(!1), [r, i] = C(null), [o, l] = C(null), c = E(null), d = k((s) => {
+function Pn() {
+  const [e, t] = S(!1), [r, i] = S(null), [o, l] = S(null), c = C(null), d = x((s) => {
     c.current = s;
-  }, []), u = k(() => l(null), []), h = k(async () => {
+  }, []), u = x(() => l(null), []), h = x(async () => {
     const s = c.current;
     if (s) {
       if (e) {
@@ -301,12 +301,12 @@ function Ln() {
       i(null);
       try {
         await s.localParticipant.setScreenShareEnabled(!0);
-        let R = 0;
-        const q = () => {
-          const _ = s.localParticipant.getTrackPublication(Kt.Source.ScreenShare);
-          if (_ != null && _.track) {
-            const w = _.track.attach();
-            l(w), t(!0);
+        let I = 0;
+        const z = () => {
+          const N = s.localParticipant.getTrackPublication(ln.Source.ScreenShare);
+          if (N != null && N.track) {
+            const _ = N.track.attach();
+            l(_), t(!0);
             try {
               s.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
@@ -316,15 +316,15 @@ function Ln() {
             }
             return;
           }
-          R++ < 10 ? setTimeout(q, 100) : t(!0);
+          I++ < 10 ? setTimeout(z, 100) : t(!0);
         };
-        q();
-      } catch (R) {
-        const q = R instanceof Error ? R.name : "";
-        q !== "NotAllowedError" && q !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
+        z();
+      } catch (I) {
+        const z = I instanceof Error ? I.name : "";
+        z !== "NotAllowedError" && z !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
       }
     }
-  }, [e, u]), m = k(() => {
+  }, [e, u]), g = x(() => {
     const s = c.current;
     if (s && e)
       try {
@@ -332,11 +332,11 @@ function Ln() {
       } catch {
       }
     u(), t(!1), i(null), c.current = null;
-  }, [e, u]), a = k(() => i(null), []);
-  return { isEnabled: e, error: r, previewEl: o, toggle: h, attachRoom: d, teardown: m, clearError: a };
+  }, [e, u]), a = x(() => i(null), []);
+  return { isEnabled: e, error: r, previewEl: o, toggle: h, attachRoom: d, teardown: g, clearError: a };
 }
-function Sn() {
-  const [e, t] = C([]), [r, i] = C([]), o = k(async () => {
+function $n() {
+  const [e, t] = S([]), [r, i] = S([]), o = x(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
@@ -344,21 +344,21 @@ function Sn() {
       } catch {
       }
   }, []);
-  return N(() => {
+  return A(() => {
     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 Cn(e, t, r = !1) {
-  const [i, o] = C(null), [l, c] = C(null), [d, u] = C(!r && !!e);
-  return N(() => {
+function zn(e, t, r = !1) {
+  const [i, o] = S(null), [l, c] = S(null), [d, u] = S(!r && !!e);
+  return A(() => {
     if (r || !e) {
       u(!1);
       return;
     }
-    const h = new AbortController(), m = t || "https://app.livelayer.studio";
-    return u(!0), c(null), fetch(`${m}/api/widget/agent/${encodeURIComponent(e)}`, {
+    const h = new AbortController(), g = t || "https://app.livelayer.studio";
+    return u(!0), c(null), fetch(`${g}/api/widget/agent/${encodeURIComponent(e)}`, {
       signal: h.signal
     }).then(async (a) => {
       if (!a.ok) {
@@ -373,7 +373,7 @@ function Cn(e, t, r = !1) {
     }), () => h.abort();
   }, [e, t, r]), { info: i, error: l, loading: d };
 }
-function En(e) {
+function Hn(e) {
   if (typeof window > "u") return null;
   try {
     return window.localStorage.getItem(e);
@@ -381,19 +381,19 @@ function En(e) {
     return null;
   }
 }
-function Nn(e, t) {
+function On(e, t) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(e, t);
     } catch {
     }
 }
-function An({
+function Bn({
   value: e,
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const i = e !== void 0, [o, l] = C(t), c = i ? e : o, d = k(
+  const i = e !== void 0, [o, l] = S(t), c = i ? e : o, d = x(
     (u) => {
       u !== c && (i || l(u), r == null || r(u));
     },
@@ -401,34 +401,34 @@ function An({
   );
   return [c, d];
 }
-const Rn = ["hidden", "minimized", "expanded"];
-function In(e) {
-  return e && Rn.includes(e) ? e : null;
+const Wn = ["hidden", "minimized", "expanded"];
+function qn(e) {
+  return e && Wn.includes(e) ? e : null;
 }
-function Mn({
+function Fn({
   value: e,
   defaultValue: t = "expanded",
   onChange: r,
   persistKey: i = "ll-widget",
   disablePersistence: o = !1
 } = {}) {
-  const l = `${i}:display-mode`, c = E(!1), [d, u] = An({
+  const l = `${i}:display-mode`, c = C(!1), [d, u] = Bn({
     value: e,
     defaultValue: t,
     onChange: (h) => {
-      e === void 0 && !o && Nn(l, h), r == null || r(h);
+      e === void 0 && !o && On(l, h), r == null || r(h);
     }
   });
-  return N(() => {
+  return A(() => {
     if (c.current || (c.current = !0, o || e !== void 0)) return;
-    const h = In(En(l));
+    const h = qn(Hn(l));
     h && h !== d && u(h);
   }, []), [d, u];
 }
-const Tn = 640;
-function Pn(e = Tn) {
-  const [t, r] = C(!1);
-  return N(() => {
+const Un = 640;
+function jn(e = Un) {
+  const [t, r] = S(!1);
+  return A(() => {
     if (e === !1) {
       r(!1);
       return;
@@ -441,75 +441,75 @@ function Pn(e = Tn) {
     });
   }, [e]), t;
 }
-const Pt = "__llHistoryPatched", at = "ll:pathname";
-function Dn() {
-  if (typeof window > "u" || window.history[Pt]) return;
+const qt = "__llHistoryPatched", ht = "ll:pathname";
+function Vn() {
+  if (typeof window > "u" || window.history[qt]) 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(at)), i;
+    return window.dispatchEvent(new Event(ht)), i;
   }, window.history.replaceState = function(...r) {
     const i = t.apply(this, r);
-    return window.dispatchEvent(new Event(at)), i;
-  }, window.history[Pt] = !0;
+    return window.dispatchEvent(new Event(ht)), i;
+  }, window.history[qt] = !0;
 }
-function Dt() {
+function Ft() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
-function $n(e) {
-  const [t, r] = C(
-    () => e ?? Dt()
+function Yn(e) {
+  const [t, r] = S(
+    () => e ?? Ft()
   );
-  return N(() => {
+  return A(() => {
     if (e !== void 0) return;
-    Dn();
-    const i = () => r(Dt());
-    return i(), window.addEventListener("popstate", i), window.addEventListener(at, i), () => {
-      window.removeEventListener("popstate", i), window.removeEventListener(at, i);
+    Vn();
+    const i = () => r(Ft());
+    return i(), window.addEventListener("popstate", i), window.addEventListener(ht, i), () => {
+      window.removeEventListener("popstate", i), window.removeEventListener(ht, i);
     };
   }, [e]), e ?? t;
 }
-const $t = /* @__PURE__ */ new Map(), zn = /[\\^$+?.()|{}[\]]/g;
-function Hn(e) {
-  return e.replace(zn, "\\$&");
+const Ut = /* @__PURE__ */ new Map(), Gn = /[\\^$+?.()|{}[\]]/g;
+function Jn(e) {
+  return e.replace(Gn, "\\$&");
 }
-function On(e) {
-  const t = $t.get(e);
+function Xn(e) {
+  const t = Ut.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 = Hn(l).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(o, "g"), "[^/]+"), u = new RegExp(`^${d}\\/?$`);
-  return $t.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 = Jn(l).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(o, "g"), "[^/]+"), u = new RegExp(`^${d}\\/?$`);
+  return Ut.set(e, u), u;
 }
-function qn(e, t) {
+function Kn(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
-  return On(e).test(r);
+  return Xn(e).test(r);
 }
-function Bn(e, t) {
-  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : qn(e, t);
+function Qn(e, t) {
+  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : Kn(e, t);
 }
-function zt(e, t) {
+function jt(e, t) {
   if (!e || e.length === 0) return !1;
   for (const r of e)
-    if (Bn(r, t)) return !0;
+    if (Qn(r, t)) return !0;
   return !1;
 }
-function Wn(e, t, r) {
-  return e === void 0 ? !0 : zt(r, e) ? !1 : t && t.length > 0 ? zt(t, e) : !0;
+function Zn(e, t, r) {
+  return e === void 0 ? !0 : jt(r, e) ? !1 : t && t.length > 0 ? jt(t, e) : !0;
 }
-function Fn(e, t, r) {
-  return He(
-    () => Wn(e, t, r),
+function er(e, t, r) {
+  return Ue(
+    () => Zn(e, t, r),
     [e, t, r]
   );
 }
-function Un(e) {
+function tr(e) {
   return e === !1 ? { navigate: !1, thinking: !1, action: !1 } : e === void 0 || e === !0 ? { navigate: !0, thinking: !0, action: !0 } : {
     navigate: e.navigate !== !1,
     thinking: e.thinking !== !1,
     action: e.action !== !1
   };
 }
-function jn(e) {
-  const t = He(() => Un(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), i = E(null), o = k(
+function nr(e) {
+  const t = Ue(() => tr(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), i = C(null), o = x(
     (u) => {
       try {
         new Audio(`${r}${u}`).play().catch(() => {
@@ -518,11 +518,11 @@ function jn(e) {
       }
     },
     [r]
-  ), l = k(() => {
+  ), l = x(() => {
     t.navigate && o("/audio/page-change-sound.mp3");
-  }, [t.navigate, o]), c = k(() => {
+  }, [t.navigate, o]), c = x(() => {
     t.action && o("/audio/confirmation-sound.mp3");
-  }, [t.action, o]), d = k(
+  }, [t.action, o]), d = x(
     (u) => {
       if (!t.thinking) {
         if (i.current) {
@@ -553,7 +553,7 @@ function jn(e) {
     },
     [r, t.thinking]
   );
-  return N(() => () => {
+  return A(() => () => {
     if (i.current) {
       try {
         i.current.pause();
@@ -561,12 +561,12 @@ function jn(e) {
       }
       i.current = null;
     }
-  }, []), He(
+  }, []), Ue(
     () => ({ playPageChange: l, playConfirmation: c, setThinking: d }),
     [l, c, d]
   );
 }
-const Ht = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
+const Vt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ b(
   "svg",
   {
     className: t,
@@ -612,7 +612,7 @@ const Ht = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
       }
     )
   }
-), Ot = ({ className: e }) => /* @__PURE__ */ n(
+), Yt = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -630,7 +630,7 @@ const Ht = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
       }
     )
   }
-), Vn = ({ className: e }) => /* @__PURE__ */ n(
+), rr = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -641,12 +641,12 @@ const Ht = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
   }
-), Yn = {
+), ir = {
   left: 180,
   right: 0,
   up: -90,
   down: 90
-}, qt = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
+}, Gt = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
   "svg",
   {
     className: t,
@@ -654,19 +654,19 @@ const Ht = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    style: { transform: `rotate(${Yn[e]}deg)` },
+    style: { transform: `rotate(${ir[e]}deg)` },
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
   }
 );
-function Gn(e) {
+function or(e) {
   return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const Qt = "ll-hidden-tab-center-y", Xn = 5, Bt = 16;
-function Jn() {
+const an = "ll-hidden-tab-center-y", lr = 5, Jt = 16;
+function ar() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(Qt);
+    const e = window.localStorage.getItem(an);
     if (!e) return null;
     const t = Number.parseFloat(e);
     return Number.isFinite(t) ? t : null;
@@ -674,14 +674,14 @@ function Jn() {
     return null;
   }
 }
-function Wt(e) {
+function Xt(e) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(Qt, String(e));
+      window.localStorage.setItem(an, String(e));
     } catch {
     }
 }
-const Kn = ({
+const sr = ({
   position: e,
   isMobile: t,
   isSpeaking: r,
@@ -690,106 +690,106 @@ const Kn = ({
   avatarImageUrl: l,
   agentName: c
 }) => {
-  const d = Gn(e), u = d === "right" ? "left" : "right", h = t ? 80 : 72, m = !!l, [a, s] = C(null), [R, q] = C(!1), _ = E(null), w = E(!1), y = k(
-    (A) => {
-      if (typeof window > "u") return A;
-      const T = h / 2, W = Bt + T, G = window.innerHeight - Bt - T;
-      return G < W ? Math.max(W, A) : Math.max(W, Math.min(G, A));
+  const d = or(e), u = d === "right" ? "left" : "right", h = t ? 80 : 72, g = !!l, [a, s] = S(null), [I, z] = S(!1), N = C(null), _ = C(!1), w = x(
+    (L) => {
+      if (typeof window > "u") return L;
+      const D = h / 2, q = Jt + D, G = window.innerHeight - Jt - D;
+      return G < q ? Math.max(q, L) : Math.max(q, Math.min(G, L));
     },
     [h]
   );
-  N(() => {
-    const A = Jn();
-    s(y(A ?? window.innerHeight / 2));
-    const T = () => {
-      s((W) => W === null ? null : y(W));
+  A(() => {
+    const L = ar();
+    s(w(L ?? window.innerHeight / 2));
+    const D = () => {
+      s((q) => q === null ? null : w(q));
     };
-    return window.addEventListener("resize", T), () => window.removeEventListener("resize", T);
-  }, [y]);
-  const H = k(
-    (A) => {
-      if (!(A.pointerType === "mouse" && A.button !== 0) && a !== null) {
+    return window.addEventListener("resize", D), () => window.removeEventListener("resize", D);
+  }, [w]);
+  const E = x(
+    (L) => {
+      if (!(L.pointerType === "mouse" && L.button !== 0) && a !== null) {
         try {
-          A.currentTarget.setPointerCapture(A.pointerId);
+          L.currentTarget.setPointerCapture(L.pointerId);
         } catch {
         }
-        _.current = {
-          startClientY: A.clientY,
+        N.current = {
+          startClientY: L.clientY,
           startCenterY: a,
           moved: !1
         };
       }
     },
     [a]
-  ), M = k(
-    (A) => {
-      const T = _.current;
-      if (!T) return;
-      const W = A.clientY - T.startClientY;
-      !T.moved && Math.abs(W) > Xn && (T.moved = !0, q(!0)), T.moved && s(y(T.startCenterY + W));
+  ), M = x(
+    (L) => {
+      const D = N.current;
+      if (!D) return;
+      const q = L.clientY - D.startClientY;
+      !D.moved && Math.abs(q) > lr && (D.moved = !0, z(!0)), D.moved && s(w(D.startCenterY + q));
     },
-    [y]
-  ), z = k(
-    (A) => {
-      const T = _.current;
-      if (T) {
+    [w]
+  ), P = x(
+    (L) => {
+      const D = N.current;
+      if (D) {
         try {
-          A.currentTarget.releasePointerCapture(A.pointerId);
+          L.currentTarget.releasePointerCapture(L.pointerId);
         } catch {
         }
-        _.current = null, T.moved && (q(!1), w.current = !0, s((W) => (W !== null && Wt(W), W)));
+        N.current = null, D.moved && (z(!1), _.current = !0, s((q) => (q !== null && Xt(q), q)));
       }
     },
     []
-  ), v = k(() => {
-    if (w.current) {
-      w.current = !1;
+  ), v = x(() => {
+    if (_.current) {
+      _.current = !1;
       return;
     }
     i();
-  }, [i]), S = k(
-    (A) => {
-      if (A.key === "ArrowUp" || A.key === "ArrowDown") {
-        A.preventDefault();
-        const T = A.key === "ArrowUp" ? -8 : 8;
-        s((W) => {
-          if (W === null) return W;
-          const G = y(W + T);
-          return Wt(G), G;
+  }, [i]), R = x(
+    (L) => {
+      if (L.key === "ArrowUp" || L.key === "ArrowDown") {
+        L.preventDefault();
+        const D = L.key === "ArrowUp" ? -8 : 8;
+        s((q) => {
+          if (q === null) return q;
+          const G = w(q + D);
+          return Xt(G), G;
         });
       }
     },
-    [y]
-  ), B = [
+    [w]
+  ), W = [
     "ll-hidden",
     `ll-hidden--${d}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
-    R ? "is-dragging" : null,
-    m ? "ll-hidden--with-avatar" : null
-  ].filter(Boolean).join(" "), D = a === null ? void 0 : { top: `${a - h / 2}px`, transform: "none" };
+    I ? "is-dragging" : null,
+    g ? "ll-hidden--with-avatar" : null
+  ].filter(Boolean).join(" "), H = a === null ? void 0 : { top: `${a - h / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: B,
-      onPointerDown: H,
+      className: W,
+      onPointerDown: E,
       onPointerMove: M,
-      onPointerUp: z,
-      onPointerCancel: z,
+      onPointerUp: P,
+      onPointerCancel: P,
       onClick: v,
-      onKeyDown: S,
+      onKeyDown: R,
       "aria-label": o,
       "data-position": e,
-      style: D,
-      children: m ? (
+      style: H,
+      children: g ? (
         // Layout: tiny chevron flush against the inward edge (peeks out
         // as the click affordance), then the circular avatar photo
         // taking the rest of the tab. Reinforces "this is an
         // avatar-based experience" even when collapsed.
-        /* @__PURE__ */ x(yt, { children: [
+        /* @__PURE__ */ b(Ct, { children: [
           /* @__PURE__ */ n(
-            qt,
+            Gt,
             {
               direction: u,
               className: "ll-hidden__chevron ll-hidden__chevron--mini"
@@ -806,7 +806,7 @@ const Kn = ({
           )
         ] })
       ) : /* @__PURE__ */ n(
-        qt,
+        Gt,
         {
           direction: u,
           className: "ll-hidden__chevron"
@@ -814,7 +814,7 @@ const Kn = ({
       )
     }
   );
-}, Qn = ({
+}, cr = ({
   audioLevel: e,
   bars: t = 20,
   maxHeight: r = 20,
@@ -822,20 +822,20 @@ const Kn = ({
   className: o,
   barClassName: l
 }) => {
-  const c = E(null), d = E([]), u = He(() => {
-    const m = (Math.sqrt(5) - 1) / 2;
-    return Array.from({ length: t }, (a, s) => 0.5 + s * m % 1 * 0.5);
+  const c = C(null), d = C([]), u = Ue(() => {
+    const g = (Math.sqrt(5) - 1) / 2;
+    return Array.from({ length: t }, (a, s) => 0.5 + s * g % 1 * 0.5);
   }, [t]);
-  N(() => e.subscribe((a) => {
+  A(() => e.subscribe((a) => {
     for (let s = 0; s < t; s++) {
-      const R = d.current[s];
-      if (!R) continue;
-      const q = Math.max(i, a * r * u[s]);
-      R.style.height = `${q}px`;
+      const I = d.current[s];
+      if (!I) continue;
+      const z = Math.max(i, a * r * u[s]);
+      I.style.height = `${z}px`;
     }
   }), [e, t, r, i, u]);
   const h = ["ll-waveform", o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: c, className: h, "aria-hidden": "true", children: Array.from({ length: t }, (m, a) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ n("div", { ref: c, className: h, "aria-hidden": "true", children: Array.from({ length: t }, (g, a) => /* @__PURE__ */ n(
     "div",
     {
       ref: (s) => {
@@ -846,7 +846,7 @@ const Kn = ({
     },
     a
   )) });
-}, Zn = ({
+}, dr = ({
   position: e,
   isMobile: t,
   agentName: r,
@@ -863,7 +863,7 @@ const Kn = ({
     className: "ll-minimized ll-minimized--mobile",
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ x(
+    children: /* @__PURE__ */ b(
       "button",
       {
         type: "button",
@@ -883,7 +883,7 @@ const Kn = ({
             )
           ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
           /* @__PURE__ */ n(
-            Qn,
+            cr,
             {
               audioLevel: c,
               bars: 16,
@@ -892,24 +892,24 @@ const Kn = ({
             }
           ),
           /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
-          /* @__PURE__ */ x("div", { className: "ll-minimized__controls", children: [
+          /* @__PURE__ */ b("div", { className: "ll-minimized__controls", children: [
             /* @__PURE__ */ n(
               "span",
               {
                 className: "ll-minimized__btn",
                 role: "button",
                 tabIndex: 0,
-                onClick: (m) => {
-                  m.stopPropagation(), u();
+                onClick: (g) => {
+                  g.stopPropagation(), u();
                 },
-                onKeyDown: (m) => {
-                  (m.key === "Enter" || m.key === " ") && (m.stopPropagation(), m.preventDefault(), u());
+                onKeyDown: (g) => {
+                  (g.key === "Enter" || g.key === " ") && (g.stopPropagation(), g.preventDefault(), u());
                 },
                 "aria-label": l ? "Unmute microphone" : "Mute microphone",
-                children: /* @__PURE__ */ n(Ht, { muted: l, className: "ll-minimized__icon" })
+                children: /* @__PURE__ */ n(Vt, { muted: l, className: "ll-minimized__icon" })
               }
             ),
-            /* @__PURE__ */ n(Ot, { className: "ll-minimized__icon ll-minimized__icon--expand" })
+            /* @__PURE__ */ n(Yt, { className: "ll-minimized__icon ll-minimized__icon--expand" })
           ] })
         ]
       }
@@ -922,7 +922,7 @@ const Kn = ({
     "data-position": e,
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ x("div", { className: "ll-minimized__surface", children: [
+    children: /* @__PURE__ */ b("div", { className: "ll-minimized__surface", children: [
       i ? (
         // eslint-disable-next-line @next/next/no-img-element
         /* @__PURE__ */ n(
@@ -934,11 +934,11 @@ const Kn = ({
           }
         )
       ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
-      /* @__PURE__ */ x("div", { className: "ll-minimized__meta", children: [
+      /* @__PURE__ */ b("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__ */ x("div", { className: "ll-minimized__controls", children: [
+      /* @__PURE__ */ b("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
           "button",
           {
@@ -946,7 +946,7 @@ const Kn = ({
             className: "ll-minimized__btn",
             onClick: u,
             "aria-label": l ? "Unmute microphone" : "Mute microphone",
-            children: /* @__PURE__ */ n(Ht, { muted: l, className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Vt, { muted: l, className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -956,7 +956,7 @@ const Kn = ({
             className: "ll-minimized__btn",
             onClick: d,
             "aria-label": `Expand ${r} widget`,
-            children: /* @__PURE__ */ n(Ot, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Yt, { className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -966,21 +966,21 @@ const Kn = ({
             className: "ll-minimized__btn ll-minimized__btn--close",
             onClick: h,
             "aria-label": "Close widget",
-            children: /* @__PURE__ */ n(Vn, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(rr, { className: "ll-minimized__icon" })
           }
         )
       ] })
     ] })
   }
-), er = ({
+), ur = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
   className: i,
   style: o
 }) => {
-  const [l, c] = C(!1), d = E(e);
-  if (N(() => {
+  const [l, c] = S(!1), d = C(e);
+  if (A(() => {
     d.current !== e && (d.current = e, c(!1));
   }, [e]), !e) return null;
   const u = {
@@ -1010,7 +1010,7 @@ const Kn = ({
       }
     )
   );
-}, tr = ({
+}, fr = ({
   position: e,
   isMobile: t,
   agentName: r,
@@ -1021,132 +1021,136 @@ const Kn = ({
   teamMembers: d,
   currentTeamMemberId: u,
   isSwitchingTeamMember: h,
-  teamSwitcherOpen: m,
+  teamSwitcherOpen: g,
   onToggleTeamSwitcher: a,
   onSelectTeamMember: s,
-  languageMenuOpen: R,
-  onToggleLanguageMenu: q,
-  connectionState: _,
-  agentState: w,
-  transcript: y,
-  canResume: H,
+  languageMenuOpen: I,
+  onToggleLanguageMenu: z,
+  connectionState: N,
+  agentState: _,
+  transcript: w,
+  canResume: E,
   needsUserGesture: M,
-  error: z,
+  error: P,
   isMuted: v,
-  micError: S,
-  micDevices: B,
-  isCameraEnabled: D,
-  cameraPreviewEl: A,
-  cameraDevices: T,
-  activeCameraId: W,
+  micError: R,
+  micDevices: W,
+  isCameraEnabled: H,
+  cameraPreviewEl: L,
+  cameraDevices: D,
+  activeCameraId: q,
   isScreenShareEnabled: G,
-  screenPreviewEl: re,
+  screenPreviewEl: ie,
   isSpeakerMuted: te,
-  allowCamera: xe,
-  allowScreenShare: ce,
-  allowTyping: ge,
-  avatarVideoContainerRef: de,
-  agentVideoEl: K,
-  onConnect: ue,
-  onDisconnect: Le,
-  onRetry: Se,
-  onResumeAudio: Ce,
-  onToggleMute: Ee,
-  onToggleCamera: Ne,
-  onSwitchCameraDevice: Ae,
-  onToggleScreenShare: Re,
-  onToggleSpeaker: V,
-  onSendMessage: Ve,
-  onMinimize: Ye,
-  onClose: Ge,
-  onClearMicError: Xe
+  allowCamera: Ae,
+  allowScreenShare: he,
+  allowTyping: we,
+  showMinimize: ce = !0,
+  chromeless: de = !1,
+  transforming: _e,
+  transformingLabel: je,
+  avatarVideoContainerRef: ot,
+  agentVideoEl: ne,
+  onConnect: Ve,
+  onDisconnect: lt,
+  onRetry: at,
+  onResumeAudio: Ye,
+  onToggleMute: Re,
+  onToggleCamera: Ie,
+  onSwitchCameraDevice: Me,
+  onToggleScreenShare: Te,
+  onToggleSpeaker: De,
+  onSendMessage: xe,
+  onMinimize: ke,
+  onClose: U,
+  onClearMicError: gt
 }) => {
-  var et;
-  const fe = ((d == null ? void 0 : d.length) ?? 0) > 1, ye = _ === "connecting" || _ === "connected", ie = _ === "connected", ct = _ === "idle" || _ === "disconnected" || _ === "error", [pe, Y] = C(!1);
-  N(() => {
-    if (!K) {
-      Y(!1);
+  var He;
+  const Le = ((d == null ? void 0 : d.length) ?? 0) > 1, Pe = N === "connecting" || N === "connected", re = N === "connected", Ge = N === "idle" || N === "disconnected" || N === "error", [Se, $e] = S(!1);
+  A(() => {
+    if (!ne) {
+      $e(!1);
       return;
     }
-    if (!K.paused && K.readyState >= 2) {
-      Y(!0);
+    if (!ne.paused && ne.readyState >= 2) {
+      $e(!0);
       return;
     }
-    Y(!1);
-    const f = () => Y(!0);
-    return K.addEventListener("playing", f), K.addEventListener("loadeddata", f), () => {
-      K.removeEventListener("playing", f), K.removeEventListener("loadeddata", f);
+    $e(!1);
+    const p = () => $e(!0);
+    return ne.addEventListener("playing", p), ne.addEventListener("loadeddata", p), () => {
+      ne.removeEventListener("playing", p), ne.removeEventListener("loadeddata", p);
     };
-  }, [K]);
-  const [Je, ve] = C(!1);
-  N(() => {
-    if (!ie) {
-      ve(!1);
+  }, [ne]);
+  const [yt, me] = S(!1);
+  A(() => {
+    if (!re) {
+      me(!1);
       return;
     }
-    if (pe) return;
-    const f = setTimeout(() => ve(!0), 8e3);
-    return () => clearTimeout(f);
-  }, [ie, pe]);
-  const he = _ === "connecting" || ie && !!i && !pe && !Je, ke = E(null), Ie = E(null);
-  N(() => {
-    const f = ke.current;
-    f && (f.innerHTML = "", A && (A.style.width = "100%", A.style.height = "100%", A.style.objectFit = "cover", A.style.transform = "scaleX(-1)", f.appendChild(A)));
-  }, [A]), N(() => {
-    const f = Ie.current;
-    f && (f.innerHTML = "", re && (re.style.width = "100%", re.style.height = "100%", re.style.objectFit = "contain", f.appendChild(re)));
-  }, [re]);
-  const [Z, ne] = C(!1), [oe, be] = C(!1);
-  N(() => {
-    if (!Z && !oe && !R && !m) return;
-    const f = () => {
-      ne(!1), be(!1), R && q(), m && a();
+    if (Se) return;
+    const p = setTimeout(() => me(!0), 8e3);
+    return () => clearTimeout(p);
+  }, [re, Se]);
+  const K = N === "connecting" || re && !!i && !Se && !yt, Je = C(null), Ce = C(null);
+  A(() => {
+    const p = Je.current;
+    p && (p.innerHTML = "", L && (L.style.width = "100%", L.style.height = "100%", L.style.objectFit = "cover", L.style.transform = "scaleX(-1)", p.appendChild(L)));
+  }, [L]), A(() => {
+    const p = Ce.current;
+    p && (p.innerHTML = "", ie && (ie.style.width = "100%", ie.style.height = "100%", ie.style.objectFit = "contain", p.appendChild(ie)));
+  }, [ie]);
+  const [oe, ee] = S(!1), [ue, ge] = S(!1);
+  A(() => {
+    if (!oe && !ue && !I && !g) return;
+    const p = () => {
+      ee(!1), ge(!1), I && z(), g && a();
     };
-    return document.addEventListener("click", f), () => document.removeEventListener("click", f);
+    return document.addEventListener("click", p), () => document.removeEventListener("click", p);
   }, [
-    Z,
     oe,
-    R,
-    m,
-    q,
+    ue,
+    I,
+    g,
+    z,
     a
   ]);
-  const [Me, Te] = C(""), Oe = k(
-    (f) => {
-      f.preventDefault();
-      const U = Me.trim();
-      U && (Ve(U), Te(""));
+  const [Z, le] = S(""), Ee = x(
+    (p) => {
+      p.preventDefault();
+      const V = Z.trim();
+      V && (xe(V), le(""));
     },
-    [Me, Ve]
-  ), Ke = c.productName || "Live Layer";
-  let le = null, ae = null;
-  for (let f = y.length - 1; f >= 0; f--) {
-    const U = y[f];
-    if (!le && U.role === "agent" ? le = U : !ae && U.role === "user" && (ae = U), le && ae) break;
+    [Z, xe]
+  ), Xe = c.productName || "Live Layer";
+  let ye = null, ae = null;
+  for (let p = w.length - 1; p >= 0; p--) {
+    const V = w[p];
+    if (!ye && V.role === "agent" ? ye = V : !ae && V.role === "user" && (ae = V), ye && ae) break;
   }
-  const Qe = ie ? (le == null ? void 0 : le.text) || null : l || null, Ze = ie && (ae == null ? void 0 : ae.text) || null, qe = [
+  const ze = re ? (ye == null ? void 0 : ye.text) || null : l || null, Ke = re && (ae == null ? void 0 : ae.text) || null, Qe = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ b(
     "div",
     {
-      className: qe,
+      className: Qe,
       "data-position": e,
-      "data-state": ie ? "connected" : ye ? "connecting" : "idle",
+      "data-state": re ? "connected" : Pe ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
-        /* @__PURE__ */ x("div", { className: "ll-expanded__bg", children: [
+        /* @__PURE__ */ b("div", { className: "ll-expanded__bg", children: [
           i ? /* @__PURE__ */ n(
-            er,
+            ur,
             {
               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: ((et = r == null ? void 0 : r.charAt(0)) == null ? void 0 : et.toUpperCase()) || "A" }) }),
-          o && !ie && /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((He = r == null ? void 0 : r.charAt(0)) == null ? void 0 : He.toUpperCase()) || "A" }) }),
+          o && !re && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
@@ -1158,98 +1162,111 @@ const Kn = ({
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { ref: de, className: "ll-expanded__video" }),
-        he && /* @__PURE__ */ x("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        /* @__PURE__ */ n("div", { ref: ot, className: "ll-expanded__video" }),
+        K && /* @__PURE__ */ b("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: h ? "Switching..." : "Connecting..." })
         ] }),
-        M && ie && /* @__PURE__ */ x(
+        M && re && /* @__PURE__ */ b(
           "button",
           {
             type: "button",
             className: "ll-expanded__overlay ll-expanded__overlay--gesture",
-            onClick: Ce,
+            onClick: Ye,
             children: [
               /* @__PURE__ */ n("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("path", { d: "M3 9v6h4l5 5V4L7 9H3zm13.54.12a5 5 0 0 1 0 5.76l-1.41-1.41a3 3 0 0 0 0-2.94L16.54 9.12z" }) }),
               /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: "Tap to enable audio" })
             ]
           }
         ),
-        ye ? /* @__PURE__ */ x("div", { className: "ll-expanded__topbar", children: [
-          /* @__PURE__ */ x("div", { className: "ll-expanded__topbar-left", children: [
-            /* @__PURE__ */ x("div", { className: "ll-expanded__pill-wrap", children: [
-              /* @__PURE__ */ x(
+        _e && /* @__PURE__ */ b(
+          "div",
+          {
+            className: "ll-expanded__overlay ll-expanded__overlay--transforming",
+            role: "status",
+            "aria-live": "polite",
+            "aria-label": je,
+            children: [
+              /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
+              /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: je })
+            ]
+          }
+        ),
+        Pe ? /* @__PURE__ */ b("div", { className: "ll-expanded__topbar", children: [
+          !de && /* @__PURE__ */ b("div", { className: "ll-expanded__topbar-left", children: [
+            /* @__PURE__ */ b("div", { className: "ll-expanded__pill-wrap", children: [
+              /* @__PURE__ */ b(
                 "button",
                 {
                   type: "button",
                   className: "ll-hpill",
-                  onClick: (f) => {
-                    fe && (f.stopPropagation(), a());
+                  onClick: (p) => {
+                    Le && (p.stopPropagation(), a());
                   },
-                  "aria-haspopup": fe ? "listbox" : void 0,
-                  "aria-expanded": fe ? m : void 0,
+                  "aria-haspopup": Le ? "listbox" : void 0,
+                  "aria-expanded": Le ? g : void 0,
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                    fe && /* @__PURE__ */ n(ot, {})
+                    Le && /* @__PURE__ */ n(ft, {})
                   ]
                 }
               ),
-              fe && m && /* @__PURE__ */ n(
+              Le && g && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
-                  onClick: (f) => f.stopPropagation(),
+                  onClick: (p) => p.stopPropagation(),
                   role: "listbox",
-                  children: d == null ? void 0 : d.map((f) => /* @__PURE__ */ x(
+                  children: d == null ? void 0 : d.map((p) => /* @__PURE__ */ b(
                     "button",
                     {
                       type: "button",
-                      className: `ll-hmenu__item ${f.id === u ? "is-active" : ""}`,
-                      onClick: () => s(f.id),
+                      className: `ll-hmenu__item ${p.id === u ? "is-active" : ""}`,
+                      onClick: () => s(p.id),
                       role: "option",
-                      "aria-selected": f.id === u,
+                      "aria-selected": p.id === u,
                       children: [
-                        f.avatarImageUrl && /* @__PURE__ */ n(
+                        p.avatarImageUrl && /* @__PURE__ */ n(
                           "img",
                           {
-                            src: f.avatarImageUrl,
+                            src: p.avatarImageUrl,
                             alt: "",
                             className: "ll-hmenu__avatar"
                           }
                         ),
-                        /* @__PURE__ */ n("span", { className: "ll-hmenu__name", children: f.name }),
-                        f.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: f.role })
+                        /* @__PURE__ */ n("span", { className: "ll-hmenu__name", children: p.name }),
+                        p.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: p.role })
                       ]
                     },
-                    f.id
+                    p.id
                   ))
                 }
               )
             ] }),
-            /* @__PURE__ */ x("div", { className: "ll-expanded__pill-wrap", children: [
-              /* @__PURE__ */ x(
+            /* @__PURE__ */ b("div", { className: "ll-expanded__pill-wrap", children: [
+              /* @__PURE__ */ b(
                 "button",
                 {
                   type: "button",
                   className: "ll-hpill ll-hpill--compact",
-                  onClick: (f) => {
-                    f.stopPropagation(), q();
+                  onClick: (p) => {
+                    p.stopPropagation(), z();
                   },
                   "aria-haspopup": "listbox",
-                  "aria-expanded": R,
+                  "aria-expanded": I,
                   "aria-label": "Language: English",
                   title: "Language: English",
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: "EN" }),
-                    /* @__PURE__ */ n(ot, {})
+                    /* @__PURE__ */ n(ft, {})
                   ]
                 }
               ),
-              R && /* @__PURE__ */ n(
+              I && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
-                  onClick: (f) => f.stopPropagation(),
+                  onClick: (p) => p.stopPropagation(),
                   role: "listbox",
                   children: /* @__PURE__ */ n(
                     "button",
@@ -1267,21 +1284,21 @@ const Kn = ({
             /* @__PURE__ */ n(
               "span",
               {
-                className: `ll-expanded__state ll-expanded__state--${w}`,
-                children: w
+                className: `ll-expanded__state ll-expanded__state--${_}`,
+                children: _
               }
             )
           ] }),
-          /* @__PURE__ */ x("div", { className: "ll-expanded__header-actions", children: [
-            /* @__PURE__ */ n(
+          /* @__PURE__ */ b("div", { className: "ll-expanded__header-actions", children: [
+            ce !== !1 && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-hbtn",
-                onClick: Ye,
+                onClick: ke,
                 "aria-label": "Minimize widget",
                 title: "Minimize",
-                children: /* @__PURE__ */ n(Ut, {})
+                children: /* @__PURE__ */ n(Qt, {})
               }
             ),
             /* @__PURE__ */ n(
@@ -1289,26 +1306,26 @@ const Kn = ({
               {
                 type: "button",
                 className: "ll-hbtn ll-hbtn--danger",
-                onClick: Ge,
+                onClick: U,
                 "aria-label": "End call",
                 title: "End call",
-                children: /* @__PURE__ */ n(Ft, {})
+                children: /* @__PURE__ */ n(Kt, {})
               }
             )
           ] })
         ] }) : (
           // Idle-state header with Live Layer product name + minimize/close
-          /* @__PURE__ */ x("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Ke }),
-            /* @__PURE__ */ x("div", { className: "ll-expanded__header-actions", children: [
-              /* @__PURE__ */ n(
+          /* @__PURE__ */ b("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
+            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Xe }),
+            /* @__PURE__ */ b("div", { className: "ll-expanded__header-actions", children: [
+              ce !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: Ye,
+                  onClick: ke,
                   "aria-label": "Minimize widget",
-                  children: /* @__PURE__ */ n(Ut, {})
+                  children: /* @__PURE__ */ n(Qt, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1316,145 +1333,145 @@ const Kn = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: Ge,
+                  onClick: U,
                   "aria-label": "Close widget",
-                  children: /* @__PURE__ */ n(Ft, {})
+                  children: /* @__PURE__ */ n(Kt, {})
                 }
               )
             ] })
           ] })
         ),
-        ct && /* @__PURE__ */ (() => {
-          const f = H ? "Restart paused session" : _ === "disconnected" ? "Reconnect to agent" : "Start video call", U = H ? "Pick up where you left off" : null;
-          return /* @__PURE__ */ x(yt, { children: [
-            !z && /* @__PURE__ */ x(
+        Ge && /* @__PURE__ */ (() => {
+          const p = E ? "Restart paused session" : N === "disconnected" ? "Reconnect to agent" : "Start video call", V = E ? "Pick up where you left off" : null;
+          return /* @__PURE__ */ b(Ct, { children: [
+            !P && /* @__PURE__ */ b(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
-                onClick: ue,
-                "aria-label": f,
+                onClick: Ve,
+                "aria-label": p,
                 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" }) }) }),
-                  /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: f })
+                  /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: p })
                 ]
               }
             ),
-            /* @__PURE__ */ x("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
+            /* @__PURE__ */ b("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 }) }),
-              U && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: U }),
+              V && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: V }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__cta",
-                  onClick: ue,
-                  "aria-label": f,
-                  children: f
+                  onClick: Ve,
+                  "aria-label": p,
+                  children: p
                 }
               )
             ] })
           ] });
         })(),
-        /* @__PURE__ */ x(
+        /* @__PURE__ */ b(
           "div",
           {
-            className: `ll-expanded__pip ${ye && (D || G) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${Pe && (H || G) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: Ie,
+                  ref: Ce,
                   className: G ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: ke,
-                  className: !G && D ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: Je,
+                  className: !G && H ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        ye ? /* @__PURE__ */ x("div", { className: "ll-expanded__bottom", children: [
-          Qe && /* @__PURE__ */ n(
+        Pe ? /* @__PURE__ */ b("div", { className: "ll-expanded__bottom", children: [
+          ze && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--agent",
               "data-role": "agent",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Qe })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: ze })
             }
           ),
-          Ze && /* @__PURE__ */ n(
+          Ke && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--user",
               "data-role": "user",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Ze })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Ke })
             }
           ),
-          /* @__PURE__ */ x("div", { className: "ll-toolbar", onClick: (f) => f.stopPropagation(), children: [
-            ce && /* @__PURE__ */ n(
+          !de && /* @__PURE__ */ b("div", { className: "ll-toolbar", onClick: (p) => p.stopPropagation(), children: [
+            he && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: `ll-tool ${G ? "is-on" : ""}`,
-                onClick: Re,
+                onClick: Te,
                 "aria-label": G ? "Stop sharing screen" : "Share screen",
                 title: G ? "Stop sharing" : "Share screen",
-                children: /* @__PURE__ */ n(nr, {})
+                children: /* @__PURE__ */ n(pr, {})
               }
             ),
-            xe && /* @__PURE__ */ x("div", { className: "ll-tool-split", children: [
+            Ae && /* @__PURE__ */ b("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${D ? "is-on" : ""}`,
-                  onClick: Ne,
-                  "aria-label": D ? "Turn off camera" : "Turn on camera",
-                  title: D ? "Stop camera" : "Start camera",
-                  children: /* @__PURE__ */ n(rr, {})
+                  className: `ll-tool ll-tool--left ${H ? "is-on" : ""}`,
+                  onClick: Ie,
+                  "aria-label": H ? "Turn off camera" : "Turn on camera",
+                  title: H ? "Stop camera" : "Start camera",
+                  children: /* @__PURE__ */ n(hr, {})
                 }
               ),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--right ${D ? "is-on" : ""}`,
-                  onClick: (f) => {
-                    f.stopPropagation(), be((U) => !U), ne(!1);
+                  className: `ll-tool ll-tool--right ${H ? "is-on" : ""}`,
+                  onClick: (p) => {
+                    p.stopPropagation(), ge((V) => !V), ee(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": oe,
-                  children: /* @__PURE__ */ n(ot, {})
+                  "aria-expanded": ue,
+                  children: /* @__PURE__ */ n(ft, {})
                 }
               ),
-              oe && T.length > 0 && /* @__PURE__ */ n(
-                jt,
+              ue && D.length > 0 && /* @__PURE__ */ n(
+                Zt,
                 {
                   label: "Camera",
-                  devices: T,
-                  activeId: W,
-                  onPick: (f) => {
-                    be(!1), Ae(f);
+                  devices: D,
+                  activeId: q,
+                  onPick: (p) => {
+                    ge(!1), Me(p);
                   }
                 }
               )
             ] }),
-            /* @__PURE__ */ x("div", { className: "ll-tool-split", children: [
+            /* @__PURE__ */ b("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: `ll-tool ll-tool--left ${v ? "is-muted" : ""}`,
-                  onClick: Ee,
+                  onClick: Re,
                   "aria-label": v ? "Unmute microphone" : "Mute microphone",
                   title: v ? "Unmute" : "Mute",
-                  children: /* @__PURE__ */ n(ir, { muted: v })
+                  children: /* @__PURE__ */ n(mr, { muted: v })
                 }
               ),
               /* @__PURE__ */ n(
@@ -1462,22 +1479,22 @@ const Kn = ({
                 {
                   type: "button",
                   className: `ll-tool ll-tool--right ${v ? "is-muted" : ""}`,
-                  onClick: (f) => {
-                    f.stopPropagation(), ne((U) => !U), be(!1);
+                  onClick: (p) => {
+                    p.stopPropagation(), ee((V) => !V), ge(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": Z,
-                  children: /* @__PURE__ */ n(ot, {})
+                  "aria-expanded": oe,
+                  children: /* @__PURE__ */ n(ft, {})
                 }
               ),
-              Z && B.length > 0 && /* @__PURE__ */ n(
-                jt,
+              oe && W.length > 0 && /* @__PURE__ */ n(
+                Zt,
                 {
                   label: "Microphone",
-                  devices: B,
+                  devices: W,
                   activeId: "",
-                  onPick: () => ne(!1)
+                  onPick: () => ee(!1)
                 }
               )
             ] }),
@@ -1486,10 +1503,10 @@ const Kn = ({
               {
                 type: "button",
                 className: `ll-tool ${te ? "is-muted" : ""}`,
-                onClick: V,
+                onClick: De,
                 "aria-label": te ? "Unmute speaker" : "Mute speaker",
                 title: te ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(or, { muted: te })
+                children: /* @__PURE__ */ n(gr, { muted: te })
               }
             ),
             /* @__PURE__ */ n(
@@ -1497,62 +1514,62 @@ const Kn = ({
               {
                 type: "button",
                 className: "ll-tool ll-tool--danger",
-                onClick: Le,
+                onClick: lt,
                 "aria-label": "End conversation",
                 title: "End conversation",
-                children: /* @__PURE__ */ n(ar, {})
+                children: /* @__PURE__ */ n(vr, {})
               }
             )
           ] }),
-          ge && /* @__PURE__ */ x("form", { className: "ll-message-input", onSubmit: Oe, children: [
+          !de && we && /* @__PURE__ */ b("form", { className: "ll-message-input", onSubmit: Ee, children: [
             /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: Me,
-                onChange: (f) => Te(f.target.value),
+                value: Z,
+                onChange: (p) => le(p.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            Me.trim() && /* @__PURE__ */ n(
+            Z.trim() && /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
                 className: "ll-message-input__send",
                 "aria-label": "Send message",
-                children: /* @__PURE__ */ n(lr, {})
+                children: /* @__PURE__ */ n(yr, {})
               }
             )
           ] })
         ] }) : null,
         (() => {
-          if (S && _ !== "error")
-            return /* @__PURE__ */ x("div", { className: "ll-expanded__banner", role: "alert", children: [
-              /* @__PURE__ */ n("span", { children: S }),
+          if (R && N !== "error")
+            return /* @__PURE__ */ b("div", { className: "ll-expanded__banner", role: "alert", children: [
+              /* @__PURE__ */ n("span", { children: R }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__banner-x",
-                  onClick: Xe,
+                  onClick: gt,
                   "aria-label": "Dismiss",
                   children: "×"
                 }
               )
             ] });
-          if (!z || _ !== "error") return null;
-          let f = "Failed to connect", U = "Try again";
-          return z === "MIC_PERMISSION_DENIED" ? f = "Microphone blocked. Allow access to talk." : z === "MIC_NOT_FOUND" ? f = "No microphone found. Plug one in + retry." : z === "MIC_UNAVAILABLE" ? f = "Mic unavailable. Check other apps using it." : z === "AGENT_TIMEOUT" ? f = "Agent didn't pick up. Try again." : z === "CONNECT_FAILED" ? f = "Connection failed. Check your network." : z.length < 80 && (f = z), /* @__PURE__ */ x("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
-            /* @__PURE__ */ n("span", { children: f }),
+          if (!P || N !== "error") return null;
+          let p = "Failed to connect", V = "Try again";
+          return P === "MIC_PERMISSION_DENIED" ? p = "Microphone blocked. Allow access to talk." : P === "MIC_NOT_FOUND" ? p = "No microphone found. Plug one in + retry." : P === "MIC_UNAVAILABLE" ? p = "Mic unavailable. Check other apps using it." : P === "AGENT_TIMEOUT" ? p = "Agent didn't pick up. Try again." : P === "CONNECT_FAILED" ? p = "Connection failed. Check your network." : P.length < 80 && (p = P), /* @__PURE__ */ b("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+            /* @__PURE__ */ n("span", { children: p }),
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: Se,
-                children: U
+                onClick: at,
+                children: V
               }
             )
           ] });
@@ -1561,55 +1578,55 @@ const Kn = ({
     }
   );
 };
-function ot() {
+function ft() {
   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 Ft() {
-  return /* @__PURE__ */ x("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
+function Kt() {
+  return /* @__PURE__ */ b("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function Ut() {
+function Qt() {
   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 nr() {
-  return /* @__PURE__ */ x("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function pr() {
+  return /* @__PURE__ */ b("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__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 rr() {
-  return /* @__PURE__ */ x("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function hr() {
+  return /* @__PURE__ */ b("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("path", { d: "M23 7l-7 5 7 5V7z" }),
     /* @__PURE__ */ n("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
   ] });
 }
-function ir({ muted: e }) {
-  return /* @__PURE__ */ x("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function mr({ muted: e }) {
+  return /* @__PURE__ */ b("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__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 or({ muted: e }) {
-  return /* @__PURE__ */ x("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function gr({ muted: e }) {
+  return /* @__PURE__ */ b("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__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__ */ x(yt, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ b(Ct, { 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 lr() {
-  return /* @__PURE__ */ x("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function yr() {
+  return /* @__PURE__ */ b("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
     /* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
   ] });
 }
-function ar() {
+function vr() {
   return /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "-4 -4 32 32", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: /* @__PURE__ */ n(
     "path",
     {
@@ -1618,7 +1635,7 @@ function ar() {
     }
   ) });
 }
-const jt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ x(
+const Zt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ b(
   "div",
   {
     className: "ll-device-menu",
@@ -1628,7 +1645,7 @@ const jt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */
       /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
       t.map((o, l) => {
         const c = r === o.deviceId;
-        return /* @__PURE__ */ x(
+        return /* @__PURE__ */ b(
           "button",
           {
             type: "button",
@@ -1646,21 +1663,21 @@ const jt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */
       })
     ]
   }
-), sr = [
+), br = [
   '[data-ll-private="true"]',
   ".ll-widget"
 ];
-function bt(e) {
+function Et(e) {
   let t = e;
   for (; t; ) {
-    for (const r of sr)
+    for (const r of br)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
-function st(e) {
-  if (bt(e)) return !1;
+function mt(e) {
+  if (Et(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
     const t = (e.getAttribute("autocomplete") || "").toLowerCase();
@@ -1668,7 +1685,7 @@ function st(e) {
   }
   return !0;
 }
-const lt = 4096, cr = 20, dr = 20, ur = 10, fr = 10, pr = 30, hr = 20, Vt = 500, mr = [
+const pt = 4096, wr = 20, _r = 20, xr = 10, kr = 10, Lr = 30, Sr = 20, en = 500, Cr = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1676,24 +1693,24 @@ const lt = 4096, cr = 20, dr = 20, ur = 10, fr = 10, pr = 30, hr = 20, Vt = 500,
   "noscript",
   "iframe"
 ];
-function Ue(e) {
+function nt(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
-    for (const r of mr)
+    for (const r of Cr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
-function je(e) {
+function rt(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 Yt(e) {
+function tn(e) {
   const t = e.getAttribute("id");
   if (t) {
     const l = document.querySelector(`label[for="${CSS.escape(t)}"]`);
@@ -1706,13 +1723,13 @@ function Yt(e) {
   const o = e.closest("label");
   return o != null && o.textContent ? o.textContent.trim() : "";
 }
-function me(e, t) {
+function pe(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-function De(e) {
+function We(e) {
   return e.length;
 }
-function gr(e, t = {}) {
+function Er(e, t = {}) {
   const r = t.doc ?? (typeof document < "u" ? document : null);
   if (!r)
     return {
@@ -1730,84 +1747,84 @@ function gr(e, t = {}) {
     r.querySelectorAll("[data-ll-region]")
   ), d = [];
   for (const v of c) {
-    if (d.length >= ur) break;
-    if (Ue(v) || !je(v)) continue;
-    const S = v.getAttribute("data-ll-region") ?? "", B = v.getAttribute("data-ll-intent") ?? void 0, D = me(
+    if (d.length >= xr) break;
+    if (nt(v) || !rt(v)) continue;
+    const R = v.getAttribute("data-ll-region") ?? "", W = v.getAttribute("data-ll-intent") ?? void 0, H = pe(
       (v.innerText || v.textContent || "").trim(),
-      Vt * 2
+      en * 2
     );
-    !S || !D || d.push({ id: S, intent: B, text: D });
+    !R || !H || d.push({ id: R, intent: W, text: H });
   }
-  const u = [], h = ["H1", "H2", "H3", "H4", "H5", "H6"], m = Array.from(
+  const u = [], h = ["H1", "H2", "H3", "H4", "H5", "H6"], g = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
-  for (const v of m) {
-    if (Ue(v) || !je(v)) continue;
-    const S = (v.textContent || "").trim();
-    S && u.push(`${v.tagName}: ${me(S, 200)}`);
+  for (const v of g) {
+    if (nt(v) || !rt(v)) continue;
+    const R = (v.textContent || "").trim();
+    R && u.push(`${v.tagName}: ${pe(R, 200)}`);
   }
   const a = Array.from(r.querySelectorAll("p, li"));
   for (const v of a) {
-    if (Ue(v) || !je(v) || h.includes(v.tagName)) continue;
-    const S = (v.textContent || "").trim();
-    S.length > 10 && u.push(me(S, Vt));
+    if (nt(v) || !rt(v) || h.includes(v.tagName)) continue;
+    const R = (v.textContent || "").trim();
+    R.length > 10 && u.push(pe(R, en));
   }
   const s = u.join(`
-`), R = [], q = Array.from(r.querySelectorAll("a[href]"));
-  for (const v of q) {
-    if (R.length >= cr) break;
-    if (Ue(v) || !je(v)) continue;
-    const S = v.getAttribute("href") || "", B = (v.textContent || "").trim();
-    !S || !B || R.push({ href: S, text: me(B, 100) });
+`), I = [], z = Array.from(r.querySelectorAll("a[href]"));
+  for (const v of z) {
+    if (I.length >= wr) break;
+    if (nt(v) || !rt(v)) continue;
+    const R = v.getAttribute("href") || "", W = (v.textContent || "").trim();
+    !R || !W || I.push({ href: R, text: pe(W, 100) });
   }
-  const _ = [], w = Array.from(
+  const N = [], _ = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
-  for (const v of w) {
-    if (_.length >= dr) break;
-    if (Ue(v) || !st(v) || !je(v)) continue;
-    const S = Yt(v), B = v instanceof HTMLInputElement ? v.type : v.tagName.toLowerCase();
-    S && _.push({ label: me(S, 100), type: B });
+  for (const v of _) {
+    if (N.length >= _r) break;
+    if (nt(v) || !mt(v) || !rt(v)) continue;
+    const R = tn(v), W = v instanceof HTMLInputElement ? v.type : v.tagName.toLowerCase();
+    R && N.push({ label: pe(R, 100), type: W });
   }
-  const y = Array.from(
+  const w = Array.from(
     r.querySelectorAll("[data-ll-form]")
-  ), H = [];
-  for (const v of y) {
-    if (H.length >= fr) break;
-    if (bt(v)) continue;
-    const S = v.getAttribute("data-ll-form") || "";
-    if (!S) continue;
-    const B = v.getAttribute("data-ll-intent") || void 0, D = Array.from(
+  ), E = [];
+  for (const v of w) {
+    if (E.length >= kr) break;
+    if (Et(v)) continue;
+    const R = v.getAttribute("data-ll-form") || "";
+    if (!R) continue;
+    const W = v.getAttribute("data-ll-intent") || void 0, H = Array.from(
       v.querySelectorAll(
         "[data-ll-field]"
       )
-    ), A = [];
-    for (const T of D) {
-      if (A.length >= pr) break;
-      if (!st(T)) continue;
-      const W = T.getAttribute("data-ll-field") || "";
-      if (!W) continue;
-      const G = Yt(T) || W, re = T instanceof HTMLInputElement ? T.type : T.tagName.toLowerCase(), te = {
-        name: W,
-        label: me(G, 100),
-        type: re
+    ), L = [];
+    for (const D of H) {
+      if (L.length >= Lr) break;
+      if (!mt(D)) continue;
+      const q = D.getAttribute("data-ll-field") || "";
+      if (!q) continue;
+      const G = tn(D) || q, ie = D instanceof HTMLInputElement ? D.type : D.tagName.toLowerCase(), te = {
+        name: q,
+        label: pe(G, 100),
+        type: ie
       };
-      if (T.required === !0 && (te.required = !0), T instanceof HTMLSelectElement) {
-        const ce = [];
-        for (let ge = 0; ge < T.options.length && !(ce.length >= hr); ge++) {
-          const de = T.options[ge];
-          if (!de || de.disabled) continue;
-          const K = de.value || "", ue = (de.textContent || "").trim() || K;
-          !K && !ue || ce.push({ value: K, label: me(ue, 60) });
+      if (D.required === !0 && (te.required = !0), D instanceof HTMLSelectElement) {
+        const he = [];
+        for (let we = 0; we < D.options.length && !(he.length >= Sr); we++) {
+          const ce = D.options[we];
+          if (!ce || ce.disabled) continue;
+          const de = ce.value || "", _e = (ce.textContent || "").trim() || de;
+          !de && !_e || he.push({ value: de, label: pe(_e, 60) });
         }
-        ce.length > 0 && (te.options = ce);
+        he.length > 0 && (te.options = he);
       }
-      const xe = typeof T.validationMessage == "string" ? T.validationMessage : "";
-      xe && (te.validationMessage = me(xe, 200)), A.push(te);
+      const Ae = typeof D.validationMessage == "string" ? D.validationMessage : "";
+      Ae && (te.validationMessage = pe(Ae, 200)), L.push(te);
     }
-    H.push({ id: S, intent: B, fields: A });
+    E.push({ id: R, intent: W, fields: L });
   }
   const M = {
     url: i,
@@ -1815,31 +1832,31 @@ function gr(e, t = {}) {
     pathname: o,
     regions: d,
     visibleText: s,
-    visibleLinks: R,
-    visibleFields: _,
-    forms: H,
+    visibleLinks: I,
+    visibleFields: N,
+    forms: E,
     extras: e
   };
-  let z = De(JSON.stringify(M.regions)) + De(M.visibleText) + De(JSON.stringify(M.visibleLinks)) + De(JSON.stringify(M.visibleFields));
-  for (; z > lt && M.visibleFields.length > 0; )
-    M.visibleFields.pop(), z = De(JSON.stringify(M.visibleFields));
-  for (; z > lt && M.visibleLinks.length > 0; )
-    M.visibleLinks.pop(), z -= 80;
-  return De(M.visibleText) > lt && (M.visibleText = me(M.visibleText, lt - 100)), M;
-}
-let $e = null;
-function Gt(e, t = {}) {
+  let P = We(JSON.stringify(M.regions)) + We(M.visibleText) + We(JSON.stringify(M.visibleLinks)) + We(JSON.stringify(M.visibleFields));
+  for (; P > pt && M.visibleFields.length > 0; )
+    M.visibleFields.pop(), P = We(JSON.stringify(M.visibleFields));
+  for (; P > pt && M.visibleLinks.length > 0; )
+    M.visibleLinks.pop(), P -= 80;
+  return We(M.visibleText) > pt && (M.visibleText = pe(M.visibleText, pt - 100)), M;
+}
+let qe = null;
+function nn(e, t = {}) {
   const r = Date.now(), o = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if ($e && $e.key === o && r - $e.at < 1e3)
-    return $e.ctx;
-  const l = gr(e, t);
-  return $e = { key: o, at: r, ctx: l }, l;
+  if (qe && qe.key === o && r - qe.at < 1e3)
+    return qe.ctx;
+  const l = Er(e, t);
+  return qe = { key: o, at: r, ctx: l }, l;
 }
-function yr() {
-  $e = null;
+function Nr() {
+  qe = null;
 }
-const vr = 200;
-function br(e) {
+const Ar = 200;
+function Rr(e) {
   const t = String(e.href || "");
   return {
     href: t,
@@ -1849,18 +1866,18 @@ function br(e) {
     description: e.description
   };
 }
-function wr(e) {
+function Ir(e) {
   return !(!e || e.startsWith("#") || e.startsWith("javascript:") || e.startsWith("mailto:") || e.startsWith("tel:"));
 }
-function _r(e) {
+function Mr(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 c of l) {
-    if (o.length >= vr) break;
-    if (bt(c)) continue;
+    if (o.length >= Ar) break;
+    if (Et(c)) continue;
     const d = c.getAttribute("href") || "";
-    if (!wr(d)) continue;
+    if (!Ir(d)) continue;
     let u = d, h = !0;
     try {
       if (typeof window < "u") {
@@ -1872,28 +1889,28 @@ function _r(e) {
     }
     if (i.has(u)) continue;
     i.add(u);
-    const m = (c.textContent || "").trim().slice(0, 120);
-    o.push({ href: u, text: m, internal: h });
+    const g = (c.textContent || "").trim().slice(0, 120);
+    o.push({ href: u, text: g, internal: h });
   }
   return o;
 }
-let ze = null;
-const xr = 5e3;
-function mt() {
+let Fe = null;
+const Tr = 5e3;
+function Lt() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (ze && ze.pathname === t && e - ze.at < xr)
-    return ze.routes;
-  const r = _r();
-  return ze = { at: e, pathname: t, routes: r }, r;
+  if (Fe && Fe.pathname === t && e - Fe.at < Tr)
+    return Fe.routes;
+  const r = Mr();
+  return Fe = { at: e, pathname: t, routes: r }, r;
 }
-function kr() {
-  ze = null;
+function Dr() {
+  Fe = null;
 }
-function Lr(e, t) {
+function Pr(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 $r(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(
@@ -1903,9 +1920,9 @@ function Sr(e, t, r = {}) {
     c ? c.call(e, d) : e.checked = d, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
-  Lr(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  Pr(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
-function Cr() {
+function zr() {
   if (typeof window > "u" || typeof document > "u")
     return !1;
   const e = document.scrollingElement || document.documentElement;
@@ -1913,19 +1930,19 @@ function Cr() {
   const t = window.getComputedStyle(e);
   return !(t.overflowY === "hidden" || t.overflowY === "clip");
 }
-function Er(e) {
+function Hr(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const r = window.getComputedStyle(e).overflowY;
   return !(r !== "auto" && r !== "scroll" || e.scrollHeight <= e.clientHeight + 2);
 }
-function Nr() {
+function Or() {
   if (typeof document > "u") return null;
   const e = Array.from(
     document.querySelectorAll("body, body *")
   );
   let t = null, r = 0;
   for (const i of e) {
-    if (!Er(i)) continue;
+    if (!Hr(i)) continue;
     const o = i.getBoundingClientRect();
     if (o.bottom <= 0 || o.top >= window.innerHeight || o.right <= 0 || o.left >= window.innerWidth || o.width <= 0 || o.height <= 0 || i.closest(".ll-widget")) continue;
     const l = o.width * o.height;
@@ -1933,24 +1950,24 @@ function Nr() {
   }
   return t;
 }
-function Ar() {
+function Br() {
   if (typeof window > "u")
     return null;
-  if (Cr()) return window;
-  const e = Nr();
+  if (zr()) return window;
+  const e = Or();
   return e || window;
 }
-function Xt(e) {
+function rn(e) {
   return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
 }
-function Rr(e) {
+function Wr(e) {
   var t, r;
   return e instanceof Window ? typeof document > "u" ? 0 : Math.max(
     ((t = document.body) == null ? void 0 : t.scrollHeight) ?? 0,
     ((r = document.documentElement) == null ? void 0 : r.scrollHeight) ?? 0
   ) : e.scrollHeight - e.clientHeight;
 }
-const Ir = /* @__PURE__ */ new Set([
+const qr = /* @__PURE__ */ new Set([
   "agent_state",
   "avatar_stream_ready",
   "avatar_active",
@@ -1972,747 +1989,780 @@ const Ir = /* @__PURE__ */ new Set([
   "focus_field",
   "submit_form",
   "request_routes"
-]);
-function Mr(e) {
-  var Ct, Et, Nt, At, Rt, It, Mt;
-  const {
-    agentId: t,
-    apiKey: r,
-    baseUrl: i = "https://app.livelayer.studio",
-    sessionEndpoint: o,
-    sessionBody: l,
-    soundEffects: c,
-    autoConnect: d = !1,
-    displayMode: u,
-    defaultDisplayMode: h = "expanded",
-    onDisplayModeChange: m,
-    position: a = "bottom-right",
-    mobileBreakpoint: s = 640,
-    persistKey: R = "ll-widget",
-    disablePersistence: q = !1,
-    teamMembers: _,
-    currentTeamMemberId: w,
-    onTeamMemberChange: y,
-    idleLoopUrl: H,
-    greeting: M,
-    avatarImageUrl: z,
-    agentName: v,
-    branding: S = {},
-    allowCamera: B = !0,
-    allowScreenShare: D = !0,
-    allowTyping: A = !0,
-    showOn: T,
-    hideOn: W,
-    pathname: G,
-    onNavigate: re,
-    onScrollToSelector: te,
-    getPageContext: xe,
-    pageContextExtras: ce,
-    getRoutes: ge,
-    onScrollPage: de,
-    onClick: K,
-    capabilities: ue,
-    onConnect: Le,
-    onDisconnect: Se,
-    onTranscript: Ce,
-    onAgentState: Ee,
-    onConnectionStateChange: Ne,
-    onAgentEvent: Ae,
-    onAgentCommand: Re,
-    controlledSession: V,
-    className: Ve,
-    style: Ye,
-    zIndex: Ge = 2147483647
-  } = e, Xe = $n(G), fe = Fn(Xe, T, W);
-  N(() => {
-    yr(), kr();
-  }, [Xe]);
-  const ye = w !== void 0, [ie, ct] = C(() => {
-    var g;
-    return w ?? ((g = _ == null ? void 0 : _[0]) == null ? void 0 : g.id);
-  }), pe = ye ? w : ie, Y = He(
-    () => (_ == null ? void 0 : _.find((g) => g.id === pe)) ?? null,
-    [_, pe]
-  ), Je = (Y == null ? void 0 : Y.agentId) ?? t, [ve, he] = Mn({
-    value: u,
-    defaultValue: h,
-    onChange: m,
-    persistKey: R,
-    disablePersistence: q
-  }), ke = Pn(s), Ie = wn(), Z = _n(), ne = kn(), oe = Ln(), be = Sn(), [Me, Te] = C(!1), [Oe, Ke] = C(!1), [le, ae] = C(!1), [Qe, Ze] = C(!1), [qe, et] = C(!1), f = jn({ baseUrl: i, config: c }), U = E(f);
-  U.current = f;
-  const tt = E(re), dt = E(te), ut = E(de), ft = E(K), wt = E(xe), _t = E(ce), xt = E(ge), pt = E(ue), se = E(null);
-  tt.current = re, dt.current = te, ut.current = de, ft.current = K, wt.current = xe, _t.current = ce, xt.current = ge, pt.current = ue;
-  function we(g) {
-    const p = pt.current;
-    return p ? p.includes(g) : !0;
-  }
-  function _e(g, p) {
-    console.warn(
-      `[LiveLayer] Agent command "${g}" blocked — capability "${p}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
-    );
-  }
-  const Be = k(
-    (g) => {
-      var ee, rt, it, Tt;
-      const p = g;
-      if (!(!p.type || typeof p.type != "string")) {
-        if (Ae == null || Ae({ eventName: p.type, data: g }), p.type === "navigate") {
-          if (!we("navigate")) {
-            _e("navigate", "navigate");
-            return;
-          }
-          const L = typeof p.href == "string" ? p.href : null;
-          if (!L) {
-            console.warn(
-              `[LiveLayer] Agent emitted "navigate" without href. Skipping. Check your agent's tool schema. See https://livelayer.studio/docs/errors/navigate-missing-href`
-            );
-            return;
-          }
-          if (U.current.playPageChange(), tt.current) {
-            try {
-              tt.current(L);
-            } catch (I) {
+]), sn = it(
+  function(t, r) {
+    var Pt, $t, zt, Ht, Ot, Bt, Wt;
+    const {
+      agentId: i,
+      apiKey: o,
+      baseUrl: l = "https://app.livelayer.studio",
+      sessionEndpoint: c,
+      sessionBody: d,
+      soundEffects: u,
+      experienceMode: h = "WIDGET",
+      autoConnect: g = !1,
+      displayMode: a,
+      defaultDisplayMode: s = "expanded",
+      onDisplayModeChange: I,
+      position: z = "bottom-right",
+      mobileBreakpoint: N = 640,
+      persistKey: _ = "ll-widget",
+      disablePersistence: w = !1,
+      teamMembers: E,
+      currentTeamMemberId: M,
+      onTeamMemberChange: P,
+      idleLoopUrl: v,
+      greeting: R,
+      avatarImageUrl: W,
+      agentName: H,
+      branding: L = {},
+      allowCamera: D = !0,
+      allowScreenShare: q = !0,
+      allowTyping: G = !0,
+      showMinimize: ie = !0,
+      chromeless: te = !1,
+      transforming: Ae = !1,
+      transformingLabel: he = "Transforming…",
+      showOn: we,
+      hideOn: ce,
+      pathname: de,
+      onNavigate: _e,
+      onScrollToSelector: je,
+      getPageContext: ot,
+      pageContextExtras: ne,
+      getRoutes: Ve,
+      onScrollPage: lt,
+      onClick: at,
+      capabilities: Ye,
+      onConnect: Re,
+      onDisconnect: Ie,
+      onTranscript: Me,
+      onAgentState: Te,
+      onConnectionStateChange: De,
+      onAgentEvent: xe,
+      onAgentCommand: ke,
+      controlledSession: U,
+      className: gt,
+      style: Le,
+      zIndex: Pe = 2147483647
+    } = t, re = Yn(de), Ge = er(re, we, ce);
+    A(() => {
+      Nr(), Dr();
+    }, [re]);
+    const Se = M !== void 0, [$e, yt] = S(() => {
+      var m;
+      return M ?? ((m = E == null ? void 0 : E[0]) == null ? void 0 : m.id);
+    }), me = Se ? M : $e, K = Ue(
+      () => (E == null ? void 0 : E.find((m) => m.id === me)) ?? null,
+      [E, me]
+    ), Je = (K == null ? void 0 : K.agentId) ?? i, Ce = h === "EMBEDDED", [oe, ee] = Fn({
+      value: Ce ? "expanded" : a,
+      defaultValue: Ce ? "expanded" : s,
+      onChange: I,
+      persistKey: _,
+      disablePersistence: Ce || w
+    }), ue = jn(N), ge = In(), Z = Mn(), le = Dn(), Ee = Pn(), Xe = $n(), [ye, ae] = S(!1), [ze, Ke] = S(!1), [Qe, He] = S(!1), [p, V] = S(!1), [st, cn] = S(!1), ct = nr({ baseUrl: l, config: u }), dt = C(ct);
+    dt.current = ct;
+    const vt = C(_e), bt = C(je), wt = C(lt), _t = C(at), Nt = C(ot), At = C(ne), Rt = C(Ve), xt = C(Ye), se = C(null);
+    vt.current = _e, bt.current = je, wt.current = lt, _t.current = at, Nt.current = ot, At.current = ne, Rt.current = Ve, xt.current = Ye;
+    function ve(m) {
+      const f = xt.current;
+      return f ? f.includes(m) : !0;
+    }
+    function be(m, f) {
+      console.warn(
+        `[LiveLayer] Agent command "${m}" blocked — capability "${f}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
+      );
+    }
+    const Ze = x(
+      (m) => {
+        var Y, fe, Ne, Oe;
+        const f = m;
+        if (!(!f.type || typeof f.type != "string")) {
+          if (xe == null || xe({ eventName: f.type, data: m }), f.type === "navigate") {
+            if (!ve("navigate")) {
+              be("navigate", "navigate");
+              return;
+            }
+            const k = typeof f.href == "string" ? f.href : null;
+            if (!k) {
               console.warn(
-                `[LiveLayer] onNavigate threw for "${L}". Falling back. Error:`,
-                I
+                `[LiveLayer] Agent emitted "navigate" without href. Skipping. Check your agent's tool schema. See https://livelayer.studio/docs/errors/navigate-missing-href`
               );
+              return;
             }
-            return;
-          }
-          if (typeof document < "u") {
-            const I = document.querySelector(
-              `a[href="${L.replace(/"/g, '\\"')}"]`
-            );
-            if (I) {
-              I.click();
+            if (dt.current.playPageChange(), vt.current) {
+              try {
+                vt.current(k);
+              } catch (T) {
+                console.warn(
+                  `[LiveLayer] onNavigate threw for "${k}". Falling back. Error:`,
+                  T
+                );
+              }
               return;
             }
-          }
-          if (typeof window < "u" && typeof history < "u")
-            try {
-              history.pushState({}, "", L), window.dispatchEvent(new PopStateEvent("popstate"));
-            } catch (I) {
-              console.warn(
-                `[LiveLayer] history.pushState fallback failed for "${L}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
-                I
+            if (typeof document < "u") {
+              const T = document.querySelector(
+                `a[href="${k.replace(/"/g, '\\"')}"]`
               );
+              if (T) {
+                T.click();
+                return;
+              }
             }
-          return;
-        }
-        if (p.type === "scroll_to") {
-          if (!we("scroll")) {
-            _e("scroll_to", "scroll");
+            if (typeof window < "u" && typeof history < "u")
+              try {
+                history.pushState({}, "", k), window.dispatchEvent(new PopStateEvent("popstate"));
+              } catch (T) {
+                console.warn(
+                  `[LiveLayer] history.pushState fallback failed for "${k}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
+                  T
+                );
+              }
             return;
           }
-          const L = typeof p.selector == "string" ? p.selector : null;
-          if (!L) return;
-          const I = p.behavior === "instant" ? "instant" : "smooth";
-          if (dt.current) {
-            try {
-              dt.current(
-                L,
-                I
-              );
-            } catch (O) {
-              console.warn("[LiveLayer] onScrollToSelector threw.", O);
+          if (f.type === "scroll_to") {
+            if (!ve("scroll")) {
+              be("scroll_to", "scroll");
+              return;
+            }
+            const k = typeof f.selector == "string" ? f.selector : null;
+            if (!k) return;
+            const T = f.behavior === "instant" ? "instant" : "smooth";
+            if (bt.current) {
+              try {
+                bt.current(
+                  k,
+                  T
+                );
+              } catch (B) {
+                console.warn("[LiveLayer] onScrollToSelector threw.", B);
+              }
+              return;
+            }
+            if (typeof document < "u") {
+              let B = null;
+              try {
+                B = document.querySelector(k);
+              } catch {
+                console.warn(
+                  `[LiveLayer] scroll_to: invalid selector "${k}".`
+                );
+                return;
+              }
+              if (!B) {
+                console.warn(
+                  `[LiveLayer] scroll_to: no element matched "${k}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
+                );
+                return;
+              }
+              B.scrollIntoView({
+                behavior: T,
+                block: "start"
+              });
             }
             return;
           }
-          if (typeof document < "u") {
-            let O = null;
+          if (f.type === "request_page_context") {
+            if (!ve("read_page")) {
+              be("request_page_context", "read_page");
+              return;
+            }
+            const k = typeof f.requestId == "string" ? f.requestId : void 0, T = (Y = se.current) == null ? void 0 : Y.call(se), B = (j) => {
+              const $ = T, X = $ == null ? void 0 : $.localParticipant;
+              if (X != null && X.publishData)
+                try {
+                  const Q = k ? { ...j, requestId: k } : j, Be = new TextEncoder().encode(JSON.stringify(Q));
+                  X.publishData(Be, { reliable: !0 });
+                } catch (Q) {
+                  console.warn("[LiveLayer] publishData failed.", Q);
+                }
+            }, O = At.current, F = Nt.current;
             try {
-              O = document.querySelector(L);
-            } catch {
+              if (F) {
+                const j = F(O);
+                if (j instanceof Promise) {
+                  B({ type: "page_context_pending" }), j.then(($) => B({ type: "page_context", context: $ })).catch(($) => {
+                    console.warn(
+                      "[LiveLayer] getPageContext rejected; falling back to default walker.",
+                      $
+                    ), B({
+                      type: "page_context",
+                      context: nn(O)
+                    });
+                  });
+                  return;
+                }
+                B({ type: "page_context", context: j });
+                return;
+              }
+              B({
+                type: "page_context",
+                context: nn(O)
+              });
+            } catch (j) {
               console.warn(
-                `[LiveLayer] scroll_to: invalid selector "${L}".`
-              );
+                "[LiveLayer] page-context extraction threw. Sending empty context.",
+                j
+              ), B({
+                type: "page_context",
+                context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: O }
+              });
+            }
+            return;
+          }
+          if (f.type === "scroll_page") {
+            if (!ve("scroll")) {
+              be("scroll_page", "scroll");
               return;
             }
-            if (!O) {
+            const k = f.direction;
+            if (k !== "up" && k !== "down" && k !== "top" && k !== "bottom") {
               console.warn(
-                `[LiveLayer] scroll_to: no element matched "${L}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
+                `[LiveLayer] scroll_page: invalid direction "${String(k)}". Expected up | down | top | bottom.`
               );
               return;
             }
-            O.scrollIntoView({
-              behavior: I,
-              block: "start"
-            });
-          }
-          return;
-        }
-        if (p.type === "request_page_context") {
-          if (!we("read_page")) {
-            _e("request_page_context", "read_page");
-            return;
-          }
-          const L = typeof p.requestId == "string" ? p.requestId : void 0, I = (ee = se.current) == null ? void 0 : ee.call(se), O = (j) => {
-            const P = I, J = P == null ? void 0 : P.localParticipant;
-            if (J != null && J.publishData)
+            const T = f.behavior === "instant" ? "instant" : "smooth";
+            if (wt.current) {
               try {
-                const Q = L ? { ...j, requestId: L } : j, Pe = new TextEncoder().encode(JSON.stringify(Q));
-                J.publishData(Pe, { reliable: !0 });
-              } catch (Q) {
-                console.warn("[LiveLayer] publishData failed.", Q);
-              }
-          }, $ = _t.current, F = wt.current;
-          try {
-            if (F) {
-              const j = F($);
-              if (j instanceof Promise) {
-                O({ type: "page_context_pending" }), j.then((P) => O({ type: "page_context", context: P })).catch((P) => {
-                  console.warn(
-                    "[LiveLayer] getPageContext rejected; falling back to default walker.",
-                    P
-                  ), O({
-                    type: "page_context",
-                    context: Gt($)
-                  });
-                });
-                return;
+                wt.current(
+                  k,
+                  T
+                );
+              } catch ($) {
+                console.warn("[LiveLayer] onScrollPage threw.", $);
               }
-              O({ type: "page_context", context: j });
               return;
             }
-            O({
-              type: "page_context",
-              context: Gt($)
-            });
-          } catch (j) {
-            console.warn(
-              "[LiveLayer] page-context extraction threw. Sending empty context.",
-              j
-            ), O({
-              type: "page_context",
-              context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: $ }
-            });
-          }
-          return;
-        }
-        if (p.type === "scroll_page") {
-          if (!we("scroll")) {
-            _e("scroll_page", "scroll");
+            if (typeof window > "u") return;
+            const B = { behavior: T }, O = Br(), F = ($) => {
+              O instanceof Window ? O.scrollBy({ top: $, ...B }) : O.scrollBy({ top: $, ...B });
+            }, j = ($) => {
+              O instanceof Window ? O.scrollTo({ top: $, ...B }) : O.scrollTo({ top: $, ...B });
+            };
+            k === "up" ? F(-rn(O)) : k === "down" ? F(rn(O)) : j(k === "top" ? 0 : Wr(O));
             return;
           }
-          const L = p.direction;
-          if (L !== "up" && L !== "down" && L !== "top" && L !== "bottom") {
-            console.warn(
-              `[LiveLayer] scroll_page: invalid direction "${String(L)}". Expected up | down | top | bottom.`
-            );
-            return;
-          }
-          const I = p.behavior === "instant" ? "instant" : "smooth";
-          if (ut.current) {
+          if (f.type === "click") {
+            if (!ve("click")) {
+              be("click", "click");
+              return;
+            }
+            const k = typeof f.selector == "string" ? f.selector : null;
+            if (!k) {
+              console.warn("[LiveLayer] click: missing selector.");
+              return;
+            }
+            if (_t.current) {
+              try {
+                _t.current(k);
+              } catch (B) {
+                console.warn("[LiveLayer] onClick threw.", B);
+              }
+              return;
+            }
+            if (typeof document > "u") return;
+            let T = null;
             try {
-              ut.current(
-                L,
-                I
+              T = document.querySelector(k);
+            } catch {
+              console.warn(
+                `[LiveLayer] click: invalid selector "${k}".`
               );
-            } catch (P) {
-              console.warn("[LiveLayer] onScrollPage threw.", P);
+              return;
             }
-            return;
-          }
-          if (typeof window > "u") return;
-          const O = { behavior: I }, $ = Ar(), F = (P) => {
-            $ instanceof Window ? $.scrollBy({ top: P, ...O }) : $.scrollBy({ top: P, ...O });
-          }, j = (P) => {
-            $ instanceof Window ? $.scrollTo({ top: P, ...O }) : $.scrollTo({ top: P, ...O });
-          };
-          L === "up" ? F(-Xt($)) : L === "down" ? F(Xt($)) : j(L === "top" ? 0 : Rr($));
-          return;
-        }
-        if (p.type === "click") {
-          if (!we("click")) {
-            _e("click", "click");
-            return;
-          }
-          const L = typeof p.selector == "string" ? p.selector : null;
-          if (!L) {
-            console.warn("[LiveLayer] click: missing selector.");
-            return;
-          }
-          if (ft.current) {
-            try {
-              ft.current(L);
-            } catch (O) {
-              console.warn("[LiveLayer] onClick threw.", O);
+            if (!T) {
+              console.warn(
+                `[LiveLayer] click: no element matched "${k}". See https://livelayer.studio/docs/errors/click-no-match`
+              );
+              return;
             }
+            if (T.closest('[data-ll-private="true"], .ll-widget')) {
+              console.warn(
+                "[LiveLayer] click: refusing to click element inside a private subtree."
+              );
+              return;
+            }
+            (fe = T.click) == null || fe.call(T);
             return;
           }
-          if (typeof document > "u") return;
-          let I = null;
-          try {
-            I = document.querySelector(L);
-          } catch {
-            console.warn(
-              `[LiveLayer] click: invalid selector "${L}".`
-            );
-            return;
-          }
-          if (!I) {
-            console.warn(
-              `[LiveLayer] click: no element matched "${L}". See https://livelayer.studio/docs/errors/click-no-match`
-            );
-            return;
-          }
-          if (I.closest('[data-ll-private="true"], .ll-widget')) {
-            console.warn(
-              "[LiveLayer] click: refusing to click element inside a private subtree."
-            );
-            return;
-          }
-          (rt = I.click) == null || rt.call(I);
-          return;
-        }
-        if (p.type === "fill_form" || p.type === "focus_field") {
-          if (!we("fill_forms")) {
-            _e(p.type, "fill_forms");
-            return;
-          }
-          if (typeof document > "u") return;
-          p.type === "fill_form" && U.current.playConfirmation();
-          const L = typeof p.formId == "string" ? p.formId : null;
-          if (!L) {
-            console.warn(`[LiveLayer] ${p.type}: missing formId.`);
-            return;
-          }
-          const I = document.querySelector(
-            `[data-ll-form="${L.replace(/"/g, '\\"')}"]`
-          );
-          if (!I) {
-            console.warn(
-              `[LiveLayer] ${p.type}: no form with data-ll-form="${L}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
-            );
-            return;
-          }
-          if (I.closest('[data-ll-private="true"], .ll-widget')) {
-            console.warn(
-              `[LiveLayer] ${p.type}: refusing to touch a form in a private subtree.`
-            );
-            return;
-          }
-          if (p.type === "focus_field") {
-            const $ = typeof p.fieldName == "string" ? p.fieldName : null;
-            if (!$) {
-              console.warn("[LiveLayer] focus_field: missing fieldName.");
+          if (f.type === "fill_form" || f.type === "focus_field") {
+            if (!ve("fill_forms")) {
+              be(f.type, "fill_forms");
+              return;
+            }
+            if (typeof document > "u") return;
+            f.type === "fill_form" && dt.current.playConfirmation();
+            const k = typeof f.formId == "string" ? f.formId : null;
+            if (!k) {
+              console.warn(`[LiveLayer] ${f.type}: missing formId.`);
               return;
             }
-            const F = I.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
-            if (!F) {
+            const T = document.querySelector(
+              `[data-ll-form="${k.replace(/"/g, '\\"')}"]`
+            );
+            if (!T) {
               console.warn(
-                `[LiveLayer] focus_field: no field "${$}" in form "${L}".`
+                `[LiveLayer] ${f.type}: no form with data-ll-form="${k}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
               );
               return;
             }
-            if (!st(F)) {
+            if (T.closest('[data-ll-private="true"], .ll-widget')) {
               console.warn(
-                `[LiveLayer] focus_field: field "${$}" is privacy-protected and not focusable.`
+                `[LiveLayer] ${f.type}: refusing to touch a form in a private subtree.`
               );
               return;
             }
-            F.focus();
-            return;
-          }
-          const O = p.values && typeof p.values == "object" ? p.values : null;
-          if (!O) {
-            console.warn("[LiveLayer] fill_form: missing or invalid values.");
+            if (f.type === "focus_field") {
+              const O = typeof f.fieldName == "string" ? f.fieldName : null;
+              if (!O) {
+                console.warn("[LiveLayer] focus_field: missing fieldName.");
+                return;
+              }
+              const F = T.querySelector(`[data-ll-field="${O.replace(/"/g, '\\"')}"]`);
+              if (!F) {
+                console.warn(
+                  `[LiveLayer] focus_field: no field "${O}" in form "${k}".`
+                );
+                return;
+              }
+              if (!mt(F)) {
+                console.warn(
+                  `[LiveLayer] focus_field: field "${O}" is privacy-protected and not focusable.`
+                );
+                return;
+              }
+              F.focus();
+              return;
+            }
+            const B = f.values && typeof f.values == "object" ? f.values : null;
+            if (!B) {
+              console.warn("[LiveLayer] fill_form: missing or invalid values.");
+              return;
+            }
+            for (const [O, F] of Object.entries(B)) {
+              if (typeof F != "string") continue;
+              const j = T.querySelector(`[data-ll-field="${O.replace(/"/g, '\\"')}"]`);
+              if (!j) {
+                console.warn(
+                  `[LiveLayer] fill_form: no field "${O}" in form "${k}". Skipping.`
+                );
+                continue;
+              }
+              if (!mt(j)) {
+                console.warn(
+                  `[LiveLayer] fill_form: field "${O}" is privacy-protected (password / cc-* / private). Skipping.`
+                );
+                continue;
+              }
+              try {
+                $r(j, F);
+              } catch ($) {
+                console.warn(
+                  `[LiveLayer] fill_form: failed to set "${O}".`,
+                  $
+                );
+              }
+            }
             return;
           }
-          for (const [$, F] of Object.entries(O)) {
-            if (typeof F != "string") continue;
-            const j = I.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
-            if (!j) {
+          if (f.type === "submit_form") {
+            if (!ve("submit_forms")) {
+              be("submit_form", "submit_forms");
+              return;
+            }
+            if (typeof document > "u") return;
+            const k = typeof f.formId == "string" ? f.formId : null;
+            if (!k) {
+              console.warn("[LiveLayer] submit_form: missing formId.");
+              return;
+            }
+            dt.current.playConfirmation();
+            const T = document.querySelector(
+              `[data-ll-form="${k.replace(/"/g, '\\"')}"]`
+            );
+            if (!T) {
               console.warn(
-                `[LiveLayer] fill_form: no field "${$}" in form "${L}". Skipping.`
+                `[LiveLayer] submit_form: no form with data-ll-form="${k}".`
               );
-              continue;
+              return;
             }
-            if (!st(j)) {
+            if (T.closest('[data-ll-private="true"], .ll-widget')) {
               console.warn(
-                `[LiveLayer] fill_form: field "${$}" is privacy-protected (password / cc-* / private). Skipping.`
+                "[LiveLayer] submit_form: refusing to submit a form in a private subtree."
               );
-              continue;
+              return;
             }
+            const B = typeof f.requestId == "string" ? f.requestId : void 0, O = (Ne = se.current) == null ? void 0 : Ne.call(se), F = (X) => {
+              const Q = O, Be = Q == null ? void 0 : Q.localParticipant;
+              if (Be != null && Be.publishData)
+                try {
+                  const _n = B ? { ...X, requestId: B } : X, xn = new TextEncoder().encode(JSON.stringify(_n));
+                  Be.publishData(xn, { reliable: !0 });
+                } catch {
+                }
+            };
+            let j = !1;
+            const $ = () => {
+              j = !0, F({ type: "form_submitted", formId: k });
+            };
+            T.addEventListener("submit", $, { once: !0 });
             try {
-              Sr(j, F);
-            } catch (P) {
-              console.warn(
-                `[LiveLayer] fill_form: failed to set "${$}".`,
-                P
-              );
+              typeof T.requestSubmit == "function" ? T.requestSubmit() : T.submit();
+            } catch (X) {
+              console.warn("[LiveLayer] submit_form: requestSubmit threw.", X), T.removeEventListener("submit", $), F({
+                type: "form_submit_blocked",
+                formId: k,
+                reason: "exception"
+              });
+              return;
             }
-          }
-          return;
-        }
-        if (p.type === "submit_form") {
-          if (!we("submit_forms")) {
-            _e("submit_form", "submit_forms");
-            return;
-          }
-          if (typeof document > "u") return;
-          const L = typeof p.formId == "string" ? p.formId : null;
-          if (!L) {
-            console.warn("[LiveLayer] submit_form: missing formId.");
-            return;
-          }
-          U.current.playConfirmation();
-          const I = document.querySelector(
-            `[data-ll-form="${L.replace(/"/g, '\\"')}"]`
-          );
-          if (!I) {
-            console.warn(
-              `[LiveLayer] submit_form: no form with data-ll-form="${L}".`
-            );
+            setTimeout(() => {
+              j || (T.removeEventListener("submit", $), F({
+                type: "form_submit_blocked",
+                formId: k,
+                reason: "validation"
+              }));
+            }, 500);
             return;
           }
-          if (I.closest('[data-ll-private="true"], .ll-widget')) {
-            console.warn(
-              "[LiveLayer] submit_form: refusing to submit a form in a private subtree."
-            );
-            return;
-          }
-          const O = typeof p.requestId == "string" ? p.requestId : void 0, $ = (it = se.current) == null ? void 0 : it.call(se), F = (J) => {
-            const Q = $, Pe = Q == null ? void 0 : Q.localParticipant;
-            if (Pe != null && Pe.publishData)
+          if (f.type === "request_routes") {
+            if (!ve("read_page")) {
+              be("request_routes", "read_page");
+              return;
+            }
+            const k = typeof f.requestId == "string" ? f.requestId : void 0, B = (Oe = se.current) == null ? void 0 : Oe.call(se), O = B == null ? void 0 : B.localParticipant;
+            if (!(O != null && O.publishData)) return;
+            const F = ($) => {
               try {
-                const un = O ? { ...J, requestId: O } : J, fn = new TextEncoder().encode(JSON.stringify(un));
-                Pe.publishData(fn, { reliable: !0 });
-              } catch {
+                const X = k ? { type: "routes", routes: $, requestId: k } : { type: "routes", routes: $ }, Q = new TextEncoder().encode(JSON.stringify(X));
+                O.publishData(Q, { reliable: !0 });
+              } catch (X) {
+                console.warn("[LiveLayer] request_routes: publishData failed.", X);
               }
-          };
-          let j = !1;
-          const P = () => {
-            j = !0, F({ type: "form_submitted", formId: L });
-          };
-          I.addEventListener("submit", P, { once: !0 });
-          try {
-            typeof I.requestSubmit == "function" ? I.requestSubmit() : I.submit();
-          } catch (J) {
-            console.warn("[LiveLayer] submit_form: requestSubmit threw.", J), I.removeEventListener("submit", P), F({
-              type: "form_submit_blocked",
-              formId: L,
-              reason: "exception"
-            });
-            return;
-          }
-          setTimeout(() => {
-            j || (I.removeEventListener("submit", P), F({
-              type: "form_submit_blocked",
-              formId: L,
-              reason: "validation"
-            }));
-          }, 500);
-          return;
-        }
-        if (p.type === "request_routes") {
-          if (!we("read_page")) {
-            _e("request_routes", "read_page");
-            return;
-          }
-          const L = typeof p.requestId == "string" ? p.requestId : void 0, O = (Tt = se.current) == null ? void 0 : Tt.call(se), $ = O == null ? void 0 : O.localParticipant;
-          if (!($ != null && $.publishData)) return;
-          const F = (P) => {
-            try {
-              const J = L ? { type: "routes", routes: P, requestId: L } : { type: "routes", routes: P }, Q = new TextEncoder().encode(JSON.stringify(J));
-              $.publishData(Q, { reliable: !0 });
-            } catch (J) {
-              console.warn("[LiveLayer] request_routes: publishData failed.", J);
+            }, j = Rt.current;
+            if (j) {
+              try {
+                const $ = j(), X = (Q) => {
+                  if (!Array.isArray(Q)) {
+                    F([]);
+                    return;
+                  }
+                  F(Q.map(Rr).slice(0, 200));
+                };
+                $ instanceof Promise ? $.then(X).catch((Q) => {
+                  console.warn(
+                    "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
+                    Q
+                  ), F(Lt());
+                }) : X($);
+              } catch ($) {
+                console.warn(
+                  "[LiveLayer] getRoutes threw; falling back to DOM walker.",
+                  $
+                ), F(Lt());
+              }
+              return;
             }
-          }, j = xt.current;
-          if (j) {
             try {
-              const P = j(), J = (Q) => {
-                if (!Array.isArray(Q)) {
-                  F([]);
-                  return;
-                }
-                F(Q.map(br).slice(0, 200));
-              };
-              P instanceof Promise ? P.then(J).catch((Q) => {
-                console.warn(
-                  "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
-                  Q
-                ), F(mt());
-              }) : J(P);
-            } catch (P) {
-              console.warn(
-                "[LiveLayer] getRoutes threw; falling back to DOM walker.",
-                P
-              ), F(mt());
+              F(Lt());
+            } catch ($) {
+              console.warn("[LiveLayer] request_routes: extractRoutes threw.", $);
             }
             return;
           }
+          qr.has(f.type) || ke == null || ke(f);
+        }
+      },
+      [ke, xe]
+    ), J = Rn({
+      agentId: U ? "__controlled__" : Je,
+      baseUrl: l,
+      apiKey: o,
+      sessionEndpoint: c,
+      sessionBody: d,
+      onDataMessage: U ? void 0 : Ze
+    });
+    A(() => {
+      if (U != null && U.subscribeToDataMessages)
+        return U.subscribeToDataMessages(Ze);
+    }, [U, Ze]), se.current = () => {
+      var m;
+      return (m = J.getRoom) == null ? void 0 : m.call(J);
+    }, A(() => {
+      var Y;
+      if (typeof window > "u") return;
+      const m = ((Y = window.location) == null ? void 0 : Y.hostname) || "";
+      if (m === "localhost" || m === "127.0.0.1" || m === "0.0.0.0" || m.endsWith(".local") || m.endsWith(".test"))
+        return window.__livelayerSimulateCommand = (fe) => {
           try {
-            F(mt());
-          } catch (P) {
-            console.warn("[LiveLayer] request_routes: extractRoutes threw.", P);
+            Ze(fe);
+          } catch (Ne) {
+            console.warn("[LiveLayer] simulate-command threw:", Ne);
           }
-          return;
+        }, () => {
+          delete window.__livelayerSimulateCommand;
+        };
+    }, [Ze]);
+    const y = Ue(() => U ? {
+      connectionState: U.connectionState,
+      agentState: U.agentState,
+      transcript: U.transcript,
+      videoElement: U.videoElement,
+      audioElement: U.audioElement,
+      canResume: U.canResume,
+      error: U.error,
+      agentConfig: null,
+      connect: async () => {
+        await U.onConnect();
+      },
+      disconnect: () => U.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.
+      getRoom: J.getRoom,
+      isControlled: !0
+    } : {
+      connectionState: J.connectionState,
+      agentState: J.agentState,
+      transcript: J.transcript,
+      videoElement: J.videoElement,
+      audioElement: J.audioElement,
+      canResume: J.canResume,
+      error: J.error,
+      agentConfig: J.agentConfig,
+      connect: J.connect,
+      disconnect: J.disconnect,
+      getRoom: J.getRoom,
+      isControlled: !1
+    }, [U, J]), It = C(y);
+    It.current = y, Ln(
+      r,
+      () => ({
+        sendData: async (m) => {
+          var fe, Ne;
+          const f = (Ne = (fe = It.current) == null ? void 0 : fe.getRoom) == null ? void 0 : Ne.call(fe), Y = f == null ? void 0 : f.localParticipant;
+          if (Y != null && Y.publishData)
+            try {
+              const Oe = new TextEncoder().encode(JSON.stringify(m));
+              await Y.publishData(Oe, { reliable: !0 });
+            } catch (Oe) {
+              console.warn("[AvatarWidget] sendData failed:", Oe);
+            }
         }
-        Ir.has(p.type) || Re == null || Re(p);
-      }
-    },
-    [Re, Ae]
-  ), X = bn({
-    agentId: V ? "__controlled__" : Je,
-    baseUrl: i,
-    apiKey: r,
-    sessionEndpoint: o,
-    sessionBody: l,
-    onDataMessage: V ? void 0 : Be
-  });
-  N(() => {
-    if (V != null && V.subscribeToDataMessages)
-      return V.subscribeToDataMessages(Be);
-  }, [V, Be]), se.current = () => {
-    var g;
-    return (g = X.getRoom) == null ? void 0 : g.call(X);
-  }, N(() => {
-    var ee;
-    if (typeof window > "u") return;
-    const g = ((ee = window.location) == null ? void 0 : ee.hostname) || "";
-    if (g === "localhost" || g === "127.0.0.1" || g === "0.0.0.0" || g.endsWith(".local") || g.endsWith(".test"))
-      return window.__livelayerSimulateCommand = (rt) => {
+      }),
+      []
+    );
+    const Mt = C(null);
+    A(() => {
+      const m = y.videoElement, f = Mt.current;
+      if (!(!m || !f))
+        return f.appendChild(m), () => {
+          m.parentNode === f && f.removeChild(m);
+        };
+    }, [y.videoElement]), A(() => {
+      const m = y.audioElement;
+      if (!m) return;
+      ge.attach(m);
+      const f = m.play();
+      return f && typeof f.catch == "function" && f.catch((Y) => {
+        (Y == null ? void 0 : Y.name) === "NotAllowedError" && ae(!0);
+      }), () => {
+        ge.detach();
+      };
+    }, [y.audioElement]), A(() => {
+      if (y.isControlled || y.connectionState !== "connected") return;
+      const m = y.getRoom();
+      if (m)
+        return Z.setupMic(m).catch(() => {
+        }), le.attachRoom(m), Ee.attachRoom(m), Xe.refresh(), () => {
+          Z.teardownMic(), le.teardown(), Ee.teardown();
+        };
+    }, [y.isControlled, y.connectionState]), A(() => {
+      const m = y.audioElement;
+      m && (m.muted = st);
+    }, [y.audioElement, st]);
+    const dn = x((m) => {
+      const f = y.getRoom();
+      if (f)
         try {
-          Be(rt);
-        } catch (it) {
-          console.warn("[LiveLayer] simulate-command threw:", it);
+          const Y = new TextEncoder().encode(
+            JSON.stringify({ type: "user_message", text: m })
+          );
+          f.localParticipant.publishData(Y, { reliable: !0 });
+        } catch {
         }
-      }, () => {
-        delete window.__livelayerSimulateCommand;
-      };
-  }, [Be]);
-  const b = He(() => V ? {
-    connectionState: V.connectionState,
-    agentState: V.agentState,
-    transcript: V.transcript,
-    videoElement: V.videoElement,
-    audioElement: V.audioElement,
-    canResume: V.canResume,
-    error: V.error,
-    agentConfig: null,
-    connect: async () => {
-      await V.onConnect();
-    },
-    disconnect: () => V.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.
-    getRoom: X.getRoom,
-    isControlled: !0
-  } : {
-    connectionState: X.connectionState,
-    agentState: X.agentState,
-    transcript: X.transcript,
-    videoElement: X.videoElement,
-    audioElement: X.audioElement,
-    canResume: X.canResume,
-    error: X.error,
-    agentConfig: X.agentConfig,
-    connect: X.connect,
-    disconnect: X.disconnect,
-    getRoom: X.getRoom,
-    isControlled: !1
-  }, [V, X]), kt = E(null);
-  N(() => {
-    const g = b.videoElement, p = kt.current;
-    if (!(!g || !p))
-      return p.appendChild(g), () => {
-        g.parentNode === p && p.removeChild(g);
+    }, [y]), un = x(() => {
+      cn((m) => !m);
+    }, []);
+    A(() => {
+      De == null || De(y.connectionState), y.connectionState === "connected" ? Re == null || Re() : y.connectionState === "disconnected" && (Ie == null || Ie());
+    }, [y.connectionState, Re, Ie, De]), A(() => {
+      Me == null || Me(y.transcript);
+    }, [y.transcript, Me]), A(() => {
+      Te == null || Te(y.agentState);
+    }, [y.agentState, Te]), A(() => {
+      ct.setThinking(y.agentState === "thinking");
+    }, [y.agentState, ct]);
+    const Tt = C(!1);
+    A(() => {
+      y.isControlled || !g || Tt.current || Ge && y.connectionState === "idle" && (Tt.current = !0, y.connect());
+    }, [g, y.connectionState, y, Ge]);
+    const fn = x(
+      (m) => {
+        const f = E == null ? void 0 : E.find((Y) => Y.id === m);
+        f && (He(!1), m !== me && (Ke(!0), y.disconnect(), Se || yt(m), P == null || P(f)));
+      },
+      [
+        E,
+        me,
+        y,
+        Se,
+        P
+      ]
+    );
+    A(() => {
+      ze && y.connectionState === "connected" && Ke(!1);
+    }, [y.connectionState, ze]), A(() => {
+      if (!Qe) return;
+      const m = (f) => {
+        f.key === "Escape" && He(!1);
       };
-  }, [b.videoElement]), N(() => {
-    const g = b.audioElement;
-    if (!g) return;
-    Ie.attach(g);
-    const p = g.play();
-    return p && typeof p.catch == "function" && p.catch((ee) => {
-      (ee == null ? void 0 : ee.name) === "NotAllowedError" && Te(!0);
-    }), () => {
-      Ie.detach();
+      return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
+    }, [Qe]);
+    const pn = !!W || !!(K != null && K.avatarImageUrl) || y.isControlled, et = zn(Je, l, pn);
+    Ye === void 0 && ((Pt = et.info) != null && Pt.capabilities) && (xt.current = et.info.capabilities);
+    const ut = (K == null ? void 0 : K.name) ?? H ?? (($t = y.agentConfig) == null ? void 0 : $t.name) ?? ((zt = et.info) == null ? void 0 : zt.name) ?? "Live Layer", kt = (K == null ? void 0 : K.avatarImageUrl) ?? W ?? ((Ht = y.agentConfig) == null ? void 0 : Ht.avatarImageUrl) ?? ((Ot = et.info) == null ? void 0 : Ot.avatarImageUrl) ?? null, hn = v ?? ((Bt = y.agentConfig) == null ? void 0 : Bt.idleLoopUrl) ?? ((Wt = et.info) == null ? void 0 : Wt.idleLoopUrl) ?? null, mn = R ?? null, gn = x(() => ee("expanded"), [ee]), yn = x(
+      () => ee("minimized"),
+      [ee]
+    ), Dt = x(() => {
+      y.disconnect(), ee("hidden");
+    }, [y, ee]), vn = x(() => {
+      const m = y.audioElement;
+      m && m.play().then(() => ae(!1)).catch(() => {
+      });
+    }, [y.audioElement]), bn = x(() => {
+      ae(!1), y.connect();
+    }, [y]), tt = {
+      ...Le,
+      ...Ce ? {} : { zIndex: Pe }
     };
-  }, [b.audioElement]), N(() => {
-    if (b.isControlled || b.connectionState !== "connected") return;
-    const g = b.getRoom();
-    if (g)
-      return Z.setupMic(g).catch(() => {
-      }), ne.attachRoom(g), oe.attachRoom(g), be.refresh(), () => {
-        Z.teardownMic(), ne.teardown(), oe.teardown();
-      };
-  }, [b.isControlled, b.connectionState]), N(() => {
-    const g = b.audioElement;
-    g && (g.muted = qe);
-  }, [b.audioElement, qe]);
-  const Zt = k((g) => {
-    const p = b.getRoom();
-    if (p)
-      try {
-        const ee = new TextEncoder().encode(
-          JSON.stringify({ type: "user_message", text: g })
-        );
-        p.localParticipant.publishData(ee, { reliable: !0 });
-      } catch {
+    L.primaryColor && (tt["--ll-color-primary"] = L.primaryColor), L.accentColor && (tt["--ll-color-accent"] = L.accentColor), L.backgroundColor && (tt["--ll-color-bg"] = L.backgroundColor), L.textColor && (tt["--ll-color-fg"] = L.textColor);
+    const wn = [
+      "ll-widget",
+      `ll-widget--${oe}`,
+      `ll-widget--${ue ? "mobile" : "desktop"}`,
+      gt
+    ].filter(Boolean).join(" ");
+    return Ge ? /* @__PURE__ */ b(
+      "div",
+      {
+        className: wn,
+        style: tt,
+        "data-display-mode": oe,
+        "data-position": z,
+        "data-experience-mode": h === "EMBEDDED" ? "embedded" : "widget",
+        children: [
+          oe === "hidden" && /* @__PURE__ */ n(
+            sr,
+            {
+              position: z,
+              isMobile: ue,
+              isSpeaking: y.agentState === "speaking",
+              onExpand: () => ee("expanded"),
+              label: `Open ${ut} widget`,
+              avatarImageUrl: kt,
+              agentName: ut
+            }
+          ),
+          oe === "minimized" && /* @__PURE__ */ n(
+            dr,
+            {
+              position: z,
+              isMobile: ue,
+              agentName: ut,
+              avatarImageUrl: kt,
+              agentState: y.agentState,
+              isMuted: Z.isMuted,
+              audioLevel: ge,
+              onExpand: gn,
+              onToggleMute: Z.toggleMute,
+              onClose: Dt
+            }
+          ),
+          oe === "expanded" && /* @__PURE__ */ n(
+            fr,
+            {
+              position: z,
+              isMobile: ue,
+              agentName: ut,
+              avatarImageUrl: kt,
+              idleLoopUrl: hn,
+              greeting: mn,
+              branding: L,
+              teamMembers: E,
+              currentTeamMemberId: me,
+              isSwitchingTeamMember: ze,
+              teamSwitcherOpen: Qe,
+              onToggleTeamSwitcher: () => He((m) => !m),
+              onSelectTeamMember: fn,
+              connectionState: y.connectionState,
+              agentState: y.agentState,
+              transcript: y.transcript,
+              isMuted: Z.isMuted,
+              micDevices: Xe.mics,
+              isCameraEnabled: le.isEnabled,
+              cameraPreviewEl: le.previewEl,
+              cameraDevices: Xe.cameras,
+              activeCameraId: le.activeDeviceId,
+              isScreenShareEnabled: Ee.isEnabled,
+              screenPreviewEl: Ee.previewEl,
+              isSpeakerMuted: st,
+              allowCamera: D,
+              allowScreenShare: q,
+              allowTyping: G,
+              showMinimize: ie,
+              chromeless: te,
+              transforming: Ae,
+              transformingLabel: he,
+              languageMenuOpen: p,
+              onToggleLanguageMenu: () => V((m) => !m),
+              needsUserGesture: ye,
+              canResume: y.canResume,
+              micError: Z.micError,
+              error: y.error,
+              avatarVideoContainerRef: Mt,
+              agentVideoEl: y.videoElement,
+              onConnect: () => void y.connect(),
+              onDisconnect: () => y.disconnect(),
+              onRetry: bn,
+              onResumeAudio: vn,
+              onToggleMute: Z.toggleMute,
+              onToggleCamera: () => void le.toggle(),
+              onSwitchCameraDevice: (m) => void le.switchDevice(m),
+              onToggleScreenShare: () => void Ee.toggle(),
+              onToggleSpeaker: un,
+              onSendMessage: dn,
+              onMinimize: yn,
+              onClose: Dt,
+              onClearMicError: Z.clearError
+            }
+          )
+        ]
       }
-  }, [b]), en = k(() => {
-    et((g) => !g);
-  }, []);
-  N(() => {
-    Ne == null || Ne(b.connectionState), b.connectionState === "connected" ? Le == null || Le() : b.connectionState === "disconnected" && (Se == null || Se());
-  }, [b.connectionState, Le, Se, Ne]), N(() => {
-    Ce == null || Ce(b.transcript);
-  }, [b.transcript, Ce]), N(() => {
-    Ee == null || Ee(b.agentState);
-  }, [b.agentState, Ee]), N(() => {
-    f.setThinking(b.agentState === "thinking");
-  }, [b.agentState, f]);
-  const Lt = E(!1);
-  N(() => {
-    b.isControlled || !d || Lt.current || fe && b.connectionState === "idle" && (Lt.current = !0, b.connect());
-  }, [d, b.connectionState, b, fe]);
-  const tn = k(
-    (g) => {
-      const p = _ == null ? void 0 : _.find((ee) => ee.id === g);
-      p && (ae(!1), g !== pe && (Ke(!0), b.disconnect(), ye || ct(g), y == null || y(p)));
-    },
-    [
-      _,
-      pe,
-      b,
-      ye,
-      y
-    ]
-  );
-  N(() => {
-    Oe && b.connectionState === "connected" && Ke(!1);
-  }, [b.connectionState, Oe]), N(() => {
-    if (!le) return;
-    const g = (p) => {
-      p.key === "Escape" && ae(!1);
-    };
-    return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
-  }, [le]);
-  const nn = !!z || !!(Y != null && Y.avatarImageUrl) || b.isControlled, We = Cn(Je, i, nn);
-  ue === void 0 && ((Ct = We.info) != null && Ct.capabilities) && (pt.current = We.info.capabilities);
-  const nt = (Y == null ? void 0 : Y.name) ?? v ?? ((Et = b.agentConfig) == null ? void 0 : Et.name) ?? ((Nt = We.info) == null ? void 0 : Nt.name) ?? "Live Layer", ht = (Y == null ? void 0 : Y.avatarImageUrl) ?? z ?? ((At = b.agentConfig) == null ? void 0 : At.avatarImageUrl) ?? ((Rt = We.info) == null ? void 0 : Rt.avatarImageUrl) ?? null, rn = H ?? ((It = b.agentConfig) == null ? void 0 : It.idleLoopUrl) ?? ((Mt = We.info) == null ? void 0 : Mt.idleLoopUrl) ?? null, on = M ?? null, ln = k(() => he("expanded"), [he]), an = k(
-    () => he("minimized"),
-    [he]
-  ), St = k(() => {
-    b.disconnect(), he("hidden");
-  }, [b, he]), sn = k(() => {
-    const g = b.audioElement;
-    g && g.play().then(() => Te(!1)).catch(() => {
-    });
-  }, [b.audioElement]), cn = k(() => {
-    Te(!1), b.connect();
-  }, [b]), Fe = {
-    ...Ye,
-    zIndex: Ge
-  };
-  S.primaryColor && (Fe["--ll-color-primary"] = S.primaryColor), S.accentColor && (Fe["--ll-color-accent"] = S.accentColor), S.backgroundColor && (Fe["--ll-color-bg"] = S.backgroundColor), S.textColor && (Fe["--ll-color-fg"] = S.textColor);
-  const dn = [
-    "ll-widget",
-    `ll-widget--${ve}`,
-    `ll-widget--${ke ? "mobile" : "desktop"}`,
-    Ve
-  ].filter(Boolean).join(" ");
-  return fe ? /* @__PURE__ */ x(
-    "div",
-    {
-      className: dn,
-      style: Fe,
-      "data-display-mode": ve,
-      "data-position": a,
-      children: [
-        ve === "hidden" && /* @__PURE__ */ n(
-          Kn,
-          {
-            position: a,
-            isMobile: ke,
-            isSpeaking: b.agentState === "speaking",
-            onExpand: () => he("expanded"),
-            label: `Open ${nt} widget`,
-            avatarImageUrl: ht,
-            agentName: nt
-          }
-        ),
-        ve === "minimized" && /* @__PURE__ */ n(
-          Zn,
-          {
-            position: a,
-            isMobile: ke,
-            agentName: nt,
-            avatarImageUrl: ht,
-            agentState: b.agentState,
-            isMuted: Z.isMuted,
-            audioLevel: Ie,
-            onExpand: ln,
-            onToggleMute: Z.toggleMute,
-            onClose: St
-          }
-        ),
-        ve === "expanded" && /* @__PURE__ */ n(
-          tr,
-          {
-            position: a,
-            isMobile: ke,
-            agentName: nt,
-            avatarImageUrl: ht,
-            idleLoopUrl: rn,
-            greeting: on,
-            branding: S,
-            teamMembers: _,
-            currentTeamMemberId: pe,
-            isSwitchingTeamMember: Oe,
-            teamSwitcherOpen: le,
-            onToggleTeamSwitcher: () => ae((g) => !g),
-            onSelectTeamMember: tn,
-            connectionState: b.connectionState,
-            agentState: b.agentState,
-            transcript: b.transcript,
-            isMuted: Z.isMuted,
-            micDevices: be.mics,
-            isCameraEnabled: ne.isEnabled,
-            cameraPreviewEl: ne.previewEl,
-            cameraDevices: be.cameras,
-            activeCameraId: ne.activeDeviceId,
-            isScreenShareEnabled: oe.isEnabled,
-            screenPreviewEl: oe.previewEl,
-            isSpeakerMuted: qe,
-            allowCamera: B,
-            allowScreenShare: D,
-            allowTyping: A,
-            languageMenuOpen: Qe,
-            onToggleLanguageMenu: () => Ze((g) => !g),
-            needsUserGesture: Me,
-            canResume: b.canResume,
-            micError: Z.micError,
-            error: b.error,
-            avatarVideoContainerRef: kt,
-            agentVideoEl: b.videoElement,
-            onConnect: () => void b.connect(),
-            onDisconnect: () => b.disconnect(),
-            onRetry: cn,
-            onResumeAudio: sn,
-            onToggleMute: Z.toggleMute,
-            onToggleCamera: () => void ne.toggle(),
-            onSwitchCameraDevice: (g) => void ne.switchDevice(g),
-            onToggleScreenShare: () => void oe.toggle(),
-            onToggleSpeaker: en,
-            onSendMessage: Zt,
-            onMinimize: an,
-            onClose: St,
-            onClearMicError: Z.clearError
-          }
-        )
-      ]
-    }
-  ) : null;
-}
-function qr(e) {
-  return /* @__PURE__ */ n(vn, { children: /* @__PURE__ */ n(Mr, { ...e }) });
-}
-const Br = ({
+    ) : null;
+  }
+);
+sn.displayName = "AvatarWidgetInner";
+const Fr = it(
+  function(t, r) {
+    return /* @__PURE__ */ n(An, { children: /* @__PURE__ */ n(sn, { ...t, ref: r }) });
+  }
+);
+Fr.displayName = "AvatarWidget";
+const Kr = ({
   agentId: e,
   baseUrl: t,
   apiKey: r,
@@ -2721,26 +2771,26 @@ const Br = ({
   className: l,
   style: c
 }) => {
-  const d = E(null), u = E(null), h = E(o);
+  const d = C(null), u = C(null), h = C(o);
   h.current = o;
-  const m = k((a) => {
-    var R;
+  const g = x((a) => {
+    var I;
     const s = a.detail;
-    (R = h.current) == null || R.call(h, s);
+    (I = h.current) == null || I.call(h, s);
   }, []);
-  return N(() => {
+  return A(() => {
     const a = d.current;
     if (!a) return;
     const s = document.createElement("livelayer-widget");
-    return s.setAttribute("agent-id", e), t && s.setAttribute("base-url", t), r && s.setAttribute("api-key", r), i && s.setAttribute("mode", i), s.addEventListener("agent-event", m), a.appendChild(s), u.current = s, () => {
-      s.removeEventListener("agent-event", m), a.removeChild(s), u.current = null;
+    return s.setAttribute("agent-id", e), t && s.setAttribute("base-url", t), r && s.setAttribute("api-key", r), i && s.setAttribute("mode", i), s.addEventListener("agent-event", g), a.appendChild(s), u.current = s, () => {
+      s.removeEventListener("agent-event", g), a.removeChild(s), u.current = null;
     };
-  }, [e]), N(() => {
+  }, [e]), A(() => {
     u.current && (i ? u.current.setAttribute("mode", i) : u.current.removeAttribute("mode"));
   }, [i]), /* @__PURE__ */ n("div", { ref: d, className: l, style: c });
-}, Wr = vt(
+}, Qr = it(
   function({ id: t, intent: r, as: i = "div", className: o, style: l, children: c }, d) {
-    return hn(
+    return Sn(
       i,
       {
         ref: d,
@@ -2752,7 +2802,7 @@ const Br = ({
       c
     );
   }
-), Fr = vt(
+), Zr = it(
   function({ id: t, intent: r, children: i, ...o }, l) {
     return /* @__PURE__ */ n(
       "form",
@@ -2765,12 +2815,12 @@ const Br = ({
       }
     );
   }
-), Ur = vt(
+), ei = it(
   function(t, r) {
     const { name: i, label: o, labelClassName: l } = t, c = { name: i, "data-ll-field": i };
     let d;
     if ("as" in t && t.as === "textarea") {
-      const { name: u, label: h, labelClassName: m, as: a, ...s } = t;
+      const { name: u, label: h, labelClassName: g, as: a, ...s } = t;
       d = /* @__PURE__ */ n(
         "textarea",
         {
@@ -2780,18 +2830,18 @@ const Br = ({
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: u, label: h, labelClassName: m, as: a, children: s, ...R } = t;
+      const { name: u, label: h, labelClassName: g, as: a, children: s, ...I } = t;
       d = /* @__PURE__ */ n(
         "select",
         {
           ref: r,
           ...c,
-          ...R,
+          ...I,
           children: s
         }
       );
     } else {
-      const { name: u, label: h, labelClassName: m, as: a, ...s } = t;
+      const { name: u, label: h, labelClassName: g, as: a, ...s } = t;
       d = /* @__PURE__ */ n(
         "input",
         {
@@ -2801,73 +2851,73 @@ const Br = ({
         }
       );
     }
-    return o === void 0 ? d : /* @__PURE__ */ x("label", { className: l, children: [
+    return o === void 0 ? d : /* @__PURE__ */ b("label", { className: l, children: [
       o,
       d
     ] });
   }
 );
-let Jt = 1;
-function jr({
+let on = 1;
+function ti({
   onMount: e,
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [i, o] = C(t), [l, c] = C([]), [d, u] = C(""), [h, m] = C(!1), a = E(/* @__PURE__ */ new Set()), s = E([]), R = E(h);
-  R.current = h, N(() => {
+  const [i, o] = S(t), [l, c] = S([]), [d, u] = S(""), [h, g] = S(!1), a = C(/* @__PURE__ */ new Set()), s = C([]), I = C(h);
+  I.current = h, A(() => {
     try {
-      const w = localStorage.getItem(r);
-      w === "1" && o(!0), w === "0" && o(!1);
+      const _ = localStorage.getItem(r);
+      _ === "1" && o(!0), _ === "0" && o(!1);
     } catch {
     }
-  }, [r]), N(() => {
+  }, [r]), A(() => {
     try {
       localStorage.setItem(r, i ? "1" : "0");
     } catch {
     }
-  }, [i, r]), N(() => {
-    const w = (y) => {
-      (y.metaKey || y.ctrlKey) && y.shiftKey && y.key.toLowerCase() === "l" && (y.preventDefault(), o((H) => !H));
+  }, [i, r]), A(() => {
+    const _ = (w) => {
+      (w.metaKey || w.ctrlKey) && w.shiftKey && w.key.toLowerCase() === "l" && (w.preventDefault(), o((E) => !E));
     };
-    return window.addEventListener("keydown", w), () => window.removeEventListener("keydown", w);
-  }, []), N(() => {
-    const w = setInterval(() => {
-      if (s.current.length === 0 || R.current) return;
-      const y = s.current.splice(0, s.current.length);
+    return window.addEventListener("keydown", _), () => window.removeEventListener("keydown", _);
+  }, []), A(() => {
+    const _ = setInterval(() => {
+      if (s.current.length === 0 || I.current) return;
+      const w = s.current.splice(0, s.current.length);
       c(
-        (H) => [...y.reverse(), ...H].slice(0, 200)
+        (E) => [...w.reverse(), ...E].slice(0, 200)
       );
     }, 100);
-    return () => clearInterval(w);
+    return () => clearInterval(_);
   }, []);
-  const q = E(!1);
-  if (N(() => {
-    !e || q.current || (q.current = !0, e((w) => {
+  const z = C(!1);
+  if (A(() => {
+    !e || z.current || (z.current = !0, e((_) => {
       s.current.push({
-        id: Jt++,
+        id: on++,
         ts: Date.now(),
         kind: "event",
-        type: w.eventName,
-        data: w.data
+        type: _.eventName,
+        data: _.data
       });
     }));
-  }, [e]), N(() => {
-    const w = console.warn, y = console.log, H = (M, z) => function(...v) {
+  }, [e]), A(() => {
+    const _ = console.warn, w = console.log, E = (M, P) => function(...v) {
       try {
-        const S = typeof v[0] == "string" ? v[0] : "";
-        S.startsWith("[LiveLayer]") && s.current.push({
-          id: Jt++,
+        const R = typeof v[0] == "string" ? v[0] : "";
+        R.startsWith("[LiveLayer]") && s.current.push({
+          id: on++,
           ts: Date.now(),
           kind: M,
-          type: S.slice(0, 120),
-          data: { args: v.slice(1).map((B) => Pr(B)) }
+          type: R.slice(0, 120),
+          data: { args: v.slice(1).map((W) => jr(W)) }
         });
       } catch {
       }
-      return z.apply(this, v);
+      return P.apply(this, v);
     };
-    return console.warn = H("warn", w), console.log = H("log", y), () => {
-      console.warn = w, console.log = y;
+    return console.warn = E("warn", _), console.log = E("log", w), () => {
+      console.warn = _, console.log = w;
     };
   }, []), !i)
     return /* @__PURE__ */ n(
@@ -2896,12 +2946,12 @@ function jr({
         children: "🛰 LL debug"
       }
     );
-  const _ = l.filter((w) => {
+  const N = l.filter((_) => {
     if (!d) return !0;
-    const y = d.toLowerCase();
-    return w.type.toLowerCase().includes(y) || JSON.stringify(w.data || {}).toLowerCase().includes(y);
+    const w = d.toLowerCase();
+    return _.type.toLowerCase().includes(w) || JSON.stringify(_.data || {}).toLowerCase().includes(w);
   });
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ b(
     "div",
     {
       style: {
@@ -2923,7 +2973,7 @@ function jr({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ x(
+        /* @__PURE__ */ b(
           "div",
           {
             style: {
@@ -2936,7 +2986,7 @@ function jr({
             },
             children: [
               /* @__PURE__ */ n("span", { style: { fontWeight: 600, fontSize: 12 }, children: "LiveLayer debug" }),
-              /* @__PURE__ */ x("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
+              /* @__PURE__ */ b("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
                 l.length,
                 " event",
                 l.length === 1 ? "" : "s"
@@ -2946,8 +2996,8 @@ function jr({
                 "button",
                 {
                   type: "button",
-                  onClick: () => m((w) => !w),
-                  style: gt(h ? "#f59e0b" : "transparent"),
+                  onClick: () => g((_) => !_),
+                  style: St(h ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
                   children: h ? "▶ resume" : "⏸ pause"
                 }
@@ -2959,7 +3009,7 @@ function jr({
                   onClick: () => {
                     c([]), s.current = [];
                   },
-                  style: gt("transparent"),
+                  style: St("transparent"),
                   title: "Clear buffer",
                   children: "clear"
                 }
@@ -2969,7 +3019,7 @@ function jr({
                 {
                   type: "button",
                   onClick: () => o(!1),
-                  style: gt("transparent"),
+                  style: St("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
                   children: "✕"
@@ -2983,7 +3033,7 @@ function jr({
           {
             type: "text",
             value: d,
-            onChange: (w) => u(w.target.value),
+            onChange: (_) => u(_.target.value),
             placeholder: "filter by type or data…",
             style: {
               margin: 8,
@@ -3005,7 +3055,7 @@ function jr({
               overflowY: "auto",
               padding: "0 8px 8px"
             },
-            children: _.length === 0 ? /* @__PURE__ */ x(
+            children: N.length === 0 ? /* @__PURE__ */ b(
               "div",
               {
                 style: {
@@ -3035,16 +3085,16 @@ function jr({
                   )
                 ]
               }
-            ) : _.map((w) => /* @__PURE__ */ n(
-              Tr,
+            ) : N.map((_) => /* @__PURE__ */ n(
+              Ur,
               {
-                entry: w,
-                expanded: a.current.has(w.id),
+                entry: _,
+                expanded: a.current.has(_.id),
                 onToggle: () => {
-                  a.current.has(w.id) ? a.current.delete(w.id) : a.current.add(w.id), c((y) => [...y]);
+                  a.current.has(_.id) ? a.current.delete(_.id) : a.current.add(_.id), c((w) => [...w]);
                 }
               },
-              w.id
+              _.id
             ))
           }
         )
@@ -3052,7 +3102,7 @@ function jr({
     }
   );
 }
-function Tr({
+function Ur({
   entry: e,
   expanded: t,
   onToggle: r
@@ -3060,7 +3110,7 @@ function Tr({
   const i = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", o = new Date(e.ts).toLocaleTimeString("en-US", {
     hour12: !1
   });
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ b(
     "button",
     {
       type: "button",
@@ -3078,7 +3128,7 @@ function Tr({
         lineHeight: 1.4
       },
       children: [
-        /* @__PURE__ */ x("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+        /* @__PURE__ */ b("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
           /* @__PURE__ */ n(
             "span",
             {
@@ -3122,7 +3172,7 @@ function Tr({
     }
   );
 }
-function gt(e) {
+function St(e) {
   return {
     background: e,
     color: "#fff",
@@ -3133,15 +3183,15 @@ function gt(e) {
     cursor: "pointer"
   };
 }
-function Pr(e) {
+function jr(e) {
   try {
     return e instanceof Error ? { message: e.message, stack: e.stack } : (JSON.stringify(e), e);
   } catch {
     return String(e);
   }
 }
-function Vr() {
-  const [e, t] = C([]), r = k((o) => {
+function ni() {
+  const [e, t] = S([]), r = x((o) => {
     t((l) => {
       const c = l.findIndex((d) => d.id === o.id);
       if (c >= 0) {
@@ -3150,7 +3200,7 @@ function Vr() {
       }
       return [...l, o];
     });
-  }, []), i = k(() => t([]), []);
+  }, []), i = x(() => t([]), []);
   return {
     entries: e,
     pushSegment: r,
@@ -3159,33 +3209,33 @@ function Vr() {
   };
 }
 export {
-  qr as AvatarWidget,
-  vn as ErrorBoundary,
-  jr as LiveLayerDebugPanel,
-  Ur as LiveLayerField,
-  Fr as LiveLayerForm,
-  Wr as LiveLayerRegion,
-  Br as LiveLayerWidget,
-  yr as clearPageContextCache,
-  kr as clearRoutesCache,
-  gr as extractPageContext,
-  _r as extractRoutes,
-  Gt as getCachedPageContext,
-  mt as getCachedRoutes,
-  Bn as matchesPattern,
-  br as normalizeRouteInput,
-  Wn as shouldRenderAtPath,
-  Cn as useAgentInfo,
-  wn as useAudioLevel,
-  kn as useCameraState,
-  An as useDisplayMode,
-  Mn as useDisplayModePersistence,
-  Pn as useIsMobile,
-  bn as useLiveKitSession,
-  Sn as useMediaDevices,
-  _n as useMicrophoneState,
-  $n as usePathname,
-  Fn as useRouteMatch,
-  Ln as useScreenShareState,
-  Vr as useTranscript
+  Fr as AvatarWidget,
+  An as ErrorBoundary,
+  ti as LiveLayerDebugPanel,
+  ei as LiveLayerField,
+  Zr as LiveLayerForm,
+  Qr as LiveLayerRegion,
+  Kr as LiveLayerWidget,
+  Nr as clearPageContextCache,
+  Dr as clearRoutesCache,
+  Er as extractPageContext,
+  Mr as extractRoutes,
+  nn as getCachedPageContext,
+  Lt as getCachedRoutes,
+  Qn as matchesPattern,
+  Rr as normalizeRouteInput,
+  Zn as shouldRenderAtPath,
+  zn as useAgentInfo,
+  In as useAudioLevel,
+  Dn as useCameraState,
+  Bn as useDisplayMode,
+  Fn as useDisplayModePersistence,
+  jn as useIsMobile,
+  Rn as useLiveKitSession,
+  $n as useMediaDevices,
+  Mn as useMicrophoneState,
+  Yn as usePathname,
+  er as useRouteMatch,
+  Pn as useScreenShareState,
+  ni as useTranscript
 };