@livelayer/react 0.5.3 → 0.5.4

package/dist/index.mjs

@@ -1,9 +1,9 @@
 "use client";
-import { jsxs as _, jsx as n, Fragment as Bt } from "react/jsx-runtime";
-import { Component as ln, useState as N, useRef as I, useEffect as P, useCallback as S, useMemo as Je, forwardRef as ct, createElement as an } from "react";
-import { LiveKitSession as cn } from "@livelayer/sdk";
-import { createLocalAudioTrack as sn, Track as Wt, createLocalVideoTrack as dn } from "livekit-client";
-class un extends ln {
+import { jsxs as _, jsx as n, Fragment as Ft } from "react/jsx-runtime";
+import { Component as sn, useState as N, useRef as I, useEffect as P, useCallback as S, useMemo as Qe, forwardRef as dt, createElement as dn } from "react";
+import { LiveKitSession as un } from "@livelayer/sdk";
+import { createLocalAudioTrack as fn, Track as Ut, createLocalVideoTrack as pn } from "livekit-client";
+class hn extends sn {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
       this.setState({ hasError: !1, error: null });
@@ -33,9 +33,9 @@ class un extends ln {
     ] }) : this.props.children;
   }
 }
-function fn(e) {
-  const [t, r] = N("idle"), [o, i] = N("idle"), [l, s] = N([]), [d, u] = N(null), [h, m] = N(null), [a, c] = N(null), [A, C] = N(!1), [R, b] = N(null), L = I(null), $ = I(e.onDataMessage);
-  $.current = e.onDataMessage, P(() => {
+function mn(e) {
+  const [t, r] = N("idle"), [o, i] = N("idle"), [l, s] = N([]), [d, u] = N(null), [h, m] = N(null), [a, c] = N(null), [A, C] = N(!1), [R, b] = N(null), L = I(null), z = I(e.onDataMessage);
+  z.current = e.onDataMessage, P(() => {
     const g = {
       onConnectionStateChange: (x) => {
         r(x), x === "connected" && b(null);
@@ -49,10 +49,10 @@ function fn(e) {
       onError: (x) => b(x),
       onDataMessage: (x) => {
         var q;
-        (q = $.current) == null || q.call($, x);
+        (q = z.current) == null || q.call(z, x);
       },
       onResumabilityChange: C
-    }, E = new cn(
+    }, E = new un(
       {
         agentId: e.agentId,
         baseUrl: e.baseUrl,
@@ -81,7 +81,7 @@ function fn(e) {
       } catch (E) {
         throw b(E instanceof Error ? E.message : String(E)), E;
       }
-  }, []), H = S(() => {
+  }, []), O = S(() => {
     const g = L.current;
     g && g.disconnect();
   }, []), p = S(() => {
@@ -98,12 +98,12 @@ function fn(e) {
     canResume: A,
     error: R,
     connect: M,
-    disconnect: H,
+    disconnect: O,
     getRoom: p,
     session: L.current
   };
 }
-function pn() {
+function gn() {
   const e = I(null), t = I(null), r = I(null), o = I(null), i = I(/* @__PURE__ */ new Set()), l = I(null), s = S(() => {
     const a = t.current;
     if (!a) {
@@ -179,7 +179,7 @@ function pn() {
     i.current.clear(), l.current = null;
   }, [h]), { attach: u, detach: h, subscribe: m };
 }
-function hn() {
+function yn() {
   const [e, t] = N(!1), [r, o] = N(null), i = I(null), l = I(null), s = S(async (m) => {
     if (i.current && l.current) {
       try {
@@ -190,7 +190,7 @@ function hn() {
     }
     l.current = m, o(null);
     try {
-      const a = await sn({
+      const a = await fn({
         echoCancellation: !0,
         noiseSuppression: !0
       });
@@ -222,14 +222,14 @@ function hn() {
     clearError: h
   };
 }
-const mn = { resolution: { width: 640, height: 480, frameRate: 24 } };
-function gn() {
+const vn = { resolution: { width: 640, height: 480, frameRate: 24 } };
+function bn() {
   const [e, t] = N(!1), [r, o] = N(null), [i, l] = N(null), [s, d] = N(""), u = I(null), h = I(null), m = S((L) => {
     u.current = L;
   }, []), a = S(() => {
-    const L = u.current, $ = h.current;
-    if ($ && L) {
-      const M = L.localParticipant.getTrackPublication(Wt.Source.Camera);
+    const L = u.current, z = h.current;
+    if (z && L) {
+      const M = L.localParticipant.getTrackPublication(Ut.Source.Camera);
       if (M != null && M.track) {
         try {
           L.localParticipant.unpublishTrack(M.track);
@@ -237,30 +237,30 @@ function gn() {
         }
         M.track.stop();
       } else
-        $.stop();
+        z.stop();
     }
     h.current = null, l(null), t(!1);
   }, []), c = S(async (L) => {
-    const $ = u.current;
-    if ($) {
+    const z = u.current;
+    if (z) {
       o(null);
       try {
-        const M = { ...mn };
+        const M = { ...vn };
         L && (M.deviceId = L);
-        const H = await dn(M);
-        await $.localParticipant.publishTrack(H), h.current = H;
-        const p = H.attach();
+        const O = await pn(M);
+        await z.localParticipant.publishTrack(O), h.current = O;
+        const p = O.attach();
         l(p), t(!0), L && d(L);
         try {
-          $.localParticipant.publishData(
+          z.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
             { reliable: !0 }
           );
         } catch {
         }
       } catch (M) {
-        const H = M instanceof Error && M.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
-        o(H);
+        const O = M instanceof Error && M.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+        o(O);
       }
     }
   }, []), A = S(async () => {
@@ -284,7 +284,7 @@ function gn() {
     clearError: b
   };
 }
-function yn() {
+function wn() {
   const [e, t] = N(!1), [r, o] = N(null), [i, l] = N(null), s = I(null), d = S((c) => {
     s.current = c;
   }, []), u = S(() => l(null), []), h = S(async () => {
@@ -303,7 +303,7 @@ function yn() {
         await c.localParticipant.setScreenShareEnabled(!0);
         let A = 0;
         const C = () => {
-          const R = c.localParticipant.getTrackPublication(Wt.Source.ScreenShare);
+          const R = c.localParticipant.getTrackPublication(Ut.Source.ScreenShare);
           if (R != null && R.track) {
             const b = R.track.attach();
             l(b), t(!0);
@@ -335,7 +335,7 @@ function yn() {
   }, [e, u]), a = S(() => o(null), []);
   return { isEnabled: e, error: r, previewEl: i, toggle: h, attachRoom: d, teardown: m, clearError: a };
 }
-function vn() {
+function _n() {
   const [e, t] = N([]), [r, o] = N([]), i = S(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
@@ -350,7 +350,7 @@ function vn() {
     return navigator.mediaDevices.addEventListener("devicechange", l), () => navigator.mediaDevices.removeEventListener("devicechange", l);
   }, [i]), { mics: e, cameras: r, refresh: i };
 }
-function bn(e, t, r = !1) {
+function xn(e, t, r = !1) {
   const [o, i] = N(null), [l, s] = N(null), [d, u] = N(!r && !!e);
   return P(() => {
     if (r || !e) {
@@ -373,7 +373,7 @@ function bn(e, t, r = !1) {
     }), () => h.abort();
   }, [e, t, r]), { info: o, error: l, loading: d };
 }
-function wn(e) {
+function kn(e) {
   if (typeof window > "u") return null;
   try {
     return window.localStorage.getItem(e);
@@ -381,14 +381,14 @@ function wn(e) {
     return null;
   }
 }
-function _n(e, t) {
+function Ln(e, t) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(e, t);
     } catch {
     }
 }
-function xn({
+function Sn({
   value: e,
   defaultValue: t = "expanded",
   onChange: r
@@ -401,32 +401,32 @@ function xn({
   );
   return [s, d];
 }
-const kn = ["hidden", "minimized", "expanded"];
-function Ln(e) {
-  return e && kn.includes(e) ? e : null;
+const Cn = ["hidden", "minimized", "expanded"];
+function En(e) {
+  return e && Cn.includes(e) ? e : null;
 }
-function Sn({
+function Nn({
   value: e,
   defaultValue: t = "expanded",
   onChange: r,
   persistKey: o = "ll-widget",
   disablePersistence: i = !1
 } = {}) {
-  const l = `${o}:display-mode`, s = I(!1), [d, u] = xn({
+  const l = `${o}:display-mode`, s = I(!1), [d, u] = Sn({
     value: e,
     defaultValue: t,
     onChange: (h) => {
-      e === void 0 && !i && _n(l, h), r == null || r(h);
+      e === void 0 && !i && Ln(l, h), r == null || r(h);
     }
   });
   return P(() => {
     if (s.current || (s.current = !0, i || e !== void 0)) return;
-    const h = Ln(wn(l));
+    const h = En(kn(l));
     h && h !== d && u(h);
   }, []), [d, u];
 }
-const Cn = 640;
-function En(e = Cn) {
+const An = 640;
+function Rn(e = An) {
   const [t, r] = N(!1);
   return P(() => {
     if (e === !1) {
@@ -441,67 +441,67 @@ function En(e = Cn) {
     });
   }, [e]), t;
 }
-const St = "__llHistoryPatched", Ke = "ll:pathname";
-function Nn() {
-  if (typeof window > "u" || window.history[St]) return;
+const Et = "__llHistoryPatched", Ze = "ll:pathname";
+function In() {
+  if (typeof window > "u" || window.history[Et]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...r) {
     const o = e.apply(this, r);
-    return window.dispatchEvent(new Event(Ke)), o;
+    return window.dispatchEvent(new Event(Ze)), o;
   }, window.history.replaceState = function(...r) {
     const o = t.apply(this, r);
-    return window.dispatchEvent(new Event(Ke)), o;
-  }, window.history[St] = !0;
+    return window.dispatchEvent(new Event(Ze)), o;
+  }, window.history[Et] = !0;
 }
-function Ct() {
+function Nt() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
-function An(e) {
+function Mn(e) {
   const [t, r] = N(
-    () => e ?? Ct()
+    () => e ?? Nt()
   );
   return P(() => {
     if (e !== void 0) return;
-    Nn();
-    const o = () => r(Ct());
-    return o(), window.addEventListener("popstate", o), window.addEventListener(Ke, o), () => {
-      window.removeEventListener("popstate", o), window.removeEventListener(Ke, o);
+    In();
+    const o = () => r(Nt());
+    return o(), window.addEventListener("popstate", o), window.addEventListener(Ze, o), () => {
+      window.removeEventListener("popstate", o), window.removeEventListener(Ze, o);
     };
   }, [e]), e ?? t;
 }
-const Et = /* @__PURE__ */ new Map(), Rn = /[\\^$+?.()|{}[\]]/g;
-function In(e) {
-  return e.replace(Rn, "\\$&");
+const At = /* @__PURE__ */ new Map(), Tn = /[\\^$+?.()|{}[\]]/g;
+function Pn(e) {
+  return e.replace(Tn, "\\$&");
 }
-function Mn(e) {
-  const t = Et.get(e);
+function Dn(e) {
+  const t = At.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 = In(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "g"), "[^/]+"), u = new RegExp(`^${d}\\/?$`);
-  return Et.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 = Pn(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "g"), "[^/]+"), u = new RegExp(`^${d}\\/?$`);
+  return At.set(e, u), u;
 }
-function Tn(e, t) {
+function $n(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
-  return Mn(e).test(r);
+  return Dn(e).test(r);
 }
-function Pn(e, t) {
-  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : Tn(e, t);
+function zn(e, t) {
+  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : $n(e, t);
 }
-function Nt(e, t) {
+function Rt(e, t) {
   if (!e || e.length === 0) return !1;
   for (const r of e)
-    if (Pn(r, t)) return !0;
+    if (zn(r, t)) return !0;
   return !1;
 }
-function Dn(e, t, r) {
-  return e === void 0 ? !0 : Nt(r, e) ? !1 : t && t.length > 0 ? Nt(t, e) : !0;
+function Hn(e, t, r) {
+  return e === void 0 ? !0 : Rt(r, e) ? !1 : t && t.length > 0 ? Rt(t, e) : !0;
 }
-function $n(e, t, r) {
-  return Je(
-    () => Dn(e, t, r),
+function On(e, t, r) {
+  return Qe(
+    () => Hn(e, t, r),
     [e, t, r]
   );
 }
-const At = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
+const It = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
   "svg",
   {
     className: t,
@@ -547,7 +547,7 @@ const At = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
       }
     )
   }
-), Rt = ({ className: e }) => /* @__PURE__ */ n(
+), Mt = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -565,7 +565,7 @@ const At = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
       }
     )
   }
-), zn = ({ className: e }) => /* @__PURE__ */ n(
+), qn = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -576,12 +576,12 @@ const At = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
   }
-), Hn = {
+), Bn = {
   left: 180,
   right: 0,
   up: -90,
   down: 90
-}, On = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
+}, Wn = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
   "svg",
   {
     className: t,
@@ -589,19 +589,19 @@ const At = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    style: { transform: `rotate(${Hn[e]}deg)` },
+    style: { transform: `rotate(${Bn[e]}deg)` },
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
   }
 );
-function qn(e) {
+function Fn(e) {
   return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const Ft = "ll-hidden-tab-center-y", Bn = 5, It = 16;
-function Wn() {
+const jt = "ll-hidden-tab-center-y", Un = 5, Tt = 16;
+function jn() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(Ft);
+    const e = window.localStorage.getItem(jt);
     if (!e) return null;
     const t = Number.parseFloat(e);
     return Number.isFinite(t) ? t : null;
@@ -609,30 +609,30 @@ function Wn() {
     return null;
   }
 }
-function Mt(e) {
+function Pt(e) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(Ft, String(e));
+      window.localStorage.setItem(jt, String(e));
     } catch {
     }
 }
-const Fn = ({
+const Vn = ({
   position: e,
   isMobile: t,
   isSpeaking: r,
   onExpand: o,
   label: i = "Open widget"
 }) => {
-  const l = qn(e), s = l === "right" ? "left" : "right", d = t ? 80 : 72, [u, h] = N(null), [m, a] = N(!1), c = I(null), A = I(!1), C = S(
+  const l = Fn(e), s = l === "right" ? "left" : "right", d = t ? 80 : 72, [u, h] = N(null), [m, a] = N(!1), c = I(null), A = I(!1), C = S(
     (g) => {
       if (typeof window > "u") return g;
-      const E = d / 2, x = It + E, q = window.innerHeight - It - E;
+      const E = d / 2, x = Tt + E, q = window.innerHeight - Tt - E;
       return q < x ? Math.max(x, g) : Math.max(x, Math.min(q, g));
     },
     [d]
   );
   P(() => {
-    const g = Wn();
+    const g = jn();
     h(C(g ?? window.innerHeight / 2));
     const E = () => {
       h((x) => x === null ? null : C(x));
@@ -659,7 +659,7 @@ const Fn = ({
       const E = c.current;
       if (!E) return;
       const x = g.clientY - E.startClientY;
-      !E.moved && Math.abs(x) > Bn && (E.moved = !0, a(!0)), E.moved && h(C(E.startCenterY + x));
+      !E.moved && Math.abs(x) > Un && (E.moved = !0, a(!0)), E.moved && h(C(E.startCenterY + x));
     },
     [C]
   ), L = S(
@@ -670,11 +670,11 @@ const Fn = ({
           g.currentTarget.releasePointerCapture(g.pointerId);
         } catch {
         }
-        c.current = null, E.moved && (a(!1), A.current = !0, h((x) => (x !== null && Mt(x), x)));
+        c.current = null, E.moved && (a(!1), A.current = !0, h((x) => (x !== null && Pt(x), x)));
       }
     },
     []
-  ), $ = S(() => {
+  ), z = S(() => {
     if (A.current) {
       A.current = !1;
       return;
@@ -688,12 +688,12 @@ const Fn = ({
         h((x) => {
           if (x === null) return x;
           const q = C(x + E);
-          return Mt(q), q;
+          return Pt(q), q;
         });
       }
     },
     [C]
-  ), H = [
+  ), O = [
     "ll-hidden",
     `ll-hidden--${l}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
@@ -704,20 +704,20 @@ const Fn = ({
     "button",
     {
       type: "button",
-      className: H,
+      className: O,
       onPointerDown: R,
       onPointerMove: b,
       onPointerUp: L,
       onPointerCancel: L,
-      onClick: $,
+      onClick: z,
       onKeyDown: M,
       "aria-label": i,
       "data-position": e,
       style: p,
-      children: /* @__PURE__ */ n(On, { direction: s, className: "ll-hidden__chevron" })
+      children: /* @__PURE__ */ n(Wn, { direction: s, className: "ll-hidden__chevron" })
     }
   );
-}, Un = ({
+}, Yn = ({
   audioLevel: e,
   bars: t = 20,
   maxHeight: r = 20,
@@ -725,7 +725,7 @@ const Fn = ({
   className: i,
   barClassName: l
 }) => {
-  const s = I(null), d = I([]), u = Je(() => {
+  const s = I(null), d = I([]), u = Qe(() => {
     const m = (Math.sqrt(5) - 1) / 2;
     return Array.from({ length: t }, (a, c) => 0.5 + c * m % 1 * 0.5);
   }, [t]);
@@ -749,7 +749,7 @@ const Fn = ({
     },
     a
   )) });
-}, jn = ({
+}, Gn = ({
   position: e,
   isMobile: t,
   agentName: r,
@@ -786,7 +786,7 @@ const Fn = ({
             )
           ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
           /* @__PURE__ */ n(
-            Un,
+            Yn,
             {
               audioLevel: s,
               bars: 16,
@@ -809,10 +809,10 @@ const Fn = ({
                   (m.key === "Enter" || m.key === " ") && (m.stopPropagation(), m.preventDefault(), u());
                 },
                 "aria-label": l ? "Unmute microphone" : "Mute microphone",
-                children: /* @__PURE__ */ n(At, { muted: l, className: "ll-minimized__icon" })
+                children: /* @__PURE__ */ n(It, { muted: l, className: "ll-minimized__icon" })
               }
             ),
-            /* @__PURE__ */ n(Rt, { className: "ll-minimized__icon ll-minimized__icon--expand" })
+            /* @__PURE__ */ n(Mt, { className: "ll-minimized__icon ll-minimized__icon--expand" })
           ] })
         ]
       }
@@ -849,7 +849,7 @@ const Fn = ({
             className: "ll-minimized__btn",
             onClick: u,
             "aria-label": l ? "Unmute microphone" : "Mute microphone",
-            children: /* @__PURE__ */ n(At, { muted: l, className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(It, { muted: l, className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -859,7 +859,7 @@ const Fn = ({
             className: "ll-minimized__btn",
             onClick: d,
             "aria-label": `Expand ${r} widget`,
-            children: /* @__PURE__ */ n(Rt, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Mt, { className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -869,13 +869,13 @@ const Fn = ({
             className: "ll-minimized__btn ll-minimized__btn--close",
             onClick: h,
             "aria-label": "Close widget",
-            children: /* @__PURE__ */ n(zn, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(qn, { className: "ll-minimized__icon" })
           }
         )
       ] })
     ] })
   }
-), Vn = ({
+), Jn = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
@@ -913,7 +913,7 @@ const Fn = ({
       }
     )
   );
-}, Yn = ({
+}, Kn = ({
   position: e,
   isMobile: t,
   agentName: r,
@@ -932,91 +932,91 @@ const Fn = ({
   connectionState: R,
   agentState: b,
   transcript: L,
-  canResume: $,
+  canResume: z,
   needsUserGesture: M,
-  error: H,
+  error: O,
   isMuted: p,
   micError: g,
   micDevices: E,
   isCameraEnabled: x,
   cameraPreviewEl: q,
-  cameraDevices: X,
+  cameraDevices: Q,
   activeCameraId: de,
-  isScreenShareEnabled: Q,
-  screenPreviewEl: Z,
+  isScreenShareEnabled: Z,
+  screenPreviewEl: ee,
   isSpeakerMuted: ue,
-  allowCamera: qe,
-  allowScreenShare: Be,
-  allowTyping: We,
-  avatarVideoContainerRef: Ne,
-  onConnect: fe,
+  allowCamera: He,
+  allowScreenShare: Oe,
+  allowTyping: qe,
+  avatarVideoContainerRef: Be,
+  onConnect: me,
   onDisconnect: ge,
   onRetry: ye,
   onResumeAudio: ve,
   onToggleMute: be,
   onToggleCamera: we,
   onSwitchCameraDevice: _e,
-  onToggleScreenShare: W,
-  onToggleSpeaker: Qe,
-  onSendMessage: Fe,
-  onMinimize: Ue,
-  onClose: Ae,
-  onClearMicError: Re
+  onToggleScreenShare: xe,
+  onToggleSpeaker: F,
+  onSendMessage: We,
+  onMinimize: Fe,
+  onClose: Ue,
+  onClearMicError: je
 }) => {
-  var Pe;
-  const oe = L.length > 0 ? L[L.length - 1] : null, pe = ((d == null ? void 0 : d.length) ?? 0) > 1, xe = R === "connecting" || R === "connected", ee = R === "connected", V = R === "idle" || R === "disconnected" || R === "error", Ie = I(null), ie = I(null);
+  var Se;
+  const le = L.length > 0 ? L[L.length - 1] : null, oe = ((d == null ? void 0 : d.length) ?? 0) > 1, ke = R === "connecting" || R === "connected", Le = R === "connected", fe = R === "idle" || R === "disconnected" || R === "error", V = I(null), Re = I(null);
   P(() => {
-    const y = Ie.current;
-    y && (y.innerHTML = "", q && (q.style.width = "100%", q.style.height = "100%", q.style.objectFit = "cover", q.style.transform = "scaleX(-1)", y.appendChild(q)));
+    const v = V.current;
+    v && (v.innerHTML = "", q && (q.style.width = "100%", q.style.height = "100%", q.style.objectFit = "cover", q.style.transform = "scaleX(-1)", v.appendChild(q)));
   }, [q]), P(() => {
-    const y = ie.current;
-    y && (y.innerHTML = "", Z && (Z.style.width = "100%", Z.style.height = "100%", Z.style.objectFit = "contain", y.appendChild(Z)));
-  }, [Z]);
-  const [J, ne] = N(!1), [le, Y] = N(!1);
+    const v = Re.current;
+    v && (v.innerHTML = "", ee && (ee.style.width = "100%", ee.style.height = "100%", ee.style.objectFit = "contain", v.appendChild(ee)));
+  }, [ee]);
+  const [te, X] = N(!1), [ie, ae] = N(!1);
   P(() => {
-    if (!J && !le && !A && !m) return;
-    const y = () => {
-      ne(!1), Y(!1), A && C(), m && a();
+    if (!te && !ie && !A && !m) return;
+    const v = () => {
+      X(!1), ae(!1), A && C(), m && a();
     };
-    return document.addEventListener("click", y), () => document.removeEventListener("click", y);
+    return document.addEventListener("click", v), () => document.removeEventListener("click", v);
   }, [
-    J,
-    le,
+    te,
+    ie,
     A,
     m,
     C,
     a
   ]);
-  const [K, ae] = N(""), Me = S(
-    (y) => {
-      y.preventDefault();
-      const j = K.trim();
-      j && (Fe(j), ae(""));
+  const [J, ne] = N(""), pe = S(
+    (v) => {
+      v.preventDefault();
+      const Y = J.trim();
+      Y && (We(Y), ne(""));
     },
-    [K, Fe]
-  ), Ze = s.productName || "Live Layer", ke = ee && (oe != null && oe.text) ? oe.text : l || "", Te = [
+    [J, We]
+  ), Ie = s.productName || "Live Layer", Ve = Le && (le != null && le.text) ? le.text : l || "", Me = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
   return /* @__PURE__ */ _(
     "div",
     {
-      className: Te,
+      className: Me,
       "data-position": e,
-      "data-state": ee ? "connected" : xe ? "connecting" : "idle",
+      "data-state": Le ? "connected" : ke ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
         /* @__PURE__ */ _("div", { className: "ll-expanded__bg", children: [
           o ? /* @__PURE__ */ n(
-            Vn,
+            Jn,
             {
               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: ((Pe = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Pe.toUpperCase()) || "A" }) }),
-          i && !ee && /* @__PURE__ */ n(
+          ) : /* @__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(
             "video",
             {
               className: "ll-expanded__bg-idle",
@@ -1028,12 +1028,12 @@ const Fn = ({
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { ref: Ne, className: "ll-expanded__video" }),
+        /* @__PURE__ */ n("div", { ref: Be, className: "ll-expanded__video" }),
         R === "connecting" && /* @__PURE__ */ _("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
           /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
           /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: h ? "Switching..." : "Connecting..." })
         ] }),
-        M && ee && /* @__PURE__ */ _(
+        M && Le && /* @__PURE__ */ _(
           "button",
           {
             type: "button",
@@ -1045,7 +1045,7 @@ const Fn = ({
             ]
           }
         ),
-        xe ? /* @__PURE__ */ _("div", { className: "ll-expanded__topbar", children: [
+        ke ? /* @__PURE__ */ _("div", { className: "ll-expanded__topbar", children: [
           /* @__PURE__ */ _("div", { className: "ll-expanded__topbar-left", children: [
             /* @__PURE__ */ _("div", { className: "ll-expanded__pill-wrap", children: [
               /* @__PURE__ */ _(
@@ -1053,45 +1053,45 @@ const Fn = ({
                 {
                   type: "button",
                   className: "ll-hpill",
-                  onClick: (y) => {
-                    pe && (y.stopPropagation(), a());
+                  onClick: (v) => {
+                    oe && (v.stopPropagation(), a());
                   },
-                  "aria-haspopup": pe ? "listbox" : void 0,
-                  "aria-expanded": pe ? m : void 0,
+                  "aria-haspopup": oe ? "listbox" : void 0,
+                  "aria-expanded": oe ? m : void 0,
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                    pe && /* @__PURE__ */ n(Ye, {})
+                    oe && /* @__PURE__ */ n(Ke, {})
                   ]
                 }
               ),
-              pe && m && /* @__PURE__ */ n(
+              oe && m && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
-                  onClick: (y) => y.stopPropagation(),
+                  onClick: (v) => v.stopPropagation(),
                   role: "listbox",
-                  children: d == null ? void 0 : d.map((y) => /* @__PURE__ */ _(
+                  children: d == null ? void 0 : d.map((v) => /* @__PURE__ */ _(
                     "button",
                     {
                       type: "button",
-                      className: `ll-hmenu__item ${y.id === u ? "is-active" : ""}`,
-                      onClick: () => c(y.id),
+                      className: `ll-hmenu__item ${v.id === u ? "is-active" : ""}`,
+                      onClick: () => c(v.id),
                       role: "option",
-                      "aria-selected": y.id === u,
+                      "aria-selected": v.id === u,
                       children: [
-                        y.avatarImageUrl && /* @__PURE__ */ n(
+                        v.avatarImageUrl && /* @__PURE__ */ n(
                           "img",
                           {
-                            src: y.avatarImageUrl,
+                            src: v.avatarImageUrl,
                             alt: "",
                             className: "ll-hmenu__avatar"
                           }
                         ),
-                        /* @__PURE__ */ n("span", { className: "ll-hmenu__name", children: y.name }),
-                        y.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: y.role })
+                        /* @__PURE__ */ n("span", { className: "ll-hmenu__name", children: v.name }),
+                        v.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: v.role })
                       ]
                     },
-                    y.id
+                    v.id
                   ))
                 }
               )
@@ -1102,8 +1102,8 @@ const Fn = ({
                 {
                   type: "button",
                   className: "ll-hpill ll-hpill--compact",
-                  onClick: (y) => {
-                    y.stopPropagation(), C();
+                  onClick: (v) => {
+                    v.stopPropagation(), C();
                   },
                   "aria-haspopup": "listbox",
                   "aria-expanded": A,
@@ -1111,7 +1111,7 @@ const Fn = ({
                   title: "Language: English",
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: "EN" }),
-                    /* @__PURE__ */ n(Ye, {})
+                    /* @__PURE__ */ n(Ke, {})
                   ]
                 }
               ),
@@ -1119,7 +1119,7 @@ const Fn = ({
                 "div",
                 {
                   className: "ll-hmenu",
-                  onClick: (y) => y.stopPropagation(),
+                  onClick: (v) => v.stopPropagation(),
                   role: "listbox",
                   children: /* @__PURE__ */ n(
                     "button",
@@ -1148,10 +1148,10 @@ const Fn = ({
               {
                 type: "button",
                 className: "ll-hbtn",
-                onClick: Ue,
+                onClick: Fe,
                 "aria-label": "Minimize widget",
                 title: "Minimize",
-                children: /* @__PURE__ */ n(Pt, {})
+                children: /* @__PURE__ */ n($t, {})
               }
             ),
             /* @__PURE__ */ n(
@@ -1159,26 +1159,26 @@ const Fn = ({
               {
                 type: "button",
                 className: "ll-hbtn ll-hbtn--danger",
-                onClick: Ae,
+                onClick: Ue,
                 "aria-label": "End call",
                 title: "End call",
-                children: /* @__PURE__ */ n(Tt, {})
+                children: /* @__PURE__ */ n(Dt, {})
               }
             )
           ] })
         ] }) : (
           // Idle-state header with Live Layer product name + minimize/close
           /* @__PURE__ */ _("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Ze }),
+            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Ie }),
             /* @__PURE__ */ _("div", { className: "ll-expanded__header-actions", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: Ue,
+                  onClick: Fe,
                   "aria-label": "Minimize widget",
-                  children: /* @__PURE__ */ n(Pt, {})
+                  children: /* @__PURE__ */ n($t, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1186,41 +1186,41 @@ const Fn = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: Ae,
+                  onClick: Ue,
                   "aria-label": "Close widget",
-                  children: /* @__PURE__ */ n(Tt, {})
+                  children: /* @__PURE__ */ n(Dt, {})
                 }
               )
             ] })
           ] })
         ),
-        V && /* @__PURE__ */ (() => {
-          const y = $ ? "Restart paused session" : R === "disconnected" ? "Reconnect to agent" : "Start video call", j = $ ? "Pick up where you left off" : null;
-          return /* @__PURE__ */ _(Bt, { children: [
-            R === "idle" && !$ && !H && /* @__PURE__ */ _(
+        fe && /* @__PURE__ */ (() => {
+          const v = z ? "Restart paused session" : R === "disconnected" ? "Reconnect to agent" : "Start video call", Y = z ? "Pick up where you left off" : null;
+          return /* @__PURE__ */ _(Ft, { children: [
+            R === "idle" && !z && !O && /* @__PURE__ */ _(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
-                onClick: fe,
-                "aria-label": y,
+                onClick: me,
+                "aria-label": v,
                 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: y })
+                  /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: v })
                 ]
               }
             ),
             /* @__PURE__ */ _("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 }),
+              Y && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: Y }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__cta",
-                  onClick: fe,
-                  "aria-label": y,
-                  children: y
+                  onClick: me,
+                  "aria-label": v,
+                  children: v
                 }
               )
             ] })
@@ -1229,40 +1229,40 @@ const Fn = ({
         /* @__PURE__ */ _(
           "div",
           {
-            className: `ll-expanded__pip ${xe && (x || Q) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${ke && (x || Z) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: ie,
-                  className: Q ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: Re,
+                  className: Z ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: Ie,
-                  className: !Q && x ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: V,
+                  className: !Z && x ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        xe ? /* @__PURE__ */ _("div", { className: "ll-expanded__bottom", children: [
-          ke && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: ke }) }),
-          /* @__PURE__ */ _("div", { className: "ll-toolbar", onClick: (y) => y.stopPropagation(), children: [
-            Be && /* @__PURE__ */ n(
+        ke ? /* @__PURE__ */ _("div", { className: "ll-expanded__bottom", children: [
+          Ve && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Ve }) }),
+          /* @__PURE__ */ _("div", { className: "ll-toolbar", onClick: (v) => v.stopPropagation(), children: [
+            Oe && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${Q ? "is-on" : ""}`,
-                onClick: W,
-                "aria-label": Q ? "Stop sharing screen" : "Share screen",
-                title: Q ? "Stop sharing" : "Share screen",
-                children: /* @__PURE__ */ n(Gn, {})
+                className: `ll-tool ${Z ? "is-on" : ""}`,
+                onClick: xe,
+                "aria-label": Z ? "Stop sharing screen" : "Share screen",
+                title: Z ? "Stop sharing" : "Share screen",
+                children: /* @__PURE__ */ n(Xn, {})
               }
             ),
-            qe && /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
+            He && /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1271,7 +1271,7 @@ const Fn = ({
                   onClick: we,
                   "aria-label": x ? "Turn off camera" : "Turn on camera",
                   title: x ? "Stop camera" : "Start camera",
-                  children: /* @__PURE__ */ n(Jn, {})
+                  children: /* @__PURE__ */ n(Qn, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1279,23 +1279,23 @@ const Fn = ({
                 {
                   type: "button",
                   className: `ll-tool ll-tool--right ${x ? "is-on" : ""}`,
-                  onClick: (y) => {
-                    y.stopPropagation(), Y((j) => !j), ne(!1);
+                  onClick: (v) => {
+                    v.stopPropagation(), ae((Y) => !Y), X(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": le,
-                  children: /* @__PURE__ */ n(Ye, {})
+                  "aria-expanded": ie,
+                  children: /* @__PURE__ */ n(Ke, {})
                 }
               ),
-              le && X.length > 0 && /* @__PURE__ */ n(
-                Dt,
+              ie && Q.length > 0 && /* @__PURE__ */ n(
+                zt,
                 {
                   label: "Camera",
-                  devices: X,
+                  devices: Q,
                   activeId: de,
-                  onPick: (y) => {
-                    Y(!1), _e(y);
+                  onPick: (v) => {
+                    ae(!1), _e(v);
                   }
                 }
               )
@@ -1309,7 +1309,7 @@ const Fn = ({
                   onClick: be,
                   "aria-label": p ? "Unmute microphone" : "Mute microphone",
                   title: p ? "Unmute" : "Mute",
-                  children: /* @__PURE__ */ n(Kn, { muted: p })
+                  children: /* @__PURE__ */ n(Zn, { muted: p })
                 }
               ),
               /* @__PURE__ */ n(
@@ -1317,22 +1317,22 @@ const Fn = ({
                 {
                   type: "button",
                   className: `ll-tool ll-tool--right ${p ? "is-muted" : ""}`,
-                  onClick: (y) => {
-                    y.stopPropagation(), ne((j) => !j), Y(!1);
+                  onClick: (v) => {
+                    v.stopPropagation(), X((Y) => !Y), ae(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": J,
-                  children: /* @__PURE__ */ n(Ye, {})
+                  "aria-expanded": te,
+                  children: /* @__PURE__ */ n(Ke, {})
                 }
               ),
-              J && E.length > 0 && /* @__PURE__ */ n(
-                Dt,
+              te && E.length > 0 && /* @__PURE__ */ n(
+                zt,
                 {
                   label: "Microphone",
                   devices: E,
                   activeId: "",
-                  onPick: () => ne(!1)
+                  onPick: () => X(!1)
                 }
               )
             ] }),
@@ -1341,32 +1341,32 @@ const Fn = ({
               {
                 type: "button",
                 className: `ll-tool ${ue ? "is-muted" : ""}`,
-                onClick: Qe,
+                onClick: F,
                 "aria-label": ue ? "Unmute speaker" : "Mute speaker",
                 title: ue ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(Xn, { muted: ue })
+                children: /* @__PURE__ */ n(er, { muted: ue })
               }
             )
           ] }),
-          We && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: Me, children: [
+          qe && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: pe, children: [
             /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: K,
-                onChange: (y) => ae(y.target.value),
+                value: J,
+                onChange: (v) => ne(v.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            K.trim() && /* @__PURE__ */ n(
+            J.trim() && /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
                 className: "ll-message-input__send",
                 "aria-label": "Send message",
-                children: /* @__PURE__ */ n(Qn, {})
+                children: /* @__PURE__ */ n(tr, {})
               }
             )
           ] }),
@@ -1389,23 +1389,23 @@ const Fn = ({
                 {
                   type: "button",
                   className: "ll-expanded__banner-x",
-                  onClick: Re,
+                  onClick: je,
                   "aria-label": "Dismiss",
                   children: "×"
                 }
               )
             ] });
-          if (!H || R !== "error") return null;
-          let y = "Failed to connect", j = "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__ */ _("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
-            /* @__PURE__ */ n("span", { children: y }),
+          if (!O || R !== "error") return null;
+          let v = "Failed to connect", Y = "Try again";
+          return O === "MIC_PERMISSION_DENIED" ? v = "Microphone blocked. Allow access to talk." : O === "MIC_NOT_FOUND" ? v = "No microphone found. Plug one in + retry." : O === "MIC_UNAVAILABLE" ? v = "Mic unavailable. Check other apps using it." : O === "AGENT_TIMEOUT" ? v = "Agent didn't pick up. Try again." : O === "CONNECT_FAILED" ? v = "Connection failed. Check your network." : O.length < 80 && (v = O), /* @__PURE__ */ _("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+            /* @__PURE__ */ n("span", { children: v }),
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
                 onClick: ye,
-                children: j
+                children: Y
               }
             )
           ] });
@@ -1414,32 +1414,32 @@ const Fn = ({
     }
   );
 };
-function Ye() {
+function Ke() {
   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 Tt() {
+function Dt() {
   return /* @__PURE__ */ _("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function Pt() {
+function $t() {
   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 Gn() {
+function Xn() {
   return /* @__PURE__ */ _("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__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 Jn() {
+function Qn() {
   return /* @__PURE__ */ _("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("path", { d: "M23 7l-7 5 7 5V7z" }),
     /* @__PURE__ */ n("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
   ] });
 }
-function Kn({ muted: e }) {
+function Zn({ muted: e }) {
   return /* @__PURE__ */ _("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__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" }),
@@ -1447,22 +1447,22 @@ function Kn({ muted: e }) {
     e && /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function Xn({ muted: e }) {
+function er({ muted: e }) {
   return /* @__PURE__ */ _("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__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__ */ _(Bt, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ _(Ft, { 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 Qn() {
+function tr() {
   return /* @__PURE__ */ _("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
     /* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
   ] });
 }
-const Dt = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ _(
+const zt = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ _(
   "div",
   {
     className: "ll-device-menu",
@@ -1490,21 +1490,21 @@ const Dt = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */
       })
     ]
   }
-), Zn = [
+), nr = [
   '[data-ll-private="true"]',
   ".ll-widget"
 ];
-function st(e) {
+function ut(e) {
   let t = e;
   for (; t; ) {
-    for (const r of Zn)
+    for (const r of nr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
-function Xe(e) {
-  if (st(e)) return !1;
+function et(e) {
+  if (ut(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
     const t = (e.getAttribute("autocomplete") || "").toLowerCase();
@@ -1512,7 +1512,7 @@ function Xe(e) {
   }
   return !0;
 }
-const Ge = 4096, er = 20, tr = 20, nr = 10, rr = 10, or = 30, $t = 500, ir = [
+const Xe = 4096, rr = 20, or = 20, ir = 10, lr = 10, ar = 30, Ht = 500, cr = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1520,24 +1520,24 @@ const Ge = 4096, er = 20, tr = 20, nr = 10, rr = 10, or = 30, $t = 500, ir = [
   "noscript",
   "iframe"
 ];
-function He(e) {
+function $e(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
-    for (const r of ir)
+    for (const r of cr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
-function Oe(e) {
+function ze(e) {
   if (typeof window > "u") return !0;
   const t = e.getBoundingClientRect();
   if (t.width <= 0 || t.height <= 0) return !1;
   const r = window.innerHeight || document.documentElement.clientHeight, o = window.innerWidth || document.documentElement.clientWidth;
   return t.bottom > 0 && t.right > 0 && t.top < r && t.left < o;
 }
-function zt(e) {
+function Ot(e) {
   const t = e.getAttribute("id");
   if (t) {
     const l = document.querySelector(`label[for="${CSS.escape(t)}"]`);
@@ -1550,13 +1550,13 @@ function zt(e) {
   const i = e.closest("label");
   return i != null && i.textContent ? i.textContent.trim() : "";
 }
-function me(e, t) {
+function he(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-function Se(e) {
+function Ee(e) {
   return e.length;
 }
-function lr(e, t = {}) {
+function sr(e, t = {}) {
   const r = t.doc ?? (typeof document < "u" ? document : null);
   if (!r)
     return {
@@ -1574,11 +1574,11 @@ function lr(e, t = {}) {
     r.querySelectorAll("[data-ll-region]")
   ), d = [];
   for (const p of s) {
-    if (d.length >= nr) break;
-    if (He(p) || !Oe(p)) continue;
-    const g = p.getAttribute("data-ll-region") ?? "", E = p.getAttribute("data-ll-intent") ?? void 0, x = me(
+    if (d.length >= ir) break;
+    if ($e(p) || !ze(p)) continue;
+    const g = p.getAttribute("data-ll-region") ?? "", E = p.getAttribute("data-ll-intent") ?? void 0, x = he(
       (p.innerText || p.textContent || "").trim(),
-      $t * 2
+      Ht * 2
     );
     !g || !x || d.push({ id: g, intent: E, text: x });
   }
@@ -1586,23 +1586,23 @@ function lr(e, t = {}) {
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
   for (const p of m) {
-    if (He(p) || !Oe(p)) continue;
+    if ($e(p) || !ze(p)) continue;
     const g = (p.textContent || "").trim();
-    g && u.push(`${p.tagName}: ${me(g, 200)}`);
+    g && u.push(`${p.tagName}: ${he(g, 200)}`);
   }
   const a = Array.from(r.querySelectorAll("p, li"));
   for (const p of a) {
-    if (He(p) || !Oe(p) || h.includes(p.tagName)) continue;
+    if ($e(p) || !ze(p) || h.includes(p.tagName)) continue;
     const g = (p.textContent || "").trim();
-    g.length > 10 && u.push(me(g, $t));
+    g.length > 10 && u.push(he(g, Ht));
   }
   const c = u.join(`
 `), A = [], C = Array.from(r.querySelectorAll("a[href]"));
   for (const p of C) {
-    if (A.length >= er) break;
-    if (He(p) || !Oe(p)) continue;
+    if (A.length >= rr) break;
+    if ($e(p) || !ze(p)) continue;
     const g = p.getAttribute("href") || "", E = (p.textContent || "").trim();
-    !g || !E || A.push({ href: g, text: me(E, 100) });
+    !g || !E || A.push({ href: g, text: he(E, 100) });
   }
   const R = [], b = Array.from(
     r.querySelectorAll(
@@ -1610,17 +1610,17 @@ function lr(e, t = {}) {
     )
   );
   for (const p of b) {
-    if (R.length >= tr) break;
-    if (He(p) || !Xe(p) || !Oe(p)) continue;
-    const g = zt(p), E = p instanceof HTMLInputElement ? p.type : p.tagName.toLowerCase();
-    g && R.push({ label: me(g, 100), type: E });
+    if (R.length >= or) break;
+    if ($e(p) || !et(p) || !ze(p)) continue;
+    const g = Ot(p), E = p instanceof HTMLInputElement ? p.type : p.tagName.toLowerCase();
+    g && R.push({ label: he(g, 100), type: E });
   }
   const L = Array.from(
     r.querySelectorAll("[data-ll-form]")
-  ), $ = [];
+  ), z = [];
   for (const p of L) {
-    if ($.length >= rr) break;
-    if (st(p)) continue;
+    if (z.length >= lr) break;
+    if (ut(p)) continue;
     const g = p.getAttribute("data-ll-form") || "";
     if (!g) continue;
     const E = p.getAttribute("data-ll-intent") || void 0, x = Array.from(
@@ -1628,15 +1628,15 @@ function lr(e, t = {}) {
         "[data-ll-field]"
       )
     ), q = [];
-    for (const X of x) {
-      if (q.length >= or) break;
-      if (!Xe(X)) continue;
-      const de = X.getAttribute("data-ll-field") || "";
+    for (const Q of x) {
+      if (q.length >= ar) break;
+      if (!et(Q)) continue;
+      const de = Q.getAttribute("data-ll-field") || "";
       if (!de) continue;
-      const Q = zt(X) || de, Z = X instanceof HTMLInputElement ? X.type : X.tagName.toLowerCase();
-      q.push({ name: de, label: me(Q, 100), type: Z });
+      const Z = Ot(Q) || de, ee = Q instanceof HTMLInputElement ? Q.type : Q.tagName.toLowerCase();
+      q.push({ name: de, label: he(Z, 100), type: ee });
     }
-    $.push({ id: g, intent: E, fields: q });
+    z.push({ id: g, intent: E, fields: q });
   }
   const M = {
     url: o,
@@ -1646,40 +1646,50 @@ function lr(e, t = {}) {
     visibleText: c,
     visibleLinks: A,
     visibleFields: R,
-    forms: $,
+    forms: z,
     extras: e
   };
-  let H = Se(JSON.stringify(M.regions)) + Se(M.visibleText) + Se(JSON.stringify(M.visibleLinks)) + Se(JSON.stringify(M.visibleFields));
-  for (; H > Ge && M.visibleFields.length > 0; )
-    M.visibleFields.pop(), H = Se(JSON.stringify(M.visibleFields));
-  for (; H > Ge && M.visibleLinks.length > 0; )
-    M.visibleLinks.pop(), H -= 80;
-  return Se(M.visibleText) > Ge && (M.visibleText = me(M.visibleText, Ge - 100)), M;
-}
-let Ce = null;
-function Ht(e, t = {}) {
+  let O = Ee(JSON.stringify(M.regions)) + Ee(M.visibleText) + Ee(JSON.stringify(M.visibleLinks)) + Ee(JSON.stringify(M.visibleFields));
+  for (; O > Xe && M.visibleFields.length > 0; )
+    M.visibleFields.pop(), O = Ee(JSON.stringify(M.visibleFields));
+  for (; O > Xe && M.visibleLinks.length > 0; )
+    M.visibleLinks.pop(), O -= 80;
+  return Ee(M.visibleText) > Xe && (M.visibleText = he(M.visibleText, Xe - 100)), M;
+}
+let Ne = null;
+function qt(e, t = {}) {
   const r = Date.now(), i = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if (Ce && Ce.key === i && r - Ce.at < 1e3)
-    return Ce.ctx;
-  const l = lr(e, t);
-  return Ce = { key: i, at: r, ctx: l }, l;
+  if (Ne && Ne.key === i && r - Ne.at < 1e3)
+    return Ne.ctx;
+  const l = sr(e, t);
+  return Ne = { key: i, at: r, ctx: l }, l;
 }
-function ar() {
-  Ce = null;
+function dr() {
+  Ne = null;
 }
-const cr = 200;
-function sr(e) {
+const ur = 200;
+function fr(e) {
+  const t = String(e.href || "");
+  return {
+    href: t,
+    text: String(e.text ?? e.title ?? t),
+    internal: e.internal ?? !0,
+    title: e.title,
+    description: e.description
+  };
+}
+function pr(e) {
   return !(!e || e.startsWith("#") || e.startsWith("javascript:") || e.startsWith("mailto:") || e.startsWith("tel:"));
 }
-function dr(e) {
+function hr(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
   const r = typeof window < "u" && window.location.origin || "", o = /* @__PURE__ */ new Set(), i = [], l = Array.from(t.querySelectorAll("a[href]"));
   for (const s of l) {
-    if (i.length >= cr) break;
-    if (st(s)) continue;
+    if (i.length >= ur) break;
+    if (ut(s)) continue;
     const d = s.getAttribute("href") || "";
-    if (!sr(d)) continue;
+    if (!pr(d)) continue;
     let u = d, h = !0;
     try {
       if (typeof window < "u") {
@@ -1696,23 +1706,23 @@ function dr(e) {
   }
   return i;
 }
-let Ee = null;
-const ur = 5e3;
-function fr() {
+let Ae = null;
+const mr = 5e3;
+function ct() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (Ee && Ee.pathname === t && e - Ee.at < ur)
-    return Ee.routes;
-  const r = dr();
-  return Ee = { at: e, pathname: t, routes: r }, r;
+  if (Ae && Ae.pathname === t && e - Ae.at < mr)
+    return Ae.routes;
+  const r = hr();
+  return Ae = { at: e, pathname: t, routes: r }, r;
 }
-function pr() {
-  Ee = null;
+function gr() {
+  Ae = null;
 }
-function hr(e, t) {
+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;
   i ? i.call(e, t) : e.value = t;
 }
-function mr(e, t, r = {}) {
+function vr(e, t, r = {}) {
   const o = r.triggerInput ?? !0, i = r.triggerChange ?? !0;
   if (e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio")) {
     const l = Object.getOwnPropertyDescriptor(
@@ -1722,9 +1732,9 @@ function mr(e, t, r = {}) {
     s ? s.call(e, d) : e.checked = d, o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
-  hr(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  yr(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
-function gr() {
+function br() {
   if (typeof window > "u" || typeof document > "u")
     return !1;
   const e = document.scrollingElement || document.documentElement;
@@ -1732,19 +1742,19 @@ function gr() {
   const t = window.getComputedStyle(e);
   return !(t.overflowY === "hidden" || t.overflowY === "clip");
 }
-function yr(e) {
+function wr(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const r = window.getComputedStyle(e).overflowY;
   return !(r !== "auto" && r !== "scroll" || e.scrollHeight <= e.clientHeight + 2);
 }
-function vr() {
+function _r() {
   if (typeof document > "u") return null;
   const e = Array.from(
     document.querySelectorAll("body, body *")
   );
   let t = null, r = 0;
   for (const o of e) {
-    if (!yr(o)) continue;
+    if (!wr(o)) continue;
     const i = o.getBoundingClientRect();
     if (i.bottom <= 0 || i.top >= window.innerHeight || i.right <= 0 || i.left >= window.innerWidth || i.width <= 0 || i.height <= 0 || o.closest(".ll-widget")) continue;
     const l = i.width * i.height;
@@ -1752,24 +1762,24 @@ function vr() {
   }
   return t;
 }
-function br() {
+function xr() {
   if (typeof window > "u")
     return null;
-  if (gr()) return window;
-  const e = vr();
+  if (br()) return window;
+  const e = _r();
   return e || window;
 }
-function Ot(e) {
+function Bt(e) {
   return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
 }
-function wr(e) {
+function kr(e) {
   var t, r;
   return e instanceof Window ? typeof document > "u" ? 0 : Math.max(
     ((t = document.body) == null ? void 0 : t.scrollHeight) ?? 0,
     ((r = document.documentElement) == null ? void 0 : r.scrollHeight) ?? 0
   ) : e.scrollHeight - e.clientHeight;
 }
-const _r = /* @__PURE__ */ new Set([
+const Lr = /* @__PURE__ */ new Set([
   "agent_state",
   "avatar_stream_ready",
   "avatar_active",
@@ -1792,8 +1802,8 @@ const _r = /* @__PURE__ */ new Set([
   "submit_form",
   "request_routes"
 ]);
-function xr(e) {
-  var yt, vt, bt, wt, _t, xt, kt;
+function Sr(e) {
+  var bt, wt, _t, xt, kt, Lt, St;
   const {
     agentId: t,
     apiKey: r,
@@ -1812,67 +1822,68 @@ function xr(e) {
     currentTeamMemberId: R,
     onTeamMemberChange: b,
     idleLoopUrl: L,
-    greeting: $,
+    greeting: z,
     avatarImageUrl: M,
-    agentName: H,
+    agentName: O,
     branding: p = {},
     allowCamera: g = !0,
     allowScreenShare: E = !0,
     allowTyping: x = !0,
     showOn: q,
-    hideOn: X,
+    hideOn: Q,
     pathname: de,
-    onNavigate: Q,
-    onScrollToSelector: Z,
+    onNavigate: Z,
+    onScrollToSelector: ee,
     getPageContext: ue,
-    pageContextExtras: qe,
-    onScrollPage: Be,
-    onClick: We,
-    capabilities: Ne,
-    onConnect: fe,
-    onDisconnect: ge,
-    onTranscript: ye,
-    onAgentState: ve,
-    onConnectionStateChange: be,
-    onAgentEvent: we,
-    onAgentCommand: _e,
-    controlledSession: W,
-    className: Qe,
+    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: F,
+    className: We,
     style: Fe,
     zIndex: Ue = 2147483647
-  } = e, Ae = An(de), Re = $n(Ae, q, X);
+  } = e, je = Mn(de), le = On(je, q, Q);
   P(() => {
-    ar(), pr();
-  }, [Ae]);
-  const oe = R !== void 0, [pe, xe] = N(() => {
-    var v;
-    return R ?? ((v = C == null ? void 0 : C[0]) == null ? void 0 : v.id);
-  }), ee = oe ? R : pe, V = Je(
-    () => (C == null ? void 0 : C.find((v) => v.id === ee)) ?? null,
-    [C, ee]
-  ), Ie = (V == null ? void 0 : V.agentId) ?? t, [ie, J] = Sn({
+    dr(), gr();
+  }, [je]);
+  const oe = R !== void 0, [ke, Le] = N(() => {
+    var y;
+    return R ?? ((y = C == null ? void 0 : C[0]) == null ? void 0 : y.id);
+  }), fe = oe ? R : ke, V = Qe(
+    () => (C == null ? void 0 : C.find((y) => y.id === fe)) ?? null,
+    [C, fe]
+  ), Re = (V == null ? void 0 : V.agentId) ?? t, [te, X] = Nn({
     value: d,
     defaultValue: u,
     onChange: h,
     persistKey: c,
     disablePersistence: A
-  }), ne = En(a), le = pn(), Y = hn(), K = gn(), ae = yn(), Me = vn(), [Ze, ke] = N(!1), [Te, Pe] = N(!1), [y, j] = N(!1), [dt, Ut] = N(!1), [et, jt] = N(!1), tt = I(Q), nt = I(Z), rt = I(Be), ot = I(We), ut = I(ue), ft = I(qe), it = I(Ne), te = I(null);
-  tt.current = Q, nt.current = Z, rt.current = Be, ot.current = We, ut.current = ue, ft.current = qe, it.current = Ne;
-  function ce(v) {
-    const f = it.current;
-    return f ? f.includes(v) : !0;
+  }), ie = Rn(a), ae = gn(), J = yn(), ne = bn(), pe = wn(), Ie = _n(), [Ve, Me] = N(!1), [Se, v] = N(!1), [Y, Ye] = N(!1), [Vt, Yt] = N(!1), [tt, Gt] = N(!1), nt = I(Z), rt = I(ee), ot = I(qe), it = I(Be), ft = I(ue), pt = I(He), ht = I(Oe), lt = I(me), re = I(null);
+  nt.current = Z, rt.current = ee, ot.current = qe, it.current = Be, ft.current = ue, pt.current = He, ht.current = Oe, lt.current = me;
+  function ce(y) {
+    const f = lt.current;
+    return f ? f.includes(y) : !0;
   }
-  function se(v, f) {
+  function se(y, f) {
     console.warn(
-      `[LiveLayer] Agent command "${v}" blocked — capability "${f}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
+      `[LiveLayer] Agent command "${y}" blocked — capability "${f}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
     );
   }
-  const De = S(
-    (v) => {
-      var G, je, Ve, Lt;
-      const f = v;
+  const Te = S(
+    (y) => {
+      var K, Ge, Je, Ct;
+      const f = y;
       if (!(!f.type || typeof f.type != "string")) {
-        if (we == null || we({ eventName: f.type, data: v }), f.type === "navigate") {
+        if (_e == null || _e({ eventName: f.type, data: y }), f.type === "navigate") {
           if (!ce("navigate")) {
             se("navigate", "navigate");
             return;
@@ -1884,9 +1895,9 @@ function xr(e) {
             );
             return;
           }
-          if (tt.current) {
+          if (nt.current) {
             try {
-              tt.current(k);
+              nt.current(k);
             } catch (T) {
               console.warn(
                 `[LiveLayer] onNavigate threw for "${k}". Falling back. Error:`,
@@ -1923,34 +1934,34 @@ function xr(e) {
           const k = typeof f.selector == "string" ? f.selector : null;
           if (!k) return;
           const T = f.behavior === "instant" ? "instant" : "smooth";
-          if (nt.current) {
+          if (rt.current) {
             try {
-              nt.current(
+              rt.current(
                 k,
                 T
               );
-            } catch (z) {
-              console.warn("[LiveLayer] onScrollToSelector threw.", z);
+            } catch (H) {
+              console.warn("[LiveLayer] onScrollToSelector threw.", H);
             }
             return;
           }
           if (typeof document < "u") {
-            let z = null;
+            let H = null;
             try {
-              z = document.querySelector(k);
+              H = document.querySelector(k);
             } catch {
               console.warn(
                 `[LiveLayer] scroll_to: invalid selector "${k}".`
               );
               return;
             }
-            if (!z) {
+            if (!H) {
               console.warn(
                 `[LiveLayer] scroll_to: no element matched "${k}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
               );
               return;
             }
-            z.scrollIntoView({
+            H.scrollIntoView({
               behavior: T,
               block: "start"
             });
@@ -1962,45 +1973,45 @@ function xr(e) {
             se("request_page_context", "read_page");
             return;
           }
-          const k = typeof f.requestId == "string" ? f.requestId : void 0, T = (G = te.current) == null ? void 0 : G.call(te), z = (F) => {
-            const O = T, re = O == null ? void 0 : O.localParticipant;
-            if (re != null && re.publishData)
+          const k = typeof f.requestId == "string" ? f.requestId : void 0, T = (K = re.current) == null ? void 0 : K.call(re), H = (W) => {
+            const D = T, j = D == null ? void 0 : D.localParticipant;
+            if (j != null && j.publishData)
               try {
-                const he = k ? { ...F, requestId: k } : F, Le = new TextEncoder().encode(JSON.stringify(he));
-                re.publishData(Le, { reliable: !0 });
-              } catch (he) {
-                console.warn("[LiveLayer] publishData failed.", he);
+                const G = k ? { ...W, requestId: k } : W, Ce = new TextEncoder().encode(JSON.stringify(G));
+                j.publishData(Ce, { reliable: !0 });
+              } catch (G) {
+                console.warn("[LiveLayer] publishData failed.", G);
               }
-          }, D = ft.current, B = ut.current;
+          }, $ = pt.current, B = ft.current;
           try {
             if (B) {
-              const F = B(D);
-              if (F instanceof Promise) {
-                z({ type: "page_context_pending" }), F.then((O) => z({ type: "page_context", context: O })).catch((O) => {
+              const W = B($);
+              if (W instanceof Promise) {
+                H({ type: "page_context_pending" }), W.then((D) => H({ type: "page_context", context: D })).catch((D) => {
                   console.warn(
                     "[LiveLayer] getPageContext rejected; falling back to default walker.",
-                    O
-                  ), z({
+                    D
+                  ), H({
                     type: "page_context",
-                    context: Ht(D)
+                    context: qt($)
                   });
                 });
                 return;
               }
-              z({ type: "page_context", context: F });
+              H({ type: "page_context", context: W });
               return;
             }
-            z({
+            H({
               type: "page_context",
-              context: Ht(D)
+              context: qt($)
             });
-          } catch (F) {
+          } catch (W) {
             console.warn(
               "[LiveLayer] page-context extraction threw. Sending empty context.",
-              F
-            ), z({
+              W
+            ), H({
               type: "page_context",
-              context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: D }
+              context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: $ }
             });
           }
           return;
@@ -2018,24 +2029,24 @@ function xr(e) {
             return;
           }
           const T = f.behavior === "instant" ? "instant" : "smooth";
-          if (rt.current) {
+          if (ot.current) {
             try {
-              rt.current(
+              ot.current(
                 k,
                 T
               );
-            } catch (O) {
-              console.warn("[LiveLayer] onScrollPage threw.", O);
+            } catch (D) {
+              console.warn("[LiveLayer] onScrollPage threw.", D);
             }
             return;
           }
           if (typeof window > "u") return;
-          const z = { behavior: T }, D = br(), B = (O) => {
-            D instanceof Window ? D.scrollBy({ top: O, ...z }) : D.scrollBy({ top: O, ...z });
-          }, F = (O) => {
-            D instanceof Window ? D.scrollTo({ top: O, ...z }) : D.scrollTo({ top: O, ...z });
+          const H = { behavior: T }, $ = xr(), B = (D) => {
+            $ instanceof Window ? $.scrollBy({ top: D, ...H }) : $.scrollBy({ top: D, ...H });
+          }, W = (D) => {
+            $ instanceof Window ? $.scrollTo({ top: D, ...H }) : $.scrollTo({ top: D, ...H });
           };
-          k === "up" ? B(-Ot(D)) : k === "down" ? B(Ot(D)) : F(k === "top" ? 0 : wr(D));
+          k === "up" ? B(-Bt($)) : k === "down" ? B(Bt($)) : W(k === "top" ? 0 : kr($));
           return;
         }
         if (f.type === "click") {
@@ -2048,11 +2059,11 @@ function xr(e) {
             console.warn("[LiveLayer] click: missing selector.");
             return;
           }
-          if (ot.current) {
+          if (it.current) {
             try {
-              ot.current(k);
-            } catch (z) {
-              console.warn("[LiveLayer] onClick threw.", z);
+              it.current(k);
+            } catch (H) {
+              console.warn("[LiveLayer] onClick threw.", H);
             }
             return;
           }
@@ -2078,7 +2089,7 @@ function xr(e) {
             );
             return;
           }
-          (je = T.click) == null || je.call(T);
+          (Ge = T.click) == null || Ge.call(T);
           return;
         }
         if (f.type === "fill_form" || f.type === "focus_field") {
@@ -2108,53 +2119,53 @@ function xr(e) {
             return;
           }
           if (f.type === "focus_field") {
-            const D = typeof f.fieldName == "string" ? f.fieldName : null;
-            if (!D) {
+            const $ = typeof f.fieldName == "string" ? f.fieldName : null;
+            if (!$) {
               console.warn("[LiveLayer] focus_field: missing fieldName.");
               return;
             }
-            const B = T.querySelector(`[data-ll-field="${D.replace(/"/g, '\\"')}"]`);
+            const B = T.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
             if (!B) {
               console.warn(
-                `[LiveLayer] focus_field: no field "${D}" in form "${k}".`
+                `[LiveLayer] focus_field: no field "${$}" in form "${k}".`
               );
               return;
             }
-            if (!Xe(B)) {
+            if (!et(B)) {
               console.warn(
-                `[LiveLayer] focus_field: field "${D}" is privacy-protected and not focusable.`
+                `[LiveLayer] focus_field: field "${$}" is privacy-protected and not focusable.`
               );
               return;
             }
             B.focus();
             return;
           }
-          const z = f.values && typeof f.values == "object" ? f.values : null;
-          if (!z) {
+          const H = f.values && typeof f.values == "object" ? f.values : null;
+          if (!H) {
             console.warn("[LiveLayer] fill_form: missing or invalid values.");
             return;
           }
-          for (const [D, B] of Object.entries(z)) {
+          for (const [$, B] of Object.entries(H)) {
             if (typeof B != "string") continue;
-            const F = T.querySelector(`[data-ll-field="${D.replace(/"/g, '\\"')}"]`);
-            if (!F) {
+            const W = T.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
+            if (!W) {
               console.warn(
-                `[LiveLayer] fill_form: no field "${D}" in form "${k}". Skipping.`
+                `[LiveLayer] fill_form: no field "${$}" in form "${k}". Skipping.`
               );
               continue;
             }
-            if (!Xe(F)) {
+            if (!et(W)) {
               console.warn(
-                `[LiveLayer] fill_form: field "${D}" is privacy-protected (password / cc-* / private). Skipping.`
+                `[LiveLayer] fill_form: field "${$}" is privacy-protected (password / cc-* / private). Skipping.`
               );
               continue;
             }
             try {
-              mr(F, B);
-            } catch (O) {
+              vr(W, B);
+            } catch (D) {
               console.warn(
-                `[LiveLayer] fill_form: failed to set "${D}".`,
-                O
+                `[LiveLayer] fill_form: failed to set "${$}".`,
+                D
               );
             }
           }
@@ -2186,24 +2197,24 @@ function xr(e) {
             );
             return;
           }
-          const z = typeof f.requestId == "string" ? f.requestId : void 0, D = (Ve = te.current) == null ? void 0 : Ve.call(te), B = (re) => {
-            const he = D, Le = he == null ? void 0 : he.localParticipant;
-            if (Le != null && Le.publishData)
+          const H = typeof f.requestId == "string" ? f.requestId : void 0, $ = (Je = re.current) == null ? void 0 : Je.call(re), B = (j) => {
+            const G = $, Ce = G == null ? void 0 : G.localParticipant;
+            if (Ce != null && Ce.publishData)
               try {
-                const rn = z ? { ...re, requestId: z } : re, on = new TextEncoder().encode(JSON.stringify(rn));
-                Le.publishData(on, { reliable: !0 });
+                const an = H ? { ...j, requestId: H } : j, cn = new TextEncoder().encode(JSON.stringify(an));
+                Ce.publishData(cn, { reliable: !0 });
               } catch {
               }
           };
-          let F = !1;
-          const O = () => {
-            F = !0, B({ type: "form_submitted", formId: k });
+          let W = !1;
+          const D = () => {
+            W = !0, B({ type: "form_submitted", formId: k });
           };
-          T.addEventListener("submit", O, { once: !0 });
+          T.addEventListener("submit", D, { once: !0 });
           try {
             typeof T.requestSubmit == "function" ? T.requestSubmit() : T.submit();
-          } catch (re) {
-            console.warn("[LiveLayer] submit_form: requestSubmit threw.", re), T.removeEventListener("submit", O), B({
+          } catch (j) {
+            console.warn("[LiveLayer] submit_form: requestSubmit threw.", j), T.removeEventListener("submit", D), B({
               type: "form_submit_blocked",
               formId: k,
               reason: "exception"
@@ -2211,7 +2222,7 @@ function xr(e) {
             return;
           }
           setTimeout(() => {
-            F || (T.removeEventListener("submit", O), B({
+            W || (T.removeEventListener("submit", D), B({
               type: "form_submit_blocked",
               formId: k,
               reason: "validation"
@@ -2224,62 +2235,92 @@ function xr(e) {
             se("request_routes", "read_page");
             return;
           }
-          const k = typeof f.requestId == "string" ? f.requestId : void 0, z = (Lt = te.current) == null ? void 0 : Lt.call(te), D = z == null ? void 0 : z.localParticipant;
-          if (!(D != null && D.publishData)) return;
+          const k = typeof f.requestId == "string" ? f.requestId : void 0, H = (Ct = re.current) == null ? void 0 : Ct.call(re), $ = H == null ? void 0 : H.localParticipant;
+          if (!($ != null && $.publishData)) return;
+          const B = (D) => {
+            try {
+              const j = k ? { type: "routes", routes: D, requestId: k } : { type: "routes", routes: D }, G = new TextEncoder().encode(JSON.stringify(j));
+              $.publishData(G, { reliable: !0 });
+            } catch (j) {
+              console.warn("[LiveLayer] request_routes: publishData failed.", j);
+            }
+          }, W = ht.current;
+          if (W) {
+            try {
+              const D = W(), j = (G) => {
+                if (!Array.isArray(G)) {
+                  B([]);
+                  return;
+                }
+                B(G.map(fr).slice(0, 200));
+              };
+              D instanceof Promise ? D.then(j).catch((G) => {
+                console.warn(
+                  "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
+                  G
+                ), B(ct());
+              }) : j(D);
+            } catch (D) {
+              console.warn(
+                "[LiveLayer] getRoutes threw; falling back to DOM walker.",
+                D
+              ), B(ct());
+            }
+            return;
+          }
           try {
-            const B = fr(), F = k ? { type: "routes", routes: B, requestId: k } : { type: "routes", routes: B }, O = new TextEncoder().encode(JSON.stringify(F));
-            D.publishData(O, { reliable: !0 });
-          } catch (B) {
-            console.warn("[LiveLayer] request_routes: extractRoutes threw.", B);
+            B(ct());
+          } catch (D) {
+            console.warn("[LiveLayer] request_routes: extractRoutes threw.", D);
           }
           return;
         }
-        _r.has(f.type) || _e == null || _e(f);
+        Lr.has(f.type) || xe == null || xe(f);
       }
     },
-    [_e, we]
-  ), U = fn({
-    agentId: W ? "__controlled__" : Ie,
+    [xe, _e]
+  ), U = mn({
+    agentId: F ? "__controlled__" : Re,
     baseUrl: o,
     apiKey: r,
     sessionEndpoint: i,
     sessionBody: l,
-    onDataMessage: W ? void 0 : De
+    onDataMessage: F ? void 0 : Te
   });
   P(() => {
-    if (W != null && W.subscribeToDataMessages)
-      return W.subscribeToDataMessages(De);
-  }, [W, De]), te.current = () => {
-    var v;
-    return (v = U.getRoom) == null ? void 0 : v.call(U);
+    if (F != null && F.subscribeToDataMessages)
+      return F.subscribeToDataMessages(Te);
+  }, [F, Te]), re.current = () => {
+    var y;
+    return (y = U.getRoom) == null ? void 0 : y.call(U);
   }, P(() => {
-    var G;
+    var K;
     if (typeof window > "u") return;
-    const v = ((G = window.location) == null ? void 0 : G.hostname) || "";
-    if (v === "localhost" || v === "127.0.0.1" || v === "0.0.0.0" || v.endsWith(".local") || v.endsWith(".test"))
-      return window.__livelayerSimulateCommand = (je) => {
+    const y = ((K = window.location) == null ? void 0 : K.hostname) || "";
+    if (y === "localhost" || y === "127.0.0.1" || y === "0.0.0.0" || y.endsWith(".local") || y.endsWith(".test"))
+      return window.__livelayerSimulateCommand = (Ge) => {
         try {
-          De(je);
-        } catch (Ve) {
-          console.warn("[LiveLayer] simulate-command threw:", Ve);
+          Te(Ge);
+        } catch (Je) {
+          console.warn("[LiveLayer] simulate-command threw:", Je);
         }
       }, () => {
         delete window.__livelayerSimulateCommand;
       };
-  }, [De]);
-  const w = Je(() => W ? {
-    connectionState: W.connectionState,
-    agentState: W.agentState,
-    transcript: W.transcript,
-    videoElement: W.videoElement,
-    audioElement: W.audioElement,
-    canResume: W.canResume,
-    error: W.error,
+  }, [Te]);
+  const w = Qe(() => F ? {
+    connectionState: F.connectionState,
+    agentState: F.agentState,
+    transcript: F.transcript,
+    videoElement: F.videoElement,
+    audioElement: F.audioElement,
+    canResume: F.canResume,
+    error: F.error,
     agentConfig: null,
     connect: async () => {
-      await W.onConnect();
+      await F.onConnect();
     },
-    disconnect: () => W.onDisconnect(),
+    disconnect: () => F.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.
@@ -2298,199 +2339,199 @@ function xr(e) {
     disconnect: U.disconnect,
     getRoom: U.getRoom,
     isControlled: !1
-  }, [W, U]), pt = I(null);
+  }, [F, U]), mt = I(null);
   P(() => {
-    const v = w.videoElement, f = pt.current;
-    if (!(!v || !f))
-      return f.appendChild(v), () => {
-        v.parentNode === f && f.removeChild(v);
+    const y = w.videoElement, f = mt.current;
+    if (!(!y || !f))
+      return f.appendChild(y), () => {
+        y.parentNode === f && f.removeChild(y);
       };
   }, [w.videoElement]), P(() => {
-    const v = w.audioElement;
-    if (!v) return;
-    le.attach(v);
-    const f = v.play();
-    return f && typeof f.catch == "function" && f.catch((G) => {
-      (G == null ? void 0 : G.name) === "NotAllowedError" && ke(!0);
+    const y = w.audioElement;
+    if (!y) return;
+    ae.attach(y);
+    const f = y.play();
+    return f && typeof f.catch == "function" && f.catch((K) => {
+      (K == null ? void 0 : K.name) === "NotAllowedError" && Me(!0);
     }), () => {
-      le.detach();
+      ae.detach();
     };
   }, [w.audioElement]), P(() => {
     if (w.isControlled || w.connectionState !== "connected") return;
-    const v = w.getRoom();
-    if (v)
-      return Y.setupMic(v).catch(() => {
-      }), K.attachRoom(v), ae.attachRoom(v), Me.refresh(), () => {
-        Y.teardownMic(), K.teardown(), ae.teardown();
+    const y = w.getRoom();
+    if (y)
+      return J.setupMic(y).catch(() => {
+      }), ne.attachRoom(y), pe.attachRoom(y), Ie.refresh(), () => {
+        J.teardownMic(), ne.teardown(), pe.teardown();
       };
   }, [w.isControlled, w.connectionState]), P(() => {
-    const v = w.audioElement;
-    v && (v.muted = et);
-  }, [w.audioElement, et]);
-  const Vt = S((v) => {
+    const y = w.audioElement;
+    y && (y.muted = tt);
+  }, [w.audioElement, tt]);
+  const Jt = S((y) => {
     const f = w.getRoom();
     if (f)
       try {
-        const G = new TextEncoder().encode(
-          JSON.stringify({ type: "user_message", text: v })
+        const K = new TextEncoder().encode(
+          JSON.stringify({ type: "user_message", text: y })
         );
-        f.localParticipant.publishData(G, { reliable: !0 });
+        f.localParticipant.publishData(K, { reliable: !0 });
       } catch {
       }
-  }, [w]), Yt = S(() => {
-    jt((v) => !v);
+  }, [w]), Kt = S(() => {
+    Gt((y) => !y);
   }, []);
   P(() => {
-    be == null || be(w.connectionState), w.connectionState === "connected" ? fe == null || fe() : w.connectionState === "disconnected" && (ge == null || ge());
-  }, [w.connectionState, fe, ge, be]), P(() => {
-    ye == null || ye(w.transcript);
-  }, [w.transcript, ye]), P(() => {
-    ve == null || ve(w.agentState);
-  }, [w.agentState, ve]);
-  const ht = I(!1);
+    we == null || we(w.connectionState), w.connectionState === "connected" ? ge == null || ge() : w.connectionState === "disconnected" && (ye == null || ye());
+  }, [w.connectionState, ge, ye, we]), P(() => {
+    ve == null || ve(w.transcript);
+  }, [w.transcript, ve]), P(() => {
+    be == null || be(w.agentState);
+  }, [w.agentState, be]);
+  const gt = I(!1);
   P(() => {
-    w.isControlled || !s || ht.current || Re && w.connectionState === "idle" && (ht.current = !0, w.connect());
-  }, [s, w.connectionState, w, Re]);
-  const Gt = S(
-    (v) => {
-      const f = C == null ? void 0 : C.find((G) => G.id === v);
-      f && (j(!1), v !== ee && (Pe(!0), w.disconnect(), oe || xe(v), b == null || b(f)));
+    w.isControlled || !s || gt.current || le && w.connectionState === "idle" && (gt.current = !0, w.connect());
+  }, [s, w.connectionState, w, le]);
+  const Xt = S(
+    (y) => {
+      const f = C == null ? void 0 : C.find((K) => K.id === y);
+      f && (Ye(!1), y !== fe && (v(!0), w.disconnect(), oe || Le(y), b == null || b(f)));
     },
     [
       C,
-      ee,
+      fe,
       w,
       oe,
       b
     ]
   );
   P(() => {
-    Te && w.connectionState === "connected" && Pe(!1);
-  }, [w.connectionState, Te]), P(() => {
-    if (!y) return;
-    const v = (f) => {
-      f.key === "Escape" && j(!1);
+    Se && w.connectionState === "connected" && v(!1);
+  }, [w.connectionState, Se]), P(() => {
+    if (!Y) return;
+    const y = (f) => {
+      f.key === "Escape" && Ye(!1);
     };
-    return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
-  }, [y]);
-  const Jt = !!M || !!(V != null && V.avatarImageUrl) || w.isControlled, $e = bn(Ie, o, Jt);
-  Ne === void 0 && ((yt = $e.info) != null && yt.capabilities) && (it.current = $e.info.capabilities);
-  const lt = (V == null ? void 0 : V.name) ?? H ?? ((vt = w.agentConfig) == null ? void 0 : vt.name) ?? ((bt = $e.info) == null ? void 0 : bt.name) ?? "Live Layer", mt = (V == null ? void 0 : V.avatarImageUrl) ?? M ?? ((wt = w.agentConfig) == null ? void 0 : wt.avatarImageUrl) ?? ((_t = $e.info) == null ? void 0 : _t.avatarImageUrl) ?? null, Kt = L ?? ((xt = w.agentConfig) == null ? void 0 : xt.idleLoopUrl) ?? ((kt = $e.info) == null ? void 0 : kt.idleLoopUrl) ?? null, Xt = $ ?? null, Qt = S(() => J("expanded"), [J]), Zt = S(
-    () => J("minimized"),
-    [J]
-  ), gt = S(() => {
-    w.disconnect(), J("hidden");
-  }, [w, J]), en = S(() => {
-    const v = w.audioElement;
-    v && v.play().then(() => ke(!1)).catch(() => {
+    return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
+  }, [Y]);
+  const Qt = !!M || !!(V != null && V.avatarImageUrl) || w.isControlled, Pe = xn(Re, o, Qt);
+  me === void 0 && ((bt = Pe.info) != null && bt.capabilities) && (lt.current = Pe.info.capabilities);
+  const at = (V == null ? void 0 : V.name) ?? O ?? ((wt = w.agentConfig) == null ? void 0 : wt.name) ?? ((_t = Pe.info) == null ? void 0 : _t.name) ?? "Live Layer", yt = (V == null ? void 0 : V.avatarImageUrl) ?? M ?? ((xt = w.agentConfig) == null ? void 0 : xt.avatarImageUrl) ?? ((kt = Pe.info) == null ? void 0 : kt.avatarImageUrl) ?? null, Zt = L ?? ((Lt = w.agentConfig) == null ? void 0 : Lt.idleLoopUrl) ?? ((St = Pe.info) == null ? void 0 : St.idleLoopUrl) ?? null, en = z ?? null, tn = S(() => X("expanded"), [X]), nn = S(
+    () => X("minimized"),
+    [X]
+  ), vt = S(() => {
+    w.disconnect(), X("hidden");
+  }, [w, X]), rn = S(() => {
+    const y = w.audioElement;
+    y && y.play().then(() => Me(!1)).catch(() => {
     });
-  }, [w.audioElement]), tn = S(() => {
-    ke(!1), w.connect();
-  }, [w]), ze = {
+  }, [w.audioElement]), on = S(() => {
+    Me(!1), w.connect();
+  }, [w]), De = {
     ...Fe,
     zIndex: Ue
   };
-  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 nn = [
+  p.primaryColor && (De["--ll-color-primary"] = p.primaryColor), p.accentColor && (De["--ll-color-accent"] = p.accentColor), p.backgroundColor && (De["--ll-color-bg"] = p.backgroundColor), p.textColor && (De["--ll-color-fg"] = p.textColor);
+  const ln = [
     "ll-widget",
-    `ll-widget--${ie}`,
-    `ll-widget--${ne ? "mobile" : "desktop"}`,
-    Qe
+    `ll-widget--${te}`,
+    `ll-widget--${ie ? "mobile" : "desktop"}`,
+    We
   ].filter(Boolean).join(" ");
-  return Re ? /* @__PURE__ */ _(
+  return le ? /* @__PURE__ */ _(
     "div",
     {
-      className: nn,
-      style: ze,
-      "data-display-mode": ie,
+      className: ln,
+      style: De,
+      "data-display-mode": te,
       "data-position": m,
       children: [
-        ie === "hidden" && /* @__PURE__ */ n(
-          Fn,
+        te === "hidden" && /* @__PURE__ */ n(
+          Vn,
           {
             position: m,
-            isMobile: ne,
+            isMobile: ie,
             isSpeaking: w.agentState === "speaking",
-            onExpand: () => J("expanded"),
-            label: `Open ${lt} widget`
+            onExpand: () => X("expanded"),
+            label: `Open ${at} widget`
           }
         ),
-        ie === "minimized" && /* @__PURE__ */ n(
-          jn,
+        te === "minimized" && /* @__PURE__ */ n(
+          Gn,
           {
             position: m,
-            isMobile: ne,
-            agentName: lt,
-            avatarImageUrl: mt,
+            isMobile: ie,
+            agentName: at,
+            avatarImageUrl: yt,
             agentState: w.agentState,
-            isMuted: Y.isMuted,
-            audioLevel: le,
-            onExpand: Qt,
-            onToggleMute: Y.toggleMute,
-            onClose: gt
+            isMuted: J.isMuted,
+            audioLevel: ae,
+            onExpand: tn,
+            onToggleMute: J.toggleMute,
+            onClose: vt
           }
         ),
-        ie === "expanded" && /* @__PURE__ */ n(
-          Yn,
+        te === "expanded" && /* @__PURE__ */ n(
+          Kn,
           {
             position: m,
-            isMobile: ne,
-            agentName: lt,
-            avatarImageUrl: mt,
-            idleLoopUrl: Kt,
-            greeting: Xt,
+            isMobile: ie,
+            agentName: at,
+            avatarImageUrl: yt,
+            idleLoopUrl: Zt,
+            greeting: en,
             branding: p,
             teamMembers: C,
-            currentTeamMemberId: ee,
-            isSwitchingTeamMember: Te,
-            teamSwitcherOpen: y,
-            onToggleTeamSwitcher: () => j((v) => !v),
-            onSelectTeamMember: Gt,
+            currentTeamMemberId: fe,
+            isSwitchingTeamMember: Se,
+            teamSwitcherOpen: Y,
+            onToggleTeamSwitcher: () => Ye((y) => !y),
+            onSelectTeamMember: Xt,
             connectionState: w.connectionState,
             agentState: w.agentState,
             transcript: w.transcript,
-            isMuted: Y.isMuted,
-            micDevices: Me.mics,
-            isCameraEnabled: K.isEnabled,
-            cameraPreviewEl: K.previewEl,
-            cameraDevices: Me.cameras,
-            activeCameraId: K.activeDeviceId,
-            isScreenShareEnabled: ae.isEnabled,
-            screenPreviewEl: ae.previewEl,
-            isSpeakerMuted: et,
+            isMuted: J.isMuted,
+            micDevices: Ie.mics,
+            isCameraEnabled: ne.isEnabled,
+            cameraPreviewEl: ne.previewEl,
+            cameraDevices: Ie.cameras,
+            activeCameraId: ne.activeDeviceId,
+            isScreenShareEnabled: pe.isEnabled,
+            screenPreviewEl: pe.previewEl,
+            isSpeakerMuted: tt,
             allowCamera: g,
             allowScreenShare: E,
             allowTyping: x,
-            languageMenuOpen: dt,
-            onToggleLanguageMenu: () => Ut((v) => !v),
-            needsUserGesture: Ze,
+            languageMenuOpen: Vt,
+            onToggleLanguageMenu: () => Yt((y) => !y),
+            needsUserGesture: Ve,
             canResume: w.canResume,
-            micError: Y.micError,
+            micError: J.micError,
             error: w.error,
-            avatarVideoContainerRef: pt,
+            avatarVideoContainerRef: mt,
             onConnect: () => void w.connect(),
             onDisconnect: () => w.disconnect(),
-            onRetry: tn,
-            onResumeAudio: en,
-            onToggleMute: Y.toggleMute,
-            onToggleCamera: () => void K.toggle(),
-            onSwitchCameraDevice: (v) => void K.switchDevice(v),
-            onToggleScreenShare: () => void ae.toggle(),
-            onToggleSpeaker: Yt,
-            onSendMessage: Vt,
-            onMinimize: Zt,
-            onClose: gt,
-            onClearMicError: Y.clearError
+            onRetry: on,
+            onResumeAudio: rn,
+            onToggleMute: J.toggleMute,
+            onToggleCamera: () => void ne.toggle(),
+            onSwitchCameraDevice: (y) => void ne.switchDevice(y),
+            onToggleScreenShare: () => void pe.toggle(),
+            onToggleSpeaker: Kt,
+            onSendMessage: Jt,
+            onMinimize: nn,
+            onClose: vt,
+            onClearMicError: J.clearError
           }
         )
       ]
     }
   ) : null;
 }
-function Rr(e) {
-  return /* @__PURE__ */ n(un, { children: /* @__PURE__ */ n(xr, { ...e }) });
+function Tr(e) {
+  return /* @__PURE__ */ n(hn, { children: /* @__PURE__ */ n(Sr, { ...e }) });
 }
-const Ir = ({
+const Pr = ({
   agentId: e,
   baseUrl: t,
   apiKey: r,
@@ -2516,9 +2557,9 @@ const Ir = ({
   }, [e]), P(() => {
     u.current && (o ? u.current.setAttribute("mode", o) : u.current.removeAttribute("mode"));
   }, [o]), /* @__PURE__ */ n("div", { ref: d, className: l, style: s });
-}, Mr = ct(
+}, Dr = dt(
   function({ id: t, intent: r, as: o = "div", className: i, style: l, children: s }, d) {
-    return an(
+    return dn(
       o,
       {
         ref: d,
@@ -2530,7 +2571,7 @@ const Ir = ({
       s
     );
   }
-), Tr = ct(
+), $r = dt(
   function({ id: t, intent: r, children: o, ...i }, l) {
     return /* @__PURE__ */ n(
       "form",
@@ -2543,7 +2584,7 @@ const Ir = ({
       }
     );
   }
-), Pr = ct(
+), zr = dt(
   function(t, r) {
     const { name: o, label: i, labelClassName: l } = t, s = { name: o, "data-ll-field": o };
     let d;
@@ -2585,8 +2626,8 @@ const Ir = ({
     ] });
   }
 );
-let qt = 1;
-function Dr({
+let Wt = 1;
+function Hr({
   onMount: e,
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
@@ -2605,7 +2646,7 @@ function Dr({
     }
   }, [o, r]), P(() => {
     const b = (L) => {
-      (L.metaKey || L.ctrlKey) && L.shiftKey && L.key.toLowerCase() === "l" && (L.preventDefault(), i(($) => !$));
+      (L.metaKey || L.ctrlKey) && L.shiftKey && L.key.toLowerCase() === "l" && (L.preventDefault(), i((z) => !z));
     };
     return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
   }, []), P(() => {
@@ -2613,7 +2654,7 @@ function Dr({
       if (c.current.length === 0 || A.current) return;
       const L = c.current.splice(0, c.current.length);
       s(
-        ($) => [...L.reverse(), ...$].slice(0, 200)
+        (z) => [...L.reverse(), ...z].slice(0, 200)
       );
     }, 100);
     return () => clearInterval(b);
@@ -2622,7 +2663,7 @@ function Dr({
   if (P(() => {
     !e || C.current || (C.current = !0, e((b) => {
       c.current.push({
-        id: qt++,
+        id: Wt++,
         ts: Date.now(),
         kind: "event",
         type: b.eventName,
@@ -2630,21 +2671,21 @@ function Dr({
       });
     }));
   }, [e]), P(() => {
-    const b = console.warn, L = console.log, $ = (M, H) => function(...p) {
+    const b = console.warn, L = console.log, z = (M, O) => function(...p) {
       try {
         const g = typeof p[0] == "string" ? p[0] : "";
         g.startsWith("[LiveLayer]") && c.current.push({
-          id: qt++,
+          id: Wt++,
           ts: Date.now(),
           kind: M,
           type: g.slice(0, 120),
-          data: { args: p.slice(1).map((E) => Lr(E)) }
+          data: { args: p.slice(1).map((E) => Er(E)) }
         });
       } catch {
       }
-      return H.apply(this, p);
+      return O.apply(this, p);
     };
-    return console.warn = $("warn", b), console.log = $("log", L), () => {
+    return console.warn = z("warn", b), console.log = z("log", L), () => {
       console.warn = b, console.log = L;
     };
   }, []), !o)
@@ -2725,7 +2766,7 @@ function Dr({
                 {
                   type: "button",
                   onClick: () => m((b) => !b),
-                  style: at(h ? "#f59e0b" : "transparent"),
+                  style: st(h ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
                   children: h ? "▶ resume" : "⏸ pause"
                 }
@@ -2737,7 +2778,7 @@ function Dr({
                   onClick: () => {
                     s([]), c.current = [];
                   },
-                  style: at("transparent"),
+                  style: st("transparent"),
                   title: "Clear buffer",
                   children: "clear"
                 }
@@ -2747,7 +2788,7 @@ function Dr({
                 {
                   type: "button",
                   onClick: () => i(!1),
-                  style: at("transparent"),
+                  style: st("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
                   children: "✕"
@@ -2814,7 +2855,7 @@ function Dr({
                 ]
               }
             ) : R.map((b) => /* @__PURE__ */ n(
-              kr,
+              Cr,
               {
                 entry: b,
                 expanded: a.current.has(b.id),
@@ -2830,7 +2871,7 @@ function Dr({
     }
   );
 }
-function kr({
+function Cr({
   entry: e,
   expanded: t,
   onToggle: r
@@ -2900,7 +2941,7 @@ function kr({
     }
   );
 }
-function at(e) {
+function st(e) {
   return {
     background: e,
     color: "#fff",
@@ -2911,14 +2952,14 @@ function at(e) {
     cursor: "pointer"
   };
 }
-function Lr(e) {
+function Er(e) {
   try {
     return e instanceof Error ? { message: e.message, stack: e.stack } : (JSON.stringify(e), e);
   } catch {
     return String(e);
   }
 }
-function $r() {
+function Or() {
   const [e, t] = N([]), r = S((i) => {
     t((l) => {
       const s = l.findIndex((d) => d.id === i.id);
@@ -2937,32 +2978,33 @@ function $r() {
   };
 }
 export {
-  Rr as AvatarWidget,
-  un as ErrorBoundary,
-  Dr as LiveLayerDebugPanel,
-  Pr as LiveLayerField,
-  Tr as LiveLayerForm,
-  Mr as LiveLayerRegion,
-  Ir as LiveLayerWidget,
-  ar as clearPageContextCache,
-  pr as clearRoutesCache,
-  lr as extractPageContext,
-  dr as extractRoutes,
-  Ht as getCachedPageContext,
-  fr as getCachedRoutes,
-  Pn as matchesPattern,
-  Dn as shouldRenderAtPath,
-  bn as useAgentInfo,
-  pn as useAudioLevel,
-  gn as useCameraState,
-  xn as useDisplayMode,
-  Sn as useDisplayModePersistence,
-  En as useIsMobile,
-  fn as useLiveKitSession,
-  vn as useMediaDevices,
-  hn as useMicrophoneState,
-  An as usePathname,
-  $n as useRouteMatch,
-  yn as useScreenShareState,
-  $r as useTranscript
+  Tr as AvatarWidget,
+  hn as ErrorBoundary,
+  Hr as LiveLayerDebugPanel,
+  zr as LiveLayerField,
+  $r as LiveLayerForm,
+  Dr as LiveLayerRegion,
+  Pr as LiveLayerWidget,
+  dr as clearPageContextCache,
+  gr as clearRoutesCache,
+  sr as extractPageContext,
+  hr as extractRoutes,
+  qt as getCachedPageContext,
+  ct as getCachedRoutes,
+  zn as matchesPattern,
+  fr as normalizeRouteInput,
+  Hn as shouldRenderAtPath,
+  xn as useAgentInfo,
+  gn as useAudioLevel,
+  bn as useCameraState,
+  Sn as useDisplayMode,
+  Nn as useDisplayModePersistence,
+  Rn as useIsMobile,
+  mn as useLiveKitSession,
+  _n as useMediaDevices,
+  yn as useMicrophoneState,
+  Mn as usePathname,
+  On as useRouteMatch,
+  wn as useScreenShareState,
+  Or as useTranscript
 };