@livelayer/react 0.17.1 → 0.18.0

package/dist/index.mjs

@@ -1,11 +1,11 @@
 "use client";
 import { jsxs as x, jsx as n, Fragment as ze } from "react/jsx-runtime";
-import { Component as Vn, useState as N, useRef as M, useEffect as T, useCallback as E, useMemo as Qe, useLayoutEffect as Ln, forwardRef as Pt, useImperativeHandle as Yn, createElement as Gn } from "react";
-import { createPortal as $t } from "react-dom";
-import { LiveKitSession as Kn, registerFields as Jn } from "@livelayer/sdk";
-import { clearFieldRegistry as Fo, getRegisteredFields as Wo, registerFields as qo, setFieldValue as Uo } from "@livelayer/sdk";
-import { createLocalAudioTrack as Xn, Track as kn, createLocalVideoTrack as Zn } from "livekit-client";
-class Qn extends Vn {
+import { Component as Gn, useState as N, useRef as M, useEffect as T, useCallback as E, useMemo as Qe, useLayoutEffect as kn, forwardRef as $t, useImperativeHandle as Kn, createElement as Jn } from "react";
+import { createPortal as zt } from "react-dom";
+import { LiveKitSession as Xn, registerFields as Zn } from "@livelayer/sdk";
+import { clearFieldRegistry as qo, getRegisteredFields as Uo, registerFields as jo, setFieldValue as Vo } from "@livelayer/sdk";
+import { createLocalAudioTrack as Qn, Track as Cn, createLocalVideoTrack as er } from "livekit-client";
+class tr extends Gn {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
       this.setState({ hasError: !1, error: null });
@@ -35,26 +35,26 @@ class Qn extends Vn {
     ] }) : this.props.children;
   }
 }
-function er(e) {
-  const [t, r] = N("idle"), [o, a] = N("idle"), [i, s] = N([]), [l, c] = N(null), [p, w] = N(null), [m, f] = N(null), [R, _] = N(!1), [y, u] = N(null), h = M(null), L = M(e.onDataMessage);
+function nr(e) {
+  const [t, r] = N("idle"), [o, a] = N("idle"), [i, s] = N([]), [l, c] = N(null), [p, w] = N(null), [m, f] = N(null), [R, _] = N(!1), [g, u] = N(null), h = M(null), L = M(e.onDataMessage);
   L.current = e.onDataMessage, T(() => {
     const b = {
-      onConnectionStateChange: (O) => {
-        r(O), O === "connected" && u(null);
+      onConnectionStateChange: (B) => {
+        r(B), B === "connected" && u(null);
       },
       onAgentStateChange: a,
-      onTranscript: (O) => s([...O]),
+      onTranscript: (B) => s([...B]),
       onAgentConfig: c,
-      onAudioTrack: (O) => f(O),
-      onVideoTrack: (O) => w(O),
+      onAudioTrack: (B) => f(B),
+      onVideoTrack: (B) => w(B),
       onVideoTrackRemoved: () => w(null),
-      onError: (O) => u(O),
-      onDataMessage: (O) => {
+      onError: (B) => u(B),
+      onDataMessage: (B) => {
         var q;
-        (q = L.current) == null || q.call(L, O);
+        (q = L.current) == null || q.call(L, B);
       },
       onResumabilityChange: _
-    }, P = new Kn(
+    }, P = new Xn(
       {
         agentId: e.agentId,
         baseUrl: e.baseUrl,
@@ -65,8 +65,8 @@ function er(e) {
       b
     );
     return h.current = P, r("idle"), a("idle"), s([]), c(null), w(null), f(null), _(!1), u(null), () => {
-      var O;
-      (O = P.destroy) == null || O.call(P), h.current = null;
+      var B;
+      (B = P.destroy) == null || B.call(P), h.current = null;
     };
   }, [
     e.agentId,
@@ -98,31 +98,31 @@ function er(e) {
     videoElement: p,
     audioElement: m,
     canResume: R,
-    error: y,
+    error: g,
     connect: A,
     disconnect: I,
     getRoom: U,
     session: h.current
   };
 }
-function tr() {
+function rr() {
   const e = M(null), t = M(/* @__PURE__ */ new Map()), r = M(null), o = M(/* @__PURE__ */ new Set()), a = E(() => {
     const _ = t.current;
     if (_.size === 0) {
       r.current = null;
       return;
     }
-    let y = 0;
+    let g = 0;
     for (const { analyser: u, buffer: h } of _.values()) {
       u.getByteFrequencyData(h);
       let L = 0;
       for (let I = 0; I < h.length; I++) L += h[I];
       const A = L / h.length / 255;
-      A > y && (y = A);
+      A > g && (g = A);
     }
     for (const u of o.current)
       try {
-        u(y);
+        u(g);
       } catch (h) {
         console.error("[useAudioLevel] subscriber threw:", h);
       }
@@ -130,24 +130,24 @@ function tr() {
   }, []), i = E(() => e.current ? e.current : typeof window > "u" || typeof AudioContext > "u" ? null : (e.current = new AudioContext(), e.current), []), s = E(() => {
     r.current === null && t.current.size > 0 && (r.current = requestAnimationFrame(a));
   }, [a]), l = E((_) => {
-    const y = t.current.get(_);
-    if (y) {
+    const g = t.current.get(_);
+    if (g) {
       try {
-        y.node.disconnect();
+        g.node.disconnect();
       } catch {
       }
       try {
-        y.analyser.disconnect();
+        g.analyser.disconnect();
       } catch {
       }
       t.current.delete(_);
     }
   }, []), c = E(
-    (_, y) => {
+    (_, g) => {
       const u = i();
       if (!u) return;
       l(_);
-      const h = y(u);
+      const h = g(u);
       if (!h) return;
       const L = u.createAnalyser();
       L.fftSize = 64;
@@ -165,14 +165,14 @@ function tr() {
     },
     [l, i, s]
   ), p = E(
-    (_, y = "agent") => {
-      c(y, (u) => {
+    (_, g = "agent") => {
+      c(g, (u) => {
         try {
           return u.createMediaElementSource(_);
         } catch (h) {
           return console.warn(
             "[useAudioLevel] createMediaElementSource failed for slot",
-            y,
+            g,
             h
           ), null;
         }
@@ -180,14 +180,14 @@ function tr() {
     },
     [c]
   ), w = E(
-    (_, y = "mic") => {
-      c(y, (u) => {
+    (_, g = "mic") => {
+      c(g, (u) => {
         try {
           return u.createMediaStreamSource(_);
         } catch (h) {
           return console.warn(
             "[useAudioLevel] createMediaStreamSource failed for slot",
-            y,
+            g,
             h
           ), null;
         }
@@ -217,12 +217,12 @@ function tr() {
     o.current.clear();
   }, [f]), { attach: p, attachStream: w, detach: f, detachSlot: m, subscribe: R };
 }
-function nr(e) {
+function or(e) {
   const t = e == null ? void 0 : e.mediaStreamTrack;
   return t ? new MediaStream([t]) : null;
 }
-function rr() {
-  const [e, t] = N(!1), [r, o] = N(""), [a, i] = N(null), s = M(null), l = M(null), c = E(async (y) => {
+function ir() {
+  const [e, t] = N(!1), [r, o] = N(""), [a, i] = N(null), s = M(null), l = M(null), c = E(async (g) => {
     var u, h;
     if (s.current && l.current) {
       try {
@@ -231,48 +231,48 @@ function rr() {
       }
       s.current.stop(), s.current = null;
     }
-    l.current = y, i(null);
+    l.current = g, i(null);
     try {
-      const L = await Xn({
+      const L = await Qn({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await y.localParticipant.publishTrack(L), s.current = L, t(L.isMuted);
+      await g.localParticipant.publishTrack(L), s.current = L, t(L.isMuted);
       const A = (h = (u = L.mediaStreamTrack) == null ? void 0 : u.getSettings) == null ? void 0 : h.call(u);
       A != null && A.deviceId && o(A.deviceId);
     } catch (L) {
       const A = L instanceof Error && L.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
       throw i(A), L;
     }
-  }, []), p = E((y) => {
-    l.current = y;
-  }, []), w = E(async (y) => {
+  }, []), p = E((g) => {
+    l.current = g;
+  }, []), w = E(async (g) => {
     const u = l.current;
     if (u)
       try {
-        await u.switchActiveDevice("audioinput", y), o(y);
+        await u.switchActiveDevice("audioinput", g), o(g);
       } catch (h) {
         console.warn("[useMicrophoneState] switchDevice failed:", h);
       }
   }, []), m = E(async () => {
-    const y = l.current, u = !e;
-    if (t(u), !!y)
+    const g = l.current, u = !e;
+    if (t(u), !!g)
       try {
-        await y.localParticipant.setMicrophoneEnabled(!u);
+        await g.localParticipant.setMicrophoneEnabled(!u);
       } catch (h) {
         console.warn("[useMicrophoneState] setMicrophoneEnabled failed:", h), t(!u);
       }
   }, [e]), f = E(() => {
-    const y = s.current, u = l.current;
-    if (y && u) {
+    const g = s.current, u = l.current;
+    if (g && u) {
       try {
-        u.localParticipant.unpublishTrack(y);
+        u.localParticipant.unpublishTrack(g);
       } catch {
       }
-      y.stop();
+      g.stop();
     }
     s.current = null, l.current = null, t(!1), o("");
-  }, []), R = E(() => i(null), []), _ = E(() => nr(s.current), []);
+  }, []), R = E(() => i(null), []), _ = E(() => or(s.current), []);
   return {
     isMuted: e,
     activeDeviceId: r,
@@ -286,15 +286,15 @@ function rr() {
     getMicStream: _
   };
 }
-const or = { resolution: { width: 640, height: 480, frameRate: 24 } };
-function ir() {
+const lr = { resolution: { width: 640, height: 480, frameRate: 24 } };
+function ar() {
   const [e, t] = N(!1), [r, o] = N(null), [a, i] = N(null), [s, l] = N(""), c = M(null), p = M(null), w = E((h) => {
     c.current = h;
   }, []), m = E(() => {
     var A;
     const h = c.current, L = p.current;
     if (L && h) {
-      const I = h.localParticipant.getTrackPublication(kn.Source.Camera), b = (I == null ? void 0 : I.track) ?? L;
+      const I = h.localParticipant.getTrackPublication(Cn.Source.Camera), b = (I == null ? void 0 : I.track) ?? L;
       try {
         h.localParticipant.unpublishTrack(b);
       } catch {
@@ -310,9 +310,9 @@ function ir() {
     if (L) {
       o(null);
       try {
-        const A = { ...or };
+        const A = { ...lr };
         h && (A.deviceId = h);
-        const I = await Zn(A);
+        const I = await er(A);
         await L.localParticipant.publishTrack(I), p.current = I;
         const U = I.attach();
         i(U), t(!0), h && l(h);
@@ -332,7 +332,7 @@ function ir() {
     e ? m() : await f(s || void 0);
   }, [e, s, m, f]), _ = E(async (h) => {
     m(), await f(h);
-  }, [m, f]), y = E(() => {
+  }, [m, f]), g = E(() => {
     m(), c.current = null, o(null), l("");
   }, [m]), u = E(() => o(null), []);
   return T(() => () => {
@@ -345,11 +345,11 @@ function ir() {
     toggle: R,
     switchDevice: _,
     attachRoom: w,
-    teardown: y,
+    teardown: g,
     clearError: u
   };
 }
-function lr() {
+function sr() {
   const [e, t] = N(!1), [r, o] = N(null), [a, i] = N(null), s = M(null), l = E((f) => {
     s.current = f;
   }, []), c = E(() => i(null), []), p = E(async () => {
@@ -368,9 +368,9 @@ function lr() {
         await f.localParticipant.setScreenShareEnabled(!0);
         let R = 0;
         const _ = () => {
-          const y = f.localParticipant.getTrackPublication(kn.Source.ScreenShare);
-          if (y != null && y.track) {
-            const u = y.track.attach();
+          const g = f.localParticipant.getTrackPublication(Cn.Source.ScreenShare);
+          if (g != null && g.track) {
+            const u = g.track.attach();
             i(u), t(!0);
             try {
               f.localParticipant.publishData(
@@ -400,7 +400,7 @@ function lr() {
   }, [e, c]), m = E(() => o(null), []);
   return { isEnabled: e, error: r, previewEl: a, toggle: p, attachRoom: l, teardown: w, clearError: m };
 }
-function ar() {
+function cr() {
   const [e, t] = N([]), [r, o] = N([]), a = E(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
@@ -415,7 +415,7 @@ function ar() {
     return navigator.mediaDevices.addEventListener("devicechange", i), () => navigator.mediaDevices.removeEventListener("devicechange", i);
   }, [a]), { mics: e, cameras: r, refresh: a };
 }
-function sr(e, t, r = !1) {
+function dr(e, t, r = !1) {
   const [o, a] = N(null), [i, s] = N(null), [l, c] = N(!r && !!e);
   return T(() => {
     if (r || !e) {
@@ -438,7 +438,7 @@ function sr(e, t, r = !1) {
     }), () => p.abort();
   }, [e, t, r]), { info: o, error: i, loading: l };
 }
-function cr(e) {
+function ur(e) {
   if (typeof window > "u") return null;
   try {
     return window.localStorage.getItem(e);
@@ -446,14 +446,14 @@ function cr(e) {
     return null;
   }
 }
-function dr(e, t) {
+function fr(e, t) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(e, t);
     } catch {
     }
 }
-function ur({
+function pr({
   value: e,
   defaultValue: t = "expanded",
   onChange: r
@@ -466,32 +466,32 @@ function ur({
   );
   return [s, l];
 }
-const fr = ["hidden", "minimized", "expanded"];
-function pr(e) {
-  return e && fr.includes(e) ? e : null;
+const hr = ["hidden", "minimized", "expanded"];
+function mr(e) {
+  return e && hr.includes(e) ? e : null;
 }
-function hr({
+function gr({
   value: e,
   defaultValue: t = "expanded",
   onChange: r,
   persistKey: o = "ll-widget",
   disablePersistence: a = !1
 } = {}) {
-  const i = `${o}:display-mode`, s = M(!1), [l, c] = ur({
+  const i = `${o}:display-mode`, s = M(!1), [l, c] = pr({
     value: e,
     defaultValue: t,
     onChange: (p) => {
-      e === void 0 && !a && dr(i, p), r == null || r(p);
+      e === void 0 && !a && fr(i, p), r == null || r(p);
     }
   });
   return T(() => {
     if (s.current || (s.current = !0, a || e !== void 0)) return;
-    const p = pr(cr(i));
+    const p = mr(ur(i));
     p && p !== l && c(p);
   }, []), [l, c];
 }
-const mr = 640;
-function gr(e = mr) {
+const yr = 640;
+function vr(e = yr) {
   const [t, r] = N(!1);
   return T(() => {
     if (e === !1) {
@@ -506,75 +506,75 @@ function gr(e = mr) {
     });
   }, [e]), t;
 }
-const tn = "__llHistoryPatched", xt = "ll:pathname";
-function yr() {
-  if (typeof window > "u" || window.history[tn]) return;
+const nn = "__llHistoryPatched", _t = "ll:pathname";
+function br() {
+  if (typeof window > "u" || window.history[nn]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...r) {
     const o = e.apply(this, r);
-    return window.dispatchEvent(new Event(xt)), o;
+    return window.dispatchEvent(new Event(_t)), o;
   }, window.history.replaceState = function(...r) {
     const o = t.apply(this, r);
-    return window.dispatchEvent(new Event(xt)), o;
-  }, window.history[tn] = !0;
+    return window.dispatchEvent(new Event(_t)), o;
+  }, window.history[nn] = !0;
 }
-function nn() {
+function rn() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
-function vr(e) {
+function wr(e) {
   const [t, r] = N(
-    () => e ?? nn()
+    () => e ?? rn()
   );
   return T(() => {
     if (e !== void 0) return;
-    yr();
-    const o = () => r(nn());
-    return o(), window.addEventListener("popstate", o), window.addEventListener(xt, o), () => {
-      window.removeEventListener("popstate", o), window.removeEventListener(xt, o);
+    br();
+    const o = () => r(rn());
+    return o(), window.addEventListener("popstate", o), window.addEventListener(_t, o), () => {
+      window.removeEventListener("popstate", o), window.removeEventListener(_t, o);
     };
   }, [e]), e ?? t;
 }
-const rn = /* @__PURE__ */ new Map(), br = /[\\^$+?.()|{}[\]]/g;
-function wr(e) {
-  return e.replace(br, "\\$&");
+const on = /* @__PURE__ */ new Map(), _r = /[\\^$+?.()|{}[\]]/g;
+function xr(e) {
+  return e.replace(_r, "\\$&");
 }
-function _r(e) {
-  const t = rn.get(e);
+function Lr(e) {
+  const t = on.get(e);
   if (t) return t;
-  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, o = "
", a = "", i = r.replace(/\*\*/g, o).replace(/\*/g, a), l = wr(i).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(a, "g"), "[^/]+"), c = new RegExp(`^${l}\\/?$`);
-  return rn.set(e, c), c;
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, o = "
", a = "", i = r.replace(/\*\*/g, o).replace(/\*/g, a), l = xr(i).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(a, "g"), "[^/]+"), c = new RegExp(`^${l}\\/?$`);
+  return on.set(e, c), c;
 }
-function xr(e, t) {
+function kr(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
-  return _r(e).test(r);
+  return Lr(e).test(r);
 }
-function Lr(e, t) {
-  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : xr(e, t);
+function Cr(e, t) {
+  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : kr(e, t);
 }
-function on(e, t) {
+function ln(e, t) {
   if (!e || e.length === 0) return !1;
   for (const r of e)
-    if (Lr(r, t)) return !0;
+    if (Cr(r, t)) return !0;
   return !1;
 }
-function kr(e, t, r) {
-  return e === void 0 ? !0 : on(r, e) ? !1 : t && t.length > 0 ? on(t, e) : !0;
+function Er(e, t, r) {
+  return e === void 0 ? !0 : ln(r, e) ? !1 : t && t.length > 0 ? ln(t, e) : !0;
 }
-function Cr(e, t, r) {
+function Sr(e, t, r) {
   return Qe(
-    () => kr(e, t, r),
+    () => Er(e, t, r),
     [e, t, r]
   );
 }
-function Er(e) {
+function Nr(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 Sr(e) {
-  const t = Qe(() => Er(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), o = M(null), a = E(
+function Ar(e) {
+  const t = Qe(() => Nr(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), o = M(null), a = E(
     (c) => {
       try {
         new Audio(`${r}${c}`).play().catch(() => {
@@ -631,7 +631,7 @@ function Sr(e) {
     [i, s, l]
   );
 }
-const ln = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
+const an = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
   "svg",
   {
     className: t,
@@ -677,7 +677,7 @@ const ln = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
       }
     )
   }
-), an = ({ className: e }) => /* @__PURE__ */ n(
+), sn = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -695,7 +695,7 @@ const ln = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
       }
     )
   }
-), Nr = ({ className: e }) => /* @__PURE__ */ n(
+), Ir = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -706,12 +706,12 @@ const ln = ({ 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" })
   }
-), Ar = {
+), Mr = {
   left: 180,
   right: 0,
   up: -90,
   down: 90
-}, sn = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
+}, cn = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
   "svg",
   {
     className: t,
@@ -719,19 +719,19 @@ const ln = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    style: { transform: `rotate(${Ar[e]}deg)` },
+    style: { transform: `rotate(${Mr[e]}deg)` },
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
   }
 );
-function Ir(e) {
+function Rr(e) {
   return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const Cn = "ll-hidden-tab-center-y", Mr = 5, cn = 16;
-function Rr() {
+const En = "ll-hidden-tab-center-y", Tr = 5, dn = 16;
+function Dr() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(Cn);
+    const e = window.localStorage.getItem(En);
     if (!e) return null;
     const t = Number.parseFloat(e);
     return Number.isFinite(t) ? t : null;
@@ -739,14 +739,14 @@ function Rr() {
     return null;
   }
 }
-function dn(e) {
+function un(e) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(Cn, String(e));
+      window.localStorage.setItem(En, String(e));
     } catch {
     }
 }
-const Tr = ({
+const Pr = ({
   position: e,
   isMobile: t,
   isSpeaking: r,
@@ -756,11 +756,11 @@ const Tr = ({
   agentName: s,
   containerEl: l
 }) => {
-  const c = Ir(e), p = c === "right" ? "left" : "right", w = t ? 80 : 72, m = !!i, f = !!l, [R, _] = N(null), [y, u] = N(!1), h = M(null), L = M(!1), A = E(
-    (B) => {
-      if (typeof window > "u") return B;
-      const j = w / 2, S = cn + j, Z = window.innerHeight - cn - j;
-      return Z < S ? Math.max(S, B) : Math.max(S, Math.min(Z, B));
+  const c = Rr(e), p = c === "right" ? "left" : "right", w = t ? 80 : 72, m = !!i, f = !!l, [R, _] = N(null), [g, u] = N(!1), h = M(null), L = M(!1), A = E(
+    (F) => {
+      if (typeof window > "u") return F;
+      const j = w / 2, S = dn + j, Z = window.innerHeight - dn - j;
+      return Z < S ? Math.max(S, F) : Math.max(S, Math.min(Z, F));
     },
     [w]
   );
@@ -769,22 +769,22 @@ const Tr = ({
       _(null);
       return;
     }
-    const B = Rr();
-    _(A(B ?? window.innerHeight / 2));
+    const F = Dr();
+    _(A(F ?? window.innerHeight / 2));
     const j = () => {
       _((S) => S === null ? null : A(S));
     };
     return window.addEventListener("resize", j), () => window.removeEventListener("resize", j);
   }, [A, f]);
   const I = E(
-    (B) => {
-      if (!f && !(B.pointerType === "mouse" && B.button !== 0) && R !== null) {
+    (F) => {
+      if (!f && !(F.pointerType === "mouse" && F.button !== 0) && R !== null) {
         try {
-          B.currentTarget.setPointerCapture(B.pointerId);
+          F.currentTarget.setPointerCapture(F.pointerId);
         } catch {
         }
         h.current = {
-          startClientY: B.clientY,
+          startClientY: F.clientY,
           startCenterY: R,
           moved: !1
         };
@@ -792,22 +792,22 @@ const Tr = ({
     },
     [R, f]
   ), U = E(
-    (B) => {
+    (F) => {
       const j = h.current;
       if (!j) return;
-      const S = B.clientY - j.startClientY;
-      !j.moved && Math.abs(S) > Mr && (j.moved = !0, u(!0)), j.moved && _(A(j.startCenterY + S));
+      const S = F.clientY - j.startClientY;
+      !j.moved && Math.abs(S) > Tr && (j.moved = !0, u(!0)), j.moved && _(A(j.startCenterY + S));
     },
     [A]
   ), b = E(
-    (B) => {
+    (F) => {
       const j = h.current;
       if (j) {
         try {
-          B.currentTarget.releasePointerCapture(B.pointerId);
+          F.currentTarget.releasePointerCapture(F.pointerId);
         } catch {
         }
-        h.current = null, j.moved && (u(!1), L.current = !0, _((S) => (S !== null && dn(S), S)));
+        h.current = null, j.moved && (u(!1), L.current = !0, _((S) => (S !== null && un(S), S)));
       }
     },
     []
@@ -817,15 +817,15 @@ const Tr = ({
       return;
     }
     o();
-  }, [o]), O = E(
-    (B) => {
-      if (B.key === "ArrowUp" || B.key === "ArrowDown") {
-        B.preventDefault();
-        const j = B.key === "ArrowUp" ? -8 : 8;
+  }, [o]), B = E(
+    (F) => {
+      if (F.key === "ArrowUp" || F.key === "ArrowDown") {
+        F.preventDefault();
+        const j = F.key === "ArrowUp" ? -8 : 8;
         _((S) => {
           if (S === null) return S;
           const Z = A(S + j);
-          return dn(Z), Z;
+          return un(Z), Z;
         });
       }
     },
@@ -835,7 +835,7 @@ const Tr = ({
     `ll-hidden--${c}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
-    y ? "is-dragging" : null,
+    g ? "is-dragging" : null,
     m ? "ll-hidden--with-avatar" : null,
     f ? "ll-hidden--scoped" : null
   ].filter(Boolean).join(" "), ne = R === null ? void 0 : { top: `${R - w / 2}px`, transform: "none" };
@@ -849,7 +849,7 @@ const Tr = ({
       onPointerUp: b,
       onPointerCancel: b,
       onClick: P,
-      onKeyDown: O,
+      onKeyDown: B,
       "aria-label": a,
       "data-position": e,
       style: ne,
@@ -860,7 +860,7 @@ const Tr = ({
         // avatar-based experience" even when collapsed.
         /* @__PURE__ */ x(ze, { children: [
           /* @__PURE__ */ n(
-            sn,
+            cn,
             {
               direction: p,
               className: "ll-hidden__chevron ll-hidden__chevron--mini"
@@ -877,7 +877,7 @@ const Tr = ({
           )
         ] })
       ) : /* @__PURE__ */ n(
-        sn,
+        cn,
         {
           direction: p,
           className: "ll-hidden__chevron"
@@ -885,7 +885,7 @@ const Tr = ({
       )
     }
   );
-}, Dr = ({
+}, $r = ({
   audioLevel: e,
   bars: t = 20,
   maxHeight: r = 20,
@@ -917,7 +917,7 @@ const Tr = ({
     },
     m
   )) });
-}, Pr = ({
+}, zr = ({
   position: e,
   isMobile: t,
   agentName: r,
@@ -954,7 +954,7 @@ const Tr = ({
             )
           ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
           /* @__PURE__ */ n(
-            Dr,
+            $r,
             {
               audioLevel: s,
               bars: 16,
@@ -977,10 +977,10 @@ const Tr = ({
                   (w.key === "Enter" || w.key === " ") && (w.stopPropagation(), w.preventDefault(), c());
                 },
                 "aria-label": i ? "Unmute microphone" : "Mute microphone",
-                children: /* @__PURE__ */ n(ln, { muted: i, className: "ll-minimized__icon" })
+                children: /* @__PURE__ */ n(an, { muted: i, className: "ll-minimized__icon" })
               }
             ),
-            /* @__PURE__ */ n(an, { className: "ll-minimized__icon ll-minimized__icon--expand" })
+            /* @__PURE__ */ n(sn, { className: "ll-minimized__icon ll-minimized__icon--expand" })
           ] })
         ]
       }
@@ -1017,7 +1017,7 @@ const Tr = ({
             className: "ll-minimized__btn",
             onClick: c,
             "aria-label": i ? "Unmute microphone" : "Mute microphone",
-            children: /* @__PURE__ */ n(ln, { muted: i, className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(an, { muted: i, className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -1027,7 +1027,7 @@ const Tr = ({
             className: "ll-minimized__btn",
             onClick: l,
             "aria-label": `Expand ${r} widget`,
-            children: /* @__PURE__ */ n(an, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(sn, { className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -1037,13 +1037,13 @@ const Tr = ({
             className: "ll-minimized__btn ll-minimized__btn--close",
             onClick: p,
             "aria-label": "Close widget",
-            children: /* @__PURE__ */ n(Nr, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Ir, { className: "ll-minimized__icon" })
           }
         )
       ] })
     ] })
   }
-), $r = ({
+), Hr = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
@@ -1081,11 +1081,11 @@ const Tr = ({
       }
     )
   );
-}, zr = "#E06540";
-function Hr({
+}, Or = "#E06540";
+function Br({
   size: e = 14,
   className: t,
-  fill: r = zr
+  fill: r = Or
 }) {
   return /* @__PURE__ */ x(
     "svg",
@@ -1123,14 +1123,14 @@ function Hr({
     }
   );
 }
-const Or = 8, un = 8, Br = ({
+const Fr = 8, fn = 8, Wr = ({
   open: e,
   onClose: t,
   anchorRef: r,
   children: o
 }) => {
   const a = M(null), [i, s] = N(null);
-  return Ln(() => {
+  return kn(() => {
     if (!e) {
       s(null);
       return;
@@ -1139,9 +1139,9 @@ const Or = 8, un = 8, Br = ({
     if (!l) return;
     const c = () => {
       const p = l.getBoundingClientRect(), w = {
-        top: p.top - Or,
+        top: p.top - Fr,
         left: p.left + p.width / 2
-      }, m = un + 90, f = window.innerWidth - un - 90;
+      }, m = fn + 90, f = window.innerWidth - fn - 90;
       w.left < m && (w.left = m), w.left > f && (w.left = f), s(w);
     };
     return c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
@@ -1158,7 +1158,7 @@ const Or = 8, un = 8, Br = ({
     return document.addEventListener("mousedown", l), document.addEventListener("keydown", c), () => {
       document.removeEventListener("mousedown", l), document.removeEventListener("keydown", c);
     };
-  }, [e, t, r]), !e || i === null || typeof document > "u" ? null : $t(
+  }, [e, t, r]), !e || i === null || typeof document > "u" ? null : zt(
     /* @__PURE__ */ n(
       "div",
       {
@@ -1178,7 +1178,7 @@ const Or = 8, un = 8, Br = ({
     ),
     document.body
   );
-}, Fr = ({
+}, qr = ({
   isMuted: e,
   onToggleMute: t,
   isCameraEnabled: r,
@@ -1194,7 +1194,7 @@ const Or = 8, un = 8, Br = ({
   onToggleTyping: f,
   onDisconnect: R
 }) => {
-  const [_, y] = N(!1), u = M(null);
+  const [_, g] = N(!1), u = M(null);
   return /* @__PURE__ */ x(ze, { children: [
     /* @__PURE__ */ x(
       "div",
@@ -1210,7 +1210,7 @@ const Or = 8, un = 8, Br = ({
               className: `ll-tool ${e ? "is-muted" : ""}`,
               onClick: t,
               "aria-label": e ? "Unmute microphone" : "Mute microphone",
-              children: /* @__PURE__ */ n(Nn, { muted: e })
+              children: /* @__PURE__ */ n(An, { muted: e })
             }
           ),
           /* @__PURE__ */ n(
@@ -1219,11 +1219,11 @@ const Or = 8, un = 8, Br = ({
               ref: u,
               type: "button",
               className: `ll-tool ${_ ? "is-on" : ""}`,
-              onClick: () => y((h) => !h),
+              onClick: () => g((h) => !h),
               "aria-label": "More controls",
               "aria-haspopup": "menu",
               "aria-expanded": _,
-              children: /* @__PURE__ */ n(Wr, {})
+              children: /* @__PURE__ */ n(Ur, {})
             }
           ),
           /* @__PURE__ */ n(
@@ -1233,17 +1233,17 @@ const Or = 8, un = 8, Br = ({
               className: "ll-tool ll-tool--danger",
               onClick: R,
               "aria-label": "End conversation",
-              children: /* @__PURE__ */ n(In, {})
+              children: /* @__PURE__ */ n(Mn, {})
             }
           )
         ]
       }
     ),
     /* @__PURE__ */ x(
-      Br,
+      Wr,
       {
         open: _,
-        onClose: () => y(!1),
+        onClose: () => g(!1),
         anchorRef: u,
         children: [
           a && /* @__PURE__ */ x(
@@ -1252,10 +1252,10 @@ const Or = 8, un = 8, Br = ({
               type: "button",
               className: `ll-overflow-popover__item ${r ? "is-on" : ""}`,
               onClick: () => {
-                o(), y(!1);
+                o(), g(!1);
               },
               children: [
-                /* @__PURE__ */ n(Sn, {}),
+                /* @__PURE__ */ n(Nn, {}),
                 /* @__PURE__ */ n("span", { children: r ? "Stop camera" : "Start camera" })
               ]
             }
@@ -1266,10 +1266,10 @@ const Or = 8, un = 8, Br = ({
               type: "button",
               className: `ll-overflow-popover__item ${i ? "is-on" : ""}`,
               onClick: () => {
-                s(), y(!1);
+                s(), g(!1);
               },
               children: [
-                /* @__PURE__ */ n(En, {}),
+                /* @__PURE__ */ n(Sn, {}),
                 /* @__PURE__ */ n("span", { children: i ? "Stop sharing" : "Share screen" })
               ]
             }
@@ -1280,10 +1280,10 @@ const Or = 8, un = 8, Br = ({
               type: "button",
               className: `ll-overflow-popover__item ${c ? "is-on" : ""}`,
               onClick: () => {
-                p(), y(!1);
+                p(), g(!1);
               },
               children: [
-                /* @__PURE__ */ n(An, { muted: c }),
+                /* @__PURE__ */ n(In, { muted: c }),
                 /* @__PURE__ */ n("span", { children: c ? "Unmute speaker" : "Mute speaker" })
               ]
             }
@@ -1294,10 +1294,10 @@ const Or = 8, un = 8, Br = ({
               type: "button",
               className: `ll-overflow-popover__item ${m ? "is-on" : ""}`,
               onClick: () => {
-                f(), y(!1);
+                f(), g(!1);
               },
               children: [
-                /* @__PURE__ */ n(qr, {}),
+                /* @__PURE__ */ n(jr, {}),
                 /* @__PURE__ */ n("span", { children: m ? "Hide typing" : "Type a message" })
               ]
             }
@@ -1320,7 +1320,7 @@ const Or = 8, un = 8, Br = ({
     )
   ] });
 };
-function Wr() {
+function Ur() {
   return /* @__PURE__ */ x(
     "svg",
     {
@@ -1337,7 +1337,7 @@ function Wr() {
     }
   );
 }
-function qr() {
+function jr() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1354,7 +1354,7 @@ function qr() {
     }
   );
 }
-const Ur = ({
+const Vr = ({
   position: e,
   isMobile: t,
   agentName: r,
@@ -1370,7 +1370,7 @@ const Ur = ({
   onSelectTeamMember: f,
   languageMenuOpen: R,
   onToggleLanguageMenu: _,
-  connectionState: y,
+  connectionState: g,
   agentState: u,
   transcript: h,
   canResume: L,
@@ -1379,42 +1379,42 @@ const Ur = ({
   isMuted: U,
   micError: b,
   micDevices: P,
-  activeMicId: O,
+  activeMicId: B,
   isCameraEnabled: q,
   cameraPreviewEl: ne,
-  cameraDevices: B,
+  cameraDevices: F,
   activeCameraId: j,
   isScreenShareEnabled: S,
   screenPreviewEl: Z,
   isSpeakerMuted: _e,
-  allowCamera: de,
+  allowCamera: fe,
   allowScreenShare: He,
   allowTyping: Oe,
   showMinimize: X = !0,
-  showClose: Se = !0,
+  showClose: Ne = !0,
   chromeless: xe = !1,
-  compactControls: F = !1,
-  transforming: ie,
+  compactControls: H = !1,
+  transforming: le,
   transformingLabel: Y,
-  avatarVideoContainerRef: fe,
+  avatarVideoContainerRef: pe,
   agentVideoEl: K,
   onConnect: et,
   onDisconnect: tt,
-  onRetry: ft,
+  onRetry: pt,
   onResumeAudio: nt,
-  onToggleMute: Ne,
+  onToggleMute: Ae,
   onSwitchMicDevice: Be,
-  onToggleCamera: Ae,
+  onToggleCamera: Ie,
   onSwitchCameraDevice: Fe,
-  onToggleScreenShare: Ie,
-  onToggleSpeaker: Me,
-  onSendMessage: Re,
-  onMinimize: Te,
+  onToggleScreenShare: Me,
+  onToggleSpeaker: Re,
+  onSendMessage: Te,
+  onMinimize: De,
   onClose: $,
-  onClearMicError: Lt
+  onClearMicError: xt
 }) => {
-  var gt;
-  const De = ((l == null ? void 0 : l.length) ?? 0) > 1, We = y === "connecting" || y === "connected", pe = y === "connected", rt = y === "idle" || y === "disconnected" || y === "error", [Pe, qe] = N(!1);
+  var Ye;
+  const Pe = ((l == null ? void 0 : l.length) ?? 0) > 1, We = g === "connecting" || g === "connected", he = g === "connected", rt = g === "idle" || g === "disconnected" || g === "error", [$e, qe] = N(!1);
   T(() => {
     if (!K) {
       qe(!1);
@@ -1425,80 +1425,80 @@ const Ur = ({
       return;
     }
     qe(!1);
-    const g = () => qe(!0);
-    return K.addEventListener("playing", g), K.addEventListener("loadeddata", g), () => {
-      K.removeEventListener("playing", g), K.removeEventListener("loadeddata", g);
+    const y = () => qe(!0);
+    return K.addEventListener("playing", y), K.addEventListener("loadeddata", y), () => {
+      K.removeEventListener("playing", y), K.removeEventListener("loadeddata", y);
     };
   }, [K]);
-  const [kt, Ce] = N(!1);
+  const [Lt, Ce] = N(!1);
   T(() => {
-    if (!pe) {
+    if (!he) {
       Ce(!1);
       return;
     }
-    if (Pe) return;
-    const g = setTimeout(() => Ce(!0), 8e3);
-    return () => clearTimeout(g);
-  }, [pe, Pe]);
-  const le = y === "connecting" || pe && !!o && !Pe && !kt, ot = M(null), he = M(null);
+    if ($e) return;
+    const y = setTimeout(() => Ce(!0), 8e3);
+    return () => clearTimeout(y);
+  }, [he, $e]);
+  const ae = g === "connecting" || he && !!o && !$e && !Lt, ot = M(null), de = M(null);
   T(() => {
-    const g = ot.current;
-    g && (g.innerHTML = "", ne && (ne.style.width = "100%", ne.style.height = "100%", ne.style.objectFit = "cover", ne.style.transform = "scaleX(-1)", g.appendChild(ne)));
+    const y = ot.current;
+    y && (y.innerHTML = "", ne && (ne.style.width = "100%", ne.style.height = "100%", ne.style.objectFit = "cover", ne.style.transform = "scaleX(-1)", y.appendChild(ne)));
   }, [ne]), T(() => {
-    const g = he.current;
-    g && (g.innerHTML = "", Z && (Z.style.width = "100%", Z.style.height = "100%", Z.style.objectFit = "contain", g.appendChild(Z)));
+    const y = de.current;
+    y && (y.innerHTML = "", Z && (Z.style.width = "100%", Z.style.height = "100%", Z.style.objectFit = "contain", y.appendChild(Z)));
   }, [Z]);
-  const [me, Ue] = N(!1), [je, ae] = N(!1), ge = M(null), pt = M(null);
+  const [ue, Ue] = N(!1), [je, se] = N(!1), me = M(null), ht = M(null);
   T(() => {
-    if (!me && !je && !R && !w) return;
-    const g = () => {
-      Ue(!1), ae(!1), R && _(), w && m();
+    if (!ue && !je && !R && !w) return;
+    const y = () => {
+      Ue(!1), se(!1), R && _(), w && m();
     };
-    return document.addEventListener("click", g), () => document.removeEventListener("click", g);
+    return document.addEventListener("click", y), () => document.removeEventListener("click", y);
   }, [
-    me,
+    ue,
     je,
     R,
     w,
     _,
     m
   ]);
-  const [ht, $e] = N(!1), se = E(() => $e((g) => !g), []), [ue, Ee] = N(""), it = E(
-    (g) => {
-      g.preventDefault();
-      const Q = ue.trim();
-      Q && (Re(Q), Ee(""));
+  const [mt, kt] = N(!1), Ct = E(() => kt((y) => !y), []), [ge, re] = N(""), Le = E(
+    (y) => {
+      y.preventDefault();
+      const Q = ge.trim();
+      Q && (Te(Q), re(""));
     },
-    [ue, Re]
-  ), mt = s.productName || "Live Layer", lt = !s.productName;
-  let ye = null, Le = null;
-  for (let g = h.length - 1; g >= 0; g--) {
-    const Q = h[g];
-    if (!ye && Q.role === "agent" ? ye = Q : !Le && Q.role === "user" && (Le = Q), ye && Le) break;
+    [ge, Te]
+  ), Ee = s.productName || "Live Layer", it = !s.productName;
+  let Se = null, ye = null;
+  for (let y = h.length - 1; y >= 0; y--) {
+    const Q = h[y];
+    if (!Se && Q.role === "agent" ? Se = Q : !ye && Q.role === "user" && (ye = Q), Se && ye) break;
   }
-  const Ve = pe ? (ye == null ? void 0 : ye.text) || null : i || null, Ye = pe && (Le == null ? void 0 : Le.text) || null, Ct = [
+  const Ve = he ? (Se == null ? void 0 : Se.text) || null : i || null, lt = he && (ye == null ? void 0 : ye.text) || null, at = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
   return /* @__PURE__ */ x(
     "div",
     {
-      className: Ct,
+      className: at,
       "data-position": e,
-      "data-state": pe ? "connected" : We ? "connecting" : "idle",
+      "data-state": he ? "connected" : We ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
         /* @__PURE__ */ x("div", { className: "ll-expanded__bg", children: [
           o ? /* @__PURE__ */ n(
-            $r,
+            Hr,
             {
               src: o,
               alt: r,
               className: "ll-expanded__bg-img"
             }
-          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((gt = r == null ? void 0 : r.charAt(0)) == null ? void 0 : gt.toUpperCase()) || "A" }) }),
-          a && !pe && /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Ye = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Ye.toUpperCase()) || "A" }) }),
+          a && !he && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
@@ -1510,12 +1510,12 @@ const Ur = ({
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { ref: fe, className: "ll-expanded__video" }),
-        le && /* @__PURE__ */ x("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        /* @__PURE__ */ n("div", { ref: pe, className: "ll-expanded__video" }),
+        ae && /* @__PURE__ */ x("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
           /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
           /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: p ? "Switching..." : "Connecting..." })
         ] }),
-        A && pe && /* @__PURE__ */ x(
+        A && he && /* @__PURE__ */ x(
           "button",
           {
             type: "button",
@@ -1527,7 +1527,7 @@ const Ur = ({
             ]
           }
         ),
-        ie && /* @__PURE__ */ x(
+        le && /* @__PURE__ */ x(
           "div",
           {
             className: "ll-expanded__overlay ll-expanded__overlay--transforming",
@@ -1541,7 +1541,7 @@ const Ur = ({
           }
         ),
         We ? /* @__PURE__ */ x(ze, { children: [
-          !F && /* @__PURE__ */ x("div", { className: "ll-expanded__topbar", children: [
+          !H && /* @__PURE__ */ x("div", { className: "ll-expanded__topbar", children: [
             !xe && /* @__PURE__ */ x("div", { className: "ll-expanded__topbar-left", children: [
               /* @__PURE__ */ x("div", { className: "ll-expanded__pill-wrap", children: [
                 /* @__PURE__ */ x(
@@ -1549,45 +1549,45 @@ const Ur = ({
                   {
                     type: "button",
                     className: "ll-hpill",
-                    onClick: (g) => {
-                      De && (g.stopPropagation(), m());
+                    onClick: (y) => {
+                      Pe && (y.stopPropagation(), m());
                     },
-                    "aria-haspopup": De ? "listbox" : void 0,
-                    "aria-expanded": De ? w : void 0,
+                    "aria-haspopup": Pe ? "listbox" : void 0,
+                    "aria-expanded": Pe ? w : void 0,
                     children: [
                       /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                      De && /* @__PURE__ */ n(wt, {})
+                      Pe && /* @__PURE__ */ n(bt, {})
                     ]
                   }
                 ),
-                De && w && /* @__PURE__ */ n(
+                Pe && w && /* @__PURE__ */ n(
                   "div",
                   {
                     className: "ll-hmenu",
-                    onClick: (g) => g.stopPropagation(),
+                    onClick: (y) => y.stopPropagation(),
                     role: "listbox",
-                    children: l == null ? void 0 : l.map((g) => /* @__PURE__ */ x(
+                    children: l == null ? void 0 : l.map((y) => /* @__PURE__ */ x(
                       "button",
                       {
                         type: "button",
-                        className: `ll-hmenu__item ${g.id === c ? "is-active" : ""}`,
-                        onClick: () => f(g.id),
+                        className: `ll-hmenu__item ${y.id === c ? "is-active" : ""}`,
+                        onClick: () => f(y.id),
                         role: "option",
-                        "aria-selected": g.id === c,
+                        "aria-selected": y.id === c,
                         children: [
-                          g.avatarImageUrl && /* @__PURE__ */ n(
+                          y.avatarImageUrl && /* @__PURE__ */ n(
                             "img",
                             {
-                              src: g.avatarImageUrl,
+                              src: y.avatarImageUrl,
                               alt: "",
                               className: "ll-hmenu__avatar"
                             }
                           ),
-                          /* @__PURE__ */ n("span", { className: "ll-hmenu__name", children: g.name }),
-                          g.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: g.role })
+                          /* @__PURE__ */ n("span", { className: "ll-hmenu__name", children: y.name }),
+                          y.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: y.role })
                         ]
                       },
-                      g.id
+                      y.id
                     ))
                   }
                 )
@@ -1598,8 +1598,8 @@ const Ur = ({
                   {
                     type: "button",
                     className: "ll-hpill ll-hpill--compact",
-                    onClick: (g) => {
-                      g.stopPropagation(), _();
+                    onClick: (y) => {
+                      y.stopPropagation(), _();
                     },
                     "aria-haspopup": "listbox",
                     "aria-expanded": R,
@@ -1607,7 +1607,7 @@ const Ur = ({
                     title: "Language: English",
                     children: [
                       /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: "EN" }),
-                      /* @__PURE__ */ n(wt, {})
+                      /* @__PURE__ */ n(bt, {})
                     ]
                   }
                 ),
@@ -1615,7 +1615,7 @@ const Ur = ({
                   "div",
                   {
                     className: "ll-hmenu",
-                    onClick: (g) => g.stopPropagation(),
+                    onClick: (y) => y.stopPropagation(),
                     role: "listbox",
                     children: /* @__PURE__ */ n(
                       "button",
@@ -1644,13 +1644,13 @@ const Ur = ({
                 {
                   type: "button",
                   className: "ll-hbtn",
-                  onClick: Te,
+                  onClick: De,
                   "aria-label": "Minimize widget",
                   title: "Minimize",
-                  children: /* @__PURE__ */ n(pn, {})
+                  children: /* @__PURE__ */ n(hn, {})
                 }
               ),
-              Se !== !1 && /* @__PURE__ */ n(
+              Ne !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
@@ -1658,22 +1658,26 @@ const Ur = ({
                   onClick: $,
                   "aria-label": "End call",
                   title: "End call",
-                  children: /* @__PURE__ */ n(fn, {})
+                  children: /* @__PURE__ */ n(pn, {})
                 }
               )
             ] })
           ] }),
-          F && /* @__PURE__ */ x("div", { className: "ll-compact-status", "data-state": u, children: [
+          H && /* @__PURE__ */ x("div", { className: "ll-compact-status", "data-state": u, children: [
             /* @__PURE__ */ n("span", { className: "ll-compact-status__dot", "aria-hidden": !0 }),
             /* @__PURE__ */ n("span", { className: "ll-compact-status__label", children: u })
           ] })
         ] }) : (
-          // Idle-state header with Live Layer product name + minimize/close.
-          // Hidden in compact mode — on a 140×210 docked slot the brand pill
-          // and 40px buttons crowded out the central "Start video call"
-          // affordance. The user can dismiss by scrolling past the slot.
-          !F && /* @__PURE__ */ x("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            lt ? /* @__PURE__ */ x(
+          // Idle-state header. In compactControls mode (mobile WIDGET +
+          // every EMBEDDED card) we keep the header mounted but strip the
+          // brand pill and the minimize button — the surface is too small
+          // for either, AND there's nothing meaningful to minimize FROM
+          // before a session starts. The X close button stays so visitors
+          // can always dismiss; making the whole header disappear (the
+          // pre-0.18.0 behavior) left users no way out short of scrolling
+          // the page itself.
+          /* @__PURE__ */ x("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
+            !H && (it ? /* @__PURE__ */ x(
               "a",
               {
                 className: "ll-expanded__brand ll-expanded__brand--link",
@@ -1683,37 +1687,37 @@ const Ur = ({
                 "aria-label": "Powered by LiveLayer — opens livelayer.studio in a new tab",
                 title: "Powered by LiveLayer — visit livelayer.studio",
                 children: [
-                  /* @__PURE__ */ n(Hr, { size: 14, className: "ll-expanded__brand-mark" }),
-                  /* @__PURE__ */ n("span", { children: mt })
+                  /* @__PURE__ */ n(Br, { size: 14, className: "ll-expanded__brand-mark" }),
+                  /* @__PURE__ */ n("span", { children: Ee })
                 ]
               }
-            ) : /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: mt }),
+            ) : /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Ee })),
             /* @__PURE__ */ x("div", { className: "ll-expanded__header-actions", children: [
-              X !== !1 && /* @__PURE__ */ n(
+              !H && X !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: Te,
+                  onClick: De,
                   "aria-label": "Minimize widget",
-                  children: /* @__PURE__ */ n(pn, {})
+                  children: /* @__PURE__ */ n(hn, {})
                 }
               ),
-              Se !== !1 && /* @__PURE__ */ n(
+              Ne !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
                   onClick: $,
                   "aria-label": "Close widget",
-                  children: /* @__PURE__ */ n(fn, {})
+                  children: /* @__PURE__ */ n(pn, {})
                 }
               )
             ] })
           ] })
         ),
         rt && /* @__PURE__ */ (() => {
-          const g = L ? "Resume session" : y === "disconnected" ? "Reconnect to agent" : "Start video call";
+          const y = L ? "Resume session" : g === "disconnected" ? "Reconnect to agent" : "Start video call";
           return /* @__PURE__ */ x(ze, { children: [
             !I && /* @__PURE__ */ x(
               "button",
@@ -1721,14 +1725,14 @@ const Ur = ({
                 type: "button",
                 className: "ll-expanded__play",
                 onClick: et,
-                "aria-label": g,
+                "aria-label": y,
                 children: [
                   /* @__PURE__ */ n("div", { className: "ll-expanded__play-circle", children: /* @__PURE__ */ n("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("polygon", { points: "6 3 20 12 6 21 6 3" }) }) }),
-                  F && /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: g })
+                  H && /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: y })
                 ]
               }
             ),
-            !F && /* @__PURE__ */ x("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
+            !H && /* @__PURE__ */ x("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
               i && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: i }) }),
               /* @__PURE__ */ n(
                 "button",
@@ -1736,8 +1740,8 @@ const Ur = ({
                   type: "button",
                   className: "ll-expanded__cta",
                   onClick: et,
-                  "aria-label": g,
-                  children: g
+                  "aria-label": y,
+                  children: y
                 }
               )
             ] })
@@ -1751,7 +1755,7 @@ const Ur = ({
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: he,
+                  ref: de,
                   className: S ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
@@ -1766,7 +1770,7 @@ const Ur = ({
           }
         ),
         We ? /* @__PURE__ */ x("div", { className: "ll-expanded__bottom", children: [
-          !F && Ve && /* @__PURE__ */ n(
+          !H && Ve && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--agent",
@@ -1774,62 +1778,62 @@ const Ur = ({
               children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Ve })
             }
           ),
-          !F && Ye && /* @__PURE__ */ n(
+          !H && lt && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--user",
               "data-role": "user",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Ye })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: lt })
             }
           ),
-          !xe && !F && /* @__PURE__ */ x("div", { className: "ll-toolbar", onClick: (g) => g.stopPropagation(), children: [
+          !xe && !H && /* @__PURE__ */ x("div", { className: "ll-toolbar", onClick: (y) => y.stopPropagation(), children: [
             He && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: `ll-tool ${S ? "is-on" : ""}`,
-                onClick: Ie,
+                onClick: Me,
                 "aria-label": S ? "Stop sharing screen" : "Share screen",
                 title: S ? "Stop sharing" : "Share screen",
-                children: /* @__PURE__ */ n(En, {})
+                children: /* @__PURE__ */ n(Sn, {})
               }
             ),
-            de && /* @__PURE__ */ x("div", { className: "ll-tool-split", children: [
+            fe && /* @__PURE__ */ x("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: `ll-tool ll-tool--left ${q ? "is-on" : ""}`,
-                  onClick: Ae,
+                  onClick: Ie,
                   "aria-label": q ? "Turn off camera" : "Turn on camera",
                   title: q ? "Stop camera" : "Start camera",
-                  children: /* @__PURE__ */ n(Sn, {})
+                  children: /* @__PURE__ */ n(Nn, {})
                 }
               ),
               /* @__PURE__ */ n(
                 "button",
                 {
-                  ref: pt,
+                  ref: ht,
                   type: "button",
                   className: `ll-tool ll-tool--right ${q ? "is-on" : ""}`,
-                  onClick: (g) => {
-                    g.stopPropagation(), ae((Q) => !Q), Ue(!1);
+                  onClick: (y) => {
+                    y.stopPropagation(), se((Q) => !Q), Ue(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
                   "aria-expanded": je,
-                  children: /* @__PURE__ */ n(wt, {})
+                  children: /* @__PURE__ */ n(bt, {})
                 }
               ),
-              je && B.length > 0 && /* @__PURE__ */ n(
-                hn,
+              je && F.length > 0 && /* @__PURE__ */ n(
+                mn,
                 {
                   label: "Camera",
-                  devices: B,
+                  devices: F,
                   activeId: j,
-                  anchorRef: pt,
-                  onPick: (g) => {
-                    ae(!1), Fe(g);
+                  anchorRef: ht,
+                  onPick: (y) => {
+                    se(!1), Fe(y);
                   }
                 }
               )
@@ -1840,36 +1844,36 @@ const Ur = ({
                 {
                   type: "button",
                   className: `ll-tool ll-tool--left ${U ? "is-muted" : ""}`,
-                  onClick: Ne,
+                  onClick: Ae,
                   "aria-label": U ? "Unmute microphone" : "Mute microphone",
                   title: U ? "Unmute" : "Mute",
-                  children: /* @__PURE__ */ n(Nn, { muted: U })
+                  children: /* @__PURE__ */ n(An, { muted: U })
                 }
               ),
               /* @__PURE__ */ n(
                 "button",
                 {
-                  ref: ge,
+                  ref: me,
                   type: "button",
                   className: `ll-tool ll-tool--right ${U ? "is-muted" : ""}`,
-                  onClick: (g) => {
-                    g.stopPropagation(), Ue((Q) => !Q), ae(!1);
+                  onClick: (y) => {
+                    y.stopPropagation(), Ue((Q) => !Q), se(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": me,
-                  children: /* @__PURE__ */ n(wt, {})
+                  "aria-expanded": ue,
+                  children: /* @__PURE__ */ n(bt, {})
                 }
               ),
-              me && P.length > 0 && /* @__PURE__ */ n(
-                hn,
+              ue && P.length > 0 && /* @__PURE__ */ n(
+                mn,
                 {
                   label: "Microphone",
                   devices: P,
-                  activeId: O,
-                  anchorRef: ge,
-                  onPick: (g) => {
-                    Ue(!1), Be(g);
+                  activeId: B,
+                  anchorRef: me,
+                  onPick: (y) => {
+                    Ue(!1), Be(y);
                   }
                 }
               )
@@ -1879,10 +1883,10 @@ const Ur = ({
               {
                 type: "button",
                 className: `ll-tool ${_e ? "is-muted" : ""}`,
-                onClick: Me,
+                onClick: Re,
                 "aria-label": _e ? "Unmute speaker" : "Mute speaker",
                 title: _e ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(An, { muted: _e })
+                children: /* @__PURE__ */ n(In, { muted: _e })
               }
             ),
             /* @__PURE__ */ n(
@@ -1893,54 +1897,54 @@ const Ur = ({
                 onClick: tt,
                 "aria-label": "End conversation",
                 title: "End conversation",
-                children: /* @__PURE__ */ n(In, {})
+                children: /* @__PURE__ */ n(Mn, {})
               }
             )
           ] }),
-          !xe && F && /* @__PURE__ */ n(
-            Fr,
+          !xe && H && /* @__PURE__ */ n(
+            qr,
             {
               isMuted: U,
-              onToggleMute: Ne,
+              onToggleMute: Ae,
               isCameraEnabled: q,
-              onToggleCamera: Ae,
-              allowCamera: de,
+              onToggleCamera: Ie,
+              allowCamera: fe,
               isScreenShareEnabled: S,
-              onToggleScreenShare: Ie,
+              onToggleScreenShare: Me,
               allowScreenShare: He,
               isSpeakerMuted: _e,
-              onToggleSpeaker: Me,
+              onToggleSpeaker: Re,
               allowTyping: Oe,
-              isTypingOpen: ht,
-              onToggleTyping: se,
+              isTypingOpen: mt,
+              onToggleTyping: Ct,
               onDisconnect: tt
             }
           ),
-          !xe && Oe && (F ? ht : !0) && /* @__PURE__ */ x("form", { className: "ll-message-input", onSubmit: it, children: [
+          !xe && Oe && (H ? mt : !0) && /* @__PURE__ */ x("form", { className: "ll-message-input", onSubmit: Le, children: [
             /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: ue,
-                onChange: (g) => Ee(g.target.value),
+                value: ge,
+                onChange: (y) => re(y.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            ue.trim() && /* @__PURE__ */ n(
+            ge.trim() && /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
                 className: "ll-message-input__send",
                 "aria-label": "Send message",
-                children: /* @__PURE__ */ n(jr, {})
+                children: /* @__PURE__ */ n(Yr, {})
               }
             )
           ] })
         ] }) : null,
         (() => {
-          if (b && y !== "error")
+          if (b && g !== "error")
             return /* @__PURE__ */ x("div", { className: "ll-expanded__banner", role: "alert", children: [
               /* @__PURE__ */ n("span", { children: b }),
               /* @__PURE__ */ n(
@@ -1948,22 +1952,22 @@ const Ur = ({
                 {
                   type: "button",
                   className: "ll-expanded__banner-x",
-                  onClick: Lt,
+                  onClick: xt,
                   "aria-label": "Dismiss",
                   children: "×"
                 }
               )
             ] });
-          if (!I || y !== "error") return null;
-          let g = "Failed to connect", Q = "Try again";
-          return I === "MIC_PERMISSION_DENIED" ? g = "Microphone blocked. Allow access to talk." : I === "MIC_NOT_FOUND" ? g = "No microphone found. Plug one in + retry." : I === "MIC_UNAVAILABLE" ? g = "Mic unavailable. Check other apps using it." : I === "AGENT_TIMEOUT" ? g = "Agent didn't pick up. Try again." : I === "CONNECT_FAILED" ? g = "Connection failed. Check your network." : I.length < 80 && (g = I), /* @__PURE__ */ x("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
-            /* @__PURE__ */ n("span", { children: g }),
+          if (!I || g !== "error") return null;
+          let y = "Failed to connect", Q = "Try again";
+          return I === "MIC_PERMISSION_DENIED" ? y = "Microphone blocked. Allow access to talk." : I === "MIC_NOT_FOUND" ? y = "No microphone found. Plug one in + retry." : I === "MIC_UNAVAILABLE" ? y = "Mic unavailable. Check other apps using it." : I === "AGENT_TIMEOUT" ? y = "Agent didn't pick up. Try again." : I === "CONNECT_FAILED" ? y = "Connection failed. Check your network." : I.length < 80 && (y = I), /* @__PURE__ */ x("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+            /* @__PURE__ */ n("span", { children: y }),
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: ft,
+                onClick: pt,
                 children: Q
               }
             )
@@ -1973,32 +1977,32 @@ const Ur = ({
     }
   );
 };
-function wt() {
+function bt() {
   return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" }) });
 }
-function fn() {
+function pn() {
   return /* @__PURE__ */ x("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function pn() {
+function hn() {
   return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
 }
-function En() {
+function Sn() {
   return /* @__PURE__ */ x("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
     /* @__PURE__ */ n("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
     /* @__PURE__ */ n("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
   ] });
 }
-function Sn() {
+function Nn() {
   return /* @__PURE__ */ x("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("path", { d: "M23 7l-7 5 7 5V7z" }),
     /* @__PURE__ */ n("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
   ] });
 }
-function Nn({ muted: e }) {
+function An({ muted: e }) {
   return /* @__PURE__ */ x("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("path", { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
     /* @__PURE__ */ n("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
@@ -2006,7 +2010,7 @@ function Nn({ muted: e }) {
     e && /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function An({ muted: e }) {
+function In({ muted: e }) {
   return /* @__PURE__ */ x("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("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(ze, { children: [
@@ -2015,13 +2019,13 @@ function An({ muted: e }) {
     ] })
   ] });
 }
-function jr() {
+function Yr() {
   return /* @__PURE__ */ x("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
     /* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
   ] });
 }
-function In() {
+function Mn() {
   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",
     {
@@ -2030,7 +2034,7 @@ function In() {
     }
   ) });
 }
-const hn = ({
+const mn = ({
   label: e,
   devices: t,
   activeId: r,
@@ -2038,7 +2042,7 @@ const hn = ({
   anchorRef: a
 }) => {
   const [i, s] = N(null);
-  return Ln(() => {
+  return kn(() => {
     const l = () => {
       const c = a.current;
       if (!c) return;
@@ -2051,7 +2055,7 @@ const hn = ({
     return l(), window.addEventListener("scroll", l, !0), window.addEventListener("resize", l), () => {
       window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l);
     };
-  }, [a]), i === null || typeof document > "u" ? null : $t(
+  }, [a]), i === null || typeof document > "u" ? null : zt(
     /* @__PURE__ */ x(
       "div",
       {
@@ -2090,7 +2094,7 @@ const hn = ({
     ),
     document.body
   );
-}, Vr = [
+}, Gr = [
   // Accept any value (or empty) — `<input data-ll-private />` and
   // `<input data-ll-private="true" />` both opt out. The bare attribute
   // is the recommended spelling; "true" is preserved for back-compat.
@@ -2098,17 +2102,17 @@ const hn = ({
   "[data-ll-skip]",
   ".ll-widget"
 ];
-function zt(e) {
+function Ht(e) {
   let t = e;
   for (; t; ) {
-    for (const r of Vr)
+    for (const r of Gr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
-function Dt(e) {
-  if (zt(e)) return !1;
+function Pt(e) {
+  if (Ht(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
     const t = (e.getAttribute("autocomplete") || "").toLowerCase();
@@ -2116,7 +2120,7 @@ function Dt(e) {
   }
   return !0;
 }
-const _t = 4096, Yr = 20, Gr = 20, Kr = 10, Jr = 10, Xr = 30, Zr = 20, mn = 500, Qr = [
+const wt = 4096, Kr = 20, Jr = 20, Xr = 10, Zr = 10, Qr = 30, eo = 20, gn = 500, to = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -2124,24 +2128,24 @@ const _t = 4096, Yr = 20, Gr = 20, Kr = 10, Jr = 10, Xr = 30, Zr = 20, mn = 500,
   "noscript",
   "iframe"
 ];
-function dt(e) {
+function ut(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
-    for (const r of Qr)
+    for (const r of to)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
-function ut(e) {
+function ft(e) {
   if (typeof window > "u") return !0;
   const t = e.getBoundingClientRect();
   if (t.width <= 0 || t.height <= 0) return !1;
   const r = window.innerHeight || document.documentElement.clientHeight, o = window.innerWidth || document.documentElement.clientWidth;
   return t.bottom > 0 && t.right > 0 && t.top < r && t.left < o;
 }
-function gn(e) {
+function yn(e) {
   const t = e.getAttribute("id");
   if (t) {
     const i = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(t) : t.replace(/"/g, '\\"'), s = document.querySelector(`label[for="${i}"]`);
@@ -2168,13 +2172,13 @@ function gn(e) {
   const a = e.getAttribute("placeholder");
   return a ? a.trim() : "";
 }
-function oe(e, t) {
+function ie(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-function eo(e) {
+function no(e) {
   return e && e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 60) || null;
 }
-function to(e) {
+function ro(e) {
   const t = e.getAttribute("aria-label");
   if (t) return t.trim().slice(0, 80);
   const r = e.getAttribute("aria-labelledby");
@@ -2203,7 +2207,7 @@ function to(e) {
 function Je(e) {
   return e.length;
 }
-function no(e, t = {}) {
+function oo(e, t = {}) {
   const r = t.doc ?? (typeof document < "u" ? document : null);
   if (!r)
     return {
@@ -2221,114 +2225,114 @@ function no(e, t = {}) {
     r.querySelectorAll("[data-ll-region]")
   ), l = [];
   for (const b of s) {
-    if (l.length >= Kr) break;
-    if (dt(b) || !ut(b)) continue;
-    const P = b.getAttribute("data-ll-region") ?? "", O = b.getAttribute("data-ll-intent") ?? void 0, q = oe(
+    if (l.length >= Xr) break;
+    if (ut(b) || !ft(b)) continue;
+    const P = b.getAttribute("data-ll-region") ?? "", B = b.getAttribute("data-ll-intent") ?? void 0, q = ie(
       (b.innerText || b.textContent || "").trim(),
-      mn * 2
+      gn * 2
     );
-    !P || !q || l.push({ id: P, intent: O, text: q });
+    !P || !q || l.push({ id: P, intent: B, text: q });
   }
   const c = [], p = ["H1", "H2", "H3", "H4", "H5", "H6"], w = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
   for (const b of w) {
-    if (dt(b) || !ut(b)) continue;
+    if (ut(b) || !ft(b)) continue;
     const P = (b.textContent || "").trim();
-    P && c.push(`${b.tagName}: ${oe(P, 200)}`);
+    P && c.push(`${b.tagName}: ${ie(P, 200)}`);
   }
   const m = Array.from(r.querySelectorAll("p, li"));
   for (const b of m) {
-    if (dt(b) || !ut(b) || p.includes(b.tagName)) continue;
+    if (ut(b) || !ft(b) || p.includes(b.tagName)) continue;
     const P = (b.textContent || "").trim();
-    P.length > 10 && c.push(oe(P, mn));
+    P.length > 10 && c.push(ie(P, gn));
   }
   const f = c.join(`
 `), R = [], _ = Array.from(r.querySelectorAll("a[href]"));
   for (const b of _) {
-    if (R.length >= Yr) break;
-    if (dt(b) || !ut(b)) continue;
-    const P = b.getAttribute("href") || "", O = (b.textContent || "").trim();
-    !P || !O || R.push({ href: P, text: oe(O, 100) });
+    if (R.length >= Kr) break;
+    if (ut(b) || !ft(b)) continue;
+    const P = b.getAttribute("href") || "", B = (b.textContent || "").trim();
+    !P || !B || R.push({ href: P, text: ie(B, 100) });
   }
-  const y = [], u = Array.from(
+  const g = [], u = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
   for (const b of u) {
-    if (y.length >= Gr) break;
-    if (dt(b) || !Dt(b) || !ut(b)) continue;
-    const P = gn(b), O = b instanceof HTMLInputElement ? b.type : b.tagName.toLowerCase();
-    P && y.push({ label: oe(P, 100), type: O });
+    if (g.length >= Jr) break;
+    if (ut(b) || !Pt(b) || !ft(b)) continue;
+    const P = yn(b), B = b instanceof HTMLInputElement ? b.type : b.tagName.toLowerCase();
+    P && g.push({ label: ie(P, 100), type: B });
   }
   const h = Array.from(r.querySelectorAll("form")), L = [];
   let A = 0;
   for (const b of h) {
-    if (L.length >= Jr) break;
-    if (zt(b) || b.matches(".ll-widget *, .ll-widget")) continue;
-    const P = b.getAttribute("id") || b.getAttribute("name") || eo(b.getAttribute("data-ll-intent")) || `form_${A++}`, O = b.getAttribute("data-ll-intent") || to(b) || void 0, q = Array.from(
+    if (L.length >= Zr) break;
+    if (Ht(b) || b.matches(".ll-widget *, .ll-widget")) continue;
+    const P = b.getAttribute("id") || b.getAttribute("name") || no(b.getAttribute("data-ll-intent")) || `form_${A++}`, B = b.getAttribute("data-ll-intent") || ro(b) || void 0, q = Array.from(
       b.querySelectorAll(
         "input, textarea, select"
       )
     ), ne = [];
-    let B = 0;
+    let F = 0;
     const j = /* @__PURE__ */ new Set();
     for (const S of q) {
-      if (ne.length >= Xr) break;
-      if (!Dt(S)) continue;
+      if (ne.length >= Qr) break;
+      if (!Pt(S)) continue;
       if (S instanceof HTMLInputElement) {
-        const F = S.type;
-        if (F === "submit" || F === "button" || F === "reset" || F === "hidden" || F === "image" || F === "file") continue;
+        const H = S.type;
+        if (H === "submit" || H === "button" || H === "reset" || H === "hidden" || H === "image" || H === "file") continue;
       }
       const Z = S.getAttribute("name") || "", _e = S.getAttribute("id") || "";
-      let de = Z || _e || `field_${B}`;
-      j.has(de) && (de = `${de}__${B}`), j.add(de), B++;
-      const He = gn(S) || de, Oe = S instanceof HTMLInputElement ? S.type : S.tagName.toLowerCase(), X = {
-        name: de,
-        label: oe(He, 100),
+      let fe = Z || _e || `field_${F}`;
+      j.has(fe) && (fe = `${fe}__${F}`), j.add(fe), F++;
+      const He = yn(S) || fe, Oe = S instanceof HTMLInputElement ? S.type : S.tagName.toLowerCase(), X = {
+        name: fe,
+        label: ie(He, 100),
         type: Oe
       };
       S.required === !0 && (X.required = !0);
-      const Se = S.getAttribute("placeholder");
-      if (Se && (X.placeholder = oe(Se.trim(), 100)), S instanceof HTMLInputElement || S instanceof HTMLTextAreaElement) {
-        const F = S.getAttribute("minlength");
-        if (F !== null) {
-          const Y = parseInt(F, 10);
+      const Ne = S.getAttribute("placeholder");
+      if (Ne && (X.placeholder = ie(Ne.trim(), 100)), S instanceof HTMLInputElement || S instanceof HTMLTextAreaElement) {
+        const H = S.getAttribute("minlength");
+        if (H !== null) {
+          const Y = parseInt(H, 10);
           !Number.isNaN(Y) && Y >= 0 && (X.minLength = Y);
         }
-        const ie = S.getAttribute("maxlength");
-        if (ie !== null) {
-          const Y = parseInt(ie, 10);
+        const le = S.getAttribute("maxlength");
+        if (le !== null) {
+          const Y = parseInt(le, 10);
           !Number.isNaN(Y) && Y >= 0 && (X.maxLength = Y);
         }
       }
       if (S instanceof HTMLInputElement) {
-        const F = S.getAttribute("min");
-        F !== null && (X.min = oe(F, 50));
-        const ie = S.getAttribute("max");
-        ie !== null && (X.max = oe(ie, 50));
+        const H = S.getAttribute("min");
+        H !== null && (X.min = ie(H, 50));
+        const le = S.getAttribute("max");
+        le !== null && (X.max = ie(le, 50));
         const Y = S.getAttribute("step");
-        Y !== null && (X.step = oe(Y, 20));
-        const fe = S.getAttribute("pattern");
-        fe !== null && (X.pattern = oe(fe, 200));
+        Y !== null && (X.step = ie(Y, 20));
+        const pe = S.getAttribute("pattern");
+        pe !== null && (X.pattern = ie(pe, 200));
         const K = (S.getAttribute("autocomplete") || "").toLowerCase();
-        K && K !== "off" && !K.startsWith("cc-") && (X.autocomplete = oe(K, 50));
+        K && K !== "off" && !K.startsWith("cc-") && (X.autocomplete = ie(K, 50));
       }
       if (S instanceof HTMLSelectElement) {
-        const F = [];
-        for (let ie = 0; ie < S.options.length && !(F.length >= Zr); ie++) {
-          const Y = S.options[ie];
+        const H = [];
+        for (let le = 0; le < S.options.length && !(H.length >= eo); le++) {
+          const Y = S.options[le];
           if (!Y || Y.disabled) continue;
-          const fe = Y.value || "", K = (Y.textContent || "").trim() || fe;
-          !fe && !K || F.push({ value: fe, label: oe(K, 60) });
+          const pe = Y.value || "", K = (Y.textContent || "").trim() || pe;
+          !pe && !K || H.push({ value: pe, label: ie(K, 60) });
         }
-        F.length > 0 && (X.options = F);
+        H.length > 0 && (X.options = H);
       }
       const xe = typeof S.validationMessage == "string" ? S.validationMessage : "";
-      xe && (X.validationMessage = oe(xe, 200)), ne.push(X);
+      xe && (X.validationMessage = ie(xe, 200)), ne.push(X);
     }
-    L.push({ id: P, intent: O, fields: ne });
+    L.push({ id: P, intent: B, fields: ne });
   }
   const I = {
     url: o,
@@ -2337,30 +2341,30 @@ function no(e, t = {}) {
     regions: l,
     visibleText: f,
     visibleLinks: R,
-    visibleFields: y,
+    visibleFields: g,
     forms: L,
     extras: e
   };
   let U = Je(JSON.stringify(I.regions)) + Je(I.visibleText) + Je(JSON.stringify(I.visibleLinks)) + Je(JSON.stringify(I.visibleFields));
-  for (; U > _t && I.visibleFields.length > 0; )
+  for (; U > wt && I.visibleFields.length > 0; )
     I.visibleFields.pop(), U = Je(JSON.stringify(I.visibleFields));
-  for (; U > _t && I.visibleLinks.length > 0; )
+  for (; U > wt && I.visibleLinks.length > 0; )
     I.visibleLinks.pop(), U -= 80;
-  return Je(I.visibleText) > _t && (I.visibleText = oe(I.visibleText, _t - 100)), I;
+  return Je(I.visibleText) > wt && (I.visibleText = ie(I.visibleText, wt - 100)), I;
 }
 let Xe = null;
-function yn(e, t = {}) {
+function vn(e, t = {}) {
   const r = Date.now(), a = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
   if (Xe && Xe.key === a && r - Xe.at < 1e3)
     return Xe.ctx;
-  const i = no(e, t);
+  const i = oo(e, t);
   return Xe = { key: a, at: r, ctx: i }, i;
 }
-function ro() {
+function io() {
   Xe = null;
 }
-const oo = 200;
-function io(e) {
+const lo = 200;
+function ao(e) {
   const t = String(e.href || "");
   return {
     href: t,
@@ -2370,18 +2374,18 @@ function io(e) {
     description: e.description
   };
 }
-function lo(e) {
+function so(e) {
   return !(!e || e.startsWith("#") || e.startsWith("javascript:") || e.startsWith("mailto:") || e.startsWith("tel:"));
 }
-function ao(e) {
+function co(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
   const r = typeof window < "u" && window.location.origin || "", o = /* @__PURE__ */ new Set(), a = [], i = Array.from(t.querySelectorAll("a[href]"));
   for (const s of i) {
-    if (a.length >= oo) break;
-    if (zt(s)) continue;
+    if (a.length >= lo) break;
+    if (Ht(s)) continue;
     const l = s.getAttribute("href") || "";
-    if (!lo(l)) continue;
+    if (!so(l)) continue;
     let c = l, p = !0;
     try {
       if (typeof window < "u") {
@@ -2399,18 +2403,18 @@ function ao(e) {
   return a;
 }
 let Ze = null;
-const so = 5e3;
-function Rt() {
+const uo = 5e3;
+function Tt() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (Ze && Ze.pathname === t && e - Ze.at < so)
+  if (Ze && Ze.pathname === t && e - Ze.at < uo)
     return Ze.routes;
-  const r = ao();
+  const r = co();
   return Ze = { at: e, pathname: t, routes: r }, r;
 }
-function co() {
+function fo() {
   Ze = null;
 }
-function vn(e) {
+function bn(e) {
   if (e instanceof HTMLInputElement) {
     const t = e.type;
     if (t === "submit" || t === "button" || t === "reset" || t === "hidden" || t === "image" || t === "file")
@@ -2418,16 +2422,16 @@ function vn(e) {
   }
   return !0;
 }
-function uo(e, t) {
+function po(e, t) {
   return e.getAttribute("name") || e.getAttribute("id") || `field_${t}`;
 }
-function fo(e, t) {
+function ho(e, t) {
   if (!t) return null;
   try {
     const i = e.querySelector(
       `[name="${t.replace(/"/g, '\\"')}"]`
     );
-    if (i && vn(i)) return i;
+    if (i && bn(i)) return i;
   } catch {
   }
   const r = Array.from(
@@ -2436,23 +2440,23 @@ function fo(e, t) {
   let o = 0;
   const a = /* @__PURE__ */ new Map();
   for (const i of r) {
-    if (!vn(i)) continue;
-    const s = uo(i, o);
+    if (!bn(i)) continue;
+    const s = po(i, o);
     let l = s;
     if (a.has(s) && (l = `${s}__${o}`), l === t) return i;
     a.set(s, i), o++;
   }
   return null;
 }
-function bn(e, t) {
-  const r = fo(e, t);
-  return r ? Dt(r) ? { el: r } : { el: null, reason: "private" } : { el: null, reason: "not_found" };
+function wn(e, t) {
+  const r = ho(e, t);
+  return r ? Pt(r) ? { el: r } : { el: null, reason: "private" } : { el: null, reason: "not_found" };
 }
-function po(e, t) {
+function mo(e, t) {
   const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, o = Object.getOwnPropertyDescriptor(r, "value"), a = o == null ? void 0 : o.set;
   a ? a.call(e, t) : e.value = t;
 }
-function ho(e, t, r = {}) {
+function go(e, t, r = {}) {
   const o = r.triggerInput ?? !0, a = r.triggerChange ?? !0;
   if (e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio")) {
     const i = Object.getOwnPropertyDescriptor(
@@ -2462,9 +2466,9 @@ function ho(e, t, r = {}) {
     s ? s.call(e, l) : e.checked = l, o && e.dispatchEvent(new Event("input", { bubbles: !0 })), a && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
-  po(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), a && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  mo(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), a && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
-function wn(e, t) {
+function _n(e, t) {
   if (!t) return null;
   const r = t.replace(/"/g, '\\"');
   try {
@@ -2485,7 +2489,7 @@ function wn(e, t) {
   const i = Array.from(e.querySelectorAll("form"));
   for (const s of i) {
     const l = s.getAttribute("data-ll-intent");
-    if (l && mo(l) === t) return s;
+    if (l && yo(l) === t) return s;
   }
   if (/^form_\d+$/.test(t)) {
     const s = parseInt(t.slice(5), 10);
@@ -2498,10 +2502,10 @@ function wn(e, t) {
   }
   return null;
 }
-function mo(e) {
+function yo(e) {
   return e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 60) || null;
 }
-function go() {
+function vo() {
   if (typeof window > "u" || typeof document > "u")
     return !1;
   const e = document.scrollingElement || document.documentElement;
@@ -2509,19 +2513,19 @@ function go() {
   const t = window.getComputedStyle(e);
   return !(t.overflowY === "hidden" || t.overflowY === "clip");
 }
-function yo(e) {
+function bo(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const r = window.getComputedStyle(e).overflowY;
   return !(r !== "auto" && r !== "scroll" || e.scrollHeight <= e.clientHeight + 2);
 }
-function vo() {
+function wo() {
   if (typeof document > "u") return null;
   const e = Array.from(
     document.querySelectorAll("body, body *")
   );
   let t = null, r = 0;
   for (const o of e) {
-    if (!yo(o)) continue;
+    if (!bo(o)) continue;
     const a = o.getBoundingClientRect();
     if (a.bottom <= 0 || a.top >= window.innerHeight || a.right <= 0 || a.left >= window.innerWidth || a.width <= 0 || a.height <= 0 || o.closest(".ll-widget")) continue;
     const i = a.width * a.height;
@@ -2529,24 +2533,24 @@ function vo() {
   }
   return t;
 }
-function bo() {
+function _o() {
   if (typeof window > "u")
     return null;
-  if (go()) return window;
-  const e = vo();
+  if (vo()) return window;
+  const e = wo();
   return e || window;
 }
-function _n(e) {
+function xn(e) {
   return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
 }
-function wo(e) {
+function xo(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 _o = /* @__PURE__ */ new Set([
+const Lo = /* @__PURE__ */ new Set([
   "agent_state",
   "avatar_stream_ready",
   "avatar_active",
@@ -2576,9 +2580,9 @@ const _o = /* @__PURE__ */ new Set([
   // to onAgentCommand.
   "task_field_updated",
   "task_completed"
-]), Mn = Pt(
+]), Rn = $t(
   function(t, r) {
-    var Gt, Kt, Jt, Xt, Zt, Qt, en;
+    var Kt, Jt, Xt, Zt, Qt, en, tn;
     const {
       agentId: o,
       apiKey: a,
@@ -2599,7 +2603,7 @@ const _o = /* @__PURE__ */ new Set([
       defaultDisplayMode: f = "expanded",
       onDisplayModeChange: R,
       position: _ = "bottom-right",
-      mobileBreakpoint: y = 640,
+      mobileBreakpoint: g = 640,
       persistKey: u = "ll-widget",
       disablePersistence: h = !1,
       teamMembers: L,
@@ -2608,64 +2612,64 @@ const _o = /* @__PURE__ */ new Set([
       idleLoopUrl: U,
       greeting: b,
       avatarImageUrl: P,
-      agentName: O,
+      agentName: B,
       branding: q = {},
       allowCamera: ne = !0,
-      allowScreenShare: B = !0,
+      allowScreenShare: F = !0,
       allowTyping: j = !0,
       showMinimize: S,
       showClose: Z,
       chromeless: _e = !1,
-      floatingChromeContainer: de = null,
+      floatingChromeContainer: fe = null,
       compactControls: He = !1,
       transforming: Oe = !1,
       transformingLabel: X = "Transforming…",
-      showOn: Se,
+      showOn: Ne,
       hideOn: xe,
-      pathname: F,
-      onNavigate: ie,
+      pathname: H,
+      onNavigate: le,
       onScrollToSelector: Y,
-      getPageContext: fe,
+      getPageContext: pe,
       pageContextExtras: K,
       getRoutes: et,
       onScrollPage: tt,
-      onClick: ft,
+      onClick: pt,
       capabilities: nt,
-      onConnect: Ne,
+      onConnect: Ae,
       onDisconnect: Be,
-      onTranscript: Ae,
+      onTranscript: Ie,
       onAgentState: Fe,
-      onConnectionStateChange: Ie,
-      onAgentEvent: Me,
-      onAgentCommand: Re,
-      onCollect: Te,
+      onConnectionStateChange: Me,
+      onAgentEvent: Re,
+      onAgentCommand: Te,
+      onCollect: De,
       controlledSession: $,
-      className: Lt,
-      style: De,
+      className: xt,
+      style: Pe,
       zIndex: We = 2147483647
-    } = t, pe = vr(F), rt = Cr(pe, Se, xe);
+    } = t, he = wr(H), rt = Sr(he, Ne, xe);
     T(() => {
-      ro(), co();
-    }, [pe]);
-    const Pe = A !== void 0, [qe, kt] = N(() => {
+      io(), fo();
+    }, [he]);
+    const $e = A !== void 0, [qe, Lt] = N(() => {
       var v;
       return A ?? ((v = L == null ? void 0 : L[0]) == null ? void 0 : v.id);
-    }), Ce = Pe ? A : qe, le = Qe(
+    }), Ce = $e ? A : qe, ae = Qe(
       () => (L == null ? void 0 : L.find((v) => v.id === Ce)) ?? null,
       [L, Ce]
-    ), ot = (le == null ? void 0 : le.agentId) ?? o, he = p === "EMBEDDED", me = gr(y), [Ue, je] = hr({
+    ), ot = (ae == null ? void 0 : ae.agentId) ?? o, de = p === "EMBEDDED", ue = vr(g), [Ue, je] = gr({
       value: m,
       defaultValue: f,
       onChange: R,
       persistKey: u,
-      disablePersistence: he || h
-    }), ae = he ? "expanded" : Ue, ge = he ? () => {
-    } : je, pt = S ?? !he, ht = Z ?? !he, $e = tr(), se = rr(), ue = ir(), Ee = lr(), it = ar(), [mt, lt] = N(!1), [ye, Le] = N(!1), [Ve, Ye] = N(!1), [Ct, gt] = N(!1), [g, Q] = N(!1), yt = Sr({ baseUrl: i, config: c }), vt = M(yt);
-    vt.current = yt;
-    const Et = M(ie), St = M(Y), Nt = M(tt), At = M(ft), Ht = M(fe), Ot = M(K), Bt = M(et), It = M(nt), ve = M(null);
-    Et.current = ie, St.current = Y, Nt.current = tt, At.current = ft, Ht.current = fe, Ot.current = K, Bt.current = et, It.current = nt;
+      disablePersistence: de || h
+    }), se = de ? "expanded" : Ue, me = de ? () => {
+    } : je, ht = S ?? !de, mt = Z ?? !de, kt = _e || !de && ue, Ct = He || !de && ue, ge = rr(), re = ir(), Le = ar(), Ee = sr(), it = cr(), [Se, ye] = N(!1), [Ve, lt] = N(!1), [at, Ye] = N(!1), [y, Q] = N(!1), [Et, Tn] = N(!1), gt = Ar({ baseUrl: i, config: c }), yt = M(gt);
+    yt.current = gt;
+    const St = M(le), Nt = M(Y), At = M(tt), It = M(pt), Ot = M(pe), Bt = M(K), Ft = M(et), Mt = M(nt), ve = M(null);
+    St.current = le, Nt.current = Y, At.current = tt, It.current = pt, Ot.current = pe, Bt.current = K, Ft.current = et, Mt.current = nt;
     function be(v) {
-      const d = It.current;
+      const d = Mt.current;
       return d ? d.includes(v) : !0;
     }
     function we(v, d) {
@@ -2673,12 +2677,12 @@ const _o = /* @__PURE__ */ new Set([
         `[LiveLayer] Agent command "${v}" blocked — capability "${d}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
       );
     }
-    const at = E(
+    const st = E(
       (v) => {
-        var J, re, ke, ct;
+        var J, oe, ke, dt;
         const d = v;
         if (!(!d.type || typeof d.type != "string")) {
-          if (Me == null || Me({ eventName: d.type, data: v }), d.type === "navigate") {
+          if (Re == null || Re({ eventName: d.type, data: v }), d.type === "navigate") {
             if (!be("navigate")) {
               we("navigate", "navigate");
               return;
@@ -2690,9 +2694,9 @@ const _o = /* @__PURE__ */ new Set([
               );
               return;
             }
-            if (vt.current.playPageChange(), Et.current) {
+            if (yt.current.playPageChange(), St.current) {
               try {
-                Et.current(k);
+                St.current(k);
               } catch (D) {
                 console.warn(
                   `[LiveLayer] onNavigate threw for "${k}". Falling back. Error:`,
@@ -2729,9 +2733,9 @@ const _o = /* @__PURE__ */ new Set([
             const k = typeof d.selector == "string" ? d.selector : null;
             if (!k) return;
             const D = d.behavior === "instant" ? "instant" : "smooth";
-            if (St.current) {
+            if (Nt.current) {
               try {
-                St.current(
+                Nt.current(
                   k,
                   D
                 );
@@ -2777,10 +2781,10 @@ const _o = /* @__PURE__ */ new Set([
                 } catch (ce) {
                   console.warn("[LiveLayer] publishData failed.", ce);
                 }
-            }, H = Ot.current, V = Ht.current;
+            }, O = Bt.current, V = Ot.current;
             try {
               if (V) {
-                const G = V(H);
+                const G = V(O);
                 if (G instanceof Promise) {
                   W({ type: "page_context_pending" }), G.then((z) => W({ type: "page_context", context: z })).catch((z) => {
                     console.warn(
@@ -2788,7 +2792,7 @@ const _o = /* @__PURE__ */ new Set([
                       z
                     ), W({
                       type: "page_context",
-                      context: yn(H)
+                      context: vn(O)
                     });
                   });
                   return;
@@ -2798,7 +2802,7 @@ const _o = /* @__PURE__ */ new Set([
               }
               W({
                 type: "page_context",
-                context: yn(H)
+                context: vn(O)
               });
             } catch (G) {
               console.warn(
@@ -2806,7 +2810,7 @@ const _o = /* @__PURE__ */ new Set([
                 G
               ), W({
                 type: "page_context",
-                context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: H }
+                context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: O }
               });
             }
             return;
@@ -2824,9 +2828,9 @@ const _o = /* @__PURE__ */ new Set([
               return;
             }
             const D = d.behavior === "instant" ? "instant" : "smooth";
-            if (Nt.current) {
+            if (At.current) {
               try {
-                Nt.current(
+                At.current(
                   k,
                   D
                 );
@@ -2836,12 +2840,12 @@ const _o = /* @__PURE__ */ new Set([
               return;
             }
             if (typeof window > "u") return;
-            const W = { behavior: D }, H = bo(), V = (z) => {
-              H instanceof Window ? H.scrollBy({ top: z, ...W }) : H.scrollBy({ top: z, ...W });
+            const W = { behavior: D }, O = _o(), V = (z) => {
+              O instanceof Window ? O.scrollBy({ top: z, ...W }) : O.scrollBy({ top: z, ...W });
             }, G = (z) => {
-              H instanceof Window ? H.scrollTo({ top: z, ...W }) : H.scrollTo({ top: z, ...W });
+              O instanceof Window ? O.scrollTo({ top: z, ...W }) : O.scrollTo({ top: z, ...W });
             };
-            k === "up" ? V(-_n(H)) : k === "down" ? V(_n(H)) : G(k === "top" ? 0 : wo(H));
+            k === "up" ? V(-xn(O)) : k === "down" ? V(xn(O)) : G(k === "top" ? 0 : xo(O));
             return;
           }
           if (d.type === "click") {
@@ -2854,9 +2858,9 @@ const _o = /* @__PURE__ */ new Set([
               console.warn("[LiveLayer] click: missing selector.");
               return;
             }
-            if (At.current) {
+            if (It.current) {
               try {
-                At.current(k);
+                It.current(k);
               } catch (W) {
                 console.warn("[LiveLayer] onClick threw.", W);
               }
@@ -2884,7 +2888,7 @@ const _o = /* @__PURE__ */ new Set([
               );
               return;
             }
-            (re = D.click) == null || re.call(D);
+            (oe = D.click) == null || oe.call(D);
             return;
           }
           if (d.type === "fill_form" || d.type === "focus_field") {
@@ -2893,13 +2897,13 @@ const _o = /* @__PURE__ */ new Set([
               return;
             }
             if (typeof document > "u") return;
-            d.type === "fill_form" && vt.current.playConfirmation();
+            d.type === "fill_form" && yt.current.playConfirmation();
             const k = typeof d.formId == "string" ? d.formId : null;
             if (!k) {
               console.warn(`[LiveLayer] ${d.type}: missing formId.`);
               return;
             }
-            const D = wn(document, k);
+            const D = _n(document, k);
             if (!D) {
               console.warn(
                 `[LiveLayer] ${d.type}: no <form> matched id="${k}" (or matching name / data-ll-intent slug). Forms are auto-discovered — make sure the form has an \`id\`, \`name\`, or \`data-ll-intent\` attribute the agent observed in PageContext.forms.`
@@ -2913,17 +2917,17 @@ const _o = /* @__PURE__ */ new Set([
               return;
             }
             if (d.type === "focus_field") {
-              const H = typeof d.fieldName == "string" ? d.fieldName : null;
-              if (!H) {
+              const O = typeof d.fieldName == "string" ? d.fieldName : null;
+              if (!O) {
                 console.warn("[LiveLayer] focus_field: missing fieldName.");
                 return;
               }
-              const V = bn(D, H);
+              const V = wn(D, O);
               if (V.el === null) {
                 V.reason === "private" ? console.warn(
-                  `[LiveLayer] focus_field: field "${H}" is privacy-protected and not focusable.`
+                  `[LiveLayer] focus_field: field "${O}" is privacy-protected and not focusable.`
                 ) : console.warn(
-                  `[LiveLayer] focus_field: no input matching key="${H}" in form "${k}". The agent should use the field.name it observed in PageContext.forms[].fields[].`
+                  `[LiveLayer] focus_field: no input matching key="${O}" in form "${k}". The agent should use the field.name it observed in PageContext.forms[].fields[].`
                 );
                 return;
               }
@@ -2935,22 +2939,22 @@ const _o = /* @__PURE__ */ new Set([
               console.warn("[LiveLayer] fill_form: missing or invalid values.");
               return;
             }
-            for (const [H, V] of Object.entries(W)) {
+            for (const [O, V] of Object.entries(W)) {
               if (typeof V != "string") continue;
-              const G = bn(D, H);
+              const G = wn(D, O);
               if (G.el === null) {
                 G.reason === "private" ? console.warn(
-                  `[LiveLayer] fill_form: field "${H}" is privacy-protected (password / cc-* / data-ll-private). Skipping.`
+                  `[LiveLayer] fill_form: field "${O}" is privacy-protected (password / cc-* / data-ll-private). Skipping.`
                 ) : console.warn(
-                  `[LiveLayer] fill_form: no input matching key="${H}" in form "${k}". The agent should use the field.name it observed in PageContext.forms[].fields[]. Skipping.`
+                  `[LiveLayer] fill_form: no input matching key="${O}" in form "${k}". The agent should use the field.name it observed in PageContext.forms[].fields[]. Skipping.`
                 );
                 continue;
               }
               try {
-                ho(G.el, V);
+                go(G.el, V);
               } catch (z) {
                 console.warn(
-                  `[LiveLayer] fill_form: failed to set "${H}".`,
+                  `[LiveLayer] fill_form: failed to set "${O}".`,
                   z
                 );
               }
@@ -2968,8 +2972,8 @@ const _o = /* @__PURE__ */ new Set([
               console.warn("[LiveLayer] submit_form: missing formId.");
               return;
             }
-            vt.current.playConfirmation();
-            const D = wn(document, k);
+            yt.current.playConfirmation();
+            const D = _n(document, k);
             if (!D) {
               console.warn(
                 `[LiveLayer] submit_form: no <form> matched id="${k}" (or matching name / data-ll-intent slug).`
@@ -2982,12 +2986,12 @@ const _o = /* @__PURE__ */ new Set([
               );
               return;
             }
-            const W = typeof d.requestId == "string" ? d.requestId : void 0, H = (ke = ve.current) == null ? void 0 : ke.call(ve), V = (te) => {
-              const ce = H, Ke = ce == null ? void 0 : ce.localParticipant;
+            const W = typeof d.requestId == "string" ? d.requestId : void 0, O = (ke = ve.current) == null ? void 0 : ke.call(ve), V = (te) => {
+              const ce = O, Ke = ce == null ? void 0 : ce.localParticipant;
               if (Ke != null && Ke.publishData)
                 try {
-                  const Un = W ? { ...te, requestId: W } : te, jn = new TextEncoder().encode(JSON.stringify(Un));
-                  Ke.publishData(jn, { reliable: !0 });
+                  const Vn = W ? { ...te, requestId: W } : te, Yn = new TextEncoder().encode(JSON.stringify(Vn));
+                  Ke.publishData(Yn, { reliable: !0 });
                 } catch {
                 }
             };
@@ -3020,16 +3024,16 @@ const _o = /* @__PURE__ */ new Set([
               we("request_routes", "read_page");
               return;
             }
-            const k = typeof d.requestId == "string" ? d.requestId : void 0, W = (ct = ve.current) == null ? void 0 : ct.call(ve), H = W == null ? void 0 : W.localParticipant;
-            if (!(H != null && H.publishData)) return;
+            const k = typeof d.requestId == "string" ? d.requestId : void 0, W = (dt = ve.current) == null ? void 0 : dt.call(ve), O = W == null ? void 0 : W.localParticipant;
+            if (!(O != null && O.publishData)) return;
             const V = (z) => {
               try {
                 const te = k ? { type: "routes", routes: z, requestId: k } : { type: "routes", routes: z }, ce = new TextEncoder().encode(JSON.stringify(te));
-                H.publishData(ce, { reliable: !0 });
+                O.publishData(ce, { reliable: !0 });
               } catch (te) {
                 console.warn("[LiveLayer] request_routes: publishData failed.", te);
               }
-            }, G = Bt.current;
+            }, G = Ft.current;
             if (G) {
               try {
                 const z = G(), te = (ce) => {
@@ -3037,24 +3041,24 @@ const _o = /* @__PURE__ */ new Set([
                     V([]);
                     return;
                   }
-                  V(ce.map(io).slice(0, 200));
+                  V(ce.map(ao).slice(0, 200));
                 };
                 z instanceof Promise ? z.then(te).catch((ce) => {
                   console.warn(
                     "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
                     ce
-                  ), V(Rt());
+                  ), V(Tt());
                 }) : te(z);
               } catch (z) {
                 console.warn(
                   "[LiveLayer] getRoutes threw; falling back to DOM walker.",
                   z
-                ), V(Rt());
+                ), V(Tt());
               }
               return;
             }
             try {
-              V(Rt());
+              V(Tt());
             } catch (z) {
               console.warn("[LiveLayer] request_routes: extractRoutes threw.", z);
             }
@@ -3106,7 +3110,7 @@ const _o = /* @__PURE__ */ new Set([
               } catch {
               }
             try {
-              Te == null || Te(
+              De == null || De(
                 k
               );
             } catch (D) {
@@ -3114,22 +3118,22 @@ const _o = /* @__PURE__ */ new Set([
             }
             return;
           }
-          _o.has(d.type) || Re == null || Re(d);
+          Lo.has(d.type) || Te == null || Te(d);
         }
       },
-      [Re, Me, Te]
-    ), ee = er({
+      [Te, Re, De]
+    ), ee = nr({
       agentId: $ ? "__controlled__" : ot,
       baseUrl: i,
       apiKey: a,
       sessionEndpoint: s,
       sessionBody: l,
-      onDataMessage: $ ? void 0 : at
+      onDataMessage: $ ? void 0 : st
     });
     T(() => {
       if ($ != null && $.subscribeToDataMessages)
-        return $.subscribeToDataMessages(at);
-    }, [$, at]), ve.current = () => {
+        return $.subscribeToDataMessages(st);
+    }, [$, st]), ve.current = () => {
       var v;
       return (v = ee.getRoom) == null ? void 0 : v.call(ee);
     }, T(() => {
@@ -3137,16 +3141,16 @@ const _o = /* @__PURE__ */ new Set([
       if (typeof window > "u") return;
       const v = ((J = window.location) == null ? void 0 : J.hostname) || "";
       if (v === "localhost" || v === "127.0.0.1" || v === "0.0.0.0" || v.endsWith(".local") || v.endsWith(".test"))
-        return window.__livelayerSimulateCommand = (re) => {
+        return window.__livelayerSimulateCommand = (oe) => {
           try {
-            at(re);
+            st(oe);
           } catch (ke) {
             console.warn("[LiveLayer] simulate-command threw:", ke);
           }
         }, () => {
           delete window.__livelayerSimulateCommand;
         };
-    }, [at]);
+    }, [st]);
     const C = Qe(() => $ ? {
       connectionState: $.connectionState,
       agentState: $.agentState,
@@ -3178,15 +3182,15 @@ const _o = /* @__PURE__ */ new Set([
       disconnect: ee.disconnect,
       getRoom: ee.getRoom,
       isControlled: !1
-    }, [$, ee]), Ft = M(C);
-    Ft.current = C;
-    const Wt = M($);
-    Wt.current = $, Yn(
+    }, [$, ee]), Wt = M(C);
+    Wt.current = C;
+    const qt = M($);
+    qt.current = $, Kn(
       r,
       () => ({
         sendData: async (v) => {
-          var ke, ct;
-          const d = Wt.current;
+          var ke, dt;
+          const d = qt.current;
           if (d != null && d.publishData) {
             try {
               await d.publishData(v);
@@ -3195,11 +3199,11 @@ const _o = /* @__PURE__ */ new Set([
             }
             return;
           }
-          const J = (ct = (ke = Ft.current) == null ? void 0 : ke.getRoom) == null ? void 0 : ct.call(ke), re = J == null ? void 0 : J.localParticipant;
-          if (re != null && re.publishData)
+          const J = (dt = (ke = Wt.current) == null ? void 0 : ke.getRoom) == null ? void 0 : dt.call(ke), oe = J == null ? void 0 : J.localParticipant;
+          if (oe != null && oe.publishData)
             try {
               const k = new TextEncoder().encode(JSON.stringify(v));
-              await re.publishData(k, { reliable: !0 });
+              await oe.publishData(k, { reliable: !0 });
             } catch (k) {
               console.warn("[AvatarWidget] sendData failed:", k);
             }
@@ -3207,9 +3211,9 @@ const _o = /* @__PURE__ */ new Set([
       }),
       []
     );
-    const qt = M(null);
+    const Ut = M(null);
     T(() => {
-      const v = C.videoElement, d = qt.current;
+      const v = C.videoElement, d = Ut.current;
       if (!(!v || !d))
         return d.appendChild(v), () => {
           v.parentNode === d && d.removeChild(v);
@@ -3218,37 +3222,37 @@ const _o = /* @__PURE__ */ new Set([
       const v = C.audioElement;
       if (!v) return;
       const d = document.createElement("div");
-      d.className = "ll-audio-sink", d.setAttribute("aria-hidden", "true"), d.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none;", d.appendChild(v), document.body.appendChild(d), $e.attach(v);
+      d.className = "ll-audio-sink", d.setAttribute("aria-hidden", "true"), d.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none;", d.appendChild(v), document.body.appendChild(d), ge.attach(v);
       const J = v.play();
-      return J && typeof J.catch == "function" && J.catch((re) => {
-        (re == null ? void 0 : re.name) === "NotAllowedError" && lt(!0);
+      return J && typeof J.catch == "function" && J.catch((oe) => {
+        (oe == null ? void 0 : oe.name) === "NotAllowedError" && ye(!0);
       }), () => {
-        $e.detach(), v.parentNode === d && d.removeChild(v), d.parentNode === document.body && document.body.removeChild(d);
+        ge.detach(), v.parentNode === d && d.removeChild(v), d.parentNode === document.body && document.body.removeChild(d);
       };
     }, [C.audioElement]), T(() => {
       if (C.isControlled || C.connectionState !== "connected") return;
       const v = C.getRoom();
       if (v)
-        return se.setupMic(v).then(() => {
-          const d = se.getMicStream();
-          d && $e.attachStream(d, "mic");
+        return re.setupMic(v).then(() => {
+          const d = re.getMicStream();
+          d && ge.attachStream(d, "mic");
         }).catch(() => {
         }), () => {
-          $e.detachSlot("mic"), se.teardownMic();
+          ge.detachSlot("mic"), re.teardownMic();
         };
     }, [C.isControlled, C.connectionState]), T(() => {
       var d;
       if (C.connectionState !== "connected") return;
       const v = C.isControlled ? (d = $ == null ? void 0 : $.getRoom) == null ? void 0 : d.call($) : C.getRoom();
       if (v)
-        return ue.attachRoom(v), Ee.attachRoom(v), C.isControlled && se.attachRoom(v), it.refresh(), () => {
-          ue.teardown(), Ee.teardown();
+        return Le.attachRoom(v), Ee.attachRoom(v), C.isControlled && re.attachRoom(v), it.refresh(), () => {
+          Le.teardown(), Ee.teardown();
         };
     }, [C.isControlled, C.connectionState, $]), T(() => {
       const v = C.audioElement;
-      v && (v.muted = g);
-    }, [C.audioElement, g]);
-    const Rn = E((v) => {
+      v && (v.muted = Et);
+    }, [C.audioElement, Et]);
+    const Dn = E((v) => {
       const d = { type: "user_message", text: v };
       if ($ != null && $.publishData) {
         try {
@@ -3260,202 +3264,202 @@ const _o = /* @__PURE__ */ new Set([
       const J = C.getRoom();
       if (J)
         try {
-          const re = new TextEncoder().encode(JSON.stringify(d));
-          J.localParticipant.publishData(re, { reliable: !0 });
+          const oe = new TextEncoder().encode(JSON.stringify(d));
+          J.localParticipant.publishData(oe, { reliable: !0 });
         } catch {
         }
-    }, [C, $]), Tn = E(() => {
-      Q((v) => !v);
+    }, [C, $]), Pn = E(() => {
+      Tn((v) => !v);
     }, []);
     T(() => {
-      Ie == null || Ie(C.connectionState), C.connectionState === "connected" ? Ne == null || Ne() : C.connectionState === "disconnected" && (Be == null || Be());
-    }, [C.connectionState, Ne, Be, Ie]), T(() => {
-      Ae == null || Ae(C.transcript);
-    }, [C.transcript, Ae]), T(() => {
+      Me == null || Me(C.connectionState), C.connectionState === "connected" ? Ae == null || Ae() : C.connectionState === "disconnected" && (Be == null || Be());
+    }, [C.connectionState, Ae, Be, Me]), T(() => {
+      Ie == null || Ie(C.transcript);
+    }, [C.transcript, Ie]), T(() => {
       Fe == null || Fe(C.agentState);
     }, [C.agentState, Fe]), T(() => {
-      yt.setThinking(C.agentState === "thinking");
-    }, [C.agentState, yt]);
-    const Ut = M(!1);
+      gt.setThinking(C.agentState === "thinking");
+    }, [C.agentState, gt]);
+    const jt = M(!1);
     T(() => {
-      !w || Ut.current || rt && C.connectionState === "idle" && (Ut.current = !0, C.connect());
+      !w || jt.current || rt && C.connectionState === "idle" && (jt.current = !0, C.connect());
     }, [w, C.connectionState, C, rt]);
-    const Dn = E(
+    const $n = E(
       (v) => {
         const d = L == null ? void 0 : L.find((J) => J.id === v);
-        d && (Ye(!1), v !== Ce && (Le(!0), C.disconnect(), Pe || kt(v), I == null || I(d)));
+        d && (Ye(!1), v !== Ce && (lt(!0), C.disconnect(), $e || Lt(v), I == null || I(d)));
       },
       [
         L,
         Ce,
         C,
-        Pe,
+        $e,
         I
       ]
     );
     T(() => {
-      ye && C.connectionState === "connected" && Le(!1);
-    }, [C.connectionState, ye]), T(() => {
-      if (!Ve) return;
+      Ve && C.connectionState === "connected" && lt(!1);
+    }, [C.connectionState, Ve]), T(() => {
+      if (!at) return;
       const v = (d) => {
         d.key === "Escape" && Ye(!1);
       };
       return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
-    }, [Ve]);
-    const Pn = !!P || !!(le != null && le.avatarImageUrl) || C.isControlled, st = sr(ot, i, Pn);
-    nt === void 0 && ((Gt = st.info) != null && Gt.capabilities) && (It.current = st.info.capabilities);
-    const bt = (le == null ? void 0 : le.name) ?? O ?? ((Kt = C.agentConfig) == null ? void 0 : Kt.name) ?? ((Jt = st.info) == null ? void 0 : Jt.name) ?? "Live Layer", Mt = (le == null ? void 0 : le.avatarImageUrl) ?? P ?? ((Xt = C.agentConfig) == null ? void 0 : Xt.avatarImageUrl) ?? ((Zt = st.info) == null ? void 0 : Zt.avatarImageUrl) ?? null, $n = U ?? ((Qt = C.agentConfig) == null ? void 0 : Qt.idleLoopUrl) ?? ((en = st.info) == null ? void 0 : en.idleLoopUrl) ?? null, zn = b ?? null, Hn = E(() => ge("expanded"), [ge]), On = E(
-      () => ge("minimized"),
-      [ge]
-    ), jt = E(() => {
-      C.disconnect(), ge("hidden");
-    }, [C, ge]), Bn = E(() => {
+    }, [at]);
+    const zn = !!P || !!(ae != null && ae.avatarImageUrl) || C.isControlled, ct = dr(ot, i, zn);
+    nt === void 0 && ((Kt = ct.info) != null && Kt.capabilities) && (Mt.current = ct.info.capabilities);
+    const vt = (ae == null ? void 0 : ae.name) ?? B ?? ((Jt = C.agentConfig) == null ? void 0 : Jt.name) ?? ((Xt = ct.info) == null ? void 0 : Xt.name) ?? "Live Layer", Rt = (ae == null ? void 0 : ae.avatarImageUrl) ?? P ?? ((Zt = C.agentConfig) == null ? void 0 : Zt.avatarImageUrl) ?? ((Qt = ct.info) == null ? void 0 : Qt.avatarImageUrl) ?? null, Hn = U ?? ((en = C.agentConfig) == null ? void 0 : en.idleLoopUrl) ?? ((tn = ct.info) == null ? void 0 : tn.idleLoopUrl) ?? null, On = b ?? null, Bn = E(() => me("expanded"), [me]), Fn = E(
+      () => me("minimized"),
+      [me]
+    ), Vt = E(() => {
+      C.disconnect(), me("hidden");
+    }, [C, me]), Wn = E(() => {
       const v = C.audioElement;
-      v && v.play().then(() => lt(!1)).catch(() => {
+      v && v.play().then(() => ye(!1)).catch(() => {
       });
-    }, [C.audioElement]), Fn = E(() => {
-      lt(!1), C.connect();
+    }, [C.audioElement]), qn = E(() => {
+      ye(!1), C.connect();
     }, [C]), Ge = {
-      ...De,
-      ...he ? {} : { zIndex: We }
+      ...Pe,
+      ...de ? {} : { zIndex: We }
     };
     q.primaryColor && (Ge["--ll-color-primary"] = q.primaryColor), q.accentColor && (Ge["--ll-color-accent"] = q.accentColor), q.backgroundColor && (Ge["--ll-color-bg"] = q.backgroundColor), q.textColor && (Ge["--ll-color-fg"] = q.textColor);
-    const Wn = [
+    const Un = [
       "ll-widget",
-      `ll-widget--${ae}`,
-      `ll-widget--${me ? "mobile" : "desktop"}`,
-      Lt
+      `ll-widget--${se}`,
+      `ll-widget--${ue ? "mobile" : "desktop"}`,
+      xt
     ].filter(Boolean).join(" ");
     if (!rt) return null;
-    const qn = /* @__PURE__ */ n(
+    const jn = /* @__PURE__ */ n(
       "div",
       {
-        className: Wn,
+        className: Un,
         style: Ge,
-        "data-display-mode": ae,
+        "data-display-mode": se,
         "data-position": _,
         "data-experience-mode": p === "EMBEDDED" ? "embedded" : "widget",
-        children: ae === "expanded" && /* @__PURE__ */ n(
-          Ur,
+        children: se === "expanded" && /* @__PURE__ */ n(
+          Vr,
           {
             position: _,
-            isMobile: me,
-            agentName: bt,
-            avatarImageUrl: Mt,
-            idleLoopUrl: $n,
-            greeting: zn,
+            isMobile: ue,
+            agentName: vt,
+            avatarImageUrl: Rt,
+            idleLoopUrl: Hn,
+            greeting: On,
             branding: q,
             teamMembers: L,
             currentTeamMemberId: Ce,
-            isSwitchingTeamMember: ye,
-            teamSwitcherOpen: Ve,
+            isSwitchingTeamMember: Ve,
+            teamSwitcherOpen: at,
             onToggleTeamSwitcher: () => Ye((v) => !v),
-            onSelectTeamMember: Dn,
+            onSelectTeamMember: $n,
             connectionState: C.connectionState,
             agentState: C.agentState,
             transcript: C.transcript,
-            isMuted: se.isMuted,
+            isMuted: re.isMuted,
             micDevices: it.mics,
-            activeMicId: se.activeDeviceId,
-            isCameraEnabled: ue.isEnabled,
-            cameraPreviewEl: ue.previewEl,
+            activeMicId: re.activeDeviceId,
+            isCameraEnabled: Le.isEnabled,
+            cameraPreviewEl: Le.previewEl,
             cameraDevices: it.cameras,
-            activeCameraId: ue.activeDeviceId,
+            activeCameraId: Le.activeDeviceId,
             isScreenShareEnabled: Ee.isEnabled,
             screenPreviewEl: Ee.previewEl,
-            isSpeakerMuted: g,
+            isSpeakerMuted: Et,
             allowCamera: ne,
-            allowScreenShare: B,
+            allowScreenShare: F,
             allowTyping: j,
-            showMinimize: pt,
-            showClose: ht,
-            chromeless: _e,
-            compactControls: He,
+            showMinimize: ue && !de ? !1 : ht,
+            showClose: mt,
+            chromeless: kt,
+            compactControls: Ct,
             transforming: Oe,
             transformingLabel: X,
-            languageMenuOpen: Ct,
-            onToggleLanguageMenu: () => gt((v) => !v),
-            needsUserGesture: mt,
+            languageMenuOpen: y,
+            onToggleLanguageMenu: () => Q((v) => !v),
+            needsUserGesture: Se,
             canResume: C.canResume,
-            micError: se.micError,
+            micError: re.micError,
             error: C.error,
-            avatarVideoContainerRef: qt,
+            avatarVideoContainerRef: Ut,
             agentVideoEl: C.videoElement,
             onConnect: () => void C.connect(),
             onDisconnect: () => C.disconnect(),
-            onRetry: Fn,
-            onResumeAudio: Bn,
-            onToggleMute: se.toggleMute,
-            onSwitchMicDevice: (v) => void se.switchDevice(v),
-            onToggleCamera: () => void ue.toggle(),
-            onSwitchCameraDevice: (v) => void ue.switchDevice(v),
+            onRetry: qn,
+            onResumeAudio: Wn,
+            onToggleMute: re.toggleMute,
+            onSwitchMicDevice: (v) => void re.switchDevice(v),
+            onToggleCamera: () => void Le.toggle(),
+            onSwitchCameraDevice: (v) => void Le.switchDevice(v),
             onToggleScreenShare: () => void Ee.toggle(),
-            onToggleSpeaker: Tn,
-            onSendMessage: Rn,
-            onMinimize: On,
-            onClose: jt,
-            onClearMicError: se.clearError
+            onToggleSpeaker: Pn,
+            onSendMessage: Dn,
+            onMinimize: Fn,
+            onClose: Vt,
+            onClearMicError: re.clearError
           }
         )
       }
-    ), Vt = !he && (ae === "hidden" || ae === "minimized") ? /* @__PURE__ */ x(
+    ), Yt = !de && (se === "hidden" || se === "minimized") ? /* @__PURE__ */ x(
       "div",
       {
         className: [
           "ll-widget",
           "ll-widget--floating",
-          `ll-widget--${ae}`,
-          `ll-widget--${me ? "mobile" : "desktop"}`
+          `ll-widget--${se}`,
+          `ll-widget--${ue ? "mobile" : "desktop"}`
         ].join(" "),
         style: Ge,
-        "data-display-mode": ae,
+        "data-display-mode": se,
         "data-position": _,
         children: [
-          ae === "hidden" && /* @__PURE__ */ n(
-            Tr,
+          se === "hidden" && /* @__PURE__ */ n(
+            Pr,
             {
               position: _,
-              isMobile: me,
+              isMobile: ue,
               isSpeaking: C.agentState === "speaking",
-              onExpand: () => ge("expanded"),
-              label: `Open ${bt} widget`,
-              avatarImageUrl: Mt,
-              agentName: bt,
-              containerEl: de
+              onExpand: () => me("expanded"),
+              label: `Open ${vt} widget`,
+              avatarImageUrl: Rt,
+              agentName: vt,
+              containerEl: fe
             }
           ),
-          ae === "minimized" && /* @__PURE__ */ n(
-            Pr,
+          se === "minimized" && /* @__PURE__ */ n(
+            zr,
             {
               position: _,
-              isMobile: me,
-              agentName: bt,
-              avatarImageUrl: Mt,
+              isMobile: ue,
+              agentName: vt,
+              avatarImageUrl: Rt,
               agentState: C.agentState,
-              isMuted: se.isMuted,
-              audioLevel: $e,
-              onExpand: Hn,
-              onToggleMute: se.toggleMute,
-              onClose: jt
+              isMuted: re.isMuted,
+              audioLevel: ge,
+              onExpand: Bn,
+              onToggleMute: re.toggleMute,
+              onClose: Vt
             }
           )
         ]
       }
-    ) : null, Yt = de ?? (typeof document < "u" ? document.body : null);
+    ) : null, Gt = fe ?? (typeof document < "u" ? document.body : null);
     return /* @__PURE__ */ x(ze, { children: [
-      qn,
-      Vt && Yt && $t(Vt, Yt)
+      jn,
+      Yt && Gt && zt(Yt, Gt)
     ] });
   }
 );
-Mn.displayName = "AvatarWidgetInner";
-const xo = Pt(
+Rn.displayName = "AvatarWidgetInner";
+const ko = $t(
   function(t, r) {
-    return /* @__PURE__ */ n(Qn, { children: /* @__PURE__ */ n(Mn, { ...t, ref: r }) });
+    return /* @__PURE__ */ n(tr, { children: /* @__PURE__ */ n(Rn, { ...t, ref: r }) });
   }
 );
-xo.displayName = "AvatarWidget";
-const To = ({
+ko.displayName = "AvatarWidget";
+const Po = ({
   agentId: e,
   baseUrl: t,
   apiKey: r,
@@ -3481,9 +3485,9 @@ const To = ({
   }, [e]), T(() => {
     c.current && (o ? c.current.setAttribute("mode", o) : c.current.removeAttribute("mode"));
   }, [o]), /* @__PURE__ */ n("div", { ref: l, className: i, style: s });
-}, Do = Pt(
+}, $o = $t(
   function({ id: t, intent: r, as: o = "div", className: a, style: i, children: s }, l) {
-    return Gn(
+    return Jn(
       o,
       {
         ref: l,
@@ -3496,7 +3500,7 @@ const To = ({
     );
   }
 );
-function Po(e = {}) {
+function zo(e = {}) {
   const { onFieldUpdate: t, onComplete: r, source: o = "all" } = e, [a, i] = N({}), [s, l] = N(!1), [c, p] = N(null), w = M(t), m = M(r), f = M(o);
   T(() => {
     w.current = t, m.current = r, f.current = o;
@@ -3506,9 +3510,9 @@ function Po(e = {}) {
   }, []);
   return T(() => {
     if (typeof window > "u") return;
-    const _ = (y) => {
+    const _ = (g) => {
       var h, L;
-      const u = y.detail;
+      const u = g.detail;
       if (u) {
         if (u.phase === "field") {
           if (f.current !== "all" && u.source !== f.current)
@@ -3539,8 +3543,8 @@ function Po(e = {}) {
     return document.addEventListener("ll-collected", _), () => document.removeEventListener("ll-collected", _);
   }, []), { fields: a, isCollecting: s, lastResult: c, reset: R };
 }
-let xn = 1;
-function $o({
+let Ln = 1;
+function Ho({
   onMount: e,
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
@@ -3576,7 +3580,7 @@ function $o({
   if (T(() => {
     !e || _.current || (_.current = !0, e((u) => {
       f.current.push({
-        id: xn++,
+        id: Ln++,
         ts: Date.now(),
         kind: "event",
         type: u.eventName,
@@ -3588,11 +3592,11 @@ function $o({
       try {
         const b = typeof U[0] == "string" ? U[0] : "";
         b.startsWith("[LiveLayer]") && f.current.push({
-          id: xn++,
+          id: Ln++,
           ts: Date.now(),
           kind: A,
           type: b.slice(0, 120),
-          data: { args: U.slice(1).map((P) => ko(P)) }
+          data: { args: U.slice(1).map((P) => Eo(P)) }
         });
       } catch {
       }
@@ -3628,7 +3632,7 @@ function $o({
         children: "🛰 LL debug"
       }
     );
-  const y = i.filter((u) => {
+  const g = i.filter((u) => {
     if (!l) return !0;
     const h = l.toLowerCase();
     return u.type.toLowerCase().includes(h) || JSON.stringify(u.data || {}).toLowerCase().includes(h);
@@ -3679,7 +3683,7 @@ function $o({
                 {
                   type: "button",
                   onClick: () => w((u) => !u),
-                  style: Tt(p ? "#f59e0b" : "transparent"),
+                  style: Dt(p ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
                   children: p ? "▶ resume" : "⏸ pause"
                 }
@@ -3691,7 +3695,7 @@ function $o({
                   onClick: () => {
                     s([]), f.current = [];
                   },
-                  style: Tt("transparent"),
+                  style: Dt("transparent"),
                   title: "Clear buffer",
                   children: "clear"
                 }
@@ -3701,7 +3705,7 @@ function $o({
                 {
                   type: "button",
                   onClick: () => a(!1),
-                  style: Tt("transparent"),
+                  style: Dt("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
                   children: "✕"
@@ -3737,7 +3741,7 @@ function $o({
               overflowY: "auto",
               padding: "0 8px 8px"
             },
-            children: y.length === 0 ? /* @__PURE__ */ x(
+            children: g.length === 0 ? /* @__PURE__ */ x(
               "div",
               {
                 style: {
@@ -3767,8 +3771,8 @@ function $o({
                   )
                 ]
               }
-            ) : y.map((u) => /* @__PURE__ */ n(
-              Lo,
+            ) : g.map((u) => /* @__PURE__ */ n(
+              Co,
               {
                 entry: u,
                 expanded: m.current.has(u.id),
@@ -3784,7 +3788,7 @@ function $o({
     }
   );
 }
-function Lo({
+function Co({
   entry: e,
   expanded: t,
   onToggle: r
@@ -3854,7 +3858,7 @@ function Lo({
     }
   );
 }
-function Tt(e) {
+function Dt(e) {
   return {
     background: e,
     color: "#fff",
@@ -3865,21 +3869,21 @@ function Tt(e) {
     cursor: "pointer"
   };
 }
-function ko(e) {
+function Eo(e) {
   try {
     return e instanceof Error ? { message: e.message, stack: e.stack } : (JSON.stringify(e), e);
   } catch {
     return String(e);
   }
 }
-function Co(e) {
+function So(e) {
   const t = JSON.stringify(e);
-  T(() => Jn(e), [t]);
+  T(() => Zn(e), [t]);
 }
-function zo({ fields: e, children: t }) {
-  return Co(e), /* @__PURE__ */ n(ze, { children: t });
+function Oo({ fields: e, children: t }) {
+  return So(e), /* @__PURE__ */ n(ze, { children: t });
 }
-function Ho() {
+function Bo() {
   const [e, t] = N([]), r = E((a) => {
     t((i) => {
       const s = i.findIndex((l) => l.id === a.id);
@@ -3898,38 +3902,38 @@ function Ho() {
   };
 }
 export {
-  xo as AvatarWidget,
-  Qn as ErrorBoundary,
-  zo as FieldProvider,
-  $o as LiveLayerDebugPanel,
-  Do as LiveLayerRegion,
-  To as LiveLayerWidget,
-  Fo as clearFieldRegistry,
-  ro as clearPageContextCache,
-  co as clearRoutesCache,
-  no as extractPageContext,
-  ao as extractRoutes,
-  yn as getCachedPageContext,
-  Rt as getCachedRoutes,
-  Wo as getRegisteredFields,
-  Lr as matchesPattern,
-  io as normalizeRouteInput,
-  qo as registerFields,
-  Uo as setFieldValue,
-  kr as shouldRenderAtPath,
-  sr as useAgentInfo,
-  tr as useAudioLevel,
-  ir as useCameraState,
-  Po as useCollect,
-  ur as useDisplayMode,
-  hr as useDisplayModePersistence,
-  gr as useIsMobile,
-  er as useLiveKitSession,
-  ar as useMediaDevices,
-  rr as useMicrophoneState,
-  vr as usePathname,
-  Co as useRegisterFields,
-  Cr as useRouteMatch,
-  lr as useScreenShareState,
-  Ho as useTranscript
+  ko as AvatarWidget,
+  tr as ErrorBoundary,
+  Oo as FieldProvider,
+  Ho as LiveLayerDebugPanel,
+  $o as LiveLayerRegion,
+  Po as LiveLayerWidget,
+  qo as clearFieldRegistry,
+  io as clearPageContextCache,
+  fo as clearRoutesCache,
+  oo as extractPageContext,
+  co as extractRoutes,
+  vn as getCachedPageContext,
+  Tt as getCachedRoutes,
+  Uo as getRegisteredFields,
+  Cr as matchesPattern,
+  ao as normalizeRouteInput,
+  jo as registerFields,
+  Vo as setFieldValue,
+  Er as shouldRenderAtPath,
+  dr as useAgentInfo,
+  rr as useAudioLevel,
+  ar as useCameraState,
+  zo as useCollect,
+  pr as useDisplayMode,
+  gr as useDisplayModePersistence,
+  vr as useIsMobile,
+  nr as useLiveKitSession,
+  cr as useMediaDevices,
+  ir as useMicrophoneState,
+  wr as usePathname,
+  So as useRegisterFields,
+  Sr as useRouteMatch,
+  sr as useScreenShareState,
+  Bo as useTranscript
 };