@sage-rsc/talking-head-react 1.3.4 → 1.3.6

package/dist/index.js

@@ -1,8 +1,8 @@
 import { jsxs as Pe, jsx as ye } from "react/jsx-runtime";
 import { forwardRef as Me, useRef as W, useState as pe, useEffect as ce, useCallback as O, useImperativeHandle as Fe, useLayoutEffect as Xe } from "react";
 import * as y from "three";
-import { OrbitControls as Ye } from "three/addons/controls/OrbitControls.js";
-import { GLTFLoader as je } from "three/addons/loaders/GLTFLoader.js";
+import { OrbitControls as je } from "three/addons/controls/OrbitControls.js";
+import { GLTFLoader as Ye } from "three/addons/loaders/GLTFLoader.js";
 import { DRACOLoader as Qe } from "three/addons/loaders/DRACOLoader.js";
 import { FBXLoader as De } from "three/addons/loaders/FBXLoader.js";
 import { RoomEnvironment as qe } from "three/addons/environments/RoomEnvironment.js";
@@ -2629,7 +2629,7 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   fr: rt,
   fi: ut,
   lt: ct
-}, J = new y.Quaternion(), G = new y.Euler(), ve = new y.Vector3(), Re = new y.Vector3(), We = new y.Box3();
+}, $ = new y.Quaternion(), Z = new y.Euler(), ve = new y.Vector3(), Re = new y.Vector3(), We = new y.Box3();
 new y.Matrix4();
 new y.Matrix4();
 new y.Vector3();
@@ -4086,7 +4086,7 @@ class Be {
         this.opt.lightSpotDispersion
       ), this.setLighting(this.opt);
       const l = new y.PMREMGenerator(this.renderer);
-      l.compileEquirectangularShader(), this.scene.environment = l.fromScene(new qe()).texture, this.resizeobserver = new ResizeObserver(this.onResize.bind(this)), this.resizeobserver.observe(this.nodeAvatar), this.controls = new Ye(this.camera, this.renderer.domElement), this.controls.enableZoom = this.opt.cameraZoomEnable, this.controls.enableRotate = this.opt.cameraRotateEnable, this.controls.enablePan = this.opt.cameraPanEnable, this.controls.minDistance = 2, this.controls.maxDistance = 2e3, this.controls.autoRotateSpeed = 0, this.controls.autoRotate = !1, this.controls.update(), this.cameraClock = null;
+      l.compileEquirectangularShader(), this.scene.environment = l.fromScene(new qe()).texture, this.resizeobserver = new ResizeObserver(this.onResize.bind(this)), this.resizeobserver.observe(this.nodeAvatar), this.controls = new je(this.camera, this.renderer.domElement), this.controls.enableZoom = this.opt.cameraZoomEnable, this.controls.enableRotate = this.opt.cameraRotateEnable, this.controls.enablePan = this.opt.cameraPanEnable, this.controls.minDistance = 2, this.controls.maxDistance = 2e3, this.controls.autoRotateSpeed = 0, this.controls.autoRotate = !1, this.controls.update(), this.cameraClock = null;
     }
     this.ikMesh = new y.SkinnedMesh();
     const s = {
@@ -4252,7 +4252,7 @@ class Be {
   async showAvatar(t, e = null) {
     if (!t || !t.hasOwnProperty("url"))
       throw new Error("Invalid parameter. The avatar must have at least 'url' specified.");
-    const n = new je();
+    const n = new Ye();
     if (this.dracoEnabled) {
       const r = new Qe();
       r.setDecoderPath(this.dracoDecoderPath), n.setDRACOLoader(r);
@@ -4391,6 +4391,21 @@ class Be {
         s > 1 || !this.poseBase.props.hasOwnProperty(e) ? i.copy(n) : i.isQuaternion ? i.copy(this.poseBase.props[e].slerp(n, this.easing(s))) : i.isVector3 && i.copy(this.poseBase.props[e].lerp(n, this.easing(s)));
       }
     }
+    this.applyShoulderAdjustment();
+  }
+  /**
+   * Apply shoulder adjustment to lower shoulders to a more natural position
+   */
+  applyShoulderAdjustment() {
+    const e = new y.Euler();
+    if (this.poseAvatar.props["LeftShoulder.quaternion"]) {
+      const n = this.poseAvatar.props["LeftShoulder.quaternion"];
+      e.setFromQuaternion(n, "XYZ"), e.x += -0.35, n.setFromEuler(e, "XYZ");
+    }
+    if (this.poseAvatar.props["RightShoulder.quaternion"]) {
+      const n = this.poseAvatar.props["RightShoulder.quaternion"];
+      e.setFromQuaternion(n, "XYZ"), e.x += -0.35, n.setFromEuler(e, "XYZ");
+    }
   }
   /**
   * Update avatar pose deltas
@@ -4398,9 +4413,9 @@ class Be {
   updatePoseDelta() {
     for (const [t, e] of Object.entries(this.poseDelta.props)) {
       if (e.x === 0 && e.y === 0 && e.z === 0) continue;
-      G.set(e.x, e.y, e.z);
+      Z.set(e.x, e.y, e.z);
       const n = this.poseAvatar.props[t];
-      n.isQuaternion ? (J.setFromEuler(G), n.multiply(J)) : n.isVector3 && n.add(G);
+      n.isQuaternion ? ($.setFromEuler(Z), n.multiply($)) : n.isVector3 && n.add(Z);
     }
   }
   /**
@@ -5172,7 +5187,7 @@ class Be {
           }, i.x ? new y.Vector3(i.x, i.y, i.z) : null, !0, i.d);
           break;
       }
-    if ((h || r) && (G.setFromQuaternion(this.poseAvatar.props["Head.quaternion"]), G.x = Math.max(-0.9, Math.min(0.9, 2 * G.x - 0.5)), G.y = Math.max(-0.9, Math.min(0.9, -2.5 * G.y)), h ? (Object.assign(this.mtAvatar.eyesLookDown, { system: G.x < 0 ? -G.x : 0, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyesLookUp, { system: G.x < 0 ? 0 : G.x, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookInLeft, { system: G.y < 0 ? -G.y : 0, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookOutLeft, { system: G.y < 0 ? 0 : G.y, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookInRight, { system: G.y < 0 ? 0 : G.y, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookOutRight, { system: G.y < 0 ? -G.y : 0, needsUpdate: !0 }), r && (n = -this.mtAvatar.bodyRotateY.value, i = this.gaussianRandom(-0.2, 0.2), this.animQueue.push(this.animFactory({
+    if ((h || r) && (Z.setFromQuaternion(this.poseAvatar.props["Head.quaternion"]), Z.x = Math.max(-0.9, Math.min(0.9, 2 * Z.x - 0.5)), Z.y = Math.max(-0.9, Math.min(0.9, -2.5 * Z.y)), h ? (Object.assign(this.mtAvatar.eyesLookDown, { system: Z.x < 0 ? -Z.x : 0, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyesLookUp, { system: Z.x < 0 ? 0 : Z.x, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookInLeft, { system: Z.y < 0 ? -Z.y : 0, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookOutLeft, { system: Z.y < 0 ? 0 : Z.y, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookInRight, { system: Z.y < 0 ? 0 : Z.y, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookOutRight, { system: Z.y < 0 ? -Z.y : 0, needsUpdate: !0 }), r && (n = -this.mtAvatar.bodyRotateY.value, i = 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: {
@@ -5193,7 +5208,7 @@ class Be {
         eyeLookOutRight: [null, 0],
         eyeContact: [0]
       }
-    })))), e > 2 * this.animFrameDur && (e = 2 * this.animFrameDur), (this.viewName !== "full" || this.isAvatarOnly) && (n = this.mtRandomized[Math.floor(Math.random() * this.mtRandomized.length)], i = this.mtAvatar[n], i.needsUpdate || Object.assign(i, { base: (this.mood.baseline[n] || 0) + (1 + l / 255) * Math.random() / 5, needsUpdate: !0 })), this.updatePoseBase(this.animClock), this.mixer && this.mixer.update(e / 1e3 * this.mixer.timeScale), this.updatePoseDelta(), (this.isSpeaking || this.isListening) && h ? l > this.volumeMax ? (this.volumeHeadBase = 0.05, Math.random() > 0.6 && (this.volumeHeadTarget = -0.05 - Math.random() / 15), this.volumeMax = l) : (this.volumeMax *= 0.92, this.volumeHeadTarget = this.volumeHeadBase - 0.9 * (this.volumeHeadBase - this.volumeHeadTarget)) : (this.volumeHeadTarget = 0, this.volumeMax = 0), n = this.volumeHeadTarget - this.volumeHeadCurrent, i = Math.abs(n), i > 1e-4 && (o = i * (this.volumeHeadEasing(Math.min(1, this.volumeHeadVelocity * e / 1e3 / i) / 2 + 0.5) - 0.5), this.volumeHeadCurrent += Math.sign(n) * Math.min(i, o)), Math.abs(this.volumeHeadCurrent) > 1e-4 && (J.setFromAxisAngle(mt, this.volumeHeadCurrent), this.objectNeck.quaternion.multiply(J)), We.setFromObject(this.armature), this.objectLeftToeBase.getWorldPosition(ve), ve.sub(this.armature.position), this.objectRightToeBase.getWorldPosition(Re), Re.sub(this.armature.position), this.objectHips.position.y -= We.min.y / 2, this.objectHips.position.x -= (ve.x + Re.x) / 4, this.objectHips.position.z -= (ve.z + Re.z) / 2, this.dynamicbones.update(e), this.fbxAnimationLoader && this.fbxAnimationLoader.update(), this.opt.update && this.opt.update(e), this.updateMorphTargets(e), this.isAvatarOnly)
+    })))), e > 2 * this.animFrameDur && (e = 2 * this.animFrameDur), (this.viewName !== "full" || this.isAvatarOnly) && (n = this.mtRandomized[Math.floor(Math.random() * this.mtRandomized.length)], i = this.mtAvatar[n], i.needsUpdate || Object.assign(i, { base: (this.mood.baseline[n] || 0) + (1 + l / 255) * Math.random() / 5, needsUpdate: !0 })), this.updatePoseBase(this.animClock), this.mixer && this.mixer.update(e / 1e3 * this.mixer.timeScale), this.updatePoseDelta(), (this.isSpeaking || this.isListening) && h ? l > this.volumeMax ? (this.volumeHeadBase = 0.05, Math.random() > 0.6 && (this.volumeHeadTarget = -0.05 - Math.random() / 15), this.volumeMax = l) : (this.volumeMax *= 0.92, this.volumeHeadTarget = this.volumeHeadBase - 0.9 * (this.volumeHeadBase - this.volumeHeadTarget)) : (this.volumeHeadTarget = 0, this.volumeMax = 0), n = this.volumeHeadTarget - this.volumeHeadCurrent, i = Math.abs(n), i > 1e-4 && (o = i * (this.volumeHeadEasing(Math.min(1, this.volumeHeadVelocity * e / 1e3 / i) / 2 + 0.5) - 0.5), this.volumeHeadCurrent += Math.sign(n) * Math.min(i, o)), Math.abs(this.volumeHeadCurrent) > 1e-4 && ($.setFromAxisAngle(mt, this.volumeHeadCurrent), this.objectNeck.quaternion.multiply($)), We.setFromObject(this.armature), this.objectLeftToeBase.getWorldPosition(ve), ve.sub(this.armature.position), this.objectRightToeBase.getWorldPosition(Re), Re.sub(this.armature.position), this.objectHips.position.y -= We.min.y / 2, this.objectHips.position.x -= (ve.x + Re.x) / 4, this.objectHips.position.z -= (ve.z + Re.z) / 2, this.dynamicbones.update(e), this.fbxAnimationLoader && this.fbxAnimationLoader.update(), this.opt.update && this.opt.update(e), this.updateMorphTargets(e), this.isAvatarOnly)
       this.stats && this.stats.end();
     else {
       if (this.cameraClock !== null && this.cameraClock < 1e3) {
@@ -5264,10 +5279,10 @@ class Be {
     let u = "", a = "", d = 0, c = [], g = [];
     const x = Array.from(this.segmenter.segment(t), (f) => f.segment);
     for (let f = 0; f < x.length; f++) {
-      const k = f === x.length - 1, N = x[f].match(l);
+      const k = f === x.length - 1, D = x[f].match(l);
       let p = x[f].match(s);
-      const B = x[f].match(h), H = x[f].match(o);
-      if (p && !k && !B && x[f + 1].match(s) && (p = !1), n && (u += x[f]), N && (!i || i.every((R) => f < R[0] || f > R[1])) && (a += x[f]), (H || p || k) && (a.length && (a = this.lipsyncPreProcessText(a, r), a.length && c.push({
+      const B = x[f].match(h), T = x[f].match(o);
+      if (p && !k && !B && x[f + 1].match(s) && (p = !1), n && (u += x[f]), D && (!i || i.every((R) => f < R[0] || f > R[1])) && (a += x[f]), (T || p || k) && (a.length && (a = this.lipsyncPreProcessText(a, r), a.length && c.push({
         mark: d,
         word: a
       })), u.length && (g.push({
@@ -5398,10 +5413,10 @@ class Be {
             let x = 0.6 + this.convertRange(g, [0, u], [0, 0.4]);
             if (u = Math.min(u, d.visemes.length * 200), c > 0)
               for (let f = 0; f < d.visemes.length; f++) {
-                const k = r + d.times[f] / c * u, N = d.durations[f] / c * u;
+                const k = r + d.times[f] / c * u, D = d.durations[f] / c * u;
                 o.push({
                   template: { name: "viseme" },
-                  ts: [k - Math.min(60, 2 * N / 3), k + Math.min(25, N / 2), k + N + Math.min(60, N / 2)],
+                  ts: [k - Math.min(60, 2 * D / 3), k + Math.min(25, D / 2), k + D + Math.min(60, D / 2)],
                   vs: {
                     ["viseme_" + d.visemes[f]]: [null, d.visemes[f] === "PP" || d.visemes[f] === "FF" ? 0.9 : x, 0]
                   }
@@ -5499,18 +5514,18 @@ class Be {
       if (f && f.visemes && f.visemes.length > 0) {
         const p = f.times[f.visemes.length - 1] + f.durations[f.visemes.length - 1];
         for (let B = 0; B < f.visemes.length; B++) {
-          const H = f.visemes[B], R = f.times[B] / p, L = f.durations[B] / p, I = R * d, z = L * d;
+          const T = f.visemes[B], R = f.times[B] / p, L = f.durations[B] / p, I = R * d, z = L * d;
           k.push({
             template: { name: "viseme" },
             ts: [I - Math.min(60, 2 * z / 3), I + Math.min(25, z / 2), I + z + Math.min(60, z / 2)],
             vs: {
-              ["viseme_" + H]: [null, H === "PP" || H === "FF" ? 0.9 : 0.6, 0]
+              ["viseme_" + T]: [null, T === "PP" || T === "FF" ? 0.9 : 0.6, 0]
             }
           });
         }
       }
-      const N = [...t.anim, ...k];
-      this.audioPlaylist.push({ anim: N, audio: c }), this.onSubtitles = t.onSubtitles || null, this.resetLips(), t.mood && this.setMood(t.mood), this.playAudio(), s.onend = () => {
+      const D = [...t.anim, ...k];
+      this.audioPlaylist.push({ anim: D, audio: c }), 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), n(p.error);
@@ -6159,12 +6174,12 @@ class Be {
       this.lookAt(null, null, t);
       return;
     }
-    this.objectLeftEye.updateMatrixWorld(!0), this.objectRightEye.updateMatrixWorld(!0), ve.setFromMatrixPosition(this.objectLeftEye.matrixWorld), Re.setFromMatrixPosition(this.objectRightEye.matrixWorld), ve.add(Re).divideScalar(2), J.copy(this.armature.quaternion), J.multiply(this.poseTarget.props["Hips.quaternion"]), J.multiply(this.poseTarget.props["Spine.quaternion"]), J.multiply(this.poseTarget.props["Spine1.quaternion"]), J.multiply(this.poseTarget.props["Spine2.quaternion"]), J.multiply(this.poseTarget.props["Neck.quaternion"]), J.multiply(this.poseTarget.props["Head.quaternion"]);
+    this.objectLeftEye.updateMatrixWorld(!0), this.objectRightEye.updateMatrixWorld(!0), ve.setFromMatrixPosition(this.objectLeftEye.matrixWorld), Re.setFromMatrixPosition(this.objectRightEye.matrixWorld), ve.add(Re).divideScalar(2), $.copy(this.armature.quaternion), $.multiply(this.poseTarget.props["Hips.quaternion"]), $.multiply(this.poseTarget.props["Spine.quaternion"]), $.multiply(this.poseTarget.props["Spine1.quaternion"]), $.multiply(this.poseTarget.props["Spine2.quaternion"]), $.multiply(this.poseTarget.props["Neck.quaternion"]), $.multiply(this.poseTarget.props["Head.quaternion"]);
     const n = new y.Vector3().subVectors(e, ve).normalize(), i = Math.atan2(n.x, n.z), s = Math.asin(-n.y);
-    G.set(s, i, 0, "YXZ");
-    const l = new y.Quaternion().setFromEuler(G), h = new y.Quaternion().copy(l).multiply(J.clone().invert());
-    G.setFromQuaternion(h, "YXZ");
-    let r = G.x / (40 / 24) + 0.2, u = G.y / (9 / 4), a = Math.min(0.6, Math.max(-0.3, r)), d = Math.min(0.8, Math.max(-0.8, u)), c = (Math.random() - 0.5) / 4, g = (Math.random() - 0.5) / 4;
+    Z.set(s, i, 0, "YXZ");
+    const l = new y.Quaternion().setFromEuler(Z), h = new y.Quaternion().copy(l).multiply($.clone().invert());
+    Z.setFromQuaternion(h, "YXZ");
+    let r = Z.x / (40 / 24) + 0.2, u = Z.y / (9 / 4), a = Math.min(0.6, Math.max(-0.3, r)), d = Math.min(0.8, Math.max(-0.8, u)), c = (Math.random() - 0.5) / 4, g = (Math.random() - 0.5) / 4;
     if (t) {
       let x = this.animQueue.findIndex((k) => k.template.name === "lookat");
       x !== -1 && this.animQueue.splice(x, 1);
@@ -6199,20 +6214,20 @@ class Be {
     const s = new y.Vector3().setFromMatrixPosition(this.objectLeftEye.matrixWorld), o = new y.Vector3().setFromMatrixPosition(this.objectRightEye.matrixWorld), l = new y.Vector3().addVectors(s, o).divideScalar(2);
     l.project(this.camera);
     let h = (l.x + 1) / 2 * i.width + i.left, r = -(l.y - 1) / 2 * i.height + i.top;
-    t === null && (t = h), e === null && (e = r), J.copy(this.armature.quaternion), J.multiply(this.poseTarget.props["Hips.quaternion"]), J.multiply(this.poseTarget.props["Spine.quaternion"]), J.multiply(this.poseTarget.props["Spine1.quaternion"]), J.multiply(this.poseTarget.props["Spine2.quaternion"]), J.multiply(this.poseTarget.props["Neck.quaternion"]), J.multiply(this.poseTarget.props["Head.quaternion"]), G.setFromQuaternion(J);
-    let u = G.x / (40 / 24), a = G.y / (9 / 4), d = Math.min(0.4, Math.max(-0.4, this.camera.rotation.x)), c = Math.min(0.4, Math.max(-0.4, this.camera.rotation.y)), g = Math.max(window.innerWidth - h, h), x = Math.max(window.innerHeight - r, r), f = this.convertRange(e, [r - x, r + x], [-0.3, 0.6]) - u + d, k = this.convertRange(t, [h - g, h + g], [-0.8, 0.8]) - a + c;
+    t === null && (t = h), e === null && (e = r), $.copy(this.armature.quaternion), $.multiply(this.poseTarget.props["Hips.quaternion"]), $.multiply(this.poseTarget.props["Spine.quaternion"]), $.multiply(this.poseTarget.props["Spine1.quaternion"]), $.multiply(this.poseTarget.props["Spine2.quaternion"]), $.multiply(this.poseTarget.props["Neck.quaternion"]), $.multiply(this.poseTarget.props["Head.quaternion"]), Z.setFromQuaternion($);
+    let u = Z.x / (40 / 24), a = Z.y / (9 / 4), d = Math.min(0.4, Math.max(-0.4, this.camera.rotation.x)), c = Math.min(0.4, Math.max(-0.4, this.camera.rotation.y)), g = Math.max(window.innerWidth - h, h), x = Math.max(window.innerHeight - r, r), f = this.convertRange(e, [r - x, r + x], [-0.3, 0.6]) - u + d, k = this.convertRange(t, [h - g, h + g], [-0.8, 0.8]) - a + c;
     f = Math.min(0.6, Math.max(-0.3, f)), k = Math.min(0.8, Math.max(-0.8, k));
-    let N = (Math.random() - 0.5) / 4, p = (Math.random() - 0.5) / 4;
+    let D = (Math.random() - 0.5) / 4, p = (Math.random() - 0.5) / 4;
     if (n) {
       let B = this.animQueue.findIndex((R) => R.template.name === "lookat");
       B !== -1 && this.animQueue.splice(B, 1);
-      const H = {
+      const T = {
         name: "lookat",
         dt: [750, n],
         vs: {
-          bodyRotateX: [f + N],
+          bodyRotateX: [f + D],
           bodyRotateY: [k + p],
-          eyesRotateX: [-3 * N + 0.1],
+          eyesRotateX: [-3 * D + 0.1],
           eyesRotateY: [-5 * p],
           browInnerUp: [[0, 0.7]],
           mouthLeft: [[0, 0.7]],
@@ -6221,7 +6236,7 @@ class Be {
           headMove: [0]
         }
       };
-      this.animQueue.push(this.animFactory(H));
+      this.animQueue.push(this.animFactory(T));
     }
   }
   /**
@@ -6535,16 +6550,16 @@ class Be {
         }), console.log("=== Ready Player Me Animation Bone Analysis ==="), console.log("FBX bone names:", Array.from(f).sort().join(", ")), console.log("Avatar skeleton bone names:", Array.from(c).sort().join(", "));
         const k = Array.from(f).filter(
           (L) => L.toLowerCase().includes("arm") || L.toLowerCase().includes("hand") || L.toLowerCase().includes("shoulder")
-        ), N = Array.from(c).filter(
+        ), D = Array.from(c).filter(
           (L) => L.includes("Arm") || L.includes("Hand") || L.includes("Shoulder")
         );
-        console.log("FBX arm/hand/shoulder bones:", k.sort().join(", ")), console.log("Avatar arm/hand/shoulder bones:", N.sort().join(", "));
+        console.log("FBX arm/hand/shoulder bones:", k.sort().join(", ")), console.log("Avatar arm/hand/shoulder bones:", D.sort().join(", "));
         const p = [], B = /* @__PURE__ */ new Set();
         if (d.tracks.forEach((L) => {
           const z = L.name.replaceAll("mixamorig", "").split("."), Y = z[0], S = z[1], E = x(Y);
           if (E && S) {
-            const X = `${E}.${S}`, Z = L.clone();
-            Z.name = X, p.push(Z), Y !== E && g.set(Y, E);
+            const j = `${E}.${S}`, X = L.clone();
+            X.name = j, p.push(X), Y !== E && g.set(Y, E);
           } else
             B.add(Y), (Y.toLowerCase().includes("arm") || Y.toLowerCase().includes("hand") || Y.toLowerCase().includes("shoulder")) && console.warn(`⚠️ Arm bone "${Y}" could not be mapped to avatar skeleton`);
         }), B.size > 0 && console.warn(`⚠️ ${B.size} bone(s) could not be mapped:`, Array.from(B).sort().join(", ")), p.length > 0) {
@@ -6558,18 +6573,18 @@ class Be {
           L.length > 0 ? console.log(`✓ Arm bones mapped: ${L.join(", ")}`) : console.warn("⚠️ No arm bones were mapped! This may cause arm rigging issues.");
         } else
           console.error("❌ No tracks could be mapped! Animation may not work correctly.");
-        const H = {};
+        const T = {};
         d.tracks.forEach((L) => {
           L.name = L.name.replaceAll("mixamorig", "");
           const I = L.name.split(".");
           if (I[1] === "position") {
             for (let z = 0; z < L.values.length; z++)
               L.values[z] = L.values[z] * s;
-            H[L.name] = new y.Vector3(L.values[0], L.values[1], L.values[2]);
-          } else I[1] === "quaternion" ? H[L.name] = new y.Quaternion(L.values[0], L.values[1], L.values[2], L.values[3]) : I[1] === "rotation" && (H[I[0] + ".quaternion"] = new y.Quaternion().setFromEuler(new y.Euler(L.values[0], L.values[1], L.values[2], "XYZ")).normalize());
+            T[L.name] = new y.Vector3(L.values[0], L.values[1], L.values[2]);
+          } else I[1] === "quaternion" ? T[L.name] = new y.Quaternion(L.values[0], L.values[1], L.values[2], L.values[3]) : I[1] === "rotation" && (T[I[0] + ".quaternion"] = new y.Quaternion().setFromEuler(new y.Euler(L.values[0], L.values[1], L.values[2], "XYZ")).normalize());
         });
-        const R = { props: H };
-        H["Hips.position"] && (H["Hips.position"].y < 0.5 ? R.lying = !0 : R.standing = !0), this.animClips.push({
+        const R = { props: T };
+        T["Hips.position"] && (T["Hips.position"].y < 0.5 ? R.lying = !0 : R.standing = !0), this.animClips.push({
           url: t + "-" + i,
           clip: d,
           pose: R
@@ -6707,12 +6722,12 @@ class Be {
     const f = t.iterations || 10;
     if (e)
       for (let k = 0; k < f; k++) {
-        let N = !1;
+        let D = !1;
         for (let p = 0, B = x.length; p < B; p++) {
-          const H = x[p].bone;
-          H.matrixWorld.decompose(h, r, u), r.invert(), o.setFromMatrixPosition(g.matrixWorld), l.subVectors(o, h), l.applyQuaternion(r), l.normalize(), s.subVectors(e, h), s.applyQuaternion(r), s.normalize();
+          const T = x[p].bone;
+          T.matrixWorld.decompose(h, r, u), r.invert(), o.setFromMatrixPosition(g.matrixWorld), l.subVectors(o, h), l.applyQuaternion(r), l.normalize(), s.subVectors(e, h), s.applyQuaternion(r), s.normalize();
           let R = s.dot(l);
-          R > 1 ? R = 1 : R < -1 && (R = -1), R = Math.acos(R), !(R < 1e-5) && (x[p].minAngle !== void 0 && R < x[p].minAngle && (R = x[p].minAngle), x[p].maxAngle !== void 0 && R > x[p].maxAngle && (R = x[p].maxAngle), a.crossVectors(l, s), a.normalize(), J.setFromAxisAngle(a, R), H.quaternion.multiply(J), H.rotation.setFromVector3(d.setFromEuler(H.rotation).clamp(new y.Vector3(
+          R > 1 ? R = 1 : R < -1 && (R = -1), R = Math.acos(R), !(R < 1e-5) && (x[p].minAngle !== void 0 && R < x[p].minAngle && (R = x[p].minAngle), x[p].maxAngle !== void 0 && R > x[p].maxAngle && (R = x[p].maxAngle), a.crossVectors(l, s), a.normalize(), $.setFromAxisAngle(a, R), T.quaternion.multiply($), T.rotation.setFromVector3(d.setFromEuler(T.rotation).clamp(new y.Vector3(
             x[p].minx !== void 0 ? x[p].minx : -1 / 0,
             x[p].miny !== void 0 ? x[p].miny : -1 / 0,
             x[p].minz !== void 0 ? x[p].minz : -1 / 0
@@ -6720,9 +6735,9 @@ class Be {
             x[p].maxx !== void 0 ? x[p].maxx : 1 / 0,
             x[p].maxy !== void 0 ? x[p].maxy : 1 / 0,
             x[p].maxz !== void 0 ? x[p].maxz : 1 / 0
-          ))), H.updateMatrixWorld(!0), N = !0);
+          ))), T.updateMatrixWorld(!0), D = !0);
         }
-        if (!N) break;
+        if (!D) break;
       }
     i && x.forEach((k) => {
       this.poseTarget.props[k.link + ".quaternion"].copy(k.bone.quaternion), this.poseTarget.props[k.link + ".quaternion"].t = this.animClock, this.poseTarget.props[k.link + ".quaternion"].d = i;
@@ -6815,70 +6830,70 @@ const Ve = Me(({
   style: x = {},
   animations: f = {}
 }, k) => {
-  const N = W(null), p = W(null), B = W(r), H = W(null), R = W(null), L = W(!1), I = W({ remainingText: null, originalText: null, options: null }), z = W([]), Y = W(0), [S, E] = pe(!0), [X, Z] = pe(null), [oe, le] = pe(!1), [ge, de] = pe(!1);
+  const D = W(null), p = W(null), B = W(r), T = W(null), R = W(null), L = W(!1), I = W({ remainingText: null, originalText: null, options: null }), z = W([]), Y = W(0), [S, E] = pe(!0), [j, X] = pe(null), [oe, le] = pe(!1), [ge, de] = pe(!1);
   ce(() => {
     L.current = ge;
   }, [ge]), ce(() => {
     B.current = r;
   }, [r]);
-  const $ = Ee(), be = i || $.service;
-  let j;
-  be === "browser" ? j = {
+  const ee = Ee(), be = i || ee.service;
+  let Q;
+  be === "browser" ? Q = {
     service: "browser",
     endpoint: "",
     apiKey: null,
     defaultVoice: "Google US English"
-  } : be === "elevenlabs" ? j = {
+  } : be === "elevenlabs" ? Q = {
     service: "elevenlabs",
     endpoint: "https://api.elevenlabs.io/v1/text-to-speech",
-    apiKey: o || $.apiKey,
-    defaultVoice: s || $.defaultVoice || Ie.defaultVoice,
-    voices: $.voices || Ie.voices
-  } : be === "deepgram" ? j = {
+    apiKey: o || ee.apiKey,
+    defaultVoice: s || ee.defaultVoice || Ie.defaultVoice,
+    voices: ee.voices || Ie.voices
+  } : be === "deepgram" ? Q = {
     service: "deepgram",
     endpoint: "https://api.deepgram.com/v1/speak",
-    apiKey: o || $.apiKey,
-    defaultVoice: s || $.defaultVoice || Te.defaultVoice,
-    voices: $.voices || Te.voices
-  } : j = {
-    ...$,
+    apiKey: o || ee.apiKey,
+    defaultVoice: s || ee.defaultVoice || Te.defaultVoice,
+    voices: ee.voices || Te.voices
+  } : Q = {
+    ...ee,
     // Override API key if provided via props
-    apiKey: o !== null ? o : $.apiKey
+    apiKey: o !== null ? o : ee.apiKey
   };
   const b = {
     url: V,
     body: t,
     avatarMood: e,
     ttsLang: be === "browser" ? "en-US" : n,
-    ttsVoice: s || j.defaultVoice,
+    ttsVoice: s || Q.defaultVoice,
     lipsyncLang: "en",
     showFullAvatar: r,
     bodyMovement: l,
     movementIntensity: h
   }, v = {
-    ttsEndpoint: j.endpoint,
-    ttsApikey: j.apiKey,
+    ttsEndpoint: Q.endpoint,
+    ttsApikey: Q.apiKey,
     ttsService: be,
     lipsyncModules: ["en"],
     cameraView: u
   }, F = O(async () => {
-    if (!(!N.current || p.current))
+    if (!(!D.current || p.current))
       try {
-        if (E(!0), Z(null), p.current = new Be(N.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), f && Object.keys(f).length > 0 && (p.current.customAnimations = f), await p.current.showAvatar(b, (_) => {
-          if (_.lengthComputable) {
-            const te = Math.min(100, Math.round(_.loaded / _.total * 100));
-            d(te);
+        if (E(!0), X(null), p.current = new Be(D.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), f && Object.keys(f).length > 0 && (p.current.customAnimations = f), await p.current.showAvatar(b, (K) => {
+          if (K.lengthComputable) {
+            const ne = Math.min(100, Math.round(K.loaded / K.total * 100));
+            d(ne);
           }
-        }), await new Promise((_) => {
-          const te = () => {
-            p.current.lipsync && Object.keys(p.current.lipsync).length > 0 ? _() : setTimeout(te, 100);
+        }), await new Promise((K) => {
+          const ne = () => {
+            p.current.lipsync && Object.keys(p.current.lipsync).length > 0 ? K() : setTimeout(ne, 100);
           };
-          te();
+          ne();
         }), p.current && p.current.setShowFullAvatar)
           try {
             p.current.setShowFullAvatar(r);
-          } catch (_) {
-            console.warn("Error setting full body mode on initialization:", _);
+          } catch (K) {
+            console.warn("Error setting full body mode on initialization:", K);
           }
         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()), E(!1), le(!0), a(p.current);
         const U = () => {
@@ -6888,18 +6903,18 @@ const Ve = Me(({
           document.removeEventListener("visibilitychange", U);
         };
       } catch (w) {
-        console.error("Error initializing TalkingHead:", w), Z(w.message || "Failed to initialize avatar"), E(!1), c(w);
+        console.error("Error initializing TalkingHead:", w), X(w.message || "Failed to initialize avatar"), E(!1), c(w);
       }
   }, [V, t, e, n, i, s, o, r, l, h, u]);
   ce(() => (F(), () => {
     p.current && (p.current.stop(), p.current.dispose(), p.current = null);
   }), [F]), ce(() => {
-    if (!N.current || !p.current) return;
-    const w = new ResizeObserver((_) => {
-      for (const te of _)
+    if (!D.current || !p.current) return;
+    const w = new ResizeObserver((K) => {
+      for (const ne of K)
         p.current && p.current.onResize && p.current.onResize();
     });
-    w.observe(N.current);
+    w.observe(D.current);
     const U = () => {
       p.current && p.current.onResize && p.current.onResize();
     };
@@ -6914,26 +6929,26 @@ const Ve = Me(({
       } catch (w) {
         console.warn("Failed to resume audio context:", w);
       }
-  }, []), D = O(async (w, U = {}) => {
+  }, []), N = O(async (w, U = {}) => {
     if (p.current && oe)
       try {
-        R.current && (clearInterval(R.current), R.current = null), H.current = { text: w, options: U }, I.current = { remainingText: null, originalText: null, options: null };
-        const _ = /[!\.\?\n\p{Extended_Pictographic}]/ug, te = w.split(_).map((A) => A.trim()).filter((A) => A.length > 0);
-        z.current = te, Y.current = 0, de(!1), L.current = !1, await P();
+        R.current && (clearInterval(R.current), R.current = null), T.current = { text: w, options: U }, I.current = { remainingText: null, originalText: null, options: null };
+        const K = /[!\.\?\n\p{Extended_Pictographic}]/ug, ne = w.split(K).map((A) => A.trim()).filter((A) => A.length > 0);
+        z.current = ne, Y.current = 0, de(!1), L.current = !1, await P();
         const me = {
           ...U,
           lipsyncLang: U.lipsyncLang || b.lipsyncLang || "en"
         };
         if (U.onSpeechEnd && p.current) {
           const A = p.current;
-          let T = null, K = 0;
-          const ne = 1200;
+          let H = null, G = 0;
+          const J = 1200;
           let ie = !1;
-          T = setInterval(() => {
-            if (K++, L.current)
+          H = setInterval(() => {
+            if (G++, L.current)
               return;
-            if (K > ne) {
-              if (T && (clearInterval(T), T = null, R.current = null), !ie && !L.current) {
+            if (G > J) {
+              if (H && (clearInterval(H), H = null, R.current = null), !ie && !L.current) {
                 ie = !0;
                 try {
                   U.onSpeechEnd();
@@ -6946,7 +6961,7 @@ const Ve = Me(({
             const se = !A.speechQueue || A.speechQueue.length === 0, we = !A.audioPlaylist || A.audioPlaylist.length === 0;
             A && A.isSpeaking === !1 && se && we && A.isAudioPlaying === !1 && !ie && !L.current && setTimeout(() => {
               if (A && !L.current && A.isSpeaking === !1 && (!A.speechQueue || A.speechQueue.length === 0) && (!A.audioPlaylist || A.audioPlaylist.length === 0) && A.isAudioPlaying === !1 && !ie && !L.current) {
-                ie = !0, T && (clearInterval(T), T = null, R.current = null);
+                ie = !0, H && (clearInterval(H), H = null, R.current = null);
                 try {
                   U.onSpeechEnd();
                 } catch (Ze) {
@@ -6954,59 +6969,59 @@ const Ve = Me(({
                 }
               }
             }, 100);
-          }, 100), R.current = T;
+          }, 100), R.current = H;
         }
         p.current.lipsync && Object.keys(p.current.lipsync).length > 0 ? (p.current.setSlowdownRate && p.current.setSlowdownRate(1.05), p.current.speakText(w, me)) : setTimeout(async () => {
           await P(), p.current && p.current.lipsync && (p.current.setSlowdownRate && p.current.setSlowdownRate(1.05), p.current.speakText(w, me));
         }, 100);
-      } catch (_) {
-        console.error("Error speaking text:", _), Z(_.message || "Failed to speak text");
+      } catch (K) {
+        console.error("Error speaking text:", K), X(K.message || "Failed to speak text");
       }
-  }, [oe, P, b.lipsyncLang]), ee = O(() => {
-    p.current && (p.current.stopSpeaking(), p.current.setSlowdownRate && p.current.setSlowdownRate(1), H.current = null, de(!1));
-  }, []), Q = O(() => {
+  }, [oe, P, b.lipsyncLang]), te = O(() => {
+    p.current && (p.current.stopSpeaking(), p.current.setSlowdownRate && p.current.setSlowdownRate(1), T.current = null, de(!1));
+  }, []), q = O(() => {
     if (p.current && p.current.pauseSpeaking) {
       const w = p.current;
       if (w.isSpeaking || w.audioPlaylist && w.audioPlaylist.length > 0 || w.speechQueue && w.speechQueue.length > 0) {
         R.current && (clearInterval(R.current), R.current = null);
-        let _ = "";
-        if (H.current && z.current.length > 0) {
-          const te = z.current.length, me = w.speechQueue ? w.speechQueue.filter((ne) => ne && ne.text && Array.isArray(ne.text) && ne.text.length > 0).length : 0, A = w.audioPlaylist && w.audioPlaylist.length > 0, T = me + (A ? 1 : 0), K = te - T;
-          if (T > 0 && K < te && (_ = z.current.slice(K).join(". ").trim(), !_ && me > 0 && w.speechQueue)) {
+        let K = "";
+        if (T.current && z.current.length > 0) {
+          const ne = z.current.length, me = w.speechQueue ? w.speechQueue.filter((J) => J && J.text && Array.isArray(J.text) && J.text.length > 0).length : 0, A = w.audioPlaylist && w.audioPlaylist.length > 0, H = me + (A ? 1 : 0), G = ne - H;
+          if (H > 0 && G < ne && (K = z.current.slice(G).join(". ").trim(), !K && me > 0 && w.speechQueue)) {
             const ie = w.speechQueue.filter((se) => se && se.text && Array.isArray(se.text) && se.text.length > 0).map((se) => se.text.map((we) => we.word || "").filter((we) => we.length > 0).join(" ")).filter((se) => se.length > 0).join(" ");
-            ie && ie.trim() && (_ = ie.trim());
+            ie && ie.trim() && (K = ie.trim());
           }
         }
-        H.current && (I.current = {
-          remainingText: _ || null,
-          originalText: H.current.text,
-          options: H.current.options
+        T.current && (I.current = {
+          remainingText: K || null,
+          originalText: T.current.text,
+          options: T.current.options
         }), w.speechQueue && (w.speechQueue.length = 0), p.current.pauseSpeaking(), L.current = !0, de(!0);
       }
     }
-  }, []), q = O(async () => {
+  }, []), _ = O(async () => {
     if (!p.current || !ge)
       return;
     let w = "", U = {};
     if (I.current && I.current.remainingText)
       w = I.current.remainingText, U = I.current.options || {}, I.current = { remainingText: null, originalText: null, options: null };
-    else if (H.current && H.current.text)
-      w = H.current.text, U = H.current.options || {};
+    else if (T.current && T.current.text)
+      w = T.current.text, U = T.current.options || {};
     else {
       console.warn("Resume called but no paused speech found"), de(!1), L.current = !1;
       return;
     }
     de(!1), L.current = !1, await P();
-    const _ = {
+    const K = {
       ...U,
       lipsyncLang: U.lipsyncLang || b.lipsyncLang || "en"
     };
     try {
-      await D(w, _);
-    } catch (te) {
-      console.error("Error resuming speech:", te), de(!1), L.current = !1;
+      await N(w, K);
+    } catch (ne) {
+      console.error("Error resuming speech:", ne), de(!1), L.current = !1;
     }
-  }, [P, ge, D, b]), Ae = O((w) => {
+  }, [P, ge, N, b]), Ae = O((w) => {
     p.current && p.current.setMood(w);
   }, []), Se = O((w) => {
     p.current && p.current.setSlowdownRate && p.current.setSlowdownRate(w);
@@ -7015,14 +7030,14 @@ const Ve = Me(({
       if (f && f[w] && (w = f[w]), p.current.setShowFullAvatar)
         try {
           p.current.setShowFullAvatar(B.current);
-        } catch (te) {
-          console.warn("Error setting full body mode:", te);
+        } catch (ne) {
+          console.warn("Error setting full body mode:", ne);
         }
       if (w.includes("."))
         try {
           p.current.playAnimation(w, null, 10, 0, 0.01, U);
-        } catch (te) {
-          console.warn(`Failed to play ${w}:`, te);
+        } catch (ne) {
+          console.warn(`Failed to play ${w}:`, ne);
           try {
             p.current.setBodyMovement("idle");
           } catch (me) {
@@ -7030,9 +7045,9 @@ const Ve = Me(({
           }
         }
       else {
-        const te = [".fbx", ".glb", ".gltf"];
+        const ne = [".fbx", ".glb", ".gltf"];
         let me = !1;
-        for (const A of te)
+        for (const A of ne)
           try {
             p.current.playAnimation(w + A, null, 10, 0, 0.01, U), me = !0;
             break;
@@ -7052,10 +7067,10 @@ const Ve = Me(({
     p.current && p.current.onResize && p.current.onResize();
   }, []);
   return Fe(k, () => ({
-    speakText: D,
-    stopSpeaking: ee,
-    pauseSpeaking: Q,
-    resumeSpeaking: q,
+    speakText: N,
+    stopSpeaking: te,
+    pauseSpeaking: q,
+    resumeSpeaking: _,
     resumeAudioContext: P,
     setMood: Ae,
     setTimingAdjustment: Se,
@@ -7135,7 +7150,7 @@ const Ve = Me(({
         /* @__PURE__ */ ye(
           "div",
           {
-            ref: N,
+            ref: D,
             className: "talking-head-viewer",
             style: {
               width: "100%",
@@ -7153,7 +7168,7 @@ const Ve = Me(({
           fontSize: "18px",
           zIndex: 10
         }, children: "Loading avatar..." }),
-        X && /* @__PURE__ */ ye("div", { className: "error-overlay", style: {
+        j && /* @__PURE__ */ ye("div", { className: "error-overlay", style: {
           position: "absolute",
           top: "50%",
           left: "50%",
@@ -7164,7 +7179,7 @@ const Ve = Me(({
           zIndex: 10,
           padding: "20px",
           borderRadius: "8px"
-        }, children: X })
+        }, children: j })
       ]
     }
   );
@@ -7182,7 +7197,7 @@ const pt = Me(({
   style: s = {},
   avatarConfig: o = {}
 }, l) => {
-  const h = W(null), r = W(null), [u, a] = pe(!0), [d, c] = pe(null), [g, x] = pe(!1), f = Ee(), k = o.ttsService || f.service, N = k === "browser" ? {
+  const h = W(null), r = W(null), [u, a] = pe(!0), [d, c] = pe(null), [g, x] = pe(!1), f = Ee(), k = o.ttsService || f.service, D = k === "browser" ? {
     endpoint: "",
     apiKey: null,
     defaultVoice: "Google US English"
@@ -7198,7 +7213,7 @@ const pt = Me(({
     body: "F",
     avatarMood: "neutral",
     ttsLang: k === "browser" ? "en-US" : "en",
-    ttsVoice: o.ttsVoice || N.defaultVoice,
+    ttsVoice: o.ttsVoice || D.defaultVoice,
     lipsyncLang: "en",
     // English lip-sync
     showFullAvatar: !0,
@@ -7207,35 +7222,35 @@ const pt = Me(({
     movementIntensity: 0.5,
     ...o
   }, B = {
-    ttsEndpoint: N.endpoint,
-    ttsApikey: N.apiKey,
+    ttsEndpoint: D.endpoint,
+    ttsApikey: D.apiKey,
     ttsService: k,
     lipsyncModules: ["en"],
     cameraView: "upper"
-  }, H = O(async () => {
+  }, T = O(async () => {
     if (!(!h.current || r.current))
       try {
-        if (a(!0), c(null), r.current = new Be(h.current, B), await r.current.showAvatar(p, (X) => {
-          if (X.lengthComputable) {
-            const Z = Math.min(100, Math.round(X.loaded / X.total * 100));
-            t(Z);
+        if (a(!0), c(null), r.current = new Be(h.current, B), await r.current.showAvatar(p, (j) => {
+          if (j.lengthComputable) {
+            const X = Math.min(100, Math.round(j.loaded / j.total * 100));
+            t(X);
           }
         }), r.current.morphs && r.current.morphs.length > 0) {
-          const X = r.current.morphs[0].morphTargetDictionary;
-          console.log("Available morph targets:", Object.keys(X));
-          const Z = Object.keys(X).filter((oe) => oe.startsWith("viseme_"));
-          console.log("Viseme morph targets found:", Z), Z.length === 0 && (console.warn("No viseme morph targets found! Lip-sync will not work properly."), console.log("Expected viseme targets: viseme_aa, viseme_E, viseme_I, viseme_O, viseme_U, viseme_PP, viseme_SS, viseme_TH, viseme_DD, viseme_FF, viseme_kk, viseme_nn, viseme_RR, viseme_CH, viseme_sil"));
+          const j = r.current.morphs[0].morphTargetDictionary;
+          console.log("Available morph targets:", Object.keys(j));
+          const X = Object.keys(j).filter((oe) => oe.startsWith("viseme_"));
+          console.log("Viseme morph targets found:", X), X.length === 0 && (console.warn("No viseme morph targets found! Lip-sync will not work properly."), console.log("Expected viseme targets: viseme_aa, viseme_E, viseme_I, viseme_O, viseme_U, viseme_PP, viseme_SS, viseme_TH, viseme_DD, viseme_FF, viseme_kk, viseme_nn, viseme_RR, viseme_CH, viseme_sil"));
         }
-        if (await new Promise((X) => {
-          const Z = () => {
-            r.current.lipsync && Object.keys(r.current.lipsync).length > 0 ? (console.log("Lip-sync modules loaded:", Object.keys(r.current.lipsync)), X()) : (console.log("Waiting for lip-sync modules to load..."), setTimeout(Z, 100));
+        if (await new Promise((j) => {
+          const X = () => {
+            r.current.lipsync && Object.keys(r.current.lipsync).length > 0 ? (console.log("Lip-sync modules loaded:", Object.keys(r.current.lipsync)), j()) : (console.log("Waiting for lip-sync modules to load..."), setTimeout(X, 100));
           };
-          Z();
+          X();
         }), r.current && r.current.setShowFullAvatar)
           try {
             r.current.setShowFullAvatar(!0), console.log("Avatar initialized in full body mode");
-          } catch (X) {
-            console.warn("Error setting full body mode on initialization:", X);
+          } catch (j) {
+            console.warn("Error setting full body mode on initialization:", j);
           }
         a(!1), x(!0), n(r.current);
         const E = () => {
@@ -7248,9 +7263,9 @@ const pt = Me(({
         console.error("Error initializing TalkingHead:", S), c(S.message || "Failed to initialize avatar"), a(!1), e(S);
       }
   }, []);
-  ce(() => (H(), () => {
+  ce(() => (T(), () => {
     r.current && (r.current.stop(), r.current.dispose(), r.current = null);
-  }), [H]);
+  }), [T]);
   const R = O((S) => {
     if (r.current && g)
       try {
@@ -7273,14 +7288,14 @@ const pt = Me(({
       if (r.current.setShowFullAvatar)
         try {
           r.current.setShowFullAvatar(!0);
-        } catch (Z) {
-          console.warn("Error setting full body mode:", Z);
+        } catch (X) {
+          console.warn("Error setting full body mode:", X);
         }
       if (S.includes("."))
         try {
           r.current.playAnimation(S, null, 10, 0, 0.01, E), console.log("Playing animation:", S);
-        } catch (Z) {
-          console.log(`Failed to play ${S}:`, Z);
+        } catch (X) {
+          console.log(`Failed to play ${S}:`, X);
           try {
             r.current.setBodyMovement("idle"), console.log("Fallback to idle animation");
           } catch (oe) {
@@ -7288,9 +7303,9 @@ const pt = Me(({
           }
         }
       else {
-        const Z = [".fbx", ".glb", ".gltf"];
+        const X = [".fbx", ".glb", ".gltf"];
         let oe = !1;
-        for (const le of Z)
+        for (const le of X)
           try {
             r.current.playAnimation(S + le, null, 10, 0, 0.01, E), console.log("Playing animation:", S + le), oe = !0;
             break;
@@ -7413,9 +7428,20 @@ const pt = Me(({
 pt.displayName = "TalkingHeadComponent";
 async function gt(V) {
   try {
-    return (await (await fetch(V)).json()).animations || {};
+    console.log(`📥 Loading animation manifest from: ${V}`);
+    const t = await fetch(V);
+    if (!t.ok)
+      throw new Error(`Failed to fetch manifest: ${t.status} ${t.statusText}`);
+    const e = await t.json();
+    console.log("📦 Raw manifest loaded:", e);
+    const n = e.animations || {};
+    return console.log("✅ Processed animations object:", n), n._genderSpecific && console.log("👥 Gender-specific structure detected:", {
+      male: Object.keys(n._genderSpecific.male || {}),
+      female: Object.keys(n._genderSpecific.female || {}),
+      shared: Object.keys(n._genderSpecific.shared || {})
+    }), n;
   } catch (t) {
-    return console.error("Failed to load animation manifest:", t), {};
+    return console.error("❌ Failed to load animation manifest:", t), {};
   }
 }
 const yt = Me(({
@@ -7441,84 +7467,86 @@ const yt = Me(({
   },
   className: f = "",
   style: k = {},
-  animations: N = {},
+  animations: D = {},
   autoAnimationGroup: p = null,
   // e.g., "talking" - will randomly select from this group when speaking
   autoIdleGroup: B = null,
   // e.g., "idle" - will randomly select from this group when idle
-  autoSpeak: H = !1
+  autoSpeak: T = !1
 }, R) => {
-  const L = W(null), I = W(null), z = W(u), Y = W(null), S = W(null), E = W(!1), X = W({ remainingText: null, originalText: null, options: null }), Z = W([]), [oe, le] = pe(!0), [ge, de] = pe(null), [$, be] = pe(!1), [j, b] = pe(!1), [v, F] = pe(N), P = W(null);
+  const L = W(null), I = W(null), z = W(u), Y = W(null), S = W(null), E = W(!1), j = W({ remainingText: null, originalText: null, options: null }), X = W([]), [oe, le] = pe(!0), [ge, de] = pe(null), [ee, be] = pe(!1), [Q, b] = pe(!1), [v, F] = pe(D), P = W(null);
   ce(() => {
-    E.current = j;
-  }, [j]), ce(() => {
+    E.current = Q;
+  }, [Q]), ce(() => {
     (async () => {
-      if (N.manifest)
+      if (D.manifest)
         try {
-          const T = await gt(N.manifest);
-          F(T), console.log("Loaded animations from manifest:", T), T._genderSpecific && console.log("Gender-specific animations detected:", {
-            male: Object.keys(T._genderSpecific.male || {}),
-            female: Object.keys(T._genderSpecific.female || {})
-          });
-        } catch (T) {
-          console.error("Failed to load animation manifest:", T), F(N);
+          console.log("🔄 Loading animations from manifest:", D.manifest);
+          const H = await gt(D.manifest);
+          F(H), console.log("✅ Animations loaded and set:", H), H._genderSpecific ? console.log("👥 Gender-specific animations detected:", {
+            male: Object.keys(H._genderSpecific.male || {}),
+            female: Object.keys(H._genderSpecific.female || {}),
+            shared: Object.keys(H._genderSpecific.shared || {})
+          }) : console.log("⚠️ No gender-specific animations found in manifest");
+        } catch (H) {
+          console.error("❌ Failed to load animation manifest:", H), F(D);
         }
       else
-        F(N);
+        console.log("📝 Using animations from props (no manifest):", D), F(D);
     })();
-  }, [N]), ce(() => {
+  }, [D]), ce(() => {
     z.current = u;
   }, [u]);
-  const D = Ee(), ee = s || D.service;
-  let Q;
-  ee === "browser" ? Q = {
+  const N = Ee(), te = s || N.service;
+  let q;
+  te === "browser" ? q = {
     service: "browser",
     endpoint: "",
     apiKey: null,
     defaultVoice: "Google US English"
-  } : ee === "elevenlabs" ? Q = {
+  } : te === "elevenlabs" ? q = {
     service: "elevenlabs",
     endpoint: "https://api.elevenlabs.io/v1/text-to-speech",
-    apiKey: l || D.apiKey,
-    defaultVoice: o || D.defaultVoice || Ie.defaultVoice,
-    voices: D.voices || Ie.voices
-  } : ee === "deepgram" ? Q = {
+    apiKey: l || N.apiKey,
+    defaultVoice: o || N.defaultVoice || Ie.defaultVoice,
+    voices: N.voices || Ie.voices
+  } : te === "deepgram" ? q = {
     service: "deepgram",
     endpoint: "https://api.deepgram.com/v1/speak",
-    apiKey: l || D.apiKey,
-    defaultVoice: o || D.defaultVoice || Te.defaultVoice,
-    voices: D.voices || Te.voices
-  } : Q = {
-    ...D,
-    apiKey: l !== null ? l : D.apiKey
+    apiKey: l || N.apiKey,
+    defaultVoice: o || N.defaultVoice || Te.defaultVoice,
+    voices: N.voices || Te.voices
+  } : q = {
+    ...N,
+    apiKey: l !== null ? l : N.apiKey
   };
-  const q = {
+  const _ = {
     url: t,
     body: e,
     avatarMood: n,
-    ttsLang: ee === "browser" ? "en-US" : i,
-    ttsVoice: o || Q.defaultVoice,
+    ttsLang: te === "browser" ? "en-US" : i,
+    ttsVoice: o || q.defaultVoice,
     lipsyncLang: "en",
     showFullAvatar: u,
     bodyMovement: h,
     movementIntensity: r
   }, Ae = {
-    ttsEndpoint: Q.endpoint,
-    ttsApikey: Q.apiKey,
-    ttsService: ee,
+    ttsEndpoint: q.endpoint,
+    ttsApikey: q.apiKey,
+    ttsService: te,
     lipsyncModules: ["en"],
     cameraView: a
   }, Se = O(async () => {
     if (!(!L.current || I.current))
       try {
         le(!0), de(null), I.current = new Be(L.current, Ae), console.log("Avatar config being passed:", {
-          url: q.url,
-          body: q.body,
-          avatarMood: q.avatarMood
-        }), await I.current.showAvatar(q, (T) => {
-          if (T.lengthComputable) {
-            const K = Math.min(100, Math.round(T.loaded / T.total * 100));
-            c(K);
+          url: _.url,
+          body: _.body,
+          avatarMood: _.avatarMood
+        }), await I.current.showAvatar(_, (H) => {
+          if (H.lengthComputable) {
+            const G = Math.min(100, Math.round(H.loaded / H.total * 100));
+            c(G);
           }
         }), I.current?.avatar && console.log("Avatar body after initialization:", I.current.avatar.body), le(!1), be(!0), d(I.current);
         const A = () => {
@@ -7543,29 +7571,40 @@ const yt = Me(({
         console.warn("Failed to resume audio context:", A);
       }
   }, []), ke = O((A) => {
-    if (!v || !v[A])
-      return null;
-    let T = v[A];
+    if (!v)
+      return console.warn("No animations loaded"), null;
+    let H = null;
     if (v._genderSpecific) {
-      const ne = (e?.toUpperCase() || "F") === "M" ? "male" : "female", ie = v._genderSpecific[ne];
-      ie && ie[A] ? (T = ie[A], console.log(`Using ${ne} animations for "${A}"`)) : v._genderSpecific.shared && v._genderSpecific.shared[A] && (T = v._genderSpecific.shared[A], console.log(`Using shared animations for "${A}"`));
+      const J = (e?.toUpperCase() || "F") === "M" ? "male" : "female", ie = v._genderSpecific[J];
+      ie && ie[A] ? (H = ie[A], console.log(`Using ${J} animations for "${A}":`, H)) : v._genderSpecific.shared && v._genderSpecific.shared[A] && (H = v._genderSpecific.shared[A], console.log(`Using shared animations for "${A}":`, H));
+    }
+    if (!H && v[A] && (H = v[A], console.log(`Using root-level animations for "${A}":`, H)), !H) {
+      if (console.warn(`Animation group "${A}" not found. Available groups:`, Object.keys(v).filter((G) => G !== "_genderSpecific")), v._genderSpecific) {
+        const J = (e?.toUpperCase() || "F") === "M" ? "male" : "female";
+        console.warn(`Gender-specific groups (${J}):`, Object.keys(v._genderSpecific[J] || {}));
+      }
+      return null;
     }
-    if (Array.isArray(T) && T.length > 0) {
-      const K = Math.floor(Math.random() * T.length);
-      return T[K];
+    if (Array.isArray(H) && H.length > 0) {
+      const G = Math.floor(Math.random() * H.length);
+      return H[G];
     }
-    return typeof T == "string" ? T : null;
-  }, [v, e]), w = O((A, T = !1) => {
-    const K = ke(A);
-    if (K && I.current)
+    return typeof H == "string" ? H : (console.warn(`Animation group "${A}" is not a valid format (expected array or string):`, H), null);
+  }, [v, e]), w = O((A, H = !1) => {
+    if (!I.current)
+      return console.warn("TalkingHead not initialized yet"), null;
+    const G = ke(A);
+    if (G)
       try {
-        return I.current.playAnimation(K, null, 10, 0, 0.01, T), console.log(`Playing random animation from "${A}" group:`, K), K;
-      } catch (ne) {
-        return console.warn(`Failed to play random animation from "${A}" group:`, ne), null;
+        return I.current.playAnimation(G, null, 10, 0, 0.01, H), console.log(`✅ Playing random animation from "${A}" group:`, G), G;
+      } catch (J) {
+        return console.error(`❌ Failed to play random animation from "${A}" group:`, J), null;
       }
+    else
+      console.warn(`⚠️ No animation found for group "${A}"`);
     return null;
-  }, [ke]), U = O(async (A, T = {}) => {
-    if (!I.current || !$) {
+  }, [ke]), U = O(async (A, H = {}) => {
+    if (!I.current || !ee) {
       console.warn("Avatar not ready for speaking");
       return;
     }
@@ -7574,14 +7613,14 @@ const yt = Me(({
       return;
     }
     await Le();
-    const K = T.animationGroup || p;
-    K && !T.skipAnimation && w(K), X.current = { remainingText: null, originalText: null, options: null }, Z.current = [], Y.current = { text: A, options: T }, S.current && (clearInterval(S.current), S.current = null), b(!1), E.current = !1;
-    const ne = A.split(/[.!?]+/).filter((se) => se.trim().length > 0);
-    Z.current = ne;
+    const G = H.animationGroup || p;
+    G && !H.skipAnimation ? (console.log(`🎬 Attempting to play animation from group: "${G}"`), console.log(`📊 Current avatarBody: "${e}", loadedAnimations:`, v), w(G)) : console.log(`⏭️ Skipping animation (group: ${G}, skipAnimation: ${H.skipAnimation})`), j.current = { remainingText: null, originalText: null, options: null }, X.current = [], Y.current = { text: A, options: H }, S.current && (clearInterval(S.current), S.current = null), b(!1), E.current = !1;
+    const J = A.split(/[.!?]+/).filter((se) => se.trim().length > 0);
+    X.current = J;
     const ie = {
-      lipsyncLang: T.lipsyncLang || "en",
+      lipsyncLang: H.lipsyncLang || "en",
       onSpeechEnd: () => {
-        S.current && (clearInterval(S.current), S.current = null), T.onSpeechEnd && T.onSpeechEnd(), x();
+        S.current && (clearInterval(S.current), S.current = null), H.onSpeechEnd && H.onSpeechEnd(), x();
       }
     };
     try {
@@ -7589,9 +7628,9 @@ const yt = Me(({
     } catch (se) {
       console.error("Error speaking text:", se), de(se.message || "Failed to speak text");
     }
-  }, [$, x, Le, p, w]);
+  }, [ee, x, Le, p, w]);
   ce(() => {
-    if (!$ || !B || !I.current)
+    if (!ee || !B || !I.current)
       return;
     P.current && clearInterval(P.current);
     const A = () => {
@@ -7602,18 +7641,18 @@ const yt = Me(({
     }, 12e3 + Math.random() * 3e3), () => {
       P.current && (clearInterval(P.current), P.current = null);
     };
-  }, [$, B, w]), ce(() => {
-    $ && V && H && I.current && U(V);
-  }, [$, V, H, U]);
-  const _ = O(() => {
+  }, [ee, B, w]), ce(() => {
+    ee && V && T && I.current && U(V);
+  }, [ee, V, T, U]);
+  const K = O(() => {
     if (I.current)
       try {
-        const A = I.current.isSpeaking || !1, T = I.current.audioPlaylist || [], K = I.current.speechQueue || [];
-        if (A || T.length > 0 || K.length > 0) {
+        const A = I.current.isSpeaking || !1, H = I.current.audioPlaylist || [], G = I.current.speechQueue || [];
+        if (A || H.length > 0 || G.length > 0) {
           S.current && (clearInterval(S.current), S.current = null);
-          let ne = "";
-          K.length > 0 && (ne = K.map((ie) => ie.text && Array.isArray(ie.text) ? ie.text.map((se) => se.word).join(" ") : ie.text || "").join(" ")), X.current = {
-            remainingText: ne || null,
+          let J = "";
+          G.length > 0 && (J = G.map((ie) => ie.text && Array.isArray(ie.text) ? ie.text.map((se) => se.word).join(" ") : ie.text || "").join(" ")), j.current = {
+            remainingText: J || null,
             originalText: Y.current?.text || null,
             options: Y.current?.options || null
           }, I.current.speechQueue.length = 0, I.current.pauseSpeaking(), b(!0), E.current = !0;
@@ -7621,40 +7660,40 @@ const yt = Me(({
       } catch (A) {
         console.warn("Error pausing speech:", A);
       }
-  }, []), te = O(async () => {
-    if (!(!I.current || !j))
+  }, []), ne = O(async () => {
+    if (!(!I.current || !Q))
       try {
         await Le(), b(!1), E.current = !1;
-        const A = X.current?.remainingText, T = X.current?.originalText || Y.current?.text, K = X.current?.options || Y.current?.options || {}, ne = A || T;
-        ne && U(ne, K);
+        const A = j.current?.remainingText, H = j.current?.originalText || Y.current?.text, G = j.current?.options || Y.current?.options || {}, J = A || H;
+        J && U(J, G);
       } catch (A) {
         console.warn("Error resuming speech:", A), b(!1), E.current = !1;
       }
-  }, [j, U, Le]), me = O(() => {
+  }, [Q, U, Le]), me = O(() => {
     I.current && (I.current.stopSpeaking(), S.current && (clearInterval(S.current), S.current = null), b(!1), E.current = !1);
   }, []);
   return Fe(R, () => ({
     speakText: U,
-    pauseSpeaking: _,
-    resumeSpeaking: te,
+    pauseSpeaking: K,
+    resumeSpeaking: ne,
     stopSpeaking: me,
     resumeAudioContext: Le,
-    isPaused: () => j,
+    isPaused: () => Q,
     setMood: (A) => I.current?.setMood(A),
     setBodyMovement: (A) => {
       I.current && I.current.setBodyMovement(A);
     },
-    playAnimation: (A, T = !1) => {
-      I.current && I.current.playAnimation && I.current.playAnimation(A, null, 10, 0, 0.01, T);
+    playAnimation: (A, H = !1) => {
+      I.current && I.current.playAnimation && I.current.playAnimation(A, null, 10, 0, 0.01, H);
     },
-    playRandomAnimation: (A, T = !1) => w(A, T),
+    playRandomAnimation: (A, H = !1) => w(A, H),
     getRandomAnimation: (A) => ke(A),
     playReaction: (A) => I.current?.playReaction(A),
     playCelebration: () => I.current?.playCelebration(),
     setShowFullAvatar: (A) => {
       I.current && (z.current = A, I.current.setShowFullAvatar(A));
     },
-    isReady: $,
+    isReady: ee,
     talkingHead: I.current
   })), /* @__PURE__ */ Pe("div", { className: `simple-talking-avatar-container ${f}`, style: k, children: [
     /* @__PURE__ */ ye(
@@ -7725,12 +7764,12 @@ const ft = Me(({
     onQuestionAnswer: s,
     onCurriculumComplete: o,
     onCustomAction: l
-  }), c = W(null), g = W(null), x = W(null), f = W(null), k = W(null), N = W(null), p = W(null), B = W(V?.curriculum || {
+  }), c = W(null), g = W(null), x = W(null), f = W(null), k = W(null), D = W(null), p = W(null), B = W(V?.curriculum || {
     title: "Default Curriculum",
     description: "No curriculum data provided",
     language: "en",
     modules: []
-  }), H = W({
+  }), T = W({
     avatarUrl: t.avatarUrl || "/avatars/brunette.glb",
     avatarBody: t.avatarBody || "F",
     mood: t.mood || "happy",
@@ -7758,7 +7797,7 @@ const ft = Me(({
       description: "No curriculum data provided",
       language: "en",
       modules: []
-    }, H.current = {
+    }, T.current = {
       avatarUrl: t.avatarUrl || "/avatars/brunette.glb",
       avatarBody: t.avatarBody || "F",
       mood: t.mood || "happy",
@@ -7797,9 +7836,9 @@ const ft = Me(({
         } catch {
           u.current.playCelebration();
         }
-      const F = B.current || { modules: [] }, P = F.modules[a.current.currentModuleIndex], D = a.current.currentLessonIndex < (P?.lessons?.length || 0) - 1, ee = a.current.currentModuleIndex < (F.modules?.length || 0) - 1, Q = D || ee, q = H.current || { lipsyncLang: "en" };
+      const F = B.current || { modules: [] }, P = F.modules[a.current.currentModuleIndex], N = a.current.currentLessonIndex < (P?.lessons?.length || 0) - 1, te = a.current.currentModuleIndex < (F.modules?.length || 0) - 1, q = N || te, _ = T.current || { lipsyncLang: "en" };
       u.current.speakText(v, {
-        lipsyncLang: q.lipsyncLang,
+        lipsyncLang: _.lipsyncLang,
         onSpeechEnd: () => {
           d.current.onCustomAction({
             type: "lessonCompleteFeedbackDone",
@@ -7808,7 +7847,7 @@ const ft = Me(({
             score: a.current.score,
             totalQuestions: a.current.totalQuestions,
             percentage: b,
-            hasNextLesson: Q
+            hasNextLesson: q
           });
         }
       });
@@ -7826,7 +7865,7 @@ const ft = Me(({
         } catch {
           u.current.playCelebration();
         }
-      const v = H.current || { lipsyncLang: "en" };
+      const v = T.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: v.lipsyncLang });
     }
   }, [e.curriculumComplete]), S = O(() => {
@@ -7847,16 +7886,16 @@ const ft = Me(({
       if (u.current.setMood("happy"), e.questionStart)
         try {
           u.current.playAnimation(e.questionStart, !0);
-        } catch (D) {
-          console.warn("Failed to play questionStart animation:", D);
+        } catch (N) {
+          console.warn("Failed to play questionStart animation:", N);
         }
-      const P = H.current || { lipsyncLang: "en" };
+      const P = T.current || { lipsyncLang: "en" };
       v.type === "code_test" ? u.current.speakText(`Let's test your coding skills! Here's your first challenge: ${v.question}`, { lipsyncLang: P.lipsyncLang }) : v.type === "multiple_choice" ? u.current.speakText(`Now let me ask you some questions. Here's the first one: ${v.question}`, { lipsyncLang: P.lipsyncLang }) : v.type === "true_false" ? u.current.speakText(`Let's start with some true or false questions. First question: ${v.question}`, { lipsyncLang: P.lipsyncLang }) : u.current.speakText(`Now let me ask you some questions. Here's the first one: ${v.question}`, { lipsyncLang: P.lipsyncLang });
     };
     if (u.current && u.current.isReady && v)
       F();
     else if (u.current && u.current.isReady) {
-      const P = H.current || { lipsyncLang: "en" };
+      const P = T.current || { lipsyncLang: "en" };
       u.current.speakText("Now let me ask you some questions to test your understanding.", { lipsyncLang: P.lipsyncLang });
     } else {
       const P = setInterval(() => {
@@ -7885,28 +7924,28 @@ const ft = Me(({
         if (u.current.setMood("happy"), u.current.setBodyMovement("idle"), e.nextQuestion)
           try {
             u.current.playAnimation(e.nextQuestion, !0);
-          } catch (q) {
-            console.warn("Failed to play nextQuestion animation:", q);
+          } catch (_) {
+            console.warn("Failed to play nextQuestion animation:", _);
           }
-        const P = H.current || { lipsyncLang: "en" }, ee = R()?.questions?.length || 0, Q = a.current.currentQuestionIndex >= ee - 1;
+        const P = T.current || { lipsyncLang: "en" }, te = R()?.questions?.length || 0, q = a.current.currentQuestionIndex >= te - 1;
         if (v.type === "code_test") {
-          const q = Q ? `Great! Here's your final coding challenge: ${v.question}` : `Great! Now let's move on to your next coding challenge: ${v.question}`;
-          u.current.speakText(q, {
+          const _ = q ? `Great! Here's your final coding challenge: ${v.question}` : `Great! Now let's move on to your next coding challenge: ${v.question}`;
+          u.current.speakText(_, {
             lipsyncLang: P.lipsyncLang
           });
         } else if (v.type === "multiple_choice") {
-          const q = Q ? `Alright! Here's your final question: ${v.question}` : `Alright! Here's your next question: ${v.question}`;
-          u.current.speakText(q, {
+          const _ = q ? `Alright! Here's your final question: ${v.question}` : `Alright! Here's your next question: ${v.question}`;
+          u.current.speakText(_, {
             lipsyncLang: P.lipsyncLang
           });
         } else if (v.type === "true_false") {
-          const q = Q ? `Now let's try this final one: ${v.question}` : `Now let's try this one: ${v.question}`;
-          u.current.speakText(q, {
+          const _ = q ? `Now let's try this final one: ${v.question}` : `Now let's try this one: ${v.question}`;
+          u.current.speakText(_, {
             lipsyncLang: P.lipsyncLang
           });
         } else {
-          const q = Q ? `Here's your final question: ${v.question}` : `Here's the next question: ${v.question}`;
-          u.current.speakText(q, {
+          const _ = q ? `Here's your final question: ${v.question}` : `Here's the next question: ${v.question}`;
+          u.current.speakText(_, {
             lipsyncLang: P.lipsyncLang
           });
         }
@@ -7929,16 +7968,16 @@ const ft = Me(({
         totalQuestions: a.current.totalQuestions,
         score: a.current.score
       });
-  }, [e.nextQuestion, R, L]), X = O(() => {
+  }, [e.nextQuestion, R, L]), j = O(() => {
     const b = B.current || { modules: [] }, v = b.modules[a.current.currentModuleIndex];
     if (a.current.currentLessonIndex < (v?.lessons?.length || 0) - 1) {
       a.current.currentLessonIndex += 1, a.current.currentQuestionIndex = 0, a.current.lessonCompleted = !1, a.current.isQuestionMode = !1, a.current.isTeaching = !1, a.current.score = 0, a.current.totalQuestions = 0;
-      const P = b.modules[a.current.currentModuleIndex], D = a.current.currentLessonIndex < (P?.lessons?.length || 0) - 1, ee = a.current.currentModuleIndex < (b.modules?.length || 0) - 1, Q = D || ee;
+      const P = b.modules[a.current.currentModuleIndex], N = a.current.currentLessonIndex < (P?.lessons?.length || 0) - 1, te = a.current.currentModuleIndex < (b.modules?.length || 0) - 1, q = N || te;
       d.current.onCustomAction({
         type: "lessonStart",
         moduleIndex: a.current.currentModuleIndex,
         lessonIndex: a.current.currentLessonIndex,
-        hasNextLesson: Q
+        hasNextLesson: q
       }), d.current.onLessonStart({
         moduleIndex: a.current.currentModuleIndex,
         lessonIndex: a.current.currentLessonIndex,
@@ -7946,12 +7985,12 @@ const ft = Me(({
       }), u.current && (u.current.setMood("happy"), u.current.setBodyMovement("idle"));
     } else if (a.current.currentModuleIndex < (b.modules?.length || 0) - 1) {
       a.current.currentModuleIndex += 1, a.current.currentLessonIndex = 0, a.current.currentQuestionIndex = 0, a.current.lessonCompleted = !1, a.current.isQuestionMode = !1, a.current.isTeaching = !1, a.current.score = 0, a.current.totalQuestions = 0;
-      const D = b.modules[a.current.currentModuleIndex], ee = a.current.currentLessonIndex < (D?.lessons?.length || 0) - 1, Q = a.current.currentModuleIndex < (b.modules?.length || 0) - 1, q = ee || Q;
+      const N = b.modules[a.current.currentModuleIndex], te = a.current.currentLessonIndex < (N?.lessons?.length || 0) - 1, q = a.current.currentModuleIndex < (b.modules?.length || 0) - 1, _ = te || q;
       d.current.onCustomAction({
         type: "lessonStart",
         moduleIndex: a.current.currentModuleIndex,
         lessonIndex: a.current.currentLessonIndex,
-        hasNextLesson: q
+        hasNextLesson: _
       }), d.current.onLessonStart({
         moduleIndex: a.current.currentModuleIndex,
         lessonIndex: a.current.currentLessonIndex,
@@ -7959,12 +7998,12 @@ const ft = Me(({
       }), u.current && (u.current.setMood("happy"), u.current.setBodyMovement("idle"));
     } else
       k.current && k.current();
-  }, []), Z = O(() => {
+  }, []), X = O(() => {
     const b = R();
     let v = null;
     if (b?.avatar_script && b?.body) {
-      const F = b.avatar_script.trim(), P = b.body.trim(), D = F.match(/[.!?]$/) ? " " : ". ";
-      v = `${F}${D}${P}`;
+      const F = b.avatar_script.trim(), P = b.body.trim(), N = F.match(/[.!?]$/) ? " " : ". ";
+      v = `${F}${N}${P}`;
     } else
       v = b?.avatar_script || b?.body || null;
     if (u.current && u.current.isReady && v) {
@@ -7973,11 +8012,11 @@ const ft = Me(({
       if (e.teaching)
         try {
           u.current.playAnimation(e.teaching, !0), F = !0;
-        } catch (D) {
-          console.warn("Failed to play teaching animation:", D);
+        } catch (N) {
+          console.warn("Failed to play teaching animation:", N);
         }
       F || u.current.setBodyMovement("gesturing");
-      const P = H.current || { lipsyncLang: "en" };
+      const P = T.current || { lipsyncLang: "en" };
       d.current.onLessonStart({
         moduleIndex: a.current.currentModuleIndex,
         lessonIndex: a.current.currentLessonIndex,
@@ -8024,13 +8063,13 @@ const ft = Me(({
             u.current.setBodyMovement("happy");
           }
         u.current.setBodyMovement("gesturing");
-        const D = R()?.questions?.length || 0;
-        a.current.currentQuestionIndex >= D - 1;
-        const ee = a.current.currentQuestionIndex < D - 1;
-        console.log("[CurriculumLearning] Answer feedback - questionIndex:", a.current.currentQuestionIndex, "totalQuestions:", D, "hasNextQuestion:", ee);
-        const Q = v.type === "code_test" ? `Great job! Your code passed all the tests! ${v.explanation || ""}` : `Excellent! That's correct! ${v.explanation || ""}`, q = H.current || { lipsyncLang: "en" };
-        u.current.speakText(Q, {
-          lipsyncLang: q.lipsyncLang,
+        const N = R()?.questions?.length || 0;
+        a.current.currentQuestionIndex >= N - 1;
+        const te = a.current.currentQuestionIndex < N - 1;
+        console.log("[CurriculumLearning] Answer feedback - questionIndex:", a.current.currentQuestionIndex, "totalQuestions:", N, "hasNextQuestion:", te);
+        const q = v.type === "code_test" ? `Great job! Your code passed all the tests! ${v.explanation || ""}` : `Excellent! That's correct! ${v.explanation || ""}`, _ = T.current || { lipsyncLang: "en" };
+        u.current.speakText(q, {
+          lipsyncLang: _.lipsyncLang,
           onSpeechEnd: () => {
             d.current.onCustomAction({
               type: "answerFeedbackComplete",
@@ -8038,7 +8077,7 @@ const ft = Me(({
               lessonIndex: a.current.currentLessonIndex,
               questionIndex: a.current.currentQuestionIndex,
               isCorrect: !0,
-              hasNextQuestion: ee,
+              hasNextQuestion: te,
               score: a.current.score,
               totalQuestions: a.current.totalQuestions
             });
@@ -8052,10 +8091,10 @@ const ft = Me(({
             u.current.setBodyMovement("idle");
           }
         u.current.setBodyMovement("gesturing");
-        const D = R()?.questions?.length || 0, ee = a.current.currentQuestionIndex >= D - 1, Q = a.current.currentQuestionIndex < D - 1;
-        console.log("[CurriculumLearning] Answer feedback (incorrect) - questionIndex:", a.current.currentQuestionIndex, "totalQuestions:", D, "hasNextQuestion:", Q);
-        const q = v.type === "code_test" ? `Your code didn't pass all the tests. ${v.explanation || "Try again!"}` : `Not quite right, but don't worry! ${v.explanation || ""}${ee ? "" : " Let's move on to the next question."}`, Ae = H.current || { lipsyncLang: "en" };
-        u.current.speakText(q, {
+        const N = R()?.questions?.length || 0, te = a.current.currentQuestionIndex >= N - 1, q = a.current.currentQuestionIndex < N - 1;
+        console.log("[CurriculumLearning] Answer feedback (incorrect) - questionIndex:", a.current.currentQuestionIndex, "totalQuestions:", N, "hasNextQuestion:", q);
+        const _ = v.type === "code_test" ? `Your code didn't pass all the tests. ${v.explanation || "Try again!"}` : `Not quite right, but don't worry! ${v.explanation || ""}${te ? "" : " Let's move on to the next question."}`, Ae = T.current || { lipsyncLang: "en" };
+        u.current.speakText(_, {
           lipsyncLang: Ae.lipsyncLang,
           onSpeechEnd: () => {
             d.current.onCustomAction({
@@ -8064,7 +8103,7 @@ const ft = Me(({
               lessonIndex: a.current.currentLessonIndex,
               questionIndex: a.current.currentQuestionIndex,
               isCorrect: !1,
-              hasNextQuestion: Q,
+              hasNextQuestion: q,
               score: a.current.score,
               totalQuestions: a.current.totalQuestions
             });
@@ -8072,14 +8111,14 @@ const ft = Me(({
         });
       }
     else {
-      const D = R()?.questions?.length || 0;
+      const N = R()?.questions?.length || 0;
       d.current.onCustomAction({
         type: "answerFeedbackComplete",
         moduleIndex: a.current.currentModuleIndex,
         lessonIndex: a.current.currentLessonIndex,
         questionIndex: a.current.currentQuestionIndex,
         isCorrect: F,
-        hasNextQuestion: a.current.currentQuestionIndex < D - 1,
+        hasNextQuestion: a.current.currentQuestionIndex < N - 1,
         score: a.current.score,
         totalQuestions: a.current.totalQuestions,
         avatarNotReady: !0
@@ -8129,7 +8168,7 @@ const ft = Me(({
       const v = () => {
         if (!u.current || !b) return;
         u.current.setMood("happy"), u.current.setBodyMovement("idle");
-        const F = H.current || { lipsyncLang: "en" };
+        const F = T.current || { lipsyncLang: "en" };
         b.type === "code_test" ? u.current.speakText(`Let's go back to this coding challenge: ${b.question}`, {
           lipsyncLang: F.lipsyncLang
         }) : u.current.speakText(`Going back to: ${b.question}`, {
@@ -8171,7 +8210,7 @@ const ft = Me(({
         lesson: R()
       }), u.current && (u.current.setMood("happy"), u.current.setBodyMovement("idle"));
     }
-  }, [R]), $ = O(() => {
+  }, [R]), ee = O(() => {
     a.current.currentModuleIndex = 0, a.current.currentLessonIndex = 0, a.current.currentQuestionIndex = 0, a.current.isTeaching = !1, a.current.isQuestionMode = !1, a.current.lessonCompleted = !1, a.current.curriculumCompleted = !1, a.current.score = 0, a.current.totalQuestions = 0;
   }, []), be = O((b) => {
     console.log("Avatar is ready!", b);
@@ -8181,20 +8220,20 @@ const ft = Me(({
     }, 10);
   }, [h, R]);
   Xe(() => {
-    c.current = Z, g.current = X, x.current = z, f.current = E, k.current = Y, N.current = S, p.current = oe;
+    c.current = X, g.current = j, x.current = z, f.current = E, k.current = Y, D.current = S, p.current = oe;
   }), Fe(r, () => ({
     // Curriculum control methods
-    startTeaching: Z,
+    startTeaching: X,
     startQuestions: S,
     handleAnswerSelect: oe,
     handleCodeTestResult: le,
     nextQuestion: E,
     previousQuestion: ge,
-    nextLesson: X,
+    nextLesson: j,
     previousLesson: de,
     completeLesson: z,
     completeCurriculum: Y,
-    resetCurriculum: $,
+    resetCurriculum: ee,
     getState: () => ({ ...a.current }),
     getCurrentQuestion: () => L(),
     getCurrentLesson: () => R(),
@@ -8203,7 +8242,7 @@ const ft = Me(({
     // Convenience methods that delegate to avatar (always check current ref)
     speakText: async (b, v = {}) => {
       await u.current?.resumeAudioContext?.();
-      const F = H.current || { lipsyncLang: "en" };
+      const F = T.current || { lipsyncLang: "en" };
       u.current?.speakText(b, { ...v, lipsyncLang: v.lipsyncLang || F.lipsyncLang });
     },
     resumeAudioContext: async () => {
@@ -8248,8 +8287,8 @@ const ft = Me(({
     handleResize: () => u.current?.handleResize(),
     // Avatar readiness check (always returns current value)
     isAvatarReady: () => u.current?.isReady || !1
-  }), [Z, S, oe, le, E, X, z, Y, $, L, R]);
-  const j = H.current || {
+  }), [X, S, oe, le, E, j, z, Y, ee, L, R]);
+  const Q = T.current || {
     avatarUrl: "/avatars/brunette.glb",
     avatarBody: "F",
     mood: "happy",
@@ -8266,18 +8305,18 @@ const ft = Me(({
     Ve,
     {
       ref: u,
-      avatarUrl: j.avatarUrl,
-      avatarBody: j.avatarBody,
-      mood: j.mood,
-      ttsLang: j.ttsLang,
-      ttsService: j.ttsService,
-      ttsVoice: j.ttsVoice,
-      ttsApiKey: j.ttsApiKey,
-      bodyMovement: j.bodyMovement,
-      movementIntensity: j.movementIntensity,
-      showFullAvatar: j.showFullAvatar,
+      avatarUrl: Q.avatarUrl,
+      avatarBody: Q.avatarBody,
+      mood: Q.mood,
+      ttsLang: Q.ttsLang,
+      ttsService: Q.ttsService,
+      ttsVoice: Q.ttsVoice,
+      ttsApiKey: Q.ttsApiKey,
+      bodyMovement: Q.bodyMovement,
+      movementIntensity: Q.movementIntensity,
+      showFullAvatar: Q.showFullAvatar,
       cameraView: "upper",
-      animations: j.animations,
+      animations: Q.animations,
       onReady: be,
       onLoading: () => {
       },