@livelayer/react 0.5.5 → 0.5.7

package/dist/index.mjs

@@ -34,7 +34,7 @@ class mn extends dn {
   }
 }
 function gn(e) {
-  const [t, r] = S("idle"), [o, i] = S("idle"), [l, s] = S([]), [d, u] = S(null), [m, h] = S(null), [a, c] = S(null), [R, C] = S(!1), [L, v] = S(null), b = E(null), z = E(e.onDataMessage);
+  const [t, r] = S("idle"), [o, i] = S("idle"), [l, s] = S([]), [d, f] = S(null), [g, m] = S(null), [a, c] = S(null), [R, C] = S(!1), [L, v] = S(null), b = E(null), z = E(e.onDataMessage);
   z.current = e.onDataMessage, T(() => {
     const N = {
       onConnectionStateChange: (D) => {
@@ -42,10 +42,10 @@ function gn(e) {
       },
       onAgentStateChange: i,
       onTranscript: (D) => s([...D]),
-      onAgentConfig: u,
+      onAgentConfig: f,
       onAudioTrack: (D) => c(D),
-      onVideoTrack: (D) => h(D),
-      onVideoTrackRemoved: () => h(null),
+      onVideoTrack: (D) => m(D),
+      onVideoTrackRemoved: () => m(null),
       onError: (D) => v(D),
       onDataMessage: (D) => {
         var A;
@@ -62,7 +62,7 @@ function gn(e) {
       },
       N
     );
-    return b.current = B, r("idle"), i("idle"), s([]), u(null), h(null), c(null), C(!1), v(null), () => {
+    return b.current = B, r("idle"), i("idle"), s([]), f(null), m(null), c(null), C(!1), v(null), () => {
       var D;
       (D = B.destroy) == null || D.call(B), b.current = null;
     };
@@ -93,7 +93,7 @@ function gn(e) {
     agentState: o,
     transcript: l,
     agentConfig: d,
-    videoElement: m,
+    videoElement: g,
     audioElement: a,
     canResume: R,
     error: L,
@@ -129,7 +129,7 @@ function yn() {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
     const a = new AudioContext(), c = a.createAnalyser();
     c.fftSize = 64, c.connect(a.destination), e.current = a, t.current = c;
-  }, []), u = k(
+  }, []), f = k(
     (a) => {
       if (d(), !(!e.current || !t.current)) {
         if (r.current) {
@@ -150,7 +150,7 @@ function yn() {
       }
     },
     [d, s]
-  ), m = k(() => {
+  ), g = k(() => {
     if (o.current !== null && (cancelAnimationFrame(o.current), o.current = null), r.current) {
       try {
         r.current.disconnect();
@@ -158,11 +158,11 @@ function yn() {
       }
       r.current = null;
     }
-  }, []), h = k((a) => (i.current.add(a), () => {
+  }, []), m = k((a) => (i.current.add(a), () => {
     i.current.delete(a);
   }), []);
   return T(() => () => {
-    if (m(), t.current) {
+    if (g(), t.current) {
       try {
         t.current.disconnect();
       } catch {
@@ -177,10 +177,10 @@ function yn() {
       e.current = null;
     }
     i.current.clear(), l.current = null;
-  }, [m]), { attach: u, detach: m, subscribe: h };
+  }, [g]), { attach: f, detach: g, subscribe: m };
 }
 function vn() {
-  const [e, t] = S(!1), [r, o] = S(null), i = E(null), l = E(null), s = k(async (h) => {
+  const [e, t] = S(!1), [r, o] = S(null), i = E(null), l = E(null), s = k(async (m) => {
     if (i.current && l.current) {
       try {
         await l.current.localParticipant.unpublishTrack(i.current);
@@ -188,46 +188,46 @@ function vn() {
       }
       i.current.stop(), i.current = null;
     }
-    l.current = h, o(null);
+    l.current = m, o(null);
     try {
       const a = await pn({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await h.localParticipant.publishTrack(a), i.current = a, t(a.isMuted);
+      await m.localParticipant.publishTrack(a), i.current = a, t(a.isMuted);
     } catch (a) {
       const c = a instanceof Error && a.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
       throw o(c), a;
     }
   }, []), d = k(() => {
-    const h = i.current;
-    h && (h.isMuted ? (h.unmute(), t(!1)) : (h.mute(), t(!0)));
-  }, []), u = k(() => {
-    const h = i.current, a = l.current;
-    if (h && a) {
+    const m = i.current;
+    m && (m.isMuted ? (m.unmute(), t(!1)) : (m.mute(), t(!0)));
+  }, []), f = k(() => {
+    const m = i.current, a = l.current;
+    if (m && a) {
       try {
-        a.localParticipant.unpublishTrack(h);
+        a.localParticipant.unpublishTrack(m);
       } catch {
       }
-      h.stop();
+      m.stop();
     }
     i.current = null, l.current = null, t(!1);
-  }, []), m = k(() => o(null), []);
+  }, []), g = k(() => o(null), []);
   return {
     isMuted: e,
     micError: r,
     toggleMute: d,
     setupMic: s,
-    teardownMic: u,
-    clearError: m
+    teardownMic: f,
+    clearError: g
   };
 }
 const bn = { resolution: { width: 640, height: 480, frameRate: 24 } };
 function wn() {
-  const [e, t] = S(!1), [r, o] = S(null), [i, l] = S(null), [s, d] = S(""), u = E(null), m = E(null), h = k((b) => {
-    u.current = b;
+  const [e, t] = S(!1), [r, o] = S(null), [i, l] = S(null), [s, d] = S(""), f = E(null), g = E(null), m = k((b) => {
+    f.current = b;
   }, []), a = k(() => {
-    const b = u.current, z = m.current;
+    const b = f.current, z = g.current;
     if (z && b) {
       const I = b.localParticipant.getTrackPublication(jt.Source.Camera);
       if (I != null && I.track) {
@@ -239,16 +239,16 @@ function wn() {
       } else
         z.stop();
     }
-    m.current = null, l(null), t(!1);
+    g.current = null, l(null), t(!1);
   }, []), c = k(async (b) => {
-    const z = u.current;
+    const z = f.current;
     if (z) {
       o(null);
       try {
         const I = { ...bn };
         b && (I.deviceId = b);
         const H = await hn(I);
-        await z.localParticipant.publishTrack(H), m.current = H;
+        await z.localParticipant.publishTrack(H), g.current = H;
         const p = H.attach();
         l(p), t(!0), b && d(b);
         try {
@@ -268,10 +268,10 @@ function wn() {
   }, [e, s, a, c]), C = k(async (b) => {
     a(), await c(b);
   }, [a, c]), L = k(() => {
-    a(), u.current = null, o(null), d("");
+    a(), f.current = null, o(null), d("");
   }, [a]), v = k(() => o(null), []);
   return T(() => () => {
-    m.current && m.current.stop();
+    g.current && g.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
@@ -279,7 +279,7 @@ function wn() {
     activeDeviceId: s,
     toggle: R,
     switchDevice: C,
-    attachRoom: h,
+    attachRoom: m,
     teardown: L,
     clearError: v
   };
@@ -287,7 +287,7 @@ function wn() {
 function _n() {
   const [e, t] = S(!1), [r, o] = S(null), [i, l] = S(null), s = E(null), d = k((c) => {
     s.current = c;
-  }, []), u = k(() => l(null), []), m = k(async () => {
+  }, []), f = k(() => l(null), []), g = k(async () => {
     const c = s.current;
     if (c) {
       if (e) {
@@ -295,7 +295,7 @@ function _n() {
           await c.localParticipant.setScreenShareEnabled(!1);
         } catch {
         }
-        u(), t(!1);
+        f(), t(!1);
         return;
       }
       o(null);
@@ -324,16 +324,16 @@ function _n() {
         C !== "NotAllowedError" && C !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
       }
     }
-  }, [e, u]), h = k(() => {
+  }, [e, f]), m = k(() => {
     const c = s.current;
     if (c && e)
       try {
         c.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
-    u(), t(!1), o(null), s.current = null;
-  }, [e, u]), a = k(() => o(null), []);
-  return { isEnabled: e, error: r, previewEl: i, toggle: m, attachRoom: d, teardown: h, clearError: a };
+    f(), t(!1), o(null), s.current = null;
+  }, [e, f]), a = k(() => o(null), []);
+  return { isEnabled: e, error: r, previewEl: i, toggle: g, attachRoom: d, teardown: m, clearError: a };
 }
 function xn() {
   const [e, t] = S([]), [r, o] = S([]), i = k(async () => {
@@ -351,15 +351,15 @@ function xn() {
   }, [i]), { mics: e, cameras: r, refresh: i };
 }
 function kn(e, t, r = !1) {
-  const [o, i] = S(null), [l, s] = S(null), [d, u] = S(!r && !!e);
+  const [o, i] = S(null), [l, s] = S(null), [d, f] = S(!r && !!e);
   return T(() => {
     if (r || !e) {
-      u(!1);
+      f(!1);
       return;
     }
-    const m = new AbortController(), h = t || "https://app.livelayer.studio";
-    return u(!0), s(null), fetch(`${h}/api/widget/agent/${encodeURIComponent(e)}`, {
-      signal: m.signal
+    const g = new AbortController(), m = t || "https://app.livelayer.studio";
+    return f(!0), s(null), fetch(`${m}/api/widget/agent/${encodeURIComponent(e)}`, {
+      signal: g.signal
     }).then(async (a) => {
       if (!a.ok) {
         const c = await a.json().catch(() => ({}));
@@ -367,10 +367,10 @@ function kn(e, t, r = !1) {
       }
       return a.json();
     }).then((a) => {
-      m.signal.aborted || (i(a), u(!1));
+      g.signal.aborted || (i(a), f(!1));
     }).catch((a) => {
-      m.signal.aborted || (s(a instanceof Error ? a.message : "Agent lookup failed"), u(!1));
-    }), () => m.abort();
+      g.signal.aborted || (s(a instanceof Error ? a.message : "Agent lookup failed"), f(!1));
+    }), () => g.abort();
   }, [e, t, r]), { info: o, error: l, loading: d };
 }
 function Ln(e) {
@@ -394,8 +394,8 @@ function Cn({
   onChange: r
 } = {}) {
   const o = e !== void 0, [i, l] = S(t), s = o ? e : i, d = k(
-    (u) => {
-      u !== s && (o || l(u), r == null || r(u));
+    (f) => {
+      f !== s && (o || l(f), r == null || r(f));
     },
     [s, o, r]
   );
@@ -412,18 +412,18 @@ function An({
   persistKey: o = "ll-widget",
   disablePersistence: i = !1
 } = {}) {
-  const l = `${o}:display-mode`, s = E(!1), [d, u] = Cn({
+  const l = `${o}:display-mode`, s = E(!1), [d, f] = Cn({
     value: e,
     defaultValue: t,
-    onChange: (m) => {
-      e === void 0 && !i && Sn(l, m), r == null || r(m);
+    onChange: (g) => {
+      e === void 0 && !i && Sn(l, g), r == null || r(g);
     }
   });
   return T(() => {
     if (s.current || (s.current = !0, i || e !== void 0)) return;
-    const m = Nn(Ln(l));
-    m && m !== d && u(m);
-  }, []), [d, u];
+    const g = Nn(Ln(l));
+    g && g !== d && f(g);
+  }, []), [d, f];
 }
 const Rn = 640;
 function In(e = Rn) {
@@ -476,8 +476,8 @@ function Dn(e) {
 function $n(e) {
   const t = Rt.get(e);
   if (t) return t;
-  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, o = "
", i = "", l = r.replace(/\*\*/g, o).replace(/\*/g, i), d = Dn(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "g"), "[^/]+"), u = new RegExp(`^${d}\\/?$`);
-  return Rt.set(e, u), u;
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, o = "
", i = "", l = r.replace(/\*\*/g, o).replace(/\*/g, i), d = Dn(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "g"), "[^/]+"), f = new RegExp(`^${d}\\/?$`);
+  return Rt.set(e, f), f;
 }
 function zn(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
@@ -625,13 +625,13 @@ const Vn = ({
   avatarImageUrl: l,
   agentName: s
 }) => {
-  const d = Fn(e), u = d === "right" ? "left" : "right", m = t ? 80 : 72, h = !!l, [a, c] = S(null), [R, C] = S(!1), L = E(null), v = E(!1), b = k(
+  const d = Fn(e), f = d === "right" ? "left" : "right", g = t ? 80 : 72, m = !!l, [a, c] = S(null), [R, C] = S(!1), L = E(null), v = E(!1), b = k(
     (A) => {
       if (typeof window > "u") return A;
-      const O = m / 2, W = Dt + O, V = window.innerHeight - Dt - O;
-      return V < W ? Math.max(W, A) : Math.max(W, Math.min(V, A));
+      const O = g / 2, W = Dt + O, Y = window.innerHeight - Dt - O;
+      return Y < W ? Math.max(W, A) : Math.max(W, Math.min(Y, A));
     },
-    [m]
+    [g]
   );
   T(() => {
     const A = jn();
@@ -689,8 +689,8 @@ const Vn = ({
         const O = A.key === "ArrowUp" ? -8 : 8;
         c((W) => {
           if (W === null) return W;
-          const V = b(W + O);
-          return $t(V), V;
+          const Y = b(W + O);
+          return $t(Y), Y;
         });
       }
     },
@@ -701,8 +701,8 @@ const Vn = ({
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
     R ? "is-dragging" : null,
-    h ? "ll-hidden--with-avatar" : null
-  ].filter(Boolean).join(" "), D = a === null ? void 0 : { top: `${a - m / 2}px`, transform: "none" };
+    m ? "ll-hidden--with-avatar" : null
+  ].filter(Boolean).join(" "), D = a === null ? void 0 : { top: `${a - g / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
     "button",
     {
@@ -717,7 +717,7 @@ const Vn = ({
       "aria-label": i,
       "data-position": e,
       style: D,
-      children: h ? (
+      children: m ? (
         // 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
@@ -726,7 +726,7 @@ const Vn = ({
           /* @__PURE__ */ n(
             Pt,
             {
-              direction: u,
+              direction: f,
               className: "ll-hidden__chevron ll-hidden__chevron--mini"
             }
           ),
@@ -743,7 +743,7 @@ const Vn = ({
       ) : /* @__PURE__ */ n(
         Pt,
         {
-          direction: u,
+          direction: f,
           className: "ll-hidden__chevron"
         }
       )
@@ -757,20 +757,20 @@ const Vn = ({
   className: i,
   barClassName: l
 }) => {
-  const s = E(null), d = E([]), u = Ze(() => {
-    const h = (Math.sqrt(5) - 1) / 2;
-    return Array.from({ length: t }, (a, c) => 0.5 + c * h % 1 * 0.5);
+  const s = E(null), d = E([]), f = Ze(() => {
+    const m = (Math.sqrt(5) - 1) / 2;
+    return Array.from({ length: t }, (a, c) => 0.5 + c * m % 1 * 0.5);
   }, [t]);
   T(() => e.subscribe((a) => {
     for (let c = 0; c < t; c++) {
       const R = d.current[c];
       if (!R) continue;
-      const C = Math.max(o, a * r * u[c]);
+      const C = Math.max(o, a * r * f[c]);
       R.style.height = `${C}px`;
     }
-  }), [e, t, r, o, u]);
-  const m = ["ll-waveform", i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: s, className: m, "aria-hidden": "true", children: Array.from({ length: t }, (h, a) => /* @__PURE__ */ n(
+  }), [e, t, r, o, f]);
+  const g = ["ll-waveform", i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: s, className: g, "aria-hidden": "true", children: Array.from({ length: t }, (m, a) => /* @__PURE__ */ n(
     "div",
     {
       ref: (c) => {
@@ -781,7 +781,7 @@ const Vn = ({
     },
     a
   )) });
-}, Gn = ({
+}, Jn = ({
   position: e,
   isMobile: t,
   agentName: r,
@@ -790,8 +790,8 @@ const Vn = ({
   isMuted: l,
   audioLevel: s,
   onExpand: d,
-  onToggleMute: u,
-  onClose: m
+  onToggleMute: f,
+  onClose: g
 }) => t ? /* @__PURE__ */ n(
   "div",
   {
@@ -834,11 +834,11 @@ const Vn = ({
                 className: "ll-minimized__btn",
                 role: "button",
                 tabIndex: 0,
-                onClick: (h) => {
-                  h.stopPropagation(), u();
+                onClick: (m) => {
+                  m.stopPropagation(), f();
                 },
-                onKeyDown: (h) => {
-                  (h.key === "Enter" || h.key === " ") && (h.stopPropagation(), h.preventDefault(), u());
+                onKeyDown: (m) => {
+                  (m.key === "Enter" || m.key === " ") && (m.stopPropagation(), m.preventDefault(), f());
                 },
                 "aria-label": l ? "Unmute microphone" : "Mute microphone",
                 children: /* @__PURE__ */ n(Mt, { muted: l, className: "ll-minimized__icon" })
@@ -879,7 +879,7 @@ const Vn = ({
           {
             type: "button",
             className: "ll-minimized__btn",
-            onClick: u,
+            onClick: f,
             "aria-label": l ? "Unmute microphone" : "Mute microphone",
             children: /* @__PURE__ */ n(Mt, { muted: l, className: "ll-minimized__icon" })
           }
@@ -899,7 +899,7 @@ const Vn = ({
           {
             type: "button",
             className: "ll-minimized__btn ll-minimized__btn--close",
-            onClick: m,
+            onClick: g,
             "aria-label": "Close widget",
             children: /* @__PURE__ */ n(Bn, { className: "ll-minimized__icon" })
           }
@@ -907,7 +907,7 @@ const Vn = ({
       ] })
     ] })
   }
-), Jn = ({
+), Gn = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
@@ -918,7 +918,7 @@ const Vn = ({
   if (T(() => {
     d.current !== e && (d.current = e, s(!1));
   }, [e]), !e) return null;
-  const u = {
+  const f = {
     position: "absolute",
     inset: 0,
     width: "100%",
@@ -938,9 +938,9 @@ const Vn = ({
         src: e,
         alt: t,
         className: o,
-        style: u,
+        style: f,
         loading: "eager",
-        fetchpriority: "high",
+        fetchPriority: "high",
         onLoad: () => s(!0)
       }
     )
@@ -954,9 +954,9 @@ const Vn = ({
   greeting: l,
   branding: s,
   teamMembers: d,
-  currentTeamMemberId: u,
-  isSwitchingTeamMember: m,
-  teamSwitcherOpen: h,
+  currentTeamMemberId: f,
+  isSwitchingTeamMember: g,
+  teamSwitcherOpen: m,
   onToggleTeamSwitcher: a,
   onSelectTeamMember: c,
   languageMenuOpen: R,
@@ -974,81 +974,81 @@ const Vn = ({
   cameraPreviewEl: A,
   cameraDevices: O,
   activeCameraId: W,
-  isScreenShareEnabled: V,
+  isScreenShareEnabled: Y,
   screenPreviewEl: te,
   isSpeakerMuted: ue,
-  allowCamera: He,
-  allowScreenShare: Oe,
-  allowTyping: qe,
-  avatarVideoContainerRef: Be,
-  onConnect: me,
-  onDisconnect: ge,
-  onRetry: ye,
-  onResumeAudio: ve,
-  onToggleMute: be,
-  onToggleCamera: we,
-  onSwitchCameraDevice: _e,
-  onToggleScreenShare: xe,
-  onToggleSpeaker: j,
-  onSendMessage: We,
-  onMinimize: Fe,
-  onClose: Ue,
-  onClearMicError: je
+  allowCamera: qe,
+  allowScreenShare: Be,
+  allowTyping: We,
+  avatarVideoContainerRef: Fe,
+  onConnect: ge,
+  onDisconnect: ye,
+  onRetry: ve,
+  onResumeAudio: be,
+  onToggleMute: we,
+  onToggleCamera: _e,
+  onSwitchCameraDevice: xe,
+  onToggleScreenShare: ke,
+  onToggleSpeaker: V,
+  onSendMessage: Ue,
+  onMinimize: je,
+  onClose: Ve,
+  onClearMicError: fe
 }) => {
-  var Se;
-  const ae = b.length > 0 ? b[b.length - 1] : null, ie = ((d == null ? void 0 : d.length) ?? 0) > 1, ke = L === "connecting" || L === "connected", Le = L === "connected", fe = L === "idle" || L === "disconnected" || L === "error", J = E(null), Re = E(null);
+  var Ce;
+  const ae = b.length > 0 ? b[b.length - 1] : null, ie = ((d == null ? void 0 : d.length) ?? 0) > 1, Le = L === "connecting" || L === "connected", Se = L === "connected", pe = L === "idle" || L === "disconnected" || L === "error", K = E(null), Me = E(null);
   T(() => {
-    const y = J.current;
+    const y = K.current;
     y && (y.innerHTML = "", A && (A.style.width = "100%", A.style.height = "100%", A.style.objectFit = "cover", A.style.transform = "scaleX(-1)", y.appendChild(A)));
   }, [A]), T(() => {
-    const y = Re.current;
+    const y = Me.current;
     y && (y.innerHTML = "", te && (te.style.width = "100%", te.style.height = "100%", te.style.objectFit = "contain", y.appendChild(te)));
   }, [te]);
   const [ne, ee] = S(!1), [le, ce] = S(!1);
   T(() => {
-    if (!ne && !le && !R && !h) return;
+    if (!ne && !le && !R && !m) return;
     const y = () => {
-      ee(!1), ce(!1), R && C(), h && a();
+      ee(!1), ce(!1), R && C(), m && a();
     };
     return document.addEventListener("click", y), () => document.removeEventListener("click", y);
   }, [
     ne,
     le,
     R,
-    h,
+    m,
     C,
     a
   ]);
-  const [Q, re] = S(""), pe = k(
+  const [Z, re] = S(""), he = k(
     (y) => {
       y.preventDefault();
-      const K = Q.trim();
-      K && (We(K), re(""));
+      const X = Z.trim();
+      X && (Ue(X), re(""));
     },
-    [Q, We]
-  ), Ie = s.productName || "Live Layer", Ve = Le && (ae != null && ae.text) ? ae.text : l || "", Me = [
+    [Z, Ue]
+  ), Te = s.productName || "Live Layer", Ye = Se && (ae != null && ae.text) ? ae.text : l || "", Pe = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
   return /* @__PURE__ */ w(
     "div",
     {
-      className: Me,
+      className: Pe,
       "data-position": e,
-      "data-state": Le ? "connected" : ke ? "connecting" : "idle",
+      "data-state": Se ? "connected" : Le ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
         /* @__PURE__ */ w("div", { className: "ll-expanded__bg", children: [
           o ? /* @__PURE__ */ n(
-            Jn,
+            Gn,
             {
               src: o,
               alt: r,
               className: "ll-expanded__bg-img"
             }
-          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Se = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Se.toUpperCase()) || "A" }) }),
-          i && !Le && /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Ce = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Ce.toUpperCase()) || "A" }) }),
+          i && !Se && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
@@ -1060,24 +1060,24 @@ const Vn = ({
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { ref: Be, className: "ll-expanded__video" }),
+        /* @__PURE__ */ n("div", { ref: Fe, className: "ll-expanded__video" }),
         L === "connecting" && /* @__PURE__ */ w("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
           /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
-          /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: m ? "Switching..." : "Connecting..." })
+          /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: g ? "Switching..." : "Connecting..." })
         ] }),
-        I && Le && /* @__PURE__ */ w(
+        I && Se && /* @__PURE__ */ w(
           "button",
           {
             type: "button",
             className: "ll-expanded__overlay ll-expanded__overlay--gesture",
-            onClick: ve,
+            onClick: be,
             children: [
               /* @__PURE__ */ n("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("path", { d: "M3 9v6h4l5 5V4L7 9H3zm13.54.12a5 5 0 0 1 0 5.76l-1.41-1.41a3 3 0 0 0 0-2.94L16.54 9.12z" }) }),
               /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: "Tap to enable audio" })
             ]
           }
         ),
-        ke ? /* @__PURE__ */ w("div", { className: "ll-expanded__topbar", children: [
+        Le ? /* @__PURE__ */ w("div", { className: "ll-expanded__topbar", children: [
           /* @__PURE__ */ w("div", { className: "ll-expanded__topbar-left", children: [
             /* @__PURE__ */ w("div", { className: "ll-expanded__pill-wrap", children: [
               /* @__PURE__ */ w(
@@ -1089,14 +1089,14 @@ const Vn = ({
                     ie && (y.stopPropagation(), a());
                   },
                   "aria-haspopup": ie ? "listbox" : void 0,
-                  "aria-expanded": ie ? h : void 0,
+                  "aria-expanded": ie ? m : void 0,
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
                     ie && /* @__PURE__ */ n(Xe, {})
                   ]
                 }
               ),
-              ie && h && /* @__PURE__ */ n(
+              ie && m && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
@@ -1106,10 +1106,10 @@ const Vn = ({
                     "button",
                     {
                       type: "button",
-                      className: `ll-hmenu__item ${y.id === u ? "is-active" : ""}`,
+                      className: `ll-hmenu__item ${y.id === f ? "is-active" : ""}`,
                       onClick: () => c(y.id),
                       role: "option",
-                      "aria-selected": y.id === u,
+                      "aria-selected": y.id === f,
                       children: [
                         y.avatarImageUrl && /* @__PURE__ */ n(
                           "img",
@@ -1180,7 +1180,7 @@ const Vn = ({
               {
                 type: "button",
                 className: "ll-hbtn",
-                onClick: Fe,
+                onClick: je,
                 "aria-label": "Minimize widget",
                 title: "Minimize",
                 children: /* @__PURE__ */ n(Ht, {})
@@ -1191,7 +1191,7 @@ const Vn = ({
               {
                 type: "button",
                 className: "ll-hbtn ll-hbtn--danger",
-                onClick: Ue,
+                onClick: Ve,
                 "aria-label": "End call",
                 title: "End call",
                 children: /* @__PURE__ */ n(zt, {})
@@ -1201,14 +1201,14 @@ const Vn = ({
         ] }) : (
           // Idle-state header with Live Layer product name + minimize/close
           /* @__PURE__ */ w("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Ie }),
+            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Te }),
             /* @__PURE__ */ w("div", { className: "ll-expanded__header-actions", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: Fe,
+                  onClick: je,
                   "aria-label": "Minimize widget",
                   children: /* @__PURE__ */ n(Ht, {})
                 }
@@ -1218,7 +1218,7 @@ const Vn = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: Ue,
+                  onClick: Ve,
                   "aria-label": "Close widget",
                   children: /* @__PURE__ */ n(zt, {})
                 }
@@ -1226,15 +1226,15 @@ const Vn = ({
             ] })
           ] })
         ),
-        fe && /* @__PURE__ */ (() => {
-          const y = z ? "Restart paused session" : L === "disconnected" ? "Reconnect to agent" : "Start video call", K = z ? "Pick up where you left off" : null;
+        pe && /* @__PURE__ */ (() => {
+          const y = z ? "Restart paused session" : L === "disconnected" ? "Reconnect to agent" : "Start video call", X = z ? "Pick up where you left off" : null;
           return /* @__PURE__ */ w(ut, { children: [
             L === "idle" && !z && !H && /* @__PURE__ */ w(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
-                onClick: me,
+                onClick: ge,
                 "aria-label": y,
                 children: [
                   /* @__PURE__ */ n("div", { className: "ll-expanded__play-circle", children: /* @__PURE__ */ n("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("polygon", { points: "6 3 20 12 6 21 6 3" }) }) }),
@@ -1244,13 +1244,13 @@ const Vn = ({
             ),
             /* @__PURE__ */ w("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
               l && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: l }) }),
-              K && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: K }),
+              X && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: X }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__cta",
-                  onClick: me,
+                  onClick: ge,
                   "aria-label": y,
                   children: y
                 }
@@ -1261,46 +1261,46 @@ const Vn = ({
         /* @__PURE__ */ w(
           "div",
           {
-            className: `ll-expanded__pip ${ke && (D || V) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${Le && (D || Y) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: Re,
-                  className: V ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: Me,
+                  className: Y ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: J,
-                  className: !V && D ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: K,
+                  className: !Y && D ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        ke ? /* @__PURE__ */ w("div", { className: "ll-expanded__bottom", children: [
-          Ve && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Ve }) }),
+        Le ? /* @__PURE__ */ w("div", { className: "ll-expanded__bottom", children: [
+          Ye && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Ye }) }),
           /* @__PURE__ */ w("div", { className: "ll-toolbar", onClick: (y) => y.stopPropagation(), children: [
-            Oe && /* @__PURE__ */ n(
+            Be && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${V ? "is-on" : ""}`,
-                onClick: xe,
-                "aria-label": V ? "Stop sharing screen" : "Share screen",
-                title: V ? "Stop sharing" : "Share screen",
+                className: `ll-tool ${Y ? "is-on" : ""}`,
+                onClick: ke,
+                "aria-label": Y ? "Stop sharing screen" : "Share screen",
+                title: Y ? "Stop sharing" : "Share screen",
                 children: /* @__PURE__ */ n(Xn, {})
               }
             ),
-            He && /* @__PURE__ */ w("div", { className: "ll-tool-split", children: [
+            qe && /* @__PURE__ */ w("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: `ll-tool ll-tool--left ${D ? "is-on" : ""}`,
-                  onClick: we,
+                  onClick: _e,
                   "aria-label": D ? "Turn off camera" : "Turn on camera",
                   title: D ? "Stop camera" : "Start camera",
                   children: /* @__PURE__ */ n(Qn, {})
@@ -1312,7 +1312,7 @@ const Vn = ({
                   type: "button",
                   className: `ll-tool ll-tool--right ${D ? "is-on" : ""}`,
                   onClick: (y) => {
-                    y.stopPropagation(), ce((K) => !K), ee(!1);
+                    y.stopPropagation(), ce((X) => !X), ee(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
@@ -1327,7 +1327,7 @@ const Vn = ({
                   devices: O,
                   activeId: W,
                   onPick: (y) => {
-                    ce(!1), _e(y);
+                    ce(!1), xe(y);
                   }
                 }
               )
@@ -1338,7 +1338,7 @@ const Vn = ({
                 {
                   type: "button",
                   className: `ll-tool ll-tool--left ${p ? "is-muted" : ""}`,
-                  onClick: be,
+                  onClick: we,
                   "aria-label": p ? "Unmute microphone" : "Mute microphone",
                   title: p ? "Unmute" : "Mute",
                   children: /* @__PURE__ */ n(Zn, { muted: p })
@@ -1350,7 +1350,7 @@ const Vn = ({
                   type: "button",
                   className: `ll-tool ll-tool--right ${p ? "is-muted" : ""}`,
                   onClick: (y) => {
-                    y.stopPropagation(), ee((K) => !K), ce(!1);
+                    y.stopPropagation(), ee((X) => !X), ce(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
@@ -1373,26 +1373,26 @@ const Vn = ({
               {
                 type: "button",
                 className: `ll-tool ${ue ? "is-muted" : ""}`,
-                onClick: j,
+                onClick: V,
                 "aria-label": ue ? "Unmute speaker" : "Mute speaker",
                 title: ue ? "Unmute speaker" : "Mute speaker",
                 children: /* @__PURE__ */ n(er, { muted: ue })
               }
             )
           ] }),
-          qe && /* @__PURE__ */ w("form", { className: "ll-message-input", onSubmit: pe, children: [
+          We && /* @__PURE__ */ w("form", { className: "ll-message-input", onSubmit: he, children: [
             /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: Q,
+                value: Z,
                 onChange: (y) => re(y.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            Q.trim() && /* @__PURE__ */ n(
+            Z.trim() && /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
@@ -1407,7 +1407,7 @@ const Vn = ({
             {
               type: "button",
               className: "ll-expanded__end",
-              onClick: ge,
+              onClick: ye,
               children: "End conversation"
             }
           )
@@ -1421,14 +1421,14 @@ const Vn = ({
                 {
                   type: "button",
                   className: "ll-expanded__banner-x",
-                  onClick: je,
+                  onClick: fe,
                   "aria-label": "Dismiss",
                   children: "×"
                 }
               )
             ] });
           if (!H || L !== "error") return null;
-          let y = "Failed to connect", K = "Try again";
+          let y = "Failed to connect", X = "Try again";
           return H === "MIC_PERMISSION_DENIED" ? y = "Microphone blocked. Allow access to talk." : H === "MIC_NOT_FOUND" ? y = "No microphone found. Plug one in + retry." : H === "MIC_UNAVAILABLE" ? y = "Mic unavailable. Check other apps using it." : H === "AGENT_TIMEOUT" ? y = "Agent didn't pick up. Try again." : H === "CONNECT_FAILED" ? y = "Connection failed. Check your network." : H.length < 80 && (y = H), /* @__PURE__ */ w("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
             /* @__PURE__ */ n("span", { children: y }),
             /* @__PURE__ */ n(
@@ -1436,8 +1436,8 @@ const Vn = ({
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: ye,
-                children: K
+                onClick: ve,
+                children: X
               }
             )
           ] });
@@ -1552,7 +1552,7 @@ const Qe = 4096, rr = 20, or = 20, ir = 10, lr = 10, ar = 30, qt = 500, cr = [
   "noscript",
   "iframe"
 ];
-function $e(e) {
+function He(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
@@ -1562,7 +1562,7 @@ function $e(e) {
   }
   return !1;
 }
-function ze(e) {
+function Oe(e) {
   if (typeof window > "u") return !0;
   const t = e.getBoundingClientRect();
   if (t.width <= 0 || t.height <= 0) return !1;
@@ -1582,10 +1582,10 @@ function Bt(e) {
   const i = e.closest("label");
   return i != null && i.textContent ? i.textContent.trim() : "";
 }
-function he(e, t) {
+function me(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-function Ee(e) {
+function Ae(e) {
   return e.length;
 }
 function sr(e, t = {}) {
@@ -1607,34 +1607,34 @@ function sr(e, t = {}) {
   ), d = [];
   for (const p of s) {
     if (d.length >= ir) break;
-    if ($e(p) || !ze(p)) continue;
-    const N = p.getAttribute("data-ll-region") ?? "", B = p.getAttribute("data-ll-intent") ?? void 0, D = he(
+    if (He(p) || !Oe(p)) continue;
+    const N = p.getAttribute("data-ll-region") ?? "", B = p.getAttribute("data-ll-intent") ?? void 0, D = me(
       (p.innerText || p.textContent || "").trim(),
       qt * 2
     );
     !N || !D || d.push({ id: N, intent: B, text: D });
   }
-  const u = [], m = ["H1", "H2", "H3", "H4", "H5", "H6"], h = Array.from(
+  const f = [], g = ["H1", "H2", "H3", "H4", "H5", "H6"], m = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
-  for (const p of h) {
-    if ($e(p) || !ze(p)) continue;
+  for (const p of m) {
+    if (He(p) || !Oe(p)) continue;
     const N = (p.textContent || "").trim();
-    N && u.push(`${p.tagName}: ${he(N, 200)}`);
+    N && f.push(`${p.tagName}: ${me(N, 200)}`);
   }
   const a = Array.from(r.querySelectorAll("p, li"));
   for (const p of a) {
-    if ($e(p) || !ze(p) || m.includes(p.tagName)) continue;
+    if (He(p) || !Oe(p) || g.includes(p.tagName)) continue;
     const N = (p.textContent || "").trim();
-    N.length > 10 && u.push(he(N, qt));
+    N.length > 10 && f.push(me(N, qt));
   }
-  const c = u.join(`
+  const c = f.join(`
 `), R = [], C = Array.from(r.querySelectorAll("a[href]"));
   for (const p of C) {
     if (R.length >= rr) break;
-    if ($e(p) || !ze(p)) continue;
+    if (He(p) || !Oe(p)) continue;
     const N = p.getAttribute("href") || "", B = (p.textContent || "").trim();
-    !N || !B || R.push({ href: N, text: he(B, 100) });
+    !N || !B || R.push({ href: N, text: me(B, 100) });
   }
   const L = [], v = Array.from(
     r.querySelectorAll(
@@ -1643,9 +1643,9 @@ function sr(e, t = {}) {
   );
   for (const p of v) {
     if (L.length >= or) break;
-    if ($e(p) || !tt(p) || !ze(p)) continue;
+    if (He(p) || !tt(p) || !Oe(p)) continue;
     const N = Bt(p), B = p instanceof HTMLInputElement ? p.type : p.tagName.toLowerCase();
-    N && L.push({ label: he(N, 100), type: B });
+    N && L.push({ label: me(N, 100), type: B });
   }
   const b = Array.from(
     r.querySelectorAll("[data-ll-form]")
@@ -1665,8 +1665,8 @@ function sr(e, t = {}) {
       if (!tt(O)) continue;
       const W = O.getAttribute("data-ll-field") || "";
       if (!W) continue;
-      const V = Bt(O) || W, te = O instanceof HTMLInputElement ? O.type : O.tagName.toLowerCase();
-      A.push({ name: W, label: he(V, 100), type: te });
+      const Y = Bt(O) || W, te = O instanceof HTMLInputElement ? O.type : O.tagName.toLowerCase();
+      A.push({ name: W, label: me(Y, 100), type: te });
     }
     z.push({ id: N, intent: B, fields: A });
   }
@@ -1681,23 +1681,23 @@ function sr(e, t = {}) {
     forms: z,
     extras: e
   };
-  let H = Ee(JSON.stringify(I.regions)) + Ee(I.visibleText) + Ee(JSON.stringify(I.visibleLinks)) + Ee(JSON.stringify(I.visibleFields));
+  let H = Ae(JSON.stringify(I.regions)) + Ae(I.visibleText) + Ae(JSON.stringify(I.visibleLinks)) + Ae(JSON.stringify(I.visibleFields));
   for (; H > Qe && I.visibleFields.length > 0; )
-    I.visibleFields.pop(), H = Ee(JSON.stringify(I.visibleFields));
+    I.visibleFields.pop(), H = Ae(JSON.stringify(I.visibleFields));
   for (; H > Qe && I.visibleLinks.length > 0; )
     I.visibleLinks.pop(), H -= 80;
-  return Ee(I.visibleText) > Qe && (I.visibleText = he(I.visibleText, Qe - 100)), I;
+  return Ae(I.visibleText) > Qe && (I.visibleText = me(I.visibleText, Qe - 100)), I;
 }
-let Ne = null;
+let Re = null;
 function Wt(e, t = {}) {
   const r = Date.now(), i = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if (Ne && Ne.key === i && r - Ne.at < 1e3)
-    return Ne.ctx;
+  if (Re && Re.key === i && r - Re.at < 1e3)
+    return Re.ctx;
   const l = sr(e, t);
-  return Ne = { key: i, at: r, ctx: l }, l;
+  return Re = { key: i, at: r, ctx: l }, l;
 }
 function dr() {
-  Ne = null;
+  Re = null;
 }
 const ur = 200;
 function fr(e) {
@@ -1722,33 +1722,33 @@ function hr(e) {
     if (pt(s)) continue;
     const d = s.getAttribute("href") || "";
     if (!pr(d)) continue;
-    let u = d, m = !0;
+    let f = d, g = !0;
     try {
       if (typeof window < "u") {
         const a = new URL(d, r);
-        m = a.origin === r, m && d.startsWith("http") && (u = a.pathname + a.search + a.hash);
+        g = a.origin === r, g && d.startsWith("http") && (f = a.pathname + a.search + a.hash);
       }
     } catch {
       continue;
     }
-    if (o.has(u)) continue;
-    o.add(u);
-    const h = (s.textContent || "").trim().slice(0, 120);
-    i.push({ href: u, text: h, internal: m });
+    if (o.has(f)) continue;
+    o.add(f);
+    const m = (s.textContent || "").trim().slice(0, 120);
+    i.push({ href: f, text: m, internal: g });
   }
   return i;
 }
-let Ae = null;
+let Ie = null;
 const mr = 5e3;
 function st() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (Ae && Ae.pathname === t && e - Ae.at < mr)
-    return Ae.routes;
+  if (Ie && Ie.pathname === t && e - Ie.at < mr)
+    return Ie.routes;
   const r = hr();
-  return Ae = { at: e, pathname: t, routes: r }, r;
+  return Ie = { at: e, pathname: t, routes: r }, r;
 }
 function gr() {
-  Ae = null;
+  Ie = null;
 }
 function yr(e, t) {
   const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, o = Object.getOwnPropertyDescriptor(r, "value"), i = o == null ? void 0 : o.set;
@@ -1844,9 +1844,9 @@ function Sr(e) {
     sessionBody: l,
     autoConnect: s = !1,
     displayMode: d,
-    defaultDisplayMode: u = "expanded",
-    onDisplayModeChange: m,
-    position: h = "bottom-right",
+    defaultDisplayMode: f = "expanded",
+    onDisplayModeChange: g,
+    position: m = "bottom-right",
     mobileBreakpoint: a = 640,
     persistKey: c = "ll-widget",
     disablePersistence: R = !1,
@@ -1864,63 +1864,63 @@ function Sr(e) {
     showOn: A,
     hideOn: O,
     pathname: W,
-    onNavigate: V,
+    onNavigate: Y,
     onScrollToSelector: te,
     getPageContext: ue,
-    pageContextExtras: He,
-    getRoutes: Oe,
-    onScrollPage: qe,
-    onClick: Be,
-    capabilities: me,
-    onConnect: ge,
-    onDisconnect: ye,
-    onTranscript: ve,
-    onAgentState: be,
-    onConnectionStateChange: we,
-    onAgentEvent: _e,
-    onAgentCommand: xe,
-    controlledSession: j,
-    className: We,
-    style: Fe,
-    zIndex: Ue = 2147483647
-  } = e, je = Tn(W), ae = qn(je, A, O);
+    pageContextExtras: qe,
+    getRoutes: Be,
+    onScrollPage: We,
+    onClick: Fe,
+    capabilities: ge,
+    onConnect: ye,
+    onDisconnect: ve,
+    onTranscript: be,
+    onAgentState: we,
+    onConnectionStateChange: _e,
+    onAgentEvent: xe,
+    onAgentCommand: ke,
+    controlledSession: V,
+    className: Ue,
+    style: je,
+    zIndex: Ve = 2147483647
+  } = e, fe = Tn(W), ae = qn(fe, A, O);
   T(() => {
     dr(), gr();
-  }, [je]);
-  const ie = L !== void 0, [ke, Le] = S(() => {
-    var g;
-    return L ?? ((g = C == null ? void 0 : C[0]) == null ? void 0 : g.id);
-  }), fe = ie ? L : ke, J = Ze(
-    () => (C == null ? void 0 : C.find((g) => g.id === fe)) ?? null,
-    [C, fe]
-  ), Re = (J == null ? void 0 : J.agentId) ?? t, [ne, ee] = An({
+  }, [fe]);
+  const ie = L !== void 0, [Le, Se] = S(() => {
+    var h;
+    return L ?? ((h = C == null ? void 0 : C[0]) == null ? void 0 : h.id);
+  }), pe = ie ? L : Le, K = Ze(
+    () => (C == null ? void 0 : C.find((h) => h.id === pe)) ?? null,
+    [C, pe]
+  ), Me = (K == null ? void 0 : K.agentId) ?? t, [ne, ee] = An({
     value: d,
-    defaultValue: u,
-    onChange: m,
+    defaultValue: f,
+    onChange: g,
     persistKey: c,
     disablePersistence: R
-  }), le = In(a), ce = yn(), Q = vn(), re = wn(), pe = _n(), Ie = xn(), [Ve, Me] = S(!1), [Se, y] = S(!1), [K, Ye] = S(!1), [Yt, Gt] = S(!1), [nt, Jt] = S(!1), rt = E(V), ot = E(te), it = E(qe), lt = E(Be), ht = E(ue), mt = E(He), gt = E(Oe), at = E(me), oe = E(null);
-  rt.current = V, ot.current = te, it.current = qe, lt.current = Be, ht.current = ue, mt.current = He, gt.current = Oe, at.current = me;
-  function se(g) {
-    const f = at.current;
-    return f ? f.includes(g) : !0;
+  }), le = In(a), ce = yn(), Z = vn(), re = wn(), he = _n(), Te = xn(), [Ye, Pe] = S(!1), [Ce, y] = S(!1), [X, Je] = S(!1), [Yt, Jt] = S(!1), [nt, Gt] = S(!1), rt = E(Y), ot = E(te), it = E(We), lt = E(Fe), ht = E(ue), mt = E(qe), gt = E(Be), at = E(ge), oe = E(null);
+  rt.current = Y, ot.current = te, it.current = We, lt.current = Fe, ht.current = ue, mt.current = qe, gt.current = Be, at.current = ge;
+  function se(h) {
+    const u = at.current;
+    return u ? u.includes(h) : !0;
   }
-  function de(g, f) {
+  function de(h, u) {
     console.warn(
-      `[LiveLayer] Agent command "${g}" blocked — capability "${f}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
+      `[LiveLayer] Agent command "${h}" blocked — capability "${u}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
     );
   }
-  const Te = k(
-    (g) => {
-      var Z, Je, Ke, Et;
-      const f = g;
-      if (!(!f.type || typeof f.type != "string")) {
-        if (_e == null || _e({ eventName: f.type, data: g }), f.type === "navigate") {
+  const De = k(
+    (h) => {
+      var J, Ee, Ke, Et;
+      const u = h;
+      if (!(!u.type || typeof u.type != "string")) {
+        if (xe == null || xe({ eventName: u.type, data: h }), u.type === "navigate") {
           if (!se("navigate")) {
             de("navigate", "navigate");
             return;
           }
-          const x = typeof f.href == "string" ? f.href : null;
+          const x = typeof u.href == "string" ? u.href : null;
           if (!x) {
             console.warn(
               `[LiveLayer] Agent emitted "navigate" without href. Skipping. Check your agent's tool schema. See https://livelayer.studio/docs/errors/navigate-missing-href`
@@ -1958,14 +1958,14 @@ function Sr(e) {
             }
           return;
         }
-        if (f.type === "scroll_to") {
+        if (u.type === "scroll_to") {
           if (!se("scroll")) {
             de("scroll_to", "scroll");
             return;
           }
-          const x = typeof f.selector == "string" ? f.selector : null;
+          const x = typeof u.selector == "string" ? u.selector : null;
           if (!x) return;
-          const M = f.behavior === "instant" ? "instant" : "smooth";
+          const M = u.behavior === "instant" ? "instant" : "smooth";
           if (ot.current) {
             try {
               ot.current(
@@ -2000,26 +2000,26 @@ function Sr(e) {
           }
           return;
         }
-        if (f.type === "request_page_context") {
+        if (u.type === "request_page_context") {
           if (!se("read_page")) {
             de("request_page_context", "read_page");
             return;
           }
-          const x = typeof f.requestId == "string" ? f.requestId : void 0, M = (Z = oe.current) == null ? void 0 : Z.call(oe), q = (U) => {
+          const x = typeof u.requestId == "string" ? u.requestId : void 0, M = (J = oe.current) == null ? void 0 : J.call(oe), q = (j) => {
             const P = M, G = P == null ? void 0 : P.localParticipant;
             if (G != null && G.publishData)
               try {
-                const X = x ? { ...U, requestId: x } : U, Ce = new TextEncoder().encode(JSON.stringify(X));
-                G.publishData(Ce, { reliable: !0 });
-              } catch (X) {
-                console.warn("[LiveLayer] publishData failed.", X);
+                const Q = x ? { ...j, requestId: x } : j, Ne = new TextEncoder().encode(JSON.stringify(Q));
+                G.publishData(Ne, { reliable: !0 });
+              } catch (Q) {
+                console.warn("[LiveLayer] publishData failed.", Q);
               }
           }, $ = mt.current, F = ht.current;
           try {
             if (F) {
-              const U = F($);
-              if (U instanceof Promise) {
-                q({ type: "page_context_pending" }), U.then((P) => q({ type: "page_context", context: P })).catch((P) => {
+              const j = F($);
+              if (j instanceof Promise) {
+                q({ type: "page_context_pending" }), j.then((P) => q({ type: "page_context", context: P })).catch((P) => {
                   console.warn(
                     "[LiveLayer] getPageContext rejected; falling back to default walker.",
                     P
@@ -2030,17 +2030,17 @@ function Sr(e) {
                 });
                 return;
               }
-              q({ type: "page_context", context: U });
+              q({ type: "page_context", context: j });
               return;
             }
             q({
               type: "page_context",
               context: Wt($)
             });
-          } catch (U) {
+          } catch (j) {
             console.warn(
               "[LiveLayer] page-context extraction threw. Sending empty context.",
-              U
+              j
             ), q({
               type: "page_context",
               context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: $ }
@@ -2048,19 +2048,19 @@ function Sr(e) {
           }
           return;
         }
-        if (f.type === "scroll_page") {
+        if (u.type === "scroll_page") {
           if (!se("scroll")) {
             de("scroll_page", "scroll");
             return;
           }
-          const x = f.direction;
+          const x = u.direction;
           if (x !== "up" && x !== "down" && x !== "top" && x !== "bottom") {
             console.warn(
               `[LiveLayer] scroll_page: invalid direction "${String(x)}". Expected up | down | top | bottom.`
             );
             return;
           }
-          const M = f.behavior === "instant" ? "instant" : "smooth";
+          const M = u.behavior === "instant" ? "instant" : "smooth";
           if (it.current) {
             try {
               it.current(
@@ -2075,18 +2075,18 @@ function Sr(e) {
           if (typeof window > "u") return;
           const q = { behavior: M }, $ = xr(), F = (P) => {
             $ instanceof Window ? $.scrollBy({ top: P, ...q }) : $.scrollBy({ top: P, ...q });
-          }, U = (P) => {
+          }, j = (P) => {
             $ instanceof Window ? $.scrollTo({ top: P, ...q }) : $.scrollTo({ top: P, ...q });
           };
-          x === "up" ? F(-Ft($)) : x === "down" ? F(Ft($)) : U(x === "top" ? 0 : kr($));
+          x === "up" ? F(-Ft($)) : x === "down" ? F(Ft($)) : j(x === "top" ? 0 : kr($));
           return;
         }
-        if (f.type === "click") {
+        if (u.type === "click") {
           if (!se("click")) {
             de("click", "click");
             return;
           }
-          const x = typeof f.selector == "string" ? f.selector : null;
+          const x = typeof u.selector == "string" ? u.selector : null;
           if (!x) {
             console.warn("[LiveLayer] click: missing selector.");
             return;
@@ -2121,18 +2121,18 @@ function Sr(e) {
             );
             return;
           }
-          (Je = M.click) == null || Je.call(M);
+          (Ee = M.click) == null || Ee.call(M);
           return;
         }
-        if (f.type === "fill_form" || f.type === "focus_field") {
+        if (u.type === "fill_form" || u.type === "focus_field") {
           if (!se("fill_forms")) {
-            de(f.type, "fill_forms");
+            de(u.type, "fill_forms");
             return;
           }
           if (typeof document > "u") return;
-          const x = typeof f.formId == "string" ? f.formId : null;
+          const x = typeof u.formId == "string" ? u.formId : null;
           if (!x) {
-            console.warn(`[LiveLayer] ${f.type}: missing formId.`);
+            console.warn(`[LiveLayer] ${u.type}: missing formId.`);
             return;
           }
           const M = document.querySelector(
@@ -2140,18 +2140,18 @@ function Sr(e) {
           );
           if (!M) {
             console.warn(
-              `[LiveLayer] ${f.type}: no form with data-ll-form="${x}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
+              `[LiveLayer] ${u.type}: no form with data-ll-form="${x}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
             );
             return;
           }
           if (M.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
-              `[LiveLayer] ${f.type}: refusing to touch a form in a private subtree.`
+              `[LiveLayer] ${u.type}: refusing to touch a form in a private subtree.`
             );
             return;
           }
-          if (f.type === "focus_field") {
-            const $ = typeof f.fieldName == "string" ? f.fieldName : null;
+          if (u.type === "focus_field") {
+            const $ = typeof u.fieldName == "string" ? u.fieldName : null;
             if (!$) {
               console.warn("[LiveLayer] focus_field: missing fieldName.");
               return;
@@ -2172,28 +2172,28 @@ function Sr(e) {
             F.focus();
             return;
           }
-          const q = f.values && typeof f.values == "object" ? f.values : null;
+          const q = u.values && typeof u.values == "object" ? u.values : null;
           if (!q) {
             console.warn("[LiveLayer] fill_form: missing or invalid values.");
             return;
           }
           for (const [$, F] of Object.entries(q)) {
             if (typeof F != "string") continue;
-            const U = M.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
-            if (!U) {
+            const j = M.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
+            if (!j) {
               console.warn(
                 `[LiveLayer] fill_form: no field "${$}" in form "${x}". Skipping.`
               );
               continue;
             }
-            if (!tt(U)) {
+            if (!tt(j)) {
               console.warn(
                 `[LiveLayer] fill_form: field "${$}" is privacy-protected (password / cc-* / private). Skipping.`
               );
               continue;
             }
             try {
-              vr(U, F);
+              vr(j, F);
             } catch (P) {
               console.warn(
                 `[LiveLayer] fill_form: failed to set "${$}".`,
@@ -2203,13 +2203,13 @@ function Sr(e) {
           }
           return;
         }
-        if (f.type === "submit_form") {
+        if (u.type === "submit_form") {
           if (!se("submit_forms")) {
             de("submit_form", "submit_forms");
             return;
           }
           if (typeof document > "u") return;
-          const x = typeof f.formId == "string" ? f.formId : null;
+          const x = typeof u.formId == "string" ? u.formId : null;
           if (!x) {
             console.warn("[LiveLayer] submit_form: missing formId.");
             return;
@@ -2229,18 +2229,18 @@ function Sr(e) {
             );
             return;
           }
-          const q = typeof f.requestId == "string" ? f.requestId : void 0, $ = (Ke = oe.current) == null ? void 0 : Ke.call(oe), F = (G) => {
-            const X = $, Ce = X == null ? void 0 : X.localParticipant;
-            if (Ce != null && Ce.publishData)
+          const q = typeof u.requestId == "string" ? u.requestId : void 0, $ = (Ke = oe.current) == null ? void 0 : Ke.call(oe), F = (G) => {
+            const Q = $, Ne = Q == null ? void 0 : Q.localParticipant;
+            if (Ne != null && Ne.publishData)
               try {
                 const cn = q ? { ...G, requestId: q } : G, sn = new TextEncoder().encode(JSON.stringify(cn));
-                Ce.publishData(sn, { reliable: !0 });
+                Ne.publishData(sn, { reliable: !0 });
               } catch {
               }
           };
-          let U = !1;
+          let j = !1;
           const P = () => {
-            U = !0, F({ type: "form_submitted", formId: x });
+            j = !0, F({ type: "form_submitted", formId: x });
           };
           M.addEventListener("submit", P, { once: !0 });
           try {
@@ -2254,7 +2254,7 @@ function Sr(e) {
             return;
           }
           setTimeout(() => {
-            U || (M.removeEventListener("submit", P), F({
+            j || (M.removeEventListener("submit", P), F({
               type: "form_submit_blocked",
               formId: x,
               reason: "validation"
@@ -2262,34 +2262,34 @@ function Sr(e) {
           }, 500);
           return;
         }
-        if (f.type === "request_routes") {
+        if (u.type === "request_routes") {
           if (!se("read_page")) {
             de("request_routes", "read_page");
             return;
           }
-          const x = typeof f.requestId == "string" ? f.requestId : void 0, q = (Et = oe.current) == null ? void 0 : Et.call(oe), $ = q == null ? void 0 : q.localParticipant;
+          const x = typeof u.requestId == "string" ? u.requestId : void 0, q = (Et = oe.current) == null ? void 0 : Et.call(oe), $ = q == null ? void 0 : q.localParticipant;
           if (!($ != null && $.publishData)) return;
           const F = (P) => {
             try {
-              const G = x ? { type: "routes", routes: P, requestId: x } : { type: "routes", routes: P }, X = new TextEncoder().encode(JSON.stringify(G));
-              $.publishData(X, { reliable: !0 });
+              const G = x ? { type: "routes", routes: P, requestId: x } : { type: "routes", routes: P }, Q = new TextEncoder().encode(JSON.stringify(G));
+              $.publishData(Q, { reliable: !0 });
             } catch (G) {
               console.warn("[LiveLayer] request_routes: publishData failed.", G);
             }
-          }, U = gt.current;
-          if (U) {
+          }, j = gt.current;
+          if (j) {
             try {
-              const P = U(), G = (X) => {
-                if (!Array.isArray(X)) {
+              const P = j(), G = (Q) => {
+                if (!Array.isArray(Q)) {
                   F([]);
                   return;
                 }
-                F(X.map(fr).slice(0, 200));
+                F(Q.map(fr).slice(0, 200));
               };
-              P instanceof Promise ? P.then(G).catch((X) => {
+              P instanceof Promise ? P.then(G).catch((Q) => {
                 console.warn(
                   "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
-                  X
+                  Q
                 ), F(st());
               }) : G(P);
             } catch (P) {
@@ -2307,181 +2307,193 @@ function Sr(e) {
           }
           return;
         }
-        Lr.has(f.type) || xe == null || xe(f);
+        Lr.has(u.type) || ke == null || ke(u);
       }
     },
-    [xe, _e]
-  ), Y = gn({
-    agentId: j ? "__controlled__" : Re,
+    [ke, xe]
+  ), U = gn({
+    agentId: V ? "__controlled__" : Me,
     baseUrl: o,
     apiKey: r,
     sessionEndpoint: i,
     sessionBody: l,
-    onDataMessage: j ? void 0 : Te
+    onDataMessage: V ? void 0 : De
   });
   T(() => {
-    if (j != null && j.subscribeToDataMessages)
-      return j.subscribeToDataMessages(Te);
-  }, [j, Te]), oe.current = () => {
-    var g;
-    return (g = Y.getRoom) == null ? void 0 : g.call(Y);
+    if (V != null && V.subscribeToDataMessages)
+      return V.subscribeToDataMessages(De);
+  }, [V, De]), oe.current = () => {
+    var h;
+    return (h = U.getRoom) == null ? void 0 : h.call(U);
   }, T(() => {
-    var Z;
+    var J;
+    if (!fe) return;
+    const h = (J = U.getRoom) == null ? void 0 : J.call(U), u = h == null ? void 0 : h.localParticipant;
+    if (u != null && u.publishData)
+      try {
+        const Ee = new TextEncoder().encode(
+          JSON.stringify({ type: "pathname", pathname: fe })
+        );
+        u.publishData(Ee, { reliable: !0 });
+      } catch {
+      }
+  }, [fe, U, U.connectionState]), T(() => {
+    var J;
     if (typeof window > "u") return;
-    const g = ((Z = window.location) == null ? void 0 : Z.hostname) || "";
-    if (g === "localhost" || g === "127.0.0.1" || g === "0.0.0.0" || g.endsWith(".local") || g.endsWith(".test"))
-      return window.__livelayerSimulateCommand = (Je) => {
+    const h = ((J = window.location) == null ? void 0 : J.hostname) || "";
+    if (h === "localhost" || h === "127.0.0.1" || h === "0.0.0.0" || h.endsWith(".local") || h.endsWith(".test"))
+      return window.__livelayerSimulateCommand = (Ee) => {
         try {
-          Te(Je);
+          De(Ee);
         } catch (Ke) {
           console.warn("[LiveLayer] simulate-command threw:", Ke);
         }
       }, () => {
         delete window.__livelayerSimulateCommand;
       };
-  }, [Te]);
-  const _ = Ze(() => j ? {
-    connectionState: j.connectionState,
-    agentState: j.agentState,
-    transcript: j.transcript,
-    videoElement: j.videoElement,
-    audioElement: j.audioElement,
-    canResume: j.canResume,
-    error: j.error,
+  }, [De]);
+  const _ = Ze(() => V ? {
+    connectionState: V.connectionState,
+    agentState: V.agentState,
+    transcript: V.transcript,
+    videoElement: V.videoElement,
+    audioElement: V.audioElement,
+    canResume: V.canResume,
+    error: V.error,
     agentConfig: null,
     connect: async () => {
-      await j.onConnect();
+      await V.onConnect();
     },
-    disconnect: () => j.onDisconnect(),
+    disconnect: () => V.onDisconnect(),
     // Dummy getRoom for shape compatibility — controlled consumers own the Room.
     // Internal session's getRoom returns null when no real connect has happened,
     // so we reuse its reference for type consistency.
-    getRoom: Y.getRoom,
+    getRoom: U.getRoom,
     isControlled: !0
   } : {
-    connectionState: Y.connectionState,
-    agentState: Y.agentState,
-    transcript: Y.transcript,
-    videoElement: Y.videoElement,
-    audioElement: Y.audioElement,
-    canResume: Y.canResume,
-    error: Y.error,
-    agentConfig: Y.agentConfig,
-    connect: Y.connect,
-    disconnect: Y.disconnect,
-    getRoom: Y.getRoom,
+    connectionState: U.connectionState,
+    agentState: U.agentState,
+    transcript: U.transcript,
+    videoElement: U.videoElement,
+    audioElement: U.audioElement,
+    canResume: U.canResume,
+    error: U.error,
+    agentConfig: U.agentConfig,
+    connect: U.connect,
+    disconnect: U.disconnect,
+    getRoom: U.getRoom,
     isControlled: !1
-  }, [j, Y]), yt = E(null);
+  }, [V, U]), yt = E(null);
   T(() => {
-    const g = _.videoElement, f = yt.current;
-    if (!(!g || !f))
-      return f.appendChild(g), () => {
-        g.parentNode === f && f.removeChild(g);
+    const h = _.videoElement, u = yt.current;
+    if (!(!h || !u))
+      return u.appendChild(h), () => {
+        h.parentNode === u && u.removeChild(h);
       };
   }, [_.videoElement]), T(() => {
-    const g = _.audioElement;
-    if (!g) return;
-    ce.attach(g);
-    const f = g.play();
-    return f && typeof f.catch == "function" && f.catch((Z) => {
-      (Z == null ? void 0 : Z.name) === "NotAllowedError" && Me(!0);
+    const h = _.audioElement;
+    if (!h) return;
+    ce.attach(h);
+    const u = h.play();
+    return u && typeof u.catch == "function" && u.catch((J) => {
+      (J == null ? void 0 : J.name) === "NotAllowedError" && Pe(!0);
     }), () => {
       ce.detach();
     };
   }, [_.audioElement]), T(() => {
     if (_.isControlled || _.connectionState !== "connected") return;
-    const g = _.getRoom();
-    if (g)
-      return Q.setupMic(g).catch(() => {
-      }), re.attachRoom(g), pe.attachRoom(g), Ie.refresh(), () => {
-        Q.teardownMic(), re.teardown(), pe.teardown();
+    const h = _.getRoom();
+    if (h)
+      return Z.setupMic(h).catch(() => {
+      }), re.attachRoom(h), he.attachRoom(h), Te.refresh(), () => {
+        Z.teardownMic(), re.teardown(), he.teardown();
       };
   }, [_.isControlled, _.connectionState]), T(() => {
-    const g = _.audioElement;
-    g && (g.muted = nt);
+    const h = _.audioElement;
+    h && (h.muted = nt);
   }, [_.audioElement, nt]);
-  const Kt = k((g) => {
-    const f = _.getRoom();
-    if (f)
+  const Kt = k((h) => {
+    const u = _.getRoom();
+    if (u)
       try {
-        const Z = new TextEncoder().encode(
-          JSON.stringify({ type: "user_message", text: g })
+        const J = new TextEncoder().encode(
+          JSON.stringify({ type: "user_message", text: h })
         );
-        f.localParticipant.publishData(Z, { reliable: !0 });
+        u.localParticipant.publishData(J, { reliable: !0 });
       } catch {
       }
   }, [_]), Xt = k(() => {
-    Jt((g) => !g);
+    Gt((h) => !h);
   }, []);
   T(() => {
-    we == null || we(_.connectionState), _.connectionState === "connected" ? ge == null || ge() : _.connectionState === "disconnected" && (ye == null || ye());
-  }, [_.connectionState, ge, ye, we]), T(() => {
-    ve == null || ve(_.transcript);
-  }, [_.transcript, ve]), T(() => {
-    be == null || be(_.agentState);
-  }, [_.agentState, be]);
+    _e == null || _e(_.connectionState), _.connectionState === "connected" ? ye == null || ye() : _.connectionState === "disconnected" && (ve == null || ve());
+  }, [_.connectionState, ye, ve, _e]), T(() => {
+    be == null || be(_.transcript);
+  }, [_.transcript, be]), T(() => {
+    we == null || we(_.agentState);
+  }, [_.agentState, we]);
   const vt = E(!1);
   T(() => {
     _.isControlled || !s || vt.current || ae && _.connectionState === "idle" && (vt.current = !0, _.connect());
   }, [s, _.connectionState, _, ae]);
   const Qt = k(
-    (g) => {
-      const f = C == null ? void 0 : C.find((Z) => Z.id === g);
-      f && (Ye(!1), g !== fe && (y(!0), _.disconnect(), ie || Le(g), v == null || v(f)));
+    (h) => {
+      const u = C == null ? void 0 : C.find((J) => J.id === h);
+      u && (Je(!1), h !== pe && (y(!0), _.disconnect(), ie || Se(h), v == null || v(u)));
     },
     [
       C,
-      fe,
+      pe,
       _,
       ie,
       v
     ]
   );
   T(() => {
-    Se && _.connectionState === "connected" && y(!1);
-  }, [_.connectionState, Se]), T(() => {
-    if (!K) return;
-    const g = (f) => {
-      f.key === "Escape" && Ye(!1);
+    Ce && _.connectionState === "connected" && y(!1);
+  }, [_.connectionState, Ce]), T(() => {
+    if (!X) return;
+    const h = (u) => {
+      u.key === "Escape" && Je(!1);
     };
-    return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
-  }, [K]);
-  const Zt = !!I || !!(J != null && J.avatarImageUrl) || _.isControlled, Pe = kn(Re, o, Zt);
-  me === void 0 && ((wt = Pe.info) != null && wt.capabilities) && (at.current = Pe.info.capabilities);
-  const Ge = (J == null ? void 0 : J.name) ?? H ?? ((_t = _.agentConfig) == null ? void 0 : _t.name) ?? ((xt = Pe.info) == null ? void 0 : xt.name) ?? "Live Layer", ct = (J == null ? void 0 : J.avatarImageUrl) ?? I ?? ((kt = _.agentConfig) == null ? void 0 : kt.avatarImageUrl) ?? ((Lt = Pe.info) == null ? void 0 : Lt.avatarImageUrl) ?? null, en = b ?? ((St = _.agentConfig) == null ? void 0 : St.idleLoopUrl) ?? ((Ct = Pe.info) == null ? void 0 : Ct.idleLoopUrl) ?? null, tn = z ?? null, nn = k(() => ee("expanded"), [ee]), rn = k(
+    return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
+  }, [X]);
+  const Zt = !!I || !!(K != null && K.avatarImageUrl) || _.isControlled, $e = kn(Me, o, Zt);
+  ge === void 0 && ((wt = $e.info) != null && wt.capabilities) && (at.current = $e.info.capabilities);
+  const Ge = (K == null ? void 0 : K.name) ?? H ?? ((_t = _.agentConfig) == null ? void 0 : _t.name) ?? ((xt = $e.info) == null ? void 0 : xt.name) ?? "Live Layer", ct = (K == null ? void 0 : K.avatarImageUrl) ?? I ?? ((kt = _.agentConfig) == null ? void 0 : kt.avatarImageUrl) ?? ((Lt = $e.info) == null ? void 0 : Lt.avatarImageUrl) ?? null, en = b ?? ((St = _.agentConfig) == null ? void 0 : St.idleLoopUrl) ?? ((Ct = $e.info) == null ? void 0 : Ct.idleLoopUrl) ?? null, tn = z ?? null, nn = k(() => ee("expanded"), [ee]), rn = k(
     () => ee("minimized"),
     [ee]
   ), bt = k(() => {
     _.disconnect(), ee("hidden");
   }, [_, ee]), on = k(() => {
-    const g = _.audioElement;
-    g && g.play().then(() => Me(!1)).catch(() => {
+    const h = _.audioElement;
+    h && h.play().then(() => Pe(!1)).catch(() => {
     });
   }, [_.audioElement]), ln = k(() => {
-    Me(!1), _.connect();
-  }, [_]), De = {
-    ...Fe,
-    zIndex: Ue
+    Pe(!1), _.connect();
+  }, [_]), ze = {
+    ...je,
+    zIndex: Ve
   };
-  p.primaryColor && (De["--ll-color-primary"] = p.primaryColor), p.accentColor && (De["--ll-color-accent"] = p.accentColor), p.backgroundColor && (De["--ll-color-bg"] = p.backgroundColor), p.textColor && (De["--ll-color-fg"] = p.textColor);
+  p.primaryColor && (ze["--ll-color-primary"] = p.primaryColor), p.accentColor && (ze["--ll-color-accent"] = p.accentColor), p.backgroundColor && (ze["--ll-color-bg"] = p.backgroundColor), p.textColor && (ze["--ll-color-fg"] = p.textColor);
   const an = [
     "ll-widget",
     `ll-widget--${ne}`,
     `ll-widget--${le ? "mobile" : "desktop"}`,
-    We
+    Ue
   ].filter(Boolean).join(" ");
   return ae ? /* @__PURE__ */ w(
     "div",
     {
       className: an,
-      style: De,
+      style: ze,
       "data-display-mode": ne,
-      "data-position": h,
+      "data-position": m,
       children: [
         ne === "hidden" && /* @__PURE__ */ n(
           Vn,
           {
-            position: h,
+            position: m,
             isMobile: le,
             isSpeaking: _.agentState === "speaking",
             onExpand: () => ee("expanded"),
@@ -2491,24 +2503,24 @@ function Sr(e) {
           }
         ),
         ne === "minimized" && /* @__PURE__ */ n(
-          Gn,
+          Jn,
           {
-            position: h,
+            position: m,
             isMobile: le,
             agentName: Ge,
             avatarImageUrl: ct,
             agentState: _.agentState,
-            isMuted: Q.isMuted,
+            isMuted: Z.isMuted,
             audioLevel: ce,
             onExpand: nn,
-            onToggleMute: Q.toggleMute,
+            onToggleMute: Z.toggleMute,
             onClose: bt
           }
         ),
         ne === "expanded" && /* @__PURE__ */ n(
           Kn,
           {
-            position: h,
+            position: m,
             isMobile: le,
             agentName: Ge,
             avatarImageUrl: ct,
@@ -2516,46 +2528,46 @@ function Sr(e) {
             greeting: tn,
             branding: p,
             teamMembers: C,
-            currentTeamMemberId: fe,
-            isSwitchingTeamMember: Se,
-            teamSwitcherOpen: K,
-            onToggleTeamSwitcher: () => Ye((g) => !g),
+            currentTeamMemberId: pe,
+            isSwitchingTeamMember: Ce,
+            teamSwitcherOpen: X,
+            onToggleTeamSwitcher: () => Je((h) => !h),
             onSelectTeamMember: Qt,
             connectionState: _.connectionState,
             agentState: _.agentState,
             transcript: _.transcript,
-            isMuted: Q.isMuted,
-            micDevices: Ie.mics,
+            isMuted: Z.isMuted,
+            micDevices: Te.mics,
             isCameraEnabled: re.isEnabled,
             cameraPreviewEl: re.previewEl,
-            cameraDevices: Ie.cameras,
+            cameraDevices: Te.cameras,
             activeCameraId: re.activeDeviceId,
-            isScreenShareEnabled: pe.isEnabled,
-            screenPreviewEl: pe.previewEl,
+            isScreenShareEnabled: he.isEnabled,
+            screenPreviewEl: he.previewEl,
             isSpeakerMuted: nt,
             allowCamera: N,
             allowScreenShare: B,
             allowTyping: D,
             languageMenuOpen: Yt,
-            onToggleLanguageMenu: () => Gt((g) => !g),
-            needsUserGesture: Ve,
+            onToggleLanguageMenu: () => Jt((h) => !h),
+            needsUserGesture: Ye,
             canResume: _.canResume,
-            micError: Q.micError,
+            micError: Z.micError,
             error: _.error,
             avatarVideoContainerRef: yt,
             onConnect: () => void _.connect(),
             onDisconnect: () => _.disconnect(),
             onRetry: ln,
             onResumeAudio: on,
-            onToggleMute: Q.toggleMute,
+            onToggleMute: Z.toggleMute,
             onToggleCamera: () => void re.toggle(),
-            onSwitchCameraDevice: (g) => void re.switchDevice(g),
-            onToggleScreenShare: () => void pe.toggle(),
+            onSwitchCameraDevice: (h) => void re.switchDevice(h),
+            onToggleScreenShare: () => void he.toggle(),
             onToggleSpeaker: Xt,
             onSendMessage: Kt,
             onMinimize: rn,
             onClose: bt,
-            onClearMicError: Q.clearError
+            onClearMicError: Z.clearError
           }
         )
       ]
@@ -2574,22 +2586,22 @@ const Pr = ({
   className: l,
   style: s
 }) => {
-  const d = E(null), u = E(null), m = E(i);
-  m.current = i;
-  const h = k((a) => {
+  const d = E(null), f = E(null), g = E(i);
+  g.current = i;
+  const m = k((a) => {
     var R;
     const c = a.detail;
-    (R = m.current) == null || R.call(m, c);
+    (R = g.current) == null || R.call(g, c);
   }, []);
   return T(() => {
     const a = d.current;
     if (!a) return;
     const c = document.createElement("livelayer-widget");
-    return c.setAttribute("agent-id", e), t && c.setAttribute("base-url", t), r && c.setAttribute("api-key", r), o && c.setAttribute("mode", o), c.addEventListener("agent-event", h), a.appendChild(c), u.current = c, () => {
-      c.removeEventListener("agent-event", h), a.removeChild(c), u.current = null;
+    return c.setAttribute("agent-id", e), t && c.setAttribute("base-url", t), r && c.setAttribute("api-key", r), o && c.setAttribute("mode", o), c.addEventListener("agent-event", m), a.appendChild(c), f.current = c, () => {
+      c.removeEventListener("agent-event", m), a.removeChild(c), f.current = null;
     };
   }, [e]), T(() => {
-    u.current && (o ? u.current.setAttribute("mode", o) : u.current.removeAttribute("mode"));
+    f.current && (o ? f.current.setAttribute("mode", o) : f.current.removeAttribute("mode"));
   }, [o]), /* @__PURE__ */ n("div", { ref: d, className: l, style: s });
 }, Dr = ft(
   function({ id: t, intent: r, as: o = "div", className: i, style: l, children: s }, d) {
@@ -2623,7 +2635,7 @@ const Pr = ({
     const { name: o, label: i, labelClassName: l } = t, s = { name: o, "data-ll-field": o };
     let d;
     if ("as" in t && t.as === "textarea") {
-      const { name: u, label: m, labelClassName: h, as: a, ...c } = t;
+      const { name: f, label: g, labelClassName: m, as: a, ...c } = t;
       d = /* @__PURE__ */ n(
         "textarea",
         {
@@ -2633,7 +2645,7 @@ const Pr = ({
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: u, label: m, labelClassName: h, as: a, children: c, ...R } = t;
+      const { name: f, label: g, labelClassName: m, as: a, children: c, ...R } = t;
       d = /* @__PURE__ */ n(
         "select",
         {
@@ -2644,7 +2656,7 @@ const Pr = ({
         }
       );
     } else {
-      const { name: u, label: m, labelClassName: h, as: a, ...c } = t;
+      const { name: f, label: g, labelClassName: m, as: a, ...c } = t;
       d = /* @__PURE__ */ n(
         "input",
         {
@@ -2666,8 +2678,8 @@ function Hr({
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [o, i] = S(t), [l, s] = S([]), [d, u] = S(""), [m, h] = S(!1), a = E(/* @__PURE__ */ new Set()), c = E([]), R = E(m);
-  R.current = m, T(() => {
+  const [o, i] = S(t), [l, s] = S([]), [d, f] = S(""), [g, m] = S(!1), a = E(/* @__PURE__ */ new Set()), c = E([]), R = E(g);
+  R.current = g, T(() => {
     try {
       const v = localStorage.getItem(r);
       v === "1" && i(!0), v === "0" && i(!1);
@@ -2799,10 +2811,10 @@ function Hr({
                 "button",
                 {
                   type: "button",
-                  onClick: () => h((v) => !v),
-                  style: dt(m ? "#f59e0b" : "transparent"),
+                  onClick: () => m((v) => !v),
+                  style: dt(g ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
-                  children: m ? "▶ resume" : "⏸ pause"
+                  children: g ? "▶ resume" : "⏸ pause"
                 }
               ),
               /* @__PURE__ */ n(
@@ -2836,7 +2848,7 @@ function Hr({
           {
             type: "text",
             value: d,
-            onChange: (v) => u(v.target.value),
+            onChange: (v) => f(v.target.value),
             placeholder: "filter by type or data…",
             style: {
               margin: 8,