@sage-rsc/talking-head-react 1.7.3 → 1.7.4

package/dist/index.js

@@ -1,5 +1,5 @@
-import { jsxs as ke, jsx as $ } from "react/jsx-runtime";
-import { forwardRef as Ze, useRef as W, useState as ae, useEffect as fe, useCallback as N, useImperativeHandle as Xe, useLayoutEffect as ot } from "react";
+import { jsxs as ke, jsx as ee } from "react/jsx-runtime";
+import { forwardRef as Ze, useRef as W, useState as ae, useEffect as xe, useCallback as N, useImperativeHandle as Xe, useLayoutEffect as ot } from "react";
 import * as x from "three";
 import { OrbitControls as st } from "three/addons/controls/OrbitControls.js";
 import { GLTFLoader as rt } from "three/addons/loaders/GLTFLoader.js";
@@ -7,12 +7,12 @@ import { DRACOLoader as at } from "three/addons/loaders/DRACOLoader.js";
 import { FBXLoader as qe } from "three/addons/loaders/FBXLoader.js";
 import { RoomEnvironment as lt } from "three/addons/environments/RoomEnvironment.js";
 import ut from "three/addons/libs/stats.module.js";
-let m, ye, ve;
-const z = [0, 0, 0, 0], O = new x.Vector3(), Ue = new x.Vector3(), he = new x.Vector3(), We = new x.Vector3();
+let m, fe, Ie;
+const z = [0, 0, 0, 0], O = new x.Vector3(), Ue = new x.Vector3(), de = new x.Vector3(), We = new x.Vector3();
 new x.Plane();
 new x.Ray();
 new x.Euler();
-const de = new x.Quaternion(), _e = new x.Quaternion(), we = new x.Matrix4(), Ce = new x.Matrix4();
+const me = new x.Quaternion(), _e = new x.Quaternion(), we = new x.Matrix4(), Ce = new x.Matrix4();
 new x.Vector3();
 const Ve = new x.Vector3(0, 0, 1), ct = new x.Vector3(1, 0, 0), ht = new x.Vector3(0, 1, 0), dt = new x.Vector3(0, 0, 1);
 class mt {
@@ -338,7 +338,7 @@ class mt {
         ea: [0, 0, 0, 0]
         //  External acceleration [m/s^2]
       };
-      u.boneParent.matrixWorld.decompose(O, de, he), O.copy(Ve).applyQuaternion(de).setY(0).normalize(), de.premultiply(_e.setFromUnitVectors(Ve, O).invert()).normalize(), u.qWorldInverseYaw = de.clone().normalize(), this.data.push(u), this.dict[c] = u;
+      u.boneParent.matrixWorld.decompose(O, me, de), O.copy(Ve).applyQuaternion(me).setY(0).normalize(), me.premultiply(_e.setFromUnitVectors(Ve, O).invert()).normalize(), u.qWorldInverseYaw = me.clone().normalize(), this.data.push(u), this.dict[c] = u;
       try {
         this.setValue(c, "type", s.type), this.setValue(c, "stiffness", s.stiffness), this.setValue(c, "damping", s.damping), this.setValue(c, "external", s.external), this.setValue(c, "limits", s.limits), this.setValue(c, "excludes", s.excludes), this.setValue(c, "deltaLocal", s.deltaLocal), this.setValue(c, "deltaWorld", s.deltaWorld), this.setValue(c, "pivot", s.pivot), this.setValue(c, "helper", s.helper);
       } catch (r) {
@@ -369,9 +369,9 @@ class mt {
           i.vBasis.y + z[1],
           i.vBasis.z - z[2]
         );
-      else if (i.boneParent.quaternion.copy(i.qBasis), i.pivot && this.opt.isPivots && (i.boneParent.updateWorldMatrix(!1, !1), i.boneParent.matrixWorld.decompose(O, de, he), O.copy(Ve).applyQuaternion(de).setY(0).normalize(), de.premultiply(_e.setFromUnitVectors(Ve, O).invert()).normalize(), i.boneParent.quaternion.multiply(de.invert()), i.boneParent.quaternion.multiply(i.qWorldInverseYaw)), i.isZ && (m = Math.atan(z[0] / i.l), de.setFromAxisAngle(dt, -m), i.boneParent.quaternion.multiply(de)), i.isY && (m = i.l / 3, m = m * Math.tanh(z[1] / m), i.bone.position.setLength(i.l + m)), i.isX && (m = Math.atan(z[2] / i.l), de.setFromAxisAngle(ct, -m), i.boneParent.quaternion.multiply(de)), i.isT && (m = 1.5 * Math.tanh(z[3] * 1.5), de.setFromAxisAngle(ht, -m), i.boneParent.quaternion.multiply(de)), i.boneParent.updateWorldMatrix(!1, !0), i.excludes && this.opt.isExcludes)
+      else if (i.boneParent.quaternion.copy(i.qBasis), i.pivot && this.opt.isPivots && (i.boneParent.updateWorldMatrix(!1, !1), i.boneParent.matrixWorld.decompose(O, me, de), O.copy(Ve).applyQuaternion(me).setY(0).normalize(), me.premultiply(_e.setFromUnitVectors(Ve, O).invert()).normalize(), i.boneParent.quaternion.multiply(me.invert()), i.boneParent.quaternion.multiply(i.qWorldInverseYaw)), i.isZ && (m = Math.atan(z[0] / i.l), me.setFromAxisAngle(dt, -m), i.boneParent.quaternion.multiply(me)), i.isY && (m = i.l / 3, m = m * Math.tanh(z[1] / m), i.bone.position.setLength(i.l + m)), i.isX && (m = Math.atan(z[2] / i.l), me.setFromAxisAngle(ct, -m), i.boneParent.quaternion.multiply(me)), i.isT && (m = 1.5 * Math.tanh(z[3] * 1.5), me.setFromAxisAngle(ht, -m), i.boneParent.quaternion.multiply(me)), i.boneParent.updateWorldMatrix(!1, !0), i.excludes && this.opt.isExcludes)
         for (n = 0, s = i.excludes.length; n < s; n++)
-          m = i.excludes[n], he.set(0, 0, 0), m.deltaLocal && (he.x += m.deltaLocal[0], he.y += m.deltaLocal[1], he.z += m.deltaLocal[2]), he.applyMatrix4(m.bone.matrixWorld), Ce.copy(i.boneParent.matrixWorld).invert(), he.applyMatrix4(Ce), O.copy(i.bone.position), !(O.distanceToSquared(he) >= m.radiusSq) && (ve = O.length(), ye = he.length(), !(ye > m.radius + ve) && (ye < Math.abs(m.radius - ve) || (ye = (ye * ye + ve * ve - m.radiusSq) / (2 * ye), he.normalize(), We.copy(he).multiplyScalar(ye), ye = Math.sqrt(ve * ve - ye * ye), O.subVectors(O, We).projectOnPlane(he).normalize().multiplyScalar(ye), Ue.subVectors(i.vBasis, We).projectOnPlane(he).normalize(), ve = Ue.dot(O), ve < 0 && (ve = Math.sqrt(ye * ye - ve * ve), Ue.multiplyScalar(ve), O.add(Ue)), O.add(We).normalize(), he.copy(i.bone.position).normalize(), de.setFromUnitVectors(he, O), i.boneParent.quaternion.premultiply(de), i.boneParent.updateWorldMatrix(!1, !0))));
+          m = i.excludes[n], de.set(0, 0, 0), m.deltaLocal && (de.x += m.deltaLocal[0], de.y += m.deltaLocal[1], de.z += m.deltaLocal[2]), de.applyMatrix4(m.bone.matrixWorld), Ce.copy(i.boneParent.matrixWorld).invert(), de.applyMatrix4(Ce), O.copy(i.bone.position), !(O.distanceToSquared(de) >= m.radiusSq) && (Ie = O.length(), fe = de.length(), !(fe > m.radius + Ie) && (fe < Math.abs(m.radius - Ie) || (fe = (fe * fe + Ie * Ie - m.radiusSq) / (2 * fe), de.normalize(), We.copy(de).multiplyScalar(fe), fe = Math.sqrt(Ie * Ie - fe * fe), O.subVectors(O, We).projectOnPlane(de).normalize().multiplyScalar(fe), Ue.subVectors(i.vBasis, We).projectOnPlane(de).normalize(), Ie = Ue.dot(O), Ie < 0 && (Ie = Math.sqrt(fe * fe - Ie * Ie), Ue.multiplyScalar(Ie), O.add(Ue)), O.add(We).normalize(), de.copy(i.bone.position).normalize(), me.setFromUnitVectors(de, O), i.boneParent.quaternion.premultiply(me), i.boneParent.updateWorldMatrix(!1, !0))));
     }
     this.helpers.isActive && this.updateHelpers();
   }
@@ -2629,7 +2629,7 @@ const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   fr: Rt,
   fi: It,
   lt: Lt
-}, ie = new x.Quaternion(), _ = new x.Euler(), Te = new x.Vector3(), Ee = new x.Vector3(), Je = new x.Box3();
+}, ie = new x.Quaternion(), K = new x.Euler(), Te = new x.Vector3(), Ee = new x.Vector3(), $e = new x.Box3();
 new x.Matrix4();
 new x.Matrix4();
 new x.Vector3();
@@ -4412,9 +4412,9 @@ class Qe {
   updatePoseDelta() {
     for (const [t, e] of Object.entries(this.poseDelta.props)) {
       if (e.x === 0 && e.y === 0 && e.z === 0) continue;
-      _.set(e.x, e.y, e.z);
+      K.set(e.x, e.y, e.z);
       const n = this.poseAvatar.props[t];
-      n.isQuaternion ? (ie.setFromEuler(_), n.multiply(ie)) : n.isVector3 && n.add(_);
+      n.isQuaternion ? (ie.setFromEuler(K), n.multiply(ie)) : n.isVector3 && n.add(K);
     }
   }
   /**
@@ -5179,7 +5179,7 @@ class Qe {
           }, o.x ? new x.Vector3(o.x, o.y, o.z) : null, !0, o.d);
           break;
       }
-    if ((c || l) && (_.setFromQuaternion(this.poseAvatar.props["Head.quaternion"]), _.x = Math.max(-0.9, Math.min(0.9, 2 * _.x - 0.5)), _.y = Math.max(-0.9, Math.min(0.9, -2.5 * _.y)), c ? (Object.assign(this.mtAvatar.eyesLookDown, { system: _.x < 0 ? -_.x : 0, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyesLookUp, { system: _.x < 0 ? 0 : _.x, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookInLeft, { system: _.y < 0 ? -_.y : 0, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookOutLeft, { system: _.y < 0 ? 0 : _.y, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookInRight, { system: _.y < 0 ? 0 : _.y, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookOutRight, { system: _.y < 0 ? -_.y : 0, needsUpdate: !0 }), l && (n = -this.mtAvatar.bodyRotateY.value, o = this.gaussianRandom(-0.2, 0.2), this.animQueue.push(this.animFactory({
+    if ((c || l) && (K.setFromQuaternion(this.poseAvatar.props["Head.quaternion"]), K.x = Math.max(-0.9, Math.min(0.9, 2 * K.x - 0.5)), K.y = Math.max(-0.9, Math.min(0.9, -2.5 * K.y)), c ? (Object.assign(this.mtAvatar.eyesLookDown, { system: K.x < 0 ? -K.x : 0, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyesLookUp, { system: K.x < 0 ? 0 : K.x, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookInLeft, { system: K.y < 0 ? -K.y : 0, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookOutLeft, { system: K.y < 0 ? 0 : K.y, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookInRight, { system: K.y < 0 ? 0 : K.y, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookOutRight, { system: K.y < 0 ? -K.y : 0, needsUpdate: !0 }), l && (n = -this.mtAvatar.bodyRotateY.value, o = 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: {
@@ -5200,7 +5200,7 @@ class Qe {
         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)], o = this.mtAvatar[n], o.needsUpdate || Object.assign(o, { base: (this.mood.baseline[n] || 0) + (1 + a / 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) && c ? a > this.volumeMax ? (this.volumeHeadBase = 0.05, Math.random() > 0.6 && (this.volumeHeadTarget = -0.05 - Math.random() / 15), this.volumeMax = a) : (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, o = Math.abs(n), o > 1e-4 && (i = o * (this.volumeHeadEasing(Math.min(1, this.volumeHeadVelocity * e / 1e3 / o) / 2 + 0.5) - 0.5), this.volumeHeadCurrent += Math.sign(n) * Math.min(o, i)), Math.abs(this.volumeHeadCurrent) > 1e-4 && (ie.setFromAxisAngle(kt, this.volumeHeadCurrent), this.objectNeck.quaternion.multiply(ie)), Je.setFromObject(this.armature), this.objectLeftToeBase.getWorldPosition(Te), Te.sub(this.armature.position), this.objectRightToeBase.getWorldPosition(Ee), Ee.sub(this.armature.position), this.objectHips.position.y -= Je.min.y / 2, this.objectHips.position.x -= (Te.x + Ee.x) / 4, this.objectHips.position.z -= (Te.z + Ee.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)], o = this.mtAvatar[n], o.needsUpdate || Object.assign(o, { base: (this.mood.baseline[n] || 0) + (1 + a / 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) && c ? a > this.volumeMax ? (this.volumeHeadBase = 0.05, Math.random() > 0.6 && (this.volumeHeadTarget = -0.05 - Math.random() / 15), this.volumeMax = a) : (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, o = Math.abs(n), o > 1e-4 && (i = o * (this.volumeHeadEasing(Math.min(1, this.volumeHeadVelocity * e / 1e3 / o) / 2 + 0.5) - 0.5), this.volumeHeadCurrent += Math.sign(n) * Math.min(o, i)), Math.abs(this.volumeHeadCurrent) > 1e-4 && (ie.setFromAxisAngle(kt, this.volumeHeadCurrent), this.objectNeck.quaternion.multiply(ie)), $e.setFromObject(this.armature), this.objectLeftToeBase.getWorldPosition(Te), Te.sub(this.armature.position), this.objectRightToeBase.getWorldPosition(Ee), Ee.sub(this.armature.position), this.objectHips.position.y -= $e.min.y / 2, this.objectHips.position.x -= (Te.x + Ee.x) / 4, this.objectHips.position.z -= (Te.z + Ee.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) {
@@ -5497,10 +5497,10 @@ class Qe {
       if (b && b.visemes && b.visemes.length > 0) {
         const p = b.times[b.visemes.length - 1] + b.durations[b.visemes.length - 1];
         for (let P = 0; P < b.visemes.length; P++) {
-          const E = b.visemes[P], y = b.times[P] / p, F = b.durations[P] / p, f = y * d, S = F * d;
+          const E = b.visemes[P], y = b.times[P] / p, F = b.durations[P] / p, f = y * d, w = F * d;
           L.push({
             template: { name: "viseme" },
-            ts: [f - Math.min(60, 2 * S / 3), f + Math.min(25, S / 2), f + S + Math.min(60, S / 2)],
+            ts: [f - Math.min(60, 2 * w / 3), f + Math.min(25, w / 2), f + w + Math.min(60, w / 2)],
             vs: {
               ["viseme_" + E]: [null, E === "PP" || E === "FF" ? 0.9 : 0.6, 0]
             }
@@ -6114,10 +6114,10 @@ class Qe {
     }
     this.objectLeftEye.updateMatrixWorld(!0), this.objectRightEye.updateMatrixWorld(!0), Te.setFromMatrixPosition(this.objectLeftEye.matrixWorld), Ee.setFromMatrixPosition(this.objectRightEye.matrixWorld), Te.add(Ee).divideScalar(2), ie.copy(this.armature.quaternion), ie.multiply(this.poseTarget.props["Hips.quaternion"]), ie.multiply(this.poseTarget.props["Spine.quaternion"]), ie.multiply(this.poseTarget.props["Spine1.quaternion"]), ie.multiply(this.poseTarget.props["Spine2.quaternion"]), ie.multiply(this.poseTarget.props["Neck.quaternion"]), ie.multiply(this.poseTarget.props["Head.quaternion"]);
     const n = new x.Vector3().subVectors(e, Te).normalize(), o = Math.atan2(n.x, n.z), s = Math.asin(-n.y);
-    _.set(s, o, 0, "YXZ");
-    const a = new x.Quaternion().setFromEuler(_), c = new x.Quaternion().copy(a).multiply(ie.clone().invert());
-    _.setFromQuaternion(c, "YXZ");
-    let l = _.x / (40 / 24) + 0.2, u = _.y / (9 / 4), r = Math.min(0.6, Math.max(-0.3, l)), d = Math.min(0.8, Math.max(-0.8, u)), h = (Math.random() - 0.5) / 4, g = (Math.random() - 0.5) / 4;
+    K.set(s, o, 0, "YXZ");
+    const a = new x.Quaternion().setFromEuler(K), c = new x.Quaternion().copy(a).multiply(ie.clone().invert());
+    K.setFromQuaternion(c, "YXZ");
+    let l = K.x / (40 / 24) + 0.2, u = K.y / (9 / 4), r = Math.min(0.6, Math.max(-0.3, l)), d = Math.min(0.8, Math.max(-0.8, u)), h = (Math.random() - 0.5) / 4, g = (Math.random() - 0.5) / 4;
     if (t) {
       let R = this.animQueue.findIndex((L) => L.template.name === "lookat");
       R !== -1 && this.animQueue.splice(R, 1);
@@ -6152,8 +6152,8 @@ class Qe {
     const s = new x.Vector3().setFromMatrixPosition(this.objectLeftEye.matrixWorld), i = new x.Vector3().setFromMatrixPosition(this.objectRightEye.matrixWorld), a = new x.Vector3().addVectors(s, i).divideScalar(2);
     a.project(this.camera);
     let c = (a.x + 1) / 2 * o.width + o.left, l = -(a.y - 1) / 2 * o.height + o.top;
-    t === null && (t = c), e === null && (e = l), ie.copy(this.armature.quaternion), ie.multiply(this.poseTarget.props["Hips.quaternion"]), ie.multiply(this.poseTarget.props["Spine.quaternion"]), ie.multiply(this.poseTarget.props["Spine1.quaternion"]), ie.multiply(this.poseTarget.props["Spine2.quaternion"]), ie.multiply(this.poseTarget.props["Neck.quaternion"]), ie.multiply(this.poseTarget.props["Head.quaternion"]), _.setFromQuaternion(ie);
-    let u = _.x / (40 / 24), r = _.y / (9 / 4), d = Math.min(0.4, Math.max(-0.4, this.camera.rotation.x)), h = Math.min(0.4, Math.max(-0.4, this.camera.rotation.y)), g = Math.max(window.innerWidth - c, c), R = Math.max(window.innerHeight - l, l), b = this.convertRange(e, [l - R, l + R], [-0.3, 0.6]) - u + d, L = this.convertRange(t, [c - g, c + g], [-0.8, 0.8]) - r + h;
+    t === null && (t = c), e === null && (e = l), ie.copy(this.armature.quaternion), ie.multiply(this.poseTarget.props["Hips.quaternion"]), ie.multiply(this.poseTarget.props["Spine.quaternion"]), ie.multiply(this.poseTarget.props["Spine1.quaternion"]), ie.multiply(this.poseTarget.props["Spine2.quaternion"]), ie.multiply(this.poseTarget.props["Neck.quaternion"]), ie.multiply(this.poseTarget.props["Head.quaternion"]), K.setFromQuaternion(ie);
+    let u = K.x / (40 / 24), r = K.y / (9 / 4), d = Math.min(0.4, Math.max(-0.4, this.camera.rotation.x)), h = Math.min(0.4, Math.max(-0.4, this.camera.rotation.y)), g = Math.max(window.innerWidth - c, c), R = Math.max(window.innerHeight - l, l), b = this.convertRange(e, [l - R, l + R], [-0.3, 0.6]) - u + d, L = this.convertRange(t, [c - g, c + g], [-0.8, 0.8]) - r + h;
     b = Math.min(0.6, Math.max(-0.3, b)), L = Math.min(0.8, Math.max(-0.8, L));
     let T = (Math.random() - 0.5) / 4, p = (Math.random() - 0.5) / 4;
     if (n) {
@@ -6444,7 +6444,7 @@ class Qe {
             return "LeftShoulder";
           if (f.includes("right") && (f.includes("shoulder") || f.includes("clavicle")) && g.has("RightShoulder"))
             return "RightShoulder";
-          const S = {
+          const w = {
             // Arm bones - exact matches
             LeftArm: "LeftArm",
             leftArm: "LeftArm",
@@ -6484,8 +6484,8 @@ class Qe {
             Root: "Hips",
             root: "Hips"
           };
-          if (S[F]) {
-            const H = S[F];
+          if (w[F]) {
+            const H = w[F];
             if (g.has(H))
               return H;
           }
@@ -6509,13 +6509,13 @@ class Qe {
         );
         const T = [], p = /* @__PURE__ */ new Set();
         h.tracks.forEach((y) => {
-          const f = y.name.replaceAll("mixamorig", "").split("."), S = f[0], H = f[1], I = b(S);
+          const f = y.name.replaceAll("mixamorig", "").split("."), w = f[0], H = f[1], I = b(w);
           if (!(I && (I === "LeftShoulder" || I === "RightShoulder") && (H === "quaternion" || H === "rotation")))
             if (I && H) {
               const U = `${I}.${H}`, G = y.clone();
-              G.name = U, T.push(G), S !== I && R.set(S, I);
+              G.name = U, T.push(G), w !== I && R.set(w, I);
             } else
-              p.add(S), (S.toLowerCase().includes("arm") || S.toLowerCase().includes("hand") || S.toLowerCase().includes("shoulder")) && console.warn(`⚠️ Arm bone "${S}" could not be mapped to avatar skeleton`);
+              p.add(w), (w.toLowerCase().includes("arm") || w.toLowerCase().includes("hand") || w.toLowerCase().includes("shoulder")) && console.warn(`⚠️ Arm bone "${w}" could not be mapped to avatar skeleton`);
         }), T.length > 0 ? h = new x.AnimationClip(h.name, h.duration, T) : console.error("No tracks could be mapped! Animation may not work correctly.");
         const P = {};
         h.tracks.forEach((y) => {
@@ -6774,32 +6774,32 @@ const et = Ze(({
   style: R = {},
   animations: b = {}
 }, L) => {
-  const T = W(null), p = W(null), P = W(l), E = W(null), y = W(null), F = W(!1), f = W({ remainingText: null, originalText: null, options: null }), S = W([]), H = W(0), [I, U] = ae(!0), [G, j] = ae(null), [Y, ue] = ae(!1), [le, Ie] = ae(!1);
-  fe(() => {
+  const T = W(null), p = W(null), P = W(l), E = W(null), y = W(null), F = W(!1), f = W({ remainingText: null, originalText: null, options: null }), w = W([]), H = W(0), [I, U] = ae(!0), [G, j] = ae(null), [Y, ue] = ae(!1), [le, Ae] = ae(!1);
+  xe(() => {
     F.current = le;
-  }, [le]), fe(() => {
+  }, [le]), xe(() => {
     P.current = l;
   }, [l]);
   const re = je(), ze = o || re.service;
-  let ee;
-  ze === "browser" ? ee = {
+  let te;
+  ze === "browser" ? te = {
     service: "browser",
     endpoint: "",
     apiKey: null,
     defaultVoice: "Google US English"
-  } : ze === "elevenlabs" ? ee = {
+  } : ze === "elevenlabs" ? te = {
     service: "elevenlabs",
     endpoint: "https://api.elevenlabs.io/v1/text-to-speech",
     apiKey: i || re.apiKey,
     defaultVoice: s || re.defaultVoice || Pe.defaultVoice,
     voices: re.voices || Pe.voices
-  } : ze === "deepgram" ? ee = {
+  } : ze === "deepgram" ? te = {
     service: "deepgram",
     endpoint: "https://api.deepgram.com/v1/speak",
     apiKey: i || re.apiKey,
     defaultVoice: s || re.defaultVoice || Ge.defaultVoice,
     voices: re.voices || Ge.voices
-  } : ee = {
+  } : te = {
     ...re,
     // Override API key if provided via props
     apiKey: i !== null ? i : re.apiKey
@@ -6809,14 +6809,14 @@ const et = Ze(({
     body: t,
     avatarMood: e,
     ttsLang: ze === "browser" ? "en-US" : n,
-    ttsVoice: s || ee.defaultVoice,
+    ttsVoice: s || te.defaultVoice,
     lipsyncLang: "en",
     showFullAvatar: l,
     bodyMovement: a,
     movementIntensity: c
   }, A = {
-    ttsEndpoint: ee.endpoint,
-    ttsApikey: ee.apiKey,
+    ttsEndpoint: te.endpoint,
+    ttsApikey: te.apiKey,
     ttsService: ze,
     lipsyncModules: ["en"],
     cameraView: u
@@ -6850,9 +6850,9 @@ const et = Ze(({
         console.error("Error initializing TalkingHead:", C), j(C.message || "Failed to initialize avatar"), U(!1), h(C);
       }
   }, [V, t, e, n, o, s, i, l, a, c, u]);
-  fe(() => (M(), () => {
+  xe(() => (M(), () => {
     p.current && (p.current.stop(), p.current.dispose(), p.current = null);
-  }), [M]), fe(() => {
+  }), [M]), xe(() => {
     if (!T.current || !p.current) return;
     const C = new ResizeObserver((Q) => {
       for (const se of Q)
@@ -6866,7 +6866,7 @@ const et = Ze(({
       C.disconnect(), window.removeEventListener("resize", X);
     };
   }, [Y]);
-  const B = N(async () => {
+  const D = N(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"));
@@ -6878,72 +6878,72 @@ const et = Ze(({
       try {
         y.current && (clearInterval(y.current), y.current = null), E.current = { text: C, options: X }, f.current = { remainingText: null, originalText: null, options: null };
         const Q = /[!\.\?\n\p{Extended_Pictographic}]/ug, se = C.split(Q).map((J) => J.trim()).filter((J) => J.length > 0);
-        S.current = se, H.current = 0, Ie(!1), F.current = !1, await B();
-        const xe = {
+        w.current = se, H.current = 0, Ae(!1), F.current = !1, await D();
+        const be = {
           ...X,
           lipsyncLang: X.lipsyncLang || v.lipsyncLang || "en"
         };
         if (X.onSpeechEnd && p.current) {
           const J = p.current;
-          let pe = null, be = 0;
-          const Re = 1200;
-          let Le = !1;
-          pe = setInterval(() => {
-            if (be++, F.current)
+          let ge = null, Re = 0;
+          const ve = 1200;
+          let Se = !1;
+          ge = setInterval(() => {
+            if (Re++, F.current)
               return;
-            if (be > Re) {
-              if (pe && (clearInterval(pe), pe = null, y.current = null), !Le && !F.current) {
-                Le = !0;
+            if (Re > ve) {
+              if (ge && (clearInterval(ge), ge = null, y.current = null), !Se && !F.current) {
+                Se = !0;
                 try {
                   X.onSpeechEnd();
-                } catch (w) {
-                  console.error("Error in onSpeechEnd callback (timeout):", w);
+                } catch (k) {
+                  console.error("Error in onSpeechEnd callback (timeout):", k);
                 }
               }
               return;
             }
-            const Ae = !J.speechQueue || J.speechQueue.length === 0, Oe = !J.audioPlaylist || J.audioPlaylist.length === 0;
-            J && J.isSpeaking === !1 && Ae && Oe && J.isAudioPlaying === !1 && !Le && !F.current && setTimeout(() => {
-              if (J && !F.current && J.isSpeaking === !1 && (!J.speechQueue || J.speechQueue.length === 0) && (!J.audioPlaylist || J.audioPlaylist.length === 0) && J.isAudioPlaying === !1 && !Le && !F.current) {
-                Le = !0, pe && (clearInterval(pe), pe = null, y.current = null);
+            const Le = !J.speechQueue || J.speechQueue.length === 0, Oe = !J.audioPlaylist || J.audioPlaylist.length === 0;
+            J && J.isSpeaking === !1 && Le && Oe && J.isAudioPlaying === !1 && !Se && !F.current && setTimeout(() => {
+              if (J && !F.current && J.isSpeaking === !1 && (!J.speechQueue || J.speechQueue.length === 0) && (!J.audioPlaylist || J.audioPlaylist.length === 0) && J.isAudioPlaying === !1 && !Se && !F.current) {
+                Se = !0, ge && (clearInterval(ge), ge = null, y.current = null);
                 try {
                   X.onSpeechEnd();
-                } catch (D) {
-                  console.error("Error in onSpeechEnd callback:", D);
+                } catch (B) {
+                  console.error("Error in onSpeechEnd callback:", B);
                 }
               }
             }, 100);
-          }, 100), y.current = pe;
+          }, 100), y.current = ge;
         }
-        p.current.lipsync && Object.keys(p.current.lipsync).length > 0 ? (p.current.setSlowdownRate && p.current.setSlowdownRate(1.05), p.current.speakText(C, xe)) : setTimeout(async () => {
-          await B(), p.current && p.current.lipsync && (p.current.setSlowdownRate && p.current.setSlowdownRate(1.05), p.current.speakText(C, xe));
+        p.current.lipsync && Object.keys(p.current.lipsync).length > 0 ? (p.current.setSlowdownRate && p.current.setSlowdownRate(1.05), p.current.speakText(C, be)) : setTimeout(async () => {
+          await D(), p.current && p.current.lipsync && (p.current.setSlowdownRate && p.current.setSlowdownRate(1.05), p.current.speakText(C, be));
         }, 100);
       } catch (Q) {
         console.error("Error speaking text:", Q), j(Q.message || "Failed to speak text");
       }
-  }, [Y, B, v.lipsyncLang]), oe = N(() => {
-    p.current && (p.current.stopSpeaking(), p.current.setSlowdownRate && p.current.setSlowdownRate(1), E.current = null, Ie(!1));
+  }, [Y, D, v.lipsyncLang]), oe = N(() => {
+    p.current && (p.current.stopSpeaking(), p.current.setSlowdownRate && p.current.setSlowdownRate(1), E.current = null, Ae(!1));
   }, []), ne = N(() => {
     if (p.current && p.current.pauseSpeaking) {
       const C = p.current;
       if (C.isSpeaking || C.audioPlaylist && C.audioPlaylist.length > 0 || C.speechQueue && C.speechQueue.length > 0) {
         y.current && (clearInterval(y.current), y.current = null);
         let Q = "";
-        if (E.current && S.current.length > 0) {
-          const se = S.current.length, xe = C.speechQueue ? C.speechQueue.filter((Re) => Re && Re.text && Array.isArray(Re.text) && Re.text.length > 0).length : 0, J = C.audioPlaylist && C.audioPlaylist.length > 0, pe = xe + (J ? 1 : 0), be = se - pe;
-          if (pe > 0 && be < se && (Q = S.current.slice(be).join(". ").trim(), !Q && xe > 0 && C.speechQueue)) {
-            const Le = C.speechQueue.filter((Ae) => Ae && Ae.text && Array.isArray(Ae.text) && Ae.text.length > 0).map((Ae) => Ae.text.map((Oe) => Oe.word || "").filter((Oe) => Oe.length > 0).join(" ")).filter((Ae) => Ae.length > 0).join(" ");
-            Le && Le.trim() && (Q = Le.trim());
+        if (E.current && w.current.length > 0) {
+          const se = w.current.length, be = C.speechQueue ? C.speechQueue.filter((ve) => ve && ve.text && Array.isArray(ve.text) && ve.text.length > 0).length : 0, J = C.audioPlaylist && C.audioPlaylist.length > 0, ge = be + (J ? 1 : 0), Re = se - ge;
+          if (ge > 0 && Re < se && (Q = w.current.slice(Re).join(". ").trim(), !Q && be > 0 && C.speechQueue)) {
+            const Se = C.speechQueue.filter((Le) => Le && Le.text && Array.isArray(Le.text) && Le.text.length > 0).map((Le) => Le.text.map((Oe) => Oe.word || "").filter((Oe) => Oe.length > 0).join(" ")).filter((Le) => Le.length > 0).join(" ");
+            Se && Se.trim() && (Q = Se.trim());
           }
         }
         E.current && (f.current = {
           remainingText: Q || null,
           originalText: E.current.text,
           options: E.current.options
-        }), C.speechQueue && (C.speechQueue.length = 0), p.current.pauseSpeaking(), F.current = !0, Ie(!0);
+        }), C.speechQueue && (C.speechQueue.length = 0), p.current.pauseSpeaking(), F.current = !0, Ae(!0);
       }
     }
-  }, []), K = N(async () => {
+  }, []), $ = N(async () => {
     if (!p.current || !le)
       return;
     let C = "", X = {};
@@ -6952,10 +6952,10 @@ const et = Ze(({
     else if (E.current && E.current.text)
       C = E.current.text, X = E.current.options || {};
     else {
-      console.warn("Resume called but no paused speech found"), Ie(!1), F.current = !1;
+      console.warn("Resume called but no paused speech found"), Ae(!1), F.current = !1;
       return;
     }
-    Ie(!1), F.current = !1, await B();
+    Ae(!1), F.current = !1, await D();
     const Q = {
       ...X,
       lipsyncLang: X.lipsyncLang || v.lipsyncLang || "en"
@@ -6963,9 +6963,9 @@ const et = Ze(({
     try {
       await Z(C, Q);
     } catch (se) {
-      console.error("Error resuming speech:", se), Ie(!1), F.current = !1;
+      console.error("Error resuming speech:", se), Ae(!1), F.current = !1;
     }
-  }, [B, le, Z, v]), me = N((C) => {
+  }, [D, le, Z, v]), pe = N((C) => {
     p.current && p.current.setMood(C);
   }, []), Me = N((C) => {
     p.current && p.current.setSlowdownRate && p.current.setSlowdownRate(C);
@@ -6984,20 +6984,20 @@ const et = Ze(({
           console.warn(`Failed to play ${C}:`, se);
           try {
             p.current.setBodyMovement("idle");
-          } catch (xe) {
-            console.warn("Fallback animation also failed:", xe);
+          } catch (be) {
+            console.warn("Fallback animation also failed:", be);
           }
         }
       else {
         const se = [".fbx", ".glb", ".gltf"];
-        let xe = !1;
+        let be = !1;
         for (const J of se)
           try {
-            p.current.playAnimation(C + J, null, 10, 0, 0.01, X), xe = !0;
+            p.current.playAnimation(C + J, null, 10, 0, 0.01, X), be = !0;
             break;
           } catch {
           }
-        if (!xe) {
+        if (!be) {
           console.warn("Animation not found:", C);
           try {
             p.current.setBodyMovement("idle");
@@ -7014,9 +7014,9 @@ const et = Ze(({
     speakText: Z,
     stopSpeaking: oe,
     pauseSpeaking: ne,
-    resumeSpeaking: K,
-    resumeAudioContext: B,
-    setMood: me,
+    resumeSpeaking: $,
+    resumeAudioContext: D,
+    setMood: pe,
     setTimingAdjustment: Me,
     playAnimation: He,
     isReady: Y,
@@ -7091,7 +7091,7 @@ const et = Ze(({
         ...R
       },
       children: [
-        /* @__PURE__ */ $(
+        /* @__PURE__ */ ee(
           "div",
           {
             ref: T,
@@ -7103,7 +7103,7 @@ const et = Ze(({
             }
           }
         ),
-        I && /* @__PURE__ */ $("div", { className: "loading-overlay", style: {
+        I && /* @__PURE__ */ ee("div", { className: "loading-overlay", style: {
           position: "absolute",
           top: "50%",
           left: "50%",
@@ -7112,7 +7112,7 @@ const et = Ze(({
           fontSize: "18px",
           zIndex: 10
         }, children: "Loading avatar..." }),
-        G && /* @__PURE__ */ $("div", { className: "error-overlay", style: {
+        G && /* @__PURE__ */ ee("div", { className: "error-overlay", style: {
           position: "absolute",
           top: "50%",
           left: "50%",
@@ -7207,7 +7207,7 @@ const wt = Ze(({
         console.error("Error initializing TalkingHead:", I), h(I.message || "Failed to initialize avatar"), r(!1), e(I);
       }
   }, []);
-  fe(() => (E(), () => {
+  xe(() => (E(), () => {
     l.current && (l.current.stop(), l.current.dispose(), l.current = null);
   }), [E]);
   const y = N((I) => {
@@ -7225,7 +7225,7 @@ const wt = Ze(({
     l.current && (l.current.stopSpeaking(), l.current.setSlowdownRate && (l.current.setSlowdownRate(1), console.log("Reset timing to normal")));
   }, []), f = N((I) => {
     l.current && l.current.setMood(I);
-  }, []), S = N((I) => {
+  }, []), w = N((I) => {
     l.current && l.current.setSlowdownRate && (l.current.setSlowdownRate(I), console.log("Timing adjustment set to:", I));
   }, []), H = N((I, U = !1) => {
     if (l.current && l.current.playAnimation) {
@@ -7272,7 +7272,7 @@ const wt = Ze(({
     speakText: y,
     stopSpeaking: F,
     setMood: f,
-    setTimingAdjustment: S,
+    setTimingAdjustment: w,
     playAnimation: H,
     isReady: g,
     talkingHead: l.current,
@@ -7334,7 +7334,7 @@ const wt = Ze(({
         }
     }
   })), /* @__PURE__ */ ke("div", { className: `talking-head-container ${o}`, style: s, children: [
-    /* @__PURE__ */ $(
+    /* @__PURE__ */ ee(
       "div",
       {
         ref: c,
@@ -7346,7 +7346,7 @@ const wt = Ze(({
         }
       }
     ),
-    u && /* @__PURE__ */ $("div", { className: "loading-overlay", style: {
+    u && /* @__PURE__ */ ee("div", { className: "loading-overlay", style: {
       position: "absolute",
       top: "50%",
       left: "50%",
@@ -7355,7 +7355,7 @@ const wt = Ze(({
       fontSize: "18px",
       zIndex: 10
     }, children: "Loading avatar..." }),
-    d && /* @__PURE__ */ $("div", { className: "error-overlay", style: {
+    d && /* @__PURE__ */ ee("div", { className: "error-overlay", style: {
       position: "absolute",
       top: "50%",
       left: "50%",
@@ -7419,7 +7419,7 @@ async function Ct(V, t = "F") {
     }
   return e.length > 0, e;
 }
-async function $e(V, t = "F") {
+async function Je(V, t = "F") {
   const e = {};
   for (const [n, o] of Object.entries(V))
     try {
@@ -7460,72 +7460,72 @@ const zt = Ze(({
   // e.g., "idle" - will randomly select from this group when idle
   autoSpeak: E = !1
 }, y) => {
-  const F = W(null), f = W(null), S = W(u), H = W(null), I = W(null), U = W(!1), G = W({ remainingText: null, originalText: null, options: null }), j = W([]), [Y, ue] = ae(!0), [le, Ie] = ae(null), [re, ze] = ae(!1), [ee, v] = ae(!1), [A, M] = ae(T), B = W(null), Z = W(!1), oe = W(null), ne = W([]), K = W([]);
-  fe(() => {
-    U.current = ee;
-  }, [ee]), fe(() => {
+  const F = W(null), f = W(null), w = W(u), H = W(null), I = W(null), U = W(!1), G = W({ remainingText: null, originalText: null, options: null }), j = W([]), [Y, ue] = ae(!0), [le, Ae] = ae(null), [re, ze] = ae(!1), [te, v] = ae(!1), [A, M] = ae(T), D = W(null), Z = W(!1), oe = W(null), ne = W([]), $ = W([]);
+  xe(() => {
+    U.current = te;
+  }, [te]), xe(() => {
     (async () => {
       if (T.manifest && T.auto)
         try {
-          const w = await De(T.manifest);
-          M(w);
+          const k = await De(T.manifest);
+          M(k);
           return;
         } catch {
         }
       if (T.manifest && !T.auto)
         try {
-          const w = await De(T.manifest);
-          M(w);
-        } catch (w) {
-          console.error("Failed to load animation manifest:", w), M(T);
+          const k = await De(T.manifest);
+          M(k);
+        } catch (k) {
+          console.error("Failed to load animation manifest:", k), M(T);
         }
       else if (T.auto)
         try {
-          let w = null;
+          let k = null;
           if (T.manifest)
             try {
-              w = await De(T.manifest);
+              k = await De(T.manifest);
             } catch {
             }
           if (typeof T.auto == "string") {
-            const D = T.auto, te = {
-              talking: `${D}/talking`,
-              idle: `${D}/idle`
-            }, q = e === "M" ? "male" : "female";
-            te[`${q}_talking`] = `${D}/${q}/talking`, te[`${q}_idle`] = `${D}/${q}/idle`, te.shared_talking = `${D}/shared/talking`, te.shared_idle = `${D}/shared/idle`;
-            const Se = await $e(te, e);
-            if (!Object.values(Se).some((ce) => Array.isArray(ce) && ce.length > 0) && w) {
-              M(w);
+            const B = T.auto, q = {
+              talking: `${B}/talking`,
+              idle: `${B}/idle`
+            }, _ = e === "M" ? "male" : "female";
+            q[`${_}_talking`] = `${B}/${_}/talking`, q[`${_}_idle`] = `${B}/${_}/idle`, q.shared_talking = `${B}/shared/talking`, q.shared_idle = `${B}/shared/idle`;
+            const ce = await Je(q, e);
+            if (!Object.values(ce).some((he) => Array.isArray(he) && he.length > 0) && k) {
+              M(k);
               return;
             }
-            const ge = {
+            const ye = {
               _genderSpecific: {
-                [q]: {},
+                [_]: {},
                 shared: {}
               }
             };
-            Object.entries(Se).forEach(([ce, Fe]) => {
-              if (ce.includes("_")) {
-                const [Ne, ...it] = ce.split("_"), Be = it.join("_");
-                Ne === "shared" ? (ge._genderSpecific.shared[Be] || (ge._genderSpecific.shared[Be] = []), ge._genderSpecific.shared[Be].push(...Fe)) : Ne === q && (ge._genderSpecific[q][Be] || (ge._genderSpecific[q][Be] = []), ge._genderSpecific[q][Be].push(...Fe));
+            Object.entries(ce).forEach(([he, Fe]) => {
+              if (he.includes("_")) {
+                const [Ne, ...it] = he.split("_"), Be = it.join("_");
+                Ne === "shared" ? (ye._genderSpecific.shared[Be] || (ye._genderSpecific.shared[Be] = []), ye._genderSpecific.shared[Be].push(...Fe)) : Ne === _ && (ye._genderSpecific[_][Be] || (ye._genderSpecific[_][Be] = []), ye._genderSpecific[_][Be].push(...Fe));
               } else
-                ge[ce] = Fe;
-            }), w && (w._genderSpecific && Object.keys(w._genderSpecific).forEach((ce) => {
-              ge._genderSpecific[ce] || (ge._genderSpecific[ce] = {}), Object.entries(w._genderSpecific[ce]).forEach(([Fe, Ne]) => {
-                ge._genderSpecific[ce][Fe] || (ge._genderSpecific[ce][Fe] = Ne);
+                ye[he] = Fe;
+            }), k && (k._genderSpecific && Object.keys(k._genderSpecific).forEach((he) => {
+              ye._genderSpecific[he] || (ye._genderSpecific[he] = {}), Object.entries(k._genderSpecific[he]).forEach(([Fe, Ne]) => {
+                ye._genderSpecific[he][Fe] || (ye._genderSpecific[he][Fe] = Ne);
               });
-            }), Object.entries(w).forEach(([ce, Fe]) => {
-              ce !== "_genderSpecific" && !ge[ce] && (ge[ce] = Fe);
-            })), M(ge);
+            }), Object.entries(k).forEach(([he, Fe]) => {
+              he !== "_genderSpecific" && !ye[he] && (ye[he] = Fe);
+            })), M(ye);
           } else if (typeof T.auto == "object") {
-            const D = await $e(T.auto, e), te = Object.values(D).some((q) => Array.isArray(q) && q.length > 0);
-            M(!te && w ? w : D);
+            const B = await Je(T.auto, e), q = Object.values(B).some((_) => Array.isArray(_) && _.length > 0);
+            M(!q && k ? k : B);
           }
-        } catch (w) {
-          if (console.error("Failed to auto-discover animations:", w), T.manifest)
+        } catch (k) {
+          if (console.error("Failed to auto-discover animations:", k), T.manifest)
             try {
-              const D = await De(T.manifest);
-              M(D);
+              const B = await De(T.manifest);
+              M(B);
             } catch {
               M(T);
             }
@@ -7535,10 +7535,10 @@ const zt = Ze(({
       else
         M(T);
     })();
-  }, [T, e]), fe(() => {
-    S.current = u;
+  }, [T, e]), xe(() => {
+    w.current = u;
   }, [u]);
-  const me = je(), Me = s || me.service;
+  const pe = je(), Me = s || pe.service;
   let He;
   Me === "browser" ? He = {
     service: "browser",
@@ -7548,18 +7548,18 @@ const zt = Ze(({
   } : Me === "elevenlabs" ? He = {
     service: "elevenlabs",
     endpoint: "https://api.elevenlabs.io/v1/text-to-speech",
-    apiKey: a || me.apiKey,
-    defaultVoice: i || me.defaultVoice || Pe.defaultVoice,
-    voices: me.voices || Pe.voices
+    apiKey: a || pe.apiKey,
+    defaultVoice: i || pe.defaultVoice || Pe.defaultVoice,
+    voices: pe.voices || Pe.voices
   } : Me === "deepgram" ? He = {
     service: "deepgram",
     endpoint: "https://api.deepgram.com/v1/speak",
-    apiKey: a || me.apiKey,
-    defaultVoice: i || me.defaultVoice || Ge.defaultVoice,
-    voices: me.voices || Ge.voices
+    apiKey: a || pe.apiKey,
+    defaultVoice: i || pe.defaultVoice || Ge.defaultVoice,
+    voices: pe.voices || Ge.voices
   } : He = {
-    ...me,
-    apiKey: a !== null ? a : me.apiKey
+    ...pe,
+    apiKey: a !== null ? a : pe.apiKey
   };
   const Ye = {
     url: t,
@@ -7580,168 +7580,175 @@ const zt = Ze(({
   }, X = N(async () => {
     if (!(!F.current || f.current))
       try {
-        ue(!0), Ie(null), f.current = new Qe(F.current, C), await f.current.showAvatar(Ye, (w) => {
-          if (w.lengthComputable) {
-            const D = Math.min(100, Math.round(w.loaded / w.total * 100));
-            h(D);
+        ue(!0), Ae(null), f.current = new Qe(F.current, C), await f.current.showAvatar(Ye, (k) => {
+          if (k.lengthComputable) {
+            const B = Math.min(100, Math.round(k.loaded / k.total * 100));
+            h(B);
           }
         }), ue(!1), ze(!0), d(f.current);
-        const k = () => {
+        const S = () => {
           document.visibilityState === "visible" ? f.current?.start() : f.current?.stop();
         };
-        return document.addEventListener("visibilitychange", k), () => {
-          document.removeEventListener("visibilitychange", k);
+        return document.addEventListener("visibilitychange", S), () => {
+          document.removeEventListener("visibilitychange", S);
         };
-      } catch (k) {
-        console.error("Error initializing TalkingHead:", k), Ie(k.message || "Failed to initialize avatar"), ue(!1), g(k);
+      } catch (S) {
+        console.error("Error initializing TalkingHead:", S), Ae(S.message || "Failed to initialize avatar"), ue(!1), g(S);
       }
   }, []);
-  fe(() => (X(), () => {
+  xe(() => (X(), () => {
     f.current && (f.current.stop(), f.current.dispose(), f.current = null);
   }), [X]);
   const Q = N(async () => {
     if (f.current)
       try {
-        const k = f.current.audioCtx || f.current.audioContext;
-        k && (k.state === "suspended" || k.state === "interrupted") && await k.resume();
-      } catch (k) {
-        console.warn("Failed to resume audio context:", k);
+        const S = f.current.audioCtx || f.current.audioContext;
+        S && (S.state === "suspended" || S.state === "interrupted") && await S.resume();
+      } catch (S) {
+        console.warn("Failed to resume audio context:", S);
       }
-  }, []), se = N((k) => {
+  }, []), se = N((S) => {
     if (!A)
       return [];
-    let w = null;
+    let k = null;
     if (A._genderSpecific) {
-      const te = (e?.toUpperCase() || "F") === "M" ? "male" : "female", q = A._genderSpecific[te];
-      q && q[k] ? w = q[k] : A._genderSpecific.shared && A._genderSpecific.shared[k] && (w = A._genderSpecific.shared[k]);
+      let B = "F";
+      if (e) {
+        const ce = e.toString().toUpperCase().trim();
+        ce === "M" || ce === "MALE" ? B = "M" : (ce === "F" || ce === "FEMALE") && (B = "F");
+      }
+      const q = B === "M" ? "male" : "female";
+      console.log(`🔍 Gender detection: avatarBody="${e}" -> avatarGender="${B}" -> genderKey="${q}"`);
+      const _ = A._genderSpecific[q];
+      _ && _[S] ? (k = _[S], console.log(`✅ Found ${q} animations for "${S}": ${Array.isArray(k) ? k.length : 1} animation(s)`)) : A._genderSpecific.shared && A._genderSpecific.shared[S] ? (k = A._genderSpecific.shared[S], console.log(`✅ Found shared animations for "${S}": ${Array.isArray(k) ? k.length : 1} animation(s)`)) : console.log(`⚠️ No ${q} or shared animations found for "${S}"`);
     }
-    return !w && A[k] && (w = A[k]), w ? Array.isArray(w) ? [...w] : typeof w == "string" ? [w] : [] : [];
-  }, [A, e]), xe = N((k) => {
-    const w = [...k];
-    for (let D = w.length - 1; D > 0; D--) {
-      const te = Math.floor(Math.random() * (D + 1));
-      [w[D], w[te]] = [w[te], w[D]];
+    return !k && A[S] && (k = A[S], console.log(`✅ Found root-level animations for "${S}": ${Array.isArray(k) ? k.length : 1} animation(s)`)), k ? Array.isArray(k) ? [...k] : typeof k == "string" ? [k] : [] : (console.log(`❌ No animations found for "${S}"`), []);
+  }, [A, e]), be = N((S) => {
+    const k = [...S];
+    for (let B = k.length - 1; B > 0; B--) {
+      const q = Math.floor(Math.random() * (B + 1));
+      [k[B], k[q]] = [k[q], k[B]];
     }
-    return w;
-  }, []), J = N((k) => {
-    if (K.current.length === 0) {
-      const D = se(k);
-      if (D.length === 0)
+    return k;
+  }, []), J = N((S) => {
+    if ($.current.length === 0) {
+      const B = se(S);
+      if (B.length === 0)
         return null;
-      K.current = xe(D), ne.current = [];
+      $.current = be(B), ne.current = [];
     }
-    const w = K.current.shift();
-    return w && ne.current.push(w), w;
-  }, [se, xe]), pe = N((k) => k ? k.split("/").pop().replace(".fbx", "").replace(/[-_]/g, " ") : "Unknown", []), be = N((k, w = !1, D = null) => {
+    const k = $.current.shift();
+    return k && ne.current.push(k), k;
+  }, [se, be]), ge = N((S) => S ? S.split("/").pop().replace(".fbx", "").replace(/[-_]/g, " ") : "Unknown", []), Re = N((S, k = !1, B = null) => {
     if (!f.current)
       return null;
-    const te = J(k);
-    if (te)
+    const q = J(S);
+    if (q)
       try {
-        const q = pe(te);
-        console.log(`🎬 Playing animation: "${q}"`);
-        const Se = () => {
-          Z.current && oe.current === k && f.current && (f.current.isSpeaking || f.current.audioPlaylist && f.current.audioPlaylist.length > 0 || f.current.speechQueue && f.current.speechQueue.length > 0) ? setTimeout(() => {
-            be(k, w, D);
-          }, 100) : (Z.current = !1, oe.current = null, D && D());
+        const _ = ge(q);
+        console.log(`🎬 Playing animation: "${_}"`);
+        const ce = () => {
+          Z.current && oe.current === S && f.current && (f.current.isSpeaking || f.current.audioPlaylist && f.current.audioPlaylist.length > 0 || f.current.speechQueue && f.current.speechQueue.length > 0) ? setTimeout(() => {
+            Re(S, k, B);
+          }, 100) : (Z.current = !1, oe.current = null, B && B());
         };
-        return f.current.playAnimation(te, null, 0, 0, 0.01, w, Se), te;
-      } catch (q) {
-        return console.error("Failed to play animation:", q), null;
+        return f.current.playAnimation(q, null, 0, 0, 0.01, k, ce), q;
+      } catch (_) {
+        return console.error("Failed to play animation:", _), null;
       }
     else
-      Z.current && oe.current === k && f.current && (f.current.isSpeaking || f.current.audioPlaylist && f.current.audioPlaylist.length > 0 || f.current.speechQueue && f.current.speechQueue.length > 0) && (K.current = [], ne.current = [], setTimeout(() => {
-        be(k, w, D);
+      Z.current && oe.current === S && f.current && (f.current.isSpeaking || f.current.audioPlaylist && f.current.audioPlaylist.length > 0 || f.current.speechQueue && f.current.speechQueue.length > 0) && ($.current = [], ne.current = [], setTimeout(() => {
+        Re(S, k, B);
       }, 100));
     return null;
-  }, [J, pe]), Re = N(async (k, w = {}) => {
-    if (!f.current || !re || !k || k.trim() === "")
+  }, [J, ge]), ve = N(async (S, k = {}) => {
+    if (!f.current || !re || !S || S.trim() === "")
       return;
     await Q();
-    const D = w.animationGroup || p;
-    D && !w.skipAnimation && (Z.current = !0, oe.current = D, K.current = [], ne.current = [], be(D)), G.current = { remainingText: null, originalText: null, options: null }, j.current = [], H.current = { text: k, options: w }, I.current && (clearInterval(I.current), I.current = null), v(!1), U.current = !1;
-    const te = k.split(/[.!?]+/).filter((Se) => Se.trim().length > 0);
-    j.current = te;
-    const q = {
-      lipsyncLang: w.lipsyncLang || "en",
+    const B = k.animationGroup || p;
+    B && !k.skipAnimation && (Z.current = !0, oe.current = B, $.current = [], ne.current = [], Re(B)), G.current = { remainingText: null, originalText: null, options: null }, j.current = [], H.current = { text: S, options: k }, I.current && (clearInterval(I.current), I.current = null), v(!1), U.current = !1;
+    const q = S.split(/[.!?]+/).filter((ce) => ce.trim().length > 0);
+    j.current = q;
+    const _ = {
+      lipsyncLang: k.lipsyncLang || "en",
       onSpeechEnd: () => {
-        I.current && (clearInterval(I.current), I.current = null), Z.current = !1, oe.current = null, K.current = [], ne.current = [], w.onSpeechEnd && w.onSpeechEnd(), R();
+        I.current && (clearInterval(I.current), I.current = null), Z.current = !1, oe.current = null, $.current = [], ne.current = [], k.onSpeechEnd && k.onSpeechEnd(), R();
       }
     };
     try {
-      f.current.speakText(k, q);
-    } catch (Se) {
-      console.error("Error speaking text:", Se), Ie(Se.message || "Failed to speak text");
+      f.current.speakText(S, _);
+    } catch (ce) {
+      console.error("Error speaking text:", ce), Ae(ce.message || "Failed to speak text");
     }
-  }, [re, R, Q, p, be]);
-  fe(() => {
+  }, [re, R, Q, p, Re]);
+  xe(() => {
     if (!re || !P || !f.current)
       return;
-    B.current && clearInterval(B.current);
-    const k = () => {
-      f.current && !U.current && be(P);
+    D.current && clearInterval(D.current);
+    const S = () => {
+      f.current && !U.current && Re(P);
     };
-    return k(), B.current = setInterval(() => {
-      k();
+    return S(), D.current = setInterval(() => {
+      S();
     }, 12e3 + Math.random() * 3e3), () => {
-      B.current && (clearInterval(B.current), B.current = null);
+      D.current && (clearInterval(D.current), D.current = null);
     };
-  }, [re, P, be]), fe(() => {
-    re && V && E && f.current && Re(V);
-  }, [re, V, E, Re]);
-  const Le = N(() => {
+  }, [re, P, Re]), xe(() => {
+    re && V && E && f.current && ve(V);
+  }, [re, V, E, ve]);
+  const Se = N(() => {
     if (f.current)
       try {
-        const k = f.current.isSpeaking || !1, w = f.current.audioPlaylist || [], D = f.current.speechQueue || [];
-        if (k || w.length > 0 || D.length > 0) {
+        const S = f.current.isSpeaking || !1, k = f.current.audioPlaylist || [], B = f.current.speechQueue || [];
+        if (S || k.length > 0 || B.length > 0) {
           I.current && (clearInterval(I.current), I.current = null);
-          let te = "";
-          D.length > 0 && (te = D.map((q) => q.text && Array.isArray(q.text) ? q.text.map((Se) => Se.word).join(" ") : q.text || "").join(" ")), G.current = {
-            remainingText: te || null,
+          let q = "";
+          B.length > 0 && (q = B.map((_) => _.text && Array.isArray(_.text) ? _.text.map((ce) => ce.word).join(" ") : _.text || "").join(" ")), G.current = {
+            remainingText: q || null,
             originalText: H.current?.text || null,
             options: H.current?.options || null
           }, f.current.speechQueue.length = 0, f.current.pauseSpeaking(), v(!0), U.current = !0;
         }
-      } catch (k) {
-        console.warn("Error pausing speech:", k);
+      } catch (S) {
+        console.warn("Error pausing speech:", S);
       }
-  }, []), Ae = N(async () => {
-    if (!(!f.current || !ee))
+  }, []), Le = N(async () => {
+    if (!(!f.current || !te))
       try {
         await Q(), v(!1), U.current = !1;
-        const k = G.current?.remainingText, w = G.current?.originalText || H.current?.text, D = G.current?.options || H.current?.options || {}, te = k || w;
-        te && Re(te, D);
-      } catch (k) {
-        console.warn("Error resuming speech:", k), v(!1), U.current = !1;
+        const S = G.current?.remainingText, k = G.current?.originalText || H.current?.text, B = G.current?.options || H.current?.options || {}, q = S || k;
+        q && ve(q, B);
+      } catch (S) {
+        console.warn("Error resuming speech:", S), v(!1), U.current = !1;
       }
-  }, [ee, Re, Q]), Oe = N(() => {
-    f.current && (f.current.stopSpeaking(), I.current && (clearInterval(I.current), I.current = null), Z.current = !1, oe.current = null, K.current = [], ne.current = [], v(!1), U.current = !1);
+  }, [te, ve, Q]), Oe = N(() => {
+    f.current && (f.current.stopSpeaking(), I.current && (clearInterval(I.current), I.current = null), Z.current = !1, oe.current = null, $.current = [], ne.current = [], v(!1), U.current = !1);
   }, []);
   return Xe(y, () => ({
-    speakText: Re,
-    pauseSpeaking: Le,
-    resumeSpeaking: Ae,
+    speakText: ve,
+    pauseSpeaking: Se,
+    resumeSpeaking: Le,
     stopSpeaking: Oe,
     resumeAudioContext: Q,
-    isPaused: () => ee,
-    setMood: (k) => f.current?.setMood(k),
-    setBodyMovement: (k) => {
-      f.current && f.current.setBodyMovement(k);
+    isPaused: () => te,
+    setMood: (S) => f.current?.setMood(S),
+    setBodyMovement: (S) => {
+      f.current && f.current.setBodyMovement(S);
     },
-    playAnimation: (k, w = !1) => {
-      f.current && f.current.playAnimation && f.current.playAnimation(k, null, 10, 0, 0.01, w);
+    playAnimation: (S, k = !1) => {
+      f.current && f.current.playAnimation && f.current.playAnimation(S, null, 10, 0, 0.01, k);
     },
-    playRandomAnimation: (k, w = !1) => be(k, w),
-    getRandomAnimation: (k) => getRandomAnimation(k),
-    playReaction: (k) => f.current?.playReaction(k),
+    playRandomAnimation: (S, k = !1) => Re(S, k),
+    getRandomAnimation: (S) => getRandomAnimation(S),
+    playReaction: (S) => f.current?.playReaction(S),
     playCelebration: () => f.current?.playCelebration(),
-    setShowFullAvatar: (k) => {
-      f.current && (S.current = k, f.current.setShowFullAvatar(k));
+    setShowFullAvatar: (S) => {
+      f.current && (w.current = S, f.current.setShowFullAvatar(S));
     },
     isReady: re,
     talkingHead: f.current
   })), /* @__PURE__ */ ke("div", { className: `simple-talking-avatar-container ${b}`, style: L, children: [
-    /* @__PURE__ */ $(
+    /* @__PURE__ */ ee(
       "div",
       {
         ref: F,
@@ -7753,7 +7760,7 @@ const zt = Ze(({
         }
       }
     ),
-    Y && /* @__PURE__ */ $("div", { className: "loading-overlay", style: {
+    Y && /* @__PURE__ */ ee("div", { className: "loading-overlay", style: {
       position: "absolute",
       top: "50%",
       left: "50%",
@@ -7762,7 +7769,7 @@ const zt = Ze(({
       fontSize: "18px",
       zIndex: 10
     }, children: "Loading avatar..." }),
-    le && /* @__PURE__ */ $("div", { className: "error-overlay", style: {
+    le && /* @__PURE__ */ ee("div", { className: "error-overlay", style: {
       position: "absolute",
       top: "50%",
       left: "50%",
@@ -7828,7 +7835,7 @@ const Ht = Ze(({
     animations: e,
     lipsyncLang: "en"
   });
-  fe(() => {
+  xe(() => {
     d.current = {
       onLessonStart: n,
       onLessonComplete: o,
@@ -7836,7 +7843,7 @@ const Ht = Ze(({
       onCurriculumComplete: i,
       onCustomAction: a
     };
-  }, [n, o, s, i, a]), fe(() => {
+  }, [n, o, s, i, a]), xe(() => {
     P.current = V?.curriculum || {
       title: "Default Curriculum",
       description: "No curriculum data provided",
@@ -7857,7 +7864,7 @@ const Ht = Ze(({
       lipsyncLang: "en"
     };
   }, [V, t, e]);
-  const y = N(() => (P.current || { modules: [] }).modules[r.current.currentModuleIndex]?.lessons[r.current.currentLessonIndex], []), F = N(() => y()?.questions[r.current.currentQuestionIndex], [y]), f = N((v, A) => A.type === "multiple_choice" || A.type === "true_false" ? v === A.answer : A.type === "code_test" && typeof v == "object" && v !== null ? v.passed === !0 : !1, []), S = N(() => {
+  const y = N(() => (P.current || { modules: [] }).modules[r.current.currentModuleIndex]?.lessons[r.current.currentLessonIndex], []), F = N(() => y()?.questions[r.current.currentQuestionIndex], [y]), f = N((v, A) => A.type === "multiple_choice" || A.type === "true_false" ? v === A.answer : A.type === "code_test" && typeof v == "object" && v !== null ? v.passed === !0 : !1, []), w = N(() => {
     r.current.lessonCompleted = !0, r.current.isQuestionMode = !1;
     const v = r.current.totalQuestions > 0 ? Math.round(r.current.score / r.current.totalQuestions * 100) : 100;
     let A = "Congratulations! You've completed this lesson";
@@ -7881,9 +7888,9 @@ const Ht = Ze(({
         } catch {
           u.current.playCelebration();
         }
-      const M = P.current || { modules: [] }, B = M.modules[r.current.currentModuleIndex], Z = r.current.currentLessonIndex < (B?.lessons?.length || 0) - 1, oe = r.current.currentModuleIndex < (M.modules?.length || 0) - 1, ne = Z || oe, K = E.current || { lipsyncLang: "en" };
+      const M = P.current || { modules: [] }, D = M.modules[r.current.currentModuleIndex], Z = r.current.currentLessonIndex < (D?.lessons?.length || 0) - 1, oe = r.current.currentModuleIndex < (M.modules?.length || 0) - 1, ne = Z || oe, $ = E.current || { lipsyncLang: "en" };
       u.current.speakText(A, {
-        lipsyncLang: K.lipsyncLang,
+        lipsyncLang: $.lipsyncLang,
         onSpeechEnd: () => {
           d.current.onCustomAction({
             type: "lessonCompleteFeedbackDone",
@@ -7934,20 +7941,20 @@ const Ht = Ze(({
         } catch (Z) {
           console.warn("Failed to play questionStart animation:", Z);
         }
-      const B = E.current || { lipsyncLang: "en" };
-      A.type === "code_test" ? u.current.speakText(`Let's test your coding skills! Here's your first challenge: ${A.question}`, { lipsyncLang: B.lipsyncLang }) : A.type === "multiple_choice" ? u.current.speakText(`Now let me ask you some questions. Here's the first one: ${A.question}`, { lipsyncLang: B.lipsyncLang }) : A.type === "true_false" ? u.current.speakText(`Let's start with some true or false questions. First question: ${A.question}`, { lipsyncLang: B.lipsyncLang }) : u.current.speakText(`Now let me ask you some questions. Here's the first one: ${A.question}`, { lipsyncLang: B.lipsyncLang });
+      const D = E.current || { lipsyncLang: "en" };
+      A.type === "code_test" ? u.current.speakText(`Let's test your coding skills! Here's your first challenge: ${A.question}`, { lipsyncLang: D.lipsyncLang }) : A.type === "multiple_choice" ? u.current.speakText(`Now let me ask you some questions. Here's the first one: ${A.question}`, { lipsyncLang: D.lipsyncLang }) : A.type === "true_false" ? u.current.speakText(`Let's start with some true or false questions. First question: ${A.question}`, { lipsyncLang: D.lipsyncLang }) : u.current.speakText(`Now let me ask you some questions. Here's the first one: ${A.question}`, { lipsyncLang: D.lipsyncLang });
     };
     if (u.current && u.current.isReady && A)
       M();
     else if (u.current && u.current.isReady) {
-      const B = E.current || { lipsyncLang: "en" };
-      u.current.speakText("Now let me ask you some questions to test your understanding.", { lipsyncLang: B.lipsyncLang });
+      const D = E.current || { lipsyncLang: "en" };
+      u.current.speakText("Now let me ask you some questions to test your understanding.", { lipsyncLang: D.lipsyncLang });
     } else {
-      const B = setInterval(() => {
-        u.current && u.current.isReady && (clearInterval(B), A && M());
+      const D = setInterval(() => {
+        u.current && u.current.isReady && (clearInterval(D), A && M());
       }, 100);
       setTimeout(() => {
-        clearInterval(B);
+        clearInterval(D);
       }, 5e3);
     }
   }, [e.questionStart, y, F]), U = N(() => {
@@ -7969,40 +7976,40 @@ const Ht = Ze(({
         if (u.current.setMood("happy"), u.current.setBodyMovement("idle"), e.nextQuestion)
           try {
             u.current.playAnimation(e.nextQuestion, !0);
-          } catch (K) {
-            console.warn("Failed to play nextQuestion animation:", K);
+          } catch ($) {
+            console.warn("Failed to play nextQuestion animation:", $);
           }
-        const B = E.current || { lipsyncLang: "en" }, oe = y()?.questions?.length || 0, ne = r.current.currentQuestionIndex >= oe - 1;
+        const D = E.current || { lipsyncLang: "en" }, oe = y()?.questions?.length || 0, ne = r.current.currentQuestionIndex >= oe - 1;
         if (A.type === "code_test") {
-          const K = ne ? `Great! Here's your final coding challenge: ${A.question}` : `Great! Now let's move on to your next coding challenge: ${A.question}`;
-          u.current.speakText(K, {
-            lipsyncLang: B.lipsyncLang
+          const $ = ne ? `Great! Here's your final coding challenge: ${A.question}` : `Great! Now let's move on to your next coding challenge: ${A.question}`;
+          u.current.speakText($, {
+            lipsyncLang: D.lipsyncLang
           });
         } else if (A.type === "multiple_choice") {
-          const K = ne ? `Alright! Here's your final question: ${A.question}` : `Alright! Here's your next question: ${A.question}`;
-          u.current.speakText(K, {
-            lipsyncLang: B.lipsyncLang
+          const $ = ne ? `Alright! Here's your final question: ${A.question}` : `Alright! Here's your next question: ${A.question}`;
+          u.current.speakText($, {
+            lipsyncLang: D.lipsyncLang
           });
         } else if (A.type === "true_false") {
-          const K = ne ? `Now let's try this final one: ${A.question}` : `Now let's try this one: ${A.question}`;
-          u.current.speakText(K, {
-            lipsyncLang: B.lipsyncLang
+          const $ = ne ? `Now let's try this final one: ${A.question}` : `Now let's try this one: ${A.question}`;
+          u.current.speakText($, {
+            lipsyncLang: D.lipsyncLang
           });
         } else {
-          const K = ne ? `Here's your final question: ${A.question}` : `Here's the next question: ${A.question}`;
-          u.current.speakText(K, {
-            lipsyncLang: B.lipsyncLang
+          const $ = ne ? `Here's your final question: ${A.question}` : `Here's the next question: ${A.question}`;
+          u.current.speakText($, {
+            lipsyncLang: D.lipsyncLang
           });
         }
       };
       if (u.current && u.current.isReady && A)
         M();
       else if (A) {
-        const B = setInterval(() => {
-          u.current && u.current.isReady && (clearInterval(B), M());
+        const D = setInterval(() => {
+          u.current && u.current.isReady && (clearInterval(D), M());
         }, 100);
         setTimeout(() => {
-          clearInterval(B);
+          clearInterval(D);
         }, 5e3);
       }
     } else
@@ -8017,7 +8024,7 @@ const Ht = Ze(({
     const v = P.current || { modules: [] }, A = v.modules[r.current.currentModuleIndex];
     if (r.current.currentLessonIndex < (A?.lessons?.length || 0) - 1) {
       r.current.currentLessonIndex += 1, r.current.currentQuestionIndex = 0, r.current.lessonCompleted = !1, r.current.isQuestionMode = !1, r.current.isTeaching = !1, r.current.score = 0, r.current.totalQuestions = 0;
-      const B = v.modules[r.current.currentModuleIndex], Z = r.current.currentLessonIndex < (B?.lessons?.length || 0) - 1, oe = r.current.currentModuleIndex < (v.modules?.length || 0) - 1, ne = Z || oe;
+      const D = v.modules[r.current.currentModuleIndex], Z = r.current.currentLessonIndex < (D?.lessons?.length || 0) - 1, oe = r.current.currentModuleIndex < (v.modules?.length || 0) - 1, ne = Z || oe;
       d.current.onCustomAction({
         type: "lessonStart",
         moduleIndex: r.current.currentModuleIndex,
@@ -8030,12 +8037,12 @@ const Ht = Ze(({
       }), u.current && (u.current.setMood("happy"), u.current.setBodyMovement("idle"));
     } else if (r.current.currentModuleIndex < (v.modules?.length || 0) - 1) {
       r.current.currentModuleIndex += 1, r.current.currentLessonIndex = 0, r.current.currentQuestionIndex = 0, r.current.lessonCompleted = !1, r.current.isQuestionMode = !1, r.current.isTeaching = !1, r.current.score = 0, r.current.totalQuestions = 0;
-      const Z = v.modules[r.current.currentModuleIndex], oe = r.current.currentLessonIndex < (Z?.lessons?.length || 0) - 1, ne = r.current.currentModuleIndex < (v.modules?.length || 0) - 1, K = oe || ne;
+      const Z = v.modules[r.current.currentModuleIndex], oe = r.current.currentLessonIndex < (Z?.lessons?.length || 0) - 1, ne = r.current.currentModuleIndex < (v.modules?.length || 0) - 1, $ = oe || ne;
       d.current.onCustomAction({
         type: "lessonStart",
         moduleIndex: r.current.currentModuleIndex,
         lessonIndex: r.current.currentLessonIndex,
-        hasNextLesson: K
+        hasNextLesson: $
       }), d.current.onLessonStart({
         moduleIndex: r.current.currentModuleIndex,
         lessonIndex: r.current.currentLessonIndex,
@@ -8047,8 +8054,8 @@ const Ht = Ze(({
     const v = y();
     let A = null;
     if (v?.avatar_script && v?.body) {
-      const M = v.avatar_script.trim(), B = v.body.trim(), Z = M.match(/[.!?]$/) ? " " : ". ";
-      A = `${M}${Z}${B}`;
+      const M = v.avatar_script.trim(), D = v.body.trim(), Z = M.match(/[.!?]$/) ? " " : ". ";
+      A = `${M}${Z}${D}`;
     } else
       A = v?.avatar_script || v?.body || null;
     if (u.current && u.current.isReady && A) {
@@ -8061,7 +8068,7 @@ const Ht = Ze(({
           console.warn("Failed to play teaching animation:", Z);
         }
       M || u.current.setBodyMovement("gesturing");
-      const B = E.current || { lipsyncLang: "en" };
+      const D = E.current || { lipsyncLang: "en" };
       d.current.onLessonStart({
         moduleIndex: r.current.currentModuleIndex,
         lessonIndex: r.current.currentLessonIndex,
@@ -8072,7 +8079,7 @@ const Ht = Ze(({
         lessonIndex: r.current.currentLessonIndex,
         lesson: v
       }), u.current.speakText(A, {
-        lipsyncLang: B.lipsyncLang,
+        lipsyncLang: D.lipsyncLang,
         onSpeechEnd: () => {
           r.current.isTeaching = !1, d.current.onCustomAction({
             type: "teachingComplete",
@@ -8112,9 +8119,9 @@ const Ht = Ze(({
         r.current.currentQuestionIndex >= Z - 1;
         const oe = r.current.currentQuestionIndex < Z - 1;
         console.log("[CurriculumLearning] Answer feedback - questionIndex:", r.current.currentQuestionIndex, "totalQuestions:", Z, "hasNextQuestion:", oe);
-        const ne = A.type === "code_test" ? `Great job! Your code passed all the tests! ${A.explanation || ""}` : `Excellent! That's correct! ${A.explanation || ""}`, K = E.current || { lipsyncLang: "en" };
+        const ne = A.type === "code_test" ? `Great job! Your code passed all the tests! ${A.explanation || ""}` : `Excellent! That's correct! ${A.explanation || ""}`, $ = E.current || { lipsyncLang: "en" };
         u.current.speakText(ne, {
-          lipsyncLang: K.lipsyncLang,
+          lipsyncLang: $.lipsyncLang,
           onSpeechEnd: () => {
             d.current.onCustomAction({
               type: "answerFeedbackComplete",
@@ -8138,9 +8145,9 @@ const Ht = Ze(({
         u.current.setBodyMovement("gesturing");
         const Z = y()?.questions?.length || 0, oe = r.current.currentQuestionIndex >= Z - 1, ne = r.current.currentQuestionIndex < Z - 1;
         console.log("[CurriculumLearning] Answer feedback (incorrect) - questionIndex:", r.current.currentQuestionIndex, "totalQuestions:", Z, "hasNextQuestion:", ne);
-        const K = A.type === "code_test" ? `Your code didn't pass all the tests. ${A.explanation || "Try again!"}` : `Not quite right, but don't worry! ${A.explanation || ""}${oe ? "" : " Let's move on to the next question."}`, me = E.current || { lipsyncLang: "en" };
-        u.current.speakText(K, {
-          lipsyncLang: me.lipsyncLang,
+        const $ = A.type === "code_test" ? `Your code didn't pass all the tests. ${A.explanation || "Try again!"}` : `Not quite right, but don't worry! ${A.explanation || ""}${oe ? "" : " Let's move on to the next question."}`, pe = E.current || { lipsyncLang: "en" };
+        u.current.speakText($, {
+          lipsyncLang: pe.lipsyncLang,
           onSpeechEnd: () => {
             d.current.onCustomAction({
               type: "answerFeedbackComplete",
@@ -8231,7 +8238,7 @@ const Ht = Ze(({
         }, 5e3);
       }
     }
-  }, [F]), Ie = N(() => {
+  }, [F]), Ae = N(() => {
     const v = P.current || { modules: [] };
     if (v.modules[r.current.currentModuleIndex], r.current.currentLessonIndex > 0)
       r.current.currentLessonIndex -= 1, r.current.currentQuestionIndex = 0, r.current.lessonCompleted = !1, r.current.isQuestionMode = !1, r.current.isTeaching = !1, r.current.score = 0, r.current.totalQuestions = 0, d.current.onCustomAction({
@@ -8244,8 +8251,8 @@ const Ht = Ze(({
         lesson: y()
       }), u.current && (u.current.setMood("happy"), u.current.setBodyMovement("idle"));
     else if (r.current.currentModuleIndex > 0) {
-      const B = v.modules[r.current.currentModuleIndex - 1];
-      r.current.currentModuleIndex -= 1, r.current.currentLessonIndex = (B?.lessons?.length || 1) - 1, r.current.currentQuestionIndex = 0, r.current.lessonCompleted = !1, r.current.isQuestionMode = !1, r.current.isTeaching = !1, r.current.score = 0, r.current.totalQuestions = 0, d.current.onCustomAction({
+      const D = v.modules[r.current.currentModuleIndex - 1];
+      r.current.currentModuleIndex -= 1, r.current.currentLessonIndex = (D?.lessons?.length || 1) - 1, r.current.currentQuestionIndex = 0, r.current.lessonCompleted = !1, r.current.isQuestionMode = !1, r.current.isTeaching = !1, r.current.score = 0, r.current.totalQuestions = 0, d.current.onCustomAction({
         type: "lessonStart",
         moduleIndex: r.current.currentModuleIndex,
         lessonIndex: r.current.currentLessonIndex
@@ -8265,7 +8272,7 @@ const Ht = Ze(({
     }, 10);
   }, [c, y]);
   ot(() => {
-    h.current = j, g.current = G, R.current = S, b.current = U, L.current = H, T.current = I, p.current = Y;
+    h.current = j, g.current = G, R.current = w, b.current = U, L.current = H, T.current = I, p.current = Y;
   }), Xe(l, () => ({
     // Curriculum control methods
     startTeaching: j,
@@ -8275,8 +8282,8 @@ const Ht = Ze(({
     nextQuestion: U,
     previousQuestion: le,
     nextLesson: G,
-    previousLesson: Ie,
-    completeLesson: S,
+    previousLesson: Ae,
+    completeLesson: w,
     completeCurriculum: H,
     resetCurriculum: re,
     getState: () => ({ ...r.current }),
@@ -8332,8 +8339,8 @@ const Ht = Ze(({
     handleResize: () => u.current?.handleResize(),
     // Avatar readiness check (always returns current value)
     isAvatarReady: () => u.current?.isReady || !1
-  }), [j, I, Y, ue, U, G, S, H, re, F, y]);
-  const ee = E.current || {
+  }), [j, I, Y, ue, U, G, w, H, re, F, y]);
+  const te = E.current || {
     avatarUrl: "/avatars/brunette.glb",
     avatarBody: "F",
     mood: "happy",
@@ -8346,22 +8353,22 @@ const Ht = Ze(({
     showFullAvatar: !1,
     animations: e
   };
-  return /* @__PURE__ */ $("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ $(
+  return /* @__PURE__ */ ee("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ ee(
     et,
     {
       ref: u,
-      avatarUrl: ee.avatarUrl,
-      avatarBody: ee.avatarBody,
-      mood: ee.mood,
-      ttsLang: ee.ttsLang,
-      ttsService: ee.ttsService,
-      ttsVoice: ee.ttsVoice,
-      ttsApiKey: ee.ttsApiKey,
-      bodyMovement: ee.bodyMovement,
-      movementIntensity: ee.movementIntensity,
-      showFullAvatar: ee.showFullAvatar,
+      avatarUrl: te.avatarUrl,
+      avatarBody: te.avatarBody,
+      mood: te.mood,
+      ttsLang: te.ttsLang,
+      ttsService: te.ttsService,
+      ttsVoice: te.ttsVoice,
+      ttsApiKey: te.ttsApiKey,
+      bodyMovement: te.bodyMovement,
+      movementIntensity: te.movementIntensity,
+      showFullAvatar: te.showFullAvatar,
       cameraView: "upper",
-      animations: ee.animations,
+      animations: te.animations,
       onReady: ze,
       onLoading: () => {
       },
@@ -8381,7 +8388,7 @@ function Ut({
   style: s = {}
 }) {
   const [i, a] = ae([]), [c, l] = ae(/* @__PURE__ */ new Set()), [u, r] = ae(!0), [d, h] = ae(null), [g, R] = ae("all"), [b, L] = ae("");
-  fe(() => {
+  xe(() => {
     (async () => {
       r(!0), h(null);
       try {
@@ -8423,22 +8430,22 @@ function Ut({
       }
     })();
   }, [V, t]);
-  const T = ["all", ...new Set(i.map((S) => S.group))], p = i.filter((S) => {
-    const H = g === "all" || S.group === g, I = b === "" || S.name.toLowerCase().includes(b.toLowerCase()) || S.path.toLowerCase().includes(b.toLowerCase());
+  const T = ["all", ...new Set(i.map((w) => w.group))], p = i.filter((w) => {
+    const H = g === "all" || w.group === g, I = b === "" || w.name.toLowerCase().includes(b.toLowerCase()) || w.path.toLowerCase().includes(b.toLowerCase());
     return H && I;
-  }), P = (S) => {
+  }), P = (w) => {
     const H = new Set(c);
-    H.has(S) ? H.delete(S) : H.add(S), l(H), n && n(Array.from(H));
+    H.has(w) ? H.delete(w) : H.add(w), l(H), n && n(Array.from(H));
   }, E = () => {
-    const S = new Set(c);
+    const w = new Set(c);
     p.forEach((H) => {
-      S.add(H.path);
-    }), l(S), n && n(Array.from(S));
+      w.add(H.path);
+    }), l(w), n && n(Array.from(w));
   }, y = () => {
-    const S = new Set(c);
+    const w = new Set(c);
     p.forEach((H) => {
-      S.delete(H.path);
-    }), l(S), n && n(Array.from(S));
+      w.delete(H.path);
+    }), l(w), n && n(Array.from(w));
   }, F = () => {
     const H = i.filter((I) => !c.has(I.path)).map((I) => I.path);
     if (H.length === 0) {
@@ -8451,10 +8458,10 @@ This will delete:
 ${H.slice(0, 5).join(`
 `)}${H.length > 5 ? `
 ...` : ""}`) && (o && o(H), a(i.filter((I) => c.has(I.path))), l(/* @__PURE__ */ new Set()));
-  }, f = (S) => {
-    e && e(S);
+  }, f = (w) => {
+    e && e(w);
   };
-  return u ? /* @__PURE__ */ $("div", { style: { padding: "20px", textAlign: "center", ...s }, children: /* @__PURE__ */ $("p", { children: "Loading animations..." }) }) : d ? /* @__PURE__ */ $("div", { style: { padding: "20px", color: "red", ...s }, children: /* @__PURE__ */ ke("p", { children: [
+  return u ? /* @__PURE__ */ ee("div", { style: { padding: "20px", textAlign: "center", ...s }, children: /* @__PURE__ */ ee("p", { children: "Loading animations..." }) }) : d ? /* @__PURE__ */ ee("div", { style: { padding: "20px", color: "red", ...s }, children: /* @__PURE__ */ ke("p", { children: [
     "Error loading animations: ",
     d
   ] }) }) : /* @__PURE__ */ ke("div", { style: {
@@ -8464,8 +8471,8 @@ ${H.slice(0, 5).join(`
     color: "#fff",
     ...s
   }, children: [
-    /* @__PURE__ */ $("h2", { style: { marginTop: 0 }, children: "Animation Selector" }),
-    /* @__PURE__ */ $("p", { style: { color: "#aaa", fontSize: "14px" }, children: "Click buttons to play animations. Select animations to keep, then delete will remove the rest." }),
+    /* @__PURE__ */ ee("h2", { style: { marginTop: 0 }, children: "Animation Selector" }),
+    /* @__PURE__ */ ee("p", { style: { color: "#aaa", fontSize: "14px" }, children: "Click buttons to play animations. Select animations to keep, then delete will remove the rest." }),
     /* @__PURE__ */ ke("div", { style: {
       display: "flex",
       gap: "10px",
@@ -8473,13 +8480,13 @@ ${H.slice(0, 5).join(`
       flexWrap: "wrap",
       alignItems: "center"
     }, children: [
-      /* @__PURE__ */ $(
+      /* @__PURE__ */ ee(
         "input",
         {
           type: "text",
           placeholder: "Search animations...",
           value: b,
-          onChange: (S) => L(S.target.value),
+          onChange: (w) => L(w.target.value),
           style: {
             padding: "8px 12px",
             borderRadius: "6px",
@@ -8492,11 +8499,11 @@ ${H.slice(0, 5).join(`
           }
         }
       ),
-      /* @__PURE__ */ $(
+      /* @__PURE__ */ ee(
         "select",
         {
           value: g,
-          onChange: (S) => R(S.target.value),
+          onChange: (w) => R(w.target.value),
           style: {
             padding: "8px 12px",
             borderRadius: "6px",
@@ -8505,10 +8512,10 @@ ${H.slice(0, 5).join(`
             color: "#fff",
             fontSize: "14px"
           },
-          children: T.map((S) => /* @__PURE__ */ $("option", { value: S, children: S === "all" ? "All Groups" : S }, S))
+          children: T.map((w) => /* @__PURE__ */ ee("option", { value: w, children: w === "all" ? "All Groups" : w }, w))
         }
       ),
-      /* @__PURE__ */ $(
+      /* @__PURE__ */ ee(
         "button",
         {
           onClick: E,
@@ -8524,7 +8531,7 @@ ${H.slice(0, 5).join(`
           children: "Select All Visible"
         }
       ),
-      /* @__PURE__ */ $(
+      /* @__PURE__ */ ee(
         "button",
         {
           onClick: y,
@@ -8574,7 +8581,7 @@ ${H.slice(0, 5).join(`
       " | Showing: ",
       p.length
     ] }),
-    /* @__PURE__ */ $("div", { style: {
+    /* @__PURE__ */ ee("div", { style: {
       display: "grid",
       gridTemplateColumns: "repeat(auto-fill, minmax(200px, 1fr))",
       gap: "10px",
@@ -8583,8 +8590,8 @@ ${H.slice(0, 5).join(`
       padding: "10px",
       backgroundColor: "#1a1a1a",
       borderRadius: "6px"
-    }, children: p.map((S, H) => {
-      const I = c.has(S.path);
+    }, children: p.map((w, H) => {
+      const I = c.has(w.path);
       return /* @__PURE__ */ ke(
         "div",
         {
@@ -8596,15 +8603,15 @@ ${H.slice(0, 5).join(`
             cursor: "pointer",
             transition: "all 0.2s"
           },
-          onClick: () => P(S.path),
+          onClick: () => P(w.path),
           children: [
             /* @__PURE__ */ ke("div", { style: { marginBottom: "8px" }, children: [
-              /* @__PURE__ */ $(
+              /* @__PURE__ */ ee(
                 "input",
                 {
                   type: "checkbox",
                   checked: I,
-                  onChange: () => P(S.path),
+                  onChange: () => P(w.path),
                   onClick: (U) => U.stopPropagation(),
                   style: {
                     marginRight: "8px",
@@ -8613,22 +8620,22 @@ ${H.slice(0, 5).join(`
                 }
               ),
               /* @__PURE__ */ ke("span", { style: { fontSize: "12px", color: "#aaa" }, children: [
-                S.group,
+                w.group,
                 " ",
-                S.gender !== "root" && `(${S.gender})`
+                w.gender !== "root" && `(${w.gender})`
               ] })
             ] }),
-            /* @__PURE__ */ $("div", { style: {
+            /* @__PURE__ */ ee("div", { style: {
               fontSize: "13px",
               fontWeight: "bold",
               marginBottom: "8px",
               wordBreak: "break-word"
-            }, children: S.name }),
-            /* @__PURE__ */ $(
+            }, children: w.name }),
+            /* @__PURE__ */ ee(
               "button",
               {
                 onClick: (U) => {
-                  U.stopPropagation(), f(S.path);
+                  U.stopPropagation(), f(w.path);
                 },
                 style: {
                   width: "100%",
@@ -8645,10 +8652,10 @@ ${H.slice(0, 5).join(`
             )
           ]
         },
-        `${S.path}-${H}`
+        `${w.path}-${H}`
       );
     }) }),
-    p.length === 0 && /* @__PURE__ */ $("div", { style: {
+    p.length === 0 && /* @__PURE__ */ ee("div", { style: {
       padding: "40px",
       textAlign: "center",
       color: "#aaa"