@zeroweight/react 0.2.22 → 0.2.23

package/dist/zeroweight-renderer-react.es.js

@@ -1,136 +1,136 @@
-import { useMemo as ve, useRef as y, useState as h, useCallback as v, useEffect as b } from "react";
+import { useMemo as ve, useRef as x, useState as v, useCallback as S, useEffect as w } from "react";
 import { ZeroWeightRenderer as ye, ActionQueue as be, VoiceActivityDetector as Se } from "@zeroweight/renderer";
-import { jsxs as S, jsx as n, Fragment as j } from "react/jsx-runtime";
-import { useVoiceAssistant as xe, useLocalParticipant as we, useIsSpeaking as ke, useDataChannel as Ae, RoomAudioRenderer as Te, LiveKitRoom as Re } from "@livekit/components-react";
+import { jsxs as y, jsx as n, Fragment as D } from "react/jsx-runtime";
+import { useVoiceAssistant as xe, useLocalParticipant as we, useIsSpeaking as Ae, useDataChannel as ke, RoomAudioRenderer as Te, LiveKitRoom as Re } from "@livekit/components-react";
 import "@livekit/components-styles";
-import { Loader2 as ee, MicOff as Ie, Mic as Ce, Power as Me, Activity as Ee } from "lucide-react";
-const Le = 3e4, De = 120, ze = "wss://prod-project-pazuyq69.livekit.cloud", J = "https://api.zeroweight.ai", Ue = () => {
-  const d = ["Happy", "Swift", "Bright", "Cool", "Smart"], o = ["User", "Guest", "Visitor", "Agent", "Caller"], t = Math.floor(Math.random() * 1e3);
-  return `${d[Math.floor(Math.random() * d.length)]}${o[Math.floor(Math.random() * o.length)]}${t}`;
+import { Loader2 as W, MicOff as Ie, Mic as Ce, Power as Me, Activity as Ee } from "lucide-react";
+const Le = 3e4, ze = 120, De = "wss://prod-project-pazuyq69.livekit.cloud", X = "https://api.zeroweight.ai", Ue = () => {
+  const u = ["Happy", "Swift", "Bright", "Cool", "Smart"], a = ["User", "Guest", "Visitor", "Agent", "Caller"], t = Math.floor(Math.random() * 1e3);
+  return `${u[Math.floor(Math.random() * u.length)]}${a[Math.floor(Math.random() * a.length)]}${t}`;
 };
-function $e(d) {
+function $e(u) {
   const {
-    avatarId: o,
+    avatarId: a,
     apiKey: t = null,
     api: f,
-    livekitUrl: x = ze,
-    sessionDuration: l = De,
-    inactivityTimeout: m = Le
-  } = d, M = x, s = ve(() => {
+    livekitUrl: h = De,
+    sessionDuration: l = ze,
+    inactivityTimeout: b = Le
+  } = u, E = h, p = ve(() => {
     if (f) return f;
     const e = t ? { "X-ZW-Api-Key": t } : void 0;
     return {
       getBundle: async (c) => {
-        const A = await fetch(
-          `${J}/avatars/bundle/${encodeURIComponent(
+        const k = await fetch(
+          `${X}/avatars/bundle/${encodeURIComponent(
             c
           )}`,
           { headers: e }
         );
-        if (!A.ok)
+        if (!k.ok)
           throw new Error(
-            `Failed to fetch avatar bundle (${A.status} ${A.statusText})`
+            `Failed to fetch avatar bundle (${k.status} ${k.statusText})`
           );
-        return A.json();
+        return k.json();
       },
-      getLiveKitToken: async (c, A) => {
+      getLiveKitToken: async (c, k) => {
         const g = new URLSearchParams({
           avatar_id: c,
-          name: A
-        }), E = await fetch(
-          `${J}/livekit/token?${g.toString()}`,
+          name: k
+        }), M = await fetch(
+          `${X}/livekit/token?${g.toString()}`,
           { headers: e }
         );
-        if (!E.ok)
+        if (!M.ok)
           throw new Error(
-            `Failed to fetch LiveKit token (${E.status} ${E.statusText})`
+            `Failed to fetch LiveKit token (${M.status} ${M.statusText})`
           );
-        return E.json();
+        return M.json();
       }
     };
-  }, [f, t]), i = y(null), w = y(null), u = y(null), a = y(null), [k, p] = h("idle"), [r, R] = h(null), [L, z] = h(
+  }, [f, t]), m = x(null), A = x(null), i = x(null), s = x(null), [I, o] = v("idle"), [r, d] = v(null), [L, U] = v(
     /* @__PURE__ */ new Set(["listening"])
-  ), [U, W] = h({
+  ), [$, B] = v({
     listening: { kind: "looped" },
     speaking: { kind: "looped" }
-  }), [te, B] = h(!1), [ne, O] = h(null), [P, $] = h(!1), [F, H] = h(!1), [re, _] = h(l), I = y(null), K = y(() => {
-  }), [ie, oe] = h(!1), [ae, Q] = h(0.8), C = y(null), N = k === "ready", q = v(() => {
-    const e = i.current;
+  }), [te, O] = v(!1), [ne, H] = v(null), [P, j] = v(!1), [F, Q] = v(!1), [re, _] = v(l), R = x(null), K = x(() => {
+  }), [ie, oe] = v(!1), [ae, q] = v(0.8), C = x(null), N = I === "ready", Z = S(() => {
+    const e = m.current;
     if (!e) return null;
     let c = e.querySelector("canvas");
-    return c || (c = document.createElement("canvas"), c.style.width = "100%", c.style.height = "100%", c.style.display = "block", e.appendChild(c)), w.current = c, c;
+    return c || (c = document.createElement("canvas"), c.style.width = "100%", c.style.height = "100%", c.style.display = "block", e.appendChild(c)), A.current = c, c;
   }, []);
-  b(() => {
+  w(() => {
     let e = !1;
     return (async () => {
-      const A = q();
-      if (!A) return;
+      const k = Z();
+      if (!k) return;
       const g = new ye();
-      u.current = g;
-      const E = new be((T, D) => {
-        g.play(T, D);
+      i.current = g;
+      const M = new be((T, z) => {
+        g.play(T, z);
       });
-      a.current = E, g.on("stateChanged", (T) => {
-        e || p(T);
-      }), g.on("dimensions", (T, D) => {
-        e || R({ width: T, height: D });
+      s.current = M, g.on("stateChanged", (T) => {
+        e || o(T);
+      }), g.on("dimensions", (T, z) => {
+        e || d({ width: T, height: z });
       }), g.on("actionLoaded", (T) => {
-        e || z((D) => {
-          const G = new Set(D);
-          return G.add(T), G;
+        e || U((z) => {
+          const J = new Set(z);
+          return J.add(T), J;
         });
       }), g.on("allActionsLoaded", () => {
-        e || B(!1);
+        e || O(!1);
       }), g.on("ready", () => {
-        e || (W(g.getActionMetadata()), E.setActionMetadata(g.getActionMetadata()));
+        e || (B(g.getActionMetadata()), M.setActionMetadata(g.getActionMetadata()));
       });
       try {
-        B(!0);
-        const T = await s.getBundle(o);
-        if (e || (await g.init(A, { payload: T.payload }), e)) return;
-        W(g.getActionMetadata()), E.setActionMetadata(g.getActionMetadata());
+        O(!0);
+        const T = await p.getBundle(a);
+        if (e || (await g.init(k, { payload: T.payload }), e)) return;
+        B(g.getActionMetadata()), M.setActionMetadata(g.getActionMetadata());
       } catch (T) {
         console.error("[useAvatarSession] Init failed:", T);
       }
     })(), () => {
-      e = !0, u.current?.destroy(), u.current = null, a.current = null;
+      e = !0, i.current?.destroy(), i.current = null, s.current = null;
     };
-  }, [o, q, s]);
-  const Z = y(!1);
-  b(() => {
-    N && u.current && L.has("wave_hand") && !Z.current && (u.current.play("wave_hand", "listening"), Z.current = !0);
+  }, [a, Z, p]);
+  const G = x(!1);
+  w(() => {
+    N && i.current && L.has("wave_hand") && !G.current && (i.current.play("wave_hand", "listening"), G.current = !0);
   }, [N, L]);
-  const se = v(async () => {
+  const se = S(async () => {
     if (!(P || F)) {
-      $(!0);
+      j(!0);
       try {
         await navigator.mediaDevices.getUserMedia({ audio: !0 });
-        const e = Ue(), c = await s.getLiveKitToken(o, e);
-        O(c.token);
+        const e = Ue(), c = await p.getLiveKitToken(a, e);
+        H(c.token);
       } catch (e) {
-        console.error("[useAvatarSession] Failed to connect:", e), $(!1);
+        console.error("[useAvatarSession] Failed to connect:", e), j(!1);
       }
     }
-  }, [P, F, o, s]), V = v(() => {
-    I.current && (clearInterval(I.current), I.current = null), _(l), C.current && (clearTimeout(C.current), C.current = null), O(null), H(!1), $(!1), a.current?.forceListening();
+  }, [P, F, a, p]), V = S(() => {
+    R.current && (clearInterval(R.current), R.current = null), _(l), C.current && (clearTimeout(C.current), C.current = null), H(null), Q(!1), j(!1), s.current?.forceListening();
   }, [l]);
-  b(() => {
+  w(() => {
     K.current = V;
   }, [V]);
-  const ce = v(() => {
-    H(!0), $(!1);
-  }, []), le = v(() => {
-    I.current && clearInterval(I.current), _(l), I.current = setInterval(() => {
-      _((e) => e <= 1 ? (clearInterval(I.current), I.current = null, setTimeout(() => K.current(), 0), 0) : e - 1);
+  const ce = S(() => {
+    Q(!0), j(!1);
+  }, []), le = S(() => {
+    R.current && clearInterval(R.current), _(l), R.current = setInterval(() => {
+      _((e) => e <= 1 ? (clearInterval(R.current), R.current = null, setTimeout(() => K.current(), 0), 0) : e - 1);
     }, 1e3);
-  }, [l]), de = v((e) => {
-    const c = Math.floor(e / 60).toString().padStart(2, "0"), A = (e % 60).toString().padStart(2, "0");
-    return `${c}:${A}`;
+  }, [l]), de = S((e) => {
+    const c = Math.floor(e / 60).toString().padStart(2, "0"), k = (e % 60).toString().padStart(2, "0");
+    return `${c}:${k}`;
   }, []);
-  b(() => () => {
-    I.current && clearInterval(I.current);
+  w(() => () => {
+    R.current && clearInterval(R.current);
   }, []);
-  const ue = v(
+  const ue = S(
     (e) => {
       if (!e) {
         C.current && (clearTimeout(C.current), C.current = null);
@@ -138,34 +138,34 @@ function $e(d) {
       }
       C.current || (C.current = setTimeout(() => {
         C.current = null, K.current();
-      }, m));
+      }, b));
     },
-    [m]
-  ), pe = v(() => {
+    [b]
+  ), pe = S(() => {
     oe((e) => !e);
-  }, []), fe = v((e) => {
-    Q(e);
-  }, []), ge = v(() => {
-    Q((e) => e > 0 ? 0 : 1);
-  }, []), he = v(() => {
-    u.current?.interrupt();
-  }, []), me = v((e) => {
-    a.current ? a.current.dispatch(e) : u.current?.play(e, "listening");
+  }, []), fe = S((e) => {
+    q(e);
+  }, []), ge = S(() => {
+    q((e) => e > 0 ? 0 : 1);
+  }, []), he = S(() => {
+    i.current?.interrupt();
+  }, []), me = S((e) => {
+    s.current ? s.current.dispatch(e) : i.current?.play(e, "listening");
   }, []);
   return {
-    containerRef: i,
-    renderer: u.current,
-    actionQueue: a.current,
-    rendererState: k,
+    containerRef: m,
+    renderer: i.current,
+    actionQueue: s.current,
+    rendererState: I,
     avatarDimensions: r,
     loadedActions: L,
-    actionMetadata: U,
+    actionMetadata: $,
     isLoadingActions: te,
     isEngineReady: N,
     token: ne,
     isConnecting: P,
     isConnected: F,
-    livekitUrl: M,
+    livekitUrl: E,
     timeRemaining: re,
     formatTime: de,
     micMuted: ie,
@@ -183,10 +183,10 @@ function $e(d) {
   };
 }
 const je = ({
-  session: d,
-  style: o,
+  session: u,
+  style: a,
   loadingContent: t
-}) => /* @__PURE__ */ S(
+}) => /* @__PURE__ */ y(
   "div",
   {
     style: {
@@ -200,7 +200,7 @@ const je = ({
       justifyContent: "center",
       alignItems: "center",
       overflow: "hidden",
-      ...o
+      ...a
     },
     children: [
       /* @__PURE__ */ n("style", { children: `
@@ -216,14 +216,14 @@ const je = ({
       /* @__PURE__ */ n(
         "div",
         {
-          ref: d.containerRef,
+          ref: u.containerRef,
           style: {
             position: "relative",
             width: "100%",
             height: "100%",
             transition: "all 0.5s ease-in-out"
           },
-          children: !d.isEngineReady && /* @__PURE__ */ n(
+          children: !u.isEngineReady && /* @__PURE__ */ n(
             "div",
             {
               style: {
@@ -236,7 +236,7 @@ const je = ({
                 backdropFilter: "blur(4px)",
                 zIndex: 10
               },
-              children: t || /* @__PURE__ */ S(
+              children: t || /* @__PURE__ */ y(
                 "div",
                 {
                   style: {
@@ -247,7 +247,7 @@ const je = ({
                   },
                   children: [
                     /* @__PURE__ */ n(
-                      ee,
+                      W,
                       {
                         style: {
                           width: 40,
@@ -280,7 +280,7 @@ const je = ({
       )
     ]
   }
-), X = {
+), Y = {
   flexShrink: 0,
   borderRadius: 9999,
   padding: 16,
@@ -290,7 +290,7 @@ const je = ({
   display: "inline-flex",
   alignItems: "center",
   justifyContent: "center"
-}, Y = {
+}, ee = {
   position: "relative",
   display: "inline-flex",
   alignItems: "center",
@@ -306,38 +306,40 @@ const je = ({
   border: "none",
   cursor: "pointer"
 }, Pe = ({
-  session: d,
-  style: o
+  session: u,
+  style: a
 }) => {
   const {
     micMuted: t,
     toggleMic: f,
-    isConnected: x,
+    isConnected: h,
     isConnecting: l,
-    connect: m,
-    disconnect: M
-  } = d, [s, i] = h(!1), [w, u] = h(!1), a = t ? {
-    ...X,
+    isEngineReady: b,
+    isLoadingActions: E,
+    connect: p,
+    disconnect: m
+  } = u, [A, i] = v(!1), [s, I] = v(!1), o = b && !E, r = t ? {
+    ...Y,
     background: "rgba(239,68,68,0.1)",
     color: "#f87171",
     boxShadow: "inset 0 0 0 1px rgba(239,68,68,0.3)",
-    ...s ? { background: "rgba(239,68,68,0.2)" } : {}
+    ...A ? { background: "rgba(239,68,68,0.2)" } : {}
   } : {
-    ...X,
-    background: s ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.4)",
+    ...Y,
+    background: A ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.4)",
     color: "#fff",
     boxShadow: "inset 0 0 0 1px rgba(255,255,255,0.1)"
-  }, k = x ? {
-    ...Y,
-    background: w ? "rgba(239,68,68,0.22)" : "rgba(239,68,68,0.14)",
+  }, d = h ? {
+    ...ee,
+    background: s ? "rgba(239,68,68,0.22)" : "rgba(239,68,68,0.14)",
     boxShadow: "inset 0 0 0 1px rgba(239,68,68,0.5), 0 0 20px rgba(239,68,68,0.2)"
   } : {
-    ...Y,
+    ...ee,
     background: "linear-gradient(to right, #7c3aed, #db2777, #f97316)",
     boxShadow: "0 0 30px rgba(236,72,153,0.3)",
-    opacity: w ? 0.9 : 1
+    opacity: s ? 0.9 : 1
   };
-  return l && (k.opacity = 0.5, k.cursor = "not-allowed"), /* @__PURE__ */ S(
+  return (l || !o) && (d.opacity = 0.5, d.cursor = "not-allowed"), /* @__PURE__ */ y(
     "div",
     {
       style: {
@@ -348,7 +350,7 @@ const je = ({
         alignItems: "center",
         gap: 16,
         paddingBottom: 16,
-        ...o
+        ...a
       },
       children: [
         /* @__PURE__ */ n("style", { children: `
@@ -357,7 +359,7 @@ const je = ({
           to { transform: rotate(360deg); }
         }
       ` }),
-        /* @__PURE__ */ S(
+        /* @__PURE__ */ y(
           "div",
           {
             style: {
@@ -377,7 +379,7 @@ const je = ({
                   onClick: f,
                   onMouseEnter: () => i(!0),
                   onMouseLeave: () => i(!1),
-                  style: a,
+                  style: r,
                   title: t ? "Unmute mic" : "Mute mic",
                   children: t ? /* @__PURE__ */ n(Ie, { size: 24 }) : /* @__PURE__ */ n(Ce, { size: 24 })
                 }
@@ -386,18 +388,21 @@ const je = ({
                 "button",
                 {
                   type: "button",
-                  onClick: x ? M : m,
-                  onMouseEnter: () => u(!0),
-                  onMouseLeave: () => u(!1),
-                  disabled: l,
-                  style: k,
-                  children: l ? /* @__PURE__ */ S(j, { children: [
-                    /* @__PURE__ */ n(ee, { size: 20, style: { animation: "zwr-spin 1s linear infinite" } }),
+                  onClick: h ? m : p,
+                  onMouseEnter: () => I(!0),
+                  onMouseLeave: () => I(!1),
+                  disabled: !h && (l || !o),
+                  style: d,
+                  children: l ? /* @__PURE__ */ y(D, { children: [
+                    /* @__PURE__ */ n(W, { size: 20, style: { animation: "zwr-spin 1s linear infinite" } }),
                     /* @__PURE__ */ n("span", { children: "Connecting..." })
-                  ] }) : x ? /* @__PURE__ */ S(j, { children: [
+                  ] }) : !h && !o ? /* @__PURE__ */ y(D, { children: [
+                    /* @__PURE__ */ n(W, { size: 20, style: { animation: "zwr-spin 1s linear infinite" } }),
+                    /* @__PURE__ */ n("span", { children: "Loading Avatar..." })
+                  ] }) : h ? /* @__PURE__ */ y(D, { children: [
                     /* @__PURE__ */ n(Me, { size: 20 }),
                     /* @__PURE__ */ n("span", { children: "End Session" })
-                  ] }) : /* @__PURE__ */ S(j, { children: [
+                  ] }) : /* @__PURE__ */ y(D, { children: [
                     /* @__PURE__ */ n(Ee, { size: 20 }),
                     /* @__PURE__ */ n("span", { children: "Start Session" })
                   ] })
@@ -410,9 +415,9 @@ const je = ({
     }
   );
 }, Fe = ({
-  session: d
+  session: u
 }) => {
-  const { isConnected: o, timeRemaining: t, formatTime: f } = d, x = o && t <= 30, l = o && t > 30 && t <= 60, m = {
+  const { isConnected: a, timeRemaining: t, formatTime: f } = u, h = a && t <= 30, l = a && t > 30 && t <= 60, b = {
     display: "flex",
     alignItems: "center",
     gap: 8,
@@ -422,7 +427,7 @@ const je = ({
     border: "1px solid",
     pointerEvents: "auto",
     transition: "all 0.3s",
-    ...x ? {
+    ...h ? {
       background: "rgba(239,68,68,0.3)",
       borderColor: "rgba(239,68,68,0.4)",
       boxShadow: "0 0 15px rgba(239,68,68,0.3)",
@@ -437,14 +442,14 @@ const je = ({
       boxShadow: "0 4px 12px rgba(0,0,0,0.3)"
     }
   };
-  return /* @__PURE__ */ S(j, { children: [
+  return /* @__PURE__ */ y(D, { children: [
     /* @__PURE__ */ n("style", { children: `
         @keyframes zwr-pulse {
           0%, 100% { opacity: 1; }
           50% { opacity: 0.5; }
         }
       ` }),
-    /* @__PURE__ */ S("div", { style: m, children: [
+    /* @__PURE__ */ y("div", { style: b, children: [
       /* @__PURE__ */ n(
         "div",
         {
@@ -452,7 +457,7 @@ const je = ({
             height: 8,
             width: 8,
             borderRadius: "50%",
-            ...o ? {
+            ...a ? {
               background: "#22c55e",
               boxShadow: "0 0 10px rgba(34,197,94,0.5)"
             } : {
@@ -471,18 +476,18 @@ const je = ({
             color: "rgba(255,255,255,0.7)",
             textTransform: "uppercase"
           },
-          children: o ? `Online ${f(t)}` : "Offline"
+          children: a ? `Online ${f(t)}` : "Offline"
         }
       )
     ] })
   ] });
 }, _e = ({
-  session: d
+  session: u
 }) => {
-  const { renderer: o, actionQueue: t, micMuted: f, volume: x, setInactivityActive: l, loadedActions: m } = d, M = y(!1), { state: s, audioTrack: i } = xe(), w = we(), u = ke(w.localParticipant), a = y(null), k = y(m);
-  b(() => {
-    k.current = m;
-  }, [m]), b(() => {
+  const { renderer: a, actionQueue: t, micMuted: f, volume: h, setInactivityActive: l, loadedActions: b } = u, E = x(!1), { state: p, audioTrack: m } = xe(), A = we(), i = Ae(A.localParticipant), s = x(null), I = x(b);
+  w(() => {
+    I.current = b;
+  }, [b]), w(() => {
     if (!t) return;
     const r = new Se({
       threshold: 8e-3,
@@ -491,77 +496,86 @@ const je = ({
       speechPauseFrames: 30,
       turnEndFrames: 50
     });
-    return a.current = r, r.on("speechStart", () => {
+    return s.current = r, r.on("speechStart", () => {
       t.setTurnActive(!0), t.setSpeechState("speaking");
     }), r.on("turnEnd", () => {
       t.setTurnActive(!1);
     }), () => {
-      r.stop(), a.current = null;
+      r.stop(), s.current = null;
     };
-  }, [t]), b(() => {
-    const r = a.current;
+  }, [t]), w(() => {
+    const r = s.current;
     if (r)
-      if (i?.publication?.track) {
-        const R = i.publication.track.mediaStreamTrack;
-        R && r.start(R);
+      if (m?.publication?.track) {
+        const d = m.publication.track.mediaStreamTrack;
+        d && r.start(d);
       } else
         r.stop();
-  }, [i?.publication?.track]);
-  const p = y(null);
-  return b(() => {
+  }, [m?.publication?.track]);
+  const o = x(null);
+  return w(() => {
     if (!t) return;
-    const r = s;
-    r === "speaking" ? (p.current && (clearTimeout(p.current), p.current = null), t.setTurnActive(!0), t.setSpeechState("speaking")) : r === "listening" || r === "idle" ? (p.current && (clearTimeout(p.current), p.current = null), a.current?.endTurn(), t.setTurnActive(!1)) : r === "thinking" && (p.current || (p.current = setTimeout(() => {
-      p.current = null, a.current?.endTurn(), t.setTurnActive(!1);
+    const r = p;
+    r === "speaking" ? (o.current && (clearTimeout(o.current), o.current = null), t.setTurnActive(!0), t.setSpeechState("speaking")) : r === "listening" || r === "idle" ? (o.current && (clearTimeout(o.current), o.current = null), s.current?.endTurn(), t.setTurnActive(!1)) : r === "thinking" && (o.current || (o.current = setTimeout(() => {
+      o.current = null, s.current?.endTurn(), t.setTurnActive(!1);
     }, 500)));
-  }, [s, t]), b(() => () => {
-    p.current && clearTimeout(p.current);
-  }, []), Ae((r) => {
+  }, [p, t]), w(() => () => {
+    o.current && clearTimeout(o.current);
+  }, []), ke((r) => {
     try {
-      const L = new TextDecoder().decode(r.payload), z = JSON.parse(L);
-      if (z.type === "AVATAR_UPDATE") {
-        const U = z.action;
-        if (!k.current.has(U))
+      const L = new TextDecoder().decode(r.payload), U = JSON.parse(L);
+      if (U.type === "AVATAR_UPDATE") {
+        const $ = U.action;
+        if (!I.current.has($))
           return;
-        t?.dispatch(U);
+        t?.dispatch($);
       }
-    } catch (R) {
-      console.error("[LiveKitAvatarProvider] Failed to parse data message:", R);
+    } catch (d) {
+      console.error("[LiveKitAvatarProvider] Failed to parse data message:", d);
     }
-  }), b(() => {
-    l(!(s === "speaking") && !u);
-  }, [u, l, s]), b(() => {
+  }), w(() => {
+    l(!(p === "speaking") && !i);
+  }, [i, l, p]), w(() => {
     if (!t) return;
-    const r = !!i;
-    (!r || s === "disconnected") && (a.current?.endTurn(), t.forceListening()), M.current = r;
-  }, [i, s, t]), b(() => {
-    const r = w.localParticipant;
-    r && r.setMicrophoneEnabled(!f).catch((R) => {
-      console.error("[LiveKitAvatarProvider] Failed to set mic state:", R);
+    const r = !!m;
+    (!r || p === "disconnected") && (s.current?.endTurn(), t.forceListening()), E.current = r;
+  }, [m, p, t]), w(() => {
+    const r = A.localParticipant;
+    r && r.setMicrophoneEnabled(!f).catch((d) => {
+      console.error("[LiveKitAvatarProvider] Failed to set mic state:", d);
     });
-  }, [f, w.localParticipant]), /* @__PURE__ */ n("div", { style: { position: "absolute", bottom: 80, left: 8, right: 8, display: "flex", flexDirection: "column", gap: 8 }, children: /* @__PURE__ */ n(Te, { volume: x }) });
+  }, [f, A.localParticipant]), /* @__PURE__ */ n("div", { style: { position: "absolute", bottom: 80, left: 8, right: 8, display: "flex", flexDirection: "column", gap: 8 }, children: /* @__PURE__ */ n(Te, { volume: h }) });
 }, He = ({
-  avatarId: d,
-  apiKey: o,
+  avatarId: u,
+  apiKey: a,
   api: t,
   livekitUrl: f,
-  style: x,
-  className: l,
-  loadingContent: m,
-  customControls: M,
-  customStatusBadge: s
+  sessionDuration: h,
+  inactivityTimeout: l,
+  style: b,
+  className: E,
+  loadingContent: p,
+  customControls: m,
+  customStatusBadge: A
 }) => {
-  const i = $e({ avatarId: d, apiKey: o, api: t, livekitUrl: f }), {
-    token: w,
-    isConnected: u,
-    avatarDimensions: a,
-    disconnect: k,
-    startSessionTimer: p
+  const i = $e({
+    avatarId: u,
+    apiKey: a,
+    api: t,
+    livekitUrl: f,
+    sessionDuration: h,
+    inactivityTimeout: l
+  }), {
+    token: s,
+    isConnected: I,
+    avatarDimensions: o,
+    disconnect: r,
+    startSessionTimer: d
   } = i;
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ y(
     "section",
     {
-      className: l,
+      className: E,
       style: {
         position: "relative",
         display: "flex",
@@ -575,12 +589,12 @@ const je = ({
         height: "80vh",
         width: "auto",
         maxWidth: "100%",
-        aspectRatio: a ? `${a.width} / ${a.height}` : "3 / 4",
-        ...x
+        aspectRatio: o ? `${o.width} / ${o.height}` : "3 / 4",
+        ...b
       },
       children: [
-        /* @__PURE__ */ n(je, { session: i, loadingContent: m }),
-        /* @__PURE__ */ S(
+        /* @__PURE__ */ n(je, { session: i, loadingContent: p }),
+        /* @__PURE__ */ y(
           "div",
           {
             style: {
@@ -594,7 +608,7 @@ const je = ({
               padding: 16
             },
             children: [
-              /* @__PURE__ */ S(
+              /* @__PURE__ */ y(
                 "div",
                 {
                   style: {
@@ -604,27 +618,27 @@ const je = ({
                     justifyContent: "space-between"
                   },
                   children: [
-                    s ? s(i) : /* @__PURE__ */ n(Fe, { session: i }),
+                    A ? A(i) : /* @__PURE__ */ n(Fe, { session: i }),
                     /* @__PURE__ */ n("div", {})
                   ]
                 }
               ),
-              M ? M(i) : /* @__PURE__ */ n(Pe, { session: i })
+              m ? m(i) : /* @__PURE__ */ n(Pe, { session: i })
             ]
           }
         ),
-        /* @__PURE__ */ n("div", { style: { display: "none" }, children: w && f && /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { style: { display: "none" }, children: s && f && /* @__PURE__ */ n(
           Re,
           {
             serverUrl: f,
-            token: w,
+            token: s,
             connect: !0,
             video: !1,
             audio: !0,
             onConnected: () => {
-              i.markConnected(), p();
+              i.markConnected(), d();
             },
-            onDisconnected: k,
+            onDisconnected: r,
             children: /* @__PURE__ */ n(_e, { session: i })
           }
         ) })