@livelayer/react 0.5.4 → 0.5.5-pr66c.0

package/dist/index.mjs

@@ -1,9 +1,9 @@
 "use client";
-import { jsxs as _, jsx as n, Fragment as Ft } from "react/jsx-runtime";
-import { Component as sn, useState as N, useRef as I, useEffect as P, useCallback as S, useMemo as Qe, forwardRef as dt, createElement as dn } from "react";
-import { LiveKitSession as un } from "@livelayer/sdk";
-import { createLocalAudioTrack as fn, Track as Ut, createLocalVideoTrack as pn } from "livekit-client";
-class hn extends sn {
+import { jsxs as w, jsx as n, Fragment as ut } from "react/jsx-runtime";
+import { Component as dn, useState as S, useRef as E, useEffect as T, useCallback as k, useMemo as Ze, forwardRef as ft, createElement as un } from "react";
+import { LiveKitSession as fn } from "@livelayer/sdk";
+import { createLocalAudioTrack as pn, Track as jt, createLocalVideoTrack as hn } from "livekit-client";
+class mn extends dn {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
       this.setState({ hasError: !1, error: null });
@@ -18,7 +18,7 @@ class hn extends sn {
   }
   render() {
     var t;
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ _("div", { className: "ll-error-boundary", role: "alert", children: [
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ w("div", { className: "ll-error-boundary", role: "alert", children: [
       /* @__PURE__ */ n("p", { className: "ll-error-boundary__title", children: "Widget crashed" }),
       /* @__PURE__ */ n("p", { className: "ll-error-boundary__message", children: ((t = this.state.error) == null ? void 0 : t.message) || "Something went wrong." }),
       /* @__PURE__ */ n(
@@ -33,26 +33,26 @@ class hn extends sn {
     ] }) : this.props.children;
   }
 }
-function mn(e) {
-  const [t, r] = N("idle"), [o, i] = N("idle"), [l, s] = N([]), [d, u] = N(null), [h, m] = N(null), [a, c] = N(null), [A, C] = N(!1), [R, b] = N(null), L = I(null), z = I(e.onDataMessage);
-  z.current = e.onDataMessage, P(() => {
-    const g = {
-      onConnectionStateChange: (x) => {
-        r(x), x === "connected" && b(null);
+function gn(e) {
+  const [t, r] = S("idle"), [o, i] = S("idle"), [l, s] = S([]), [d, u] = S(null), [m, h] = S(null), [a, c] = S(null), [R, C] = S(!1), [L, v] = S(null), b = E(null), z = E(e.onDataMessage);
+  z.current = e.onDataMessage, T(() => {
+    const N = {
+      onConnectionStateChange: (D) => {
+        r(D), D === "connected" && v(null);
       },
       onAgentStateChange: i,
-      onTranscript: (x) => s([...x]),
+      onTranscript: (D) => s([...D]),
       onAgentConfig: u,
-      onAudioTrack: (x) => c(x),
-      onVideoTrack: (x) => m(x),
-      onVideoTrackRemoved: () => m(null),
-      onError: (x) => b(x),
-      onDataMessage: (x) => {
-        var q;
-        (q = z.current) == null || q.call(z, x);
+      onAudioTrack: (D) => c(D),
+      onVideoTrack: (D) => h(D),
+      onVideoTrackRemoved: () => h(null),
+      onError: (D) => v(D),
+      onDataMessage: (D) => {
+        var A;
+        (A = z.current) == null || A.call(z, D);
       },
       onResumabilityChange: C
-    }, E = new un(
+    }, B = new fn(
       {
         agentId: e.agentId,
         baseUrl: e.baseUrl,
@@ -60,11 +60,11 @@ function mn(e) {
         sessionEndpoint: e.sessionEndpoint,
         sessionBody: e.sessionBody
       },
-      g
+      N
     );
-    return L.current = E, r("idle"), i("idle"), s([]), u(null), m(null), c(null), C(!1), b(null), () => {
-      var x;
-      (x = E.destroy) == null || x.call(E), L.current = null;
+    return b.current = B, r("idle"), i("idle"), s([]), u(null), h(null), c(null), C(!1), v(null), () => {
+      var D;
+      (D = B.destroy) == null || D.call(B), b.current = null;
     };
   }, [
     e.agentId,
@@ -73,38 +73,38 @@ function mn(e) {
     e.sessionEndpoint,
     JSON.stringify(e.sessionBody ?? {})
   ]);
-  const M = S(async () => {
-    const g = L.current;
-    if (g)
+  const I = k(async () => {
+    const N = b.current;
+    if (N)
       try {
-        await g.connect();
-      } catch (E) {
-        throw b(E instanceof Error ? E.message : String(E)), E;
+        await N.connect();
+      } catch (B) {
+        throw v(B instanceof Error ? B.message : String(B)), B;
       }
-  }, []), O = S(() => {
-    const g = L.current;
-    g && g.disconnect();
-  }, []), p = S(() => {
-    var g;
-    return ((g = L.current) == null ? void 0 : g.getRoom()) ?? null;
+  }, []), H = k(() => {
+    const N = b.current;
+    N && N.disconnect();
+  }, []), p = k(() => {
+    var N;
+    return ((N = b.current) == null ? void 0 : N.getRoom()) ?? null;
   }, []);
   return {
     connectionState: t,
     agentState: o,
     transcript: l,
     agentConfig: d,
-    videoElement: h,
+    videoElement: m,
     audioElement: a,
-    canResume: A,
-    error: R,
-    connect: M,
-    disconnect: O,
+    canResume: R,
+    error: L,
+    connect: I,
+    disconnect: H,
     getRoom: p,
-    session: L.current
+    session: b.current
   };
 }
-function gn() {
-  const e = I(null), t = I(null), r = I(null), o = I(null), i = I(/* @__PURE__ */ new Set()), l = I(null), s = S(() => {
+function yn() {
+  const e = E(null), t = E(null), r = E(null), o = E(null), i = E(/* @__PURE__ */ new Set()), l = E(null), s = k(() => {
     const a = t.current;
     if (!a) {
       o.current = null;
@@ -115,21 +115,21 @@ function gn() {
     ));
     const c = l.current;
     a.getByteFrequencyData(c);
-    let A = 0;
-    for (let R = 0; R < c.length; R++) A += c[R];
-    const C = A / c.length / 255;
-    for (const R of i.current)
+    let R = 0;
+    for (let L = 0; L < c.length; L++) R += c[L];
+    const C = R / c.length / 255;
+    for (const L of i.current)
       try {
-        R(C);
-      } catch (b) {
-        console.error("[useAudioLevel] subscriber threw:", b);
+        L(C);
+      } catch (v) {
+        console.error("[useAudioLevel] subscriber threw:", v);
       }
     o.current = requestAnimationFrame(s);
-  }, []), d = S(() => {
+  }, []), d = k(() => {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
     const a = new AudioContext(), c = a.createAnalyser();
     c.fftSize = 64, c.connect(a.destination), e.current = a, t.current = c;
-  }, []), u = S(
+  }, []), u = k(
     (a) => {
       if (d(), !(!e.current || !t.current)) {
         if (r.current) {
@@ -150,7 +150,7 @@ function gn() {
       }
     },
     [d, s]
-  ), h = S(() => {
+  ), m = k(() => {
     if (o.current !== null && (cancelAnimationFrame(o.current), o.current = null), r.current) {
       try {
         r.current.disconnect();
@@ -158,11 +158,11 @@ function gn() {
       }
       r.current = null;
     }
-  }, []), m = S((a) => (i.current.add(a), () => {
+  }, []), h = k((a) => (i.current.add(a), () => {
     i.current.delete(a);
   }), []);
-  return P(() => () => {
-    if (h(), t.current) {
+  return T(() => () => {
+    if (m(), t.current) {
       try {
         t.current.disconnect();
       } catch {
@@ -177,10 +177,10 @@ function gn() {
       e.current = null;
     }
     i.current.clear(), l.current = null;
-  }, [h]), { attach: u, detach: h, subscribe: m };
+  }, [m]), { attach: u, detach: m, subscribe: h };
 }
-function yn() {
-  const [e, t] = N(!1), [r, o] = N(null), i = I(null), l = I(null), s = S(async (m) => {
+function vn() {
+  const [e, t] = S(!1), [r, o] = S(null), i = E(null), l = E(null), s = k(async (h) => {
     if (i.current && l.current) {
       try {
         await l.current.localParticipant.unpublishTrack(i.current);
@@ -188,69 +188,69 @@ function yn() {
       }
       i.current.stop(), i.current = null;
     }
-    l.current = m, o(null);
+    l.current = h, o(null);
     try {
-      const a = await fn({
+      const a = await pn({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await m.localParticipant.publishTrack(a), i.current = a, t(a.isMuted);
+      await h.localParticipant.publishTrack(a), i.current = a, t(a.isMuted);
     } catch (a) {
       const c = a instanceof Error && a.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
       throw o(c), a;
     }
-  }, []), d = S(() => {
-    const m = i.current;
-    m && (m.isMuted ? (m.unmute(), t(!1)) : (m.mute(), t(!0)));
-  }, []), u = S(() => {
-    const m = i.current, a = l.current;
-    if (m && a) {
+  }, []), d = k(() => {
+    const h = i.current;
+    h && (h.isMuted ? (h.unmute(), t(!1)) : (h.mute(), t(!0)));
+  }, []), u = k(() => {
+    const h = i.current, a = l.current;
+    if (h && a) {
       try {
-        a.localParticipant.unpublishTrack(m);
+        a.localParticipant.unpublishTrack(h);
       } catch {
       }
-      m.stop();
+      h.stop();
     }
     i.current = null, l.current = null, t(!1);
-  }, []), h = S(() => o(null), []);
+  }, []), m = k(() => o(null), []);
   return {
     isMuted: e,
     micError: r,
     toggleMute: d,
     setupMic: s,
     teardownMic: u,
-    clearError: h
+    clearError: m
   };
 }
-const vn = { resolution: { width: 640, height: 480, frameRate: 24 } };
-function bn() {
-  const [e, t] = N(!1), [r, o] = N(null), [i, l] = N(null), [s, d] = N(""), u = I(null), h = I(null), m = S((L) => {
-    u.current = L;
-  }, []), a = S(() => {
-    const L = u.current, z = h.current;
-    if (z && L) {
-      const M = L.localParticipant.getTrackPublication(Ut.Source.Camera);
-      if (M != null && M.track) {
+const bn = { resolution: { width: 640, height: 480, frameRate: 24 } };
+function wn() {
+  const [e, t] = S(!1), [r, o] = S(null), [i, l] = S(null), [s, d] = S(""), u = E(null), m = E(null), h = k((b) => {
+    u.current = b;
+  }, []), a = k(() => {
+    const b = u.current, z = m.current;
+    if (z && b) {
+      const I = b.localParticipant.getTrackPublication(jt.Source.Camera);
+      if (I != null && I.track) {
         try {
-          L.localParticipant.unpublishTrack(M.track);
+          b.localParticipant.unpublishTrack(I.track);
         } catch {
         }
-        M.track.stop();
+        I.track.stop();
       } else
         z.stop();
     }
-    h.current = null, l(null), t(!1);
-  }, []), c = S(async (L) => {
+    m.current = null, l(null), t(!1);
+  }, []), c = k(async (b) => {
     const z = u.current;
     if (z) {
       o(null);
       try {
-        const M = { ...vn };
-        L && (M.deviceId = L);
-        const O = await pn(M);
-        await z.localParticipant.publishTrack(O), h.current = O;
-        const p = O.attach();
-        l(p), t(!0), L && d(L);
+        const I = { ...bn };
+        b && (I.deviceId = b);
+        const H = await hn(I);
+        await z.localParticipant.publishTrack(H), m.current = H;
+        const p = H.attach();
+        l(p), t(!0), b && d(b);
         try {
           z.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
@@ -258,36 +258,36 @@ function bn() {
           );
         } catch {
         }
-      } catch (M) {
-        const O = M instanceof Error && M.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
-        o(O);
+      } catch (I) {
+        const H = I instanceof Error && I.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+        o(H);
       }
     }
-  }, []), A = S(async () => {
+  }, []), R = k(async () => {
     e ? a() : await c(s || void 0);
-  }, [e, s, a, c]), C = S(async (L) => {
-    a(), await c(L);
-  }, [a, c]), R = S(() => {
+  }, [e, s, a, c]), C = k(async (b) => {
+    a(), await c(b);
+  }, [a, c]), L = k(() => {
     a(), u.current = null, o(null), d("");
-  }, [a]), b = S(() => o(null), []);
-  return P(() => () => {
-    h.current && h.current.stop();
+  }, [a]), v = k(() => o(null), []);
+  return T(() => () => {
+    m.current && m.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
     previewEl: i,
     activeDeviceId: s,
-    toggle: A,
+    toggle: R,
     switchDevice: C,
-    attachRoom: m,
-    teardown: R,
-    clearError: b
+    attachRoom: h,
+    teardown: L,
+    clearError: v
   };
 }
-function wn() {
-  const [e, t] = N(!1), [r, o] = N(null), [i, l] = N(null), s = I(null), d = S((c) => {
+function _n() {
+  const [e, t] = S(!1), [r, o] = S(null), [i, l] = S(null), s = E(null), d = k((c) => {
     s.current = c;
-  }, []), u = S(() => l(null), []), h = S(async () => {
+  }, []), u = k(() => l(null), []), m = k(async () => {
     const c = s.current;
     if (c) {
       if (e) {
@@ -301,12 +301,12 @@ function wn() {
       o(null);
       try {
         await c.localParticipant.setScreenShareEnabled(!0);
-        let A = 0;
+        let R = 0;
         const C = () => {
-          const R = c.localParticipant.getTrackPublication(Ut.Source.ScreenShare);
-          if (R != null && R.track) {
-            const b = R.track.attach();
-            l(b), t(!0);
+          const L = c.localParticipant.getTrackPublication(jt.Source.ScreenShare);
+          if (L != null && L.track) {
+            const v = L.track.attach();
+            l(v), t(!0);
             try {
               c.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
@@ -316,15 +316,15 @@ function wn() {
             }
             return;
           }
-          A++ < 10 ? setTimeout(C, 100) : t(!0);
+          R++ < 10 ? setTimeout(C, 100) : t(!0);
         };
         C();
-      } catch (A) {
-        const C = A instanceof Error ? A.name : "";
+      } catch (R) {
+        const C = R instanceof Error ? R.name : "";
         C !== "NotAllowedError" && C !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
       }
     }
-  }, [e, u]), m = S(() => {
+  }, [e, u]), h = k(() => {
     const c = s.current;
     if (c && e)
       try {
@@ -332,11 +332,11 @@ function wn() {
       } catch {
       }
     u(), t(!1), o(null), s.current = null;
-  }, [e, u]), a = S(() => o(null), []);
-  return { isEnabled: e, error: r, previewEl: i, toggle: h, attachRoom: d, teardown: m, clearError: a };
+  }, [e, u]), a = k(() => o(null), []);
+  return { isEnabled: e, error: r, previewEl: i, toggle: m, attachRoom: d, teardown: h, clearError: a };
 }
-function _n() {
-  const [e, t] = N([]), [r, o] = N([]), i = S(async () => {
+function xn() {
+  const [e, t] = S([]), [r, o] = S([]), i = k(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
@@ -344,22 +344,22 @@ function _n() {
       } catch {
       }
   }, []);
-  return P(() => {
+  return T(() => {
     if (i(), typeof navigator > "u" || !navigator.mediaDevices) return;
     const l = () => void i();
     return navigator.mediaDevices.addEventListener("devicechange", l), () => navigator.mediaDevices.removeEventListener("devicechange", l);
   }, [i]), { mics: e, cameras: r, refresh: i };
 }
-function xn(e, t, r = !1) {
-  const [o, i] = N(null), [l, s] = N(null), [d, u] = N(!r && !!e);
-  return P(() => {
+function kn(e, t, r = !1) {
+  const [o, i] = S(null), [l, s] = S(null), [d, u] = S(!r && !!e);
+  return T(() => {
     if (r || !e) {
       u(!1);
       return;
     }
-    const h = new AbortController(), m = t || "https://app.livelayer.studio";
-    return u(!0), s(null), fetch(`${m}/api/widget/agent/${encodeURIComponent(e)}`, {
-      signal: h.signal
+    const m = new AbortController(), h = t || "https://app.livelayer.studio";
+    return u(!0), s(null), fetch(`${h}/api/widget/agent/${encodeURIComponent(e)}`, {
+      signal: m.signal
     }).then(async (a) => {
       if (!a.ok) {
         const c = await a.json().catch(() => ({}));
@@ -367,13 +367,13 @@ function xn(e, t, r = !1) {
       }
       return a.json();
     }).then((a) => {
-      h.signal.aborted || (i(a), u(!1));
+      m.signal.aborted || (i(a), u(!1));
     }).catch((a) => {
-      h.signal.aborted || (s(a instanceof Error ? a.message : "Agent lookup failed"), u(!1));
-    }), () => h.abort();
+      m.signal.aborted || (s(a instanceof Error ? a.message : "Agent lookup failed"), u(!1));
+    }), () => m.abort();
   }, [e, t, r]), { info: o, error: l, loading: d };
 }
-function kn(e) {
+function Ln(e) {
   if (typeof window > "u") return null;
   try {
     return window.localStorage.getItem(e);
@@ -381,19 +381,19 @@ function kn(e) {
     return null;
   }
 }
-function Ln(e, t) {
+function Sn(e, t) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(e, t);
     } catch {
     }
 }
-function Sn({
+function Cn({
   value: e,
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const o = e !== void 0, [i, l] = N(t), s = o ? e : i, d = S(
+  const o = e !== void 0, [i, l] = S(t), s = o ? e : i, d = k(
     (u) => {
       u !== s && (o || l(u), r == null || r(u));
     },
@@ -401,34 +401,34 @@ function Sn({
   );
   return [s, d];
 }
-const Cn = ["hidden", "minimized", "expanded"];
-function En(e) {
-  return e && Cn.includes(e) ? e : null;
+const En = ["hidden", "minimized", "expanded"];
+function Nn(e) {
+  return e && En.includes(e) ? e : null;
 }
-function Nn({
+function An({
   value: e,
   defaultValue: t = "expanded",
   onChange: r,
   persistKey: o = "ll-widget",
   disablePersistence: i = !1
 } = {}) {
-  const l = `${o}:display-mode`, s = I(!1), [d, u] = Sn({
+  const l = `${o}:display-mode`, s = E(!1), [d, u] = Cn({
     value: e,
     defaultValue: t,
-    onChange: (h) => {
-      e === void 0 && !i && Ln(l, h), r == null || r(h);
+    onChange: (m) => {
+      e === void 0 && !i && Sn(l, m), r == null || r(m);
     }
   });
-  return P(() => {
+  return T(() => {
     if (s.current || (s.current = !0, i || e !== void 0)) return;
-    const h = En(kn(l));
-    h && h !== d && u(h);
+    const m = Nn(Ln(l));
+    m && m !== d && u(m);
   }, []), [d, u];
 }
-const An = 640;
-function Rn(e = An) {
-  const [t, r] = N(!1);
-  return P(() => {
+const Rn = 640;
+function In(e = Rn) {
+  const [t, r] = S(!1);
+  return T(() => {
     if (e === !1) {
       r(!1);
       return;
@@ -441,67 +441,67 @@ function Rn(e = An) {
     });
   }, [e]), t;
 }
-const Et = "__llHistoryPatched", Ze = "ll:pathname";
-function In() {
-  if (typeof window > "u" || window.history[Et]) return;
+const Nt = "__llHistoryPatched", et = "ll:pathname";
+function Mn() {
+  if (typeof window > "u" || window.history[Nt]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...r) {
     const o = e.apply(this, r);
-    return window.dispatchEvent(new Event(Ze)), o;
+    return window.dispatchEvent(new Event(et)), o;
   }, window.history.replaceState = function(...r) {
     const o = t.apply(this, r);
-    return window.dispatchEvent(new Event(Ze)), o;
-  }, window.history[Et] = !0;
+    return window.dispatchEvent(new Event(et)), o;
+  }, window.history[Nt] = !0;
 }
-function Nt() {
+function At() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
-function Mn(e) {
-  const [t, r] = N(
-    () => e ?? Nt()
+function Tn(e) {
+  const [t, r] = S(
+    () => e ?? At()
   );
-  return P(() => {
+  return T(() => {
     if (e !== void 0) return;
-    In();
-    const o = () => r(Nt());
-    return o(), window.addEventListener("popstate", o), window.addEventListener(Ze, o), () => {
-      window.removeEventListener("popstate", o), window.removeEventListener(Ze, o);
+    Mn();
+    const o = () => r(At());
+    return o(), window.addEventListener("popstate", o), window.addEventListener(et, o), () => {
+      window.removeEventListener("popstate", o), window.removeEventListener(et, o);
     };
   }, [e]), e ?? t;
 }
-const At = /* @__PURE__ */ new Map(), Tn = /[\\^$+?.()|{}[\]]/g;
-function Pn(e) {
-  return e.replace(Tn, "\\$&");
-}
+const Rt = /* @__PURE__ */ new Map(), Pn = /[\\^$+?.()|{}[\]]/g;
 function Dn(e) {
-  const t = At.get(e);
+  return e.replace(Pn, "\\$&");
+}
+function $n(e) {
+  const t = Rt.get(e);
   if (t) return t;
-  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, o = "
", i = "", l = r.replace(/\*\*/g, o).replace(/\*/g, i), d = Pn(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "g"), "[^/]+"), u = new RegExp(`^${d}\\/?$`);
-  return At.set(e, u), u;
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, o = "
", i = "", l = r.replace(/\*\*/g, o).replace(/\*/g, i), d = Dn(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "g"), "[^/]+"), u = new RegExp(`^${d}\\/?$`);
+  return Rt.set(e, u), u;
 }
-function $n(e, t) {
+function zn(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
-  return Dn(e).test(r);
+  return $n(e).test(r);
 }
-function zn(e, t) {
-  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : $n(e, t);
+function Hn(e, t) {
+  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : zn(e, t);
 }
-function Rt(e, t) {
+function It(e, t) {
   if (!e || e.length === 0) return !1;
   for (const r of e)
-    if (zn(r, t)) return !0;
+    if (Hn(r, t)) return !0;
   return !1;
 }
-function Hn(e, t, r) {
-  return e === void 0 ? !0 : Rt(r, e) ? !1 : t && t.length > 0 ? Rt(t, e) : !0;
-}
 function On(e, t, r) {
-  return Qe(
-    () => Hn(e, t, r),
+  return e === void 0 ? !0 : It(r, e) ? !1 : t && t.length > 0 ? It(t, e) : !0;
+}
+function qn(e, t, r) {
+  return Ze(
+    () => On(e, t, r),
     [e, t, r]
   );
 }
-const It = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
+const Mt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ w(
   "svg",
   {
     className: t,
@@ -547,7 +547,7 @@ const It = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
       }
     )
   }
-), Mt = ({ className: e }) => /* @__PURE__ */ n(
+), Tt = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -565,7 +565,7 @@ const It = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
       }
     )
   }
-), qn = ({ className: e }) => /* @__PURE__ */ n(
+), Bn = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -576,12 +576,12 @@ const It = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
   }
-), Bn = {
+), Wn = {
   left: 180,
   right: 0,
   up: -90,
   down: 90
-}, Wn = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
+}, Pt = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
   "svg",
   {
     className: t,
@@ -589,7 +589,7 @@ const It = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    style: { transform: `rotate(${Bn[e]}deg)` },
+    style: { transform: `rotate(${Wn[e]}deg)` },
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
   }
@@ -597,11 +597,11 @@ const It = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
 function Fn(e) {
   return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const jt = "ll-hidden-tab-center-y", Un = 5, Tt = 16;
+const Vt = "ll-hidden-tab-center-y", Un = 5, Dt = 16;
 function jn() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(jt);
+    const e = window.localStorage.getItem(Vt);
     if (!e) return null;
     const t = Number.parseFloat(e);
     return Number.isFinite(t) ? t : null;
@@ -609,10 +609,10 @@ function jn() {
     return null;
   }
 }
-function Pt(e) {
+function $t(e) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(jt, String(e));
+      window.localStorage.setItem(Vt, String(e));
     } catch {
     }
 }
@@ -621,100 +621,132 @@ const Vn = ({
   isMobile: t,
   isSpeaking: r,
   onExpand: o,
-  label: i = "Open widget"
+  label: i = "Open widget",
+  avatarImageUrl: l,
+  agentName: s
 }) => {
-  const l = Fn(e), s = l === "right" ? "left" : "right", d = t ? 80 : 72, [u, h] = N(null), [m, a] = N(!1), c = I(null), A = I(!1), C = S(
-    (g) => {
-      if (typeof window > "u") return g;
-      const E = d / 2, x = Tt + E, q = window.innerHeight - Tt - E;
-      return q < x ? Math.max(x, g) : Math.max(x, Math.min(q, g));
+  const d = Fn(e), u = d === "right" ? "left" : "right", m = t ? 80 : 72, h = !!l, [a, c] = S(null), [R, C] = S(!1), L = E(null), v = E(!1), b = k(
+    (A) => {
+      if (typeof window > "u") return A;
+      const O = m / 2, W = Dt + O, V = window.innerHeight - Dt - O;
+      return V < W ? Math.max(W, A) : Math.max(W, Math.min(V, A));
     },
-    [d]
+    [m]
   );
-  P(() => {
-    const g = jn();
-    h(C(g ?? window.innerHeight / 2));
-    const E = () => {
-      h((x) => x === null ? null : C(x));
+  T(() => {
+    const A = jn();
+    c(b(A ?? window.innerHeight / 2));
+    const O = () => {
+      c((W) => W === null ? null : b(W));
     };
-    return window.addEventListener("resize", E), () => window.removeEventListener("resize", E);
-  }, [C]);
-  const R = S(
-    (g) => {
-      if (!(g.pointerType === "mouse" && g.button !== 0) && u !== null) {
+    return window.addEventListener("resize", O), () => window.removeEventListener("resize", O);
+  }, [b]);
+  const z = k(
+    (A) => {
+      if (!(A.pointerType === "mouse" && A.button !== 0) && a !== null) {
         try {
-          g.currentTarget.setPointerCapture(g.pointerId);
+          A.currentTarget.setPointerCapture(A.pointerId);
         } catch {
         }
-        c.current = {
-          startClientY: g.clientY,
-          startCenterY: u,
+        L.current = {
+          startClientY: A.clientY,
+          startCenterY: a,
           moved: !1
         };
       }
     },
-    [u]
-  ), b = S(
-    (g) => {
-      const E = c.current;
-      if (!E) return;
-      const x = g.clientY - E.startClientY;
-      !E.moved && Math.abs(x) > Un && (E.moved = !0, a(!0)), E.moved && h(C(E.startCenterY + x));
+    [a]
+  ), I = k(
+    (A) => {
+      const O = L.current;
+      if (!O) return;
+      const W = A.clientY - O.startClientY;
+      !O.moved && Math.abs(W) > Un && (O.moved = !0, C(!0)), O.moved && c(b(O.startCenterY + W));
     },
-    [C]
-  ), L = S(
-    (g) => {
-      const E = c.current;
-      if (E) {
+    [b]
+  ), H = k(
+    (A) => {
+      const O = L.current;
+      if (O) {
         try {
-          g.currentTarget.releasePointerCapture(g.pointerId);
+          A.currentTarget.releasePointerCapture(A.pointerId);
         } catch {
         }
-        c.current = null, E.moved && (a(!1), A.current = !0, h((x) => (x !== null && Pt(x), x)));
+        L.current = null, O.moved && (C(!1), v.current = !0, c((W) => (W !== null && $t(W), W)));
       }
     },
     []
-  ), z = S(() => {
-    if (A.current) {
-      A.current = !1;
+  ), p = k(() => {
+    if (v.current) {
+      v.current = !1;
       return;
     }
     o();
-  }, [o]), M = S(
-    (g) => {
-      if (g.key === "ArrowUp" || g.key === "ArrowDown") {
-        g.preventDefault();
-        const E = g.key === "ArrowUp" ? -8 : 8;
-        h((x) => {
-          if (x === null) return x;
-          const q = C(x + E);
-          return Pt(q), q;
+  }, [o]), N = k(
+    (A) => {
+      if (A.key === "ArrowUp" || A.key === "ArrowDown") {
+        A.preventDefault();
+        const O = A.key === "ArrowUp" ? -8 : 8;
+        c((W) => {
+          if (W === null) return W;
+          const V = b(W + O);
+          return $t(V), V;
         });
       }
     },
-    [C]
-  ), O = [
+    [b]
+  ), B = [
     "ll-hidden",
-    `ll-hidden--${l}`,
+    `ll-hidden--${d}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
-    m ? "is-dragging" : null
-  ].filter(Boolean).join(" "), p = u === null ? void 0 : { top: `${u - d / 2}px`, transform: "none" };
+    R ? "is-dragging" : null,
+    h ? "ll-hidden--with-avatar" : null
+  ].filter(Boolean).join(" "), D = a === null ? void 0 : { top: `${a - m / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: O,
-      onPointerDown: R,
-      onPointerMove: b,
-      onPointerUp: L,
-      onPointerCancel: L,
-      onClick: z,
-      onKeyDown: M,
+      className: B,
+      onPointerDown: z,
+      onPointerMove: I,
+      onPointerUp: H,
+      onPointerCancel: H,
+      onClick: p,
+      onKeyDown: N,
       "aria-label": i,
       "data-position": e,
-      style: p,
-      children: /* @__PURE__ */ n(Wn, { direction: s, className: "ll-hidden__chevron" })
+      style: D,
+      children: h ? (
+        // Layout: tiny chevron flush against the inward edge (peeks out
+        // as the click affordance), then the circular avatar photo
+        // taking the rest of the tab. Reinforces "this is an
+        // avatar-based experience" even when collapsed.
+        /* @__PURE__ */ w(ut, { children: [
+          /* @__PURE__ */ n(
+            Pt,
+            {
+              direction: u,
+              className: "ll-hidden__chevron ll-hidden__chevron--mini"
+            }
+          ),
+          /* @__PURE__ */ n(
+            "img",
+            {
+              src: l,
+              alt: s ? `${s} avatar` : "Agent avatar",
+              className: "ll-hidden__avatar",
+              draggable: !1
+            }
+          )
+        ] })
+      ) : /* @__PURE__ */ n(
+        Pt,
+        {
+          direction: u,
+          className: "ll-hidden__chevron"
+        }
+      )
     }
   );
 }, Yn = ({
@@ -725,20 +757,20 @@ const Vn = ({
   className: i,
   barClassName: l
 }) => {
-  const s = I(null), d = I([]), u = Qe(() => {
-    const m = (Math.sqrt(5) - 1) / 2;
-    return Array.from({ length: t }, (a, c) => 0.5 + c * m % 1 * 0.5);
+  const s = E(null), d = E([]), u = Ze(() => {
+    const h = (Math.sqrt(5) - 1) / 2;
+    return Array.from({ length: t }, (a, c) => 0.5 + c * h % 1 * 0.5);
   }, [t]);
-  P(() => e.subscribe((a) => {
+  T(() => e.subscribe((a) => {
     for (let c = 0; c < t; c++) {
-      const A = d.current[c];
-      if (!A) continue;
+      const R = d.current[c];
+      if (!R) continue;
       const C = Math.max(o, a * r * u[c]);
-      A.style.height = `${C}px`;
+      R.style.height = `${C}px`;
     }
   }), [e, t, r, o, u]);
-  const h = ["ll-waveform", i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: s, className: h, "aria-hidden": "true", children: Array.from({ length: t }, (m, a) => /* @__PURE__ */ n(
+  const m = ["ll-waveform", i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: s, className: m, "aria-hidden": "true", children: Array.from({ length: t }, (h, a) => /* @__PURE__ */ n(
     "div",
     {
       ref: (c) => {
@@ -759,14 +791,14 @@ const Vn = ({
   audioLevel: s,
   onExpand: d,
   onToggleMute: u,
-  onClose: h
+  onClose: m
 }) => t ? /* @__PURE__ */ n(
   "div",
   {
     className: "ll-minimized ll-minimized--mobile",
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ _(
+    children: /* @__PURE__ */ w(
       "button",
       {
         type: "button",
@@ -795,24 +827,24 @@ const Vn = ({
             }
           ),
           /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
-          /* @__PURE__ */ _("div", { className: "ll-minimized__controls", children: [
+          /* @__PURE__ */ w("div", { className: "ll-minimized__controls", children: [
             /* @__PURE__ */ n(
               "span",
               {
                 className: "ll-minimized__btn",
                 role: "button",
                 tabIndex: 0,
-                onClick: (m) => {
-                  m.stopPropagation(), u();
+                onClick: (h) => {
+                  h.stopPropagation(), u();
                 },
-                onKeyDown: (m) => {
-                  (m.key === "Enter" || m.key === " ") && (m.stopPropagation(), m.preventDefault(), u());
+                onKeyDown: (h) => {
+                  (h.key === "Enter" || h.key === " ") && (h.stopPropagation(), h.preventDefault(), u());
                 },
                 "aria-label": l ? "Unmute microphone" : "Mute microphone",
-                children: /* @__PURE__ */ n(It, { muted: l, className: "ll-minimized__icon" })
+                children: /* @__PURE__ */ n(Mt, { muted: l, className: "ll-minimized__icon" })
               }
             ),
-            /* @__PURE__ */ n(Mt, { className: "ll-minimized__icon ll-minimized__icon--expand" })
+            /* @__PURE__ */ n(Tt, { className: "ll-minimized__icon ll-minimized__icon--expand" })
           ] })
         ]
       }
@@ -825,7 +857,7 @@ const Vn = ({
     "data-position": e,
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ _("div", { className: "ll-minimized__surface", children: [
+    children: /* @__PURE__ */ w("div", { className: "ll-minimized__surface", children: [
       o ? (
         // eslint-disable-next-line @next/next/no-img-element
         /* @__PURE__ */ n(
@@ -837,11 +869,11 @@ const Vn = ({
           }
         )
       ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
-      /* @__PURE__ */ _("div", { className: "ll-minimized__meta", children: [
+      /* @__PURE__ */ w("div", { className: "ll-minimized__meta", children: [
         /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
         /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: i === "speaking" ? "Speaking" : i === "thinking" ? "Thinking" : "Listening" })
       ] }),
-      /* @__PURE__ */ _("div", { className: "ll-minimized__controls", children: [
+      /* @__PURE__ */ w("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
           "button",
           {
@@ -849,7 +881,7 @@ const Vn = ({
             className: "ll-minimized__btn",
             onClick: u,
             "aria-label": l ? "Unmute microphone" : "Mute microphone",
-            children: /* @__PURE__ */ n(It, { muted: l, className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Mt, { muted: l, className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -859,7 +891,7 @@ const Vn = ({
             className: "ll-minimized__btn",
             onClick: d,
             "aria-label": `Expand ${r} widget`,
-            children: /* @__PURE__ */ n(Mt, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Tt, { className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -867,9 +899,9 @@ const Vn = ({
           {
             type: "button",
             className: "ll-minimized__btn ll-minimized__btn--close",
-            onClick: h,
+            onClick: m,
             "aria-label": "Close widget",
-            children: /* @__PURE__ */ n(qn, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Bn, { className: "ll-minimized__icon" })
           }
         )
       ] })
@@ -882,8 +914,8 @@ const Vn = ({
   className: o,
   style: i
 }) => {
-  const [l, s] = N(!1), d = I(e);
-  if (P(() => {
+  const [l, s] = S(!1), d = E(e);
+  if (T(() => {
     d.current !== e && (d.current = e, s(!1));
   }, [e]), !e) return null;
   const u = {
@@ -923,27 +955,27 @@ const Vn = ({
   branding: s,
   teamMembers: d,
   currentTeamMemberId: u,
-  isSwitchingTeamMember: h,
-  teamSwitcherOpen: m,
+  isSwitchingTeamMember: m,
+  teamSwitcherOpen: h,
   onToggleTeamSwitcher: a,
   onSelectTeamMember: c,
-  languageMenuOpen: A,
+  languageMenuOpen: R,
   onToggleLanguageMenu: C,
-  connectionState: R,
-  agentState: b,
-  transcript: L,
+  connectionState: L,
+  agentState: v,
+  transcript: b,
   canResume: z,
-  needsUserGesture: M,
-  error: O,
+  needsUserGesture: I,
+  error: H,
   isMuted: p,
-  micError: g,
-  micDevices: E,
-  isCameraEnabled: x,
-  cameraPreviewEl: q,
-  cameraDevices: Q,
-  activeCameraId: de,
-  isScreenShareEnabled: Z,
-  screenPreviewEl: ee,
+  micError: N,
+  micDevices: B,
+  isCameraEnabled: D,
+  cameraPreviewEl: A,
+  cameraDevices: O,
+  activeCameraId: W,
+  isScreenShareEnabled: V,
+  screenPreviewEl: te,
   isSpeakerMuted: ue,
   allowCamera: He,
   allowScreenShare: Oe,
@@ -957,48 +989,48 @@ const Vn = ({
   onToggleCamera: we,
   onSwitchCameraDevice: _e,
   onToggleScreenShare: xe,
-  onToggleSpeaker: F,
+  onToggleSpeaker: j,
   onSendMessage: We,
   onMinimize: Fe,
   onClose: Ue,
   onClearMicError: je
 }) => {
   var Se;
-  const le = L.length > 0 ? L[L.length - 1] : null, oe = ((d == null ? void 0 : d.length) ?? 0) > 1, ke = R === "connecting" || R === "connected", Le = R === "connected", fe = R === "idle" || R === "disconnected" || R === "error", V = I(null), Re = I(null);
-  P(() => {
-    const v = V.current;
-    v && (v.innerHTML = "", q && (q.style.width = "100%", q.style.height = "100%", q.style.objectFit = "cover", q.style.transform = "scaleX(-1)", v.appendChild(q)));
-  }, [q]), P(() => {
-    const v = Re.current;
-    v && (v.innerHTML = "", ee && (ee.style.width = "100%", ee.style.height = "100%", ee.style.objectFit = "contain", v.appendChild(ee)));
-  }, [ee]);
-  const [te, X] = N(!1), [ie, ae] = N(!1);
-  P(() => {
-    if (!te && !ie && !A && !m) return;
-    const v = () => {
-      X(!1), ae(!1), A && C(), m && a();
+  const ae = b.length > 0 ? b[b.length - 1] : null, ie = ((d == null ? void 0 : d.length) ?? 0) > 1, ke = L === "connecting" || L === "connected", Le = L === "connected", fe = L === "idle" || L === "disconnected" || L === "error", J = E(null), Re = E(null);
+  T(() => {
+    const y = J.current;
+    y && (y.innerHTML = "", A && (A.style.width = "100%", A.style.height = "100%", A.style.objectFit = "cover", A.style.transform = "scaleX(-1)", y.appendChild(A)));
+  }, [A]), T(() => {
+    const y = Re.current;
+    y && (y.innerHTML = "", te && (te.style.width = "100%", te.style.height = "100%", te.style.objectFit = "contain", y.appendChild(te)));
+  }, [te]);
+  const [ne, ee] = S(!1), [le, ce] = S(!1);
+  T(() => {
+    if (!ne && !le && !R && !h) return;
+    const y = () => {
+      ee(!1), ce(!1), R && C(), h && a();
     };
-    return document.addEventListener("click", v), () => document.removeEventListener("click", v);
+    return document.addEventListener("click", y), () => document.removeEventListener("click", y);
   }, [
-    te,
-    ie,
-    A,
-    m,
+    ne,
+    le,
+    R,
+    h,
     C,
     a
   ]);
-  const [J, ne] = N(""), pe = S(
-    (v) => {
-      v.preventDefault();
-      const Y = J.trim();
-      Y && (We(Y), ne(""));
+  const [Q, re] = S(""), pe = k(
+    (y) => {
+      y.preventDefault();
+      const K = Q.trim();
+      K && (We(K), re(""));
     },
-    [J, We]
-  ), Ie = s.productName || "Live Layer", Ve = Le && (le != null && le.text) ? le.text : l || "", Me = [
+    [Q, We]
+  ), Ie = s.productName || "Live Layer", Ve = Le && (ae != null && ae.text) ? ae.text : l || "", Me = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ w(
     "div",
     {
       className: Me,
@@ -1007,7 +1039,7 @@ const Vn = ({
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
-        /* @__PURE__ */ _("div", { className: "ll-expanded__bg", children: [
+        /* @__PURE__ */ w("div", { className: "ll-expanded__bg", children: [
           o ? /* @__PURE__ */ n(
             Jn,
             {
@@ -1029,11 +1061,11 @@ const Vn = ({
           )
         ] }),
         /* @__PURE__ */ n("div", { ref: Be, className: "ll-expanded__video" }),
-        R === "connecting" && /* @__PURE__ */ _("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        L === "connecting" && /* @__PURE__ */ w("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
           /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
-          /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: h ? "Switching..." : "Connecting..." })
+          /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: m ? "Switching..." : "Connecting..." })
         ] }),
-        M && Le && /* @__PURE__ */ _(
+        I && Le && /* @__PURE__ */ w(
           "button",
           {
             type: "button",
@@ -1045,81 +1077,81 @@ const Vn = ({
             ]
           }
         ),
-        ke ? /* @__PURE__ */ _("div", { className: "ll-expanded__topbar", children: [
-          /* @__PURE__ */ _("div", { className: "ll-expanded__topbar-left", children: [
-            /* @__PURE__ */ _("div", { className: "ll-expanded__pill-wrap", children: [
-              /* @__PURE__ */ _(
+        ke ? /* @__PURE__ */ w("div", { className: "ll-expanded__topbar", children: [
+          /* @__PURE__ */ w("div", { className: "ll-expanded__topbar-left", children: [
+            /* @__PURE__ */ w("div", { className: "ll-expanded__pill-wrap", children: [
+              /* @__PURE__ */ w(
                 "button",
                 {
                   type: "button",
                   className: "ll-hpill",
-                  onClick: (v) => {
-                    oe && (v.stopPropagation(), a());
+                  onClick: (y) => {
+                    ie && (y.stopPropagation(), a());
                   },
-                  "aria-haspopup": oe ? "listbox" : void 0,
-                  "aria-expanded": oe ? m : void 0,
+                  "aria-haspopup": ie ? "listbox" : void 0,
+                  "aria-expanded": ie ? h : void 0,
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                    oe && /* @__PURE__ */ n(Ke, {})
+                    ie && /* @__PURE__ */ n(Xe, {})
                   ]
                 }
               ),
-              oe && m && /* @__PURE__ */ n(
+              ie && h && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
-                  onClick: (v) => v.stopPropagation(),
+                  onClick: (y) => y.stopPropagation(),
                   role: "listbox",
-                  children: d == null ? void 0 : d.map((v) => /* @__PURE__ */ _(
+                  children: d == null ? void 0 : d.map((y) => /* @__PURE__ */ w(
                     "button",
                     {
                       type: "button",
-                      className: `ll-hmenu__item ${v.id === u ? "is-active" : ""}`,
-                      onClick: () => c(v.id),
+                      className: `ll-hmenu__item ${y.id === u ? "is-active" : ""}`,
+                      onClick: () => c(y.id),
                       role: "option",
-                      "aria-selected": v.id === u,
+                      "aria-selected": y.id === u,
                       children: [
-                        v.avatarImageUrl && /* @__PURE__ */ n(
+                        y.avatarImageUrl && /* @__PURE__ */ n(
                           "img",
                           {
-                            src: v.avatarImageUrl,
+                            src: y.avatarImageUrl,
                             alt: "",
                             className: "ll-hmenu__avatar"
                           }
                         ),
-                        /* @__PURE__ */ n("span", { className: "ll-hmenu__name", children: v.name }),
-                        v.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: v.role })
+                        /* @__PURE__ */ n("span", { className: "ll-hmenu__name", children: y.name }),
+                        y.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: y.role })
                       ]
                     },
-                    v.id
+                    y.id
                   ))
                 }
               )
             ] }),
-            /* @__PURE__ */ _("div", { className: "ll-expanded__pill-wrap", children: [
-              /* @__PURE__ */ _(
+            /* @__PURE__ */ w("div", { className: "ll-expanded__pill-wrap", children: [
+              /* @__PURE__ */ w(
                 "button",
                 {
                   type: "button",
                   className: "ll-hpill ll-hpill--compact",
-                  onClick: (v) => {
-                    v.stopPropagation(), C();
+                  onClick: (y) => {
+                    y.stopPropagation(), C();
                   },
                   "aria-haspopup": "listbox",
-                  "aria-expanded": A,
+                  "aria-expanded": R,
                   "aria-label": "Language: English",
                   title: "Language: English",
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: "EN" }),
-                    /* @__PURE__ */ n(Ke, {})
+                    /* @__PURE__ */ n(Xe, {})
                   ]
                 }
               ),
-              A && /* @__PURE__ */ n(
+              R && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
-                  onClick: (v) => v.stopPropagation(),
+                  onClick: (y) => y.stopPropagation(),
                   role: "listbox",
                   children: /* @__PURE__ */ n(
                     "button",
@@ -1137,12 +1169,12 @@ const Vn = ({
             /* @__PURE__ */ n(
               "span",
               {
-                className: `ll-expanded__state ll-expanded__state--${b}`,
-                children: b
+                className: `ll-expanded__state ll-expanded__state--${v}`,
+                children: v
               }
             )
           ] }),
-          /* @__PURE__ */ _("div", { className: "ll-expanded__header-actions", children: [
+          /* @__PURE__ */ w("div", { className: "ll-expanded__header-actions", children: [
             /* @__PURE__ */ n(
               "button",
               {
@@ -1151,7 +1183,7 @@ const Vn = ({
                 onClick: Fe,
                 "aria-label": "Minimize widget",
                 title: "Minimize",
-                children: /* @__PURE__ */ n($t, {})
+                children: /* @__PURE__ */ n(Ht, {})
               }
             ),
             /* @__PURE__ */ n(
@@ -1162,15 +1194,15 @@ const Vn = ({
                 onClick: Ue,
                 "aria-label": "End call",
                 title: "End call",
-                children: /* @__PURE__ */ n(Dt, {})
+                children: /* @__PURE__ */ n(zt, {})
               }
             )
           ] })
         ] }) : (
           // Idle-state header with Live Layer product name + minimize/close
-          /* @__PURE__ */ _("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
+          /* @__PURE__ */ w("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
             /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Ie }),
-            /* @__PURE__ */ _("div", { className: "ll-expanded__header-actions", children: [
+            /* @__PURE__ */ w("div", { className: "ll-expanded__header-actions", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1178,7 +1210,7 @@ const Vn = ({
                   className: "ll-hbtn ll-hbtn--ghost",
                   onClick: Fe,
                   "aria-label": "Minimize widget",
-                  children: /* @__PURE__ */ n($t, {})
+                  children: /* @__PURE__ */ n(Ht, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1188,89 +1220,89 @@ const Vn = ({
                   className: "ll-hbtn ll-hbtn--danger",
                   onClick: Ue,
                   "aria-label": "Close widget",
-                  children: /* @__PURE__ */ n(Dt, {})
+                  children: /* @__PURE__ */ n(zt, {})
                 }
               )
             ] })
           ] })
         ),
         fe && /* @__PURE__ */ (() => {
-          const v = z ? "Restart paused session" : R === "disconnected" ? "Reconnect to agent" : "Start video call", Y = z ? "Pick up where you left off" : null;
-          return /* @__PURE__ */ _(Ft, { children: [
-            R === "idle" && !z && !O && /* @__PURE__ */ _(
+          const y = z ? "Restart paused session" : L === "disconnected" ? "Reconnect to agent" : "Start video call", K = z ? "Pick up where you left off" : null;
+          return /* @__PURE__ */ w(ut, { children: [
+            L === "idle" && !z && !H && /* @__PURE__ */ w(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
                 onClick: me,
-                "aria-label": v,
+                "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" }) }) }),
-                  /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: v })
+                  /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: y })
                 ]
               }
             ),
-            /* @__PURE__ */ _("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
+            /* @__PURE__ */ w("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
               l && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: l }) }),
-              Y && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: Y }),
+              K && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: K }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__cta",
                   onClick: me,
-                  "aria-label": v,
-                  children: v
+                  "aria-label": y,
+                  children: y
                 }
               )
             ] })
           ] });
         })(),
-        /* @__PURE__ */ _(
+        /* @__PURE__ */ w(
           "div",
           {
-            className: `ll-expanded__pip ${ke && (x || Z) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${ke && (D || V) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
                   ref: Re,
-                  className: Z ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  className: V ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: V,
-                  className: !Z && x ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: J,
+                  className: !V && D ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        ke ? /* @__PURE__ */ _("div", { className: "ll-expanded__bottom", children: [
+        ke ? /* @__PURE__ */ w("div", { className: "ll-expanded__bottom", children: [
           Ve && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Ve }) }),
-          /* @__PURE__ */ _("div", { className: "ll-toolbar", onClick: (v) => v.stopPropagation(), children: [
+          /* @__PURE__ */ w("div", { className: "ll-toolbar", onClick: (y) => y.stopPropagation(), children: [
             Oe && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${Z ? "is-on" : ""}`,
+                className: `ll-tool ${V ? "is-on" : ""}`,
                 onClick: xe,
-                "aria-label": Z ? "Stop sharing screen" : "Share screen",
-                title: Z ? "Stop sharing" : "Share screen",
+                "aria-label": V ? "Stop sharing screen" : "Share screen",
+                title: V ? "Stop sharing" : "Share screen",
                 children: /* @__PURE__ */ n(Xn, {})
               }
             ),
-            He && /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
+            He && /* @__PURE__ */ w("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${x ? "is-on" : ""}`,
+                  className: `ll-tool ll-tool--left ${D ? "is-on" : ""}`,
                   onClick: we,
-                  "aria-label": x ? "Turn off camera" : "Turn on camera",
-                  title: x ? "Stop camera" : "Start camera",
+                  "aria-label": D ? "Turn off camera" : "Turn on camera",
+                  title: D ? "Stop camera" : "Start camera",
                   children: /* @__PURE__ */ n(Qn, {})
                 }
               ),
@@ -1278,29 +1310,29 @@ const Vn = ({
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--right ${x ? "is-on" : ""}`,
-                  onClick: (v) => {
-                    v.stopPropagation(), ae((Y) => !Y), X(!1);
+                  className: `ll-tool ll-tool--right ${D ? "is-on" : ""}`,
+                  onClick: (y) => {
+                    y.stopPropagation(), ce((K) => !K), ee(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": ie,
-                  children: /* @__PURE__ */ n(Ke, {})
+                  "aria-expanded": le,
+                  children: /* @__PURE__ */ n(Xe, {})
                 }
               ),
-              ie && Q.length > 0 && /* @__PURE__ */ n(
-                zt,
+              le && O.length > 0 && /* @__PURE__ */ n(
+                Ot,
                 {
                   label: "Camera",
-                  devices: Q,
-                  activeId: de,
-                  onPick: (v) => {
-                    ae(!1), _e(v);
+                  devices: O,
+                  activeId: W,
+                  onPick: (y) => {
+                    ce(!1), _e(y);
                   }
                 }
               )
             ] }),
-            /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
+            /* @__PURE__ */ w("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1317,22 +1349,22 @@ const Vn = ({
                 {
                   type: "button",
                   className: `ll-tool ll-tool--right ${p ? "is-muted" : ""}`,
-                  onClick: (v) => {
-                    v.stopPropagation(), X((Y) => !Y), ae(!1);
+                  onClick: (y) => {
+                    y.stopPropagation(), ee((K) => !K), ce(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": te,
-                  children: /* @__PURE__ */ n(Ke, {})
+                  "aria-expanded": ne,
+                  children: /* @__PURE__ */ n(Xe, {})
                 }
               ),
-              te && E.length > 0 && /* @__PURE__ */ n(
-                zt,
+              ne && B.length > 0 && /* @__PURE__ */ n(
+                Ot,
                 {
                   label: "Microphone",
-                  devices: E,
+                  devices: B,
                   activeId: "",
-                  onPick: () => X(!1)
+                  onPick: () => ee(!1)
                 }
               )
             ] }),
@@ -1341,26 +1373,26 @@ const Vn = ({
               {
                 type: "button",
                 className: `ll-tool ${ue ? "is-muted" : ""}`,
-                onClick: F,
+                onClick: j,
                 "aria-label": ue ? "Unmute speaker" : "Mute speaker",
                 title: ue ? "Unmute speaker" : "Mute speaker",
                 children: /* @__PURE__ */ n(er, { muted: ue })
               }
             )
           ] }),
-          qe && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: pe, children: [
+          qe && /* @__PURE__ */ w("form", { className: "ll-message-input", onSubmit: pe, children: [
             /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: J,
-                onChange: (v) => ne(v.target.value),
+                value: Q,
+                onChange: (y) => re(y.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            J.trim() && /* @__PURE__ */ n(
+            Q.trim() && /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
@@ -1381,9 +1413,9 @@ const Vn = ({
           )
         ] }) : null,
         (() => {
-          if (g && R !== "error")
-            return /* @__PURE__ */ _("div", { className: "ll-expanded__banner", role: "alert", children: [
-              /* @__PURE__ */ n("span", { children: g }),
+          if (N && L !== "error")
+            return /* @__PURE__ */ w("div", { className: "ll-expanded__banner", role: "alert", children: [
+              /* @__PURE__ */ n("span", { children: N }),
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1395,17 +1427,17 @@ const Vn = ({
                 }
               )
             ] });
-          if (!O || R !== "error") return null;
-          let v = "Failed to connect", Y = "Try again";
-          return O === "MIC_PERMISSION_DENIED" ? v = "Microphone blocked. Allow access to talk." : O === "MIC_NOT_FOUND" ? v = "No microphone found. Plug one in + retry." : O === "MIC_UNAVAILABLE" ? v = "Mic unavailable. Check other apps using it." : O === "AGENT_TIMEOUT" ? v = "Agent didn't pick up. Try again." : O === "CONNECT_FAILED" ? v = "Connection failed. Check your network." : O.length < 80 && (v = O), /* @__PURE__ */ _("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
-            /* @__PURE__ */ n("span", { children: v }),
+          if (!H || L !== "error") return null;
+          let y = "Failed to connect", K = "Try again";
+          return H === "MIC_PERMISSION_DENIED" ? y = "Microphone blocked. Allow access to talk." : H === "MIC_NOT_FOUND" ? y = "No microphone found. Plug one in + retry." : H === "MIC_UNAVAILABLE" ? y = "Mic unavailable. Check other apps using it." : H === "AGENT_TIMEOUT" ? y = "Agent didn't pick up. Try again." : H === "CONNECT_FAILED" ? y = "Connection failed. Check your network." : H.length < 80 && (y = H), /* @__PURE__ */ w("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+            /* @__PURE__ */ n("span", { children: y }),
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
                 onClick: ye,
-                children: Y
+                children: K
               }
             )
           ] });
@@ -1414,33 +1446,33 @@ const Vn = ({
     }
   );
 };
-function Ke() {
+function Xe() {
   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 Dt() {
-  return /* @__PURE__ */ _("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
+function zt() {
+  return /* @__PURE__ */ w("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 $t() {
+function Ht() {
   return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
 }
 function Xn() {
-  return /* @__PURE__ */ _("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: [
+  return /* @__PURE__ */ w("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
     /* @__PURE__ */ n("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
     /* @__PURE__ */ n("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
   ] });
 }
 function Qn() {
-  return /* @__PURE__ */ _("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: [
+  return /* @__PURE__ */ w("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("path", { d: "M23 7l-7 5 7 5V7z" }),
     /* @__PURE__ */ n("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
   ] });
 }
 function Zn({ muted: e }) {
-  return /* @__PURE__ */ _("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: [
+  return /* @__PURE__ */ w("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("path", { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
     /* @__PURE__ */ n("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
     /* @__PURE__ */ n("line", { x1: "12", y1: "19", x2: "12", y2: "23" }),
@@ -1448,21 +1480,21 @@ function Zn({ muted: e }) {
   ] });
 }
 function er({ muted: e }) {
-  return /* @__PURE__ */ _("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: [
+  return /* @__PURE__ */ w("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("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__ */ _(Ft, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ w(ut, { children: [
       /* @__PURE__ */ n("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" }),
       /* @__PURE__ */ n("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
     ] })
   ] });
 }
 function tr() {
-  return /* @__PURE__ */ _("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ w("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
     /* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
   ] });
 }
-const zt = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ _(
+const Ot = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ w(
   "div",
   {
     className: "ll-device-menu",
@@ -1472,7 +1504,7 @@ const zt = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */
       /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
       t.map((i, l) => {
         const s = r === i.deviceId;
-        return /* @__PURE__ */ _(
+        return /* @__PURE__ */ w(
           "button",
           {
             type: "button",
@@ -1494,7 +1526,7 @@ const zt = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */
   '[data-ll-private="true"]',
   ".ll-widget"
 ];
-function ut(e) {
+function pt(e) {
   let t = e;
   for (; t; ) {
     for (const r of nr)
@@ -1503,8 +1535,8 @@ function ut(e) {
   }
   return !1;
 }
-function et(e) {
-  if (ut(e)) return !1;
+function tt(e) {
+  if (pt(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
     const t = (e.getAttribute("autocomplete") || "").toLowerCase();
@@ -1512,7 +1544,7 @@ function et(e) {
   }
   return !0;
 }
-const Xe = 4096, rr = 20, or = 20, ir = 10, lr = 10, ar = 30, Ht = 500, cr = [
+const Qe = 4096, rr = 20, or = 20, ir = 10, lr = 10, ar = 30, qt = 500, cr = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1537,7 +1569,7 @@ function ze(e) {
   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 Ot(e) {
+function Bt(e) {
   const t = e.getAttribute("id");
   if (t) {
     const l = document.querySelector(`label[for="${CSS.escape(t)}"]`);
@@ -1576,88 +1608,88 @@ function sr(e, t = {}) {
   for (const p of s) {
     if (d.length >= ir) break;
     if ($e(p) || !ze(p)) continue;
-    const g = p.getAttribute("data-ll-region") ?? "", E = p.getAttribute("data-ll-intent") ?? void 0, x = he(
+    const N = p.getAttribute("data-ll-region") ?? "", B = p.getAttribute("data-ll-intent") ?? void 0, D = he(
       (p.innerText || p.textContent || "").trim(),
-      Ht * 2
+      qt * 2
     );
-    !g || !x || d.push({ id: g, intent: E, text: x });
+    !N || !D || d.push({ id: N, intent: B, text: D });
   }
-  const u = [], h = ["H1", "H2", "H3", "H4", "H5", "H6"], m = Array.from(
+  const u = [], m = ["H1", "H2", "H3", "H4", "H5", "H6"], h = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
-  for (const p of m) {
+  for (const p of h) {
     if ($e(p) || !ze(p)) continue;
-    const g = (p.textContent || "").trim();
-    g && u.push(`${p.tagName}: ${he(g, 200)}`);
+    const N = (p.textContent || "").trim();
+    N && u.push(`${p.tagName}: ${he(N, 200)}`);
   }
   const a = Array.from(r.querySelectorAll("p, li"));
   for (const p of a) {
-    if ($e(p) || !ze(p) || h.includes(p.tagName)) continue;
-    const g = (p.textContent || "").trim();
-    g.length > 10 && u.push(he(g, Ht));
+    if ($e(p) || !ze(p) || m.includes(p.tagName)) continue;
+    const N = (p.textContent || "").trim();
+    N.length > 10 && u.push(he(N, qt));
   }
   const c = u.join(`
-`), A = [], C = Array.from(r.querySelectorAll("a[href]"));
+`), R = [], C = Array.from(r.querySelectorAll("a[href]"));
   for (const p of C) {
-    if (A.length >= rr) break;
+    if (R.length >= rr) break;
     if ($e(p) || !ze(p)) continue;
-    const g = p.getAttribute("href") || "", E = (p.textContent || "").trim();
-    !g || !E || A.push({ href: g, text: he(E, 100) });
+    const N = p.getAttribute("href") || "", B = (p.textContent || "").trim();
+    !N || !B || R.push({ href: N, text: he(B, 100) });
   }
-  const R = [], b = Array.from(
+  const L = [], v = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
-  for (const p of b) {
-    if (R.length >= or) break;
-    if ($e(p) || !et(p) || !ze(p)) continue;
-    const g = Ot(p), E = p instanceof HTMLInputElement ? p.type : p.tagName.toLowerCase();
-    g && R.push({ label: he(g, 100), type: E });
+  for (const p of v) {
+    if (L.length >= or) break;
+    if ($e(p) || !tt(p) || !ze(p)) continue;
+    const N = Bt(p), B = p instanceof HTMLInputElement ? p.type : p.tagName.toLowerCase();
+    N && L.push({ label: he(N, 100), type: B });
   }
-  const L = Array.from(
+  const b = Array.from(
     r.querySelectorAll("[data-ll-form]")
   ), z = [];
-  for (const p of L) {
+  for (const p of b) {
     if (z.length >= lr) break;
-    if (ut(p)) continue;
-    const g = p.getAttribute("data-ll-form") || "";
-    if (!g) continue;
-    const E = p.getAttribute("data-ll-intent") || void 0, x = Array.from(
+    if (pt(p)) continue;
+    const N = p.getAttribute("data-ll-form") || "";
+    if (!N) continue;
+    const B = p.getAttribute("data-ll-intent") || void 0, D = Array.from(
       p.querySelectorAll(
         "[data-ll-field]"
       )
-    ), q = [];
-    for (const Q of x) {
-      if (q.length >= ar) break;
-      if (!et(Q)) continue;
-      const de = Q.getAttribute("data-ll-field") || "";
-      if (!de) continue;
-      const Z = Ot(Q) || de, ee = Q instanceof HTMLInputElement ? Q.type : Q.tagName.toLowerCase();
-      q.push({ name: de, label: he(Z, 100), type: ee });
+    ), A = [];
+    for (const O of D) {
+      if (A.length >= ar) break;
+      if (!tt(O)) continue;
+      const W = O.getAttribute("data-ll-field") || "";
+      if (!W) continue;
+      const V = Bt(O) || W, te = O instanceof HTMLInputElement ? O.type : O.tagName.toLowerCase();
+      A.push({ name: W, label: he(V, 100), type: te });
     }
-    z.push({ id: g, intent: E, fields: q });
+    z.push({ id: N, intent: B, fields: A });
   }
-  const M = {
+  const I = {
     url: o,
     title: l,
     pathname: i,
     regions: d,
     visibleText: c,
-    visibleLinks: A,
-    visibleFields: R,
+    visibleLinks: R,
+    visibleFields: L,
     forms: z,
     extras: e
   };
-  let O = Ee(JSON.stringify(M.regions)) + Ee(M.visibleText) + Ee(JSON.stringify(M.visibleLinks)) + Ee(JSON.stringify(M.visibleFields));
-  for (; O > Xe && M.visibleFields.length > 0; )
-    M.visibleFields.pop(), O = Ee(JSON.stringify(M.visibleFields));
-  for (; O > Xe && M.visibleLinks.length > 0; )
-    M.visibleLinks.pop(), O -= 80;
-  return Ee(M.visibleText) > Xe && (M.visibleText = he(M.visibleText, Xe - 100)), M;
+  let H = Ee(JSON.stringify(I.regions)) + Ee(I.visibleText) + Ee(JSON.stringify(I.visibleLinks)) + Ee(JSON.stringify(I.visibleFields));
+  for (; H > Qe && I.visibleFields.length > 0; )
+    I.visibleFields.pop(), H = Ee(JSON.stringify(I.visibleFields));
+  for (; H > Qe && I.visibleLinks.length > 0; )
+    I.visibleLinks.pop(), H -= 80;
+  return Ee(I.visibleText) > Qe && (I.visibleText = he(I.visibleText, Qe - 100)), I;
 }
 let Ne = null;
-function qt(e, t = {}) {
+function Wt(e, t = {}) {
   const r = Date.now(), i = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
   if (Ne && Ne.key === i && r - Ne.at < 1e3)
     return Ne.ctx;
@@ -1687,28 +1719,28 @@ function hr(e) {
   const r = typeof window < "u" && window.location.origin || "", o = /* @__PURE__ */ new Set(), i = [], l = Array.from(t.querySelectorAll("a[href]"));
   for (const s of l) {
     if (i.length >= ur) break;
-    if (ut(s)) continue;
+    if (pt(s)) continue;
     const d = s.getAttribute("href") || "";
     if (!pr(d)) continue;
-    let u = d, h = !0;
+    let u = d, m = !0;
     try {
       if (typeof window < "u") {
         const a = new URL(d, r);
-        h = a.origin === r, h && d.startsWith("http") && (u = a.pathname + a.search + a.hash);
+        m = a.origin === r, m && d.startsWith("http") && (u = a.pathname + a.search + a.hash);
       }
     } catch {
       continue;
     }
     if (o.has(u)) continue;
     o.add(u);
-    const m = (s.textContent || "").trim().slice(0, 120);
-    i.push({ href: u, text: m, internal: h });
+    const h = (s.textContent || "").trim().slice(0, 120);
+    i.push({ href: u, text: h, internal: m });
   }
   return i;
 }
 let Ae = null;
 const mr = 5e3;
-function ct() {
+function st() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
   if (Ae && Ae.pathname === t && e - Ae.at < mr)
     return Ae.routes;
@@ -1769,7 +1801,7 @@ function xr() {
   const e = _r();
   return e || window;
 }
-function Bt(e) {
+function Ft(e) {
   return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
 }
 function kr(e) {
@@ -1803,7 +1835,7 @@ const Lr = /* @__PURE__ */ new Set([
   "request_routes"
 ]);
 function Sr(e) {
-  var bt, wt, _t, xt, kt, Lt, St;
+  var wt, _t, xt, kt, Lt, St, Ct;
   const {
     agentId: t,
     apiKey: r,
@@ -1813,27 +1845,27 @@ function Sr(e) {
     autoConnect: s = !1,
     displayMode: d,
     defaultDisplayMode: u = "expanded",
-    onDisplayModeChange: h,
-    position: m = "bottom-right",
+    onDisplayModeChange: m,
+    position: h = "bottom-right",
     mobileBreakpoint: a = 640,
     persistKey: c = "ll-widget",
-    disablePersistence: A = !1,
+    disablePersistence: R = !1,
     teamMembers: C,
-    currentTeamMemberId: R,
-    onTeamMemberChange: b,
-    idleLoopUrl: L,
+    currentTeamMemberId: L,
+    onTeamMemberChange: v,
+    idleLoopUrl: b,
     greeting: z,
-    avatarImageUrl: M,
-    agentName: O,
+    avatarImageUrl: I,
+    agentName: H,
     branding: p = {},
-    allowCamera: g = !0,
-    allowScreenShare: E = !0,
-    allowTyping: x = !0,
-    showOn: q,
-    hideOn: Q,
-    pathname: de,
-    onNavigate: Z,
-    onScrollToSelector: ee,
+    allowCamera: N = !0,
+    allowScreenShare: B = !0,
+    allowTyping: D = !0,
+    showOn: A,
+    hideOn: O,
+    pathname: W,
+    onNavigate: V,
+    onScrollToSelector: te,
     getPageContext: ue,
     pageContextExtras: He,
     getRoutes: Oe,
@@ -1847,169 +1879,169 @@ function Sr(e) {
     onConnectionStateChange: we,
     onAgentEvent: _e,
     onAgentCommand: xe,
-    controlledSession: F,
+    controlledSession: j,
     className: We,
     style: Fe,
     zIndex: Ue = 2147483647
-  } = e, je = Mn(de), le = On(je, q, Q);
-  P(() => {
+  } = e, je = Tn(W), ae = qn(je, A, O);
+  T(() => {
     dr(), gr();
   }, [je]);
-  const oe = R !== void 0, [ke, Le] = N(() => {
-    var y;
-    return R ?? ((y = C == null ? void 0 : C[0]) == null ? void 0 : y.id);
-  }), fe = oe ? R : ke, V = Qe(
-    () => (C == null ? void 0 : C.find((y) => y.id === fe)) ?? null,
+  const ie = L !== void 0, [ke, Le] = S(() => {
+    var g;
+    return L ?? ((g = C == null ? void 0 : C[0]) == null ? void 0 : g.id);
+  }), fe = ie ? L : ke, J = Ze(
+    () => (C == null ? void 0 : C.find((g) => g.id === fe)) ?? null,
     [C, fe]
-  ), Re = (V == null ? void 0 : V.agentId) ?? t, [te, X] = Nn({
+  ), Re = (J == null ? void 0 : J.agentId) ?? t, [ne, ee] = An({
     value: d,
     defaultValue: u,
-    onChange: h,
+    onChange: m,
     persistKey: c,
-    disablePersistence: A
-  }), ie = Rn(a), ae = gn(), J = yn(), ne = bn(), pe = wn(), Ie = _n(), [Ve, Me] = N(!1), [Se, v] = N(!1), [Y, Ye] = N(!1), [Vt, Yt] = N(!1), [tt, Gt] = N(!1), nt = I(Z), rt = I(ee), ot = I(qe), it = I(Be), ft = I(ue), pt = I(He), ht = I(Oe), lt = I(me), re = I(null);
-  nt.current = Z, rt.current = ee, ot.current = qe, it.current = Be, ft.current = ue, pt.current = He, ht.current = Oe, lt.current = me;
-  function ce(y) {
-    const f = lt.current;
-    return f ? f.includes(y) : !0;
+    disablePersistence: R
+  }), le = In(a), ce = yn(), Q = vn(), re = wn(), pe = _n(), Ie = xn(), [Ve, Me] = S(!1), [Se, y] = S(!1), [K, Ye] = S(!1), [Yt, Gt] = S(!1), [nt, Jt] = S(!1), rt = E(V), ot = E(te), it = E(qe), lt = E(Be), ht = E(ue), mt = E(He), gt = E(Oe), at = E(me), oe = E(null);
+  rt.current = V, ot.current = te, it.current = qe, lt.current = Be, ht.current = ue, mt.current = He, gt.current = Oe, at.current = me;
+  function se(g) {
+    const f = at.current;
+    return f ? f.includes(g) : !0;
   }
-  function se(y, f) {
+  function de(g, f) {
     console.warn(
-      `[LiveLayer] Agent command "${y}" blocked — capability "${f}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
+      `[LiveLayer] Agent command "${g}" blocked — capability "${f}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
     );
   }
-  const Te = S(
-    (y) => {
-      var K, Ge, Je, Ct;
-      const f = y;
+  const Te = k(
+    (g) => {
+      var Z, Je, Ke, Et;
+      const f = g;
       if (!(!f.type || typeof f.type != "string")) {
-        if (_e == null || _e({ eventName: f.type, data: y }), f.type === "navigate") {
-          if (!ce("navigate")) {
-            se("navigate", "navigate");
+        if (_e == null || _e({ eventName: f.type, data: g }), f.type === "navigate") {
+          if (!se("navigate")) {
+            de("navigate", "navigate");
             return;
           }
-          const k = typeof f.href == "string" ? f.href : null;
-          if (!k) {
+          const x = typeof f.href == "string" ? f.href : null;
+          if (!x) {
             console.warn(
               `[LiveLayer] Agent emitted "navigate" without href. Skipping. Check your agent's tool schema. See https://livelayer.studio/docs/errors/navigate-missing-href`
             );
             return;
           }
-          if (nt.current) {
+          if (rt.current) {
             try {
-              nt.current(k);
-            } catch (T) {
+              rt.current(x);
+            } catch (M) {
               console.warn(
-                `[LiveLayer] onNavigate threw for "${k}". Falling back. Error:`,
-                T
+                `[LiveLayer] onNavigate threw for "${x}". Falling back. Error:`,
+                M
               );
             }
             return;
           }
           if (typeof document < "u") {
-            const T = document.querySelector(
-              `a[href="${k.replace(/"/g, '\\"')}"]`
+            const M = document.querySelector(
+              `a[href="${x.replace(/"/g, '\\"')}"]`
             );
-            if (T) {
-              T.click();
+            if (M) {
+              M.click();
               return;
             }
           }
           if (typeof window < "u" && typeof history < "u")
             try {
-              history.pushState({}, "", k), window.dispatchEvent(new PopStateEvent("popstate"));
-            } catch (T) {
+              history.pushState({}, "", x), window.dispatchEvent(new PopStateEvent("popstate"));
+            } catch (M) {
               console.warn(
-                `[LiveLayer] history.pushState fallback failed for "${k}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
-                T
+                `[LiveLayer] history.pushState fallback failed for "${x}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
+                M
               );
             }
           return;
         }
         if (f.type === "scroll_to") {
-          if (!ce("scroll")) {
-            se("scroll_to", "scroll");
+          if (!se("scroll")) {
+            de("scroll_to", "scroll");
             return;
           }
-          const k = typeof f.selector == "string" ? f.selector : null;
-          if (!k) return;
-          const T = f.behavior === "instant" ? "instant" : "smooth";
-          if (rt.current) {
+          const x = typeof f.selector == "string" ? f.selector : null;
+          if (!x) return;
+          const M = f.behavior === "instant" ? "instant" : "smooth";
+          if (ot.current) {
             try {
-              rt.current(
-                k,
-                T
+              ot.current(
+                x,
+                M
               );
-            } catch (H) {
-              console.warn("[LiveLayer] onScrollToSelector threw.", H);
+            } catch (q) {
+              console.warn("[LiveLayer] onScrollToSelector threw.", q);
             }
             return;
           }
           if (typeof document < "u") {
-            let H = null;
+            let q = null;
             try {
-              H = document.querySelector(k);
+              q = document.querySelector(x);
             } catch {
               console.warn(
-                `[LiveLayer] scroll_to: invalid selector "${k}".`
+                `[LiveLayer] scroll_to: invalid selector "${x}".`
               );
               return;
             }
-            if (!H) {
+            if (!q) {
               console.warn(
-                `[LiveLayer] scroll_to: no element matched "${k}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
+                `[LiveLayer] scroll_to: no element matched "${x}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
               );
               return;
             }
-            H.scrollIntoView({
-              behavior: T,
+            q.scrollIntoView({
+              behavior: M,
               block: "start"
             });
           }
           return;
         }
         if (f.type === "request_page_context") {
-          if (!ce("read_page")) {
-            se("request_page_context", "read_page");
+          if (!se("read_page")) {
+            de("request_page_context", "read_page");
             return;
           }
-          const k = typeof f.requestId == "string" ? f.requestId : void 0, T = (K = re.current) == null ? void 0 : K.call(re), H = (W) => {
-            const D = T, j = D == null ? void 0 : D.localParticipant;
-            if (j != null && j.publishData)
+          const x = typeof f.requestId == "string" ? f.requestId : void 0, M = (Z = oe.current) == null ? void 0 : Z.call(oe), q = (U) => {
+            const P = M, G = P == null ? void 0 : P.localParticipant;
+            if (G != null && G.publishData)
               try {
-                const G = k ? { ...W, requestId: k } : W, Ce = new TextEncoder().encode(JSON.stringify(G));
-                j.publishData(Ce, { reliable: !0 });
-              } catch (G) {
-                console.warn("[LiveLayer] publishData failed.", G);
+                const X = x ? { ...U, requestId: x } : U, Ce = new TextEncoder().encode(JSON.stringify(X));
+                G.publishData(Ce, { reliable: !0 });
+              } catch (X) {
+                console.warn("[LiveLayer] publishData failed.", X);
               }
-          }, $ = pt.current, B = ft.current;
+          }, $ = mt.current, F = ht.current;
           try {
-            if (B) {
-              const W = B($);
-              if (W instanceof Promise) {
-                H({ type: "page_context_pending" }), W.then((D) => H({ type: "page_context", context: D })).catch((D) => {
+            if (F) {
+              const U = F($);
+              if (U instanceof Promise) {
+                q({ type: "page_context_pending" }), U.then((P) => q({ type: "page_context", context: P })).catch((P) => {
                   console.warn(
                     "[LiveLayer] getPageContext rejected; falling back to default walker.",
-                    D
-                  ), H({
+                    P
+                  ), q({
                     type: "page_context",
-                    context: qt($)
+                    context: Wt($)
                   });
                 });
                 return;
               }
-              H({ type: "page_context", context: W });
+              q({ type: "page_context", context: U });
               return;
             }
-            H({
+            q({
               type: "page_context",
-              context: qt($)
+              context: Wt($)
             });
-          } catch (W) {
+          } catch (U) {
             console.warn(
               "[LiveLayer] page-context extraction threw. Sending empty context.",
-              W
-            ), H({
+              U
+            ), q({
               type: "page_context",
               context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: $ }
             });
@@ -2017,102 +2049,102 @@ function Sr(e) {
           return;
         }
         if (f.type === "scroll_page") {
-          if (!ce("scroll")) {
-            se("scroll_page", "scroll");
+          if (!se("scroll")) {
+            de("scroll_page", "scroll");
             return;
           }
-          const k = f.direction;
-          if (k !== "up" && k !== "down" && k !== "top" && k !== "bottom") {
+          const x = f.direction;
+          if (x !== "up" && x !== "down" && x !== "top" && x !== "bottom") {
             console.warn(
-              `[LiveLayer] scroll_page: invalid direction "${String(k)}". Expected up | down | top | bottom.`
+              `[LiveLayer] scroll_page: invalid direction "${String(x)}". Expected up | down | top | bottom.`
             );
             return;
           }
-          const T = f.behavior === "instant" ? "instant" : "smooth";
-          if (ot.current) {
+          const M = f.behavior === "instant" ? "instant" : "smooth";
+          if (it.current) {
             try {
-              ot.current(
-                k,
-                T
+              it.current(
+                x,
+                M
               );
-            } catch (D) {
-              console.warn("[LiveLayer] onScrollPage threw.", D);
+            } catch (P) {
+              console.warn("[LiveLayer] onScrollPage threw.", P);
             }
             return;
           }
           if (typeof window > "u") return;
-          const H = { behavior: T }, $ = xr(), B = (D) => {
-            $ instanceof Window ? $.scrollBy({ top: D, ...H }) : $.scrollBy({ top: D, ...H });
-          }, W = (D) => {
-            $ instanceof Window ? $.scrollTo({ top: D, ...H }) : $.scrollTo({ top: D, ...H });
+          const q = { behavior: M }, $ = xr(), F = (P) => {
+            $ instanceof Window ? $.scrollBy({ top: P, ...q }) : $.scrollBy({ top: P, ...q });
+          }, U = (P) => {
+            $ instanceof Window ? $.scrollTo({ top: P, ...q }) : $.scrollTo({ top: P, ...q });
           };
-          k === "up" ? B(-Bt($)) : k === "down" ? B(Bt($)) : W(k === "top" ? 0 : kr($));
+          x === "up" ? F(-Ft($)) : x === "down" ? F(Ft($)) : U(x === "top" ? 0 : kr($));
           return;
         }
         if (f.type === "click") {
-          if (!ce("click")) {
-            se("click", "click");
+          if (!se("click")) {
+            de("click", "click");
             return;
           }
-          const k = typeof f.selector == "string" ? f.selector : null;
-          if (!k) {
+          const x = typeof f.selector == "string" ? f.selector : null;
+          if (!x) {
             console.warn("[LiveLayer] click: missing selector.");
             return;
           }
-          if (it.current) {
+          if (lt.current) {
             try {
-              it.current(k);
-            } catch (H) {
-              console.warn("[LiveLayer] onClick threw.", H);
+              lt.current(x);
+            } catch (q) {
+              console.warn("[LiveLayer] onClick threw.", q);
             }
             return;
           }
           if (typeof document > "u") return;
-          let T = null;
+          let M = null;
           try {
-            T = document.querySelector(k);
+            M = document.querySelector(x);
           } catch {
             console.warn(
-              `[LiveLayer] click: invalid selector "${k}".`
+              `[LiveLayer] click: invalid selector "${x}".`
             );
             return;
           }
-          if (!T) {
+          if (!M) {
             console.warn(
-              `[LiveLayer] click: no element matched "${k}". See https://livelayer.studio/docs/errors/click-no-match`
+              `[LiveLayer] click: no element matched "${x}". See https://livelayer.studio/docs/errors/click-no-match`
             );
             return;
           }
-          if (T.closest('[data-ll-private="true"], .ll-widget')) {
+          if (M.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               "[LiveLayer] click: refusing to click element inside a private subtree."
             );
             return;
           }
-          (Ge = T.click) == null || Ge.call(T);
+          (Je = M.click) == null || Je.call(M);
           return;
         }
         if (f.type === "fill_form" || f.type === "focus_field") {
-          if (!ce("fill_forms")) {
-            se(f.type, "fill_forms");
+          if (!se("fill_forms")) {
+            de(f.type, "fill_forms");
             return;
           }
           if (typeof document > "u") return;
-          const k = typeof f.formId == "string" ? f.formId : null;
-          if (!k) {
+          const x = typeof f.formId == "string" ? f.formId : null;
+          if (!x) {
             console.warn(`[LiveLayer] ${f.type}: missing formId.`);
             return;
           }
-          const T = document.querySelector(
-            `[data-ll-form="${k.replace(/"/g, '\\"')}"]`
+          const M = document.querySelector(
+            `[data-ll-form="${x.replace(/"/g, '\\"')}"]`
           );
-          if (!T) {
+          if (!M) {
             console.warn(
-              `[LiveLayer] ${f.type}: no form with data-ll-form="${k}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
+              `[LiveLayer] ${f.type}: no form with data-ll-form="${x}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
             );
             return;
           }
-          if (T.closest('[data-ll-private="true"], .ll-widget')) {
+          if (M.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               `[LiveLayer] ${f.type}: refusing to touch a form in a private subtree.`
             );
@@ -2124,154 +2156,154 @@ function Sr(e) {
               console.warn("[LiveLayer] focus_field: missing fieldName.");
               return;
             }
-            const B = T.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
-            if (!B) {
+            const F = M.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
+            if (!F) {
               console.warn(
-                `[LiveLayer] focus_field: no field "${$}" in form "${k}".`
+                `[LiveLayer] focus_field: no field "${$}" in form "${x}".`
               );
               return;
             }
-            if (!et(B)) {
+            if (!tt(F)) {
               console.warn(
                 `[LiveLayer] focus_field: field "${$}" is privacy-protected and not focusable.`
               );
               return;
             }
-            B.focus();
+            F.focus();
             return;
           }
-          const H = f.values && typeof f.values == "object" ? f.values : null;
-          if (!H) {
+          const q = f.values && typeof f.values == "object" ? f.values : null;
+          if (!q) {
             console.warn("[LiveLayer] fill_form: missing or invalid values.");
             return;
           }
-          for (const [$, B] of Object.entries(H)) {
-            if (typeof B != "string") continue;
-            const W = T.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
-            if (!W) {
+          for (const [$, F] of Object.entries(q)) {
+            if (typeof F != "string") continue;
+            const U = M.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
+            if (!U) {
               console.warn(
-                `[LiveLayer] fill_form: no field "${$}" in form "${k}". Skipping.`
+                `[LiveLayer] fill_form: no field "${$}" in form "${x}". Skipping.`
               );
               continue;
             }
-            if (!et(W)) {
+            if (!tt(U)) {
               console.warn(
                 `[LiveLayer] fill_form: field "${$}" is privacy-protected (password / cc-* / private). Skipping.`
               );
               continue;
             }
             try {
-              vr(W, B);
-            } catch (D) {
+              vr(U, F);
+            } catch (P) {
               console.warn(
                 `[LiveLayer] fill_form: failed to set "${$}".`,
-                D
+                P
               );
             }
           }
           return;
         }
         if (f.type === "submit_form") {
-          if (!ce("submit_forms")) {
-            se("submit_form", "submit_forms");
+          if (!se("submit_forms")) {
+            de("submit_form", "submit_forms");
             return;
           }
           if (typeof document > "u") return;
-          const k = typeof f.formId == "string" ? f.formId : null;
-          if (!k) {
+          const x = typeof f.formId == "string" ? f.formId : null;
+          if (!x) {
             console.warn("[LiveLayer] submit_form: missing formId.");
             return;
           }
-          const T = document.querySelector(
-            `[data-ll-form="${k.replace(/"/g, '\\"')}"]`
+          const M = document.querySelector(
+            `[data-ll-form="${x.replace(/"/g, '\\"')}"]`
           );
-          if (!T) {
+          if (!M) {
             console.warn(
-              `[LiveLayer] submit_form: no form with data-ll-form="${k}".`
+              `[LiveLayer] submit_form: no form with data-ll-form="${x}".`
             );
             return;
           }
-          if (T.closest('[data-ll-private="true"], .ll-widget')) {
+          if (M.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               "[LiveLayer] submit_form: refusing to submit a form in a private subtree."
             );
             return;
           }
-          const H = typeof f.requestId == "string" ? f.requestId : void 0, $ = (Je = re.current) == null ? void 0 : Je.call(re), B = (j) => {
-            const G = $, Ce = G == null ? void 0 : G.localParticipant;
+          const q = typeof f.requestId == "string" ? f.requestId : void 0, $ = (Ke = oe.current) == null ? void 0 : Ke.call(oe), F = (G) => {
+            const X = $, Ce = X == null ? void 0 : X.localParticipant;
             if (Ce != null && Ce.publishData)
               try {
-                const an = H ? { ...j, requestId: H } : j, cn = new TextEncoder().encode(JSON.stringify(an));
-                Ce.publishData(cn, { reliable: !0 });
+                const cn = q ? { ...G, requestId: q } : G, sn = new TextEncoder().encode(JSON.stringify(cn));
+                Ce.publishData(sn, { reliable: !0 });
               } catch {
               }
           };
-          let W = !1;
-          const D = () => {
-            W = !0, B({ type: "form_submitted", formId: k });
+          let U = !1;
+          const P = () => {
+            U = !0, F({ type: "form_submitted", formId: x });
           };
-          T.addEventListener("submit", D, { once: !0 });
+          M.addEventListener("submit", P, { once: !0 });
           try {
-            typeof T.requestSubmit == "function" ? T.requestSubmit() : T.submit();
-          } catch (j) {
-            console.warn("[LiveLayer] submit_form: requestSubmit threw.", j), T.removeEventListener("submit", D), B({
+            typeof M.requestSubmit == "function" ? M.requestSubmit() : M.submit();
+          } catch (G) {
+            console.warn("[LiveLayer] submit_form: requestSubmit threw.", G), M.removeEventListener("submit", P), F({
               type: "form_submit_blocked",
-              formId: k,
+              formId: x,
               reason: "exception"
             });
             return;
           }
           setTimeout(() => {
-            W || (T.removeEventListener("submit", D), B({
+            U || (M.removeEventListener("submit", P), F({
               type: "form_submit_blocked",
-              formId: k,
+              formId: x,
               reason: "validation"
             }));
           }, 500);
           return;
         }
         if (f.type === "request_routes") {
-          if (!ce("read_page")) {
-            se("request_routes", "read_page");
+          if (!se("read_page")) {
+            de("request_routes", "read_page");
             return;
           }
-          const k = typeof f.requestId == "string" ? f.requestId : void 0, H = (Ct = re.current) == null ? void 0 : Ct.call(re), $ = H == null ? void 0 : H.localParticipant;
+          const x = typeof f.requestId == "string" ? f.requestId : void 0, q = (Et = oe.current) == null ? void 0 : Et.call(oe), $ = q == null ? void 0 : q.localParticipant;
           if (!($ != null && $.publishData)) return;
-          const B = (D) => {
+          const F = (P) => {
             try {
-              const j = k ? { type: "routes", routes: D, requestId: k } : { type: "routes", routes: D }, G = new TextEncoder().encode(JSON.stringify(j));
-              $.publishData(G, { reliable: !0 });
-            } catch (j) {
-              console.warn("[LiveLayer] request_routes: publishData failed.", j);
+              const G = x ? { type: "routes", routes: P, requestId: x } : { type: "routes", routes: P }, X = new TextEncoder().encode(JSON.stringify(G));
+              $.publishData(X, { reliable: !0 });
+            } catch (G) {
+              console.warn("[LiveLayer] request_routes: publishData failed.", G);
             }
-          }, W = ht.current;
-          if (W) {
+          }, U = gt.current;
+          if (U) {
             try {
-              const D = W(), j = (G) => {
-                if (!Array.isArray(G)) {
-                  B([]);
+              const P = U(), G = (X) => {
+                if (!Array.isArray(X)) {
+                  F([]);
                   return;
                 }
-                B(G.map(fr).slice(0, 200));
+                F(X.map(fr).slice(0, 200));
               };
-              D instanceof Promise ? D.then(j).catch((G) => {
+              P instanceof Promise ? P.then(G).catch((X) => {
                 console.warn(
                   "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
-                  G
-                ), B(ct());
-              }) : j(D);
-            } catch (D) {
+                  X
+                ), F(st());
+              }) : G(P);
+            } catch (P) {
               console.warn(
                 "[LiveLayer] getRoutes threw; falling back to DOM walker.",
-                D
-              ), B(ct());
+                P
+              ), F(st());
             }
             return;
           }
           try {
-            B(ct());
-          } catch (D) {
-            console.warn("[LiveLayer] request_routes: extractRoutes threw.", D);
+            F(st());
+          } catch (P) {
+            console.warn("[LiveLayer] request_routes: extractRoutes threw.", P);
           }
           return;
         }
@@ -2279,249 +2311,251 @@ function Sr(e) {
       }
     },
     [xe, _e]
-  ), U = mn({
-    agentId: F ? "__controlled__" : Re,
+  ), Y = gn({
+    agentId: j ? "__controlled__" : Re,
     baseUrl: o,
     apiKey: r,
     sessionEndpoint: i,
     sessionBody: l,
-    onDataMessage: F ? void 0 : Te
+    onDataMessage: j ? void 0 : Te
   });
-  P(() => {
-    if (F != null && F.subscribeToDataMessages)
-      return F.subscribeToDataMessages(Te);
-  }, [F, Te]), re.current = () => {
-    var y;
-    return (y = U.getRoom) == null ? void 0 : y.call(U);
-  }, P(() => {
-    var K;
+  T(() => {
+    if (j != null && j.subscribeToDataMessages)
+      return j.subscribeToDataMessages(Te);
+  }, [j, Te]), oe.current = () => {
+    var g;
+    return (g = Y.getRoom) == null ? void 0 : g.call(Y);
+  }, T(() => {
+    var Z;
     if (typeof window > "u") return;
-    const y = ((K = window.location) == null ? void 0 : K.hostname) || "";
-    if (y === "localhost" || y === "127.0.0.1" || y === "0.0.0.0" || y.endsWith(".local") || y.endsWith(".test"))
-      return window.__livelayerSimulateCommand = (Ge) => {
+    const g = ((Z = window.location) == null ? void 0 : Z.hostname) || "";
+    if (g === "localhost" || g === "127.0.0.1" || g === "0.0.0.0" || g.endsWith(".local") || g.endsWith(".test"))
+      return window.__livelayerSimulateCommand = (Je) => {
         try {
-          Te(Ge);
-        } catch (Je) {
-          console.warn("[LiveLayer] simulate-command threw:", Je);
+          Te(Je);
+        } catch (Ke) {
+          console.warn("[LiveLayer] simulate-command threw:", Ke);
         }
       }, () => {
         delete window.__livelayerSimulateCommand;
       };
   }, [Te]);
-  const w = Qe(() => F ? {
-    connectionState: F.connectionState,
-    agentState: F.agentState,
-    transcript: F.transcript,
-    videoElement: F.videoElement,
-    audioElement: F.audioElement,
-    canResume: F.canResume,
-    error: F.error,
+  const _ = Ze(() => j ? {
+    connectionState: j.connectionState,
+    agentState: j.agentState,
+    transcript: j.transcript,
+    videoElement: j.videoElement,
+    audioElement: j.audioElement,
+    canResume: j.canResume,
+    error: j.error,
     agentConfig: null,
     connect: async () => {
-      await F.onConnect();
+      await j.onConnect();
     },
-    disconnect: () => F.onDisconnect(),
+    disconnect: () => j.onDisconnect(),
     // Dummy getRoom for shape compatibility — controlled consumers own the Room.
     // Internal session's getRoom returns null when no real connect has happened,
     // so we reuse its reference for type consistency.
-    getRoom: U.getRoom,
+    getRoom: Y.getRoom,
     isControlled: !0
   } : {
-    connectionState: U.connectionState,
-    agentState: U.agentState,
-    transcript: U.transcript,
-    videoElement: U.videoElement,
-    audioElement: U.audioElement,
-    canResume: U.canResume,
-    error: U.error,
-    agentConfig: U.agentConfig,
-    connect: U.connect,
-    disconnect: U.disconnect,
-    getRoom: U.getRoom,
+    connectionState: Y.connectionState,
+    agentState: Y.agentState,
+    transcript: Y.transcript,
+    videoElement: Y.videoElement,
+    audioElement: Y.audioElement,
+    canResume: Y.canResume,
+    error: Y.error,
+    agentConfig: Y.agentConfig,
+    connect: Y.connect,
+    disconnect: Y.disconnect,
+    getRoom: Y.getRoom,
     isControlled: !1
-  }, [F, U]), mt = I(null);
-  P(() => {
-    const y = w.videoElement, f = mt.current;
-    if (!(!y || !f))
-      return f.appendChild(y), () => {
-        y.parentNode === f && f.removeChild(y);
+  }, [j, Y]), yt = E(null);
+  T(() => {
+    const g = _.videoElement, f = yt.current;
+    if (!(!g || !f))
+      return f.appendChild(g), () => {
+        g.parentNode === f && f.removeChild(g);
       };
-  }, [w.videoElement]), P(() => {
-    const y = w.audioElement;
-    if (!y) return;
-    ae.attach(y);
-    const f = y.play();
-    return f && typeof f.catch == "function" && f.catch((K) => {
-      (K == null ? void 0 : K.name) === "NotAllowedError" && Me(!0);
+  }, [_.videoElement]), T(() => {
+    const g = _.audioElement;
+    if (!g) return;
+    ce.attach(g);
+    const f = g.play();
+    return f && typeof f.catch == "function" && f.catch((Z) => {
+      (Z == null ? void 0 : Z.name) === "NotAllowedError" && Me(!0);
     }), () => {
-      ae.detach();
+      ce.detach();
     };
-  }, [w.audioElement]), P(() => {
-    if (w.isControlled || w.connectionState !== "connected") return;
-    const y = w.getRoom();
-    if (y)
-      return J.setupMic(y).catch(() => {
-      }), ne.attachRoom(y), pe.attachRoom(y), Ie.refresh(), () => {
-        J.teardownMic(), ne.teardown(), pe.teardown();
+  }, [_.audioElement]), T(() => {
+    if (_.isControlled || _.connectionState !== "connected") return;
+    const g = _.getRoom();
+    if (g)
+      return Q.setupMic(g).catch(() => {
+      }), re.attachRoom(g), pe.attachRoom(g), Ie.refresh(), () => {
+        Q.teardownMic(), re.teardown(), pe.teardown();
       };
-  }, [w.isControlled, w.connectionState]), P(() => {
-    const y = w.audioElement;
-    y && (y.muted = tt);
-  }, [w.audioElement, tt]);
-  const Jt = S((y) => {
-    const f = w.getRoom();
+  }, [_.isControlled, _.connectionState]), T(() => {
+    const g = _.audioElement;
+    g && (g.muted = nt);
+  }, [_.audioElement, nt]);
+  const Kt = k((g) => {
+    const f = _.getRoom();
     if (f)
       try {
-        const K = new TextEncoder().encode(
-          JSON.stringify({ type: "user_message", text: y })
+        const Z = new TextEncoder().encode(
+          JSON.stringify({ type: "user_message", text: g })
         );
-        f.localParticipant.publishData(K, { reliable: !0 });
+        f.localParticipant.publishData(Z, { reliable: !0 });
       } catch {
       }
-  }, [w]), Kt = S(() => {
-    Gt((y) => !y);
+  }, [_]), Xt = k(() => {
+    Jt((g) => !g);
   }, []);
-  P(() => {
-    we == null || we(w.connectionState), w.connectionState === "connected" ? ge == null || ge() : w.connectionState === "disconnected" && (ye == null || ye());
-  }, [w.connectionState, ge, ye, we]), P(() => {
-    ve == null || ve(w.transcript);
-  }, [w.transcript, ve]), P(() => {
-    be == null || be(w.agentState);
-  }, [w.agentState, be]);
-  const gt = I(!1);
-  P(() => {
-    w.isControlled || !s || gt.current || le && w.connectionState === "idle" && (gt.current = !0, w.connect());
-  }, [s, w.connectionState, w, le]);
-  const Xt = S(
-    (y) => {
-      const f = C == null ? void 0 : C.find((K) => K.id === y);
-      f && (Ye(!1), y !== fe && (v(!0), w.disconnect(), oe || Le(y), b == null || b(f)));
+  T(() => {
+    we == null || we(_.connectionState), _.connectionState === "connected" ? ge == null || ge() : _.connectionState === "disconnected" && (ye == null || ye());
+  }, [_.connectionState, ge, ye, we]), T(() => {
+    ve == null || ve(_.transcript);
+  }, [_.transcript, ve]), T(() => {
+    be == null || be(_.agentState);
+  }, [_.agentState, be]);
+  const vt = E(!1);
+  T(() => {
+    _.isControlled || !s || vt.current || ae && _.connectionState === "idle" && (vt.current = !0, _.connect());
+  }, [s, _.connectionState, _, ae]);
+  const Qt = k(
+    (g) => {
+      const f = C == null ? void 0 : C.find((Z) => Z.id === g);
+      f && (Ye(!1), g !== fe && (y(!0), _.disconnect(), ie || Le(g), v == null || v(f)));
     },
     [
       C,
       fe,
-      w,
-      oe,
-      b
+      _,
+      ie,
+      v
     ]
   );
-  P(() => {
-    Se && w.connectionState === "connected" && v(!1);
-  }, [w.connectionState, Se]), P(() => {
-    if (!Y) return;
-    const y = (f) => {
+  T(() => {
+    Se && _.connectionState === "connected" && y(!1);
+  }, [_.connectionState, Se]), T(() => {
+    if (!K) return;
+    const g = (f) => {
       f.key === "Escape" && Ye(!1);
     };
-    return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
-  }, [Y]);
-  const Qt = !!M || !!(V != null && V.avatarImageUrl) || w.isControlled, Pe = xn(Re, o, Qt);
-  me === void 0 && ((bt = Pe.info) != null && bt.capabilities) && (lt.current = Pe.info.capabilities);
-  const at = (V == null ? void 0 : V.name) ?? O ?? ((wt = w.agentConfig) == null ? void 0 : wt.name) ?? ((_t = Pe.info) == null ? void 0 : _t.name) ?? "Live Layer", yt = (V == null ? void 0 : V.avatarImageUrl) ?? M ?? ((xt = w.agentConfig) == null ? void 0 : xt.avatarImageUrl) ?? ((kt = Pe.info) == null ? void 0 : kt.avatarImageUrl) ?? null, Zt = L ?? ((Lt = w.agentConfig) == null ? void 0 : Lt.idleLoopUrl) ?? ((St = Pe.info) == null ? void 0 : St.idleLoopUrl) ?? null, en = z ?? null, tn = S(() => X("expanded"), [X]), nn = S(
-    () => X("minimized"),
-    [X]
-  ), vt = S(() => {
-    w.disconnect(), X("hidden");
-  }, [w, X]), rn = S(() => {
-    const y = w.audioElement;
-    y && y.play().then(() => Me(!1)).catch(() => {
+    return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
+  }, [K]);
+  const Zt = !!I || !!(J != null && J.avatarImageUrl) || _.isControlled, Pe = kn(Re, o, Zt);
+  me === void 0 && ((wt = Pe.info) != null && wt.capabilities) && (at.current = Pe.info.capabilities);
+  const Ge = (J == null ? void 0 : J.name) ?? H ?? ((_t = _.agentConfig) == null ? void 0 : _t.name) ?? ((xt = Pe.info) == null ? void 0 : xt.name) ?? "Live Layer", ct = (J == null ? void 0 : J.avatarImageUrl) ?? I ?? ((kt = _.agentConfig) == null ? void 0 : kt.avatarImageUrl) ?? ((Lt = Pe.info) == null ? void 0 : Lt.avatarImageUrl) ?? null, en = b ?? ((St = _.agentConfig) == null ? void 0 : St.idleLoopUrl) ?? ((Ct = Pe.info) == null ? void 0 : Ct.idleLoopUrl) ?? null, tn = z ?? null, nn = k(() => ee("expanded"), [ee]), rn = k(
+    () => ee("minimized"),
+    [ee]
+  ), bt = k(() => {
+    _.disconnect(), ee("hidden");
+  }, [_, ee]), on = k(() => {
+    const g = _.audioElement;
+    g && g.play().then(() => Me(!1)).catch(() => {
     });
-  }, [w.audioElement]), on = S(() => {
-    Me(!1), w.connect();
-  }, [w]), De = {
+  }, [_.audioElement]), ln = k(() => {
+    Me(!1), _.connect();
+  }, [_]), De = {
     ...Fe,
     zIndex: Ue
   };
   p.primaryColor && (De["--ll-color-primary"] = p.primaryColor), p.accentColor && (De["--ll-color-accent"] = p.accentColor), p.backgroundColor && (De["--ll-color-bg"] = p.backgroundColor), p.textColor && (De["--ll-color-fg"] = p.textColor);
-  const ln = [
+  const an = [
     "ll-widget",
-    `ll-widget--${te}`,
-    `ll-widget--${ie ? "mobile" : "desktop"}`,
+    `ll-widget--${ne}`,
+    `ll-widget--${le ? "mobile" : "desktop"}`,
     We
   ].filter(Boolean).join(" ");
-  return le ? /* @__PURE__ */ _(
+  return ae ? /* @__PURE__ */ w(
     "div",
     {
-      className: ln,
+      className: an,
       style: De,
-      "data-display-mode": te,
-      "data-position": m,
+      "data-display-mode": ne,
+      "data-position": h,
       children: [
-        te === "hidden" && /* @__PURE__ */ n(
+        ne === "hidden" && /* @__PURE__ */ n(
           Vn,
           {
-            position: m,
-            isMobile: ie,
-            isSpeaking: w.agentState === "speaking",
-            onExpand: () => X("expanded"),
-            label: `Open ${at} widget`
+            position: h,
+            isMobile: le,
+            isSpeaking: _.agentState === "speaking",
+            onExpand: () => ee("expanded"),
+            label: `Open ${Ge} widget`,
+            avatarImageUrl: ct,
+            agentName: Ge
           }
         ),
-        te === "minimized" && /* @__PURE__ */ n(
+        ne === "minimized" && /* @__PURE__ */ n(
           Gn,
           {
-            position: m,
-            isMobile: ie,
-            agentName: at,
-            avatarImageUrl: yt,
-            agentState: w.agentState,
-            isMuted: J.isMuted,
-            audioLevel: ae,
-            onExpand: tn,
-            onToggleMute: J.toggleMute,
-            onClose: vt
+            position: h,
+            isMobile: le,
+            agentName: Ge,
+            avatarImageUrl: ct,
+            agentState: _.agentState,
+            isMuted: Q.isMuted,
+            audioLevel: ce,
+            onExpand: nn,
+            onToggleMute: Q.toggleMute,
+            onClose: bt
           }
         ),
-        te === "expanded" && /* @__PURE__ */ n(
+        ne === "expanded" && /* @__PURE__ */ n(
           Kn,
           {
-            position: m,
-            isMobile: ie,
-            agentName: at,
-            avatarImageUrl: yt,
-            idleLoopUrl: Zt,
-            greeting: en,
+            position: h,
+            isMobile: le,
+            agentName: Ge,
+            avatarImageUrl: ct,
+            idleLoopUrl: en,
+            greeting: tn,
             branding: p,
             teamMembers: C,
             currentTeamMemberId: fe,
             isSwitchingTeamMember: Se,
-            teamSwitcherOpen: Y,
-            onToggleTeamSwitcher: () => Ye((y) => !y),
-            onSelectTeamMember: Xt,
-            connectionState: w.connectionState,
-            agentState: w.agentState,
-            transcript: w.transcript,
-            isMuted: J.isMuted,
+            teamSwitcherOpen: K,
+            onToggleTeamSwitcher: () => Ye((g) => !g),
+            onSelectTeamMember: Qt,
+            connectionState: _.connectionState,
+            agentState: _.agentState,
+            transcript: _.transcript,
+            isMuted: Q.isMuted,
             micDevices: Ie.mics,
-            isCameraEnabled: ne.isEnabled,
-            cameraPreviewEl: ne.previewEl,
+            isCameraEnabled: re.isEnabled,
+            cameraPreviewEl: re.previewEl,
             cameraDevices: Ie.cameras,
-            activeCameraId: ne.activeDeviceId,
+            activeCameraId: re.activeDeviceId,
             isScreenShareEnabled: pe.isEnabled,
             screenPreviewEl: pe.previewEl,
-            isSpeakerMuted: tt,
-            allowCamera: g,
-            allowScreenShare: E,
-            allowTyping: x,
-            languageMenuOpen: Vt,
-            onToggleLanguageMenu: () => Yt((y) => !y),
+            isSpeakerMuted: nt,
+            allowCamera: N,
+            allowScreenShare: B,
+            allowTyping: D,
+            languageMenuOpen: Yt,
+            onToggleLanguageMenu: () => Gt((g) => !g),
             needsUserGesture: Ve,
-            canResume: w.canResume,
-            micError: J.micError,
-            error: w.error,
-            avatarVideoContainerRef: mt,
-            onConnect: () => void w.connect(),
-            onDisconnect: () => w.disconnect(),
-            onRetry: on,
-            onResumeAudio: rn,
-            onToggleMute: J.toggleMute,
-            onToggleCamera: () => void ne.toggle(),
-            onSwitchCameraDevice: (y) => void ne.switchDevice(y),
+            canResume: _.canResume,
+            micError: Q.micError,
+            error: _.error,
+            avatarVideoContainerRef: yt,
+            onConnect: () => void _.connect(),
+            onDisconnect: () => _.disconnect(),
+            onRetry: ln,
+            onResumeAudio: on,
+            onToggleMute: Q.toggleMute,
+            onToggleCamera: () => void re.toggle(),
+            onSwitchCameraDevice: (g) => void re.switchDevice(g),
             onToggleScreenShare: () => void pe.toggle(),
-            onToggleSpeaker: Kt,
-            onSendMessage: Jt,
-            onMinimize: nn,
-            onClose: vt,
-            onClearMicError: J.clearError
+            onToggleSpeaker: Xt,
+            onSendMessage: Kt,
+            onMinimize: rn,
+            onClose: bt,
+            onClearMicError: Q.clearError
           }
         )
       ]
@@ -2529,7 +2563,7 @@ function Sr(e) {
   ) : null;
 }
 function Tr(e) {
-  return /* @__PURE__ */ n(hn, { children: /* @__PURE__ */ n(Sr, { ...e }) });
+  return /* @__PURE__ */ n(mn, { children: /* @__PURE__ */ n(Sr, { ...e }) });
 }
 const Pr = ({
   agentId: e,
@@ -2540,26 +2574,26 @@ const Pr = ({
   className: l,
   style: s
 }) => {
-  const d = I(null), u = I(null), h = I(i);
-  h.current = i;
-  const m = S((a) => {
-    var A;
+  const d = E(null), u = E(null), m = E(i);
+  m.current = i;
+  const h = k((a) => {
+    var R;
     const c = a.detail;
-    (A = h.current) == null || A.call(h, c);
+    (R = m.current) == null || R.call(m, c);
   }, []);
-  return P(() => {
+  return T(() => {
     const a = d.current;
     if (!a) return;
     const c = document.createElement("livelayer-widget");
-    return c.setAttribute("agent-id", e), t && c.setAttribute("base-url", t), r && c.setAttribute("api-key", r), o && c.setAttribute("mode", o), c.addEventListener("agent-event", m), a.appendChild(c), u.current = c, () => {
-      c.removeEventListener("agent-event", m), a.removeChild(c), u.current = null;
+    return c.setAttribute("agent-id", e), t && c.setAttribute("base-url", t), r && c.setAttribute("api-key", r), o && c.setAttribute("mode", o), c.addEventListener("agent-event", h), a.appendChild(c), u.current = c, () => {
+      c.removeEventListener("agent-event", h), a.removeChild(c), u.current = null;
     };
-  }, [e]), P(() => {
+  }, [e]), T(() => {
     u.current && (o ? u.current.setAttribute("mode", o) : u.current.removeAttribute("mode"));
   }, [o]), /* @__PURE__ */ n("div", { ref: d, className: l, style: s });
-}, Dr = dt(
+}, Dr = ft(
   function({ id: t, intent: r, as: o = "div", className: i, style: l, children: s }, d) {
-    return dn(
+    return un(
       o,
       {
         ref: d,
@@ -2571,7 +2605,7 @@ const Pr = ({
       s
     );
   }
-), $r = dt(
+), $r = ft(
   function({ id: t, intent: r, children: o, ...i }, l) {
     return /* @__PURE__ */ n(
       "form",
@@ -2584,12 +2618,12 @@ const Pr = ({
       }
     );
   }
-), zr = dt(
+), zr = ft(
   function(t, r) {
     const { name: o, label: i, labelClassName: l } = t, s = { name: o, "data-ll-field": o };
     let d;
     if ("as" in t && t.as === "textarea") {
-      const { name: u, label: h, labelClassName: m, as: a, ...c } = t;
+      const { name: u, label: m, labelClassName: h, as: a, ...c } = t;
       d = /* @__PURE__ */ n(
         "textarea",
         {
@@ -2599,18 +2633,18 @@ const Pr = ({
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: u, label: h, labelClassName: m, as: a, children: c, ...A } = t;
+      const { name: u, label: m, labelClassName: h, as: a, children: c, ...R } = t;
       d = /* @__PURE__ */ n(
         "select",
         {
           ref: r,
           ...s,
-          ...A,
+          ...R,
           children: c
         }
       );
     } else {
-      const { name: u, label: h, labelClassName: m, as: a, ...c } = t;
+      const { name: u, label: m, labelClassName: h, as: a, ...c } = t;
       d = /* @__PURE__ */ n(
         "input",
         {
@@ -2620,73 +2654,73 @@ const Pr = ({
         }
       );
     }
-    return i === void 0 ? d : /* @__PURE__ */ _("label", { className: l, children: [
+    return i === void 0 ? d : /* @__PURE__ */ w("label", { className: l, children: [
       i,
       d
     ] });
   }
 );
-let Wt = 1;
+let Ut = 1;
 function Hr({
   onMount: e,
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [o, i] = N(t), [l, s] = N([]), [d, u] = N(""), [h, m] = N(!1), a = I(/* @__PURE__ */ new Set()), c = I([]), A = I(h);
-  A.current = h, P(() => {
+  const [o, i] = S(t), [l, s] = S([]), [d, u] = S(""), [m, h] = S(!1), a = E(/* @__PURE__ */ new Set()), c = E([]), R = E(m);
+  R.current = m, T(() => {
     try {
-      const b = localStorage.getItem(r);
-      b === "1" && i(!0), b === "0" && i(!1);
+      const v = localStorage.getItem(r);
+      v === "1" && i(!0), v === "0" && i(!1);
     } catch {
     }
-  }, [r]), P(() => {
+  }, [r]), T(() => {
     try {
       localStorage.setItem(r, o ? "1" : "0");
     } catch {
     }
-  }, [o, r]), P(() => {
-    const b = (L) => {
-      (L.metaKey || L.ctrlKey) && L.shiftKey && L.key.toLowerCase() === "l" && (L.preventDefault(), i((z) => !z));
+  }, [o, r]), T(() => {
+    const v = (b) => {
+      (b.metaKey || b.ctrlKey) && b.shiftKey && b.key.toLowerCase() === "l" && (b.preventDefault(), i((z) => !z));
     };
-    return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
-  }, []), P(() => {
-    const b = setInterval(() => {
-      if (c.current.length === 0 || A.current) return;
-      const L = c.current.splice(0, c.current.length);
+    return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
+  }, []), T(() => {
+    const v = setInterval(() => {
+      if (c.current.length === 0 || R.current) return;
+      const b = c.current.splice(0, c.current.length);
       s(
-        (z) => [...L.reverse(), ...z].slice(0, 200)
+        (z) => [...b.reverse(), ...z].slice(0, 200)
       );
     }, 100);
-    return () => clearInterval(b);
+    return () => clearInterval(v);
   }, []);
-  const C = I(!1);
-  if (P(() => {
-    !e || C.current || (C.current = !0, e((b) => {
+  const C = E(!1);
+  if (T(() => {
+    !e || C.current || (C.current = !0, e((v) => {
       c.current.push({
-        id: Wt++,
+        id: Ut++,
         ts: Date.now(),
         kind: "event",
-        type: b.eventName,
-        data: b.data
+        type: v.eventName,
+        data: v.data
       });
     }));
-  }, [e]), P(() => {
-    const b = console.warn, L = console.log, z = (M, O) => function(...p) {
+  }, [e]), T(() => {
+    const v = console.warn, b = console.log, z = (I, H) => function(...p) {
       try {
-        const g = typeof p[0] == "string" ? p[0] : "";
-        g.startsWith("[LiveLayer]") && c.current.push({
-          id: Wt++,
+        const N = typeof p[0] == "string" ? p[0] : "";
+        N.startsWith("[LiveLayer]") && c.current.push({
+          id: Ut++,
           ts: Date.now(),
-          kind: M,
-          type: g.slice(0, 120),
-          data: { args: p.slice(1).map((E) => Er(E)) }
+          kind: I,
+          type: N.slice(0, 120),
+          data: { args: p.slice(1).map((B) => Er(B)) }
         });
       } catch {
       }
-      return O.apply(this, p);
+      return H.apply(this, p);
     };
-    return console.warn = z("warn", b), console.log = z("log", L), () => {
-      console.warn = b, console.log = L;
+    return console.warn = z("warn", v), console.log = z("log", b), () => {
+      console.warn = v, console.log = b;
     };
   }, []), !o)
     return /* @__PURE__ */ n(
@@ -2715,12 +2749,12 @@ function Hr({
         children: "🛰 LL debug"
       }
     );
-  const R = l.filter((b) => {
+  const L = l.filter((v) => {
     if (!d) return !0;
-    const L = d.toLowerCase();
-    return b.type.toLowerCase().includes(L) || JSON.stringify(b.data || {}).toLowerCase().includes(L);
+    const b = d.toLowerCase();
+    return v.type.toLowerCase().includes(b) || JSON.stringify(v.data || {}).toLowerCase().includes(b);
   });
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ w(
     "div",
     {
       style: {
@@ -2742,7 +2776,7 @@ function Hr({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ _(
+        /* @__PURE__ */ w(
           "div",
           {
             style: {
@@ -2755,7 +2789,7 @@ function Hr({
             },
             children: [
               /* @__PURE__ */ n("span", { style: { fontWeight: 600, fontSize: 12 }, children: "LiveLayer debug" }),
-              /* @__PURE__ */ _("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
+              /* @__PURE__ */ w("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
                 l.length,
                 " event",
                 l.length === 1 ? "" : "s"
@@ -2765,10 +2799,10 @@ function Hr({
                 "button",
                 {
                   type: "button",
-                  onClick: () => m((b) => !b),
-                  style: st(h ? "#f59e0b" : "transparent"),
+                  onClick: () => h((v) => !v),
+                  style: dt(m ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
-                  children: h ? "▶ resume" : "⏸ pause"
+                  children: m ? "▶ resume" : "⏸ pause"
                 }
               ),
               /* @__PURE__ */ n(
@@ -2778,7 +2812,7 @@ function Hr({
                   onClick: () => {
                     s([]), c.current = [];
                   },
-                  style: st("transparent"),
+                  style: dt("transparent"),
                   title: "Clear buffer",
                   children: "clear"
                 }
@@ -2788,7 +2822,7 @@ function Hr({
                 {
                   type: "button",
                   onClick: () => i(!1),
-                  style: st("transparent"),
+                  style: dt("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
                   children: "✕"
@@ -2802,7 +2836,7 @@ function Hr({
           {
             type: "text",
             value: d,
-            onChange: (b) => u(b.target.value),
+            onChange: (v) => u(v.target.value),
             placeholder: "filter by type or data…",
             style: {
               margin: 8,
@@ -2824,7 +2858,7 @@ function Hr({
               overflowY: "auto",
               padding: "0 8px 8px"
             },
-            children: R.length === 0 ? /* @__PURE__ */ _(
+            children: L.length === 0 ? /* @__PURE__ */ w(
               "div",
               {
                 style: {
@@ -2854,16 +2888,16 @@ function Hr({
                   )
                 ]
               }
-            ) : R.map((b) => /* @__PURE__ */ n(
+            ) : L.map((v) => /* @__PURE__ */ n(
               Cr,
               {
-                entry: b,
-                expanded: a.current.has(b.id),
+                entry: v,
+                expanded: a.current.has(v.id),
                 onToggle: () => {
-                  a.current.has(b.id) ? a.current.delete(b.id) : a.current.add(b.id), s((L) => [...L]);
+                  a.current.has(v.id) ? a.current.delete(v.id) : a.current.add(v.id), s((b) => [...b]);
                 }
               },
-              b.id
+              v.id
             ))
           }
         )
@@ -2879,7 +2913,7 @@ function Cr({
   const o = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", i = new Date(e.ts).toLocaleTimeString("en-US", {
     hour12: !1
   });
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ w(
     "button",
     {
       type: "button",
@@ -2897,7 +2931,7 @@ function Cr({
         lineHeight: 1.4
       },
       children: [
-        /* @__PURE__ */ _("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+        /* @__PURE__ */ w("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
           /* @__PURE__ */ n(
             "span",
             {
@@ -2941,7 +2975,7 @@ function Cr({
     }
   );
 }
-function st(e) {
+function dt(e) {
   return {
     background: e,
     color: "#fff",
@@ -2960,7 +2994,7 @@ function Er(e) {
   }
 }
 function Or() {
-  const [e, t] = N([]), r = S((i) => {
+  const [e, t] = S([]), r = k((i) => {
     t((l) => {
       const s = l.findIndex((d) => d.id === i.id);
       if (s >= 0) {
@@ -2969,7 +3003,7 @@ function Or() {
       }
       return [...l, i];
     });
-  }, []), o = S(() => t([]), []);
+  }, []), o = k(() => t([]), []);
   return {
     entries: e,
     pushSegment: r,
@@ -2979,7 +3013,7 @@ function Or() {
 }
 export {
   Tr as AvatarWidget,
-  hn as ErrorBoundary,
+  mn as ErrorBoundary,
   Hr as LiveLayerDebugPanel,
   zr as LiveLayerField,
   $r as LiveLayerForm,
@@ -2989,22 +3023,22 @@ export {
   gr as clearRoutesCache,
   sr as extractPageContext,
   hr as extractRoutes,
-  qt as getCachedPageContext,
-  ct as getCachedRoutes,
-  zn as matchesPattern,
+  Wt as getCachedPageContext,
+  st as getCachedRoutes,
+  Hn as matchesPattern,
   fr as normalizeRouteInput,
-  Hn as shouldRenderAtPath,
-  xn as useAgentInfo,
-  gn as useAudioLevel,
-  bn as useCameraState,
-  Sn as useDisplayMode,
-  Nn as useDisplayModePersistence,
-  Rn as useIsMobile,
-  mn as useLiveKitSession,
-  _n as useMediaDevices,
-  yn as useMicrophoneState,
-  Mn as usePathname,
-  On as useRouteMatch,
-  wn as useScreenShareState,
+  On as shouldRenderAtPath,
+  kn as useAgentInfo,
+  yn as useAudioLevel,
+  wn as useCameraState,
+  Cn as useDisplayMode,
+  An as useDisplayModePersistence,
+  In as useIsMobile,
+  gn as useLiveKitSession,
+  xn as useMediaDevices,
+  vn as useMicrophoneState,
+  Tn as usePathname,
+  qn as useRouteMatch,
+  _n as useScreenShareState,
   Or as useTranscript
 };