@livelayer/react 0.9.3 → 0.9.5

package/dist/index.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { jsxs as g, jsx as n, Fragment as lt } from "react/jsx-runtime";
-import { Component as In, useState as L, useRef as S, useEffect as A, useCallback as k, useMemo as Ue, useLayoutEffect as Tn, forwardRef as at, useImperativeHandle as Mn, createElement as Dn } from "react";
+import { jsxs as y, jsx as n, Fragment as it } from "react/jsx-runtime";
+import { Component as In, useState as L, useRef as S, useEffect as N, useCallback as k, useMemo as Ue, useLayoutEffect as Tn, forwardRef as lt, useImperativeHandle as Mn, createElement as Dn } from "react";
 import { LiveKitSession as Pn } from "@livelayer/sdk";
 import { createLocalAudioTrack as $n, Track as dn, createLocalVideoTrack as zn } from "livekit-client";
 import { createPortal as On } from "react-dom";
@@ -19,7 +19,7 @@ class Hn extends In {
   }
   render() {
     var t;
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ g("div", { className: "ll-error-boundary", role: "alert", children: [
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ y("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(
@@ -35,25 +35,25 @@ class Hn extends In {
   }
 }
 function Wn(e) {
-  const [t, r] = L("idle"), [o, i] = L("idle"), [l, u] = L([]), [d, c] = L(null), [f, h] = L(null), [a, s] = L(null), [R, D] = L(!1), [E, v] = L(null), b = S(null), N = S(e.onDataMessage);
-  N.current = e.onDataMessage, A(() => {
+  const [t, r] = L("idle"), [o, i] = L("idle"), [l, u] = L([]), [d, c] = L(null), [f, h] = L(null), [a, s] = L(null), [A, D] = L(!1), [E, b] = L(null), w = S(null), R = S(e.onDataMessage);
+  R.current = e.onDataMessage, N(() => {
     const I = {
-      onConnectionStateChange: (z) => {
-        r(z), z === "connected" && v(null);
+      onConnectionStateChange: (O) => {
+        r(O), O === "connected" && b(null);
       },
       onAgentStateChange: i,
-      onTranscript: (z) => u([...z]),
+      onTranscript: (O) => u([...O]),
       onAgentConfig: c,
-      onAudioTrack: (z) => s(z),
-      onVideoTrack: (z) => h(z),
+      onAudioTrack: (O) => s(O),
+      onVideoTrack: (O) => h(O),
       onVideoTrackRemoved: () => h(null),
-      onError: (z) => v(z),
-      onDataMessage: (z) => {
+      onError: (O) => b(O),
+      onDataMessage: (O) => {
         var C;
-        (C = N.current) == null || C.call(N, z);
+        (C = R.current) == null || C.call(R, O);
       },
       onResumabilityChange: D
-    }, B = new Pn(
+    }, q = new Pn(
       {
         agentId: e.agentId,
         baseUrl: e.baseUrl,
@@ -63,9 +63,9 @@ function Wn(e) {
       },
       I
     );
-    return b.current = B, r("idle"), i("idle"), u([]), c(null), h(null), s(null), D(!1), v(null), () => {
-      var z;
-      (z = B.destroy) == null || z.call(B), b.current = null;
+    return w.current = q, r("idle"), i("idle"), u([]), c(null), h(null), s(null), D(!1), b(null), () => {
+      var O;
+      (O = q.destroy) == null || O.call(q), w.current = null;
     };
   }, [
     e.agentId,
@@ -75,19 +75,19 @@ function Wn(e) {
     JSON.stringify(e.sessionBody ?? {})
   ]);
   const T = k(async () => {
-    const I = b.current;
+    const I = w.current;
     if (I)
       try {
         await I.connect();
-      } catch (B) {
-        throw v(B instanceof Error ? B.message : String(B)), B;
+      } catch (q) {
+        throw b(q instanceof Error ? q.message : String(q)), q;
       }
-  }, []), $ = k(() => {
-    const I = b.current;
+  }, []), z = k(() => {
+    const I = w.current;
     I && I.disconnect();
-  }, []), w = k(() => {
+  }, []), _ = k(() => {
     var I;
-    return ((I = b.current) == null ? void 0 : I.getRoom()) ?? null;
+    return ((I = w.current) == null ? void 0 : I.getRoom()) ?? null;
   }, []);
   return {
     connectionState: t,
@@ -96,12 +96,12 @@ function Wn(e) {
     agentConfig: d,
     videoElement: f,
     audioElement: a,
-    canResume: R,
+    canResume: A,
     error: E,
     connect: T,
-    disconnect: $,
-    getRoom: w,
-    session: b.current
+    disconnect: z,
+    getRoom: _,
+    session: w.current
   };
 }
 function Bn() {
@@ -116,14 +116,14 @@ function Bn() {
     ));
     const s = l.current;
     a.getByteFrequencyData(s);
-    let R = 0;
-    for (let E = 0; E < s.length; E++) R += s[E];
-    const D = R / s.length / 255;
+    let A = 0;
+    for (let E = 0; E < s.length; E++) A += s[E];
+    const D = A / s.length / 255;
     for (const E of i.current)
       try {
         E(D);
-      } catch (v) {
-        console.error("[useAudioLevel] subscriber threw:", v);
+      } catch (b) {
+        console.error("[useAudioLevel] subscriber threw:", b);
       }
     o.current = requestAnimationFrame(u);
   }, []), d = k(() => {
@@ -162,7 +162,7 @@ function Bn() {
   }, []), h = k((a) => (i.current.add(a), () => {
     i.current.delete(a);
   }), []);
-  return A(() => () => {
+  return N(() => () => {
     if (f(), t.current) {
       try {
         t.current.disconnect();
@@ -225,64 +225,64 @@ function qn() {
 }
 const Fn = { resolution: { width: 640, height: 480, frameRate: 24 } };
 function Un() {
-  const [e, t] = L(!1), [r, o] = L(null), [i, l] = L(null), [u, d] = L(""), c = S(null), f = S(null), h = k((b) => {
-    c.current = b;
+  const [e, t] = L(!1), [r, o] = L(null), [i, l] = L(null), [u, d] = L(""), c = S(null), f = S(null), h = k((w) => {
+    c.current = w;
   }, []), a = k(() => {
-    const b = c.current, N = f.current;
-    if (N && b) {
-      const T = b.localParticipant.getTrackPublication(dn.Source.Camera);
+    const w = c.current, R = f.current;
+    if (R && w) {
+      const T = w.localParticipant.getTrackPublication(dn.Source.Camera);
       if (T != null && T.track) {
         try {
-          b.localParticipant.unpublishTrack(T.track);
+          w.localParticipant.unpublishTrack(T.track);
         } catch {
         }
         T.track.stop();
       } else
-        N.stop();
+        R.stop();
     }
     f.current = null, l(null), t(!1);
-  }, []), s = k(async (b) => {
-    const N = c.current;
-    if (N) {
+  }, []), s = k(async (w) => {
+    const R = c.current;
+    if (R) {
       o(null);
       try {
         const T = { ...Fn };
-        b && (T.deviceId = b);
-        const $ = await zn(T);
-        await N.localParticipant.publishTrack($), f.current = $;
-        const w = $.attach();
-        l(w), t(!0), b && d(b);
+        w && (T.deviceId = w);
+        const z = await zn(T);
+        await R.localParticipant.publishTrack(z), f.current = z;
+        const _ = z.attach();
+        l(_), t(!0), w && d(w);
         try {
-          N.localParticipant.publishData(
+          R.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
             { reliable: !0 }
           );
         } catch {
         }
       } catch (T) {
-        const $ = T instanceof Error && T.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
-        o($);
+        const z = T instanceof Error && T.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+        o(z);
       }
     }
-  }, []), R = k(async () => {
+  }, []), A = k(async () => {
     e ? a() : await s(u || void 0);
-  }, [e, u, a, s]), D = k(async (b) => {
-    a(), await s(b);
+  }, [e, u, a, s]), D = k(async (w) => {
+    a(), await s(w);
   }, [a, s]), E = k(() => {
     a(), c.current = null, o(null), d("");
-  }, [a]), v = k(() => o(null), []);
-  return A(() => () => {
+  }, [a]), b = k(() => o(null), []);
+  return N(() => () => {
     f.current && f.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
     previewEl: i,
     activeDeviceId: u,
-    toggle: R,
+    toggle: A,
     switchDevice: D,
     attachRoom: h,
     teardown: E,
-    clearError: v
+    clearError: b
   };
 }
 function jn() {
@@ -302,12 +302,12 @@ function jn() {
       o(null);
       try {
         await s.localParticipant.setScreenShareEnabled(!0);
-        let R = 0;
+        let A = 0;
         const D = () => {
           const E = s.localParticipant.getTrackPublication(dn.Source.ScreenShare);
           if (E != null && E.track) {
-            const v = E.track.attach();
-            l(v), t(!0);
+            const b = E.track.attach();
+            l(b), t(!0);
             try {
               s.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
@@ -317,11 +317,11 @@ function jn() {
             }
             return;
           }
-          R++ < 10 ? setTimeout(D, 100) : t(!0);
+          A++ < 10 ? setTimeout(D, 100) : t(!0);
         };
         D();
-      } catch (R) {
-        const D = R instanceof Error ? R.name : "";
+      } catch (A) {
+        const D = A instanceof Error ? A.name : "";
         D !== "NotAllowedError" && D !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
       }
     }
@@ -345,7 +345,7 @@ function Vn() {
       } catch {
       }
   }, []);
-  return A(() => {
+  return N(() => {
     if (i(), typeof navigator > "u" || !navigator.mediaDevices) return;
     const l = () => void i();
     return navigator.mediaDevices.addEventListener("devicechange", l), () => navigator.mediaDevices.removeEventListener("devicechange", l);
@@ -353,7 +353,7 @@ function Vn() {
 }
 function Yn(e, t, r = !1) {
   const [o, i] = L(null), [l, u] = L(null), [d, c] = L(!r && !!e);
-  return A(() => {
+  return N(() => {
     if (r || !e) {
       c(!1);
       return;
@@ -420,7 +420,7 @@ function Zn({
       e === void 0 && !i && Jn(l, f), r == null || r(f);
     }
   });
-  return A(() => {
+  return N(() => {
     if (u.current || (u.current = !0, i || e !== void 0)) return;
     const f = Qn(Gn(l));
     f && f !== d && c(f);
@@ -429,7 +429,7 @@ function Zn({
 const er = 640;
 function tr(e = er) {
   const [t, r] = L(!1);
-  return A(() => {
+  return N(() => {
     if (e === !1) {
       r(!1);
       return;
@@ -461,7 +461,7 @@ function rr(e) {
   const [t, r] = L(
     () => e ?? Vt()
   );
-  return A(() => {
+  return N(() => {
     if (e !== void 0) return;
     nr();
     const o = () => r(Vt());
@@ -554,7 +554,7 @@ function fr(e) {
     },
     [r, t.thinking]
   );
-  return A(() => () => {
+  return N(() => () => {
     if (o.current) {
       try {
         o.current.pause();
@@ -567,7 +567,7 @@ function fr(e) {
     [l, u, d]
   );
 }
-const Jt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ g(
+const Jt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ y(
   "svg",
   {
     className: t,
@@ -691,7 +691,7 @@ const vr = ({
   avatarImageUrl: l,
   agentName: u
 }) => {
-  const d = mr(e), c = d === "right" ? "left" : "right", f = t ? 80 : 72, h = !!l, [a, s] = L(null), [R, D] = L(!1), E = S(null), v = S(!1), b = k(
+  const d = mr(e), c = d === "right" ? "left" : "right", f = t ? 80 : 72, h = !!l, [a, s] = L(null), [A, D] = L(!1), E = S(null), b = S(!1), w = k(
     (C) => {
       if (typeof window > "u") return C;
       const P = f / 2, F = Qt + P, G = window.innerHeight - Qt - P;
@@ -699,15 +699,15 @@ const vr = ({
     },
     [f]
   );
-  A(() => {
+  N(() => {
     const C = yr();
-    s(b(C ?? window.innerHeight / 2));
+    s(w(C ?? window.innerHeight / 2));
     const P = () => {
-      s((F) => F === null ? null : b(F));
+      s((F) => F === null ? null : w(F));
     };
     return window.addEventListener("resize", P), () => window.removeEventListener("resize", P);
-  }, [b]);
-  const N = k(
+  }, [w]);
+  const R = k(
     (C) => {
       if (!(C.pointerType === "mouse" && C.button !== 0) && a !== null) {
         try {
@@ -727,10 +727,10 @@ const vr = ({
       const P = E.current;
       if (!P) return;
       const F = C.clientY - P.startClientY;
-      !P.moved && Math.abs(F) > gr && (P.moved = !0, D(!0)), P.moved && s(b(P.startCenterY + F));
+      !P.moved && Math.abs(F) > gr && (P.moved = !0, D(!0)), P.moved && s(w(P.startCenterY + F));
     },
-    [b]
-  ), $ = k(
+    [w]
+  ), z = k(
     (C) => {
       const P = E.current;
       if (P) {
@@ -738,13 +738,13 @@ const vr = ({
           C.currentTarget.releasePointerCapture(C.pointerId);
         } catch {
         }
-        E.current = null, P.moved && (D(!1), v.current = !0, s((F) => (F !== null && Zt(F), F)));
+        E.current = null, P.moved && (D(!1), b.current = !0, s((F) => (F !== null && Zt(F), F)));
       }
     },
     []
-  ), w = k(() => {
-    if (v.current) {
-      v.current = !1;
+  ), _ = k(() => {
+    if (b.current) {
+      b.current = !1;
       return;
     }
     o();
@@ -755,40 +755,40 @@ const vr = ({
         const P = C.key === "ArrowUp" ? -8 : 8;
         s((F) => {
           if (F === null) return F;
-          const G = b(F + P);
+          const G = w(F + P);
           return Zt(G), G;
         });
       }
     },
-    [b]
-  ), B = [
+    [w]
+  ), q = [
     "ll-hidden",
     `ll-hidden--${d}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
-    R ? "is-dragging" : null,
+    A ? "is-dragging" : null,
     h ? "ll-hidden--with-avatar" : null
-  ].filter(Boolean).join(" "), z = a === null ? void 0 : { top: `${a - f / 2}px`, transform: "none" };
+  ].filter(Boolean).join(" "), O = a === null ? void 0 : { top: `${a - f / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: B,
-      onPointerDown: N,
+      className: q,
+      onPointerDown: R,
       onPointerMove: T,
-      onPointerUp: $,
-      onPointerCancel: $,
-      onClick: w,
+      onPointerUp: z,
+      onPointerCancel: z,
+      onClick: _,
       onKeyDown: I,
       "aria-label": i,
       "data-position": e,
-      style: z,
+      style: O,
       children: h ? (
         // Layout: tiny chevron flush against the inward edge (peeks out
         // as the click affordance), then the circular avatar photo
         // taking the rest of the tab. Reinforces "this is an
         // avatar-based experience" even when collapsed.
-        /* @__PURE__ */ g(lt, { children: [
+        /* @__PURE__ */ y(it, { children: [
           /* @__PURE__ */ n(
             Xt,
             {
@@ -827,12 +827,12 @@ const vr = ({
     const h = (Math.sqrt(5) - 1) / 2;
     return Array.from({ length: t }, (a, s) => 0.5 + s * h % 1 * 0.5);
   }, [t]);
-  A(() => e.subscribe((a) => {
+  N(() => e.subscribe((a) => {
     for (let s = 0; s < t; s++) {
-      const R = d.current[s];
-      if (!R) continue;
+      const A = d.current[s];
+      if (!A) continue;
       const D = Math.max(o, a * r * c[s]);
-      R.style.height = `${D}px`;
+      A.style.height = `${D}px`;
     }
   }), [e, t, r, o, c]);
   const f = ["ll-waveform", i].filter(Boolean).join(" ");
@@ -864,7 +864,7 @@ const vr = ({
     className: "ll-minimized ll-minimized--mobile",
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ g(
+    children: /* @__PURE__ */ y(
       "button",
       {
         type: "button",
@@ -893,7 +893,7 @@ const vr = ({
             }
           ),
           /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
-          /* @__PURE__ */ g("div", { className: "ll-minimized__controls", children: [
+          /* @__PURE__ */ y("div", { className: "ll-minimized__controls", children: [
             /* @__PURE__ */ n(
               "span",
               {
@@ -923,7 +923,7 @@ const vr = ({
     "data-position": e,
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ g("div", { className: "ll-minimized__surface", children: [
+    children: /* @__PURE__ */ y("div", { className: "ll-minimized__surface", children: [
       o ? (
         // eslint-disable-next-line @next/next/no-img-element
         /* @__PURE__ */ n(
@@ -935,11 +935,11 @@ const vr = ({
           }
         )
       ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
-      /* @__PURE__ */ g("div", { className: "ll-minimized__meta", children: [
+      /* @__PURE__ */ y("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__ */ g("div", { className: "ll-minimized__controls", children: [
+      /* @__PURE__ */ y("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
           "button",
           {
@@ -981,7 +981,7 @@ const vr = ({
   style: i
 }) => {
   const [l, u] = L(!1), d = S(e);
-  if (A(() => {
+  if (N(() => {
     d.current !== e && (d.current = e, u(!1));
   }, [e]), !e) return null;
   const c = {
@@ -1035,7 +1035,7 @@ const vr = ({
     return c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
       window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
     };
-  }, [e, r]), A(() => {
+  }, [e, r]), N(() => {
     if (!e) return;
     const d = (f) => {
       const h = f.target, a = i.current, s = r.current;
@@ -1080,16 +1080,16 @@ const vr = ({
   allowTyping: h,
   isTypingOpen: a,
   onToggleTyping: s,
-  onDisconnect: R
+  onDisconnect: A
 }) => {
-  const [D, E] = L(!1), v = S(null);
-  return /* @__PURE__ */ g(lt, { children: [
-    /* @__PURE__ */ g(
+  const [D, E] = L(!1), b = S(null);
+  return /* @__PURE__ */ y(it, { children: [
+    /* @__PURE__ */ y(
       "div",
       {
         className: "ll-toolbar ll-toolbar--compact",
         "data-testid": "compact-toolbar",
-        onClick: (b) => b.stopPropagation(),
+        onClick: (w) => w.stopPropagation(),
         children: [
           /* @__PURE__ */ n(
             "button",
@@ -1104,10 +1104,10 @@ const vr = ({
           /* @__PURE__ */ n(
             "button",
             {
-              ref: v,
+              ref: b,
               type: "button",
               className: `ll-tool ${D ? "is-on" : ""}`,
-              onClick: () => E((b) => !b),
+              onClick: () => E((w) => !w),
               "aria-label": "More controls",
               "aria-haspopup": "menu",
               "aria-expanded": D,
@@ -1119,7 +1119,7 @@ const vr = ({
             {
               type: "button",
               className: "ll-tool ll-tool--danger",
-              onClick: R,
+              onClick: A,
               "aria-label": "End conversation",
               children: /* @__PURE__ */ n(gn, {})
             }
@@ -1127,14 +1127,14 @@ const vr = ({
         ]
       }
     ),
-    /* @__PURE__ */ g(
+    /* @__PURE__ */ y(
       kr,
       {
         open: D,
         onClose: () => E(!1),
-        anchorRef: v,
+        anchorRef: b,
         children: [
-          i && /* @__PURE__ */ g(
+          i && /* @__PURE__ */ y(
             "button",
             {
               type: "button",
@@ -1148,7 +1148,7 @@ const vr = ({
               ]
             }
           ),
-          d && /* @__PURE__ */ g(
+          d && /* @__PURE__ */ y(
             "button",
             {
               type: "button",
@@ -1162,7 +1162,7 @@ const vr = ({
               ]
             }
           ),
-          /* @__PURE__ */ g(
+          /* @__PURE__ */ y(
             "button",
             {
               type: "button",
@@ -1176,7 +1176,7 @@ const vr = ({
               ]
             }
           ),
-          h && /* @__PURE__ */ g(
+          h && /* @__PURE__ */ y(
             "button",
             {
               type: "button",
@@ -1190,7 +1190,7 @@ const vr = ({
               ]
             }
           ),
-          /* @__PURE__ */ g(
+          /* @__PURE__ */ y(
             "button",
             {
               type: "button",
@@ -1209,7 +1209,7 @@ const vr = ({
   ] });
 };
 function Er() {
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ y(
     "svg",
     {
       width: "16",
@@ -1256,37 +1256,37 @@ const Sr = ({
   teamSwitcherOpen: h,
   onToggleTeamSwitcher: a,
   onSelectTeamMember: s,
-  languageMenuOpen: R,
+  languageMenuOpen: A,
   onToggleLanguageMenu: D,
   connectionState: E,
-  agentState: v,
-  transcript: b,
-  canResume: N,
+  agentState: b,
+  transcript: w,
+  canResume: R,
   needsUserGesture: T,
-  error: $,
-  isMuted: w,
+  error: z,
+  isMuted: _,
   micError: I,
-  micDevices: B,
-  isCameraEnabled: z,
+  micDevices: q,
+  isCameraEnabled: O,
   cameraPreviewEl: C,
   cameraDevices: P,
   activeCameraId: F,
   isScreenShareEnabled: G,
   screenPreviewEl: le,
-  isSpeakerMuted: Z,
+  isSpeakerMuted: ee,
   allowCamera: Le,
   allowScreenShare: ue,
   allowTyping: ve,
   showMinimize: fe = !0,
   chromeless: ae = !1,
-  compactControls: ee = !1,
-  transforming: st,
+  compactControls: X = !1,
+  transforming: at,
   transformingLabel: je,
-  avatarVideoContainerRef: ct,
+  avatarVideoContainerRef: st,
   agentVideoEl: ne,
   onConnect: Ve,
   onDisconnect: Ye,
-  onRetry: dt,
+  onRetry: ct,
   onResumeAudio: Ge,
   onToggleMute: Ee,
   onToggleCamera: Ce,
@@ -1295,12 +1295,12 @@ const Sr = ({
   onToggleSpeaker: Ne,
   onSendMessage: Ae,
   onMinimize: Re,
-  onClose: q,
+  onClose: $,
   onClearMicError: vt
 }) => {
   var He;
   const Ie = ((d == null ? void 0 : d.length) ?? 0) > 1, $e = E === "connecting" || E === "connected", re = E === "connected", Je = E === "idle" || E === "disconnected" || E === "error", [Te, ze] = L(!1);
-  A(() => {
+  N(() => {
     if (!ne) {
       ze(!1);
       return;
@@ -1316,7 +1316,7 @@ const Sr = ({
     };
   }, [ne]);
   const [bt, be] = L(!1);
-  A(() => {
+  N(() => {
     if (!re) {
       be(!1);
       return;
@@ -1325,47 +1325,47 @@ const Sr = ({
     const m = setTimeout(() => be(!0), 8e3);
     return () => clearTimeout(m);
   }, [re, Te]);
-  const X = E === "connecting" || re && !!o && !Te && !bt, Ke = S(null), Me = S(null);
-  A(() => {
+  const Q = E === "connecting" || re && !!o && !Te && !bt, Ke = S(null), Me = S(null);
+  N(() => {
     const m = Ke.current;
     m && (m.innerHTML = "", C && (C.style.width = "100%", C.style.height = "100%", C.style.objectFit = "cover", C.style.transform = "scaleX(-1)", m.appendChild(C)));
-  }, [C]), A(() => {
+  }, [C]), N(() => {
     const m = Me.current;
     m && (m.innerHTML = "", le && (le.style.width = "100%", le.style.height = "100%", le.style.objectFit = "contain", m.appendChild(le)));
   }, [le]);
   const [se, te] = L(!1), [pe, we] = L(!1);
-  A(() => {
-    if (!se && !pe && !R && !h) return;
+  N(() => {
+    if (!se && !pe && !A && !h) return;
     const m = () => {
-      te(!1), we(!1), R && D(), h && a();
+      te(!1), we(!1), A && D(), h && a();
     };
     return document.addEventListener("click", m), () => document.removeEventListener("click", m);
   }, [
     se,
     pe,
-    R,
+    A,
     h,
     D,
     a
   ]);
-  const [oe, he] = L(!1), De = k(() => he((m) => !m), []), [_e, ut] = L(""), Xe = k(
+  const [oe, he] = L(!1), De = k(() => he((m) => !m), []), [_e, dt] = L(""), Xe = k(
     (m) => {
       m.preventDefault();
-      const j = _e.trim();
-      j && (Ae(j), ut(""));
+      const V = _e.trim();
+      V && (Ae(V), dt(""));
     },
     [_e, Ae]
   ), Qe = u.productName || "Live Layer";
   let me = null, ce = null;
-  for (let m = b.length - 1; m >= 0; m--) {
-    const j = b[m];
-    if (!me && j.role === "agent" ? me = j : !ce && j.role === "user" && (ce = j), me && ce) break;
+  for (let m = w.length - 1; m >= 0; m--) {
+    const V = w[m];
+    if (!me && V.role === "agent" ? me = V : !ce && V.role === "user" && (ce = V), me && ce) break;
   }
-  const Oe = re ? (me == null ? void 0 : me.text) || null : l || null, ft = re && (ce == null ? void 0 : ce.text) || null, wt = [
+  const Oe = re ? (me == null ? void 0 : me.text) || null : l || null, ut = re && (ce == null ? void 0 : ce.text) || null, wt = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ y(
     "div",
     {
       className: wt,
@@ -1374,7 +1374,7 @@ const Sr = ({
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
-        /* @__PURE__ */ g("div", { className: "ll-expanded__bg", children: [
+        /* @__PURE__ */ y("div", { className: "ll-expanded__bg", children: [
           o ? /* @__PURE__ */ n(
             _r,
             {
@@ -1395,12 +1395,12 @@ const Sr = ({
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { ref: ct, className: "ll-expanded__video" }),
-        X && /* @__PURE__ */ g("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        /* @__PURE__ */ n("div", { ref: st, className: "ll-expanded__video" }),
+        Q && /* @__PURE__ */ y("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: f ? "Switching..." : "Connecting..." })
         ] }),
-        T && re && /* @__PURE__ */ g(
+        T && re && /* @__PURE__ */ y(
           "button",
           {
             type: "button",
@@ -1412,7 +1412,7 @@ const Sr = ({
             ]
           }
         ),
-        st && /* @__PURE__ */ g(
+        at && /* @__PURE__ */ y(
           "div",
           {
             className: "ll-expanded__overlay ll-expanded__overlay--transforming",
@@ -1425,11 +1425,11 @@ const Sr = ({
             ]
           }
         ),
-        $e ? /* @__PURE__ */ g(lt, { children: [
-          !ee && /* @__PURE__ */ g("div", { className: "ll-expanded__topbar", children: [
-            !ae && /* @__PURE__ */ g("div", { className: "ll-expanded__topbar-left", children: [
-              /* @__PURE__ */ g("div", { className: "ll-expanded__pill-wrap", children: [
-                /* @__PURE__ */ g(
+        $e ? /* @__PURE__ */ y(it, { children: [
+          !X && /* @__PURE__ */ y("div", { className: "ll-expanded__topbar", children: [
+            !ae && /* @__PURE__ */ y("div", { className: "ll-expanded__topbar-left", children: [
+              /* @__PURE__ */ y("div", { className: "ll-expanded__pill-wrap", children: [
+                /* @__PURE__ */ y(
                   "button",
                   {
                     type: "button",
@@ -1451,7 +1451,7 @@ const Sr = ({
                     className: "ll-hmenu",
                     onClick: (m) => m.stopPropagation(),
                     role: "listbox",
-                    children: d == null ? void 0 : d.map((m) => /* @__PURE__ */ g(
+                    children: d == null ? void 0 : d.map((m) => /* @__PURE__ */ y(
                       "button",
                       {
                         type: "button",
@@ -1477,8 +1477,8 @@ const Sr = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ g("div", { className: "ll-expanded__pill-wrap", children: [
-                /* @__PURE__ */ g(
+              /* @__PURE__ */ y("div", { className: "ll-expanded__pill-wrap", children: [
+                /* @__PURE__ */ y(
                   "button",
                   {
                     type: "button",
@@ -1487,7 +1487,7 @@ const Sr = ({
                       m.stopPropagation(), D();
                     },
                     "aria-haspopup": "listbox",
-                    "aria-expanded": R,
+                    "aria-expanded": A,
                     "aria-label": "Language: English",
                     title: "Language: English",
                     children: [
@@ -1496,7 +1496,7 @@ const Sr = ({
                     ]
                   }
                 ),
-                R && /* @__PURE__ */ n(
+                A && /* @__PURE__ */ n(
                   "div",
                   {
                     className: "ll-hmenu",
@@ -1518,12 +1518,12 @@ const Sr = ({
               /* @__PURE__ */ n(
                 "span",
                 {
-                  className: `ll-expanded__state ll-expanded__state--${v}`,
-                  children: v
+                  className: `ll-expanded__state ll-expanded__state--${b}`,
+                  children: b
                 }
               )
             ] }),
-            /* @__PURE__ */ g("div", { className: "ll-expanded__header-actions", children: [
+            /* @__PURE__ */ y("div", { className: "ll-expanded__header-actions", children: [
               fe !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
@@ -1540,7 +1540,7 @@ const Sr = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: q,
+                  onClick: $,
                   "aria-label": "End call",
                   title: "End call",
                   children: /* @__PURE__ */ n(tn, {})
@@ -1548,15 +1548,18 @@ const Sr = ({
               )
             ] })
           ] }),
-          ee && /* @__PURE__ */ g("div", { className: "ll-compact-status", "data-state": v, children: [
+          X && /* @__PURE__ */ y("div", { className: "ll-compact-status", "data-state": b, children: [
             /* @__PURE__ */ n("span", { className: "ll-compact-status__dot", "aria-hidden": !0 }),
-            /* @__PURE__ */ n("span", { className: "ll-compact-status__label", children: v })
+            /* @__PURE__ */ n("span", { className: "ll-compact-status__label", children: b })
           ] })
         ] }) : (
-          // Idle-state header with Live Layer product name + minimize/close
-          /* @__PURE__ */ g("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
+          // Idle-state header with Live Layer product name + minimize/close.
+          // Hidden in compact mode — on a 140×210 docked slot the brand pill
+          // and 40px buttons crowded out the central "Start video call"
+          // affordance. The user can dismiss by scrolling past the slot.
+          !X && /* @__PURE__ */ y("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
             /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Qe }),
-            /* @__PURE__ */ g("div", { className: "ll-expanded__header-actions", children: [
+            /* @__PURE__ */ y("div", { className: "ll-expanded__header-actions", children: [
               fe !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
@@ -1572,7 +1575,7 @@ const Sr = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: q,
+                  onClick: $,
                   "aria-label": "Close widget",
                   children: /* @__PURE__ */ n(tn, {})
                 }
@@ -1581,9 +1584,9 @@ const Sr = ({
           ] })
         ),
         Je && /* @__PURE__ */ (() => {
-          const m = N ? "Restart paused session" : E === "disconnected" ? "Reconnect to agent" : "Start video call", j = N ? "Pick up where you left off" : null;
-          return /* @__PURE__ */ g(lt, { children: [
-            !$ && /* @__PURE__ */ g(
+          const m = R ? "Resume session" : E === "disconnected" ? "Reconnect to agent" : "Start video call";
+          return /* @__PURE__ */ y(it, { children: [
+            !z && /* @__PURE__ */ y(
               "button",
               {
                 type: "button",
@@ -1592,13 +1595,12 @@ const Sr = ({
                 "aria-label": m,
                 children: [
                   /* @__PURE__ */ n("div", { className: "ll-expanded__play-circle", children: /* @__PURE__ */ n("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("polygon", { points: "6 3 20 12 6 21 6 3" }) }) }),
-                  /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: m })
+                  X && /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: m })
                 ]
               }
             ),
-            /* @__PURE__ */ g("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
+            !X && /* @__PURE__ */ y("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 }),
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1612,10 +1614,10 @@ const Sr = ({
             ] })
           ] });
         })(),
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ y(
           "div",
           {
-            className: `ll-expanded__pip ${$e && (z || G) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${$e && (O || G) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
@@ -1628,14 +1630,14 @@ const Sr = ({
                 "div",
                 {
                   ref: Ke,
-                  className: !G && z ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  className: !G && O ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        $e ? /* @__PURE__ */ g("div", { className: "ll-expanded__bottom", children: [
-          !ee && Oe && /* @__PURE__ */ n(
+        $e ? /* @__PURE__ */ y("div", { className: "ll-expanded__bottom", children: [
+          !X && Oe && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--agent",
@@ -1643,15 +1645,15 @@ const Sr = ({
               children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Oe })
             }
           ),
-          !ee && ft && /* @__PURE__ */ n(
+          !X && ut && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--user",
               "data-role": "user",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: ft })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: ut })
             }
           ),
-          !ae && !ee && /* @__PURE__ */ g("div", { className: "ll-toolbar", onClick: (m) => m.stopPropagation(), children: [
+          !ae && !X && /* @__PURE__ */ y("div", { className: "ll-toolbar", onClick: (m) => m.stopPropagation(), children: [
             ue && /* @__PURE__ */ n(
               "button",
               {
@@ -1663,15 +1665,15 @@ const Sr = ({
                 children: /* @__PURE__ */ n(fn, {})
               }
             ),
-            Le && /* @__PURE__ */ g("div", { className: "ll-tool-split", children: [
+            Le && /* @__PURE__ */ y("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${z ? "is-on" : ""}`,
+                  className: `ll-tool ll-tool--left ${O ? "is-on" : ""}`,
                   onClick: Ce,
-                  "aria-label": z ? "Turn off camera" : "Turn on camera",
-                  title: z ? "Stop camera" : "Start camera",
+                  "aria-label": O ? "Turn off camera" : "Turn on camera",
+                  title: O ? "Stop camera" : "Start camera",
                   children: /* @__PURE__ */ n(pn, {})
                 }
               ),
@@ -1679,9 +1681,9 @@ const Sr = ({
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--right ${z ? "is-on" : ""}`,
+                  className: `ll-tool ll-tool--right ${O ? "is-on" : ""}`,
                   onClick: (m) => {
-                    m.stopPropagation(), we((j) => !j), te(!1);
+                    m.stopPropagation(), we((V) => !V), te(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
@@ -1701,25 +1703,25 @@ const Sr = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ g("div", { className: "ll-tool-split", children: [
+            /* @__PURE__ */ y("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${w ? "is-muted" : ""}`,
+                  className: `ll-tool ll-tool--left ${_ ? "is-muted" : ""}`,
                   onClick: Ee,
-                  "aria-label": w ? "Unmute microphone" : "Mute microphone",
-                  title: w ? "Unmute" : "Mute",
-                  children: /* @__PURE__ */ n(hn, { muted: w })
+                  "aria-label": _ ? "Unmute microphone" : "Mute microphone",
+                  title: _ ? "Unmute" : "Mute",
+                  children: /* @__PURE__ */ n(hn, { muted: _ })
                 }
               ),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--right ${w ? "is-muted" : ""}`,
+                  className: `ll-tool ll-tool--right ${_ ? "is-muted" : ""}`,
                   onClick: (m) => {
-                    m.stopPropagation(), te((j) => !j), we(!1);
+                    m.stopPropagation(), te((V) => !V), we(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
@@ -1727,11 +1729,11 @@ const Sr = ({
                   children: /* @__PURE__ */ n(ht, {})
                 }
               ),
-              se && B.length > 0 && /* @__PURE__ */ n(
+              se && q.length > 0 && /* @__PURE__ */ n(
                 rn,
                 {
                   label: "Microphone",
-                  devices: B,
+                  devices: q,
                   activeId: "",
                   onPick: () => te(!1)
                 }
@@ -1741,11 +1743,11 @@ const Sr = ({
               "button",
               {
                 type: "button",
-                className: `ll-tool ${Z ? "is-muted" : ""}`,
+                className: `ll-tool ${ee ? "is-muted" : ""}`,
                 onClick: Ne,
-                "aria-label": Z ? "Unmute speaker" : "Mute speaker",
-                title: Z ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(mn, { muted: Z })
+                "aria-label": ee ? "Unmute speaker" : "Mute speaker",
+                title: ee ? "Unmute speaker" : "Mute speaker",
+                children: /* @__PURE__ */ n(mn, { muted: ee })
               }
             ),
             /* @__PURE__ */ n(
@@ -1760,18 +1762,18 @@ const Sr = ({
               }
             )
           ] }),
-          !ae && ee && /* @__PURE__ */ n(
+          !ae && X && /* @__PURE__ */ n(
             Lr,
             {
-              isMuted: w,
+              isMuted: _,
               onToggleMute: Ee,
-              isCameraEnabled: z,
+              isCameraEnabled: O,
               onToggleCamera: Ce,
               allowCamera: Le,
               isScreenShareEnabled: G,
               onToggleScreenShare: Se,
               allowScreenShare: ue,
-              isSpeakerMuted: Z,
+              isSpeakerMuted: ee,
               onToggleSpeaker: Ne,
               allowTyping: ve,
               isTypingOpen: oe,
@@ -1779,7 +1781,7 @@ const Sr = ({
               onDisconnect: Ye
             }
           ),
-          !ae && ve && (ee ? oe : !0) && /* @__PURE__ */ g("form", { className: "ll-message-input", onSubmit: Xe, children: [
+          !ae && ve && (X ? oe : !0) && /* @__PURE__ */ y("form", { className: "ll-message-input", onSubmit: Xe, children: [
             /* @__PURE__ */ n(
               "input",
               {
@@ -1787,7 +1789,7 @@ const Sr = ({
                 className: "ll-message-input__field",
                 placeholder: "Message...",
                 value: _e,
-                onChange: (m) => ut(m.target.value),
+                onChange: (m) => dt(m.target.value),
                 "aria-label": "Message the agent"
               }
             ),
@@ -1804,7 +1806,7 @@ const Sr = ({
         ] }) : null,
         (() => {
           if (I && E !== "error")
-            return /* @__PURE__ */ g("div", { className: "ll-expanded__banner", role: "alert", children: [
+            return /* @__PURE__ */ y("div", { className: "ll-expanded__banner", role: "alert", children: [
               /* @__PURE__ */ n("span", { children: I }),
               /* @__PURE__ */ n(
                 "button",
@@ -1817,17 +1819,17 @@ const Sr = ({
                 }
               )
             ] });
-          if (!$ || E !== "error") return null;
-          let m = "Failed to connect", j = "Try again";
-          return $ === "MIC_PERMISSION_DENIED" ? m = "Microphone blocked. Allow access to talk." : $ === "MIC_NOT_FOUND" ? m = "No microphone found. Plug one in + retry." : $ === "MIC_UNAVAILABLE" ? m = "Mic unavailable. Check other apps using it." : $ === "AGENT_TIMEOUT" ? m = "Agent didn't pick up. Try again." : $ === "CONNECT_FAILED" ? m = "Connection failed. Check your network." : $.length < 80 && (m = $), /* @__PURE__ */ g("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+          if (!z || E !== "error") return null;
+          let m = "Failed to connect", V = "Try again";
+          return z === "MIC_PERMISSION_DENIED" ? m = "Microphone blocked. Allow access to talk." : z === "MIC_NOT_FOUND" ? m = "No microphone found. Plug one in + retry." : z === "MIC_UNAVAILABLE" ? m = "Mic unavailable. Check other apps using it." : z === "AGENT_TIMEOUT" ? m = "Agent didn't pick up. Try again." : z === "CONNECT_FAILED" ? m = "Connection failed. Check your network." : z.length < 80 && (m = z), /* @__PURE__ */ y("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
             /* @__PURE__ */ n("span", { children: m }),
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: dt,
-                children: j
+                onClick: ct,
+                children: V
               }
             )
           ] });
@@ -1840,7 +1842,7 @@ function ht() {
   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 tn() {
-  return /* @__PURE__ */ g("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ y("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" })
   ] });
@@ -1849,20 +1851,20 @@ function nn() {
   return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
 }
 function fn() {
-  return /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ y("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 pn() {
-  return /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ y("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 hn({ muted: e }) {
-  return /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ y("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" }),
@@ -1870,16 +1872,16 @@ function hn({ muted: e }) {
   ] });
 }
 function mn({ muted: e }) {
-  return /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ y("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__ */ g(lt, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ y(it, { 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 Nr() {
-  return /* @__PURE__ */ g("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ y("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" })
   ] });
@@ -1893,7 +1895,7 @@ function gn() {
     }
   ) });
 }
-const rn = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ g(
+const rn = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ y(
   "div",
   {
     className: "ll-device-menu",
@@ -1903,7 +1905,7 @@ const rn = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */
       /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
       t.map((i, l) => {
         const u = r === i.deviceId;
-        return /* @__PURE__ */ g(
+        return /* @__PURE__ */ y(
           "button",
           {
             type: "button",
@@ -1951,7 +1953,7 @@ const mt = 4096, Rr = 20, Ir = 20, Tr = 10, Mr = 10, Dr = 30, Pr = 20, on = 500,
   "noscript",
   "iframe"
 ];
-function ot(e) {
+function rt(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
@@ -1961,7 +1963,7 @@ function ot(e) {
   }
   return !1;
 }
-function it(e) {
+function ot(e) {
   if (typeof window > "u") return !0;
   const t = e.getBoundingClientRect();
   if (t.width <= 0 || t.height <= 0) return !1;
@@ -2004,85 +2006,85 @@ function zr(e, t = {}) {
   const o = typeof window < "u" && window.location.href || "", i = typeof window < "u" && window.location.pathname || "/", l = r.title || "", u = Array.from(
     r.querySelectorAll("[data-ll-region]")
   ), d = [];
-  for (const w of u) {
+  for (const _ of u) {
     if (d.length >= Tr) break;
-    if (ot(w) || !it(w)) continue;
-    const I = w.getAttribute("data-ll-region") ?? "", B = w.getAttribute("data-ll-intent") ?? void 0, z = ye(
-      (w.innerText || w.textContent || "").trim(),
+    if (rt(_) || !ot(_)) continue;
+    const I = _.getAttribute("data-ll-region") ?? "", q = _.getAttribute("data-ll-intent") ?? void 0, O = ye(
+      (_.innerText || _.textContent || "").trim(),
       on * 2
     );
-    !I || !z || d.push({ id: I, intent: B, text: z });
+    !I || !O || d.push({ id: I, intent: q, text: O });
   }
   const c = [], f = ["H1", "H2", "H3", "H4", "H5", "H6"], h = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
-  for (const w of h) {
-    if (ot(w) || !it(w)) continue;
-    const I = (w.textContent || "").trim();
-    I && c.push(`${w.tagName}: ${ye(I, 200)}`);
+  for (const _ of h) {
+    if (rt(_) || !ot(_)) continue;
+    const I = (_.textContent || "").trim();
+    I && c.push(`${_.tagName}: ${ye(I, 200)}`);
   }
   const a = Array.from(r.querySelectorAll("p, li"));
-  for (const w of a) {
-    if (ot(w) || !it(w) || f.includes(w.tagName)) continue;
-    const I = (w.textContent || "").trim();
+  for (const _ of a) {
+    if (rt(_) || !ot(_) || f.includes(_.tagName)) continue;
+    const I = (_.textContent || "").trim();
     I.length > 10 && c.push(ye(I, on));
   }
   const s = c.join(`
-`), R = [], D = Array.from(r.querySelectorAll("a[href]"));
-  for (const w of D) {
-    if (R.length >= Rr) break;
-    if (ot(w) || !it(w)) continue;
-    const I = w.getAttribute("href") || "", B = (w.textContent || "").trim();
-    !I || !B || R.push({ href: I, text: ye(B, 100) });
+`), A = [], D = Array.from(r.querySelectorAll("a[href]"));
+  for (const _ of D) {
+    if (A.length >= Rr) break;
+    if (rt(_) || !ot(_)) continue;
+    const I = _.getAttribute("href") || "", q = (_.textContent || "").trim();
+    !I || !q || A.push({ href: I, text: ye(q, 100) });
   }
-  const E = [], v = Array.from(
+  const E = [], b = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
-  for (const w of v) {
+  for (const _ of b) {
     if (E.length >= Ir) break;
-    if (ot(w) || !yt(w) || !it(w)) continue;
-    const I = ln(w), B = w instanceof HTMLInputElement ? w.type : w.tagName.toLowerCase();
-    I && E.push({ label: ye(I, 100), type: B });
+    if (rt(_) || !yt(_) || !ot(_)) continue;
+    const I = ln(_), q = _ instanceof HTMLInputElement ? _.type : _.tagName.toLowerCase();
+    I && E.push({ label: ye(I, 100), type: q });
   }
-  const b = Array.from(
+  const w = Array.from(
     r.querySelectorAll("[data-ll-form]")
-  ), N = [];
-  for (const w of b) {
-    if (N.length >= Mr) break;
-    if (At(w)) continue;
-    const I = w.getAttribute("data-ll-form") || "";
+  ), R = [];
+  for (const _ of w) {
+    if (R.length >= Mr) break;
+    if (At(_)) continue;
+    const I = _.getAttribute("data-ll-form") || "";
     if (!I) continue;
-    const B = w.getAttribute("data-ll-intent") || void 0, z = Array.from(
-      w.querySelectorAll(
+    const q = _.getAttribute("data-ll-intent") || void 0, O = Array.from(
+      _.querySelectorAll(
         "[data-ll-field]"
       )
     ), C = [];
-    for (const P of z) {
+    for (const P of O) {
       if (C.length >= Dr) break;
       if (!yt(P)) continue;
       const F = P.getAttribute("data-ll-field") || "";
       if (!F) continue;
-      const G = ln(P) || F, le = P instanceof HTMLInputElement ? P.type : P.tagName.toLowerCase(), Z = {
+      const G = ln(P) || F, le = P instanceof HTMLInputElement ? P.type : P.tagName.toLowerCase(), ee = {
         name: F,
         label: ye(G, 100),
         type: le
       };
-      if (P.required === !0 && (Z.required = !0), P instanceof HTMLSelectElement) {
+      if (P.required === !0 && (ee.required = !0), P instanceof HTMLSelectElement) {
         const ue = [];
         for (let ve = 0; ve < P.options.length && !(ue.length >= Pr); ve++) {
           const fe = P.options[ve];
           if (!fe || fe.disabled) continue;
-          const ae = fe.value || "", ee = (fe.textContent || "").trim() || ae;
-          !ae && !ee || ue.push({ value: ae, label: ye(ee, 60) });
+          const ae = fe.value || "", X = (fe.textContent || "").trim() || ae;
+          !ae && !X || ue.push({ value: ae, label: ye(X, 60) });
         }
-        ue.length > 0 && (Z.options = ue);
+        ue.length > 0 && (ee.options = ue);
       }
       const Le = typeof P.validationMessage == "string" ? P.validationMessage : "";
-      Le && (Z.validationMessage = ye(Le, 200)), C.push(Z);
+      Le && (ee.validationMessage = ye(Le, 200)), C.push(ee);
     }
-    N.push({ id: I, intent: B, fields: C });
+    R.push({ id: I, intent: q, fields: C });
   }
   const T = {
     url: o,
@@ -2090,16 +2092,16 @@ function zr(e, t = {}) {
     pathname: i,
     regions: d,
     visibleText: s,
-    visibleLinks: R,
+    visibleLinks: A,
     visibleFields: E,
-    forms: N,
+    forms: R,
     extras: e
   };
-  let $ = Be(JSON.stringify(T.regions)) + Be(T.visibleText) + Be(JSON.stringify(T.visibleLinks)) + Be(JSON.stringify(T.visibleFields));
-  for (; $ > mt && T.visibleFields.length > 0; )
-    T.visibleFields.pop(), $ = Be(JSON.stringify(T.visibleFields));
-  for (; $ > mt && T.visibleLinks.length > 0; )
-    T.visibleLinks.pop(), $ -= 80;
+  let z = Be(JSON.stringify(T.regions)) + Be(T.visibleText) + Be(JSON.stringify(T.visibleLinks)) + Be(JSON.stringify(T.visibleFields));
+  for (; z > mt && T.visibleFields.length > 0; )
+    T.visibleFields.pop(), z = Be(JSON.stringify(T.visibleFields));
+  for (; z > mt && T.visibleLinks.length > 0; )
+    T.visibleLinks.pop(), z -= 80;
   return Be(T.visibleText) > mt && (T.visibleText = ye(T.visibleText, mt - 100)), T;
 }
 let qe = null;
@@ -2247,7 +2249,7 @@ const Qr = /* @__PURE__ */ new Set([
   "focus_field",
   "submit_form",
   "request_routes"
-]), yn = at(
+]), yn = lt(
   function(t, r) {
     var Ot, Ht, Wt, Bt, qt, Ft, Ut;
     const {
@@ -2261,37 +2263,37 @@ const Qr = /* @__PURE__ */ new Set([
       autoConnect: h = !1,
       displayMode: a,
       defaultDisplayMode: s = "expanded",
-      onDisplayModeChange: R,
+      onDisplayModeChange: A,
       position: D = "bottom-right",
       mobileBreakpoint: E = 640,
-      persistKey: v = "ll-widget",
-      disablePersistence: b = !1,
-      teamMembers: N,
+      persistKey: b = "ll-widget",
+      disablePersistence: w = !1,
+      teamMembers: R,
       currentTeamMemberId: T,
-      onTeamMemberChange: $,
-      idleLoopUrl: w,
+      onTeamMemberChange: z,
+      idleLoopUrl: _,
       greeting: I,
-      avatarImageUrl: B,
-      agentName: z,
+      avatarImageUrl: q,
+      agentName: O,
       branding: C = {},
       allowCamera: P = !0,
       allowScreenShare: F = !0,
       allowTyping: G = !0,
       showMinimize: le = !0,
-      chromeless: Z = !1,
+      chromeless: ee = !1,
       compactControls: Le = !1,
       transforming: ue = !1,
       transformingLabel: ve = "Transforming…",
       showOn: fe,
       hideOn: ae,
-      pathname: ee,
-      onNavigate: st,
+      pathname: X,
+      onNavigate: at,
       onScrollToSelector: je,
-      getPageContext: ct,
+      getPageContext: st,
       pageContextExtras: ne,
       getRoutes: Ve,
       onScrollPage: Ye,
-      onClick: dt,
+      onClick: ct,
       capabilities: Ge,
       onConnect: Ee,
       onDisconnect: Ce,
@@ -2300,45 +2302,45 @@ const Qr = /* @__PURE__ */ new Set([
       onConnectionStateChange: Ne,
       onAgentEvent: Ae,
       onAgentCommand: Re,
-      controlledSession: q,
+      controlledSession: $,
       className: vt,
       style: Ie,
       zIndex: $e = 2147483647
-    } = t, re = rr(ee), Je = dr(re, fe, ae);
-    A(() => {
+    } = t, re = rr(X), Je = dr(re, fe, ae);
+    N(() => {
       Or(), Ur();
     }, [re]);
     const Te = T !== void 0, [ze, bt] = L(() => {
-      var y;
-      return T ?? ((y = N == null ? void 0 : N[0]) == null ? void 0 : y.id);
-    }), be = Te ? T : ze, X = Ue(
-      () => (N == null ? void 0 : N.find((y) => y.id === be)) ?? null,
-      [N, be]
-    ), Ke = (X == null ? void 0 : X.agentId) ?? o, Me = f === "EMBEDDED", [se, te] = Zn({
+      var g;
+      return T ?? ((g = R == null ? void 0 : R[0]) == null ? void 0 : g.id);
+    }), be = Te ? T : ze, Q = Ue(
+      () => (R == null ? void 0 : R.find((g) => g.id === be)) ?? null,
+      [R, be]
+    ), Ke = (Q == null ? void 0 : Q.agentId) ?? o, Me = f === "EMBEDDED", [se, te] = Zn({
       value: Me ? "expanded" : a,
       defaultValue: Me ? "expanded" : s,
-      onChange: R,
-      persistKey: v,
-      disablePersistence: Me || b
-    }), pe = tr(E), we = Bn(), oe = qn(), he = Un(), De = jn(), _e = Vn(), [ut, Xe] = L(!1), [Qe, me] = L(!1), [ce, Oe] = L(!1), [ft, wt] = L(!1), [He, m] = L(!1), j = fr({ baseUrl: l, config: c }), Ze = S(j);
-    Ze.current = j;
-    const _t = S(st), xt = S(je), kt = S(Ye), Lt = S(dt), Rt = S(ct), It = S(ne), Tt = S(Ve), Et = S(Ge), de = S(null);
-    _t.current = st, xt.current = je, kt.current = Ye, Lt.current = dt, Rt.current = ct, It.current = ne, Tt.current = Ve, Et.current = Ge;
-    function xe(y) {
+      onChange: A,
+      persistKey: b,
+      disablePersistence: Me || w
+    }), pe = tr(E), we = Bn(), oe = qn(), he = Un(), De = jn(), _e = Vn(), [dt, Xe] = L(!1), [Qe, me] = L(!1), [ce, Oe] = L(!1), [ut, wt] = L(!1), [He, m] = L(!1), V = fr({ baseUrl: l, config: c }), ft = S(V);
+    ft.current = V;
+    const _t = S(at), xt = S(je), kt = S(Ye), Lt = S(ct), Rt = S(st), It = S(ne), Tt = S(Ve), Et = S(Ge), de = S(null);
+    _t.current = at, xt.current = je, kt.current = Ye, Lt.current = ct, Rt.current = st, It.current = ne, Tt.current = Ve, Et.current = Ge;
+    function xe(g) {
       const p = Et.current;
-      return p ? p.includes(y) : !0;
+      return p ? p.includes(g) : !0;
     }
-    function ke(y, p) {
+    function ke(g, p) {
       console.warn(
-        `[LiveLayer] Agent command "${y}" blocked — capability "${p}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
+        `[LiveLayer] Agent command "${g}" blocked — capability "${p}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
       );
     }
-    const et = k(
-      (y) => {
-        var Y, ie, ge, rt;
-        const p = y;
+    const Ze = k(
+      (g) => {
+        var Y, ie, ge, nt;
+        const p = g;
         if (!(!p.type || typeof p.type != "string")) {
-          if (Ae == null || Ae({ eventName: p.type, data: y }), p.type === "navigate") {
+          if (Ae == null || Ae({ eventName: p.type, data: g }), p.type === "navigate") {
             if (!xe("navigate")) {
               ke("navigate", "navigate");
               return;
@@ -2350,7 +2352,7 @@ const Qr = /* @__PURE__ */ new Set([
               );
               return;
             }
-            if (Ze.current.playPageChange(), _t.current) {
+            if (ft.current.playPageChange(), _t.current) {
               try {
                 _t.current(x);
               } catch (M) {
@@ -2395,28 +2397,28 @@ const Qr = /* @__PURE__ */ new Set([
                   x,
                   M
                 );
-              } catch (W) {
-                console.warn("[LiveLayer] onScrollToSelector threw.", W);
+              } catch (B) {
+                console.warn("[LiveLayer] onScrollToSelector threw.", B);
               }
               return;
             }
             if (typeof document < "u") {
-              let W = null;
+              let B = null;
               try {
-                W = document.querySelector(x);
+                B = document.querySelector(x);
               } catch {
                 console.warn(
                   `[LiveLayer] scroll_to: invalid selector "${x}".`
                 );
                 return;
               }
-              if (!W) {
+              if (!B) {
                 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`
                 );
                 return;
               }
-              W.scrollIntoView({
+              B.scrollIntoView({
                 behavior: M,
                 block: "start"
               });
@@ -2428,45 +2430,45 @@ const Qr = /* @__PURE__ */ new Set([
               ke("request_page_context", "read_page");
               return;
             }
-            const x = typeof p.requestId == "string" ? p.requestId : void 0, M = (Y = de.current) == null ? void 0 : Y.call(de), W = (V) => {
-              const O = M, K = O == null ? void 0 : O.localParticipant;
+            const x = typeof p.requestId == "string" ? p.requestId : void 0, M = (Y = de.current) == null ? void 0 : Y.call(de), B = (j) => {
+              const H = M, K = H == null ? void 0 : H.localParticipant;
               if (K != null && K.publishData)
                 try {
-                  const Q = x ? { ...V, requestId: x } : V, We = new TextEncoder().encode(JSON.stringify(Q));
+                  const Z = x ? { ...j, requestId: x } : j, We = new TextEncoder().encode(JSON.stringify(Z));
                   K.publishData(We, { reliable: !0 });
-                } catch (Q) {
-                  console.warn("[LiveLayer] publishData failed.", Q);
+                } catch (Z) {
+                  console.warn("[LiveLayer] publishData failed.", Z);
                 }
-            }, H = It.current, U = Rt.current;
+            }, W = It.current, U = Rt.current;
             try {
               if (U) {
-                const V = U(H);
-                if (V instanceof Promise) {
-                  W({ type: "page_context_pending" }), V.then((O) => W({ type: "page_context", context: O })).catch((O) => {
+                const j = U(W);
+                if (j instanceof Promise) {
+                  B({ type: "page_context_pending" }), j.then((H) => B({ type: "page_context", context: H })).catch((H) => {
                     console.warn(
                       "[LiveLayer] getPageContext rejected; falling back to default walker.",
-                      O
-                    ), W({
+                      H
+                    ), B({
                       type: "page_context",
-                      context: an(H)
+                      context: an(W)
                     });
                   });
                   return;
                 }
-                W({ type: "page_context", context: V });
+                B({ type: "page_context", context: j });
                 return;
               }
-              W({
+              B({
                 type: "page_context",
-                context: an(H)
+                context: an(W)
               });
-            } catch (V) {
+            } catch (j) {
               console.warn(
                 "[LiveLayer] page-context extraction threw. Sending empty context.",
-                V
-              ), W({
+                j
+              ), B({
                 type: "page_context",
-                context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: H }
+                context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: W }
               });
             }
             return;
@@ -2490,18 +2492,18 @@ const Qr = /* @__PURE__ */ new Set([
                   x,
                   M
                 );
-              } catch (O) {
-                console.warn("[LiveLayer] onScrollPage threw.", O);
+              } catch (H) {
+                console.warn("[LiveLayer] onScrollPage threw.", H);
               }
               return;
             }
             if (typeof window > "u") return;
-            const W = { behavior: M }, H = Kr(), U = (O) => {
-              H instanceof Window ? H.scrollBy({ top: O, ...W }) : H.scrollBy({ top: O, ...W });
-            }, V = (O) => {
-              H instanceof Window ? H.scrollTo({ top: O, ...W }) : H.scrollTo({ top: O, ...W });
+            const B = { behavior: M }, W = Kr(), U = (H) => {
+              W instanceof Window ? W.scrollBy({ top: H, ...B }) : W.scrollBy({ top: H, ...B });
+            }, j = (H) => {
+              W instanceof Window ? W.scrollTo({ top: H, ...B }) : W.scrollTo({ top: H, ...B });
             };
-            x === "up" ? U(-sn(H)) : x === "down" ? U(sn(H)) : V(x === "top" ? 0 : Xr(H));
+            x === "up" ? U(-sn(W)) : x === "down" ? U(sn(W)) : j(x === "top" ? 0 : Xr(W));
             return;
           }
           if (p.type === "click") {
@@ -2517,8 +2519,8 @@ const Qr = /* @__PURE__ */ new Set([
             if (Lt.current) {
               try {
                 Lt.current(x);
-              } catch (W) {
-                console.warn("[LiveLayer] onClick threw.", W);
+              } catch (B) {
+                console.warn("[LiveLayer] onClick threw.", B);
               }
               return;
             }
@@ -2553,7 +2555,7 @@ const Qr = /* @__PURE__ */ new Set([
               return;
             }
             if (typeof document > "u") return;
-            p.type === "fill_form" && Ze.current.playConfirmation();
+            p.type === "fill_form" && ft.current.playConfirmation();
             const x = typeof p.formId == "string" ? p.formId : null;
             if (!x) {
               console.warn(`[LiveLayer] ${p.type}: missing formId.`);
@@ -2575,53 +2577,53 @@ const Qr = /* @__PURE__ */ new Set([
               return;
             }
             if (p.type === "focus_field") {
-              const H = typeof p.fieldName == "string" ? p.fieldName : null;
-              if (!H) {
+              const W = typeof p.fieldName == "string" ? p.fieldName : null;
+              if (!W) {
                 console.warn("[LiveLayer] focus_field: missing fieldName.");
                 return;
               }
-              const U = M.querySelector(`[data-ll-field="${H.replace(/"/g, '\\"')}"]`);
+              const U = M.querySelector(`[data-ll-field="${W.replace(/"/g, '\\"')}"]`);
               if (!U) {
                 console.warn(
-                  `[LiveLayer] focus_field: no field "${H}" in form "${x}".`
+                  `[LiveLayer] focus_field: no field "${W}" in form "${x}".`
                 );
                 return;
               }
               if (!yt(U)) {
                 console.warn(
-                  `[LiveLayer] focus_field: field "${H}" is privacy-protected and not focusable.`
+                  `[LiveLayer] focus_field: field "${W}" is privacy-protected and not focusable.`
                 );
                 return;
               }
               U.focus();
               return;
             }
-            const W = p.values && typeof p.values == "object" ? p.values : null;
-            if (!W) {
+            const B = p.values && typeof p.values == "object" ? p.values : null;
+            if (!B) {
               console.warn("[LiveLayer] fill_form: missing or invalid values.");
               return;
             }
-            for (const [H, U] of Object.entries(W)) {
+            for (const [W, U] of Object.entries(B)) {
               if (typeof U != "string") continue;
-              const V = M.querySelector(`[data-ll-field="${H.replace(/"/g, '\\"')}"]`);
-              if (!V) {
+              const j = M.querySelector(`[data-ll-field="${W.replace(/"/g, '\\"')}"]`);
+              if (!j) {
                 console.warn(
-                  `[LiveLayer] fill_form: no field "${H}" in form "${x}". Skipping.`
+                  `[LiveLayer] fill_form: no field "${W}" in form "${x}". Skipping.`
                 );
                 continue;
               }
-              if (!yt(V)) {
+              if (!yt(j)) {
                 console.warn(
-                  `[LiveLayer] fill_form: field "${H}" is privacy-protected (password / cc-* / private). Skipping.`
+                  `[LiveLayer] fill_form: field "${W}" is privacy-protected (password / cc-* / private). Skipping.`
                 );
                 continue;
               }
               try {
-                Vr(V, U);
-              } catch (O) {
+                Vr(j, U);
+              } catch (H) {
                 console.warn(
-                  `[LiveLayer] fill_form: failed to set "${H}".`,
-                  O
+                  `[LiveLayer] fill_form: failed to set "${W}".`,
+                  H
                 );
               }
             }
@@ -2638,7 +2640,7 @@ const Qr = /* @__PURE__ */ new Set([
               console.warn("[LiveLayer] submit_form: missing formId.");
               return;
             }
-            Ze.current.playConfirmation();
+            ft.current.playConfirmation();
             const M = document.querySelector(
               `[data-ll-form="${x.replace(/"/g, '\\"')}"]`
             );
@@ -2654,24 +2656,24 @@ const Qr = /* @__PURE__ */ new Set([
               );
               return;
             }
-            const W = typeof p.requestId == "string" ? p.requestId : void 0, H = (ge = de.current) == null ? void 0 : ge.call(de), U = (K) => {
-              const Q = H, We = Q == null ? void 0 : Q.localParticipant;
+            const B = typeof p.requestId == "string" ? p.requestId : void 0, W = (ge = de.current) == null ? void 0 : ge.call(de), U = (K) => {
+              const Z = W, We = Z == null ? void 0 : Z.localParticipant;
               if (We != null && We.publishData)
                 try {
-                  const An = W ? { ...K, requestId: W } : K, Rn = new TextEncoder().encode(JSON.stringify(An));
+                  const An = B ? { ...K, requestId: B } : K, Rn = new TextEncoder().encode(JSON.stringify(An));
                   We.publishData(Rn, { reliable: !0 });
                 } catch {
                 }
             };
-            let V = !1;
-            const O = () => {
-              V = !0, U({ type: "form_submitted", formId: x });
+            let j = !1;
+            const H = () => {
+              j = !0, U({ type: "form_submitted", formId: x });
             };
-            M.addEventListener("submit", O, { once: !0 });
+            M.addEventListener("submit", H, { once: !0 });
             try {
               typeof M.requestSubmit == "function" ? M.requestSubmit() : M.submit();
             } catch (K) {
-              console.warn("[LiveLayer] submit_form: requestSubmit threw.", K), M.removeEventListener("submit", O), U({
+              console.warn("[LiveLayer] submit_form: requestSubmit threw.", K), M.removeEventListener("submit", H), U({
                 type: "form_submit_blocked",
                 formId: x,
                 reason: "exception"
@@ -2679,7 +2681,7 @@ const Qr = /* @__PURE__ */ new Set([
               return;
             }
             setTimeout(() => {
-              V || (M.removeEventListener("submit", O), U({
+              j || (M.removeEventListener("submit", H), U({
                 type: "form_submit_blocked",
                 formId: x,
                 reason: "validation"
@@ -2692,43 +2694,43 @@ const Qr = /* @__PURE__ */ new Set([
               ke("request_routes", "read_page");
               return;
             }
-            const x = typeof p.requestId == "string" ? p.requestId : void 0, W = (rt = de.current) == null ? void 0 : rt.call(de), H = W == null ? void 0 : W.localParticipant;
-            if (!(H != null && H.publishData)) return;
-            const U = (O) => {
+            const x = typeof p.requestId == "string" ? p.requestId : void 0, B = (nt = de.current) == null ? void 0 : nt.call(de), W = B == null ? void 0 : B.localParticipant;
+            if (!(W != null && W.publishData)) return;
+            const U = (H) => {
               try {
-                const K = x ? { type: "routes", routes: O, requestId: x } : { type: "routes", routes: O }, Q = new TextEncoder().encode(JSON.stringify(K));
-                H.publishData(Q, { reliable: !0 });
+                const K = x ? { type: "routes", routes: H, requestId: x } : { type: "routes", routes: H }, Z = new TextEncoder().encode(JSON.stringify(K));
+                W.publishData(Z, { reliable: !0 });
               } catch (K) {
                 console.warn("[LiveLayer] request_routes: publishData failed.", K);
               }
-            }, V = Tt.current;
-            if (V) {
+            }, j = Tt.current;
+            if (j) {
               try {
-                const O = V(), K = (Q) => {
-                  if (!Array.isArray(Q)) {
+                const H = j(), K = (Z) => {
+                  if (!Array.isArray(Z)) {
                     U([]);
                     return;
                   }
-                  U(Q.map(Wr).slice(0, 200));
+                  U(Z.map(Wr).slice(0, 200));
                 };
-                O instanceof Promise ? O.then(K).catch((Q) => {
+                H instanceof Promise ? H.then(K).catch((Z) => {
                   console.warn(
                     "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
-                    Q
+                    Z
                   ), U(St());
-                }) : K(O);
-              } catch (O) {
+                }) : K(H);
+              } catch (H) {
                 console.warn(
                   "[LiveLayer] getRoutes threw; falling back to DOM walker.",
-                  O
+                  H
                 ), U(St());
               }
               return;
             }
             try {
               U(St());
-            } catch (O) {
-              console.warn("[LiveLayer] request_routes: extractRoutes threw.", O);
+            } catch (H) {
+              console.warn("[LiveLayer] request_routes: extractRoutes threw.", H);
             }
             return;
           }
@@ -2737,47 +2739,47 @@ const Qr = /* @__PURE__ */ new Set([
       },
       [Re, Ae]
     ), J = Wn({
-      agentId: q ? "__controlled__" : Ke,
+      agentId: $ ? "__controlled__" : Ke,
       baseUrl: l,
       apiKey: i,
       sessionEndpoint: u,
       sessionBody: d,
-      onDataMessage: q ? void 0 : et
+      onDataMessage: $ ? void 0 : Ze
     });
-    A(() => {
-      if (q != null && q.subscribeToDataMessages)
-        return q.subscribeToDataMessages(et);
-    }, [q, et]), de.current = () => {
-      var y;
-      return (y = J.getRoom) == null ? void 0 : y.call(J);
-    }, A(() => {
+    N(() => {
+      if ($ != null && $.subscribeToDataMessages)
+        return $.subscribeToDataMessages(Ze);
+    }, [$, Ze]), de.current = () => {
+      var g;
+      return (g = J.getRoom) == null ? void 0 : g.call(J);
+    }, N(() => {
       var Y;
       if (typeof window > "u") return;
-      const y = ((Y = window.location) == null ? void 0 : Y.hostname) || "";
-      if (y === "localhost" || y === "127.0.0.1" || y === "0.0.0.0" || y.endsWith(".local") || y.endsWith(".test"))
+      const g = ((Y = window.location) == null ? void 0 : Y.hostname) || "";
+      if (g === "localhost" || g === "127.0.0.1" || g === "0.0.0.0" || g.endsWith(".local") || g.endsWith(".test"))
         return window.__livelayerSimulateCommand = (ie) => {
           try {
-            et(ie);
+            Ze(ie);
           } catch (ge) {
             console.warn("[LiveLayer] simulate-command threw:", ge);
           }
         }, () => {
           delete window.__livelayerSimulateCommand;
         };
-    }, [et]);
-    const _ = Ue(() => q ? {
-      connectionState: q.connectionState,
-      agentState: q.agentState,
-      transcript: q.transcript,
-      videoElement: q.videoElement,
-      audioElement: q.audioElement,
-      canResume: q.canResume,
-      error: q.error,
+    }, [Ze]);
+    const v = Ue(() => $ ? {
+      connectionState: $.connectionState,
+      agentState: $.agentState,
+      transcript: $.transcript,
+      videoElement: $.videoElement,
+      audioElement: $.audioElement,
+      canResume: $.canResume,
+      error: $.error,
       agentConfig: null,
       connect: async () => {
-        await q.onConnect();
+        await $.onConnect();
       },
-      disconnect: () => q.onDisconnect(),
+      disconnect: () => $.onDisconnect(),
       // Dummy getRoom for shape compatibility — controlled consumers own the Room.
       // Internal session's getRoom returns null when no real connect has happened,
       // so we reuse its reference for type consistency.
@@ -2796,27 +2798,27 @@ const Qr = /* @__PURE__ */ new Set([
       disconnect: J.disconnect,
       getRoom: J.getRoom,
       isControlled: !1
-    }, [q, J]), Mt = S(_);
-    Mt.current = _;
-    const Dt = S(q);
-    Dt.current = q, Mn(
+    }, [$, J]), Mt = S(v);
+    Mt.current = v;
+    const Dt = S($);
+    Dt.current = $, Mn(
       r,
       () => ({
-        sendData: async (y) => {
-          var ge, rt;
+        sendData: async (g) => {
+          var ge, nt;
           const p = Dt.current;
           if (p != null && p.publishData) {
             try {
-              await p.publishData(y);
+              await p.publishData(g);
             } catch (x) {
               console.warn("[AvatarWidget] sendData (controlled) failed:", x);
             }
             return;
           }
-          const Y = (rt = (ge = Mt.current) == null ? void 0 : ge.getRoom) == null ? void 0 : rt.call(ge), ie = Y == null ? void 0 : Y.localParticipant;
+          const Y = (nt = (ge = Mt.current) == null ? void 0 : ge.getRoom) == null ? void 0 : nt.call(ge), ie = Y == null ? void 0 : Y.localParticipant;
           if (ie != null && ie.publishData)
             try {
-              const x = new TextEncoder().encode(JSON.stringify(y));
+              const x = new TextEncoder().encode(JSON.stringify(g));
               await ie.publishData(x, { reliable: !0 });
             } catch (x) {
               console.warn("[AvatarWidget] sendData failed:", x);
@@ -2826,117 +2828,125 @@ const Qr = /* @__PURE__ */ new Set([
       []
     );
     const Pt = S(null);
-    A(() => {
-      const y = _.videoElement, p = Pt.current;
-      if (!(!y || !p))
-        return p.appendChild(y), () => {
-          y.parentNode === p && p.removeChild(y);
+    N(() => {
+      const g = v.videoElement, p = Pt.current;
+      if (!(!g || !p))
+        return p.appendChild(g), () => {
+          g.parentNode === p && p.removeChild(g);
         };
-    }, [_.videoElement]), A(() => {
-      const y = _.audioElement;
-      if (!y) return;
-      we.attach(y);
-      const p = y.play();
+    }, [v.videoElement]), N(() => {
+      const g = v.audioElement;
+      if (!g) return;
+      we.attach(g);
+      const p = g.play();
       return p && typeof p.catch == "function" && p.catch((Y) => {
         (Y == null ? void 0 : Y.name) === "NotAllowedError" && Xe(!0);
       }), () => {
         we.detach();
       };
-    }, [_.audioElement]), A(() => {
-      if (_.isControlled || _.connectionState !== "connected") return;
-      const y = _.getRoom();
-      if (y)
-        return oe.setupMic(y).catch(() => {
-        }), he.attachRoom(y), De.attachRoom(y), _e.refresh(), () => {
-          oe.teardownMic(), he.teardown(), De.teardown();
+    }, [v.audioElement]), N(() => {
+      if (v.isControlled || v.connectionState !== "connected") return;
+      const g = v.getRoom();
+      if (g)
+        return oe.setupMic(g).catch(() => {
+        }), () => {
+          oe.teardownMic();
+        };
+    }, [v.isControlled, v.connectionState]), N(() => {
+      var p;
+      if (v.connectionState !== "connected") return;
+      const g = v.isControlled ? (p = $ == null ? void 0 : $.getRoom) == null ? void 0 : p.call($) : v.getRoom();
+      if (g)
+        return he.attachRoom(g), De.attachRoom(g), _e.refresh(), () => {
+          he.teardown(), De.teardown();
         };
-    }, [_.isControlled, _.connectionState]), A(() => {
-      const y = _.audioElement;
-      y && (y.muted = He);
-    }, [_.audioElement, He]);
-    const vn = k((y) => {
-      const p = { type: "user_message", text: y };
-      if (q != null && q.publishData) {
+    }, [v.isControlled, v.connectionState, $]), N(() => {
+      const g = v.audioElement;
+      g && (g.muted = He);
+    }, [v.audioElement, He]);
+    const vn = k((g) => {
+      const p = { type: "user_message", text: g };
+      if ($ != null && $.publishData) {
         try {
-          q.publishData(p);
+          $.publishData(p);
         } catch {
         }
         return;
       }
-      const Y = _.getRoom();
+      const Y = v.getRoom();
       if (Y)
         try {
           const ie = new TextEncoder().encode(JSON.stringify(p));
           Y.localParticipant.publishData(ie, { reliable: !0 });
         } catch {
         }
-    }, [_, q]), bn = k(() => {
-      m((y) => !y);
+    }, [v, $]), bn = k(() => {
+      m((g) => !g);
     }, []);
-    A(() => {
-      Ne == null || Ne(_.connectionState), _.connectionState === "connected" ? Ee == null || Ee() : _.connectionState === "disconnected" && (Ce == null || Ce());
-    }, [_.connectionState, Ee, Ce, Ne]), A(() => {
-      Pe == null || Pe(_.transcript);
-    }, [_.transcript, Pe]), A(() => {
-      Se == null || Se(_.agentState);
-    }, [_.agentState, Se]), A(() => {
-      j.setThinking(_.agentState === "thinking");
-    }, [_.agentState, j]);
+    N(() => {
+      Ne == null || Ne(v.connectionState), v.connectionState === "connected" ? Ee == null || Ee() : v.connectionState === "disconnected" && (Ce == null || Ce());
+    }, [v.connectionState, Ee, Ce, Ne]), N(() => {
+      Pe == null || Pe(v.transcript);
+    }, [v.transcript, Pe]), N(() => {
+      Se == null || Se(v.agentState);
+    }, [v.agentState, Se]), N(() => {
+      V.setThinking(v.agentState === "thinking");
+    }, [v.agentState, V]);
     const $t = S(!1);
-    A(() => {
-      _.isControlled || !h || $t.current || Je && _.connectionState === "idle" && ($t.current = !0, _.connect());
-    }, [h, _.connectionState, _, Je]);
+    N(() => {
+      v.isControlled || !h || $t.current || Je && v.connectionState === "idle" && ($t.current = !0, v.connect());
+    }, [h, v.connectionState, v, Je]);
     const wn = k(
-      (y) => {
-        const p = N == null ? void 0 : N.find((Y) => Y.id === y);
-        p && (Oe(!1), y !== be && (me(!0), _.disconnect(), Te || bt(y), $ == null || $(p)));
+      (g) => {
+        const p = R == null ? void 0 : R.find((Y) => Y.id === g);
+        p && (Oe(!1), g !== be && (me(!0), v.disconnect(), Te || bt(g), z == null || z(p)));
       },
       [
-        N,
+        R,
         be,
-        _,
+        v,
         Te,
-        $
+        z
       ]
     );
-    A(() => {
-      Qe && _.connectionState === "connected" && me(!1);
-    }, [_.connectionState, Qe]), A(() => {
+    N(() => {
+      Qe && v.connectionState === "connected" && me(!1);
+    }, [v.connectionState, Qe]), N(() => {
       if (!ce) return;
-      const y = (p) => {
+      const g = (p) => {
         p.key === "Escape" && Oe(!1);
       };
-      return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
+      return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
     }, [ce]);
-    const _n = !!B || !!(X != null && X.avatarImageUrl) || _.isControlled, tt = Yn(Ke, l, _n);
-    Ge === void 0 && ((Ot = tt.info) != null && Ot.capabilities) && (Et.current = tt.info.capabilities);
-    const pt = (X == null ? void 0 : X.name) ?? z ?? ((Ht = _.agentConfig) == null ? void 0 : Ht.name) ?? ((Wt = tt.info) == null ? void 0 : Wt.name) ?? "Live Layer", Ct = (X == null ? void 0 : X.avatarImageUrl) ?? B ?? ((Bt = _.agentConfig) == null ? void 0 : Bt.avatarImageUrl) ?? ((qt = tt.info) == null ? void 0 : qt.avatarImageUrl) ?? null, xn = w ?? ((Ft = _.agentConfig) == null ? void 0 : Ft.idleLoopUrl) ?? ((Ut = tt.info) == null ? void 0 : Ut.idleLoopUrl) ?? null, kn = I ?? null, Ln = k(() => te("expanded"), [te]), En = k(
+    const _n = !!q || !!(Q != null && Q.avatarImageUrl) || v.isControlled, et = Yn(Ke, l, _n);
+    Ge === void 0 && ((Ot = et.info) != null && Ot.capabilities) && (Et.current = et.info.capabilities);
+    const pt = (Q == null ? void 0 : Q.name) ?? O ?? ((Ht = v.agentConfig) == null ? void 0 : Ht.name) ?? ((Wt = et.info) == null ? void 0 : Wt.name) ?? "Live Layer", Ct = (Q == null ? void 0 : Q.avatarImageUrl) ?? q ?? ((Bt = v.agentConfig) == null ? void 0 : Bt.avatarImageUrl) ?? ((qt = et.info) == null ? void 0 : qt.avatarImageUrl) ?? null, xn = _ ?? ((Ft = v.agentConfig) == null ? void 0 : Ft.idleLoopUrl) ?? ((Ut = et.info) == null ? void 0 : Ut.idleLoopUrl) ?? null, kn = I ?? null, Ln = k(() => te("expanded"), [te]), En = k(
       () => te("minimized"),
       [te]
     ), zt = k(() => {
-      _.disconnect(), te("hidden");
-    }, [_, te]), Cn = k(() => {
-      const y = _.audioElement;
-      y && y.play().then(() => Xe(!1)).catch(() => {
+      v.disconnect(), te("hidden");
+    }, [v, te]), Cn = k(() => {
+      const g = v.audioElement;
+      g && g.play().then(() => Xe(!1)).catch(() => {
       });
-    }, [_.audioElement]), Sn = k(() => {
-      Xe(!1), _.connect();
-    }, [_]), nt = {
+    }, [v.audioElement]), Sn = k(() => {
+      Xe(!1), v.connect();
+    }, [v]), tt = {
       ...Ie,
       ...Me ? {} : { zIndex: $e }
     };
-    C.primaryColor && (nt["--ll-color-primary"] = C.primaryColor), C.accentColor && (nt["--ll-color-accent"] = C.accentColor), C.backgroundColor && (nt["--ll-color-bg"] = C.backgroundColor), C.textColor && (nt["--ll-color-fg"] = C.textColor);
+    C.primaryColor && (tt["--ll-color-primary"] = C.primaryColor), C.accentColor && (tt["--ll-color-accent"] = C.accentColor), C.backgroundColor && (tt["--ll-color-bg"] = C.backgroundColor), C.textColor && (tt["--ll-color-fg"] = C.textColor);
     const Nn = [
       "ll-widget",
       `ll-widget--${se}`,
       `ll-widget--${pe ? "mobile" : "desktop"}`,
       vt
     ].filter(Boolean).join(" ");
-    return Je ? /* @__PURE__ */ g(
+    return Je ? /* @__PURE__ */ y(
       "div",
       {
         className: Nn,
-        style: nt,
+        style: tt,
         "data-display-mode": se,
         "data-position": D,
         "data-experience-mode": f === "EMBEDDED" ? "embedded" : "widget",
@@ -2946,7 +2956,7 @@ const Qr = /* @__PURE__ */ new Set([
             {
               position: D,
               isMobile: pe,
-              isSpeaking: _.agentState === "speaking",
+              isSpeaking: v.agentState === "speaking",
               onExpand: () => te("expanded"),
               label: `Open ${pt} widget`,
               avatarImageUrl: Ct,
@@ -2960,7 +2970,7 @@ const Qr = /* @__PURE__ */ new Set([
               isMobile: pe,
               agentName: pt,
               avatarImageUrl: Ct,
-              agentState: _.agentState,
+              agentState: v.agentState,
               isMuted: oe.isMuted,
               audioLevel: we,
               onExpand: Ln,
@@ -2978,15 +2988,15 @@ const Qr = /* @__PURE__ */ new Set([
               idleLoopUrl: xn,
               greeting: kn,
               branding: C,
-              teamMembers: N,
+              teamMembers: R,
               currentTeamMemberId: be,
               isSwitchingTeamMember: Qe,
               teamSwitcherOpen: ce,
-              onToggleTeamSwitcher: () => Oe((y) => !y),
+              onToggleTeamSwitcher: () => Oe((g) => !g),
               onSelectTeamMember: wn,
-              connectionState: _.connectionState,
-              agentState: _.agentState,
-              transcript: _.transcript,
+              connectionState: v.connectionState,
+              agentState: v.agentState,
+              transcript: v.transcript,
               isMuted: oe.isMuted,
               micDevices: _e.mics,
               isCameraEnabled: he.isEnabled,
@@ -3000,25 +3010,25 @@ const Qr = /* @__PURE__ */ new Set([
               allowScreenShare: F,
               allowTyping: G,
               showMinimize: le,
-              chromeless: Z,
+              chromeless: ee,
               compactControls: Le,
               transforming: ue,
               transformingLabel: ve,
-              languageMenuOpen: ft,
-              onToggleLanguageMenu: () => wt((y) => !y),
-              needsUserGesture: ut,
-              canResume: _.canResume,
+              languageMenuOpen: ut,
+              onToggleLanguageMenu: () => wt((g) => !g),
+              needsUserGesture: dt,
+              canResume: v.canResume,
               micError: oe.micError,
-              error: _.error,
+              error: v.error,
               avatarVideoContainerRef: Pt,
-              agentVideoEl: _.videoElement,
-              onConnect: () => void _.connect(),
-              onDisconnect: () => _.disconnect(),
+              agentVideoEl: v.videoElement,
+              onConnect: () => void v.connect(),
+              onDisconnect: () => v.disconnect(),
               onRetry: Sn,
               onResumeAudio: Cn,
               onToggleMute: oe.toggleMute,
               onToggleCamera: () => void he.toggle(),
-              onSwitchCameraDevice: (y) => void he.switchDevice(y),
+              onSwitchCameraDevice: (g) => void he.switchDevice(g),
               onToggleScreenShare: () => void De.toggle(),
               onToggleSpeaker: bn,
               onSendMessage: vn,
@@ -3033,7 +3043,7 @@ const Qr = /* @__PURE__ */ new Set([
   }
 );
 yn.displayName = "AvatarWidgetInner";
-const Zr = at(
+const Zr = lt(
   function(t, r) {
     return /* @__PURE__ */ n(Hn, { children: /* @__PURE__ */ n(yn, { ...t, ref: r }) });
   }
@@ -3051,21 +3061,21 @@ const so = ({
   const d = S(null), c = S(null), f = S(i);
   f.current = i;
   const h = k((a) => {
-    var R;
+    var A;
     const s = a.detail;
-    (R = f.current) == null || R.call(f, s);
+    (A = f.current) == null || A.call(f, s);
   }, []);
-  return A(() => {
+  return N(() => {
     const a = d.current;
     if (!a) return;
     const s = document.createElement("livelayer-widget");
     return s.setAttribute("agent-id", e), t && s.setAttribute("base-url", t), r && s.setAttribute("api-key", r), o && s.setAttribute("mode", o), s.addEventListener("agent-event", h), a.appendChild(s), c.current = s, () => {
       s.removeEventListener("agent-event", h), a.removeChild(s), c.current = null;
     };
-  }, [e]), A(() => {
+  }, [e]), N(() => {
     c.current && (o ? c.current.setAttribute("mode", o) : c.current.removeAttribute("mode"));
   }, [o]), /* @__PURE__ */ n("div", { ref: d, className: l, style: u });
-}, co = at(
+}, co = lt(
   function({ id: t, intent: r, as: o = "div", className: i, style: l, children: u }, d) {
     return Dn(
       o,
@@ -3079,7 +3089,7 @@ const so = ({
       u
     );
   }
-), uo = at(
+), uo = lt(
   function({ id: t, intent: r, children: o, ...i }, l) {
     return /* @__PURE__ */ n(
       "form",
@@ -3092,7 +3102,7 @@ const so = ({
       }
     );
   }
-), fo = at(
+), fo = lt(
   function(t, r) {
     const { name: o, label: i, labelClassName: l } = t, u = { name: o, "data-ll-field": o };
     let d;
@@ -3107,13 +3117,13 @@ const so = ({
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: c, label: f, labelClassName: h, as: a, children: s, ...R } = t;
+      const { name: c, label: f, labelClassName: h, as: a, children: s, ...A } = t;
       d = /* @__PURE__ */ n(
         "select",
         {
           ref: r,
           ...u,
-          ...R,
+          ...A,
           children: s
         }
       );
@@ -3128,7 +3138,7 @@ const so = ({
         }
       );
     }
-    return i === void 0 ? d : /* @__PURE__ */ g("label", { className: l, children: [
+    return i === void 0 ? d : /* @__PURE__ */ y("label", { className: l, children: [
       i,
       d
     ] });
@@ -3140,61 +3150,61 @@ function po({
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [o, i] = L(t), [l, u] = L([]), [d, c] = L(""), [f, h] = L(!1), a = S(/* @__PURE__ */ new Set()), s = S([]), R = S(f);
-  R.current = f, A(() => {
+  const [o, i] = L(t), [l, u] = L([]), [d, c] = L(""), [f, h] = L(!1), a = S(/* @__PURE__ */ new Set()), s = S([]), A = S(f);
+  A.current = f, N(() => {
     try {
-      const v = localStorage.getItem(r);
-      v === "1" && i(!0), v === "0" && i(!1);
+      const b = localStorage.getItem(r);
+      b === "1" && i(!0), b === "0" && i(!1);
     } catch {
     }
-  }, [r]), A(() => {
+  }, [r]), N(() => {
     try {
       localStorage.setItem(r, o ? "1" : "0");
     } catch {
     }
-  }, [o, r]), A(() => {
-    const v = (b) => {
-      (b.metaKey || b.ctrlKey) && b.shiftKey && b.key.toLowerCase() === "l" && (b.preventDefault(), i((N) => !N));
+  }, [o, r]), N(() => {
+    const b = (w) => {
+      (w.metaKey || w.ctrlKey) && w.shiftKey && w.key.toLowerCase() === "l" && (w.preventDefault(), i((R) => !R));
     };
-    return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
-  }, []), A(() => {
-    const v = setInterval(() => {
-      if (s.current.length === 0 || R.current) return;
-      const b = s.current.splice(0, s.current.length);
+    return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
+  }, []), N(() => {
+    const b = setInterval(() => {
+      if (s.current.length === 0 || A.current) return;
+      const w = s.current.splice(0, s.current.length);
       u(
-        (N) => [...b.reverse(), ...N].slice(0, 200)
+        (R) => [...w.reverse(), ...R].slice(0, 200)
       );
     }, 100);
-    return () => clearInterval(v);
+    return () => clearInterval(b);
   }, []);
   const D = S(!1);
-  if (A(() => {
-    !e || D.current || (D.current = !0, e((v) => {
+  if (N(() => {
+    !e || D.current || (D.current = !0, e((b) => {
       s.current.push({
         id: cn++,
         ts: Date.now(),
         kind: "event",
-        type: v.eventName,
-        data: v.data
+        type: b.eventName,
+        data: b.data
       });
     }));
-  }, [e]), A(() => {
-    const v = console.warn, b = console.log, N = (T, $) => function(...w) {
+  }, [e]), N(() => {
+    const b = console.warn, w = console.log, R = (T, z) => function(..._) {
       try {
-        const I = typeof w[0] == "string" ? w[0] : "";
+        const I = typeof _[0] == "string" ? _[0] : "";
         I.startsWith("[LiveLayer]") && s.current.push({
           id: cn++,
           ts: Date.now(),
           kind: T,
           type: I.slice(0, 120),
-          data: { args: w.slice(1).map((B) => to(B)) }
+          data: { args: _.slice(1).map((q) => to(q)) }
         });
       } catch {
       }
-      return $.apply(this, w);
+      return z.apply(this, _);
     };
-    return console.warn = N("warn", v), console.log = N("log", b), () => {
-      console.warn = v, console.log = b;
+    return console.warn = R("warn", b), console.log = R("log", w), () => {
+      console.warn = b, console.log = w;
     };
   }, []), !o)
     return /* @__PURE__ */ n(
@@ -3223,12 +3233,12 @@ function po({
         children: "🛰 LL debug"
       }
     );
-  const E = l.filter((v) => {
+  const E = l.filter((b) => {
     if (!d) return !0;
-    const b = d.toLowerCase();
-    return v.type.toLowerCase().includes(b) || JSON.stringify(v.data || {}).toLowerCase().includes(b);
+    const w = d.toLowerCase();
+    return b.type.toLowerCase().includes(w) || JSON.stringify(b.data || {}).toLowerCase().includes(w);
   });
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ y(
     "div",
     {
       style: {
@@ -3250,7 +3260,7 @@ function po({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ y(
           "div",
           {
             style: {
@@ -3263,7 +3273,7 @@ function po({
             },
             children: [
               /* @__PURE__ */ n("span", { style: { fontWeight: 600, fontSize: 12 }, children: "LiveLayer debug" }),
-              /* @__PURE__ */ g("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
+              /* @__PURE__ */ y("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
                 l.length,
                 " event",
                 l.length === 1 ? "" : "s"
@@ -3273,7 +3283,7 @@ function po({
                 "button",
                 {
                   type: "button",
-                  onClick: () => h((v) => !v),
+                  onClick: () => h((b) => !b),
                   style: Nt(f ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
                   children: f ? "▶ resume" : "⏸ pause"
@@ -3310,7 +3320,7 @@ function po({
           {
             type: "text",
             value: d,
-            onChange: (v) => c(v.target.value),
+            onChange: (b) => c(b.target.value),
             placeholder: "filter by type or data…",
             style: {
               margin: 8,
@@ -3332,7 +3342,7 @@ function po({
               overflowY: "auto",
               padding: "0 8px 8px"
             },
-            children: E.length === 0 ? /* @__PURE__ */ g(
+            children: E.length === 0 ? /* @__PURE__ */ y(
               "div",
               {
                 style: {
@@ -3362,16 +3372,16 @@ function po({
                   )
                 ]
               }
-            ) : E.map((v) => /* @__PURE__ */ n(
+            ) : E.map((b) => /* @__PURE__ */ n(
               eo,
               {
-                entry: v,
-                expanded: a.current.has(v.id),
+                entry: b,
+                expanded: a.current.has(b.id),
                 onToggle: () => {
-                  a.current.has(v.id) ? a.current.delete(v.id) : a.current.add(v.id), u((b) => [...b]);
+                  a.current.has(b.id) ? a.current.delete(b.id) : a.current.add(b.id), u((w) => [...w]);
                 }
               },
-              v.id
+              b.id
             ))
           }
         )
@@ -3387,7 +3397,7 @@ function eo({
   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__ */ g(
+  return /* @__PURE__ */ y(
     "button",
     {
       type: "button",
@@ -3405,7 +3415,7 @@ function eo({
         lineHeight: 1.4
       },
       children: [
-        /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+        /* @__PURE__ */ y("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
           /* @__PURE__ */ n(
             "span",
             {