@livelayer/react 0.5.24-debug.0 → 0.5.24-debug.1

package/dist/index.mjs

@@ -1,9 +1,9 @@
 "use client";
-import { jsxs as _, jsx as n, Fragment as St } from "react/jsx-runtime";
-import { Component as mn, useState as S, useRef as M, useEffect as R, useCallback as L, useMemo as ut, forwardRef as Et, createElement as gn } from "react";
-import { LiveKitSession as yn } from "@livelayer/sdk";
-import { createLocalAudioTrack as vn, Track as en, createLocalVideoTrack as bn } from "livekit-client";
-class wn extends mn {
+import { jsxs as x, jsx as n, Fragment as Ct } from "react/jsx-runtime";
+import { Component as bn, useState as E, useRef as A, useEffect as M, useCallback as S, useMemo as gt, forwardRef as Nt, createElement as vn } from "react";
+import { LiveKitSession as wn } from "@livelayer/sdk";
+import { createLocalAudioTrack as _n, Track as rn, createLocalVideoTrack as xn } from "livekit-client";
+class kn extends bn {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
       this.setState({ hasError: !1, error: null });
@@ -18,7 +18,7 @@ class wn extends mn {
   }
   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__ */ x("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 wn extends mn {
     ] }) : this.props.children;
   }
 }
-function _n(e) {
-  const [t, r] = S("idle"), [o, i] = S("idle"), [l, d] = S([]), [u, f] = S(null), [y, b] = S(null), [s, a] = S(null), [k, N] = S(!1), [E, v] = S(null), w = M(null), O = M(e.onDataMessage);
-  O.current = e.onDataMessage, R(() => {
-    const D = {
-      onConnectionStateChange: (z) => {
-        r(z), z === "connected" && v(null);
+function Ln(e) {
+  const [t, r] = E("idle"), [o, i] = E("idle"), [l, d] = E([]), [u, f] = E(null), [y, w] = E(null), [s, a] = E(null), [L, D] = E(!1), [C, v] = E(null), _ = A(null), O = A(e.onDataMessage);
+  O.current = e.onDataMessage, M(() => {
+    const I = {
+      onConnectionStateChange: (B) => {
+        r(B), B === "connected" && v(null);
       },
       onAgentStateChange: i,
-      onTranscript: (z) => d([...z]),
+      onTranscript: (B) => d([...B]),
       onAgentConfig: f,
-      onAudioTrack: (z) => a(z),
-      onVideoTrack: (z) => b(z),
-      onVideoTrackRemoved: () => b(null),
-      onError: (z) => v(z),
-      onDataMessage: (z) => {
-        var T;
-        (T = O.current) == null || T.call(O, z);
+      onAudioTrack: (B) => a(B),
+      onVideoTrack: (B) => w(B),
+      onVideoTrackRemoved: () => w(null),
+      onError: (B) => v(B),
+      onDataMessage: (B) => {
+        var P;
+        (P = O.current) == null || P.call(O, B);
       },
-      onResumabilityChange: N
-    }, V = new yn(
+      onResumabilityChange: D
+    }, q = new wn(
       {
         agentId: e.agentId,
         baseUrl: e.baseUrl,
@@ -60,11 +60,11 @@ function _n(e) {
         sessionEndpoint: e.sessionEndpoint,
         sessionBody: e.sessionBody
       },
-      D
+      I
     );
-    return w.current = V, r("idle"), i("idle"), d([]), f(null), b(null), a(null), N(!1), v(null), () => {
-      var z;
-      (z = V.destroy) == null || z.call(V), w.current = null;
+    return _.current = q, r("idle"), i("idle"), d([]), f(null), w(null), a(null), D(!1), v(null), () => {
+      var B;
+      (B = q.destroy) == null || B.call(q), _.current = null;
     };
   }, [
     e.agentId,
@@ -73,20 +73,20 @@ function _n(e) {
     e.sessionEndpoint,
     JSON.stringify(e.sessionBody ?? {})
   ]);
-  const $ = L(async () => {
-    const D = w.current;
-    if (D)
+  const $ = S(async () => {
+    const I = _.current;
+    if (I)
       try {
-        await D.connect();
-      } catch (V) {
-        throw v(V instanceof Error ? V.message : String(V)), V;
+        await I.connect();
+      } catch (q) {
+        throw v(q instanceof Error ? q.message : String(q)), q;
       }
-  }, []), U = L(() => {
-    const D = w.current;
-    D && D.disconnect();
-  }, []), m = L(() => {
-    var D;
-    return ((D = w.current) == null ? void 0 : D.getRoom()) ?? null;
+  }, []), U = S(() => {
+    const I = _.current;
+    I && I.disconnect();
+  }, []), m = S(() => {
+    var I;
+    return ((I = _.current) == null ? void 0 : I.getRoom()) ?? null;
   }, []);
   return {
     connectionState: t,
@@ -95,16 +95,16 @@ function _n(e) {
     agentConfig: u,
     videoElement: y,
     audioElement: s,
-    canResume: k,
-    error: E,
+    canResume: L,
+    error: C,
     connect: $,
     disconnect: U,
     getRoom: m,
-    session: w.current
+    session: _.current
   };
 }
-function xn() {
-  const e = M(null), t = M(null), r = M(null), o = M(null), i = M(/* @__PURE__ */ new Set()), l = M(null), d = L(() => {
+function Sn() {
+  const e = A(null), t = A(null), r = A(null), o = A(null), i = A(/* @__PURE__ */ new Set()), l = A(null), d = S(() => {
     const s = t.current;
     if (!s) {
       o.current = null;
@@ -115,21 +115,21 @@ function xn() {
     ));
     const a = l.current;
     s.getByteFrequencyData(a);
-    let k = 0;
-    for (let E = 0; E < a.length; E++) k += a[E];
-    const N = k / a.length / 255;
-    for (const E of i.current)
+    let L = 0;
+    for (let C = 0; C < a.length; C++) L += a[C];
+    const D = L / a.length / 255;
+    for (const C of i.current)
       try {
-        E(N);
+        C(D);
       } catch (v) {
         console.error("[useAudioLevel] subscriber threw:", v);
       }
     o.current = requestAnimationFrame(d);
-  }, []), u = L(() => {
+  }, []), u = S(() => {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
     const s = new AudioContext(), a = s.createAnalyser();
     a.fftSize = 64, a.connect(s.destination), e.current = s, t.current = a;
-  }, []), f = L(
+  }, []), f = S(
     (s) => {
       if (u(), !(!e.current || !t.current)) {
         if (r.current) {
@@ -150,7 +150,7 @@ function xn() {
       }
     },
     [u, d]
-  ), y = L(() => {
+  ), y = S(() => {
     if (o.current !== null && (cancelAnimationFrame(o.current), o.current = null), r.current) {
       try {
         r.current.disconnect();
@@ -158,10 +158,10 @@ function xn() {
       }
       r.current = null;
     }
-  }, []), b = L((s) => (i.current.add(s), () => {
+  }, []), w = S((s) => (i.current.add(s), () => {
     i.current.delete(s);
   }), []);
-  return R(() => () => {
+  return M(() => () => {
     if (y(), t.current) {
       try {
         t.current.disconnect();
@@ -177,10 +177,10 @@ function xn() {
       e.current = null;
     }
     i.current.clear(), l.current = null;
-  }, [y]), { attach: f, detach: y, subscribe: b };
+  }, [y]), { attach: f, detach: y, subscribe: w };
 }
-function kn() {
-  const [e, t] = S(!1), [r, o] = S(null), i = M(null), l = M(null), d = L(
+function En() {
+  const [e, t] = E(!1), [r, o] = E(null), i = A(null), l = A(null), d = S(
     async (s, a) => {
       if (i.current && l.current) {
         try {
@@ -191,24 +191,24 @@ function kn() {
       }
       l.current = s, o(null);
       try {
-        const k = await vn({
+        const L = await _n({
           echoCancellation: !0,
           noiseSuppression: !0
         });
-        a != null && a.startMuted && await k.mute(), await s.localParticipant.publishTrack(k), i.current = k, t(k.isMuted);
-      } catch (k) {
-        const N = k instanceof Error && k.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-        throw o(N), k;
+        a != null && a.startMuted && await L.mute(), await s.localParticipant.publishTrack(L), i.current = L, t(L.isMuted);
+      } catch (L) {
+        const D = L instanceof Error && L.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
+        throw o(D), L;
       }
     },
     []
-  ), u = L(() => {
+  ), u = S(() => {
     const s = i.current;
     s && (s.isMuted ? (s.unmute(), t(!1)) : (s.mute(), t(!0)));
-  }, []), f = L((s) => {
+  }, []), f = S((s) => {
     const a = i.current;
     a && (s && !a.isMuted ? (a.mute(), t(!0)) : !s && a.isMuted && (a.unmute(), t(!1)));
-  }, []), y = L(() => {
+  }, []), y = S(() => {
     const s = i.current, a = l.current;
     if (s && a) {
       try {
@@ -218,7 +218,7 @@ function kn() {
       s.stop();
     }
     i.current = null, l.current = null, t(!1);
-  }, []), b = L(() => o(null), []);
+  }, []), w = S(() => o(null), []);
   return {
     isMuted: e,
     micError: r,
@@ -226,20 +226,20 @@ function kn() {
     setMuted: f,
     setupMic: d,
     teardownMic: y,
-    clearError: b
+    clearError: w
   };
 }
-const Ln = { resolution: { width: 640, height: 480, frameRate: 24 } };
-function Sn() {
-  const [e, t] = S(!1), [r, o] = S(null), [i, l] = S(null), [d, u] = S(""), f = M(null), y = M(null), b = L((w) => {
-    f.current = w;
-  }, []), s = L(() => {
-    const w = f.current, O = y.current;
-    if (O && w) {
-      const $ = w.localParticipant.getTrackPublication(en.Source.Camera);
+const Cn = { resolution: { width: 640, height: 480, frameRate: 24 } };
+function Nn() {
+  const [e, t] = E(!1), [r, o] = E(null), [i, l] = E(null), [d, u] = E(""), f = A(null), y = A(null), w = S((_) => {
+    f.current = _;
+  }, []), s = S(() => {
+    const _ = f.current, O = y.current;
+    if (O && _) {
+      const $ = _.localParticipant.getTrackPublication(rn.Source.Camera);
       if ($ != null && $.track) {
         try {
-          w.localParticipant.unpublishTrack($.track);
+          _.localParticipant.unpublishTrack($.track);
         } catch {
         }
         $.track.stop();
@@ -247,17 +247,17 @@ function Sn() {
         O.stop();
     }
     y.current = null, l(null), t(!1);
-  }, []), a = L(async (w) => {
+  }, []), a = S(async (_) => {
     const O = f.current;
     if (O) {
       o(null);
       try {
-        const $ = { ...Ln };
-        w && ($.deviceId = w);
-        const U = await bn($);
+        const $ = { ...Cn };
+        _ && ($.deviceId = _);
+        const U = await xn($);
         await O.localParticipant.publishTrack(U), y.current = U;
         const m = U.attach();
-        l(m), t(!0), w && u(w);
+        l(m), t(!0), _ && u(_);
         try {
           O.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
@@ -270,31 +270,31 @@ function Sn() {
         o(U);
       }
     }
-  }, []), k = L(async () => {
+  }, []), L = S(async () => {
     e ? s() : await a(d || void 0);
-  }, [e, d, s, a]), N = L(async (w) => {
-    s(), await a(w);
-  }, [s, a]), E = L(() => {
+  }, [e, d, s, a]), D = S(async (_) => {
+    s(), await a(_);
+  }, [s, a]), C = S(() => {
     s(), f.current = null, o(null), u("");
-  }, [s]), v = L(() => o(null), []);
-  return R(() => () => {
+  }, [s]), v = S(() => o(null), []);
+  return M(() => () => {
     y.current && y.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
     previewEl: i,
     activeDeviceId: d,
-    toggle: k,
-    switchDevice: N,
-    attachRoom: b,
-    teardown: E,
+    toggle: L,
+    switchDevice: D,
+    attachRoom: w,
+    teardown: C,
     clearError: v
   };
 }
-function En() {
-  const [e, t] = S(!1), [r, o] = S(null), [i, l] = S(null), d = M(null), u = L((a) => {
+function An() {
+  const [e, t] = E(!1), [r, o] = E(null), [i, l] = E(null), d = A(null), u = S((a) => {
     d.current = a;
-  }, []), f = L(() => l(null), []), y = L(async () => {
+  }, []), f = S(() => l(null), []), y = S(async () => {
     const a = d.current;
     if (a) {
       if (e) {
@@ -308,11 +308,11 @@ function En() {
       o(null);
       try {
         await a.localParticipant.setScreenShareEnabled(!0);
-        let k = 0;
-        const N = () => {
-          const E = a.localParticipant.getTrackPublication(en.Source.ScreenShare);
-          if (E != null && E.track) {
-            const v = E.track.attach();
+        let L = 0;
+        const D = () => {
+          const C = a.localParticipant.getTrackPublication(rn.Source.ScreenShare);
+          if (C != null && C.track) {
+            const v = C.track.attach();
             l(v), t(!0);
             try {
               a.localParticipant.publishData(
@@ -323,15 +323,15 @@ function En() {
             }
             return;
           }
-          k++ < 10 ? setTimeout(N, 100) : t(!0);
+          L++ < 10 ? setTimeout(D, 100) : t(!0);
         };
-        N();
-      } catch (k) {
-        const N = k instanceof Error ? k.name : "";
-        N !== "NotAllowedError" && N !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
+        D();
+      } catch (L) {
+        const D = L instanceof Error ? L.name : "";
+        D !== "NotAllowedError" && D !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
       }
     }
-  }, [e, f]), b = L(() => {
+  }, [e, f]), w = S(() => {
     const a = d.current;
     if (a && e)
       try {
@@ -339,11 +339,11 @@ function En() {
       } catch {
       }
     f(), t(!1), o(null), d.current = null;
-  }, [e, f]), s = L(() => o(null), []);
-  return { isEnabled: e, error: r, previewEl: i, toggle: y, attachRoom: u, teardown: b, clearError: s };
+  }, [e, f]), s = S(() => o(null), []);
+  return { isEnabled: e, error: r, previewEl: i, toggle: y, attachRoom: u, teardown: w, clearError: s };
 }
-function Cn() {
-  const [e, t] = S([]), [r, o] = S([]), i = L(async () => {
+function Dn() {
+  const [e, t] = E([]), [r, o] = E([]), i = S(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
@@ -351,21 +351,21 @@ function Cn() {
       } catch {
       }
   }, []);
-  return R(() => {
+  return M(() => {
     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 Nn(e, t, r = !1) {
-  const [o, i] = S(null), [l, d] = S(null), [u, f] = S(!r && !!e);
-  return R(() => {
+function Rn(e, t, r = !1) {
+  const [o, i] = E(null), [l, d] = E(null), [u, f] = E(!r && !!e);
+  return M(() => {
     if (r || !e) {
       f(!1);
       return;
     }
-    const y = new AbortController(), b = t || "https://app.livelayer.studio";
-    return f(!0), d(null), fetch(`${b}/api/widget/agent/${encodeURIComponent(e)}`, {
+    const y = new AbortController(), w = t || "https://app.livelayer.studio";
+    return f(!0), d(null), fetch(`${w}/api/widget/agent/${encodeURIComponent(e)}`, {
       signal: y.signal
     }).then(async (s) => {
       if (!s.ok) {
@@ -380,7 +380,7 @@ function Nn(e, t, r = !1) {
     }), () => y.abort();
   }, [e, t, r]), { info: o, error: l, loading: u };
 }
-function An(e) {
+function Mn(e) {
   if (typeof window > "u") return null;
   try {
     return window.localStorage.getItem(e);
@@ -388,19 +388,19 @@ function An(e) {
     return null;
   }
 }
-function Rn(e, t) {
+function Tn(e, t) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(e, t);
     } catch {
     }
 }
-function Mn({
+function In({
   value: e,
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const o = e !== void 0, [i, l] = S(t), d = o ? e : i, u = L(
+  const o = e !== void 0, [i, l] = E(t), d = o ? e : i, u = S(
     (f) => {
       f !== d && (o || l(f), r == null || r(f));
     },
@@ -408,34 +408,34 @@ function Mn({
   );
   return [d, u];
 }
-const Dn = ["hidden", "minimized", "expanded"];
-function Tn(e) {
-  return e && Dn.includes(e) ? e : null;
+const Pn = ["hidden", "minimized", "expanded"];
+function $n(e) {
+  return e && Pn.includes(e) ? e : null;
 }
-function In({
+function Bn({
   value: e,
   defaultValue: t = "expanded",
   onChange: r,
   persistKey: o = "ll-widget",
   disablePersistence: i = !1
 } = {}) {
-  const l = `${o}:display-mode`, d = M(!1), [u, f] = Mn({
+  const l = `${o}:display-mode`, d = A(!1), [u, f] = In({
     value: e,
     defaultValue: t,
     onChange: (y) => {
-      e === void 0 && !i && Rn(l, y), r == null || r(y);
+      e === void 0 && !i && Tn(l, y), r == null || r(y);
     }
   });
-  return R(() => {
+  return M(() => {
     if (d.current || (d.current = !0, i || e !== void 0)) return;
-    const y = Tn(An(l));
+    const y = $n(Mn(l));
     y && y !== u && f(y);
   }, []), [u, f];
 }
-const Pn = 640;
-function $n(e = Pn) {
-  const [t, r] = S(!1);
-  return R(() => {
+const zn = 640;
+function On(e = zn) {
+  const [t, r] = E(!1);
+  return M(() => {
     if (e === !1) {
       r(!1);
       return;
@@ -448,67 +448,67 @@ function $n(e = Pn) {
     });
   }, [e]), t;
 }
-const zt = "__llHistoryPatched", ft = "ll:pathname";
-function Bn() {
-  if (typeof window > "u" || window.history[zt]) return;
+const Ht = "__llHistoryPatched", yt = "ll:pathname";
+function Un() {
+  if (typeof window > "u" || window.history[Ht]) 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(ft)), o;
+    return window.dispatchEvent(new Event(yt)), o;
   }, window.history.replaceState = function(...r) {
     const o = t.apply(this, r);
-    return window.dispatchEvent(new Event(ft)), o;
-  }, window.history[zt] = !0;
+    return window.dispatchEvent(new Event(yt)), o;
+  }, window.history[Ht] = !0;
 }
-function Ot() {
+function Vt() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
-function zn(e) {
-  const [t, r] = S(
-    () => e ?? Ot()
+function Hn(e) {
+  const [t, r] = E(
+    () => e ?? Vt()
   );
-  return R(() => {
+  return M(() => {
     if (e !== void 0) return;
-    Bn();
-    const o = () => r(Ot());
-    return o(), window.addEventListener("popstate", o), window.addEventListener(ft, o), () => {
-      window.removeEventListener("popstate", o), window.removeEventListener(ft, o);
+    Un();
+    const o = () => r(Vt());
+    return o(), window.addEventListener("popstate", o), window.addEventListener(yt, o), () => {
+      window.removeEventListener("popstate", o), window.removeEventListener(yt, o);
     };
   }, [e]), e ?? t;
 }
-const Ht = /* @__PURE__ */ new Map(), On = /[\\^$+?.()|{}[\]]/g;
-function Hn(e) {
-  return e.replace(On, "\\$&");
+const qt = /* @__PURE__ */ new Map(), Vn = /[\\^$+?.()|{}[\]]/g;
+function qn(e) {
+  return e.replace(Vn, "\\$&");
 }
-function Un(e) {
-  const t = Ht.get(e);
+function Wn(e) {
+  const t = qt.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), u = Hn(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "g"), "[^/]+"), f = new RegExp(`^${u}\\/?$`);
-  return Ht.set(e, f), f;
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, o = "
", i = "", l = r.replace(/\*\*/g, o).replace(/\*/g, i), u = qn(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "g"), "[^/]+"), f = new RegExp(`^${u}\\/?$`);
+  return qt.set(e, f), f;
 }
-function qn(e, t) {
+function Gn(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
-  return Un(e).test(r);
+  return Wn(e).test(r);
 }
-function Vn(e, t) {
-  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : qn(e, t);
+function Fn(e, t) {
+  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : Gn(e, t);
 }
-function Ut(e, t) {
+function Wt(e, t) {
   if (!e || e.length === 0) return !1;
   for (const r of e)
-    if (Vn(r, t)) return !0;
+    if (Fn(r, t)) return !0;
   return !1;
 }
-function Wn(e, t, r) {
-  return e === void 0 ? !0 : Ut(r, e) ? !1 : t && t.length > 0 ? Ut(t, e) : !0;
+function jn(e, t, r) {
+  return e === void 0 ? !0 : Wt(r, e) ? !1 : t && t.length > 0 ? Wt(t, e) : !0;
 }
-function Fn(e, t, r) {
-  return ut(
-    () => Wn(e, t, r),
+function Jn(e, t, r) {
+  return gt(
+    () => jn(e, t, r),
     [e, t, r]
   );
 }
-const qt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
+const Gt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ x(
   "svg",
   {
     className: t,
@@ -554,7 +554,7 @@ const qt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
       }
     )
   }
-), Vt = ({ className: e }) => /* @__PURE__ */ n(
+), Ft = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -572,7 +572,7 @@ const qt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
       }
     )
   }
-), jn = ({ className: e }) => /* @__PURE__ */ n(
+), Yn = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -583,12 +583,12 @@ const qt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
   }
-), Gn = {
+), Kn = {
   left: 180,
   right: 0,
   up: -90,
   down: 90
-}, Wt = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
+}, jt = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
   "svg",
   {
     className: t,
@@ -596,19 +596,19 @@ const qt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    style: { transform: `rotate(${Gn[e]}deg)` },
+    style: { transform: `rotate(${Kn[e]}deg)` },
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
   }
 );
-function Yn(e) {
+function Xn(e) {
   return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const tn = "ll-hidden-tab-center-y", Jn = 5, Ft = 16;
-function Kn() {
+const on = "ll-hidden-tab-center-y", Qn = 5, Jt = 16;
+function Zn() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(tn);
+    const e = window.localStorage.getItem(on);
     if (!e) return null;
     const t = Number.parseFloat(e);
     return Number.isFinite(t) ? t : null;
@@ -616,14 +616,14 @@ function Kn() {
     return null;
   }
 }
-function jt(e) {
+function Yt(e) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(tn, String(e));
+      window.localStorage.setItem(on, String(e));
     } catch {
     }
 }
-const Xn = ({
+const er = ({
   position: e,
   isMobile: t,
   isSpeaking: r,
@@ -632,106 +632,106 @@ const Xn = ({
   avatarImageUrl: l,
   agentName: d
 }) => {
-  const u = Yn(e), f = u === "right" ? "left" : "right", y = t ? 80 : 72, b = !!l, [s, a] = S(null), [k, N] = S(!1), E = M(null), v = M(!1), w = L(
-    (T) => {
-      if (typeof window > "u") return T;
-      const q = y / 2, j = Ft + q, X = window.innerHeight - Ft - q;
-      return X < j ? Math.max(j, T) : Math.max(j, Math.min(X, T));
+  const u = Xn(e), f = u === "right" ? "left" : "right", y = t ? 80 : 72, w = !!l, [s, a] = E(null), [L, D] = E(!1), C = A(null), v = A(!1), _ = S(
+    (P) => {
+      if (typeof window > "u") return P;
+      const H = y / 2, G = Jt + H, Z = window.innerHeight - Jt - H;
+      return Z < G ? Math.max(G, P) : Math.max(G, Math.min(Z, P));
     },
     [y]
   );
-  R(() => {
-    const T = Kn();
-    a(w(T ?? window.innerHeight / 2));
-    const q = () => {
-      a((j) => j === null ? null : w(j));
+  M(() => {
+    const P = Zn();
+    a(_(P ?? window.innerHeight / 2));
+    const H = () => {
+      a((G) => G === null ? null : _(G));
     };
-    return window.addEventListener("resize", q), () => window.removeEventListener("resize", q);
-  }, [w]);
-  const O = L(
-    (T) => {
-      if (!(T.pointerType === "mouse" && T.button !== 0) && s !== null) {
+    return window.addEventListener("resize", H), () => window.removeEventListener("resize", H);
+  }, [_]);
+  const O = S(
+    (P) => {
+      if (!(P.pointerType === "mouse" && P.button !== 0) && s !== null) {
         try {
-          T.currentTarget.setPointerCapture(T.pointerId);
+          P.currentTarget.setPointerCapture(P.pointerId);
         } catch {
         }
-        E.current = {
-          startClientY: T.clientY,
+        C.current = {
+          startClientY: P.clientY,
           startCenterY: s,
           moved: !1
         };
       }
     },
     [s]
-  ), $ = L(
-    (T) => {
-      const q = E.current;
-      if (!q) return;
-      const j = T.clientY - q.startClientY;
-      !q.moved && Math.abs(j) > Jn && (q.moved = !0, N(!0)), q.moved && a(w(q.startCenterY + j));
+  ), $ = S(
+    (P) => {
+      const H = C.current;
+      if (!H) return;
+      const G = P.clientY - H.startClientY;
+      !H.moved && Math.abs(G) > Qn && (H.moved = !0, D(!0)), H.moved && a(_(H.startCenterY + G));
     },
-    [w]
-  ), U = L(
-    (T) => {
-      const q = E.current;
-      if (q) {
+    [_]
+  ), U = S(
+    (P) => {
+      const H = C.current;
+      if (H) {
         try {
-          T.currentTarget.releasePointerCapture(T.pointerId);
+          P.currentTarget.releasePointerCapture(P.pointerId);
         } catch {
         }
-        E.current = null, q.moved && (N(!1), v.current = !0, a((j) => (j !== null && jt(j), j)));
+        C.current = null, H.moved && (D(!1), v.current = !0, a((G) => (G !== null && Yt(G), G)));
       }
     },
     []
-  ), m = L(() => {
+  ), m = S(() => {
     if (v.current) {
       v.current = !1;
       return;
     }
     o();
-  }, [o]), D = L(
-    (T) => {
-      if (T.key === "ArrowUp" || T.key === "ArrowDown") {
-        T.preventDefault();
-        const q = T.key === "ArrowUp" ? -8 : 8;
-        a((j) => {
-          if (j === null) return j;
-          const X = w(j + q);
-          return jt(X), X;
+  }, [o]), I = S(
+    (P) => {
+      if (P.key === "ArrowUp" || P.key === "ArrowDown") {
+        P.preventDefault();
+        const H = P.key === "ArrowUp" ? -8 : 8;
+        a((G) => {
+          if (G === null) return G;
+          const Z = _(G + H);
+          return Yt(Z), Z;
         });
       }
     },
-    [w]
-  ), V = [
+    [_]
+  ), q = [
     "ll-hidden",
     `ll-hidden--${u}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
-    k ? "is-dragging" : null,
-    b ? "ll-hidden--with-avatar" : null
-  ].filter(Boolean).join(" "), z = s === null ? void 0 : { top: `${s - y / 2}px`, transform: "none" };
+    L ? "is-dragging" : null,
+    w ? "ll-hidden--with-avatar" : null
+  ].filter(Boolean).join(" "), B = s === null ? void 0 : { top: `${s - y / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: V,
+      className: q,
       onPointerDown: O,
       onPointerMove: $,
       onPointerUp: U,
       onPointerCancel: U,
       onClick: m,
-      onKeyDown: D,
+      onKeyDown: I,
       "aria-label": i,
       "data-position": e,
-      style: z,
-      children: b ? (
+      style: B,
+      children: w ? (
         // 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__ */ _(St, { children: [
+        /* @__PURE__ */ x(Ct, { children: [
           /* @__PURE__ */ n(
-            Wt,
+            jt,
             {
               direction: f,
               className: "ll-hidden__chevron ll-hidden__chevron--mini"
@@ -748,7 +748,7 @@ const Xn = ({
           )
         ] })
       ) : /* @__PURE__ */ n(
-        Wt,
+        jt,
         {
           direction: f,
           className: "ll-hidden__chevron"
@@ -756,7 +756,7 @@ const Xn = ({
       )
     }
   );
-}, Qn = ({
+}, tr = ({
   audioLevel: e,
   bars: t = 20,
   maxHeight: r = 20,
@@ -764,20 +764,20 @@ const Xn = ({
   className: i,
   barClassName: l
 }) => {
-  const d = M(null), u = M([]), f = ut(() => {
-    const b = (Math.sqrt(5) - 1) / 2;
-    return Array.from({ length: t }, (s, a) => 0.5 + a * b % 1 * 0.5);
+  const d = A(null), u = A([]), f = gt(() => {
+    const w = (Math.sqrt(5) - 1) / 2;
+    return Array.from({ length: t }, (s, a) => 0.5 + a * w % 1 * 0.5);
   }, [t]);
-  R(() => e.subscribe((s) => {
+  M(() => e.subscribe((s) => {
     for (let a = 0; a < t; a++) {
-      const k = u.current[a];
-      if (!k) continue;
-      const N = Math.max(o, s * r * f[a]);
-      k.style.height = `${N}px`;
+      const L = u.current[a];
+      if (!L) continue;
+      const D = Math.max(o, s * r * f[a]);
+      L.style.height = `${D}px`;
     }
   }), [e, t, r, o, f]);
   const y = ["ll-waveform", i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: d, className: y, "aria-hidden": "true", children: Array.from({ length: t }, (b, s) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ n("div", { ref: d, className: y, "aria-hidden": "true", children: Array.from({ length: t }, (w, s) => /* @__PURE__ */ n(
     "div",
     {
       ref: (a) => {
@@ -788,7 +788,7 @@ const Xn = ({
     },
     s
   )) });
-}, Zn = ({
+}, nr = ({
   position: e,
   isMobile: t,
   agentName: r,
@@ -805,7 +805,7 @@ const Xn = ({
     className: "ll-minimized ll-minimized--mobile",
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ _(
+    children: /* @__PURE__ */ x(
       "button",
       {
         type: "button",
@@ -825,7 +825,7 @@ const Xn = ({
             )
           ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
           /* @__PURE__ */ n(
-            Qn,
+            tr,
             {
               audioLevel: d,
               bars: 16,
@@ -834,24 +834,24 @@ const Xn = ({
             }
           ),
           /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
-          /* @__PURE__ */ _("div", { className: "ll-minimized__controls", children: [
+          /* @__PURE__ */ x("div", { className: "ll-minimized__controls", children: [
             /* @__PURE__ */ n(
               "span",
               {
                 className: "ll-minimized__btn",
                 role: "button",
                 tabIndex: 0,
-                onClick: (b) => {
-                  b.stopPropagation(), f();
+                onClick: (w) => {
+                  w.stopPropagation(), f();
                 },
-                onKeyDown: (b) => {
-                  (b.key === "Enter" || b.key === " ") && (b.stopPropagation(), b.preventDefault(), f());
+                onKeyDown: (w) => {
+                  (w.key === "Enter" || w.key === " ") && (w.stopPropagation(), w.preventDefault(), f());
                 },
                 "aria-label": l ? "Unmute microphone" : "Mute microphone",
-                children: /* @__PURE__ */ n(qt, { muted: l, className: "ll-minimized__icon" })
+                children: /* @__PURE__ */ n(Gt, { muted: l, className: "ll-minimized__icon" })
               }
             ),
-            /* @__PURE__ */ n(Vt, { className: "ll-minimized__icon ll-minimized__icon--expand" })
+            /* @__PURE__ */ n(Ft, { className: "ll-minimized__icon ll-minimized__icon--expand" })
           ] })
         ]
       }
@@ -864,7 +864,7 @@ const Xn = ({
     "data-position": e,
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ _("div", { className: "ll-minimized__surface", children: [
+    children: /* @__PURE__ */ x("div", { className: "ll-minimized__surface", children: [
       o ? (
         // eslint-disable-next-line @next/next/no-img-element
         /* @__PURE__ */ n(
@@ -876,11 +876,11 @@ const Xn = ({
           }
         )
       ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
-      /* @__PURE__ */ _("div", { className: "ll-minimized__meta", children: [
+      /* @__PURE__ */ x("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__ */ x("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
           "button",
           {
@@ -888,7 +888,7 @@ const Xn = ({
             className: "ll-minimized__btn",
             onClick: f,
             "aria-label": l ? "Unmute microphone" : "Mute microphone",
-            children: /* @__PURE__ */ n(qt, { muted: l, className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Gt, { muted: l, className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -898,7 +898,7 @@ const Xn = ({
             className: "ll-minimized__btn",
             onClick: u,
             "aria-label": `Expand ${r} widget`,
-            children: /* @__PURE__ */ n(Vt, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Ft, { className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -908,21 +908,21 @@ const Xn = ({
             className: "ll-minimized__btn ll-minimized__btn--close",
             onClick: y,
             "aria-label": "Close widget",
-            children: /* @__PURE__ */ n(jn, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Yn, { className: "ll-minimized__icon" })
           }
         )
       ] })
     ] })
   }
-), er = ({
+), rr = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
   className: o,
   style: i
 }) => {
-  const [l, d] = S(!1), u = M(e);
-  if (R(() => {
+  const [l, d] = E(!1), u = A(e);
+  if (M(() => {
     u.current !== e && (u.current = e, d(!1));
   }, [e]), !e) return null;
   const f = {
@@ -952,7 +952,7 @@ const Xn = ({
       }
     )
   );
-}, tr = ({
+}, or = ({
   position: e,
   isMobile: t,
   agentName: r,
@@ -963,133 +963,133 @@ const Xn = ({
   teamMembers: u,
   currentTeamMemberId: f,
   isSwitchingTeamMember: y,
-  teamSwitcherOpen: b,
+  teamSwitcherOpen: w,
   onToggleTeamSwitcher: s,
   onSelectTeamMember: a,
-  languageMenuOpen: k,
-  onToggleLanguageMenu: N,
-  connectionState: E,
+  languageMenuOpen: L,
+  onToggleLanguageMenu: D,
+  connectionState: C,
   agentState: v,
-  transcript: w,
+  transcript: _,
   canResume: O,
   needsUserGesture: $,
   error: U,
   isMuted: m,
-  micError: D,
-  micDevices: V,
-  isCameraEnabled: z,
-  cameraPreviewEl: T,
-  cameraDevices: q,
-  activeCameraId: j,
-  isScreenShareEnabled: X,
-  screenPreviewEl: ie,
-  isSpeakerMuted: we,
-  allowCamera: tt,
-  allowScreenShare: nt,
-  allowTyping: rt,
-  avatarVideoContainerRef: ot,
-  agentVideoEl: re,
-  micGateOpen: ue,
-  onConnect: _e,
-  onDisconnect: Ce,
-  onRetry: Ne,
-  onResumeAudio: Ae,
-  onToggleMute: Re,
-  onToggleCamera: Me,
+  micError: I,
+  micDevices: q,
+  isCameraEnabled: B,
+  cameraPreviewEl: P,
+  cameraDevices: H,
+  activeCameraId: G,
+  isScreenShareEnabled: Z,
+  screenPreviewEl: le,
+  isSpeakerMuted: Le,
+  allowCamera: rt,
+  allowScreenShare: ot,
+  allowTyping: it,
+  avatarVideoContainerRef: lt,
+  agentVideoEl: ie,
+  micGateOpen: pe,
+  onConnect: Se,
+  onDisconnect: De,
+  onRetry: Re,
+  onResumeAudio: Me,
+  onToggleMute: Te,
+  onToggleCamera: Ie,
   onSwitchCameraDevice: Y,
-  onToggleScreenShare: ht,
-  onToggleSpeaker: mt,
-  onSendMessage: it,
-  onMinimize: le,
-  onClose: De,
-  onClearMicError: Ue
+  onToggleScreenShare: vt,
+  onToggleSpeaker: wt,
+  onSendMessage: at,
+  onMinimize: ae,
+  onClose: Pe,
+  onClearMicError: We
 }) => {
-  var Be;
-  const xe = ((u == null ? void 0 : u.length) ?? 0) > 1, Te = E === "connecting" || E === "connected", K = E === "connected", ee = E === "idle" || E === "disconnected" || E === "error", [Ie, ae] = S(!1);
-  R(() => {
-    if (!re) {
-      ae(!1);
+  var Ue;
+  const Ee = ((u == null ? void 0 : u.length) ?? 0) > 1, $e = C === "connecting" || C === "connected", Q = C === "connected", ne = C === "idle" || C === "disconnected" || C === "error", [Be, se] = E(!1);
+  M(() => {
+    if (!ie) {
+      se(!1);
       return;
     }
-    if (!re.paused && re.readyState >= 2) {
-      ae(!0);
+    if (!ie.paused && ie.readyState >= 2) {
+      se(!0);
       return;
     }
-    ae(!1);
-    const p = () => ae(!0);
-    return re.addEventListener("playing", p), re.addEventListener("loadeddata", p), () => {
-      re.removeEventListener("playing", p), re.removeEventListener("loadeddata", p);
+    se(!1);
+    const p = () => se(!0);
+    return ie.addEventListener("playing", p), ie.addEventListener("loadeddata", p), () => {
+      ie.removeEventListener("playing", p), ie.removeEventListener("loadeddata", p);
     };
-  }, [re]);
-  const [fe, ke] = S(!1);
-  R(() => {
-    if (!K) {
-      ke(!1);
+  }, [ie]);
+  const [he, Ce] = E(!1);
+  M(() => {
+    if (!Q) {
+      Ce(!1);
       return;
     }
-    if (Ie) return;
-    const p = setTimeout(() => ke(!0), 8e3);
+    if (Be) return;
+    const p = setTimeout(() => Ce(!0), 8e3);
     return () => clearTimeout(p);
-  }, [K, Ie]);
-  const qe = E === "connecting" || K && !!o && !Ie && !fe, te = M(null), se = M(null);
-  R(() => {
-    const p = te.current;
-    p && (p.innerHTML = "", T && (T.style.width = "100%", T.style.height = "100%", T.style.objectFit = "cover", T.style.transform = "scaleX(-1)", p.appendChild(T)));
-  }, [T]), R(() => {
-    const p = se.current;
-    p && (p.innerHTML = "", ie && (ie.style.width = "100%", ie.style.height = "100%", ie.style.objectFit = "contain", p.appendChild(ie)));
-  }, [ie]);
-  const [ce, pe] = S(!1), [Pe, he] = S(!1);
-  R(() => {
-    if (!ce && !Pe && !k && !b) return;
+  }, [Q, Be]);
+  const Ge = C === "connecting" || Q && !!o && !Be && !he, re = A(null), ce = A(null);
+  M(() => {
+    const p = re.current;
+    p && (p.innerHTML = "", P && (P.style.width = "100%", P.style.height = "100%", P.style.objectFit = "cover", P.style.transform = "scaleX(-1)", p.appendChild(P)));
+  }, [P]), M(() => {
+    const p = ce.current;
+    p && (p.innerHTML = "", le && (le.style.width = "100%", le.style.height = "100%", le.style.objectFit = "contain", p.appendChild(le)));
+  }, [le]);
+  const [de, me] = E(!1), [ze, ge] = E(!1);
+  M(() => {
+    if (!de && !ze && !L && !w) return;
     const p = () => {
-      pe(!1), he(!1), k && N(), b && s();
+      me(!1), ge(!1), L && D(), w && s();
     };
     return document.addEventListener("click", p), () => document.removeEventListener("click", p);
   }, [
-    ce,
-    Pe,
-    k,
-    b,
-    N,
+    de,
+    ze,
+    L,
+    w,
+    D,
     s
   ]);
-  const [me, Ve] = S(""), We = L(
+  const [ye, Fe] = E(""), je = S(
     (p) => {
       p.preventDefault();
-      const J = me.trim();
-      J && (it(J), Ve(""));
+      const K = ye.trim();
+      K && (at(K), Fe(""));
     },
-    [me, it]
-  ), Fe = d.productName || "Live Layer";
-  let ge = null, ye = null;
-  for (let p = w.length - 1; p >= 0; p--) {
-    const J = w[p];
-    if (!ge && J.role === "agent" ? ge = J : !ye && J.role === "user" && (ye = J), ge && ye) break;
+    [ye, at]
+  ), Je = d.productName || "Live Layer";
+  let be = null, ve = null;
+  for (let p = _.length - 1; p >= 0; p--) {
+    const K = _[p];
+    if (!be && K.role === "agent" ? be = K : !ve && K.role === "user" && (ve = K), be && ve) break;
   }
-  const $e = K ? (ge == null ? void 0 : ge.text) || null : l || null, lt = K && (ye == null ? void 0 : ye.text) || null, je = [
+  const Oe = Q ? (be == null ? void 0 : be.text) || null : l || null, st = Q && (ve == null ? void 0 : ve.text) || null, Ye = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ x(
     "div",
     {
-      className: je,
+      className: Ye,
       "data-position": e,
-      "data-state": K ? "connected" : Te ? "connecting" : "idle",
+      "data-state": Q ? "connected" : $e ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
-        /* @__PURE__ */ _("div", { className: "ll-expanded__bg", children: [
+        /* @__PURE__ */ x("div", { className: "ll-expanded__bg", children: [
           o ? /* @__PURE__ */ n(
-            er,
+            rr,
             {
               src: o,
               alt: r,
               className: "ll-expanded__bg-img"
             }
-          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Be = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Be.toUpperCase()) || "A" }) }),
-          i && !K && /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Ue = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Ue.toUpperCase()) || "A" }) }),
+          i && !Q && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
@@ -1101,49 +1101,49 @@ const Xn = ({
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { ref: ot, className: "ll-expanded__video" }),
-        qe && /* @__PURE__ */ _("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        /* @__PURE__ */ n("div", { ref: lt, className: "ll-expanded__video" }),
+        Ge && /* @__PURE__ */ x("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
           /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
           /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: y ? "Switching..." : "Connecting..." })
         ] }),
-        $ && K && /* @__PURE__ */ _(
+        $ && Q && /* @__PURE__ */ x(
           "button",
           {
             type: "button",
             className: "ll-expanded__overlay ll-expanded__overlay--gesture",
-            onClick: Ae,
+            onClick: Me,
             children: [
               /* @__PURE__ */ n("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("path", { d: "M3 9v6h4l5 5V4L7 9H3zm13.54.12a5 5 0 0 1 0 5.76l-1.41-1.41a3 3 0 0 0 0-2.94L16.54 9.12z" }) }),
               /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: "Tap to enable audio" })
             ]
           }
         ),
-        Te ? /* @__PURE__ */ _("div", { className: "ll-expanded__topbar", children: [
-          /* @__PURE__ */ _("div", { className: "ll-expanded__topbar-left", children: [
-            /* @__PURE__ */ _("div", { className: "ll-expanded__pill-wrap", children: [
-              /* @__PURE__ */ _(
+        $e ? /* @__PURE__ */ x("div", { className: "ll-expanded__topbar", children: [
+          /* @__PURE__ */ x("div", { className: "ll-expanded__topbar-left", children: [
+            /* @__PURE__ */ x("div", { className: "ll-expanded__pill-wrap", children: [
+              /* @__PURE__ */ x(
                 "button",
                 {
                   type: "button",
                   className: "ll-hpill",
                   onClick: (p) => {
-                    xe && (p.stopPropagation(), s());
+                    Ee && (p.stopPropagation(), s());
                   },
-                  "aria-haspopup": xe ? "listbox" : void 0,
-                  "aria-expanded": xe ? b : void 0,
+                  "aria-haspopup": Ee ? "listbox" : void 0,
+                  "aria-expanded": Ee ? w : void 0,
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                    xe && /* @__PURE__ */ n(st, {})
+                    Ee && /* @__PURE__ */ n(pt, {})
                   ]
                 }
               ),
-              xe && b && /* @__PURE__ */ n(
+              Ee && w && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
                   onClick: (p) => p.stopPropagation(),
                   role: "listbox",
-                  children: u == null ? void 0 : u.map((p) => /* @__PURE__ */ _(
+                  children: u == null ? void 0 : u.map((p) => /* @__PURE__ */ x(
                     "button",
                     {
                       type: "button",
@@ -1169,26 +1169,26 @@ const Xn = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ _("div", { className: "ll-expanded__pill-wrap", children: [
-              /* @__PURE__ */ _(
+            /* @__PURE__ */ x("div", { className: "ll-expanded__pill-wrap", children: [
+              /* @__PURE__ */ x(
                 "button",
                 {
                   type: "button",
                   className: "ll-hpill ll-hpill--compact",
                   onClick: (p) => {
-                    p.stopPropagation(), N();
+                    p.stopPropagation(), D();
                   },
                   "aria-haspopup": "listbox",
-                  "aria-expanded": k,
+                  "aria-expanded": L,
                   "aria-label": "Language: English",
                   title: "Language: English",
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: "EN" }),
-                    /* @__PURE__ */ n(st, {})
+                    /* @__PURE__ */ n(pt, {})
                   ]
                 }
               ),
-              k && /* @__PURE__ */ n(
+              L && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
@@ -1215,16 +1215,16 @@ const Xn = ({
               }
             )
           ] }),
-          /* @__PURE__ */ _("div", { className: "ll-expanded__header-actions", children: [
+          /* @__PURE__ */ x("div", { className: "ll-expanded__header-actions", children: [
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-hbtn",
-                onClick: le,
+                onClick: ae,
                 "aria-label": "Minimize widget",
                 title: "Minimize",
-                children: /* @__PURE__ */ n(Yt, {})
+                children: /* @__PURE__ */ n(Xt, {})
               }
             ),
             /* @__PURE__ */ n(
@@ -1232,26 +1232,26 @@ const Xn = ({
               {
                 type: "button",
                 className: "ll-hbtn ll-hbtn--danger",
-                onClick: De,
+                onClick: Pe,
                 "aria-label": "End call",
                 title: "End call",
-                children: /* @__PURE__ */ n(Gt, {})
+                children: /* @__PURE__ */ n(Kt, {})
               }
             )
           ] })
         ] }) : (
           // Idle-state header with Live Layer product name + minimize/close
-          /* @__PURE__ */ _("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Fe }),
-            /* @__PURE__ */ _("div", { className: "ll-expanded__header-actions", children: [
+          /* @__PURE__ */ x("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
+            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Je }),
+            /* @__PURE__ */ x("div", { className: "ll-expanded__header-actions", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: le,
+                  onClick: ae,
                   "aria-label": "Minimize widget",
-                  children: /* @__PURE__ */ n(Yt, {})
+                  children: /* @__PURE__ */ n(Xt, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1259,23 +1259,23 @@ const Xn = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: De,
+                  onClick: Pe,
                   "aria-label": "Close widget",
-                  children: /* @__PURE__ */ n(Gt, {})
+                  children: /* @__PURE__ */ n(Kt, {})
                 }
               )
             ] })
           ] })
         ),
-        ee && /* @__PURE__ */ (() => {
-          const p = O ? "Restart paused session" : E === "disconnected" ? "Reconnect to agent" : "Start video call", J = O ? "Pick up where you left off" : null;
-          return /* @__PURE__ */ _(St, { children: [
-            E === "idle" && !O && !U && /* @__PURE__ */ _(
+        ne && /* @__PURE__ */ (() => {
+          const p = O ? "Restart paused session" : C === "disconnected" ? "Reconnect to agent" : "Start video call", K = O ? "Pick up where you left off" : null;
+          return /* @__PURE__ */ x(Ct, { children: [
+            C === "idle" && !O && !U && /* @__PURE__ */ x(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
-                onClick: _e,
+                onClick: Se,
                 "aria-label": p,
                 children: [
                   /* @__PURE__ */ n("div", { className: "ll-expanded__play-circle", children: /* @__PURE__ */ n("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("polygon", { points: "6 3 20 12 6 21 6 3" }) }) }),
@@ -1283,15 +1283,15 @@ const Xn = ({
                 ]
               }
             ),
-            /* @__PURE__ */ _("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
+            /* @__PURE__ */ x("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 }) }),
-              J && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: J }),
+              K && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: K }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__cta",
-                  onClick: _e,
+                  onClick: Se,
                   "aria-label": p,
                   children: p
                 }
@@ -1299,110 +1299,110 @@ const Xn = ({
             ] })
           ] });
         })(),
-        /* @__PURE__ */ _(
+        /* @__PURE__ */ x(
           "div",
           {
-            className: `ll-expanded__pip ${Te && (z || X) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${$e && (B || Z) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: se,
-                  className: X ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: ce,
+                  className: Z ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: te,
-                  className: !X && z ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: re,
+                  className: !Z && B ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        Te ? /* @__PURE__ */ _("div", { className: "ll-expanded__bottom", children: [
-          $e && /* @__PURE__ */ n(
+        $e ? /* @__PURE__ */ x("div", { className: "ll-expanded__bottom", children: [
+          Oe && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--agent",
               "data-role": "agent",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: $e })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Oe })
             }
           ),
-          lt && /* @__PURE__ */ n(
+          st && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--user",
               "data-role": "user",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: lt })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: st })
             }
           ),
-          /* @__PURE__ */ _("div", { className: "ll-toolbar", onClick: (p) => p.stopPropagation(), children: [
-            nt && /* @__PURE__ */ n(
+          /* @__PURE__ */ x("div", { className: "ll-toolbar", onClick: (p) => p.stopPropagation(), children: [
+            ot && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${X ? "is-on" : ""}`,
-                onClick: ht,
-                "aria-label": X ? "Stop sharing screen" : "Share screen",
-                title: X ? "Stop sharing" : "Share screen",
-                children: /* @__PURE__ */ n(nr, {})
+                className: `ll-tool ${Z ? "is-on" : ""}`,
+                onClick: vt,
+                "aria-label": Z ? "Stop sharing screen" : "Share screen",
+                title: Z ? "Stop sharing" : "Share screen",
+                children: /* @__PURE__ */ n(ir, {})
               }
             ),
-            tt && /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
+            rt && /* @__PURE__ */ x("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${z ? "is-on" : ""}`,
-                  onClick: Me,
-                  "aria-label": z ? "Turn off camera" : "Turn on camera",
-                  title: z ? "Stop camera" : "Start camera",
-                  children: /* @__PURE__ */ n(rr, {})
+                  className: `ll-tool ll-tool--left ${B ? "is-on" : ""}`,
+                  onClick: Ie,
+                  "aria-label": B ? "Turn off camera" : "Turn on camera",
+                  title: B ? "Stop camera" : "Start camera",
+                  children: /* @__PURE__ */ n(lr, {})
                 }
               ),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--right ${z ? "is-on" : ""}`,
+                  className: `ll-tool ll-tool--right ${B ? "is-on" : ""}`,
                   onClick: (p) => {
-                    p.stopPropagation(), he((J) => !J), pe(!1);
+                    p.stopPropagation(), ge((K) => !K), me(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": Pe,
-                  children: /* @__PURE__ */ n(st, {})
+                  "aria-expanded": ze,
+                  children: /* @__PURE__ */ n(pt, {})
                 }
               ),
-              Pe && q.length > 0 && /* @__PURE__ */ n(
-                Jt,
+              ze && H.length > 0 && /* @__PURE__ */ n(
+                Qt,
                 {
                   label: "Camera",
-                  devices: q,
-                  activeId: j,
+                  devices: H,
+                  activeId: G,
                   onPick: (p) => {
-                    he(!1), Y(p);
+                    ge(!1), Y(p);
                   }
                 }
               )
             ] }),
-            /* @__PURE__ */ _(
+            /* @__PURE__ */ x(
               "div",
               {
-                className: `ll-tool-split${!ue && K ? " ll-tool-split--gated" : ""}`,
+                className: `ll-tool-split${!pe && Q ? " ll-tool-split--gated" : ""}`,
                 children: [
                   /* @__PURE__ */ n(
                     "button",
                     {
                       type: "button",
                       className: `ll-tool ll-tool--left ${m ? "is-muted" : ""}`,
-                      onClick: Re,
-                      disabled: !ue && K,
-                      "aria-label": !ue && K ? "Microphone enables once the agent finishes its greeting" : m ? "Unmute microphone" : "Mute microphone",
-                      title: !ue && K ? "Mic enables after greeting" : m ? "Unmute" : "Mute",
-                      children: /* @__PURE__ */ n(or, { muted: m })
+                      onClick: Te,
+                      disabled: !pe && Q,
+                      "aria-label": !pe && Q ? "Microphone enables once the agent finishes its greeting" : m ? "Unmute microphone" : "Mute microphone",
+                      title: !pe && Q ? "Mic enables after greeting" : m ? "Unmute" : "Mute",
+                      children: /* @__PURE__ */ n(ar, { muted: m })
                     }
                   ),
                   /* @__PURE__ */ n(
@@ -1411,21 +1411,21 @@ const Xn = ({
                       type: "button",
                       className: `ll-tool ll-tool--right ${m ? "is-muted" : ""}`,
                       onClick: (p) => {
-                        p.stopPropagation(), pe((J) => !J), he(!1);
+                        p.stopPropagation(), me((K) => !K), ge(!1);
                       },
                       "aria-label": "Microphone devices",
                       "aria-haspopup": "listbox",
-                      "aria-expanded": ce,
-                      children: /* @__PURE__ */ n(st, {})
+                      "aria-expanded": de,
+                      children: /* @__PURE__ */ n(pt, {})
                     }
                   ),
-                  ce && V.length > 0 && /* @__PURE__ */ n(
-                    Jt,
+                  de && q.length > 0 && /* @__PURE__ */ n(
+                    Qt,
                     {
                       label: "Microphone",
-                      devices: V,
+                      devices: q,
                       activeId: "",
-                      onPick: () => pe(!1)
+                      onPick: () => me(!1)
                     }
                   )
                 ]
@@ -1435,11 +1435,11 @@ const Xn = ({
               "button",
               {
                 type: "button",
-                className: `ll-tool ${we ? "is-muted" : ""}`,
-                onClick: mt,
-                "aria-label": we ? "Unmute speaker" : "Mute speaker",
-                title: we ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(ir, { muted: we })
+                className: `ll-tool ${Le ? "is-muted" : ""}`,
+                onClick: wt,
+                "aria-label": Le ? "Unmute speaker" : "Mute speaker",
+                title: Le ? "Unmute speaker" : "Mute speaker",
+                children: /* @__PURE__ */ n(sr, { muted: Le })
               }
             ),
             /* @__PURE__ */ n(
@@ -1447,62 +1447,62 @@ const Xn = ({
               {
                 type: "button",
                 className: "ll-tool ll-tool--danger",
-                onClick: Ce,
+                onClick: De,
                 "aria-label": "End conversation",
                 title: "End conversation",
-                children: /* @__PURE__ */ n(ar, {})
+                children: /* @__PURE__ */ n(dr, {})
               }
             )
           ] }),
-          rt && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: We, children: [
+          it && /* @__PURE__ */ x("form", { className: "ll-message-input", onSubmit: je, children: [
             /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: me,
-                onChange: (p) => Ve(p.target.value),
+                value: ye,
+                onChange: (p) => Fe(p.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            me.trim() && /* @__PURE__ */ n(
+            ye.trim() && /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
                 className: "ll-message-input__send",
                 "aria-label": "Send message",
-                children: /* @__PURE__ */ n(lr, {})
+                children: /* @__PURE__ */ n(cr, {})
               }
             )
           ] })
         ] }) : null,
         (() => {
-          if (D && E !== "error")
-            return /* @__PURE__ */ _("div", { className: "ll-expanded__banner", role: "alert", children: [
-              /* @__PURE__ */ n("span", { children: D }),
+          if (I && C !== "error")
+            return /* @__PURE__ */ x("div", { className: "ll-expanded__banner", role: "alert", children: [
+              /* @__PURE__ */ n("span", { children: I }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__banner-x",
-                  onClick: Ue,
+                  onClick: We,
                   "aria-label": "Dismiss",
                   children: "×"
                 }
               )
             ] });
-          if (!U || E !== "error") return null;
-          let p = "Failed to connect", J = "Try again";
-          return U === "MIC_PERMISSION_DENIED" ? p = "Microphone blocked. Allow access to talk." : U === "MIC_NOT_FOUND" ? p = "No microphone found. Plug one in + retry." : U === "MIC_UNAVAILABLE" ? p = "Mic unavailable. Check other apps using it." : U === "AGENT_TIMEOUT" ? p = "Agent didn't pick up. Try again." : U === "CONNECT_FAILED" ? p = "Connection failed. Check your network." : U.length < 80 && (p = U), /* @__PURE__ */ _("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+          if (!U || C !== "error") return null;
+          let p = "Failed to connect", K = "Try again";
+          return U === "MIC_PERMISSION_DENIED" ? p = "Microphone blocked. Allow access to talk." : U === "MIC_NOT_FOUND" ? p = "No microphone found. Plug one in + retry." : U === "MIC_UNAVAILABLE" ? p = "Mic unavailable. Check other apps using it." : U === "AGENT_TIMEOUT" ? p = "Agent didn't pick up. Try again." : U === "CONNECT_FAILED" ? p = "Connection failed. Check your network." : U.length < 80 && (p = U), /* @__PURE__ */ x("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
             /* @__PURE__ */ n("span", { children: p }),
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: Ne,
-                children: J
+                onClick: Re,
+                children: K
               }
             )
           ] });
@@ -1511,55 +1511,55 @@ const Xn = ({
     }
   );
 };
-function st() {
+function pt() {
   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 Gt() {
-  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 Kt() {
+  return /* @__PURE__ */ x("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function Yt() {
+function Xt() {
   return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
 }
-function nr() {
-  return /* @__PURE__ */ _("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function ir() {
+  return /* @__PURE__ */ x("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
     /* @__PURE__ */ n("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
     /* @__PURE__ */ n("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
   ] });
 }
-function rr() {
-  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: [
+function lr() {
+  return /* @__PURE__ */ x("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("path", { d: "M23 7l-7 5 7 5V7z" }),
     /* @__PURE__ */ n("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
   ] });
 }
-function or({ 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: [
+function ar({ muted: e }) {
+  return /* @__PURE__ */ x("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("path", { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
     /* @__PURE__ */ n("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
     /* @__PURE__ */ n("line", { x1: "12", y1: "19", x2: "12", y2: "23" }),
     e && /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function ir({ 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: [
+function sr({ muted: e }) {
+  return /* @__PURE__ */ x("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ _(St, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ x(Ct, { children: [
       /* @__PURE__ */ n("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" }),
       /* @__PURE__ */ n("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
     ] })
   ] });
 }
-function lr() {
-  return /* @__PURE__ */ _("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function cr() {
+  return /* @__PURE__ */ x("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
     /* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
   ] });
 }
-function ar() {
+function dr() {
   return /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "-4 -4 32 32", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: /* @__PURE__ */ n(
     "path",
     {
@@ -1568,7 +1568,7 @@ function ar() {
     }
   ) });
 }
-const Jt = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ _(
+const Qt = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ x(
   "div",
   {
     className: "ll-device-menu",
@@ -1578,7 +1578,7 @@ const Jt = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */
       /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
       t.map((i, l) => {
         const d = r === i.deviceId;
-        return /* @__PURE__ */ _(
+        return /* @__PURE__ */ x(
           "button",
           {
             type: "button",
@@ -1596,21 +1596,21 @@ const Jt = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */
       })
     ]
   }
-), sr = [
+), ur = [
   '[data-ll-private="true"]',
   ".ll-widget"
 ];
-function Ct(e) {
+function At(e) {
   let t = e;
   for (; t; ) {
-    for (const r of sr)
+    for (const r of ur)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
-function pt(e) {
-  if (Ct(e)) return !1;
+function bt(e) {
+  if (At(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
     const t = (e.getAttribute("autocomplete") || "").toLowerCase();
@@ -1618,7 +1618,7 @@ function pt(e) {
   }
   return !0;
 }
-const ct = 4096, cr = 20, dr = 20, ur = 10, fr = 10, pr = 30, Kt = 500, hr = [
+const ht = 4096, fr = 20, pr = 20, hr = 10, mr = 10, gr = 30, Zt = 500, yr = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1626,24 +1626,24 @@ const ct = 4096, cr = 20, dr = 20, ur = 10, fr = 10, pr = 30, Kt = 500, hr = [
   "noscript",
   "iframe"
 ];
-function Ze(e) {
+function et(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
-    for (const r of hr)
+    for (const r of yr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
-function et(e) {
+function tt(e) {
   if (typeof window > "u") return !0;
   const t = e.getBoundingClientRect();
   if (t.width <= 0 || t.height <= 0) return !1;
   const r = window.innerHeight || document.documentElement.clientHeight, o = window.innerWidth || document.documentElement.clientWidth;
   return t.bottom > 0 && t.right > 0 && t.top < r && t.left < o;
 }
-function Xt(e) {
+function en(e) {
   const t = e.getAttribute("id");
   if (t) {
     const l = document.querySelector(`label[for="${CSS.escape(t)}"]`);
@@ -1656,13 +1656,13 @@ function Xt(e) {
   const i = e.closest("label");
   return i != null && i.textContent ? i.textContent.trim() : "";
 }
-function Ee(e, t) {
+function Ae(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-function ze(e) {
+function He(e) {
   return e.length;
 }
-function mr(e, t = {}) {
+function br(e, t = {}) {
   const r = t.doc ?? (typeof document < "u" ? document : null);
   if (!r)
     return {
@@ -1680,69 +1680,69 @@ function mr(e, t = {}) {
     r.querySelectorAll("[data-ll-region]")
   ), u = [];
   for (const m of d) {
-    if (u.length >= ur) break;
-    if (Ze(m) || !et(m)) continue;
-    const D = m.getAttribute("data-ll-region") ?? "", V = m.getAttribute("data-ll-intent") ?? void 0, z = Ee(
+    if (u.length >= hr) break;
+    if (et(m) || !tt(m)) continue;
+    const I = m.getAttribute("data-ll-region") ?? "", q = m.getAttribute("data-ll-intent") ?? void 0, B = Ae(
       (m.innerText || m.textContent || "").trim(),
-      Kt * 2
+      Zt * 2
     );
-    !D || !z || u.push({ id: D, intent: V, text: z });
+    !I || !B || u.push({ id: I, intent: q, text: B });
   }
-  const f = [], y = ["H1", "H2", "H3", "H4", "H5", "H6"], b = Array.from(
+  const f = [], y = ["H1", "H2", "H3", "H4", "H5", "H6"], w = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
-  for (const m of b) {
-    if (Ze(m) || !et(m)) continue;
-    const D = (m.textContent || "").trim();
-    D && f.push(`${m.tagName}: ${Ee(D, 200)}`);
+  for (const m of w) {
+    if (et(m) || !tt(m)) continue;
+    const I = (m.textContent || "").trim();
+    I && f.push(`${m.tagName}: ${Ae(I, 200)}`);
   }
   const s = Array.from(r.querySelectorAll("p, li"));
   for (const m of s) {
-    if (Ze(m) || !et(m) || y.includes(m.tagName)) continue;
-    const D = (m.textContent || "").trim();
-    D.length > 10 && f.push(Ee(D, Kt));
+    if (et(m) || !tt(m) || y.includes(m.tagName)) continue;
+    const I = (m.textContent || "").trim();
+    I.length > 10 && f.push(Ae(I, Zt));
   }
   const a = f.join(`
-`), k = [], N = Array.from(r.querySelectorAll("a[href]"));
-  for (const m of N) {
-    if (k.length >= cr) break;
-    if (Ze(m) || !et(m)) continue;
-    const D = m.getAttribute("href") || "", V = (m.textContent || "").trim();
-    !D || !V || k.push({ href: D, text: Ee(V, 100) });
+`), L = [], D = Array.from(r.querySelectorAll("a[href]"));
+  for (const m of D) {
+    if (L.length >= fr) break;
+    if (et(m) || !tt(m)) continue;
+    const I = m.getAttribute("href") || "", q = (m.textContent || "").trim();
+    !I || !q || L.push({ href: I, text: Ae(q, 100) });
   }
-  const E = [], v = Array.from(
+  const C = [], v = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
   for (const m of v) {
-    if (E.length >= dr) break;
-    if (Ze(m) || !pt(m) || !et(m)) continue;
-    const D = Xt(m), V = m instanceof HTMLInputElement ? m.type : m.tagName.toLowerCase();
-    D && E.push({ label: Ee(D, 100), type: V });
+    if (C.length >= pr) break;
+    if (et(m) || !bt(m) || !tt(m)) continue;
+    const I = en(m), q = m instanceof HTMLInputElement ? m.type : m.tagName.toLowerCase();
+    I && C.push({ label: Ae(I, 100), type: q });
   }
-  const w = Array.from(
+  const _ = Array.from(
     r.querySelectorAll("[data-ll-form]")
   ), O = [];
-  for (const m of w) {
-    if (O.length >= fr) break;
-    if (Ct(m)) continue;
-    const D = m.getAttribute("data-ll-form") || "";
-    if (!D) continue;
-    const V = m.getAttribute("data-ll-intent") || void 0, z = Array.from(
+  for (const m of _) {
+    if (O.length >= mr) break;
+    if (At(m)) continue;
+    const I = m.getAttribute("data-ll-form") || "";
+    if (!I) continue;
+    const q = m.getAttribute("data-ll-intent") || void 0, B = Array.from(
       m.querySelectorAll(
         "[data-ll-field]"
       )
-    ), T = [];
-    for (const q of z) {
-      if (T.length >= pr) break;
-      if (!pt(q)) continue;
-      const j = q.getAttribute("data-ll-field") || "";
-      if (!j) continue;
-      const X = Xt(q) || j, ie = q instanceof HTMLInputElement ? q.type : q.tagName.toLowerCase();
-      T.push({ name: j, label: Ee(X, 100), type: ie });
+    ), P = [];
+    for (const H of B) {
+      if (P.length >= gr) break;
+      if (!bt(H)) continue;
+      const G = H.getAttribute("data-ll-field") || "";
+      if (!G) continue;
+      const Z = en(H) || G, le = H instanceof HTMLInputElement ? H.type : H.tagName.toLowerCase();
+      P.push({ name: G, label: Ae(Z, 100), type: le });
     }
-    O.push({ id: D, intent: V, fields: T });
+    O.push({ id: I, intent: q, fields: P });
   }
   const $ = {
     url: o,
@@ -1750,31 +1750,31 @@ function mr(e, t = {}) {
     pathname: i,
     regions: u,
     visibleText: a,
-    visibleLinks: k,
-    visibleFields: E,
+    visibleLinks: L,
+    visibleFields: C,
     forms: O,
     extras: e
   };
-  let U = ze(JSON.stringify($.regions)) + ze($.visibleText) + ze(JSON.stringify($.visibleLinks)) + ze(JSON.stringify($.visibleFields));
-  for (; U > ct && $.visibleFields.length > 0; )
-    $.visibleFields.pop(), U = ze(JSON.stringify($.visibleFields));
-  for (; U > ct && $.visibleLinks.length > 0; )
+  let U = He(JSON.stringify($.regions)) + He($.visibleText) + He(JSON.stringify($.visibleLinks)) + He(JSON.stringify($.visibleFields));
+  for (; U > ht && $.visibleFields.length > 0; )
+    $.visibleFields.pop(), U = He(JSON.stringify($.visibleFields));
+  for (; U > ht && $.visibleLinks.length > 0; )
     $.visibleLinks.pop(), U -= 80;
-  return ze($.visibleText) > ct && ($.visibleText = Ee($.visibleText, ct - 100)), $;
+  return He($.visibleText) > ht && ($.visibleText = Ae($.visibleText, ht - 100)), $;
 }
-let Oe = null;
-function kt(e, t = {}) {
+let Ve = null;
+function mt(e, t = {}) {
   const r = Date.now(), i = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if (Oe && Oe.key === i && r - Oe.at < 1e3)
-    return Oe.ctx;
-  const l = mr(e, t);
-  return Oe = { key: i, at: r, ctx: l }, l;
+  if (Ve && Ve.key === i && r - Ve.at < 1e3)
+    return Ve.ctx;
+  const l = br(e, t);
+  return Ve = { key: i, at: r, ctx: l }, l;
 }
-function gr() {
-  Oe = null;
+function vr() {
+  Ve = null;
 }
-const yr = 200;
-function vr(e) {
+const wr = 200;
+function _r(e) {
   const t = String(e.href || "");
   return {
     href: t,
@@ -1784,18 +1784,18 @@ function vr(e) {
     description: e.description
   };
 }
-function br(e) {
+function xr(e) {
   return !(!e || e.startsWith("#") || e.startsWith("javascript:") || e.startsWith("mailto:") || e.startsWith("tel:"));
 }
-function wr(e) {
+function kr(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
   const r = typeof window < "u" && window.location.origin || "", o = /* @__PURE__ */ new Set(), i = [], l = Array.from(t.querySelectorAll("a[href]"));
   for (const d of l) {
-    if (i.length >= yr) break;
-    if (Ct(d)) continue;
+    if (i.length >= wr) break;
+    if (At(d)) continue;
     const u = d.getAttribute("href") || "";
-    if (!br(u)) continue;
+    if (!xr(u)) continue;
     let f = u, y = !0;
     try {
       if (typeof window < "u") {
@@ -1807,28 +1807,28 @@ function wr(e) {
     }
     if (o.has(f)) continue;
     o.add(f);
-    const b = (d.textContent || "").trim().slice(0, 120);
-    i.push({ href: f, text: b, internal: y });
+    const w = (d.textContent || "").trim().slice(0, 120);
+    i.push({ href: f, text: w, internal: y });
   }
   return i;
 }
-let He = null;
-const _r = 5e3;
-function dt() {
+let qe = null;
+const Lr = 5e3;
+function nt() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (He && He.pathname === t && e - He.at < _r)
-    return He.routes;
-  const r = wr();
-  return He = { at: e, pathname: t, routes: r }, r;
+  if (qe && qe.pathname === t && e - qe.at < Lr)
+    return qe.routes;
+  const r = kr();
+  return qe = { at: e, pathname: t, routes: r }, r;
 }
-function xr() {
-  He = null;
+function Sr() {
+  qe = null;
 }
-function kr(e, t) {
+function Er(e, t) {
   const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, o = Object.getOwnPropertyDescriptor(r, "value"), i = o == null ? void 0 : o.set;
   i ? i.call(e, t) : e.value = t;
 }
-function Lr(e, t, r = {}) {
+function Cr(e, t, r = {}) {
   const o = r.triggerInput ?? !0, i = r.triggerChange ?? !0;
   if (e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio")) {
     const l = Object.getOwnPropertyDescriptor(
@@ -1838,9 +1838,9 @@ function Lr(e, t, r = {}) {
     d ? d.call(e, u) : e.checked = u, o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
-  kr(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  Er(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
-function Sr() {
+function Nr() {
   if (typeof window > "u" || typeof document > "u")
     return !1;
   const e = document.scrollingElement || document.documentElement;
@@ -1848,19 +1848,19 @@ function Sr() {
   const t = window.getComputedStyle(e);
   return !(t.overflowY === "hidden" || t.overflowY === "clip");
 }
-function Er(e) {
+function Ar(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const r = window.getComputedStyle(e).overflowY;
   return !(r !== "auto" && r !== "scroll" || e.scrollHeight <= e.clientHeight + 2);
 }
-function Cr() {
+function Dr() {
   if (typeof document > "u") return null;
   const e = Array.from(
     document.querySelectorAll("body, body *")
   );
   let t = null, r = 0;
   for (const o of e) {
-    if (!Er(o)) continue;
+    if (!Ar(o)) continue;
     const i = o.getBoundingClientRect();
     if (i.bottom <= 0 || i.top >= window.innerHeight || i.right <= 0 || i.left >= window.innerWidth || i.width <= 0 || i.height <= 0 || o.closest(".ll-widget")) continue;
     const l = i.width * i.height;
@@ -1868,24 +1868,24 @@ function Cr() {
   }
   return t;
 }
-function Nr() {
+function Rr() {
   if (typeof window > "u")
     return null;
-  if (Sr()) return window;
-  const e = Cr();
+  if (Nr()) return window;
+  const e = Dr();
   return e || window;
 }
-function Qt(e) {
+function tn(e) {
   return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
 }
-function Ar(e) {
+function Mr(e) {
   var t, r;
   return e instanceof Window ? typeof document > "u" ? 0 : Math.max(
     ((t = document.body) == null ? void 0 : t.scrollHeight) ?? 0,
     ((r = document.documentElement) == null ? void 0 : r.scrollHeight) ?? 0
   ) : e.scrollHeight - e.clientHeight;
 }
-const Rr = /* @__PURE__ */ new Set([
+const Tr = /* @__PURE__ */ new Set([
   "agent_state",
   "avatar_stream_ready",
   "avatar_active",
@@ -1906,10 +1906,14 @@ const Rr = /* @__PURE__ */ new Set([
   "fill_form",
   "focus_field",
   "submit_form",
-  "request_routes"
+  "request_routes",
+  // 0.5.24 — agent asks the widget to (re)push its state. Triggers
+  // the same push logic as a pathname change, used to fix the race
+  // where the agent's listener attaches AFTER the widget's first push.
+  "request_initial_sync"
 ]);
-function Mr(e) {
-  var Mt, Dt, Tt, It, Pt, $t, Bt;
+function Ir(e) {
+  var It, Pt, $t, Bt, zt, Ot, Ut;
   const {
     agentId: t,
     apiKey: r,
@@ -1920,528 +1924,592 @@ function Mr(e) {
     displayMode: u,
     defaultDisplayMode: f = "expanded",
     onDisplayModeChange: y,
-    position: b = "bottom-right",
+    position: w = "bottom-right",
     mobileBreakpoint: s = 640,
     persistKey: a = "ll-widget",
-    disablePersistence: k = !1,
-    teamMembers: N,
-    currentTeamMemberId: E,
+    disablePersistence: L = !1,
+    teamMembers: D,
+    currentTeamMemberId: C,
     onTeamMemberChange: v,
-    idleLoopUrl: w,
+    idleLoopUrl: _,
     greeting: O,
     avatarImageUrl: $,
     agentName: U,
     branding: m = {},
-    allowCamera: D = !0,
-    allowScreenShare: V = !0,
-    allowTyping: z = !0,
-    showOn: T,
-    hideOn: q,
-    pathname: j,
-    onNavigate: X,
-    onScrollToSelector: ie,
-    getPageContext: we,
-    pageContextExtras: tt,
-    getRoutes: nt,
-    onScrollPage: rt,
-    onClick: ot,
-    capabilities: re,
-    onConnect: ue,
-    onDisconnect: _e,
-    onTranscript: Ce,
-    onAgentState: Ne,
-    onConnectionStateChange: Ae,
-    onAgentEvent: Re,
-    onAgentCommand: Me,
+    allowCamera: I = !0,
+    allowScreenShare: q = !0,
+    allowTyping: B = !0,
+    showOn: P,
+    hideOn: H,
+    pathname: G,
+    onNavigate: Z,
+    onScrollToSelector: le,
+    getPageContext: Le,
+    pageContextExtras: rt,
+    getRoutes: ot,
+    onScrollPage: it,
+    onClick: lt,
+    capabilities: ie,
+    onConnect: pe,
+    onDisconnect: Se,
+    onTranscript: De,
+    onAgentState: Re,
+    onConnectionStateChange: Me,
+    onAgentEvent: Te,
+    onAgentCommand: Ie,
     controlledSession: Y,
-    className: ht,
-    style: mt,
-    zIndex: it = 2147483647
-  } = e, le = zn(j), De = Fn(le, T, q);
-  R(() => {
-    gr(), xr();
-  }, [le]);
-  const Ue = E !== void 0, [xe, Te] = S(() => {
+    className: vt,
+    style: wt,
+    zIndex: at = 2147483647
+  } = e, ae = Hn(G), Pe = Jn(ae, P, H);
+  M(() => {
+    vr(), Sr();
+  }, [ae]);
+  const We = C !== void 0, [Ee, $e] = E(() => {
     var h;
-    return E ?? ((h = N == null ? void 0 : N[0]) == null ? void 0 : h.id);
-  }), K = Ue ? E : xe, ee = ut(
-    () => (N == null ? void 0 : N.find((h) => h.id === K)) ?? null,
-    [N, K]
-  ), Ie = (ee == null ? void 0 : ee.agentId) ?? t, [ae, fe] = In({
+    return C ?? ((h = D == null ? void 0 : D[0]) == null ? void 0 : h.id);
+  }), Q = We ? C : Ee, ne = gt(
+    () => (D == null ? void 0 : D.find((h) => h.id === Q)) ?? null,
+    [D, Q]
+  ), Be = (ne == null ? void 0 : ne.agentId) ?? t, [se, he] = Bn({
     value: u,
     defaultValue: f,
     onChange: y,
     persistKey: a,
-    disablePersistence: k
-  }), ke = $n(s), qe = xn(), te = kn(), se = Sn(), ce = En(), pe = Cn(), [Pe, he] = S(!1), [me, Ve] = S(!1), [We, Fe] = S(!1), [ge, ye] = S(!1), [$e, lt] = S(!1), je = M(X), Be = M(ie), p = M(rt), J = M(ot), gt = M(we), yt = M(tt), vt = M(nt), bt = M(re), ne = M(null);
-  je.current = X, Be.current = ie, p.current = rt, J.current = ot, gt.current = we, yt.current = tt, vt.current = nt, bt.current = re;
-  function ve(h) {
-    const c = bt.current;
+    disablePersistence: L
+  }), Ce = On(s), Ge = Sn(), re = En(), ce = Nn(), de = An(), me = Dn(), [ze, ge] = E(!1), [ye, Fe] = E(!1), [je, Je] = E(!1), [be, ve] = E(!1), [Oe, st] = E(!1), Ye = A(Z), Ue = A(le), p = A(it), K = A(lt), _t = A(Le), ct = A(rt), dt = A(ot), xt = A(ie), oe = A(null), ut = A(null), Dt = A(void 0);
+  Dt.current = ae, Ye.current = Z, Ue.current = le, p.current = it, K.current = lt, _t.current = Le, ct.current = rt, dt.current = ot, xt.current = ie;
+  function we(h) {
+    const c = xt.current;
     return c ? c.includes(h) : !0;
   }
-  function be(h, c) {
+  function _e(h, c) {
     console.warn(
       `[LiveLayer] Agent command "${h}" blocked — capability "${c}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
     );
   }
-  const Ge = L(
+  const Ke = S(
     (h) => {
-      var Z, Le, oe, Xe, Qe;
+      var J, ue, te, xe, ke, X;
       const c = h;
       if (!(!c.type || typeof c.type != "string")) {
-        if (Re == null || Re({ eventName: c.type, data: h }), c.type === "navigate") {
-          if (!ve("navigate")) {
-            be("navigate", "navigate");
+        if (Te == null || Te({ eventName: c.type, data: h }), c.type === "bot_ready" || c.type === "request_initial_sync") {
+          console.log(
+            `[NAV-DEBUG][widget] received ${c.type} → triggering pushSnapshot`
+          );
+          try {
+            (J = ut.current) == null || J.call(ut);
+          } catch (b) {
+            console.warn("[NAV-DEBUG][widget] pushSnapshot threw:", b);
+          }
+        }
+        if (c.type === "navigate") {
+          if (!we("navigate")) {
+            _e("navigate", "navigate");
             return;
           }
-          const x = typeof c.href == "string" ? c.href : null;
-          if (!x) {
+          const b = typeof c.href == "string" ? c.href : null;
+          if (!b) {
             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 (je.current) {
+          if (Ye.current) {
             try {
-              je.current(x);
-            } catch (A) {
+              Ye.current(b);
+            } catch (k) {
               console.warn(
-                `[LiveLayer] onNavigate threw for "${x}". Falling back. Error:`,
-                A
+                `[LiveLayer] onNavigate threw for "${b}". Falling back. Error:`,
+                k
               );
             }
             return;
           }
           if (typeof document < "u") {
-            const A = document.querySelector(
-              `a[href="${x.replace(/"/g, '\\"')}"]`
+            const k = document.querySelector(
+              `a[href="${b.replace(/"/g, '\\"')}"]`
             );
-            if (A) {
-              A.click();
+            if (k) {
+              k.click();
               return;
             }
           }
           if (typeof window < "u" && typeof history < "u")
             try {
-              history.pushState({}, "", x), window.dispatchEvent(new PopStateEvent("popstate"));
-            } catch (A) {
+              history.pushState({}, "", b), window.dispatchEvent(new PopStateEvent("popstate"));
+            } catch (k) {
               console.warn(
-                `[LiveLayer] history.pushState fallback failed for "${x}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
-                A
+                `[LiveLayer] history.pushState fallback failed for "${b}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
+                k
               );
             }
           return;
         }
         if (c.type === "scroll_to") {
-          if (!ve("scroll")) {
-            be("scroll_to", "scroll");
+          if (!we("scroll")) {
+            _e("scroll_to", "scroll");
             return;
           }
-          const x = typeof c.selector == "string" ? c.selector : null;
-          if (!x) return;
-          const A = c.behavior === "instant" ? "instant" : "smooth";
-          if (Be.current) {
+          const b = typeof c.selector == "string" ? c.selector : null;
+          if (!b) return;
+          const k = c.behavior === "instant" ? "instant" : "smooth";
+          if (Ue.current) {
             try {
-              Be.current(
-                x,
-                A
+              Ue.current(
+                b,
+                k
               );
-            } catch (C) {
-              console.warn("[LiveLayer] onScrollToSelector threw.", C);
+            } catch (R) {
+              console.warn("[LiveLayer] onScrollToSelector threw.", R);
             }
             return;
           }
           if (typeof document < "u") {
-            let C = null;
+            let R = null;
             try {
-              C = document.querySelector(x);
+              R = document.querySelector(b);
             } catch {
               console.warn(
-                `[LiveLayer] scroll_to: invalid selector "${x}".`
+                `[LiveLayer] scroll_to: invalid selector "${b}".`
               );
               return;
             }
-            if (!C) {
+            if (!R) {
               console.warn(
-                `[LiveLayer] scroll_to: no element matched "${x}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
+                `[LiveLayer] scroll_to: no element matched "${b}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
               );
               return;
             }
-            C.scrollIntoView({
-              behavior: A,
+            R.scrollIntoView({
+              behavior: k,
               block: "start"
             });
           }
           return;
         }
         if (c.type === "request_page_context") {
-          if (!ve("read_page")) {
-            be("request_page_context", "read_page");
+          if (!we("read_page")) {
+            _e("request_page_context", "read_page");
             return;
           }
-          const x = typeof c.requestId == "string" ? c.requestId : void 0, A = (Z = ne.current) == null ? void 0 : Z.call(ne), C = (W) => {
-            const I = A, F = I == null ? void 0 : I.localParticipant;
+          const b = typeof c.requestId == "string" ? c.requestId : void 0, k = (ue = oe.current) == null ? void 0 : ue.call(oe), R = (j) => {
+            const T = k, F = T == null ? void 0 : T.localParticipant;
             if (F != null && F.publishData)
               try {
-                const B = x ? { ...W, requestId: x } : W, Q = new TextEncoder().encode(JSON.stringify(B));
-                F.publishData(Q, { reliable: !0 });
-              } catch (B) {
-                console.warn("[LiveLayer] publishData failed.", B);
+                const z = b ? { ...j, requestId: b } : j, ee = new TextEncoder().encode(JSON.stringify(z));
+                F.publishData(ee, { reliable: !0 });
+              } catch (z) {
+                console.warn("[LiveLayer] publishData failed.", z);
               }
-          }, P = yt.current, H = gt.current;
+          }, N = ct.current, W = _t.current;
           try {
-            if (H) {
-              const W = H(P);
-              if (W instanceof Promise) {
-                C({ type: "page_context_pending" }), W.then((I) => C({ type: "page_context", context: I })).catch((I) => {
+            if (W) {
+              const j = W(N);
+              if (j instanceof Promise) {
+                R({ type: "page_context_pending" }), j.then((T) => R({ type: "page_context", context: T })).catch((T) => {
                   console.warn(
                     "[LiveLayer] getPageContext rejected; falling back to default walker.",
-                    I
-                  ), C({
+                    T
+                  ), R({
                     type: "page_context",
-                    context: kt(P)
+                    context: mt(N)
                   });
                 });
                 return;
               }
-              C({ type: "page_context", context: W });
+              R({ type: "page_context", context: j });
               return;
             }
-            C({
+            R({
               type: "page_context",
-              context: kt(P)
+              context: mt(N)
             });
-          } catch (W) {
+          } catch (j) {
             console.warn(
               "[LiveLayer] page-context extraction threw. Sending empty context.",
-              W
-            ), C({
+              j
+            ), R({
               type: "page_context",
-              context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: P }
+              context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: N }
             });
           }
           return;
         }
         if (c.type === "scroll_page") {
-          if (!ve("scroll")) {
-            be("scroll_page", "scroll");
+          if (!we("scroll")) {
+            _e("scroll_page", "scroll");
             return;
           }
-          const x = c.direction;
-          if (x !== "up" && x !== "down" && x !== "top" && x !== "bottom") {
+          const b = c.direction;
+          if (b !== "up" && b !== "down" && b !== "top" && b !== "bottom") {
             console.warn(
-              `[LiveLayer] scroll_page: invalid direction "${String(x)}". Expected up | down | top | bottom.`
+              `[LiveLayer] scroll_page: invalid direction "${String(b)}". Expected up | down | top | bottom.`
             );
             return;
           }
-          const A = c.behavior === "instant" ? "instant" : "smooth";
+          const k = c.behavior === "instant" ? "instant" : "smooth";
           if (p.current) {
             try {
               p.current(
-                x,
-                A
+                b,
+                k
               );
-            } catch (I) {
-              console.warn("[LiveLayer] onScrollPage threw.", I);
+            } catch (T) {
+              console.warn("[LiveLayer] onScrollPage threw.", T);
             }
             return;
           }
           if (typeof window > "u") return;
-          const C = { behavior: A }, P = Nr(), H = (I) => {
-            P instanceof Window ? P.scrollBy({ top: I, ...C }) : P.scrollBy({ top: I, ...C });
-          }, W = (I) => {
-            P instanceof Window ? P.scrollTo({ top: I, ...C }) : P.scrollTo({ top: I, ...C });
+          const R = { behavior: k }, N = Rr(), W = (T) => {
+            N instanceof Window ? N.scrollBy({ top: T, ...R }) : N.scrollBy({ top: T, ...R });
+          }, j = (T) => {
+            N instanceof Window ? N.scrollTo({ top: T, ...R }) : N.scrollTo({ top: T, ...R });
           };
-          x === "up" ? H(-Qt(P)) : x === "down" ? H(Qt(P)) : W(x === "top" ? 0 : Ar(P));
+          b === "up" ? W(-tn(N)) : b === "down" ? W(tn(N)) : j(b === "top" ? 0 : Mr(N));
           return;
         }
         if (c.type === "click") {
-          if (!ve("click")) {
-            be("click", "click");
+          if (!we("click")) {
+            _e("click", "click");
             return;
           }
-          const x = typeof c.selector == "string" ? c.selector : null;
-          if (!x) {
+          const b = typeof c.selector == "string" ? c.selector : null;
+          if (!b) {
             console.warn("[LiveLayer] click: missing selector.");
             return;
           }
-          if (J.current) {
+          if (K.current) {
             try {
-              J.current(x);
-            } catch (C) {
-              console.warn("[LiveLayer] onClick threw.", C);
+              K.current(b);
+            } catch (R) {
+              console.warn("[LiveLayer] onClick threw.", R);
             }
             return;
           }
           if (typeof document > "u") return;
-          let A = null;
+          let k = null;
           try {
-            A = document.querySelector(x);
+            k = document.querySelector(b);
           } catch {
             console.warn(
-              `[LiveLayer] click: invalid selector "${x}".`
+              `[LiveLayer] click: invalid selector "${b}".`
             );
             return;
           }
-          if (!A) {
+          if (!k) {
             console.warn(
-              `[LiveLayer] click: no element matched "${x}". See https://livelayer.studio/docs/errors/click-no-match`
+              `[LiveLayer] click: no element matched "${b}". See https://livelayer.studio/docs/errors/click-no-match`
             );
             return;
           }
-          if (A.closest('[data-ll-private="true"], .ll-widget')) {
+          if (k.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               "[LiveLayer] click: refusing to click element inside a private subtree."
             );
             return;
           }
-          (Le = A.click) == null || Le.call(A);
+          (te = k.click) == null || te.call(k);
           return;
         }
         if (c.type === "fill_form" || c.type === "focus_field") {
-          if (!ve("fill_forms")) {
-            be(c.type, "fill_forms");
+          if (!we("fill_forms")) {
+            _e(c.type, "fill_forms");
             return;
           }
           if (typeof document > "u") return;
-          const x = typeof c.requestId == "string" ? c.requestId : void 0, A = (oe = ne.current) == null ? void 0 : oe.call(ne), C = (B) => {
+          const b = typeof c.requestId == "string" ? c.requestId : void 0, k = (xe = oe.current) == null ? void 0 : xe.call(oe), R = (z) => {
             if (c.type !== "fill_form") return;
-            const Q = A, de = Q == null ? void 0 : Q.localParticipant;
-            if (de != null && de.publishData)
+            const ee = k, fe = ee == null ? void 0 : ee.localParticipant;
+            if (fe != null && fe.publishData)
               try {
-                const Se = x ? { ...B, requestId: x } : B, hn = new TextEncoder().encode(JSON.stringify(Se));
-                de.publishData(hn, { reliable: !0 });
-              } catch (Se) {
-                console.warn("[LiveLayer] publishData failed.", Se);
+                const Ne = b ? { ...z, requestId: b } : z, yn = new TextEncoder().encode(JSON.stringify(Ne));
+                fe.publishData(yn, { reliable: !0 });
+              } catch (Ne) {
+                console.warn("[LiveLayer] publishData failed.", Ne);
               }
-          }, P = typeof c.formId == "string" ? c.formId : null;
-          if (!P) {
-            console.warn(`[LiveLayer] ${c.type}: missing formId.`), C({ type: "fill_form_result", ok: !1, reason: "missing formId" });
+          }, N = typeof c.formId == "string" ? c.formId : null;
+          if (!N) {
+            console.warn(`[LiveLayer] ${c.type}: missing formId.`), R({ type: "fill_form_result", ok: !1, reason: "missing formId" });
             return;
           }
-          const H = document.querySelector(
-            `[data-ll-form="${P.replace(/"/g, '\\"')}"]`
+          const W = document.querySelector(
+            `[data-ll-form="${N.replace(/"/g, '\\"')}"]`
           );
-          if (!H) {
+          if (!W) {
             console.warn(
-              `[LiveLayer] ${c.type}: no form with data-ll-form="${P}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
-            ), C({
+              `[LiveLayer] ${c.type}: no form with data-ll-form="${N}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
+            ), R({
               type: "fill_form_result",
               ok: !1,
-              reason: `no form with data-ll-form="${P}" on this page`,
-              formId: P
+              reason: `no form with data-ll-form="${N}" on this page`,
+              formId: N
             });
             return;
           }
-          if (H.closest('[data-ll-private="true"], .ll-widget')) {
+          if (W.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               `[LiveLayer] ${c.type}: refusing to touch a form in a private subtree.`
-            ), C({
+            ), R({
               type: "fill_form_result",
               ok: !1,
               reason: "form is in a private subtree (data-ll-private)",
-              formId: P
+              formId: N
             });
             return;
           }
           if (c.type === "focus_field") {
-            const B = typeof c.fieldName == "string" ? c.fieldName : null;
-            if (!B) {
+            const z = typeof c.fieldName == "string" ? c.fieldName : null;
+            if (!z) {
               console.warn("[LiveLayer] focus_field: missing fieldName.");
               return;
             }
-            const Q = H.querySelector(`[data-ll-field="${B.replace(/"/g, '\\"')}"]`);
-            if (!Q) {
+            const ee = W.querySelector(`[data-ll-field="${z.replace(/"/g, '\\"')}"]`);
+            if (!ee) {
               console.warn(
-                `[LiveLayer] focus_field: no field "${B}" in form "${P}".`
+                `[LiveLayer] focus_field: no field "${z}" in form "${N}".`
               );
               return;
             }
-            if (!pt(Q)) {
+            if (!bt(ee)) {
               console.warn(
-                `[LiveLayer] focus_field: field "${B}" is privacy-protected and not focusable.`
+                `[LiveLayer] focus_field: field "${z}" is privacy-protected and not focusable.`
               );
               return;
             }
-            Q.focus();
+            ee.focus();
             return;
           }
-          const W = c.values && typeof c.values == "object" ? c.values : null;
-          if (!W) {
-            console.warn("[LiveLayer] fill_form: missing or invalid values."), C({
+          const j = c.values && typeof c.values == "object" ? c.values : null;
+          if (!j) {
+            console.warn("[LiveLayer] fill_form: missing or invalid values."), R({
               type: "fill_form_result",
               ok: !1,
               reason: "missing or invalid values",
-              formId: P
+              formId: N
             });
             return;
           }
-          const I = [], F = [];
-          for (const [B, Q] of Object.entries(W)) {
-            if (typeof Q != "string") continue;
-            const de = H.querySelector(`[data-ll-field="${B.replace(/"/g, '\\"')}"]`);
-            if (!de) {
+          const T = [], F = [];
+          for (const [z, ee] of Object.entries(j)) {
+            if (typeof ee != "string") continue;
+            const fe = W.querySelector(`[data-ll-field="${z.replace(/"/g, '\\"')}"]`);
+            if (!fe) {
               console.warn(
-                `[LiveLayer] fill_form: no field "${B}" in form "${P}". Skipping.`
-              ), F.push(B);
+                `[LiveLayer] fill_form: no field "${z}" in form "${N}". Skipping.`
+              ), F.push(z);
               continue;
             }
-            if (!pt(de)) {
+            if (!bt(fe)) {
               console.warn(
-                `[LiveLayer] fill_form: field "${B}" is privacy-protected (password / cc-* / private). Skipping.`
-              ), F.push(B);
+                `[LiveLayer] fill_form: field "${z}" is privacy-protected (password / cc-* / private). Skipping.`
+              ), F.push(z);
               continue;
             }
             try {
-              Lr(de, Q), I.push(B);
-            } catch (Se) {
+              Cr(fe, ee), T.push(z);
+            } catch (Ne) {
               console.warn(
-                `[LiveLayer] fill_form: failed to set "${B}".`,
-                Se
-              ), F.push(B);
+                `[LiveLayer] fill_form: failed to set "${z}".`,
+                Ne
+              ), F.push(z);
             }
           }
-          C({
+          R({
             type: "fill_form_result",
-            ok: I.length > 0,
-            formId: P,
-            filled: I,
+            ok: T.length > 0,
+            formId: N,
+            filled: T,
             skipped: F,
-            reason: I.length === 0 ? `none of the requested fields exist on this form (skipped: ${F.join(", ")})` : void 0
+            reason: T.length === 0 ? `none of the requested fields exist on this form (skipped: ${F.join(", ")})` : void 0
           });
           return;
         }
         if (c.type === "submit_form") {
-          if (!ve("submit_forms")) {
-            be("submit_form", "submit_forms");
+          if (!we("submit_forms")) {
+            _e("submit_form", "submit_forms");
             return;
           }
           if (typeof document > "u") return;
-          const x = typeof c.formId == "string" ? c.formId : null;
-          if (!x) {
+          const b = typeof c.formId == "string" ? c.formId : null;
+          if (!b) {
             console.warn("[LiveLayer] submit_form: missing formId.");
             return;
           }
-          const A = document.querySelector(
-            `[data-ll-form="${x.replace(/"/g, '\\"')}"]`
+          const k = document.querySelector(
+            `[data-ll-form="${b.replace(/"/g, '\\"')}"]`
           );
-          if (!A) {
+          if (!k) {
             console.warn(
-              `[LiveLayer] submit_form: no form with data-ll-form="${x}".`
+              `[LiveLayer] submit_form: no form with data-ll-form="${b}".`
             );
             return;
           }
-          if (A.closest('[data-ll-private="true"], .ll-widget')) {
+          if (k.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               "[LiveLayer] submit_form: refusing to submit a form in a private subtree."
             );
             return;
           }
-          const C = typeof c.requestId == "string" ? c.requestId : void 0, P = (Xe = ne.current) == null ? void 0 : Xe.call(ne), H = (F) => {
-            const B = P, Q = B == null ? void 0 : B.localParticipant;
-            if (Q != null && Q.publishData)
+          const R = typeof c.requestId == "string" ? c.requestId : void 0, N = (ke = oe.current) == null ? void 0 : ke.call(oe), W = (F) => {
+            const z = N, ee = z == null ? void 0 : z.localParticipant;
+            if (ee != null && ee.publishData)
               try {
-                const de = C ? { ...F, requestId: C } : F, Se = new TextEncoder().encode(JSON.stringify(de));
-                Q.publishData(Se, { reliable: !0 });
+                const fe = R ? { ...F, requestId: R } : F, Ne = new TextEncoder().encode(JSON.stringify(fe));
+                ee.publishData(Ne, { reliable: !0 });
               } catch {
               }
           };
-          let W = !1;
-          const I = () => {
-            W = !0, H({ type: "form_submitted", formId: x });
+          let j = !1;
+          const T = () => {
+            j = !0, W({ type: "form_submitted", formId: b });
           };
-          A.addEventListener("submit", I, { once: !0 });
+          k.addEventListener("submit", T, { once: !0 });
           try {
-            typeof A.requestSubmit == "function" ? A.requestSubmit() : A.submit();
+            typeof k.requestSubmit == "function" ? k.requestSubmit() : k.submit();
           } catch (F) {
-            console.warn("[LiveLayer] submit_form: requestSubmit threw.", F), A.removeEventListener("submit", I), H({
+            console.warn("[LiveLayer] submit_form: requestSubmit threw.", F), k.removeEventListener("submit", T), W({
               type: "form_submit_blocked",
-              formId: x,
+              formId: b,
               reason: "exception"
             });
             return;
           }
           setTimeout(() => {
-            W || (A.removeEventListener("submit", I), H({
+            j || (k.removeEventListener("submit", T), W({
               type: "form_submit_blocked",
-              formId: x,
+              formId: b,
               reason: "validation"
             }));
           }, 500);
           return;
         }
         if (c.type === "request_routes") {
-          if (!ve("read_page")) {
-            be("request_routes", "read_page");
+          if (!we("read_page")) {
+            _e("request_routes", "read_page");
             return;
           }
-          const x = typeof c.requestId == "string" ? c.requestId : void 0, C = (Qe = ne.current) == null ? void 0 : Qe.call(ne), P = C == null ? void 0 : C.localParticipant;
-          if (!(P != null && P.publishData)) return;
-          const H = (I) => {
+          const b = typeof c.requestId == "string" ? c.requestId : void 0, R = (X = oe.current) == null ? void 0 : X.call(oe), N = R == null ? void 0 : R.localParticipant;
+          if (!(N != null && N.publishData)) return;
+          const W = (T) => {
             try {
-              const F = x ? { type: "routes", routes: I, requestId: x } : { type: "routes", routes: I }, B = new TextEncoder().encode(JSON.stringify(F));
-              P.publishData(B, { reliable: !0 });
+              const F = b ? { type: "routes", routes: T, requestId: b } : { type: "routes", routes: T }, z = new TextEncoder().encode(JSON.stringify(F));
+              N.publishData(z, { reliable: !0 });
             } catch (F) {
               console.warn("[LiveLayer] request_routes: publishData failed.", F);
             }
-          }, W = vt.current;
-          if (W) {
+          }, j = dt.current;
+          if (j) {
             try {
-              const I = W(), F = (B) => {
-                if (!Array.isArray(B)) {
-                  H([]);
+              const T = j(), F = (z) => {
+                if (!Array.isArray(z)) {
+                  W([]);
                   return;
                 }
-                H(B.map(vr).slice(0, 200));
+                W(z.map(_r).slice(0, 200));
               };
-              I instanceof Promise ? I.then(F).catch((B) => {
+              T instanceof Promise ? T.then(F).catch((z) => {
                 console.warn(
                   "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
-                  B
-                ), H(dt());
-              }) : F(I);
-            } catch (I) {
+                  z
+                ), W(nt());
+              }) : F(T);
+            } catch (T) {
               console.warn(
                 "[LiveLayer] getRoutes threw; falling back to DOM walker.",
-                I
-              ), H(dt());
+                T
+              ), W(nt());
             }
             return;
           }
           try {
-            H(dt());
-          } catch (I) {
-            console.warn("[LiveLayer] request_routes: extractRoutes threw.", I);
+            W(nt());
+          } catch (T) {
+            console.warn("[LiveLayer] request_routes: extractRoutes threw.", T);
           }
           return;
         }
-        Rr.has(c.type) || Me == null || Me(c);
+        Tr.has(c.type) || Ie == null || Ie(c);
       }
     },
-    [Me, Re]
-  ), G = _n({
-    agentId: Y ? "__controlled__" : Ie,
+    [Ie, Te]
+  ), V = Ln({
+    agentId: Y ? "__controlled__" : Be,
     baseUrl: o,
     apiKey: r,
     sessionEndpoint: i,
     sessionBody: l,
-    onDataMessage: Y ? void 0 : Ge
+    onDataMessage: Y ? void 0 : Ke
   });
-  R(() => {
+  M(() => {
     if (Y != null && Y.subscribeToDataMessages)
-      return Y.subscribeToDataMessages(Ge);
-  }, [Y, Ge]), ne.current = () => {
+      return Y.subscribeToDataMessages(Ke);
+  }, [Y, Ke]), oe.current = () => {
     var h;
-    return (h = G.getRoom) == null ? void 0 : h.call(G);
-  }, R(() => {
-    var Le;
+    return (h = V.getRoom) == null ? void 0 : h.call(V);
+  }, ut.current = () => {
+    var ue, te, xe, ke;
+    const h = Dt.current;
+    if (!h) {
+      console.log("[NAV-DEBUG][widget] pushSnapshot bailed: no pathname");
+      return;
+    }
+    const c = (ue = V.getRoom) == null ? void 0 : ue.call(V), J = c == null ? void 0 : c.localParticipant;
+    if (!(J != null && J.publishData)) {
+      console.log(
+        "[NAV-DEBUG][widget] pushSnapshot bailed: no publishData (not connected)"
+      );
+      return;
+    }
+    try {
+      J.publishData(
+        new TextEncoder().encode(JSON.stringify({ type: "pathname", pathname: h })),
+        { reliable: !0 }
+      );
+    } catch (X) {
+      console.warn("[NAV-DEBUG][widget] pushSnapshot pathname threw:", X);
+    }
+    try {
+      const X = mt(ct.current);
+      J.publishData(
+        new TextEncoder().encode(
+          JSON.stringify({ type: "page_context_push", pathname: h, context: X })
+        ),
+        { reliable: !0 }
+      ), console.log(
+        `[NAV-DEBUG][widget] pushSnapshot page_context_push sent (regions=${((te = X.regions) == null ? void 0 : te.length) ?? 0} forms=${((xe = X.forms) == null ? void 0 : xe.length) ?? 0} links=${((ke = X.visibleLinks) == null ? void 0 : ke.length) ?? 0})`
+      );
+    } catch (X) {
+      console.warn("[NAV-DEBUG][widget] pushSnapshot page_context threw:", X);
+    }
+    (async () => {
+      try {
+        const X = dt.current;
+        let b = [];
+        if (X) {
+          const k = X(), R = k instanceof Promise ? await k : k;
+          b = Array.isArray(R) ? R.slice(0, 200) : [];
+        } else
+          b = nt();
+        J.publishData(
+          new TextEncoder().encode(JSON.stringify({ type: "routes_push", routes: b })),
+          { reliable: !0 }
+        ), console.log(
+          `[NAV-DEBUG][widget] pushSnapshot routes_push sent (${b.length} routes)`
+        );
+      } catch (X) {
+        console.warn("[NAV-DEBUG][widget] pushSnapshot routes threw:", X);
+      }
+    })();
+  }, M(() => {
+    var ue;
     if (console.log(
-      `[NAV-DEBUG][widget] pathname-effect fired pathname=${le} connState=${G.connectionState} t=${Date.now()}`
-    ), !le) {
+      `[NAV-DEBUG][widget] pathname-effect fired pathname=${ae} connState=${V.connectionState} t=${Date.now()}`
+    ), !ae) {
       console.log("[NAV-DEBUG][widget] effect bailed: no pathname");
       return;
     }
-    const h = (Le = G.getRoom) == null ? void 0 : Le.call(G), c = h == null ? void 0 : h.localParticipant;
+    const h = (ue = V.getRoom) == null ? void 0 : ue.call(V), c = h == null ? void 0 : h.localParticipant;
     if (console.log(
       `[NAV-DEBUG][widget] immediate-push state: room=${!!h} lp=${!!c} publishData=${!!(c != null && c.publishData)}`
     ), !(c != null && c.publishData)) {
@@ -2449,79 +2517,79 @@ function Mr(e) {
       return;
     }
     try {
-      const oe = new TextEncoder().encode(
-        JSON.stringify({ type: "pathname", pathname: le })
+      const te = new TextEncoder().encode(
+        JSON.stringify({ type: "pathname", pathname: ae })
       );
-      c.publishData(oe, { reliable: !0 }), console.log(`[NAV-DEBUG][widget] pathname push sent (${oe.byteLength} bytes)`);
-    } catch (oe) {
-      console.warn("[NAV-DEBUG][widget] pathname push threw:", oe);
+      c.publishData(te, { reliable: !0 }), console.log(`[NAV-DEBUG][widget] pathname push sent (${te.byteLength} bytes)`);
+    } catch (te) {
+      console.warn("[NAV-DEBUG][widget] pathname push threw:", te);
     }
-    const Z = setTimeout(async () => {
-      var oe, Xe, Qe, x;
+    const J = setTimeout(async () => {
+      var te, xe, ke, X;
       console.log("[NAV-DEBUG][widget] settle timer fired (250ms after pathname-effect)");
       try {
-        const A = (oe = G.getRoom) == null ? void 0 : oe.call(G), C = A == null ? void 0 : A.localParticipant;
+        const b = (te = V.getRoom) == null ? void 0 : te.call(V), k = b == null ? void 0 : b.localParticipant;
         if (console.log(
-          `[NAV-DEBUG][widget] settle-time state: room=${!!A} lp=${!!C} publishData=${!!(C != null && C.publishData)}`
-        ), !(C != null && C.publishData)) {
+          `[NAV-DEBUG][widget] settle-time state: room=${!!b} lp=${!!k} publishData=${!!(k != null && k.publishData)}`
+        ), !(k != null && k.publishData)) {
           console.log("[NAV-DEBUG][widget] settle bailed: no publishData");
           return;
         }
-        const P = kt(yt.current);
+        const R = mt(ct.current);
         console.log(
-          `[NAV-DEBUG][widget] page_context built: regions=${((Xe = P.regions) == null ? void 0 : Xe.length) ?? 0} forms=${((Qe = P.forms) == null ? void 0 : Qe.length) ?? 0} links=${((x = P.visibleLinks) == null ? void 0 : x.length) ?? 0}`
+          `[NAV-DEBUG][widget] page_context built: regions=${((xe = R.regions) == null ? void 0 : xe.length) ?? 0} forms=${((ke = R.forms) == null ? void 0 : ke.length) ?? 0} links=${((X = R.visibleLinks) == null ? void 0 : X.length) ?? 0}`
         );
         try {
-          const H = new TextEncoder().encode(
-            JSON.stringify({ type: "page_context_push", pathname: le, context: P })
+          const N = new TextEncoder().encode(
+            JSON.stringify({ type: "page_context_push", pathname: ae, context: R })
           );
-          C.publishData(H, { reliable: !0 }), console.log(
-            `[NAV-DEBUG][widget] page_context_push SENT (${H.byteLength} bytes)`
+          k.publishData(N, { reliable: !0 }), console.log(
+            `[NAV-DEBUG][widget] page_context_push SENT (${N.byteLength} bytes)`
           );
-        } catch (H) {
-          console.warn("[NAV-DEBUG][widget] page_context_push threw:", H);
+        } catch (N) {
+          console.warn("[NAV-DEBUG][widget] page_context_push threw:", N);
         }
         try {
-          const H = vt.current;
+          const N = dt.current;
           let W = [];
-          if (H) {
+          if (N) {
             console.log("[NAV-DEBUG][widget] routes: calling custom getRoutes()");
-            const F = H(), B = F instanceof Promise ? await F : F;
-            W = Array.isArray(B) ? B.slice(0, 200) : [], console.log(`[NAV-DEBUG][widget] routes: custom returned ${W.length}`);
+            const T = N(), F = T instanceof Promise ? await T : T;
+            W = Array.isArray(F) ? F.slice(0, 200) : [], console.log(`[NAV-DEBUG][widget] routes: custom returned ${W.length}`);
           } else
-            console.log("[NAV-DEBUG][widget] routes: walking DOM (no custom getRoutes)"), W = dt(), console.log(`[NAV-DEBUG][widget] routes: DOM walk returned ${W.length}`);
-          const I = new TextEncoder().encode(
+            console.log("[NAV-DEBUG][widget] routes: walking DOM (no custom getRoutes)"), W = nt(), console.log(`[NAV-DEBUG][widget] routes: DOM walk returned ${W.length}`);
+          const j = new TextEncoder().encode(
             JSON.stringify({ type: "routes_push", routes: W })
           );
-          C.publishData(I, { reliable: !0 }), console.log(
-            `[NAV-DEBUG][widget] routes_push SENT (${I.byteLength} bytes, ${W.length} routes)`
+          k.publishData(j, { reliable: !0 }), console.log(
+            `[NAV-DEBUG][widget] routes_push SENT (${j.byteLength} bytes, ${W.length} routes)`
           );
-        } catch (H) {
-          console.warn("[NAV-DEBUG][widget] routes_push threw:", H);
+        } catch (N) {
+          console.warn("[NAV-DEBUG][widget] routes_push threw:", N);
         }
-      } catch (A) {
-        console.warn("[NAV-DEBUG][widget] settle outer threw:", A);
+      } catch (b) {
+        console.warn("[NAV-DEBUG][widget] settle outer threw:", b);
       }
     }, 250);
     return () => {
-      clearTimeout(Z);
+      clearTimeout(J);
     };
-  }, [le, G, G.connectionState]), R(() => {
-    var Z;
+  }, [ae, V, V.connectionState]), M(() => {
+    var J;
     if (typeof window > "u") return;
-    const h = ((Z = window.location) == null ? void 0 : Z.hostname) || "";
+    const h = ((J = window.location) == null ? void 0 : J.hostname) || "";
     if (h === "localhost" || h === "127.0.0.1" || h === "0.0.0.0" || h.endsWith(".local") || h.endsWith(".test"))
-      return window.__livelayerSimulateCommand = (Le) => {
+      return window.__livelayerSimulateCommand = (ue) => {
         try {
-          Ge(Le);
-        } catch (oe) {
-          console.warn("[LiveLayer] simulate-command threw:", oe);
+          Ke(ue);
+        } catch (te) {
+          console.warn("[LiveLayer] simulate-command threw:", te);
         }
       }, () => {
         delete window.__livelayerSimulateCommand;
       };
-  }, [Ge]);
-  const g = ut(() => Y ? {
+  }, [Ke]);
+  const g = gt(() => Y ? {
     connectionState: Y.connectionState,
     agentState: Y.agentState,
     transcript: Y.transcript,
@@ -2537,232 +2605,232 @@ function Mr(e) {
     // 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: G.getRoom,
+    getRoom: V.getRoom,
     isControlled: !0
   } : {
-    connectionState: G.connectionState,
-    agentState: G.agentState,
-    transcript: G.transcript,
-    videoElement: G.videoElement,
-    audioElement: G.audioElement,
-    canResume: G.canResume,
-    error: G.error,
-    agentConfig: G.agentConfig,
-    connect: G.connect,
-    disconnect: G.disconnect,
-    getRoom: G.getRoom,
+    connectionState: V.connectionState,
+    agentState: V.agentState,
+    transcript: V.transcript,
+    videoElement: V.videoElement,
+    audioElement: V.audioElement,
+    canResume: V.canResume,
+    error: V.error,
+    agentConfig: V.agentConfig,
+    connect: V.connect,
+    disconnect: V.disconnect,
+    getRoom: V.getRoom,
     isControlled: !1
-  }, [Y, G]), Nt = M(null);
-  R(() => {
-    const h = g.videoElement, c = Nt.current;
+  }, [Y, V]), Rt = A(null);
+  M(() => {
+    const h = g.videoElement, c = Rt.current;
     if (!(!h || !c))
       return c.appendChild(h), () => {
         h.parentNode === c && c.removeChild(h);
       };
-  }, [g.videoElement]), R(() => {
+  }, [g.videoElement]), M(() => {
     const h = g.audioElement;
     if (!h) return;
-    qe.attach(h);
+    Ge.attach(h);
     const c = h.play();
-    return c && typeof c.catch == "function" && c.catch((Z) => {
-      (Z == null ? void 0 : Z.name) === "NotAllowedError" && he(!0);
+    return c && typeof c.catch == "function" && c.catch((J) => {
+      (J == null ? void 0 : J.name) === "NotAllowedError" && ge(!0);
     }), () => {
-      qe.detach();
+      Ge.detach();
     };
-  }, [g.audioElement]), R(() => {
+  }, [g.audioElement]), M(() => {
     if (g.isControlled || g.connectionState !== "connected") return;
     const h = g.getRoom();
     if (h)
-      return te.setupMic(h, { startMuted: !0 }).catch(() => {
-      }), se.attachRoom(h), ce.attachRoom(h), pe.refresh(), () => {
-        te.teardownMic(), se.teardown(), ce.teardown();
+      return re.setupMic(h, { startMuted: !0 }).catch(() => {
+      }), ce.attachRoom(h), de.attachRoom(h), me.refresh(), () => {
+        re.teardownMic(), ce.teardown(), de.teardown();
       };
   }, [g.isControlled, g.connectionState]);
-  const [Ye, wt] = S(!1), _t = M("idle");
-  R(() => {
+  const [Xe, kt] = E(!1), Lt = A("idle");
+  M(() => {
     if (g.connectionState === "idle" || g.connectionState === "disconnected") {
-      wt(!1), _t.current = "idle";
+      kt(!1), Lt.current = "idle";
       return;
     }
-    !Ye && _t.current === "speaking" && g.agentState !== "speaking" && (wt(!0), te.setMuted(!1)), _t.current = g.agentState;
-  }, [g.agentState, g.connectionState, Ye]), R(() => {
-    if (g.connectionState !== "connected" || Ye) return;
+    !Xe && Lt.current === "speaking" && g.agentState !== "speaking" && (kt(!0), re.setMuted(!1)), Lt.current = g.agentState;
+  }, [g.agentState, g.connectionState, Xe]), M(() => {
+    if (g.connectionState !== "connected" || Xe) return;
     const h = setTimeout(() => {
-      wt(!0), te.setMuted(!1);
+      kt(!0), re.setMuted(!1);
     }, 4e3);
     return () => clearTimeout(h);
-  }, [g.connectionState, Ye]), R(() => {
+  }, [g.connectionState, Xe]), M(() => {
     const h = g.audioElement;
-    h && (h.muted = $e);
-  }, [g.audioElement, $e]);
-  const nn = L((h) => {
+    h && (h.muted = Oe);
+  }, [g.audioElement, Oe]);
+  const ln = S((h) => {
     const c = g.getRoom();
     if (c)
       try {
-        const Z = new TextEncoder().encode(
+        const J = new TextEncoder().encode(
           JSON.stringify({ type: "user_message", text: h })
         );
-        c.localParticipant.publishData(Z, { reliable: !0 });
+        c.localParticipant.publishData(J, { reliable: !0 });
       } catch {
       }
-  }, [g]), rn = L(() => {
-    lt((h) => !h);
+  }, [g]), an = S(() => {
+    st((h) => !h);
   }, []);
-  R(() => {
-    Ae == null || Ae(g.connectionState), g.connectionState === "connected" ? ue == null || ue() : g.connectionState === "disconnected" && (_e == null || _e());
-  }, [g.connectionState, ue, _e, Ae]), R(() => {
-    Ce == null || Ce(g.transcript);
-  }, [g.transcript, Ce]), R(() => {
-    Ne == null || Ne(g.agentState);
-  }, [g.agentState, Ne]);
-  const At = M(!1);
-  R(() => {
-    g.isControlled || !d || At.current || De && g.connectionState === "idle" && (At.current = !0, g.connect());
-  }, [d, g.connectionState, g, De]);
-  const on = L(
+  M(() => {
+    Me == null || Me(g.connectionState), g.connectionState === "connected" ? pe == null || pe() : g.connectionState === "disconnected" && (Se == null || Se());
+  }, [g.connectionState, pe, Se, Me]), M(() => {
+    De == null || De(g.transcript);
+  }, [g.transcript, De]), M(() => {
+    Re == null || Re(g.agentState);
+  }, [g.agentState, Re]);
+  const Mt = A(!1);
+  M(() => {
+    g.isControlled || !d || Mt.current || Pe && g.connectionState === "idle" && (Mt.current = !0, g.connect());
+  }, [d, g.connectionState, g, Pe]);
+  const sn = S(
     (h) => {
-      const c = N == null ? void 0 : N.find((Z) => Z.id === h);
-      c && (Fe(!1), h !== K && (Ve(!0), g.disconnect(), Ue || Te(h), v == null || v(c)));
+      const c = D == null ? void 0 : D.find((J) => J.id === h);
+      c && (Je(!1), h !== Q && (Fe(!0), g.disconnect(), We || $e(h), v == null || v(c)));
     },
     [
-      N,
-      K,
+      D,
+      Q,
       g,
-      Ue,
+      We,
       v
     ]
   );
-  R(() => {
-    me && g.connectionState === "connected" && Ve(!1);
-  }, [g.connectionState, me]), R(() => {
-    if (!We) return;
+  M(() => {
+    ye && g.connectionState === "connected" && Fe(!1);
+  }, [g.connectionState, ye]), M(() => {
+    if (!je) return;
     const h = (c) => {
-      c.key === "Escape" && Fe(!1);
+      c.key === "Escape" && Je(!1);
     };
     return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
-  }, [We]);
-  const ln = !!$ || !!(ee != null && ee.avatarImageUrl) || g.isControlled, Je = Nn(Ie, o, ln);
-  re === void 0 && ((Mt = Je.info) != null && Mt.capabilities) && (bt.current = Je.info.capabilities);
-  const at = (ee == null ? void 0 : ee.name) ?? U ?? ((Dt = g.agentConfig) == null ? void 0 : Dt.name) ?? ((Tt = Je.info) == null ? void 0 : Tt.name) ?? "Live Layer", xt = (ee == null ? void 0 : ee.avatarImageUrl) ?? $ ?? ((It = g.agentConfig) == null ? void 0 : It.avatarImageUrl) ?? ((Pt = Je.info) == null ? void 0 : Pt.avatarImageUrl) ?? null, an = w ?? (($t = g.agentConfig) == null ? void 0 : $t.idleLoopUrl) ?? ((Bt = Je.info) == null ? void 0 : Bt.idleLoopUrl) ?? null, sn = O ?? null, cn = L(() => fe("expanded"), [fe]), dn = L(
-    () => fe("minimized"),
-    [fe]
-  ), Rt = L(() => {
-    g.disconnect(), fe("hidden");
-  }, [g, fe]), un = L(() => {
+  }, [je]);
+  const cn = !!$ || !!(ne != null && ne.avatarImageUrl) || g.isControlled, Qe = Rn(Be, o, cn);
+  ie === void 0 && ((It = Qe.info) != null && It.capabilities) && (xt.current = Qe.info.capabilities);
+  const ft = (ne == null ? void 0 : ne.name) ?? U ?? ((Pt = g.agentConfig) == null ? void 0 : Pt.name) ?? (($t = Qe.info) == null ? void 0 : $t.name) ?? "Live Layer", St = (ne == null ? void 0 : ne.avatarImageUrl) ?? $ ?? ((Bt = g.agentConfig) == null ? void 0 : Bt.avatarImageUrl) ?? ((zt = Qe.info) == null ? void 0 : zt.avatarImageUrl) ?? null, dn = _ ?? ((Ot = g.agentConfig) == null ? void 0 : Ot.idleLoopUrl) ?? ((Ut = Qe.info) == null ? void 0 : Ut.idleLoopUrl) ?? null, un = O ?? null, fn = S(() => he("expanded"), [he]), pn = S(
+    () => he("minimized"),
+    [he]
+  ), Tt = S(() => {
+    g.disconnect(), he("hidden");
+  }, [g, he]), hn = S(() => {
     const h = g.audioElement;
-    h && h.play().then(() => he(!1)).catch(() => {
+    h && h.play().then(() => ge(!1)).catch(() => {
     });
-  }, [g.audioElement]), fn = L(() => {
-    he(!1), g.connect();
-  }, [g]), Ke = {
-    ...mt,
-    zIndex: it
+  }, [g.audioElement]), mn = S(() => {
+    ge(!1), g.connect();
+  }, [g]), Ze = {
+    ...wt,
+    zIndex: at
   };
-  m.primaryColor && (Ke["--ll-color-primary"] = m.primaryColor), m.accentColor && (Ke["--ll-color-accent"] = m.accentColor), m.backgroundColor && (Ke["--ll-color-bg"] = m.backgroundColor), m.textColor && (Ke["--ll-color-fg"] = m.textColor);
-  const pn = [
+  m.primaryColor && (Ze["--ll-color-primary"] = m.primaryColor), m.accentColor && (Ze["--ll-color-accent"] = m.accentColor), m.backgroundColor && (Ze["--ll-color-bg"] = m.backgroundColor), m.textColor && (Ze["--ll-color-fg"] = m.textColor);
+  const gn = [
     "ll-widget",
-    `ll-widget--${ae}`,
-    `ll-widget--${ke ? "mobile" : "desktop"}`,
-    ht
+    `ll-widget--${se}`,
+    `ll-widget--${Ce ? "mobile" : "desktop"}`,
+    vt
   ].filter(Boolean).join(" ");
-  return De ? /* @__PURE__ */ _(
+  return Pe ? /* @__PURE__ */ x(
     "div",
     {
-      className: pn,
-      style: Ke,
-      "data-display-mode": ae,
-      "data-position": b,
+      className: gn,
+      style: Ze,
+      "data-display-mode": se,
+      "data-position": w,
       children: [
-        ae === "hidden" && /* @__PURE__ */ n(
-          Xn,
+        se === "hidden" && /* @__PURE__ */ n(
+          er,
           {
-            position: b,
-            isMobile: ke,
+            position: w,
+            isMobile: Ce,
             isSpeaking: g.agentState === "speaking",
-            onExpand: () => fe("expanded"),
-            label: `Open ${at} widget`,
-            avatarImageUrl: xt,
-            agentName: at
+            onExpand: () => he("expanded"),
+            label: `Open ${ft} widget`,
+            avatarImageUrl: St,
+            agentName: ft
           }
         ),
-        ae === "minimized" && /* @__PURE__ */ n(
-          Zn,
+        se === "minimized" && /* @__PURE__ */ n(
+          nr,
           {
-            position: b,
-            isMobile: ke,
-            agentName: at,
-            avatarImageUrl: xt,
+            position: w,
+            isMobile: Ce,
+            agentName: ft,
+            avatarImageUrl: St,
             agentState: g.agentState,
-            isMuted: te.isMuted,
-            audioLevel: qe,
-            onExpand: cn,
-            onToggleMute: te.toggleMute,
-            onClose: Rt
+            isMuted: re.isMuted,
+            audioLevel: Ge,
+            onExpand: fn,
+            onToggleMute: re.toggleMute,
+            onClose: Tt
           }
         ),
-        ae === "expanded" && /* @__PURE__ */ n(
-          tr,
+        se === "expanded" && /* @__PURE__ */ n(
+          or,
           {
-            position: b,
-            isMobile: ke,
-            agentName: at,
-            avatarImageUrl: xt,
-            idleLoopUrl: an,
-            greeting: sn,
+            position: w,
+            isMobile: Ce,
+            agentName: ft,
+            avatarImageUrl: St,
+            idleLoopUrl: dn,
+            greeting: un,
             branding: m,
-            teamMembers: N,
-            currentTeamMemberId: K,
-            isSwitchingTeamMember: me,
-            teamSwitcherOpen: We,
-            onToggleTeamSwitcher: () => Fe((h) => !h),
-            onSelectTeamMember: on,
+            teamMembers: D,
+            currentTeamMemberId: Q,
+            isSwitchingTeamMember: ye,
+            teamSwitcherOpen: je,
+            onToggleTeamSwitcher: () => Je((h) => !h),
+            onSelectTeamMember: sn,
             connectionState: g.connectionState,
             agentState: g.agentState,
             transcript: g.transcript,
-            isMuted: te.isMuted,
-            micDevices: pe.mics,
-            isCameraEnabled: se.isEnabled,
-            cameraPreviewEl: se.previewEl,
-            cameraDevices: pe.cameras,
-            activeCameraId: se.activeDeviceId,
-            isScreenShareEnabled: ce.isEnabled,
-            screenPreviewEl: ce.previewEl,
-            isSpeakerMuted: $e,
-            allowCamera: D,
-            allowScreenShare: V,
-            allowTyping: z,
-            languageMenuOpen: ge,
-            onToggleLanguageMenu: () => ye((h) => !h),
-            needsUserGesture: Pe,
+            isMuted: re.isMuted,
+            micDevices: me.mics,
+            isCameraEnabled: ce.isEnabled,
+            cameraPreviewEl: ce.previewEl,
+            cameraDevices: me.cameras,
+            activeCameraId: ce.activeDeviceId,
+            isScreenShareEnabled: de.isEnabled,
+            screenPreviewEl: de.previewEl,
+            isSpeakerMuted: Oe,
+            allowCamera: I,
+            allowScreenShare: q,
+            allowTyping: B,
+            languageMenuOpen: be,
+            onToggleLanguageMenu: () => ve((h) => !h),
+            needsUserGesture: ze,
             canResume: g.canResume,
-            micError: te.micError,
+            micError: re.micError,
             error: g.error,
-            avatarVideoContainerRef: Nt,
+            avatarVideoContainerRef: Rt,
             agentVideoEl: g.videoElement,
-            micGateOpen: g.isControlled ? !0 : Ye,
+            micGateOpen: g.isControlled ? !0 : Xe,
             onConnect: () => void g.connect(),
             onDisconnect: () => g.disconnect(),
-            onRetry: fn,
-            onResumeAudio: un,
-            onToggleMute: te.toggleMute,
-            onToggleCamera: () => void se.toggle(),
-            onSwitchCameraDevice: (h) => void se.switchDevice(h),
-            onToggleScreenShare: () => void ce.toggle(),
-            onToggleSpeaker: rn,
-            onSendMessage: nn,
-            onMinimize: dn,
-            onClose: Rt,
-            onClearMicError: te.clearError
+            onRetry: mn,
+            onResumeAudio: hn,
+            onToggleMute: re.toggleMute,
+            onToggleCamera: () => void ce.toggle(),
+            onSwitchCameraDevice: (h) => void ce.switchDevice(h),
+            onToggleScreenShare: () => void de.toggle(),
+            onToggleSpeaker: an,
+            onSendMessage: ln,
+            onMinimize: pn,
+            onClose: Tt,
+            onClearMicError: re.clearError
           }
         )
       ]
     }
   ) : null;
 }
-function Or(e) {
-  return /* @__PURE__ */ n(wn, { children: /* @__PURE__ */ n(Mr, { ...e }) });
+function Vr(e) {
+  return /* @__PURE__ */ n(kn, { children: /* @__PURE__ */ n(Ir, { ...e }) });
 }
-const Hr = ({
+const qr = ({
   agentId: e,
   baseUrl: t,
   apiKey: r,
@@ -2771,26 +2839,26 @@ const Hr = ({
   className: l,
   style: d
 }) => {
-  const u = M(null), f = M(null), y = M(i);
+  const u = A(null), f = A(null), y = A(i);
   y.current = i;
-  const b = L((s) => {
-    var k;
+  const w = S((s) => {
+    var L;
     const a = s.detail;
-    (k = y.current) == null || k.call(y, a);
+    (L = y.current) == null || L.call(y, a);
   }, []);
-  return R(() => {
+  return M(() => {
     const s = u.current;
     if (!s) return;
     const a = document.createElement("livelayer-widget");
-    return a.setAttribute("agent-id", e), t && a.setAttribute("base-url", t), r && a.setAttribute("api-key", r), o && a.setAttribute("mode", o), a.addEventListener("agent-event", b), s.appendChild(a), f.current = a, () => {
-      a.removeEventListener("agent-event", b), s.removeChild(a), f.current = null;
+    return a.setAttribute("agent-id", e), t && a.setAttribute("base-url", t), r && a.setAttribute("api-key", r), o && a.setAttribute("mode", o), a.addEventListener("agent-event", w), s.appendChild(a), f.current = a, () => {
+      a.removeEventListener("agent-event", w), s.removeChild(a), f.current = null;
     };
-  }, [e]), R(() => {
+  }, [e]), M(() => {
     f.current && (o ? f.current.setAttribute("mode", o) : f.current.removeAttribute("mode"));
   }, [o]), /* @__PURE__ */ n("div", { ref: u, className: l, style: d });
-}, Ur = Et(
+}, Wr = Nt(
   function({ id: t, intent: r, as: o = "div", className: i, style: l, children: d }, u) {
-    return gn(
+    return vn(
       o,
       {
         ref: u,
@@ -2802,7 +2870,7 @@ const Hr = ({
       d
     );
   }
-), qr = Et(
+), Gr = Nt(
   function({ id: t, intent: r, children: o, ...i }, l) {
     return /* @__PURE__ */ n(
       "form",
@@ -2815,12 +2883,12 @@ const Hr = ({
       }
     );
   }
-), Vr = Et(
+), Fr = Nt(
   function(t, r) {
     const { name: o, label: i, labelClassName: l } = t, d = { name: o, "data-ll-field": o };
     let u;
     if ("as" in t && t.as === "textarea") {
-      const { name: f, label: y, labelClassName: b, as: s, ...a } = t;
+      const { name: f, label: y, labelClassName: w, as: s, ...a } = t;
       u = /* @__PURE__ */ n(
         "textarea",
         {
@@ -2830,18 +2898,18 @@ const Hr = ({
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: f, label: y, labelClassName: b, as: s, children: a, ...k } = t;
+      const { name: f, label: y, labelClassName: w, as: s, children: a, ...L } = t;
       u = /* @__PURE__ */ n(
         "select",
         {
           ref: r,
           ...d,
-          ...k,
+          ...L,
           children: a
         }
       );
     } else {
-      const { name: f, label: y, labelClassName: b, as: s, ...a } = t;
+      const { name: f, label: y, labelClassName: w, as: s, ...a } = t;
       u = /* @__PURE__ */ n(
         "input",
         {
@@ -2851,73 +2919,73 @@ const Hr = ({
         }
       );
     }
-    return i === void 0 ? u : /* @__PURE__ */ _("label", { className: l, children: [
+    return i === void 0 ? u : /* @__PURE__ */ x("label", { className: l, children: [
       i,
       u
     ] });
   }
 );
-let Zt = 1;
-function Wr({
+let nn = 1;
+function jr({
   onMount: e,
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [o, i] = S(t), [l, d] = S([]), [u, f] = S(""), [y, b] = S(!1), s = M(/* @__PURE__ */ new Set()), a = M([]), k = M(y);
-  k.current = y, R(() => {
+  const [o, i] = E(t), [l, d] = E([]), [u, f] = E(""), [y, w] = E(!1), s = A(/* @__PURE__ */ new Set()), a = A([]), L = A(y);
+  L.current = y, M(() => {
     try {
       const v = localStorage.getItem(r);
       v === "1" && i(!0), v === "0" && i(!1);
     } catch {
     }
-  }, [r]), R(() => {
+  }, [r]), M(() => {
     try {
       localStorage.setItem(r, o ? "1" : "0");
     } catch {
     }
-  }, [o, r]), R(() => {
-    const v = (w) => {
-      (w.metaKey || w.ctrlKey) && w.shiftKey && w.key.toLowerCase() === "l" && (w.preventDefault(), i((O) => !O));
+  }, [o, r]), M(() => {
+    const v = (_) => {
+      (_.metaKey || _.ctrlKey) && _.shiftKey && _.key.toLowerCase() === "l" && (_.preventDefault(), i((O) => !O));
     };
     return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
-  }, []), R(() => {
+  }, []), M(() => {
     const v = setInterval(() => {
-      if (a.current.length === 0 || k.current) return;
-      const w = a.current.splice(0, a.current.length);
+      if (a.current.length === 0 || L.current) return;
+      const _ = a.current.splice(0, a.current.length);
       d(
-        (O) => [...w.reverse(), ...O].slice(0, 200)
+        (O) => [..._.reverse(), ...O].slice(0, 200)
       );
     }, 100);
     return () => clearInterval(v);
   }, []);
-  const N = M(!1);
-  if (R(() => {
-    !e || N.current || (N.current = !0, e((v) => {
+  const D = A(!1);
+  if (M(() => {
+    !e || D.current || (D.current = !0, e((v) => {
       a.current.push({
-        id: Zt++,
+        id: nn++,
         ts: Date.now(),
         kind: "event",
         type: v.eventName,
         data: v.data
       });
     }));
-  }, [e]), R(() => {
-    const v = console.warn, w = console.log, O = ($, U) => function(...m) {
+  }, [e]), M(() => {
+    const v = console.warn, _ = console.log, O = ($, U) => function(...m) {
       try {
-        const D = typeof m[0] == "string" ? m[0] : "";
-        D.startsWith("[LiveLayer]") && a.current.push({
-          id: Zt++,
+        const I = typeof m[0] == "string" ? m[0] : "";
+        I.startsWith("[LiveLayer]") && a.current.push({
+          id: nn++,
           ts: Date.now(),
           kind: $,
-          type: D.slice(0, 120),
-          data: { args: m.slice(1).map((V) => Tr(V)) }
+          type: I.slice(0, 120),
+          data: { args: m.slice(1).map((q) => $r(q)) }
         });
       } catch {
       }
       return U.apply(this, m);
     };
-    return console.warn = O("warn", v), console.log = O("log", w), () => {
-      console.warn = v, console.log = w;
+    return console.warn = O("warn", v), console.log = O("log", _), () => {
+      console.warn = v, console.log = _;
     };
   }, []), !o)
     return /* @__PURE__ */ n(
@@ -2946,12 +3014,12 @@ function Wr({
         children: "🛰 LL debug"
       }
     );
-  const E = l.filter((v) => {
+  const C = l.filter((v) => {
     if (!u) return !0;
-    const w = u.toLowerCase();
-    return v.type.toLowerCase().includes(w) || JSON.stringify(v.data || {}).toLowerCase().includes(w);
+    const _ = u.toLowerCase();
+    return v.type.toLowerCase().includes(_) || JSON.stringify(v.data || {}).toLowerCase().includes(_);
   });
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ x(
     "div",
     {
       style: {
@@ -2973,7 +3041,7 @@ function Wr({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ _(
+        /* @__PURE__ */ x(
           "div",
           {
             style: {
@@ -2986,7 +3054,7 @@ function Wr({
             },
             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__ */ x("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
                 l.length,
                 " event",
                 l.length === 1 ? "" : "s"
@@ -2996,8 +3064,8 @@ function Wr({
                 "button",
                 {
                   type: "button",
-                  onClick: () => b((v) => !v),
-                  style: Lt(y ? "#f59e0b" : "transparent"),
+                  onClick: () => w((v) => !v),
+                  style: Et(y ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
                   children: y ? "▶ resume" : "⏸ pause"
                 }
@@ -3009,7 +3077,7 @@ function Wr({
                   onClick: () => {
                     d([]), a.current = [];
                   },
-                  style: Lt("transparent"),
+                  style: Et("transparent"),
                   title: "Clear buffer",
                   children: "clear"
                 }
@@ -3019,7 +3087,7 @@ function Wr({
                 {
                   type: "button",
                   onClick: () => i(!1),
-                  style: Lt("transparent"),
+                  style: Et("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
                   children: "✕"
@@ -3055,7 +3123,7 @@ function Wr({
               overflowY: "auto",
               padding: "0 8px 8px"
             },
-            children: E.length === 0 ? /* @__PURE__ */ _(
+            children: C.length === 0 ? /* @__PURE__ */ x(
               "div",
               {
                 style: {
@@ -3085,13 +3153,13 @@ function Wr({
                   )
                 ]
               }
-            ) : E.map((v) => /* @__PURE__ */ n(
-              Dr,
+            ) : C.map((v) => /* @__PURE__ */ n(
+              Pr,
               {
                 entry: v,
                 expanded: s.current.has(v.id),
                 onToggle: () => {
-                  s.current.has(v.id) ? s.current.delete(v.id) : s.current.add(v.id), d((w) => [...w]);
+                  s.current.has(v.id) ? s.current.delete(v.id) : s.current.add(v.id), d((_) => [..._]);
                 }
               },
               v.id
@@ -3102,7 +3170,7 @@ function Wr({
     }
   );
 }
-function Dr({
+function Pr({
   entry: e,
   expanded: t,
   onToggle: r
@@ -3110,7 +3178,7 @@ function Dr({
   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__ */ x(
     "button",
     {
       type: "button",
@@ -3128,7 +3196,7 @@ function Dr({
         lineHeight: 1.4
       },
       children: [
-        /* @__PURE__ */ _("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+        /* @__PURE__ */ x("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
           /* @__PURE__ */ n(
             "span",
             {
@@ -3172,7 +3240,7 @@ function Dr({
     }
   );
 }
-function Lt(e) {
+function Et(e) {
   return {
     background: e,
     color: "#fff",
@@ -3183,15 +3251,15 @@ function Lt(e) {
     cursor: "pointer"
   };
 }
-function Tr(e) {
+function $r(e) {
   try {
     return e instanceof Error ? { message: e.message, stack: e.stack } : (JSON.stringify(e), e);
   } catch {
     return String(e);
   }
 }
-function Fr() {
-  const [e, t] = S([]), r = L((i) => {
+function Jr() {
+  const [e, t] = E([]), r = S((i) => {
     t((l) => {
       const d = l.findIndex((u) => u.id === i.id);
       if (d >= 0) {
@@ -3200,7 +3268,7 @@ function Fr() {
       }
       return [...l, i];
     });
-  }, []), o = L(() => t([]), []);
+  }, []), o = S(() => t([]), []);
   return {
     entries: e,
     pushSegment: r,
@@ -3209,33 +3277,33 @@ function Fr() {
   };
 }
 export {
-  Or as AvatarWidget,
-  wn as ErrorBoundary,
-  Wr as LiveLayerDebugPanel,
-  Vr as LiveLayerField,
-  qr as LiveLayerForm,
-  Ur as LiveLayerRegion,
-  Hr as LiveLayerWidget,
-  gr as clearPageContextCache,
-  xr as clearRoutesCache,
-  mr as extractPageContext,
-  wr as extractRoutes,
-  kt as getCachedPageContext,
-  dt as getCachedRoutes,
-  Vn as matchesPattern,
-  vr as normalizeRouteInput,
-  Wn as shouldRenderAtPath,
-  Nn as useAgentInfo,
-  xn as useAudioLevel,
-  Sn as useCameraState,
-  Mn as useDisplayMode,
-  In as useDisplayModePersistence,
-  $n as useIsMobile,
-  _n as useLiveKitSession,
-  Cn as useMediaDevices,
-  kn as useMicrophoneState,
-  zn as usePathname,
-  Fn as useRouteMatch,
-  En as useScreenShareState,
-  Fr as useTranscript
+  Vr as AvatarWidget,
+  kn as ErrorBoundary,
+  jr as LiveLayerDebugPanel,
+  Fr as LiveLayerField,
+  Gr as LiveLayerForm,
+  Wr as LiveLayerRegion,
+  qr as LiveLayerWidget,
+  vr as clearPageContextCache,
+  Sr as clearRoutesCache,
+  br as extractPageContext,
+  kr as extractRoutes,
+  mt as getCachedPageContext,
+  nt as getCachedRoutes,
+  Fn as matchesPattern,
+  _r as normalizeRouteInput,
+  jn as shouldRenderAtPath,
+  Rn as useAgentInfo,
+  Sn as useAudioLevel,
+  Nn as useCameraState,
+  In as useDisplayMode,
+  Bn as useDisplayModePersistence,
+  On as useIsMobile,
+  Ln as useLiveKitSession,
+  Dn as useMediaDevices,
+  En as useMicrophoneState,
+  Hn as usePathname,
+  Jn as useRouteMatch,
+  An as useScreenShareState,
+  Jr as useTranscript
 };