@sage-rsc/talking-head-react 1.0.35 → 1.0.37

package/dist/index.js

@@ -1,5 +1,5 @@
 import { jsxs as Ae, jsx as se } from "react/jsx-runtime";
-import { forwardRef as ye, useRef as X, useState as re, useCallback as T, useEffect as he, useImperativeHandle as fe, useLayoutEffect as Ce } from "react";
+import { forwardRef as ye, useRef as X, useState as re, useCallback as M, useEffect as he, useImperativeHandle as fe, useLayoutEffect as Ce } from "react";
 import * as y from "three";
 import { OrbitControls as He } from "three/addons/controls/OrbitControls.js";
 import { GLTFLoader as Te } from "three/addons/loaders/GLTFLoader.js";
@@ -2629,7 +2629,7 @@ const qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   fr: Xe,
   fi: je,
   lt: qe
-}, N = new y.Quaternion(), H = new y.Euler(), ie = new y.Vector3(), oe = new y.Vector3(), Ie = new y.Box3();
+}, N = new y.Quaternion(), T = new y.Euler(), ie = new y.Vector3(), oe = new y.Vector3(), Ie = new y.Box3();
 new y.Matrix4();
 new y.Matrix4();
 new y.Vector3();
@@ -2734,9 +2734,9 @@ class Le {
       cameraPanEnable: !1,
       cameraZoomEnable: !1,
       lightAmbientColor: 16777215,
-      lightAmbientIntensity: 2,
+      lightAmbientIntensity: 1.2,
       lightDirectColor: 8947882,
-      lightDirectIntensity: 30,
+      lightDirectIntensity: 18,
       lightDirectPhi: 1,
       lightDirectTheta: 2,
       lightSpotIntensity: 0,
@@ -4374,9 +4374,9 @@ class Le {
   updatePoseDelta() {
     for (const [t, e] of Object.entries(this.poseDelta.props)) {
       if (e.x === 0 && e.y === 0 && e.z === 0) continue;
-      H.set(e.x, e.y, e.z);
+      T.set(e.x, e.y, e.z);
       const i = this.poseAvatar.props[t];
-      i.isQuaternion ? (N.setFromEuler(H), i.multiply(N)) : i.isVector3 && i.add(H);
+      i.isQuaternion ? (N.setFromEuler(T), i.multiply(N)) : i.isVector3 && i.add(T);
     }
   }
   /**
@@ -5159,7 +5159,7 @@ class Le {
           }, n.x ? new y.Vector3(n.x, n.y, n.z) : null, !0, n.d);
           break;
       }
-    if ((h || a) && (H.setFromQuaternion(this.poseAvatar.props["Head.quaternion"]), H.x = Math.max(-0.9, Math.min(0.9, 2 * H.x - 0.5)), H.y = Math.max(-0.9, Math.min(0.9, -2.5 * H.y)), h ? (Object.assign(this.mtAvatar.eyesLookDown, { system: H.x < 0 ? -H.x : 0, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyesLookUp, { system: H.x < 0 ? 0 : H.x, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookInLeft, { system: H.y < 0 ? -H.y : 0, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookOutLeft, { system: H.y < 0 ? 0 : H.y, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookInRight, { system: H.y < 0 ? 0 : H.y, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookOutRight, { system: H.y < 0 ? -H.y : 0, needsUpdate: !0 }), a && (i = -this.mtAvatar.bodyRotateY.value, n = this.gaussianRandom(-0.2, 0.2), this.animQueue.push(this.animFactory({
+    if ((h || a) && (T.setFromQuaternion(this.poseAvatar.props["Head.quaternion"]), T.x = Math.max(-0.9, Math.min(0.9, 2 * T.x - 0.5)), T.y = Math.max(-0.9, Math.min(0.9, -2.5 * T.y)), h ? (Object.assign(this.mtAvatar.eyesLookDown, { system: T.x < 0 ? -T.x : 0, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyesLookUp, { system: T.x < 0 ? 0 : T.x, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookInLeft, { system: T.y < 0 ? -T.y : 0, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookOutLeft, { system: T.y < 0 ? 0 : T.y, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookInRight, { system: T.y < 0 ? 0 : T.y, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookOutRight, { system: T.y < 0 ? -T.y : 0, needsUpdate: !0 }), a && (i = -this.mtAvatar.bodyRotateY.value, n = this.gaussianRandom(-0.2, 0.2), this.animQueue.push(this.animFactory({
       name: "headmove",
       dt: [[1e3, 2e3], [1e3, 2e3, 1, 2], [1e3, 2e3], [1e3, 2e3, 1, 2]],
       vs: {
@@ -5251,10 +5251,10 @@ class Le {
     let u = "", l = "", c = 0, d = [], g = [];
     const f = Array.from(this.segmenter.segment(t), (x) => x.segment);
     for (let x = 0; x < f.length; x++) {
-      const I = x === f.length - 1, C = f[x].match(r);
+      const I = x === f.length - 1, H = f[x].match(r);
       let p = f[x].match(s);
-      const M = f[x].match(h), z = f[x].match(o);
-      if (p && !I && !M && f[x + 1].match(s) && (p = !1), i && (u += f[x]), C && (!n || n.every((v) => x < v[0] || x > v[1])) && (l += f[x]), (z || p || I) && (l.length && (l = this.lipsyncPreProcessText(l, a), l.length && d.push({
+      const E = f[x].match(h), z = f[x].match(o);
+      if (p && !I && !E && f[x + 1].match(s) && (p = !1), i && (u += f[x]), H && (!n || n.every((v) => x < v[0] || x > v[1])) && (l += f[x]), (z || p || I) && (l.length && (l = this.lipsyncPreProcessText(l, a), l.length && d.push({
         mark: c,
         word: l
       })), u.length && (g.push({
@@ -5287,7 +5287,7 @@ class Le {
           };
           i && (v.onSubtitles = i), d.length && !e.avatarMute && (v.text = d, e.avatarMood && (v.mood = e.avatarMood), e.ttsLang && (v.lang = e.ttsLang), e.ttsVoice && (v.voice = e.ttsVoice), e.ttsRate && (v.rate = e.ttsRate), e.ttsVoice && (v.pitch = e.ttsPitch), e.ttsVolume && (v.volume = e.ttsVolume)), this.speechQueue.push(v), d = [], l = "", c = 0, g = [];
         }
-        if (M) {
+        if (E) {
           let v = this.animEmojis[f[x]];
           v && v.link && (v = this.animEmojis[v.link]), v && this.speechQueue.push({ emoji: v });
         }
@@ -5385,10 +5385,10 @@ class Le {
             let f = 0.6 + this.convertRange(g, [0, u], [0, 0.4]);
             if (u = Math.min(u, c.visemes.length * 200), d > 0)
               for (let x = 0; x < c.visemes.length; x++) {
-                const I = a + c.times[x] / d * u, C = c.durations[x] / d * u;
+                const I = a + c.times[x] / d * u, H = c.durations[x] / d * u;
                 o.push({
                   template: { name: "viseme" },
-                  ts: [I - Math.min(60, 2 * C / 3), I + Math.min(25, C / 2), I + C + Math.min(60, C / 2)],
+                  ts: [I - Math.min(60, 2 * H / 3), I + Math.min(25, H / 2), I + H + Math.min(60, H / 2)],
                   vs: {
                     ["viseme_" + c.visemes[x]]: [null, c.visemes[x] === "PP" || c.visemes[x] === "FF" ? 0.9 : f, 0]
                   }
@@ -5470,7 +5470,7 @@ class Le {
       s.lang = o, s.rate = Math.max(0.1, Math.min(10, r)), s.pitch = Math.max(0, Math.min(2, h)), s.volume = Math.max(0, Math.min(1, a));
       const u = speechSynthesis.getVoices(), l = t.voice || this.avatar.ttsVoice || this.opt.ttsVoice;
       if (l && u.length > 0) {
-        const p = u.find((M) => M.name.includes(l) || M.lang === o);
+        const p = u.find((E) => E.name.includes(l) || E.lang === o);
         p && (s.voice = p);
       }
       const c = n.length * 100 / s.rate, d = this.audioCtx.createBuffer(1, this.audioCtx.sampleRate * (c / 1e3), this.audioCtx.sampleRate), g = this.avatar.lipsyncLang || this.opt.lipsyncLang || "en", f = this.lipsyncPreProcessText(n, g), x = this.lipsyncWordsToVisemes(f, g);
@@ -5485,8 +5485,8 @@ class Le {
       const I = [];
       if (x && x.visemes && x.visemes.length > 0) {
         const p = x.times[x.visemes.length - 1] + x.durations[x.visemes.length - 1];
-        for (let M = 0; M < x.visemes.length; M++) {
-          const z = x.visemes[M], v = x.times[M] / p, O = x.durations[M] / p, P = v * c, K = O * c;
+        for (let E = 0; E < x.visemes.length; E++) {
+          const z = x.visemes[E], v = x.times[E] / p, O = x.durations[E] / p, P = v * c, K = O * c;
           I.push({
             template: { name: "viseme" },
             ts: [P - Math.min(60, 2 * K / 3), P + Math.min(25, K / 2), P + K + Math.min(60, K / 2)],
@@ -5496,8 +5496,8 @@ class Le {
           });
         }
       }
-      const C = [...t.anim, ...I];
-      this.audioPlaylist.push({ anim: C, audio: d }), this.onSubtitles = t.onSubtitles || null, this.resetLips(), t.mood && this.setMood(t.mood), this.playAudio(), s.onend = () => {
+      const H = [...t.anim, ...I];
+      this.audioPlaylist.push({ anim: H, audio: d }), this.onSubtitles = t.onSubtitles || null, this.resetLips(), t.mood && this.setMood(t.mood), this.playAudio(), s.onend = () => {
         e();
       }, s.onerror = (p) => {
         console.error("Speech synthesis error:", p.error), i(p.error);
@@ -6050,10 +6050,10 @@ class Le {
     }
     this.objectLeftEye.updateMatrixWorld(!0), this.objectRightEye.updateMatrixWorld(!0), ie.setFromMatrixPosition(this.objectLeftEye.matrixWorld), oe.setFromMatrixPosition(this.objectRightEye.matrixWorld), ie.add(oe).divideScalar(2), N.copy(this.armature.quaternion), N.multiply(this.poseTarget.props["Hips.quaternion"]), N.multiply(this.poseTarget.props["Spine.quaternion"]), N.multiply(this.poseTarget.props["Spine1.quaternion"]), N.multiply(this.poseTarget.props["Spine2.quaternion"]), N.multiply(this.poseTarget.props["Neck.quaternion"]), N.multiply(this.poseTarget.props["Head.quaternion"]);
     const i = new y.Vector3().subVectors(e, ie).normalize(), n = Math.atan2(i.x, i.z), s = Math.asin(-i.y);
-    H.set(s, n, 0, "YXZ");
-    const r = new y.Quaternion().setFromEuler(H), h = new y.Quaternion().copy(r).multiply(N.clone().invert());
-    H.setFromQuaternion(h, "YXZ");
-    let a = H.x / (40 / 24) + 0.2, u = H.y / (9 / 4), l = Math.min(0.6, Math.max(-0.3, a)), c = Math.min(0.8, Math.max(-0.8, u)), d = (Math.random() - 0.5) / 4, g = (Math.random() - 0.5) / 4;
+    T.set(s, n, 0, "YXZ");
+    const r = new y.Quaternion().setFromEuler(T), h = new y.Quaternion().copy(r).multiply(N.clone().invert());
+    T.setFromQuaternion(h, "YXZ");
+    let a = T.x / (40 / 24) + 0.2, u = T.y / (9 / 4), l = Math.min(0.6, Math.max(-0.3, a)), c = Math.min(0.8, Math.max(-0.8, u)), d = (Math.random() - 0.5) / 4, g = (Math.random() - 0.5) / 4;
     if (t) {
       let f = this.animQueue.findIndex((I) => I.template.name === "lookat");
       f !== -1 && this.animQueue.splice(f, 1);
@@ -6088,20 +6088,20 @@ class Le {
     const s = new y.Vector3().setFromMatrixPosition(this.objectLeftEye.matrixWorld), o = new y.Vector3().setFromMatrixPosition(this.objectRightEye.matrixWorld), r = new y.Vector3().addVectors(s, o).divideScalar(2);
     r.project(this.camera);
     let h = (r.x + 1) / 2 * n.width + n.left, a = -(r.y - 1) / 2 * n.height + n.top;
-    t === null && (t = h), e === null && (e = a), N.copy(this.armature.quaternion), N.multiply(this.poseTarget.props["Hips.quaternion"]), N.multiply(this.poseTarget.props["Spine.quaternion"]), N.multiply(this.poseTarget.props["Spine1.quaternion"]), N.multiply(this.poseTarget.props["Spine2.quaternion"]), N.multiply(this.poseTarget.props["Neck.quaternion"]), N.multiply(this.poseTarget.props["Head.quaternion"]), H.setFromQuaternion(N);
-    let u = H.x / (40 / 24), l = H.y / (9 / 4), c = Math.min(0.4, Math.max(-0.4, this.camera.rotation.x)), d = Math.min(0.4, Math.max(-0.4, this.camera.rotation.y)), g = Math.max(window.innerWidth - h, h), f = Math.max(window.innerHeight - a, a), x = this.convertRange(e, [a - f, a + f], [-0.3, 0.6]) - u + c, I = this.convertRange(t, [h - g, h + g], [-0.8, 0.8]) - l + d;
+    t === null && (t = h), e === null && (e = a), N.copy(this.armature.quaternion), N.multiply(this.poseTarget.props["Hips.quaternion"]), N.multiply(this.poseTarget.props["Spine.quaternion"]), N.multiply(this.poseTarget.props["Spine1.quaternion"]), N.multiply(this.poseTarget.props["Spine2.quaternion"]), N.multiply(this.poseTarget.props["Neck.quaternion"]), N.multiply(this.poseTarget.props["Head.quaternion"]), T.setFromQuaternion(N);
+    let u = T.x / (40 / 24), l = T.y / (9 / 4), c = Math.min(0.4, Math.max(-0.4, this.camera.rotation.x)), d = Math.min(0.4, Math.max(-0.4, this.camera.rotation.y)), g = Math.max(window.innerWidth - h, h), f = Math.max(window.innerHeight - a, a), x = this.convertRange(e, [a - f, a + f], [-0.3, 0.6]) - u + c, I = this.convertRange(t, [h - g, h + g], [-0.8, 0.8]) - l + d;
     x = Math.min(0.6, Math.max(-0.3, x)), I = Math.min(0.8, Math.max(-0.8, I));
-    let C = (Math.random() - 0.5) / 4, p = (Math.random() - 0.5) / 4;
+    let H = (Math.random() - 0.5) / 4, p = (Math.random() - 0.5) / 4;
     if (i) {
-      let M = this.animQueue.findIndex((v) => v.template.name === "lookat");
-      M !== -1 && this.animQueue.splice(M, 1);
+      let E = this.animQueue.findIndex((v) => v.template.name === "lookat");
+      E !== -1 && this.animQueue.splice(E, 1);
       const z = {
         name: "lookat",
         dt: [750, i],
         vs: {
-          bodyRotateX: [x + C],
+          bodyRotateX: [x + H],
           bodyRotateY: [I + p],
-          eyesRotateX: [-3 * C + 0.1],
+          eyesRotateX: [-3 * H + 0.1],
           eyesRotateY: [-5 * p],
           browInnerUp: [[0, 0.7]],
           mouthLeft: [[0, 0.7]],
@@ -6479,8 +6479,8 @@ class Le {
     const x = t.iterations || 10;
     if (e)
       for (let I = 0; I < x; I++) {
-        let C = !1;
-        for (let p = 0, M = f.length; p < M; p++) {
+        let H = !1;
+        for (let p = 0, E = f.length; p < E; p++) {
           const z = f[p].bone;
           z.matrixWorld.decompose(h, a, u), a.invert(), o.setFromMatrixPosition(g.matrixWorld), r.subVectors(o, h), r.applyQuaternion(a), r.normalize(), s.subVectors(e, h), s.applyQuaternion(a), s.normalize();
           let v = s.dot(r);
@@ -6492,9 +6492,9 @@ class Le {
             f[p].maxx !== void 0 ? f[p].maxx : 1 / 0,
             f[p].maxy !== void 0 ? f[p].maxy : 1 / 0,
             f[p].maxz !== void 0 ? f[p].maxz : 1 / 0
-          ))), z.updateMatrixWorld(!0), C = !0);
+          ))), z.updateMatrixWorld(!0), H = !0);
         }
-        if (!C) break;
+        if (!H) break;
       }
     n && f.forEach((I) => {
       this.poseTarget.props[I.link + ".quaternion"].copy(I.bone.quaternion), this.poseTarget.props[I.link + ".quaternion"].t = this.animClock, this.poseTarget.props[I.link + ".quaternion"].d = n;
@@ -6568,7 +6568,7 @@ const Se = ye(({
   style: f = {},
   animations: x = {}
 }, I) => {
-  const C = X(null), p = X(null), [M, z] = re(!0), [v, O] = re(null), [P, K] = re(!1), J = xe(), S = n || J.service;
+  const H = X(null), p = X(null), [E, z] = re(!0), [v, O] = re(null), [P, K] = re(!1), J = xe(), S = n || J.service;
   let F;
   S === "browser" ? F = {
     service: "browser",
@@ -6602,10 +6602,10 @@ const Se = ye(({
     ttsService: S,
     lipsyncModules: ["en"],
     cameraView: u
-  }, j = T(async () => {
-    if (!(!C.current || p.current))
+  }, j = M(async () => {
+    if (!(!H.current || p.current))
       try {
-        if (z(!0), O(null), p.current = new Le(C.current, V), p.current.controls && (p.current.controls.enableRotate = !1, p.current.controls.enableZoom = !1, p.current.controls.enablePan = !1, p.current.controls.enableDamping = !1), x && Object.keys(x).length > 0 && (p.current.customAnimations = x), await p.current.showAvatar(W, (U) => {
+        if (z(!0), O(null), p.current = new Le(H.current, V), p.current.controls && (p.current.controls.enableRotate = !1, p.current.controls.enableZoom = !1, p.current.controls.enablePan = !1, p.current.controls.enableDamping = !1), x && Object.keys(x).length > 0 && (p.current.customAnimations = x), await p.current.showAvatar(W, (U) => {
           if (U.lengthComputable) {
             const D = Math.min(100, Math.round(U.loaded / U.total * 100));
             c(D);
@@ -6622,11 +6622,11 @@ const Se = ye(({
             console.warn("Error setting full body mode on initialization:", U);
           }
         p.current && p.current.controls && (p.current.controls.enableRotate = !1, p.current.controls.enableZoom = !1, p.current.controls.enablePan = !1, p.current.controls.enableDamping = !1, p.current.controls.update()), z(!1), K(!0), l(p.current);
-        const E = () => {
+        const C = () => {
           document.visibilityState === "visible" ? p.current?.start() : p.current?.stop();
         };
-        return document.addEventListener("visibilitychange", E), () => {
-          document.removeEventListener("visibilitychange", E);
+        return document.addEventListener("visibilitychange", C), () => {
+          document.removeEventListener("visibilitychange", C);
         };
       } catch (L) {
         console.error("Error initializing TalkingHead:", L), O(L.message || "Failed to initialize avatar"), z(!1), d(L);
@@ -6635,42 +6635,42 @@ const Se = ye(({
   he(() => (j(), () => {
     p.current && (p.current.stop(), p.current.dispose(), p.current = null);
   }), [j]), he(() => {
-    if (!C.current || !p.current) return;
+    if (!H.current || !p.current) return;
     const L = new ResizeObserver((U) => {
       for (const D of U)
         p.current && p.current.onResize && p.current.onResize();
     });
-    L.observe(C.current);
-    const E = () => {
+    L.observe(H.current);
+    const C = () => {
       p.current && p.current.onResize && p.current.onResize();
     };
-    return window.addEventListener("resize", E), () => {
-      L.disconnect(), window.removeEventListener("resize", E);
+    return window.addEventListener("resize", C), () => {
+      L.disconnect(), window.removeEventListener("resize", C);
     };
   }, [P]);
-  const Q = T(async () => {
+  const Q = M(async () => {
     if (p.current && p.current.audioCtx)
       try {
         (p.current.audioCtx.state === "suspended" || p.current.audioCtx.state === "interrupted") && (await p.current.audioCtx.resume(), console.log("Audio context resumed"));
       } catch (L) {
         console.warn("Failed to resume audio context:", L);
       }
-  }, []), le = T(async (L, E = {}) => {
+  }, []), le = M(async (L, C = {}) => {
     if (p.current && P)
       try {
         await Q();
         const U = {
-          ...E,
-          lipsyncLang: E.lipsyncLang || W.lipsyncLang || "en"
+          ...C,
+          lipsyncLang: C.lipsyncLang || W.lipsyncLang || "en"
         };
-        if (E.onSpeechEnd && p.current) {
+        if (C.onSpeechEnd && p.current) {
           const D = p.current, ne = D.onAudioEnd;
           let $ = null, pe = 0;
           const we = 600, ze = () => {
             if (pe++, pe > we) {
               $ && (clearInterval($), $ = null);
               try {
-                E.onSpeechEnd();
+                C.onSpeechEnd();
               } catch (ge) {
                 console.error("Error in onSpeechEnd callback:", ge);
               }
@@ -6678,7 +6678,7 @@ const Se = ye(({
             }
             D && (!D.isSpeaking || D.isSpeaking === !1) && (!D.audioPlaylist || D.audioPlaylist.length === 0) && (!D.isAudioPlaying || D.isAudioPlaying === !1) && ($ && (clearInterval($), $ = null), setTimeout(() => {
               try {
-                E.onSpeechEnd();
+                C.onSpeechEnd();
               } catch (ge) {
                 console.error("Error in onSpeechEnd callback:", ge);
               }
@@ -6694,13 +6694,13 @@ const Se = ye(({
       } catch (U) {
         console.error("Error speaking text:", U), O(U.message || "Failed to speak text");
       }
-  }, [P, Q, W.lipsyncLang]), me = T(() => {
+  }, [P, Q, W.lipsyncLang]), me = M(() => {
     p.current && (p.current.stopSpeaking(), p.current.setSlowdownRate && p.current.setSlowdownRate(1));
-  }, []), q = T((L) => {
+  }, []), q = M((L) => {
     p.current && p.current.setMood(L);
-  }, []), R = T((L) => {
+  }, []), b = M((L) => {
     p.current && p.current.setSlowdownRate && p.current.setSlowdownRate(L);
-  }, []), b = T((L, E = !1) => {
+  }, []), R = M((L, C = !1) => {
     if (p.current && p.current.playAnimation) {
       if (x && x[L] && (L = x[L]), p.current.setShowFullAvatar)
         try {
@@ -6710,7 +6710,7 @@ const Se = ye(({
         }
       if (L.includes("."))
         try {
-          p.current.playAnimation(L, null, 10, 0, 0.01, E);
+          p.current.playAnimation(L, null, 10, 0, 0.01, C);
         } catch (D) {
           console.warn(`Failed to play ${L}:`, D);
           try {
@@ -6724,7 +6724,7 @@ const Se = ye(({
         let ne = !1;
         for (const $ of D)
           try {
-            p.current.playAnimation(L + $, null, 10, 0, 0.01, E), ne = !0;
+            p.current.playAnimation(L + $, null, 10, 0, 0.01, C), ne = !0;
             break;
           } catch {
           }
@@ -6738,7 +6738,7 @@ const Se = ye(({
         }
       }
     }
-  }, [x]), w = T(() => {
+  }, [x]), w = M(() => {
     p.current && p.current.onResize && p.current.onResize();
   }, []);
   return fe(I, () => ({
@@ -6746,8 +6746,8 @@ const Se = ye(({
     stopSpeaking: me,
     resumeAudioContext: Q,
     setMood: q,
-    setTimingAdjustment: R,
-    playAnimation: b,
+    setTimingAdjustment: b,
+    playAnimation: R,
     isReady: P,
     talkingHead: p.current,
     handleResize: w,
@@ -6755,8 +6755,8 @@ const Se = ye(({
       if (p.current && p.current.setShowFullAvatar && p.current.setBodyMovement)
         try {
           p.current.setShowFullAvatar(!0), p.current.setBodyMovement(L);
-        } catch (E) {
-          console.warn("Error setting body movement:", E);
+        } catch (C) {
+          console.warn("Error setting body movement:", C);
         }
     },
     setMovementIntensity: (L) => p.current?.setMovementIntensity(L),
@@ -6772,8 +6772,8 @@ const Se = ye(({
       if (p.current && p.current.setShowFullAvatar && p.current.playReaction)
         try {
           p.current.setShowFullAvatar(!0), p.current.playReaction(L);
-        } catch (E) {
-          console.warn("Error playing reaction:", E);
+        } catch (C) {
+          console.warn("Error playing reaction:", C);
         }
     },
     playCelebration: () => {
@@ -6788,8 +6788,8 @@ const Se = ye(({
       if (p.current && p.current.setShowFullAvatar)
         try {
           p.current.setShowFullAvatar(L);
-        } catch (E) {
-          console.warn("Error setting showFullAvatar:", E);
+        } catch (C) {
+          console.warn("Error setting showFullAvatar:", C);
         }
     },
     lockAvatarPosition: () => {
@@ -6822,7 +6822,7 @@ const Se = ye(({
         /* @__PURE__ */ se(
           "div",
           {
-            ref: C,
+            ref: H,
             className: "talking-head-viewer",
             style: {
               width: "100%",
@@ -6831,7 +6831,7 @@ const Se = ye(({
             }
           }
         ),
-        M && /* @__PURE__ */ se("div", { className: "loading-overlay", style: {
+        E && /* @__PURE__ */ se("div", { className: "loading-overlay", style: {
           position: "absolute",
           top: "50%",
           left: "50%",
@@ -6869,7 +6869,7 @@ const Je = ye(({
   style: s = {},
   avatarConfig: o = {}
 }, r) => {
-  const h = X(null), a = X(null), [u, l] = re(!0), [c, d] = re(null), [g, f] = re(!1), x = xe(), I = o.ttsService || x.service, C = I === "browser" ? {
+  const h = X(null), a = X(null), [u, l] = re(!0), [c, d] = re(null), [g, f] = re(!1), x = xe(), I = o.ttsService || x.service, H = I === "browser" ? {
     endpoint: "",
     apiKey: null,
     defaultVoice: "Google US English"
@@ -6885,7 +6885,7 @@ const Je = ye(({
     body: "F",
     avatarMood: "neutral",
     ttsLang: I === "browser" ? "en-US" : "en",
-    ttsVoice: o.ttsVoice || C.defaultVoice,
+    ttsVoice: o.ttsVoice || H.defaultVoice,
     lipsyncLang: "en",
     // English lip-sync
     showFullAvatar: !0,
@@ -6893,16 +6893,16 @@ const Je = ye(({
     bodyMovement: "idle",
     movementIntensity: 0.5,
     ...o
-  }, M = {
-    ttsEndpoint: C.endpoint,
-    ttsApikey: C.apiKey,
+  }, E = {
+    ttsEndpoint: H.endpoint,
+    ttsApikey: H.apiKey,
     ttsService: I,
     lipsyncModules: ["en"],
     cameraView: "upper"
-  }, z = T(async () => {
+  }, z = M(async () => {
     if (!(!h.current || a.current))
       try {
-        if (l(!0), d(null), a.current = new Le(h.current, M), await a.current.showAvatar(p, (W) => {
+        if (l(!0), d(null), a.current = new Le(h.current, E), await a.current.showAvatar(p, (W) => {
           if (W.lengthComputable) {
             const V = Math.min(100, Math.round(W.loaded / W.total * 100));
             t(V);
@@ -6938,7 +6938,7 @@ const Je = ye(({
   he(() => (z(), () => {
     a.current && (a.current.stop(), a.current.dispose(), a.current = null);
   }), [z]);
-  const v = T((S) => {
+  const v = M((S) => {
     if (a.current && g)
       try {
         console.log("Speaking text:", S), console.log("Avatar config:", p), console.log("TalkingHead instance:", a.current), a.current.lipsync && Object.keys(a.current.lipsync).length > 0 ? (console.log("Lip-sync modules loaded:", Object.keys(a.current.lipsync)), a.current.setSlowdownRate && (a.current.setSlowdownRate(1.05), console.log("Applied timing adjustment for better lip-sync")), a.current.speakText(S)) : (console.warn("Lip-sync modules not ready, waiting..."), setTimeout(() => {
@@ -6949,13 +6949,13 @@ const Je = ye(({
       }
     else
       console.warn("Avatar not ready for speaking. isReady:", g, "talkingHeadRef:", !!a.current);
-  }, [g, p]), O = T(() => {
+  }, [g, p]), O = M(() => {
     a.current && (a.current.stopSpeaking(), a.current.setSlowdownRate && (a.current.setSlowdownRate(1), console.log("Reset timing to normal")));
-  }, []), P = T((S) => {
+  }, []), P = M((S) => {
     a.current && a.current.setMood(S);
-  }, []), K = T((S) => {
+  }, []), K = M((S) => {
     a.current && a.current.setSlowdownRate && (a.current.setSlowdownRate(S), console.log("Timing adjustment set to:", S));
-  }, []), J = T((S, F = !1) => {
+  }, []), J = M((S, F = !1) => {
     if (a.current && a.current.playAnimation) {
       if (a.current.setShowFullAvatar)
         try {
@@ -7130,7 +7130,7 @@ const $e = ye(({
     onQuestionAnswer: s,
     onCurriculumComplete: o,
     onCustomAction: r
-  }), d = X(null), g = X(null), f = X(null), x = X(null), I = X(null), C = X(null), p = X(null), M = X(B?.curriculum || {
+  }), d = X(null), g = X(null), f = X(null), x = X(null), I = X(null), H = X(null), p = X(null), E = X(B?.curriculum || {
     title: "Default Curriculum",
     description: "No curriculum data provided",
     language: "en",
@@ -7158,7 +7158,7 @@ const $e = ye(({
       onCustomAction: r
     };
   }, [i, n, s, o, r]), he(() => {
-    M.current = B?.curriculum || {
+    E.current = B?.curriculum || {
       title: "Default Curriculum",
       description: "No curriculum data provided",
       language: "en",
@@ -7178,23 +7178,23 @@ const $e = ye(({
       lipsyncLang: "en"
     };
   }, [B, t, e]);
-  const v = T(() => (M.current || { modules: [] }).modules[l.current.currentModuleIndex]?.lessons[l.current.currentLessonIndex], []), O = T(() => v()?.questions[l.current.currentQuestionIndex], [v]), P = T((R, b) => b.type === "multiple_choice" || b.type === "true_false" ? R === b.answer : b.type === "code_test" && typeof R == "object" && R !== null ? R.passed === !0 : !1, []), K = T(() => {
+  const v = M(() => (E.current || { modules: [] }).modules[l.current.currentModuleIndex]?.lessons[l.current.currentLessonIndex], []), O = M(() => v()?.questions[l.current.currentQuestionIndex], [v]), P = M((b, R) => R.type === "multiple_choice" || R.type === "true_false" ? b === R.answer : R.type === "code_test" && typeof b == "object" && b !== null ? b.passed === !0 : !1, []), K = M(() => {
     l.current.lessonCompleted = !0, l.current.isQuestionMode = !1;
-    const R = l.current.totalQuestions > 0 ? Math.round(l.current.score / l.current.totalQuestions * 100) : 100;
-    let b = "Congratulations! You've completed this lesson";
-    if (l.current.totalQuestions > 0 ? b += ` with a score of ${l.current.score} out of ${l.current.totalQuestions} (${R}%). ` : b += "! ", R >= 80 ? b += "Excellent work! You have a great understanding of this topic." : R >= 60 ? b += "Good job! You understand most of the concepts." : b += "Keep practicing! You're making progress.", c.current.onLessonComplete({
+    const b = l.current.totalQuestions > 0 ? Math.round(l.current.score / l.current.totalQuestions * 100) : 100;
+    let R = "Congratulations! You've completed this lesson";
+    if (l.current.totalQuestions > 0 ? R += ` with a score of ${l.current.score} out of ${l.current.totalQuestions} (${b}%). ` : R += "! ", b >= 80 ? R += "Excellent work! You have a great understanding of this topic." : b >= 60 ? R += "Good job! You understand most of the concepts." : R += "Keep practicing! You're making progress.", c.current.onLessonComplete({
       moduleIndex: l.current.currentModuleIndex,
       lessonIndex: l.current.currentLessonIndex,
       score: l.current.score,
       totalQuestions: l.current.totalQuestions,
-      percentage: R
+      percentage: b
     }), c.current.onCustomAction({
       type: "lessonComplete",
       moduleIndex: l.current.currentModuleIndex,
       lessonIndex: l.current.currentLessonIndex,
       score: l.current.score,
       totalQuestions: l.current.totalQuestions,
-      percentage: R
+      percentage: b
     }), u.current) {
       if (u.current.setMood("happy"), e.lessonComplete)
         try {
@@ -7202,29 +7202,29 @@ const $e = ye(({
         } catch {
           u.current.playCelebration();
         }
-      const w = M.current || { modules: [] }, L = w.modules[l.current.currentModuleIndex], E = l.current.currentLessonIndex < (L?.lessons?.length || 0) - 1, U = l.current.currentModuleIndex < (w.modules?.length || 0) - 1, D = E || U, ne = z.current || { lipsyncLang: "en" };
-      D ? u.current.speakText(b, {
+      const w = E.current || { modules: [] }, L = w.modules[l.current.currentModuleIndex], C = l.current.currentLessonIndex < (L?.lessons?.length || 0) - 1, U = l.current.currentModuleIndex < (w.modules?.length || 0) - 1, D = C || U, ne = z.current || { lipsyncLang: "en" };
+      D ? u.current.speakText(R, {
         lipsyncLang: ne.lipsyncLang,
         onSpeechEnd: () => {
           setTimeout(() => {
             g.current && g.current();
-          }, 1e3);
+          }, 300);
         }
-      }) : u.current.speakText(b, {
+      }) : u.current.speakText(R, {
         lipsyncLang: ne.lipsyncLang,
         onSpeechEnd: () => {
           setTimeout(() => {
             I.current && I.current();
-          }, 1e3);
+          }, 300);
         }
       });
     }
-  }, [e.lessonComplete]), J = T(() => {
+  }, [e.lessonComplete]), J = M(() => {
     l.current.curriculumCompleted = !0;
-    const R = M.current || { modules: [] };
+    const b = E.current || { modules: [] };
     if (c.current.onCurriculumComplete({
-      modules: R.modules.length,
-      totalLessons: R.modules.reduce((b, w) => b + w.lessons.length, 0)
+      modules: b.modules.length,
+      totalLessons: b.modules.reduce((R, w) => R + w.lessons.length, 0)
     }), u.current) {
       if (u.current.setMood("celebrating"), e.curriculumComplete)
         try {
@@ -7232,21 +7232,21 @@ const $e = ye(({
         } catch {
           u.current.playCelebration();
         }
-      const b = z.current || { lipsyncLang: "en" };
-      u.current.speakText("Amazing! You've completed the entire curriculum! You're now ready to move on to more advanced topics. Well done!", { lipsyncLang: b.lipsyncLang });
+      const R = z.current || { lipsyncLang: "en" };
+      u.current.speakText("Amazing! You've completed the entire curriculum! You're now ready to move on to more advanced topics. Well done!", { lipsyncLang: R.lipsyncLang });
     }
-  }, [e.curriculumComplete]), S = T(() => {
-    const R = v();
-    l.current.isQuestionMode = !0, l.current.currentQuestionIndex = 0, l.current.totalQuestions = R?.questions?.length || 0;
-    const b = O();
-    if (b && c.current.onCustomAction({
+  }, [e.curriculumComplete]), S = M(() => {
+    const b = v();
+    l.current.isQuestionMode = !0, l.current.currentQuestionIndex = 0, l.current.totalQuestions = b?.questions?.length || 0;
+    const R = O();
+    if (R && c.current.onCustomAction({
       type: "questionStart",
       moduleIndex: l.current.currentModuleIndex,
       lessonIndex: l.current.currentLessonIndex,
       questionIndex: l.current.currentQuestionIndex,
       totalQuestions: l.current.totalQuestions,
-      question: b
-    }), u.current && b) {
+      question: R
+    }), u.current && R) {
       if (u.current.setMood("curious"), e.questionStart)
         try {
           u.current.playAnimation(e.questionStart, !0);
@@ -7254,24 +7254,24 @@ const $e = ye(({
           console.warn("Failed to play questionStart animation:", L);
         }
       const w = z.current || { lipsyncLang: "en" };
-      b.type === "code_test" ? u.current.speakText(`Let's test your coding skills! Here's your first challenge: ${b.question}`, { lipsyncLang: w.lipsyncLang }) : b.type === "multiple_choice" ? u.current.speakText(`Now let me ask you some questions. Here's the first one: ${b.question}`, { lipsyncLang: w.lipsyncLang }) : b.type === "true_false" ? u.current.speakText(`Let's start with some true or false questions. First question: ${b.question}`, { lipsyncLang: w.lipsyncLang }) : u.current.speakText(`Now let me ask you some questions. Here's the first one: ${b.question}`, { lipsyncLang: w.lipsyncLang });
+      R.type === "code_test" ? u.current.speakText(`Let's test your coding skills! Here's your first challenge: ${R.question}`, { lipsyncLang: w.lipsyncLang }) : R.type === "multiple_choice" ? u.current.speakText(`Now let me ask you some questions. Here's the first one: ${R.question}`, { lipsyncLang: w.lipsyncLang }) : R.type === "true_false" ? u.current.speakText(`Let's start with some true or false questions. First question: ${R.question}`, { lipsyncLang: w.lipsyncLang }) : u.current.speakText(`Now let me ask you some questions. Here's the first one: ${R.question}`, { lipsyncLang: w.lipsyncLang });
     } else if (u.current) {
       const w = z.current || { lipsyncLang: "en" };
       u.current.speakText("Now let me ask you some questions to test your understanding.", { lipsyncLang: w.lipsyncLang });
     }
-  }, [e.questionStart, v, O]), F = T(() => {
-    const R = v();
-    if (l.current.currentQuestionIndex < (R?.questions?.length || 0) - 1) {
+  }, [e.questionStart, v, O]), F = M(() => {
+    const b = v();
+    if (l.current.currentQuestionIndex < (b?.questions?.length || 0) - 1) {
       l.current.currentQuestionIndex += 1;
-      const b = O();
-      if (b && c.current.onCustomAction({
+      const R = O();
+      if (R && c.current.onCustomAction({
         type: "nextQuestion",
         moduleIndex: l.current.currentModuleIndex,
         lessonIndex: l.current.currentLessonIndex,
         questionIndex: l.current.currentQuestionIndex,
         totalQuestions: l.current.totalQuestions,
-        question: b
-      }), u.current && b) {
+        question: R
+      }), u.current && R) {
         if (u.current.setMood("happy"), u.current.setBodyMovement("idle"), e.nextQuestion)
           try {
             u.current.playAnimation(e.nextQuestion, !0);
@@ -7279,73 +7279,79 @@ const $e = ye(({
             console.warn("Failed to play nextQuestion animation:", L);
           }
         const w = z.current || { lipsyncLang: "en" };
-        b.type === "code_test" ? u.current.speakText(`Great! Now let's move on to your next coding challenge: ${b.question}`, {
+        R.type === "code_test" ? u.current.speakText(`Great! Now let's move on to your next coding challenge: ${R.question}`, {
           lipsyncLang: w.lipsyncLang
-        }) : b.type === "multiple_choice" ? u.current.speakText(`Alright! Here's your next question: ${b.question}`, {
+        }) : R.type === "multiple_choice" ? u.current.speakText(`Alright! Here's your next question: ${R.question}`, {
           lipsyncLang: w.lipsyncLang
-        }) : b.type === "true_false" ? u.current.speakText(`Now let's try this one: ${b.question}`, {
+        }) : R.type === "true_false" ? u.current.speakText(`Now let's try this one: ${R.question}`, {
           lipsyncLang: w.lipsyncLang
-        }) : u.current.speakText(`Here's the next question: ${b.question}`, {
+        }) : u.current.speakText(`Here's the next question: ${R.question}`, {
           lipsyncLang: w.lipsyncLang
         });
       }
     } else
       f.current && f.current();
-  }, [e.nextQuestion, v, O]), W = T(() => {
-    const R = M.current || { modules: [] }, b = R.modules[l.current.currentModuleIndex];
-    l.current.currentLessonIndex < (b?.lessons?.length || 0) - 1 ? (l.current.currentLessonIndex += 1, l.current.currentQuestionIndex = 0, l.current.lessonCompleted = !1, l.current.isQuestionMode = !1, l.current.isTeaching = !1, l.current.score = 0, l.current.totalQuestions = 0, c.current.onCustomAction({
+  }, [e.nextQuestion, v, O]), W = M(() => {
+    const b = E.current || { modules: [] }, R = b.modules[l.current.currentModuleIndex];
+    l.current.currentLessonIndex < (R?.lessons?.length || 0) - 1 ? (l.current.currentLessonIndex += 1, l.current.currentQuestionIndex = 0, l.current.lessonCompleted = !1, l.current.isQuestionMode = !1, l.current.isTeaching = !1, l.current.score = 0, l.current.totalQuestions = 0, c.current.onCustomAction({
       type: "lessonStart",
       moduleIndex: l.current.currentModuleIndex,
       lessonIndex: l.current.currentLessonIndex
     }), u.current && (u.current.setMood("happy"), u.current.setBodyMovement("idle"), setTimeout(() => {
       d.current && d.current();
-    }, 500))) : l.current.currentModuleIndex < (R.modules?.length || 0) - 1 ? (l.current.currentModuleIndex += 1, l.current.currentLessonIndex = 0, l.current.currentQuestionIndex = 0, l.current.lessonCompleted = !1, l.current.isQuestionMode = !1, l.current.isTeaching = !1, l.current.score = 0, l.current.totalQuestions = 0, c.current.onCustomAction({
+    }, 300))) : l.current.currentModuleIndex < (b.modules?.length || 0) - 1 ? (l.current.currentModuleIndex += 1, l.current.currentLessonIndex = 0, l.current.currentQuestionIndex = 0, l.current.lessonCompleted = !1, l.current.isQuestionMode = !1, l.current.isTeaching = !1, l.current.score = 0, l.current.totalQuestions = 0, c.current.onCustomAction({
       type: "lessonStart",
       moduleIndex: l.current.currentModuleIndex,
       lessonIndex: l.current.currentLessonIndex
     }), u.current && (u.current.setMood("happy"), u.current.setBodyMovement("idle"), setTimeout(() => {
       d.current && d.current();
-    }, 500))) : I.current && I.current();
-  }, []), V = T(() => {
-    const R = v();
-    if (u.current && u.current.isReady && R?.avatar_script) {
+    }, 300))) : I.current && I.current();
+  }, []), V = M(() => {
+    const b = v();
+    let R = null;
+    if (b?.avatar_script && b?.body) {
+      const w = b.avatar_script.trim(), L = b.body.trim(), C = w.match(/[.!?]$/) ? " " : ". ";
+      R = `${w}${C}${L}`;
+    } else
+      R = b?.avatar_script || b?.body || null;
+    if (u.current && u.current.isReady && R) {
       l.current.isTeaching = !0, l.current.isQuestionMode = !1, u.current.setMood("happy");
-      let b = !1;
+      let w = !1;
       if (e.teaching)
         try {
-          u.current.playAnimation(e.teaching, !0), b = !0;
-        } catch (L) {
-          console.warn("Failed to play teaching animation:", L);
+          u.current.playAnimation(e.teaching, !0), w = !0;
+        } catch (C) {
+          console.warn("Failed to play teaching animation:", C);
         }
-      b || u.current.setBodyMovement("gesturing");
-      const w = z.current || { lipsyncLang: "en" };
+      w || u.current.setBodyMovement("gesturing");
+      const L = z.current || { lipsyncLang: "en" };
       c.current.onLessonStart({
         moduleIndex: l.current.currentModuleIndex,
         lessonIndex: l.current.currentLessonIndex,
-        lesson: R
+        lesson: b
       }), c.current.onCustomAction({
         type: "teachingStart",
         moduleIndex: l.current.currentModuleIndex,
         lessonIndex: l.current.currentLessonIndex,
-        lesson: R
-      }), u.current.speakText(R.avatar_script, {
-        lipsyncLang: w.lipsyncLang,
+        lesson: b
+      }), u.current.speakText(R, {
+        lipsyncLang: L.lipsyncLang,
         onSpeechEnd: () => {
           l.current.isTeaching = !1, setTimeout(() => {
-            R.questions && R.questions.length > 0 ? C.current && C.current() : f.current && f.current();
-          }, 500);
+            b.questions && b.questions.length > 0 ? H.current && H.current() : f.current && f.current();
+          }, 200);
         }
       });
     }
-  }, [e.teaching, v]), j = T((R) => {
-    const b = O(), w = P(R, b);
+  }, [e.teaching, v]), j = M((b) => {
+    const R = O(), w = P(b, R);
     if (w && (l.current.score += 1), c.current.onQuestionAnswer({
       moduleIndex: l.current.currentModuleIndex,
       lessonIndex: l.current.currentLessonIndex,
       questionIndex: l.current.currentQuestionIndex,
-      answer: R,
+      answer: b,
       isCorrect: w,
-      question: b
+      question: R
     }), u.current)
       if (w) {
         if (u.current.setMood("happy"), e.correct)
@@ -7355,13 +7361,13 @@ const $e = ye(({
             u.current.setBodyMovement("happy");
           }
         u.current.setBodyMovement("gesturing");
-        const L = b.type === "code_test" ? `Great job! Your code passed all the tests! ${b.explanation || ""}` : `Excellent! That's correct! ${b.explanation || ""}`, E = z.current || { lipsyncLang: "en" };
+        const L = R.type === "code_test" ? `Great job! Your code passed all the tests! ${R.explanation || ""}` : `Excellent! That's correct! ${R.explanation || ""}`, C = z.current || { lipsyncLang: "en" };
         u.current.speakText(L, {
-          lipsyncLang: E.lipsyncLang,
+          lipsyncLang: C.lipsyncLang,
           onSpeechEnd: () => {
             setTimeout(() => {
               x.current && x.current();
-            }, 500);
+            }, 200);
           }
         });
       } else {
@@ -7372,37 +7378,37 @@ const $e = ye(({
             u.current.setBodyMovement("idle");
           }
         u.current.setBodyMovement("gesturing");
-        const L = b.type === "code_test" ? `Your code didn't pass all the tests. ${b.explanation || "Try again!"}` : `Not quite right, but don't worry! ${b.explanation || ""} Let's move on to the next question.`, E = z.current || { lipsyncLang: "en" };
+        const L = R.type === "code_test" ? `Your code didn't pass all the tests. ${R.explanation || "Try again!"}` : `Not quite right, but don't worry! ${R.explanation || ""} Let's move on to the next question.`, C = z.current || { lipsyncLang: "en" };
         u.current.speakText(L, {
-          lipsyncLang: E.lipsyncLang,
+          lipsyncLang: C.lipsyncLang,
           onSpeechEnd: () => {
             setTimeout(() => {
               x.current && x.current();
-            }, 500);
+            }, 200);
           }
         });
       }
     else
       x.current && x.current();
-  }, [e.correct, e.incorrect, O, P]), Q = T((R) => {
-    const b = O();
-    if (!R || typeof R != "object") {
+  }, [e.correct, e.incorrect, O, P]), Q = M((b) => {
+    const R = O();
+    if (!b || typeof b != "object") {
       console.error("Invalid code test result format. Expected object with {passed: boolean, ...}");
       return;
     }
-    if (b?.type !== "code_test") {
+    if (R?.type !== "code_test") {
       console.warn("Current question is not a code test. Use handleAnswerSelect for other question types.");
       return;
     }
     const w = {
-      passed: R.passed === !0,
-      results: R.results || [],
-      output: R.output || "",
-      error: R.error || null,
-      executionTime: R.executionTime || null,
-      testCount: R.testCount || 0,
-      passedCount: R.passedCount || 0,
-      failedCount: R.failedCount || 0
+      passed: b.passed === !0,
+      results: b.results || [],
+      output: b.output || "",
+      error: b.error || null,
+      executionTime: b.executionTime || null,
+      testCount: b.testCount || 0,
+      passedCount: b.passedCount || 0,
+      failedCount: b.failedCount || 0
     };
     c.current.onCustomAction({
       type: "codeTestSubmitted",
@@ -7410,19 +7416,19 @@ const $e = ye(({
       lessonIndex: l.current.currentLessonIndex,
       questionIndex: l.current.currentQuestionIndex,
       testResult: w,
-      question: b
+      question: R
     }), p.current && p.current(w);
-  }, [O, P]), le = T(() => {
+  }, [O, P]), le = M(() => {
     l.current.currentModuleIndex = 0, l.current.currentLessonIndex = 0, l.current.currentQuestionIndex = 0, l.current.isTeaching = !1, l.current.isQuestionMode = !1, l.current.lessonCompleted = !1, l.current.curriculumCompleted = !1, l.current.score = 0, l.current.totalQuestions = 0;
-  }, []), me = T((R) => {
-    console.log("Avatar is ready!", R);
-    const b = v();
-    h && b?.avatar_script && setTimeout(() => {
+  }, []), me = M((b) => {
+    console.log("Avatar is ready!", b);
+    const R = v(), w = R?.avatar_script || R?.body;
+    h && w && setTimeout(() => {
       d.current && d.current();
-    }, 1e3);
+    }, 500);
   }, [h, v]);
   Ce(() => {
-    d.current = V, g.current = W, f.current = K, x.current = F, I.current = J, C.current = S, p.current = j;
+    d.current = V, g.current = W, f.current = K, x.current = F, I.current = J, H.current = S, p.current = j;
   }), fe(a, () => ({
     // Curriculum control methods
     startTeaching: V,
@@ -7440,20 +7446,20 @@ const $e = ye(({
     // Direct access to avatar ref (always returns current value)
     getAvatarRef: () => u.current,
     // Convenience methods that delegate to avatar (always check current ref)
-    speakText: async (R, b = {}) => {
+    speakText: async (b, R = {}) => {
       await u.current?.resumeAudioContext?.();
       const w = z.current || { lipsyncLang: "en" };
-      u.current?.speakText(R, { ...b, lipsyncLang: b.lipsyncLang || w.lipsyncLang });
+      u.current?.speakText(b, { ...R, lipsyncLang: R.lipsyncLang || w.lipsyncLang });
     },
     resumeAudioContext: async () => {
       if (u.current?.resumeAudioContext)
         return await u.current.resumeAudioContext();
-      const R = u.current?.talkingHead;
-      if (R?.audioCtx) {
-        const b = R.audioCtx;
-        if (b.state === "suspended" || b.state === "interrupted")
+      const b = u.current?.talkingHead;
+      if (b?.audioCtx) {
+        const R = b.audioCtx;
+        if (R.state === "suspended" || R.state === "interrupted")
           try {
-            await b.resume(), console.log("Audio context resumed via talkingHead");
+            await R.resume(), console.log("Audio context resumed via talkingHead");
           } catch (w) {
             console.warn("Failed to resume audio context:", w);
           }
@@ -7461,22 +7467,22 @@ const $e = ye(({
         console.warn("Audio context not available yet");
     },
     stopSpeaking: () => u.current?.stopSpeaking(),
-    setMood: (R) => u.current?.setMood(R),
-    playAnimation: (R, b) => u.current?.playAnimation(R, b),
-    setBodyMovement: (R) => u.current?.setBodyMovement(R),
-    setMovementIntensity: (R) => u.current?.setMovementIntensity(R),
+    setMood: (b) => u.current?.setMood(b),
+    playAnimation: (b, R) => u.current?.playAnimation(b, R),
+    setBodyMovement: (b) => u.current?.setBodyMovement(b),
+    setMovementIntensity: (b) => u.current?.setMovementIntensity(b),
     playRandomDance: () => u.current?.playRandomDance(),
-    playReaction: (R) => u.current?.playReaction(R),
+    playReaction: (b) => u.current?.playReaction(b),
     playCelebration: () => u.current?.playCelebration(),
-    setShowFullAvatar: (R) => u.current?.setShowFullAvatar(R),
-    setTimingAdjustment: (R) => u.current?.setTimingAdjustment(R),
+    setShowFullAvatar: (b) => u.current?.setShowFullAvatar(b),
+    setTimingAdjustment: (b) => u.current?.setTimingAdjustment(b),
     lockAvatarPosition: () => u.current?.lockAvatarPosition(),
     unlockAvatarPosition: () => u.current?.unlockAvatarPosition(),
     // Custom action trigger
-    triggerCustomAction: (R, b) => {
+    triggerCustomAction: (b, R) => {
       c.current.onCustomAction({
-        type: R,
-        ...b,
+        type: b,
+        ...R,
         state: { ...l.current }
       });
     },
@@ -7517,8 +7523,8 @@ const $e = ye(({
       onReady: me,
       onLoading: () => {
       },
-      onError: (R) => {
-        console.error("Avatar error:", R);
+      onError: (b) => {
+        console.error("Avatar error:", b);
       }
     }
   ) });