@livelayer/react 0.5.6 → 0.5.8

package/dist/index.mjs

@@ -13,8 +13,8 @@ class mn extends dn {
     return { hasError: !0, error: t };
   }
   componentDidCatch(t, r) {
-    var i, o;
-    (o = (i = this.props).onError) == null || o.call(i, t, r);
+    var o, i;
+    (i = (o = this.props).onError) == null || i.call(o, t, r);
   }
   render() {
     var t;
@@ -34,13 +34,13 @@ class mn extends dn {
   }
 }
 function gn(e) {
-  const [t, r] = S("idle"), [i, o] = S("idle"), [l, s] = S([]), [d, f] = S(null), [g, m] = S(null), [a, c] = S(null), [R, C] = S(!1), [L, v] = S(null), b = E(null), z = E(e.onDataMessage);
+  const [t, r] = S("idle"), [o, i] = S("idle"), [l, s] = S([]), [d, f] = S(null), [g, m] = S(null), [a, c] = S(null), [R, C] = S(!1), [L, v] = S(null), b = E(null), z = E(e.onDataMessage);
   z.current = e.onDataMessage, T(() => {
     const N = {
       onConnectionStateChange: (D) => {
         r(D), D === "connected" && v(null);
       },
-      onAgentStateChange: o,
+      onAgentStateChange: i,
       onTranscript: (D) => s([...D]),
       onAgentConfig: f,
       onAudioTrack: (D) => c(D),
@@ -62,7 +62,7 @@ function gn(e) {
       },
       N
     );
-    return b.current = B, r("idle"), o("idle"), s([]), f(null), m(null), c(null), C(!1), v(null), () => {
+    return b.current = B, r("idle"), i("idle"), s([]), f(null), m(null), c(null), C(!1), v(null), () => {
       var D;
       (D = B.destroy) == null || D.call(B), b.current = null;
     };
@@ -90,7 +90,7 @@ function gn(e) {
   }, []);
   return {
     connectionState: t,
-    agentState: i,
+    agentState: o,
     transcript: l,
     agentConfig: d,
     videoElement: g,
@@ -104,10 +104,10 @@ function gn(e) {
   };
 }
 function yn() {
-  const e = E(null), t = E(null), r = E(null), i = E(null), o = E(/* @__PURE__ */ new Set()), l = E(null), s = k(() => {
+  const e = E(null), t = E(null), r = E(null), o = E(null), i = E(/* @__PURE__ */ new Set()), l = E(null), s = k(() => {
     const a = t.current;
     if (!a) {
-      i.current = null;
+      o.current = null;
       return;
     }
     (!l.current || l.current.length !== a.frequencyBinCount) && (l.current = new Uint8Array(
@@ -118,13 +118,13 @@ function yn() {
     let R = 0;
     for (let L = 0; L < c.length; L++) R += c[L];
     const C = R / c.length / 255;
-    for (const L of o.current)
+    for (const L of i.current)
       try {
         L(C);
       } catch (v) {
         console.error("[useAudioLevel] subscriber threw:", v);
       }
-    i.current = requestAnimationFrame(s);
+    o.current = requestAnimationFrame(s);
   }, []), d = k(() => {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
     const a = new AudioContext(), c = a.createAnalyser();
@@ -146,20 +146,20 @@ function yn() {
           console.warn("[useAudioLevel] createMediaElementSource failed:", c);
           return;
         }
-        i.current === null && (i.current = requestAnimationFrame(s));
+        o.current === null && (o.current = requestAnimationFrame(s));
       }
     },
     [d, s]
   ), g = k(() => {
-    if (i.current !== null && (cancelAnimationFrame(i.current), i.current = null), r.current) {
+    if (o.current !== null && (cancelAnimationFrame(o.current), o.current = null), r.current) {
       try {
         r.current.disconnect();
       } catch {
       }
       r.current = null;
     }
-  }, []), m = k((a) => (o.current.add(a), () => {
-    o.current.delete(a);
+  }, []), m = k((a) => (i.current.add(a), () => {
+    i.current.delete(a);
   }), []);
   return T(() => () => {
     if (g(), t.current) {
@@ -176,34 +176,34 @@ function yn() {
       }
       e.current = null;
     }
-    o.current.clear(), l.current = null;
+    i.current.clear(), l.current = null;
   }, [g]), { attach: f, detach: g, subscribe: m };
 }
 function vn() {
-  const [e, t] = S(!1), [r, i] = S(null), o = E(null), l = E(null), s = k(async (m) => {
-    if (o.current && l.current) {
+  const [e, t] = S(!1), [r, o] = S(null), i = E(null), l = E(null), s = k(async (m) => {
+    if (i.current && l.current) {
       try {
-        await l.current.localParticipant.unpublishTrack(o.current);
+        await l.current.localParticipant.unpublishTrack(i.current);
       } catch {
       }
-      o.current.stop(), o.current = null;
+      i.current.stop(), i.current = null;
     }
-    l.current = m, i(null);
+    l.current = m, o(null);
     try {
       const a = await pn({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await m.localParticipant.publishTrack(a), o.current = a, t(a.isMuted);
+      await m.localParticipant.publishTrack(a), i.current = a, t(a.isMuted);
     } catch (a) {
       const c = a instanceof Error && a.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-      throw i(c), a;
+      throw o(c), a;
     }
   }, []), d = k(() => {
-    const m = o.current;
+    const m = i.current;
     m && (m.isMuted ? (m.unmute(), t(!1)) : (m.mute(), t(!0)));
   }, []), f = k(() => {
-    const m = o.current, a = l.current;
+    const m = i.current, a = l.current;
     if (m && a) {
       try {
         a.localParticipant.unpublishTrack(m);
@@ -211,8 +211,8 @@ function vn() {
       }
       m.stop();
     }
-    o.current = null, l.current = null, t(!1);
-  }, []), g = k(() => i(null), []);
+    i.current = null, l.current = null, t(!1);
+  }, []), g = k(() => o(null), []);
   return {
     isMuted: e,
     micError: r,
@@ -224,7 +224,7 @@ function vn() {
 }
 const bn = { resolution: { width: 640, height: 480, frameRate: 24 } };
 function wn() {
-  const [e, t] = S(!1), [r, i] = S(null), [o, l] = S(null), [s, d] = S(""), f = E(null), g = E(null), m = k((b) => {
+  const [e, t] = S(!1), [r, o] = S(null), [i, l] = S(null), [s, d] = S(""), f = E(null), g = E(null), m = k((b) => {
     f.current = b;
   }, []), a = k(() => {
     const b = f.current, z = g.current;
@@ -243,7 +243,7 @@ function wn() {
   }, []), c = k(async (b) => {
     const z = f.current;
     if (z) {
-      i(null);
+      o(null);
       try {
         const I = { ...bn };
         b && (I.deviceId = b);
@@ -260,7 +260,7 @@ function wn() {
         }
       } catch (I) {
         const H = I instanceof Error && I.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
-        i(H);
+        o(H);
       }
     }
   }, []), R = k(async () => {
@@ -268,14 +268,14 @@ function wn() {
   }, [e, s, a, c]), C = k(async (b) => {
     a(), await c(b);
   }, [a, c]), L = k(() => {
-    a(), f.current = null, i(null), d("");
-  }, [a]), v = k(() => i(null), []);
+    a(), f.current = null, o(null), d("");
+  }, [a]), v = k(() => o(null), []);
   return T(() => () => {
     g.current && g.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
-    previewEl: o,
+    previewEl: i,
     activeDeviceId: s,
     toggle: R,
     switchDevice: C,
@@ -285,7 +285,7 @@ function wn() {
   };
 }
 function _n() {
-  const [e, t] = S(!1), [r, i] = S(null), [o, l] = S(null), s = E(null), d = k((c) => {
+  const [e, t] = S(!1), [r, o] = S(null), [i, l] = S(null), s = E(null), d = k((c) => {
     s.current = c;
   }, []), f = k(() => l(null), []), g = k(async () => {
     const c = s.current;
@@ -298,7 +298,7 @@ function _n() {
         f(), t(!1);
         return;
       }
-      i(null);
+      o(null);
       try {
         await c.localParticipant.setScreenShareEnabled(!0);
         let R = 0;
@@ -321,7 +321,7 @@ function _n() {
         C();
       } catch (R) {
         const C = R instanceof Error ? R.name : "";
-        C !== "NotAllowedError" && C !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
+        C !== "NotAllowedError" && C !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
       }
     }
   }, [e, f]), m = k(() => {
@@ -331,27 +331,27 @@ function _n() {
         c.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
-    f(), t(!1), i(null), s.current = null;
-  }, [e, f]), a = k(() => i(null), []);
-  return { isEnabled: e, error: r, previewEl: o, toggle: g, attachRoom: d, teardown: m, clearError: a };
+    f(), t(!1), o(null), s.current = null;
+  }, [e, f]), a = k(() => o(null), []);
+  return { isEnabled: e, error: r, previewEl: i, toggle: g, attachRoom: d, teardown: m, clearError: a };
 }
 function xn() {
-  const [e, t] = S([]), [r, i] = S([]), o = k(async () => {
+  const [e, t] = S([]), [r, o] = S([]), i = k(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
-        t(l.filter((s) => s.kind === "audioinput")), i(l.filter((s) => s.kind === "videoinput"));
+        t(l.filter((s) => s.kind === "audioinput")), o(l.filter((s) => s.kind === "videoinput"));
       } catch {
       }
   }, []);
   return T(() => {
-    if (o(), typeof navigator > "u" || !navigator.mediaDevices) return;
-    const l = () => void o();
+    if (i(), typeof navigator > "u" || !navigator.mediaDevices) return;
+    const l = () => void i();
     return navigator.mediaDevices.addEventListener("devicechange", l), () => navigator.mediaDevices.removeEventListener("devicechange", l);
-  }, [o]), { mics: e, cameras: r, refresh: o };
+  }, [i]), { mics: e, cameras: r, refresh: i };
 }
 function kn(e, t, r = !1) {
-  const [i, o] = S(null), [l, s] = S(null), [d, f] = S(!r && !!e);
+  const [o, i] = S(null), [l, s] = S(null), [d, f] = S(!r && !!e);
   return T(() => {
     if (r || !e) {
       f(!1);
@@ -367,11 +367,11 @@ function kn(e, t, r = !1) {
       }
       return a.json();
     }).then((a) => {
-      g.signal.aborted || (o(a), f(!1));
+      g.signal.aborted || (i(a), f(!1));
     }).catch((a) => {
       g.signal.aborted || (s(a instanceof Error ? a.message : "Agent lookup failed"), f(!1));
     }), () => g.abort();
-  }, [e, t, r]), { info: i, error: l, loading: d };
+  }, [e, t, r]), { info: o, error: l, loading: d };
 }
 function Ln(e) {
   if (typeof window > "u") return null;
@@ -393,11 +393,11 @@ function Cn({
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const i = e !== void 0, [o, l] = S(t), s = i ? e : o, d = k(
+  const o = e !== void 0, [i, l] = S(t), s = o ? e : i, d = k(
     (f) => {
-      f !== s && (i || l(f), r == null || r(f));
+      f !== s && (o || l(f), r == null || r(f));
     },
-    [s, i, r]
+    [s, o, r]
   );
   return [s, d];
 }
@@ -409,18 +409,18 @@ function An({
   value: e,
   defaultValue: t = "expanded",
   onChange: r,
-  persistKey: i = "ll-widget",
-  disablePersistence: o = !1
+  persistKey: o = "ll-widget",
+  disablePersistence: i = !1
 } = {}) {
-  const l = `${i}:display-mode`, s = E(!1), [d, f] = Cn({
+  const l = `${o}:display-mode`, s = E(!1), [d, f] = Cn({
     value: e,
     defaultValue: t,
     onChange: (g) => {
-      e === void 0 && !o && Sn(l, g), r == null || r(g);
+      e === void 0 && !i && Sn(l, g), r == null || r(g);
     }
   });
   return T(() => {
-    if (s.current || (s.current = !0, o || e !== void 0)) return;
+    if (s.current || (s.current = !0, i || e !== void 0)) return;
     const g = Nn(Ln(l));
     g && g !== d && f(g);
   }, []), [d, f];
@@ -435,9 +435,9 @@ function In(e = Rn) {
     }
     if (typeof window > "u" || typeof window.matchMedia > "u")
       return;
-    const i = `(max-width: ${e - 1}px)`, o = window.matchMedia(i), l = () => r(o.matches);
-    return l(), typeof o.addEventListener == "function" ? (o.addEventListener("change", l), () => o.removeEventListener("change", l)) : (o.addListener(l), () => {
-      o.removeListener(l);
+    const o = `(max-width: ${e - 1}px)`, i = window.matchMedia(o), l = () => r(i.matches);
+    return l(), typeof i.addEventListener == "function" ? (i.addEventListener("change", l), () => i.removeEventListener("change", l)) : (i.addListener(l), () => {
+      i.removeListener(l);
     });
   }, [e]), t;
 }
@@ -446,11 +446,11 @@ function Mn() {
   if (typeof window > "u" || window.history[Nt]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...r) {
-    const i = e.apply(this, r);
-    return window.dispatchEvent(new Event(et)), i;
+    const o = e.apply(this, r);
+    return window.dispatchEvent(new Event(et)), o;
   }, window.history.replaceState = function(...r) {
-    const i = t.apply(this, r);
-    return window.dispatchEvent(new Event(et)), i;
+    const o = t.apply(this, r);
+    return window.dispatchEvent(new Event(et)), o;
   }, window.history[Nt] = !0;
 }
 function At() {
@@ -463,9 +463,9 @@ function Tn(e) {
   return T(() => {
     if (e !== void 0) return;
     Mn();
-    const i = () => r(At());
-    return i(), window.addEventListener("popstate", i), window.addEventListener(et, i), () => {
-      window.removeEventListener("popstate", i), window.removeEventListener(et, i);
+    const o = () => r(At());
+    return o(), window.addEventListener("popstate", o), window.addEventListener(et, o), () => {
+      window.removeEventListener("popstate", o), window.removeEventListener(et, o);
     };
   }, [e]), e ?? t;
 }
@@ -476,7 +476,7 @@ function Dn(e) {
 function $n(e) {
   const t = Rt.get(e);
   if (t) return t;
-  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", o = "", l = r.replace(/\*\*/g, i).replace(/\*/g, o), d = Dn(l).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(o, "g"), "[^/]+"), f = new RegExp(`^${d}\\/?$`);
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, o = "
", i = "", l = r.replace(/\*\*/g, o).replace(/\*/g, i), d = Dn(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "g"), "[^/]+"), f = new RegExp(`^${d}\\/?$`);
   return Rt.set(e, f), f;
 }
 function zn(e, t) {
@@ -620,8 +620,8 @@ const Vn = ({
   position: e,
   isMobile: t,
   isSpeaking: r,
-  onExpand: i,
-  label: o = "Open widget",
+  onExpand: o,
+  label: i = "Open widget",
   avatarImageUrl: l,
   agentName: s
 }) => {
@@ -681,8 +681,8 @@ const Vn = ({
       v.current = !1;
       return;
     }
-    i();
-  }, [i]), N = k(
+    o();
+  }, [o]), N = k(
     (A) => {
       if (A.key === "ArrowUp" || A.key === "ArrowDown") {
         A.preventDefault();
@@ -714,7 +714,7 @@ const Vn = ({
       onPointerCancel: H,
       onClick: p,
       onKeyDown: N,
-      "aria-label": o,
+      "aria-label": i,
       "data-position": e,
       style: D,
       children: m ? (
@@ -753,8 +753,8 @@ const Vn = ({
   audioLevel: e,
   bars: t = 20,
   maxHeight: r = 20,
-  minHeight: i = 4,
-  className: o,
+  minHeight: o = 4,
+  className: i,
   barClassName: l
 }) => {
   const s = E(null), d = E([]), f = Ze(() => {
@@ -765,11 +765,11 @@ const Vn = ({
     for (let c = 0; c < t; c++) {
       const R = d.current[c];
       if (!R) continue;
-      const C = Math.max(i, a * r * f[c]);
+      const C = Math.max(o, a * r * f[c]);
       R.style.height = `${C}px`;
     }
-  }), [e, t, r, i, f]);
-  const g = ["ll-waveform", o].filter(Boolean).join(" ");
+  }), [e, t, r, o, f]);
+  const g = ["ll-waveform", i].filter(Boolean).join(" ");
   return /* @__PURE__ */ n("div", { ref: s, className: g, "aria-hidden": "true", children: Array.from({ length: t }, (m, a) => /* @__PURE__ */ n(
     "div",
     {
@@ -777,16 +777,16 @@ const Vn = ({
         d.current[a] = c;
       },
       className: ["ll-waveform__bar", l].filter(Boolean).join(" "),
-      style: { height: `${i}px` }
+      style: { height: `${o}px` }
     },
     a
   )) });
-}, Jn = ({
+}, Gn = ({
   position: e,
   isMobile: t,
   agentName: r,
-  avatarImageUrl: i,
-  agentState: o,
+  avatarImageUrl: o,
+  agentState: i,
   isMuted: l,
   audioLevel: s,
   onExpand: d,
@@ -806,12 +806,12 @@ const Vn = ({
         onClick: d,
         "aria-label": `Expand ${r} widget`,
         children: [
-          i ? (
+          o ? (
             // eslint-disable-next-line @next/next/no-img-element
             /* @__PURE__ */ n(
               "img",
               {
-                src: i,
+                src: o,
                 alt: r,
                 className: "ll-minimized__avatar"
               }
@@ -858,12 +858,12 @@ const Vn = ({
     role: "region",
     "aria-label": `${r} widget`,
     children: /* @__PURE__ */ w("div", { className: "ll-minimized__surface", children: [
-      i ? (
+      o ? (
         // eslint-disable-next-line @next/next/no-img-element
         /* @__PURE__ */ n(
           "img",
           {
-            src: i,
+            src: o,
             alt: r,
             className: "ll-minimized__avatar"
           }
@@ -871,7 +871,7 @@ const Vn = ({
       ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
       /* @__PURE__ */ w("div", { className: "ll-minimized__meta", children: [
         /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
-        /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: o === "speaking" ? "Speaking" : o === "thinking" ? "Thinking" : "Listening" })
+        /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: i === "speaking" ? "Speaking" : i === "thinking" ? "Thinking" : "Listening" })
       ] }),
       /* @__PURE__ */ w("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
@@ -907,12 +907,12 @@ const Vn = ({
       ] })
     ] })
   }
-), Gn = ({
+), Jn = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
-  className: i,
-  style: o
+  className: o,
+  style: i
 }) => {
   const [l, s] = S(!1), d = E(e);
   if (T(() => {
@@ -928,7 +928,7 @@ const Vn = ({
     transition: "opacity 500ms ease, transform 500ms ease",
     transform: r ? "scale(1.02)" : "scale(1)",
     opacity: l ? 1 : 0,
-    ...o
+    ...i
   };
   return (
     // eslint-disable-next-line @next/next/no-img-element
@@ -937,7 +937,7 @@ const Vn = ({
       {
         src: e,
         alt: t,
-        className: i,
+        className: o,
         style: f,
         loading: "eager",
         fetchPriority: "high",
@@ -949,8 +949,8 @@ const Vn = ({
   position: e,
   isMobile: t,
   agentName: r,
-  avatarImageUrl: i,
-  idleLoopUrl: o,
+  avatarImageUrl: o,
+  idleLoopUrl: i,
   greeting: l,
   branding: s,
   teamMembers: d,
@@ -989,14 +989,14 @@ const Vn = ({
   onToggleCamera: _e,
   onSwitchCameraDevice: xe,
   onToggleScreenShare: ke,
-  onToggleSpeaker: j,
+  onToggleSpeaker: V,
   onSendMessage: Ue,
   onMinimize: je,
   onClose: Ve,
   onClearMicError: fe
 }) => {
   var Ce;
-  const ae = b.length > 0 ? b[b.length - 1] : null, oe = ((d == null ? void 0 : d.length) ?? 0) > 1, Le = L === "connecting" || L === "connected", Se = L === "connected", pe = L === "idle" || L === "disconnected" || L === "error", K = E(null), Me = E(null);
+  const ae = b.length > 0 ? b[b.length - 1] : null, ie = ((d == null ? void 0 : d.length) ?? 0) > 1, Le = L === "connecting" || L === "connected", Se = L === "connected", pe = L === "idle" || L === "disconnected" || L === "error", K = E(null), Me = E(null);
   T(() => {
     const y = K.current;
     y && (y.innerHTML = "", A && (A.style.width = "100%", A.style.height = "100%", A.style.objectFit = "cover", A.style.transform = "scaleX(-1)", y.appendChild(A)));
@@ -1040,19 +1040,19 @@ const Vn = ({
       "aria-label": `${r} widget`,
       children: [
         /* @__PURE__ */ w("div", { className: "ll-expanded__bg", children: [
-          i ? /* @__PURE__ */ n(
-            Gn,
+          o ? /* @__PURE__ */ n(
+            Jn,
             {
-              src: i,
+              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: ((Ce = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Ce.toUpperCase()) || "A" }) }),
-          o && !Se && /* @__PURE__ */ n(
+          i && !Se && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
-              src: o,
+              src: i,
               autoPlay: !0,
               loop: !0,
               muted: !0,
@@ -1086,17 +1086,17 @@ const Vn = ({
                   type: "button",
                   className: "ll-hpill",
                   onClick: (y) => {
-                    oe && (y.stopPropagation(), a());
+                    ie && (y.stopPropagation(), a());
                   },
-                  "aria-haspopup": oe ? "listbox" : void 0,
-                  "aria-expanded": oe ? m : void 0,
+                  "aria-haspopup": ie ? "listbox" : void 0,
+                  "aria-expanded": ie ? m : void 0,
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                    oe && /* @__PURE__ */ n(Xe, {})
+                    ie && /* @__PURE__ */ n(Xe, {})
                   ]
                 }
               ),
-              oe && m && /* @__PURE__ */ n(
+              ie && m && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
@@ -1373,11 +1373,22 @@ const Vn = ({
               {
                 type: "button",
                 className: `ll-tool ${ue ? "is-muted" : ""}`,
-                onClick: j,
+                onClick: V,
                 "aria-label": ue ? "Unmute speaker" : "Mute speaker",
                 title: ue ? "Unmute speaker" : "Mute speaker",
                 children: /* @__PURE__ */ n(er, { muted: ue })
               }
+            ),
+            /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                className: "ll-tool ll-tool--danger",
+                onClick: ye,
+                "aria-label": "End conversation",
+                title: "End conversation",
+                children: /* @__PURE__ */ n(nr, {})
+              }
             )
           ] }),
           We && /* @__PURE__ */ w("form", { className: "ll-message-input", onSubmit: he, children: [
@@ -1401,16 +1412,7 @@ const Vn = ({
                 children: /* @__PURE__ */ n(tr, {})
               }
             )
-          ] }),
-          /* @__PURE__ */ n(
-            "button",
-            {
-              type: "button",
-              className: "ll-expanded__end",
-              onClick: ye,
-              children: "End conversation"
-            }
-          )
+          ] })
         ] }) : null,
         (() => {
           if (N && L !== "error")
@@ -1494,42 +1496,51 @@ function tr() {
     /* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
   ] });
 }
-const Ot = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ w(
+function nr() {
+  return /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: /* @__PURE__ */ n(
+    "path",
+    {
+      d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.93.37 1.84.71 2.7a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.38-1.38a2 2 0 0 1 2.11-.45c.86.34 1.77.58 2.7.71A2 2 0 0 1 22 16.92z",
+      transform: "rotate(135 12 12)"
+    }
+  ) });
+}
+const Ot = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ w(
   "div",
   {
     className: "ll-device-menu",
-    onClick: (o) => o.stopPropagation(),
+    onClick: (i) => i.stopPropagation(),
     role: "listbox",
     children: [
       /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
-      t.map((o, l) => {
-        const s = r === o.deviceId;
+      t.map((i, l) => {
+        const s = r === i.deviceId;
         return /* @__PURE__ */ w(
           "button",
           {
             type: "button",
             className: `ll-device-menu__item ${s ? "is-active" : ""}`,
-            onClick: () => i(o.deviceId),
+            onClick: () => o(i.deviceId),
             role: "option",
             "aria-selected": s,
             children: [
               s && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
-              /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: o.label || `${e} ${l + 1}` })
+              /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: i.label || `${e} ${l + 1}` })
             ]
           },
-          o.deviceId || l
+          i.deviceId || l
         );
       })
     ]
   }
-), nr = [
+), rr = [
   '[data-ll-private="true"]',
   ".ll-widget"
 ];
 function pt(e) {
   let t = e;
   for (; t; ) {
-    for (const r of nr)
+    for (const r of rr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
@@ -1544,7 +1555,7 @@ function tt(e) {
   }
   return !0;
 }
-const Qe = 4096, rr = 20, ir = 20, or = 10, lr = 10, ar = 30, qt = 500, cr = [
+const Qe = 4096, or = 20, ir = 20, lr = 10, ar = 10, cr = 30, qt = 500, sr = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1556,7 +1567,7 @@ function He(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
-    for (const r of cr)
+    for (const r of sr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
@@ -1566,8 +1577,8 @@ function Oe(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, i = window.innerWidth || document.documentElement.clientWidth;
-  return t.bottom > 0 && t.right > 0 && t.top < r && t.left < i;
+  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 Bt(e) {
   const t = e.getAttribute("id");
@@ -1577,10 +1588,10 @@ function Bt(e) {
   }
   const r = e.getAttribute("aria-label");
   if (r) return r.trim();
-  const i = e.getAttribute("placeholder");
-  if (i) return i.trim();
-  const o = e.closest("label");
-  return o != null && o.textContent ? o.textContent.trim() : "";
+  const o = e.getAttribute("placeholder");
+  if (o) return o.trim();
+  const i = e.closest("label");
+  return i != null && i.textContent ? i.textContent.trim() : "";
 }
 function me(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
@@ -1588,7 +1599,7 @@ function me(e, t) {
 function Ae(e) {
   return e.length;
 }
-function sr(e, t = {}) {
+function dr(e, t = {}) {
   const r = t.doc ?? (typeof document < "u" ? document : null);
   if (!r)
     return {
@@ -1602,11 +1613,11 @@ function sr(e, t = {}) {
       forms: [],
       extras: e
     };
-  const i = typeof window < "u" && window.location.href || "", o = typeof window < "u" && window.location.pathname || "/", l = r.title || "", s = Array.from(
+  const o = typeof window < "u" && window.location.href || "", i = typeof window < "u" && window.location.pathname || "/", l = r.title || "", s = Array.from(
     r.querySelectorAll("[data-ll-region]")
   ), d = [];
   for (const p of s) {
-    if (d.length >= or) break;
+    if (d.length >= lr) break;
     if (He(p) || !Oe(p)) continue;
     const N = p.getAttribute("data-ll-region") ?? "", B = p.getAttribute("data-ll-intent") ?? void 0, D = me(
       (p.innerText || p.textContent || "").trim(),
@@ -1631,7 +1642,7 @@ function sr(e, t = {}) {
   const c = f.join(`
 `), R = [], C = Array.from(r.querySelectorAll("a[href]"));
   for (const p of C) {
-    if (R.length >= rr) break;
+    if (R.length >= or) break;
     if (He(p) || !Oe(p)) continue;
     const N = p.getAttribute("href") || "", B = (p.textContent || "").trim();
     !N || !B || R.push({ href: N, text: me(B, 100) });
@@ -1651,7 +1662,7 @@ function sr(e, t = {}) {
     r.querySelectorAll("[data-ll-form]")
   ), z = [];
   for (const p of b) {
-    if (z.length >= lr) break;
+    if (z.length >= ar) break;
     if (pt(p)) continue;
     const N = p.getAttribute("data-ll-form") || "";
     if (!N) continue;
@@ -1661,7 +1672,7 @@ function sr(e, t = {}) {
       )
     ), A = [];
     for (const O of D) {
-      if (A.length >= ar) break;
+      if (A.length >= cr) break;
       if (!tt(O)) continue;
       const W = O.getAttribute("data-ll-field") || "";
       if (!W) continue;
@@ -1671,9 +1682,9 @@ function sr(e, t = {}) {
     z.push({ id: N, intent: B, fields: A });
   }
   const I = {
-    url: i,
+    url: o,
     title: l,
-    pathname: o,
+    pathname: i,
     regions: d,
     visibleText: c,
     visibleLinks: R,
@@ -1690,17 +1701,17 @@ function sr(e, t = {}) {
 }
 let Re = null;
 function Wt(e, t = {}) {
-  const r = Date.now(), o = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if (Re && Re.key === o && r - Re.at < 1e3)
+  const r = Date.now(), i = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
+  if (Re && Re.key === i && r - Re.at < 1e3)
     return Re.ctx;
-  const l = sr(e, t);
-  return Re = { key: o, at: r, ctx: l }, l;
+  const l = dr(e, t);
+  return Re = { key: i, at: r, ctx: l }, l;
 }
-function dr() {
+function ur() {
   Re = null;
 }
-const ur = 200;
-function fr(e) {
+const fr = 200;
+function pr(e) {
   const t = String(e.href || "");
   return {
     href: t,
@@ -1710,18 +1721,18 @@ function fr(e) {
     description: e.description
   };
 }
-function pr(e) {
+function hr(e) {
   return !(!e || e.startsWith("#") || e.startsWith("javascript:") || e.startsWith("mailto:") || e.startsWith("tel:"));
 }
-function hr(e) {
+function mr(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
-  const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), o = [], l = Array.from(t.querySelectorAll("a[href]"));
+  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 (o.length >= ur) break;
+    if (i.length >= fr) break;
     if (pt(s)) continue;
     const d = s.getAttribute("href") || "";
-    if (!pr(d)) continue;
+    if (!hr(d)) continue;
     let f = d, g = !0;
     try {
       if (typeof window < "u") {
@@ -1731,42 +1742,42 @@ function hr(e) {
     } catch {
       continue;
     }
-    if (i.has(f)) continue;
-    i.add(f);
+    if (o.has(f)) continue;
+    o.add(f);
     const m = (s.textContent || "").trim().slice(0, 120);
-    o.push({ href: f, text: m, internal: g });
+    i.push({ href: f, text: m, internal: g });
   }
-  return o;
+  return i;
 }
 let Ie = null;
-const mr = 5e3;
+const gr = 5e3;
 function st() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (Ie && Ie.pathname === t && e - Ie.at < mr)
+  if (Ie && Ie.pathname === t && e - Ie.at < gr)
     return Ie.routes;
-  const r = hr();
+  const r = mr();
   return Ie = { at: e, pathname: t, routes: r }, r;
 }
-function gr() {
+function yr() {
   Ie = null;
 }
-function yr(e, t) {
-  const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, i = Object.getOwnPropertyDescriptor(r, "value"), o = i == null ? void 0 : i.set;
-  o ? o.call(e, t) : e.value = t;
+function vr(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 vr(e, t, r = {}) {
-  const i = r.triggerInput ?? !0, o = r.triggerChange ?? !0;
+function br(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(
       HTMLInputElement.prototype,
       "checked"
     ), s = l == null ? void 0 : l.set, d = t === "true" || t === "1" || t === "on";
-    s ? s.call(e, d) : e.checked = d, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+    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;
   }
-  yr(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  vr(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
-function br() {
+function wr() {
   if (typeof window > "u" || typeof document > "u")
     return !1;
   const e = document.scrollingElement || document.documentElement;
@@ -1774,44 +1785,44 @@ function br() {
   const t = window.getComputedStyle(e);
   return !(t.overflowY === "hidden" || t.overflowY === "clip");
 }
-function wr(e) {
+function _r(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const r = window.getComputedStyle(e).overflowY;
   return !(r !== "auto" && r !== "scroll" || e.scrollHeight <= e.clientHeight + 2);
 }
-function _r() {
+function xr() {
   if (typeof document > "u") return null;
   const e = Array.from(
     document.querySelectorAll("body, body *")
   );
   let t = null, r = 0;
-  for (const i of e) {
-    if (!wr(i)) continue;
-    const o = i.getBoundingClientRect();
-    if (o.bottom <= 0 || o.top >= window.innerHeight || o.right <= 0 || o.left >= window.innerWidth || o.width <= 0 || o.height <= 0 || i.closest(".ll-widget")) continue;
-    const l = o.width * o.height;
-    l > r && (r = l, t = i);
+  for (const o of e) {
+    if (!_r(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;
+    l > r && (r = l, t = o);
   }
   return t;
 }
-function xr() {
+function kr() {
   if (typeof window > "u")
     return null;
-  if (br()) return window;
-  const e = _r();
+  if (wr()) return window;
+  const e = xr();
   return e || window;
 }
 function Ft(e) {
   return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
 }
-function kr(e) {
+function Lr(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 Lr = /* @__PURE__ */ new Set([
+const Sr = /* @__PURE__ */ new Set([
   "agent_state",
   "avatar_stream_ready",
   "avatar_active",
@@ -1834,13 +1845,13 @@ const Lr = /* @__PURE__ */ new Set([
   "submit_form",
   "request_routes"
 ]);
-function Sr(e) {
+function Cr(e) {
   var wt, _t, xt, kt, Lt, St, Ct;
   const {
     agentId: t,
     apiKey: r,
-    baseUrl: i = "https://app.livelayer.studio",
-    sessionEndpoint: o,
+    baseUrl: o = "https://app.livelayer.studio",
+    sessionEndpoint: i,
     sessionBody: l,
     autoConnect: s = !1,
     displayMode: d,
@@ -1879,30 +1890,18 @@ function Sr(e) {
     onConnectionStateChange: _e,
     onAgentEvent: xe,
     onAgentCommand: ke,
-    controlledSession: j,
+    controlledSession: V,
     className: Ue,
     style: je,
     zIndex: Ve = 2147483647
   } = e, fe = Tn(W), ae = qn(fe, A, O);
   T(() => {
-    dr(), gr();
-  }, [fe]), T(() => {
-    var J;
-    if (!fe) return;
-    const h = (J = V.getRoom) == null ? void 0 : J.call(V), u = h == null ? void 0 : h.localParticipant;
-    if (u != null && u.publishData)
-      try {
-        const Ee = new TextEncoder().encode(
-          JSON.stringify({ type: "pathname", pathname: fe })
-        );
-        u.publishData(Ee, { reliable: !0 });
-      } catch {
-      }
-  }, [fe, V]);
-  const oe = L !== void 0, [Le, Se] = S(() => {
+    ur(), yr();
+  }, [fe]);
+  const ie = L !== void 0, [Le, Se] = S(() => {
     var h;
     return L ?? ((h = C == null ? void 0 : C[0]) == null ? void 0 : h.id);
-  }), pe = oe ? L : Le, K = Ze(
+  }), pe = ie ? L : Le, K = Ze(
     () => (C == null ? void 0 : C.find((h) => h.id === pe)) ?? null,
     [C, pe]
   ), Me = (K == null ? void 0 : K.agentId) ?? t, [ne, ee] = An({
@@ -1911,8 +1910,8 @@ function Sr(e) {
     onChange: g,
     persistKey: c,
     disablePersistence: R
-  }), le = In(a), ce = yn(), Z = vn(), re = wn(), he = _n(), Te = xn(), [Ye, Pe] = S(!1), [Ce, y] = S(!1), [X, Je] = S(!1), [Yt, Jt] = S(!1), [nt, Gt] = S(!1), rt = E(Y), it = E(te), ot = E(We), lt = E(Fe), ht = E(ue), mt = E(qe), gt = E(Be), at = E(ge), ie = E(null);
-  rt.current = Y, it.current = te, ot.current = We, lt.current = Fe, ht.current = ue, mt.current = qe, gt.current = Be, at.current = ge;
+  }), le = In(a), ce = yn(), Z = vn(), re = wn(), he = _n(), Te = xn(), [Ye, Pe] = S(!1), [Ce, y] = S(!1), [X, Ge] = S(!1), [Yt, Gt] = S(!1), [nt, Jt] = S(!1), rt = E(Y), ot = E(te), it = E(We), lt = E(Fe), ht = E(ue), mt = E(qe), gt = E(Be), at = E(ge), oe = E(null);
+  rt.current = Y, ot.current = te, it.current = We, lt.current = Fe, ht.current = ue, mt.current = qe, gt.current = Be, at.current = ge;
   function se(h) {
     const u = at.current;
     return u ? u.includes(h) : !0;
@@ -1924,7 +1923,7 @@ function Sr(e) {
   }
   const De = k(
     (h) => {
-      var J, Ee, Ke, Et;
+      var G, Ee, Ke, Et;
       const u = h;
       if (!(!u.type || typeof u.type != "string")) {
         if (xe == null || xe({ eventName: u.type, data: h }), u.type === "navigate") {
@@ -1978,9 +1977,9 @@ function Sr(e) {
           const x = typeof u.selector == "string" ? u.selector : null;
           if (!x) return;
           const M = u.behavior === "instant" ? "instant" : "smooth";
-          if (it.current) {
+          if (ot.current) {
             try {
-              it.current(
+              ot.current(
                 x,
                 M
               );
@@ -2017,21 +2016,21 @@ function Sr(e) {
             de("request_page_context", "read_page");
             return;
           }
-          const x = typeof u.requestId == "string" ? u.requestId : void 0, M = (J = ie.current) == null ? void 0 : J.call(ie), q = (U) => {
-            const P = M, G = P == null ? void 0 : P.localParticipant;
-            if (G != null && G.publishData)
+          const x = typeof u.requestId == "string" ? u.requestId : void 0, M = (G = oe.current) == null ? void 0 : G.call(oe), q = (j) => {
+            const P = M, J = P == null ? void 0 : P.localParticipant;
+            if (J != null && J.publishData)
               try {
-                const Q = x ? { ...U, requestId: x } : U, Ne = new TextEncoder().encode(JSON.stringify(Q));
-                G.publishData(Ne, { reliable: !0 });
+                const Q = x ? { ...j, requestId: x } : j, Ne = new TextEncoder().encode(JSON.stringify(Q));
+                J.publishData(Ne, { reliable: !0 });
               } catch (Q) {
                 console.warn("[LiveLayer] publishData failed.", Q);
               }
           }, $ = mt.current, F = ht.current;
           try {
             if (F) {
-              const U = F($);
-              if (U instanceof Promise) {
-                q({ type: "page_context_pending" }), U.then((P) => q({ type: "page_context", context: P })).catch((P) => {
+              const j = F($);
+              if (j instanceof Promise) {
+                q({ type: "page_context_pending" }), j.then((P) => q({ type: "page_context", context: P })).catch((P) => {
                   console.warn(
                     "[LiveLayer] getPageContext rejected; falling back to default walker.",
                     P
@@ -2042,17 +2041,17 @@ function Sr(e) {
                 });
                 return;
               }
-              q({ type: "page_context", context: U });
+              q({ type: "page_context", context: j });
               return;
             }
             q({
               type: "page_context",
               context: Wt($)
             });
-          } catch (U) {
+          } catch (j) {
             console.warn(
               "[LiveLayer] page-context extraction threw. Sending empty context.",
-              U
+              j
             ), q({
               type: "page_context",
               context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: $ }
@@ -2073,9 +2072,9 @@ function Sr(e) {
             return;
           }
           const M = u.behavior === "instant" ? "instant" : "smooth";
-          if (ot.current) {
+          if (it.current) {
             try {
-              ot.current(
+              it.current(
                 x,
                 M
               );
@@ -2085,12 +2084,12 @@ function Sr(e) {
             return;
           }
           if (typeof window > "u") return;
-          const q = { behavior: M }, $ = xr(), F = (P) => {
+          const q = { behavior: M }, $ = kr(), F = (P) => {
             $ instanceof Window ? $.scrollBy({ top: P, ...q }) : $.scrollBy({ top: P, ...q });
-          }, U = (P) => {
+          }, j = (P) => {
             $ instanceof Window ? $.scrollTo({ top: P, ...q }) : $.scrollTo({ top: P, ...q });
           };
-          x === "up" ? F(-Ft($)) : x === "down" ? F(Ft($)) : U(x === "top" ? 0 : kr($));
+          x === "up" ? F(-Ft($)) : x === "down" ? F(Ft($)) : j(x === "top" ? 0 : Lr($));
           return;
         }
         if (u.type === "click") {
@@ -2191,21 +2190,21 @@ function Sr(e) {
           }
           for (const [$, F] of Object.entries(q)) {
             if (typeof F != "string") continue;
-            const U = M.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
-            if (!U) {
+            const j = M.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
+            if (!j) {
               console.warn(
                 `[LiveLayer] fill_form: no field "${$}" in form "${x}". Skipping.`
               );
               continue;
             }
-            if (!tt(U)) {
+            if (!tt(j)) {
               console.warn(
                 `[LiveLayer] fill_form: field "${$}" is privacy-protected (password / cc-* / private). Skipping.`
               );
               continue;
             }
             try {
-              vr(U, F);
+              br(j, F);
             } catch (P) {
               console.warn(
                 `[LiveLayer] fill_form: failed to set "${$}".`,
@@ -2241,24 +2240,24 @@ function Sr(e) {
             );
             return;
           }
-          const q = typeof u.requestId == "string" ? u.requestId : void 0, $ = (Ke = ie.current) == null ? void 0 : Ke.call(ie), F = (G) => {
+          const q = typeof u.requestId == "string" ? u.requestId : void 0, $ = (Ke = oe.current) == null ? void 0 : Ke.call(oe), F = (J) => {
             const Q = $, Ne = Q == null ? void 0 : Q.localParticipant;
             if (Ne != null && Ne.publishData)
               try {
-                const cn = q ? { ...G, requestId: q } : G, sn = new TextEncoder().encode(JSON.stringify(cn));
+                const cn = q ? { ...J, requestId: q } : J, sn = new TextEncoder().encode(JSON.stringify(cn));
                 Ne.publishData(sn, { reliable: !0 });
               } catch {
               }
           };
-          let U = !1;
+          let j = !1;
           const P = () => {
-            U = !0, F({ type: "form_submitted", formId: x });
+            j = !0, F({ type: "form_submitted", formId: x });
           };
           M.addEventListener("submit", P, { once: !0 });
           try {
             typeof M.requestSubmit == "function" ? M.requestSubmit() : M.submit();
-          } catch (G) {
-            console.warn("[LiveLayer] submit_form: requestSubmit threw.", G), M.removeEventListener("submit", P), F({
+          } catch (J) {
+            console.warn("[LiveLayer] submit_form: requestSubmit threw.", J), M.removeEventListener("submit", P), F({
               type: "form_submit_blocked",
               formId: x,
               reason: "exception"
@@ -2266,7 +2265,7 @@ function Sr(e) {
             return;
           }
           setTimeout(() => {
-            U || (M.removeEventListener("submit", P), F({
+            j || (M.removeEventListener("submit", P), F({
               type: "form_submit_blocked",
               formId: x,
               reason: "validation"
@@ -2279,31 +2278,31 @@ function Sr(e) {
             de("request_routes", "read_page");
             return;
           }
-          const x = typeof u.requestId == "string" ? u.requestId : void 0, q = (Et = ie.current) == null ? void 0 : Et.call(ie), $ = q == null ? void 0 : q.localParticipant;
+          const x = typeof u.requestId == "string" ? u.requestId : void 0, q = (Et = oe.current) == null ? void 0 : Et.call(oe), $ = q == null ? void 0 : q.localParticipant;
           if (!($ != null && $.publishData)) return;
           const F = (P) => {
             try {
-              const G = x ? { type: "routes", routes: P, requestId: x } : { type: "routes", routes: P }, Q = new TextEncoder().encode(JSON.stringify(G));
+              const J = x ? { type: "routes", routes: P, requestId: x } : { type: "routes", routes: P }, Q = new TextEncoder().encode(JSON.stringify(J));
               $.publishData(Q, { reliable: !0 });
-            } catch (G) {
-              console.warn("[LiveLayer] request_routes: publishData failed.", G);
+            } catch (J) {
+              console.warn("[LiveLayer] request_routes: publishData failed.", J);
             }
-          }, U = gt.current;
-          if (U) {
+          }, j = gt.current;
+          if (j) {
             try {
-              const P = U(), G = (Q) => {
+              const P = j(), J = (Q) => {
                 if (!Array.isArray(Q)) {
                   F([]);
                   return;
                 }
-                F(Q.map(fr).slice(0, 200));
+                F(Q.map(pr).slice(0, 200));
               };
-              P instanceof Promise ? P.then(G).catch((Q) => {
+              P instanceof Promise ? P.then(J).catch((Q) => {
                 console.warn(
                   "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
                   Q
                 ), F(st());
-              }) : G(P);
+              }) : J(P);
             } catch (P) {
               console.warn(
                 "[LiveLayer] getRoutes threw; falling back to DOM walker.",
@@ -2319,28 +2318,40 @@ function Sr(e) {
           }
           return;
         }
-        Lr.has(u.type) || ke == null || ke(u);
+        Sr.has(u.type) || ke == null || ke(u);
       }
     },
     [ke, xe]
-  ), V = gn({
-    agentId: j ? "__controlled__" : Me,
-    baseUrl: i,
+  ), U = gn({
+    agentId: V ? "__controlled__" : Me,
+    baseUrl: o,
     apiKey: r,
-    sessionEndpoint: o,
+    sessionEndpoint: i,
     sessionBody: l,
-    onDataMessage: j ? void 0 : De
+    onDataMessage: V ? void 0 : De
   });
   T(() => {
-    if (j != null && j.subscribeToDataMessages)
-      return j.subscribeToDataMessages(De);
-  }, [j, De]), ie.current = () => {
+    if (V != null && V.subscribeToDataMessages)
+      return V.subscribeToDataMessages(De);
+  }, [V, De]), oe.current = () => {
     var h;
-    return (h = V.getRoom) == null ? void 0 : h.call(V);
+    return (h = U.getRoom) == null ? void 0 : h.call(U);
   }, T(() => {
-    var J;
+    var G;
+    if (!fe) return;
+    const h = (G = U.getRoom) == null ? void 0 : G.call(U), u = h == null ? void 0 : h.localParticipant;
+    if (u != null && u.publishData)
+      try {
+        const Ee = new TextEncoder().encode(
+          JSON.stringify({ type: "pathname", pathname: fe })
+        );
+        u.publishData(Ee, { reliable: !0 });
+      } catch {
+      }
+  }, [fe, U, U.connectionState]), T(() => {
+    var G;
     if (typeof window > "u") return;
-    const h = ((J = window.location) == null ? void 0 : J.hostname) || "";
+    const h = ((G = window.location) == null ? void 0 : G.hostname) || "";
     if (h === "localhost" || h === "127.0.0.1" || h === "0.0.0.0" || h.endsWith(".local") || h.endsWith(".test"))
       return window.__livelayerSimulateCommand = (Ee) => {
         try {
@@ -2352,38 +2363,38 @@ function Sr(e) {
         delete window.__livelayerSimulateCommand;
       };
   }, [De]);
-  const _ = Ze(() => j ? {
-    connectionState: j.connectionState,
-    agentState: j.agentState,
-    transcript: j.transcript,
-    videoElement: j.videoElement,
-    audioElement: j.audioElement,
-    canResume: j.canResume,
-    error: j.error,
+  const _ = Ze(() => V ? {
+    connectionState: V.connectionState,
+    agentState: V.agentState,
+    transcript: V.transcript,
+    videoElement: V.videoElement,
+    audioElement: V.audioElement,
+    canResume: V.canResume,
+    error: V.error,
     agentConfig: null,
     connect: async () => {
-      await j.onConnect();
+      await V.onConnect();
     },
-    disconnect: () => j.onDisconnect(),
+    disconnect: () => V.onDisconnect(),
     // Dummy getRoom for shape compatibility — controlled consumers own the Room.
     // Internal session's getRoom returns null when no real connect has happened,
     // so we reuse its reference for type consistency.
-    getRoom: V.getRoom,
+    getRoom: U.getRoom,
     isControlled: !0
   } : {
-    connectionState: V.connectionState,
-    agentState: V.agentState,
-    transcript: V.transcript,
-    videoElement: V.videoElement,
-    audioElement: V.audioElement,
-    canResume: V.canResume,
-    error: V.error,
-    agentConfig: V.agentConfig,
-    connect: V.connect,
-    disconnect: V.disconnect,
-    getRoom: V.getRoom,
+    connectionState: U.connectionState,
+    agentState: U.agentState,
+    transcript: U.transcript,
+    videoElement: U.videoElement,
+    audioElement: U.audioElement,
+    canResume: U.canResume,
+    error: U.error,
+    agentConfig: U.agentConfig,
+    connect: U.connect,
+    disconnect: U.disconnect,
+    getRoom: U.getRoom,
     isControlled: !1
-  }, [j, V]), yt = E(null);
+  }, [V, U]), yt = E(null);
   T(() => {
     const h = _.videoElement, u = yt.current;
     if (!(!h || !u))
@@ -2395,8 +2406,8 @@ function Sr(e) {
     if (!h) return;
     ce.attach(h);
     const u = h.play();
-    return u && typeof u.catch == "function" && u.catch((J) => {
-      (J == null ? void 0 : J.name) === "NotAllowedError" && Pe(!0);
+    return u && typeof u.catch == "function" && u.catch((G) => {
+      (G == null ? void 0 : G.name) === "NotAllowedError" && Pe(!0);
     }), () => {
       ce.detach();
     };
@@ -2416,14 +2427,14 @@ function Sr(e) {
     const u = _.getRoom();
     if (u)
       try {
-        const J = new TextEncoder().encode(
+        const G = new TextEncoder().encode(
           JSON.stringify({ type: "user_message", text: h })
         );
-        u.localParticipant.publishData(J, { reliable: !0 });
+        u.localParticipant.publishData(G, { reliable: !0 });
       } catch {
       }
   }, [_]), Xt = k(() => {
-    Gt((h) => !h);
+    Jt((h) => !h);
   }, []);
   T(() => {
     _e == null || _e(_.connectionState), _.connectionState === "connected" ? ye == null || ye() : _.connectionState === "disconnected" && (ve == null || ve());
@@ -2438,14 +2449,14 @@ function Sr(e) {
   }, [s, _.connectionState, _, ae]);
   const Qt = k(
     (h) => {
-      const u = C == null ? void 0 : C.find((J) => J.id === h);
-      u && (Je(!1), h !== pe && (y(!0), _.disconnect(), oe || Se(h), v == null || v(u)));
+      const u = C == null ? void 0 : C.find((G) => G.id === h);
+      u && (Ge(!1), h !== pe && (y(!0), _.disconnect(), ie || Se(h), v == null || v(u)));
     },
     [
       C,
       pe,
       _,
-      oe,
+      ie,
       v
     ]
   );
@@ -2454,13 +2465,13 @@ function Sr(e) {
   }, [_.connectionState, Ce]), T(() => {
     if (!X) return;
     const h = (u) => {
-      u.key === "Escape" && Je(!1);
+      u.key === "Escape" && Ge(!1);
     };
     return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
   }, [X]);
-  const Zt = !!I || !!(K != null && K.avatarImageUrl) || _.isControlled, $e = kn(Me, i, Zt);
+  const Zt = !!I || !!(K != null && K.avatarImageUrl) || _.isControlled, $e = kn(Me, o, Zt);
   ge === void 0 && ((wt = $e.info) != null && wt.capabilities) && (at.current = $e.info.capabilities);
-  const Ge = (K == null ? void 0 : K.name) ?? H ?? ((_t = _.agentConfig) == null ? void 0 : _t.name) ?? ((xt = $e.info) == null ? void 0 : xt.name) ?? "Live Layer", ct = (K == null ? void 0 : K.avatarImageUrl) ?? I ?? ((kt = _.agentConfig) == null ? void 0 : kt.avatarImageUrl) ?? ((Lt = $e.info) == null ? void 0 : Lt.avatarImageUrl) ?? null, en = b ?? ((St = _.agentConfig) == null ? void 0 : St.idleLoopUrl) ?? ((Ct = $e.info) == null ? void 0 : Ct.idleLoopUrl) ?? null, tn = z ?? null, nn = k(() => ee("expanded"), [ee]), rn = k(
+  const Je = (K == null ? void 0 : K.name) ?? H ?? ((_t = _.agentConfig) == null ? void 0 : _t.name) ?? ((xt = $e.info) == null ? void 0 : xt.name) ?? "Live Layer", ct = (K == null ? void 0 : K.avatarImageUrl) ?? I ?? ((kt = _.agentConfig) == null ? void 0 : kt.avatarImageUrl) ?? ((Lt = $e.info) == null ? void 0 : Lt.avatarImageUrl) ?? null, en = b ?? ((St = _.agentConfig) == null ? void 0 : St.idleLoopUrl) ?? ((Ct = $e.info) == null ? void 0 : Ct.idleLoopUrl) ?? null, tn = z ?? null, nn = k(() => ee("expanded"), [ee]), rn = k(
     () => ee("minimized"),
     [ee]
   ), bt = k(() => {
@@ -2497,17 +2508,17 @@ function Sr(e) {
             isMobile: le,
             isSpeaking: _.agentState === "speaking",
             onExpand: () => ee("expanded"),
-            label: `Open ${Ge} widget`,
+            label: `Open ${Je} widget`,
             avatarImageUrl: ct,
-            agentName: Ge
+            agentName: Je
           }
         ),
         ne === "minimized" && /* @__PURE__ */ n(
-          Jn,
+          Gn,
           {
             position: m,
             isMobile: le,
-            agentName: Ge,
+            agentName: Je,
             avatarImageUrl: ct,
             agentState: _.agentState,
             isMuted: Z.isMuted,
@@ -2522,7 +2533,7 @@ function Sr(e) {
           {
             position: m,
             isMobile: le,
-            agentName: Ge,
+            agentName: Je,
             avatarImageUrl: ct,
             idleLoopUrl: en,
             greeting: tn,
@@ -2531,7 +2542,7 @@ function Sr(e) {
             currentTeamMemberId: pe,
             isSwitchingTeamMember: Ce,
             teamSwitcherOpen: X,
-            onToggleTeamSwitcher: () => Je((h) => !h),
+            onToggleTeamSwitcher: () => Ge((h) => !h),
             onSelectTeamMember: Qt,
             connectionState: _.connectionState,
             agentState: _.agentState,
@@ -2549,7 +2560,7 @@ function Sr(e) {
             allowScreenShare: B,
             allowTyping: D,
             languageMenuOpen: Yt,
-            onToggleLanguageMenu: () => Jt((h) => !h),
+            onToggleLanguageMenu: () => Gt((h) => !h),
             needsUserGesture: Ye,
             canResume: _.canResume,
             micError: Z.micError,
@@ -2574,20 +2585,20 @@ function Sr(e) {
     }
   ) : null;
 }
-function Tr(e) {
-  return /* @__PURE__ */ n(mn, { children: /* @__PURE__ */ n(Sr, { ...e }) });
+function Pr(e) {
+  return /* @__PURE__ */ n(mn, { children: /* @__PURE__ */ n(Cr, { ...e }) });
 }
-const Pr = ({
+const Dr = ({
   agentId: e,
   baseUrl: t,
   apiKey: r,
-  mode: i,
-  onAgentEvent: o,
+  mode: o,
+  onAgentEvent: i,
   className: l,
   style: s
 }) => {
-  const d = E(null), f = E(null), g = E(o);
-  g.current = o;
+  const d = E(null), f = E(null), g = E(i);
+  g.current = i;
   const m = k((a) => {
     var R;
     const c = a.detail;
@@ -2597,42 +2608,42 @@ const Pr = ({
     const a = d.current;
     if (!a) return;
     const c = document.createElement("livelayer-widget");
-    return c.setAttribute("agent-id", e), t && c.setAttribute("base-url", t), r && c.setAttribute("api-key", r), i && c.setAttribute("mode", i), c.addEventListener("agent-event", m), a.appendChild(c), f.current = c, () => {
+    return c.setAttribute("agent-id", e), t && c.setAttribute("base-url", t), r && c.setAttribute("api-key", r), o && c.setAttribute("mode", o), c.addEventListener("agent-event", m), a.appendChild(c), f.current = c, () => {
       c.removeEventListener("agent-event", m), a.removeChild(c), f.current = null;
     };
   }, [e]), T(() => {
-    f.current && (i ? f.current.setAttribute("mode", i) : f.current.removeAttribute("mode"));
-  }, [i]), /* @__PURE__ */ n("div", { ref: d, className: l, style: s });
-}, Dr = ft(
-  function({ id: t, intent: r, as: i = "div", className: o, style: l, children: s }, d) {
+    f.current && (o ? f.current.setAttribute("mode", o) : f.current.removeAttribute("mode"));
+  }, [o]), /* @__PURE__ */ n("div", { ref: d, className: l, style: s });
+}, $r = ft(
+  function({ id: t, intent: r, as: o = "div", className: i, style: l, children: s }, d) {
     return un(
-      i,
+      o,
       {
         ref: d,
         "data-ll-region": t,
         "data-ll-intent": r,
-        className: o,
+        className: i,
         style: l
       },
       s
     );
   }
-), $r = ft(
-  function({ id: t, intent: r, children: i, ...o }, l) {
+), zr = ft(
+  function({ id: t, intent: r, children: o, ...i }, l) {
     return /* @__PURE__ */ n(
       "form",
       {
         ref: l,
         "data-ll-form": t,
         "data-ll-intent": r,
-        ...o,
-        children: i
+        ...i,
+        children: o
       }
     );
   }
-), zr = ft(
+), Hr = ft(
   function(t, r) {
-    const { name: i, label: o, labelClassName: l } = t, s = { name: i, "data-ll-field": i };
+    const { name: o, label: i, labelClassName: l } = t, s = { name: o, "data-ll-field": o };
     let d;
     if ("as" in t && t.as === "textarea") {
       const { name: f, label: g, labelClassName: m, as: a, ...c } = t;
@@ -2666,33 +2677,33 @@ const Pr = ({
         }
       );
     }
-    return o === void 0 ? d : /* @__PURE__ */ w("label", { className: l, children: [
-      o,
+    return i === void 0 ? d : /* @__PURE__ */ w("label", { className: l, children: [
+      i,
       d
     ] });
   }
 );
 let Ut = 1;
-function Hr({
+function Or({
   onMount: e,
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [i, o] = S(t), [l, s] = S([]), [d, f] = S(""), [g, m] = S(!1), a = E(/* @__PURE__ */ new Set()), c = E([]), R = E(g);
+  const [o, i] = S(t), [l, s] = S([]), [d, f] = S(""), [g, m] = S(!1), a = E(/* @__PURE__ */ new Set()), c = E([]), R = E(g);
   R.current = g, T(() => {
     try {
       const v = localStorage.getItem(r);
-      v === "1" && o(!0), v === "0" && o(!1);
+      v === "1" && i(!0), v === "0" && i(!1);
     } catch {
     }
   }, [r]), T(() => {
     try {
-      localStorage.setItem(r, i ? "1" : "0");
+      localStorage.setItem(r, o ? "1" : "0");
     } catch {
     }
-  }, [i, r]), T(() => {
+  }, [o, r]), T(() => {
     const v = (b) => {
-      (b.metaKey || b.ctrlKey) && b.shiftKey && b.key.toLowerCase() === "l" && (b.preventDefault(), o((z) => !z));
+      (b.metaKey || b.ctrlKey) && b.shiftKey && b.key.toLowerCase() === "l" && (b.preventDefault(), i((z) => !z));
     };
     return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
   }, []), T(() => {
@@ -2725,7 +2736,7 @@ function Hr({
           ts: Date.now(),
           kind: I,
           type: N.slice(0, 120),
-          data: { args: p.slice(1).map((B) => Er(B)) }
+          data: { args: p.slice(1).map((B) => Nr(B)) }
         });
       } catch {
       }
@@ -2734,12 +2745,12 @@ function Hr({
     return console.warn = z("warn", v), console.log = z("log", b), () => {
       console.warn = v, console.log = b;
     };
-  }, []), !i)
+  }, []), !o)
     return /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        onClick: () => o(!0),
+        onClick: () => i(!0),
         title: "Open LiveLayer debug panel (Cmd/Ctrl + Shift + L)",
         "aria-label": "Open LiveLayer debug panel",
         style: {
@@ -2833,7 +2844,7 @@ function Hr({
                 "button",
                 {
                   type: "button",
-                  onClick: () => o(!1),
+                  onClick: () => i(!1),
                   style: dt("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
@@ -2901,7 +2912,7 @@ function Hr({
                 ]
               }
             ) : L.map((v) => /* @__PURE__ */ n(
-              Cr,
+              Er,
               {
                 entry: v,
                 expanded: a.current.has(v.id),
@@ -2917,12 +2928,12 @@ function Hr({
     }
   );
 }
-function Cr({
+function Er({
   entry: e,
   expanded: t,
   onToggle: r
 }) {
-  const i = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", o = new Date(e.ts).toLocaleTimeString("en-US", {
+  const o = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", i = new Date(e.ts).toLocaleTimeString("en-US", {
     hour12: !1
   });
   return /* @__PURE__ */ w(
@@ -2952,14 +2963,14 @@ function Cr({
                 fontVariantNumeric: "tabular-nums",
                 fontSize: 10
               },
-              children: o
+              children: i
             }
           ),
           /* @__PURE__ */ n(
             "span",
             {
               style: {
-                color: i,
+                color: o,
                 fontWeight: 600,
                 flexShrink: 0
               },
@@ -2998,47 +3009,47 @@ function dt(e) {
     cursor: "pointer"
   };
 }
-function Er(e) {
+function Nr(e) {
   try {
     return e instanceof Error ? { message: e.message, stack: e.stack } : (JSON.stringify(e), e);
   } catch {
     return String(e);
   }
 }
-function Or() {
-  const [e, t] = S([]), r = k((o) => {
+function qr() {
+  const [e, t] = S([]), r = k((i) => {
     t((l) => {
-      const s = l.findIndex((d) => d.id === o.id);
+      const s = l.findIndex((d) => d.id === i.id);
       if (s >= 0) {
         const d = l.slice();
-        return d[s] = o, d;
+        return d[s] = i, d;
       }
-      return [...l, o];
+      return [...l, i];
     });
-  }, []), i = k(() => t([]), []);
+  }, []), o = k(() => t([]), []);
   return {
     entries: e,
     pushSegment: r,
-    clear: i,
+    clear: o,
     latest: e.length > 0 ? e[e.length - 1] : null
   };
 }
 export {
-  Tr as AvatarWidget,
+  Pr as AvatarWidget,
   mn 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,
+  Or as LiveLayerDebugPanel,
+  Hr as LiveLayerField,
+  zr as LiveLayerForm,
+  $r as LiveLayerRegion,
+  Dr as LiveLayerWidget,
+  ur as clearPageContextCache,
+  yr as clearRoutesCache,
+  dr as extractPageContext,
+  mr as extractRoutes,
   Wt as getCachedPageContext,
   st as getCachedRoutes,
   Hn as matchesPattern,
-  fr as normalizeRouteInput,
+  pr as normalizeRouteInput,
   On as shouldRenderAtPath,
   kn as useAgentInfo,
   yn as useAudioLevel,
@@ -3052,5 +3063,5 @@ export {
   Tn as usePathname,
   qn as useRouteMatch,
   _n as useScreenShareState,
-  Or as useTranscript
+  qr as useTranscript
 };