@sage-rsc/talking-head-react 1.0.63 → 1.0.65

package/dist/index.js

@@ -1,5 +1,5 @@
-import { jsxs as Ee, jsx as ue } from "react/jsx-runtime";
-import { forwardRef as Ie, useRef as G, useState as de, useEffect as me, useCallback as T, useImperativeHandle as Le, useLayoutEffect as We } from "react";
+import { jsxs as Ee, jsx as ce } from "react/jsx-runtime";
+import { forwardRef as Ie, useRef as Z, useState as pe, useEffect as ge, useCallback as E, useImperativeHandle as Le, useLayoutEffect as We } from "react";
 import * as f from "three";
 import { OrbitControls as Ve } from "three/addons/controls/OrbitControls.js";
 import { GLTFLoader as Ge } from "three/addons/loaders/GLTFLoader.js";
@@ -7,12 +7,12 @@ import { DRACOLoader as Ze } from "three/addons/loaders/DRACOLoader.js";
 import { FBXLoader as ze } from "three/addons/loaders/FBXLoader.js";
 import { RoomEnvironment as Xe } from "three/addons/environments/RoomEnvironment.js";
 import Ye from "three/addons/libs/stats.module.js";
-let m, _, $;
+let m, K, $;
 const A = [0, 0, 0, 0], k = new f.Vector3(), be = new f.Vector3(), Q = new f.Vector3(), ve = new f.Vector3();
 new f.Plane();
 new f.Ray();
 new f.Euler();
-const q = new f.Quaternion(), Ce = new f.Quaternion(), se = new f.Matrix4(), ae = new f.Matrix4();
+const q = new f.Quaternion(), Ce = new f.Quaternion(), ae = new f.Matrix4(), re = new f.Matrix4();
 new f.Vector3();
 const Re = new f.Vector3(0, 0, 1), je = new f.Vector3(1, 0, 0), Qe = new f.Vector3(0, 1, 0), qe = new f.Vector3(0, 0, 1);
 class _e {
@@ -356,14 +356,14 @@ class _e {
     for (this.timerMs += t, t > 1e3 && (this.timerMs = 0), t /= 1e3, e = 0, i = this.objectsUpdate.length; e < i; e++)
       o = this.objectsUpdate[e], o.updateMatrix(), o.parent === null ? o.matrixWorld.copy(o.matrix) : o.matrixWorld.multiplyMatrices(o.parent.matrixWorld, o.matrix), o.matrixWorldNeedsUpdate = !1;
     for (e = 0, i = this.data.length; e < i; e++) {
-      if (o = this.data[e], k.copy(o.vWorld), se.copy(o.boneParent.matrixWorld), ae.copy(se).invert(), o.vWorld.setFromMatrixPosition(se), k.applyMatrix4(ae), k.length() > 0.5 && (console.info("Info: Unrealistic jump of " + k.length().toFixed(2) + " meters."), k.setLength(0.5)), k.applyQuaternion(o.bone.quaternion), A[0] = k.x, A[1] = k.y, A[2] = -k.z, A[3] = k.length() / 3, o.children)
+      if (o = this.data[e], k.copy(o.vWorld), ae.copy(o.boneParent.matrixWorld), re.copy(ae).invert(), o.vWorld.setFromMatrixPosition(ae), k.applyMatrix4(re), k.length() > 0.5 && (console.info("Info: Unrealistic jump of " + k.length().toFixed(2) + " meters."), k.setLength(0.5)), k.applyQuaternion(o.bone.quaternion), A[0] = k.x, A[1] = k.y, A[2] = -k.z, A[3] = k.length() / 3, o.children)
         for (n = 0, s = o.children.length; n < s; n++)
           m = o.children[n], A[0] -= m.v[0] * t / 3, A[1] -= m.v[1] * t / 3, A[2] += m.v[2] * t / 3, A[3] -= m.v[3] * t / 3;
       if (m = this.opt.sensitivityFactor, A[0] *= o.ext * m, A[1] *= o.ext * m, A[2] *= o.ext * m, A[3] *= o.ext * m, o.isX && (m = A[0] / t, o.ea[0] = (m - o.ev[0]) / t, o.ev[0] = m, o.a[0] = -o.k[0] * o.p[0] - o.c[0] * o.v[0] - o.ea[0], o.p[0] += o.v[0] * t + o.a[0] * t * t / 2 + A[0], m = o.v[0] + o.a[0] * t / 2, m = -o.k[0] * o.p[0] - o.c[0] * m - o.ea[0], o.v[0] = o.v[0] + (m + o.a[0]) * t / 2), o.isY && (m = A[1] / t, o.ea[1] = (m - o.ev[1]) / t, o.ev[1] = m, o.a[1] = -o.k[1] * o.p[1] - o.c[1] * o.v[1] - o.ea[1], o.p[1] += o.v[1] * t + o.a[1] * t * t / 2 + A[1], m = o.v[1] + o.a[1] * t / 2, m = -o.k[1] * o.p[1] - o.c[1] * m - o.ea[1], o.v[1] = o.v[1] + (m + o.a[1]) * t / 2), o.isZ && (m = A[2] / t, o.ea[2] = (m - o.ev[2]) / t, o.ev[2] = m, o.a[2] = -o.k[2] * o.p[2] - o.c[2] * o.v[2] - o.ea[2], o.p[2] += o.v[2] * t + o.a[2] * t * t / 2 + A[2], m = o.v[2] + o.a[2] * t / 2, m = -o.k[2] * o.p[2] - o.c[2] * m - o.ea[2], o.v[2] = o.v[2] + (m + o.a[2]) * t / 2), o.isT && (m = A[3] / t, o.ea[3] = (m - o.ev[3]) / t, o.ev[3] = m, o.a[3] = -o.k[3] * o.p[3] - o.c[3] * o.v[3] - o.ea[3], o.p[3] += o.v[3] * t + o.a[3] * t * t / 2 + A[3], m = o.v[3] + o.a[3] * t / 2, m = -o.k[3] * o.p[3] - o.c[3] * m - o.ea[3], o.v[3] = o.v[3] + (m + o.a[3]) * t / 2), this.timerMs < this.opt.warmupMs && (o.v[0] *= 1e-4, o.p[0] *= 1e-4, o.v[1] *= 1e-4, o.p[1] *= 1e-4, o.v[2] *= 1e-4, o.p[2] *= 1e-4, o.v[3] *= 1e-4, o.p[3] *= 1e-4), A[0] = o.p[0], A[1] = o.p[1], A[2] = o.p[2], A[3] = o.p[3], m = this.opt.movementFactor, A[0] *= m, A[1] *= m, A[2] *= m, A[3] *= m, o.dl && (m = o.dl, A[0] += m[0], A[1] += m[1], A[2] += m[2]), o.dw && (m = o.dw, k.set(
         o.vBasis.x + A[0],
         o.vBasis.y + A[1],
         o.vBasis.z + A[2]
-      ), k.applyMatrix4(se), k.x += m[0], k.y += m[1], k.z += m[2], k.applyMatrix4(ae), A[0] += k.x - o.vBasis.x, A[1] += k.y - o.vBasis.y, A[2] += k.z - o.vBasis.z), o.limits && this.opt.isLimits && (m = o.limits, m[0] && (m[0][0] !== null && A[0] < m[0][0] && (A[0] = m[0][0]), m[0][1] !== null && A[0] > m[0][1] && (A[0] = m[0][1])), m[1] && (m[1][0] !== null && A[1] < m[1][0] && (A[1] = m[1][0]), m[1][1] !== null && A[1] > m[1][1] && (A[1] = m[1][1])), m[2] && (m[2][0] !== null && A[2] < m[2][0] && (A[2] = m[2][0]), m[2][1] !== null && A[2] > m[2][1] && (A[2] = m[2][1])), m[3] && (m[3][0] !== null && A[3] < m[3][0] && (A[3] = m[3][0]), m[3][1] !== null && A[3] > m[3][1] && (A[3] = m[3][1]))), o.isPoint)
+      ), k.applyMatrix4(ae), k.x += m[0], k.y += m[1], k.z += m[2], k.applyMatrix4(re), A[0] += k.x - o.vBasis.x, A[1] += k.y - o.vBasis.y, A[2] += k.z - o.vBasis.z), o.limits && this.opt.isLimits && (m = o.limits, m[0] && (m[0][0] !== null && A[0] < m[0][0] && (A[0] = m[0][0]), m[0][1] !== null && A[0] > m[0][1] && (A[0] = m[0][1])), m[1] && (m[1][0] !== null && A[1] < m[1][0] && (A[1] = m[1][0]), m[1][1] !== null && A[1] > m[1][1] && (A[1] = m[1][1])), m[2] && (m[2][0] !== null && A[2] < m[2][0] && (A[2] = m[2][0]), m[2][1] !== null && A[2] > m[2][1] && (A[2] = m[2][1])), m[3] && (m[3][0] !== null && A[3] < m[3][0] && (A[3] = m[3][0]), m[3][1] !== null && A[3] > m[3][1] && (A[3] = m[3][1]))), o.isPoint)
         o.bone.position.set(
           o.vBasis.x + A[0],
           o.vBasis.y + A[1],
@@ -371,7 +371,7 @@ class _e {
         );
       else if (o.boneParent.quaternion.copy(o.qBasis), o.pivot && this.opt.isPivots && (o.boneParent.updateWorldMatrix(!1, !1), o.boneParent.matrixWorld.decompose(k, q, Q), k.copy(Re).applyQuaternion(q).setY(0).normalize(), q.premultiply(Ce.setFromUnitVectors(Re, k).invert()).normalize(), o.boneParent.quaternion.multiply(q.invert()), o.boneParent.quaternion.multiply(o.qWorldInverseYaw)), o.isZ && (m = Math.atan(A[0] / o.l), q.setFromAxisAngle(qe, -m), o.boneParent.quaternion.multiply(q)), o.isY && (m = o.l / 3, m = m * Math.tanh(A[1] / m), o.bone.position.setLength(o.l + m)), o.isX && (m = Math.atan(A[2] / o.l), q.setFromAxisAngle(je, -m), o.boneParent.quaternion.multiply(q)), o.isT && (m = 1.5 * Math.tanh(A[3] * 1.5), q.setFromAxisAngle(Qe, -m), o.boneParent.quaternion.multiply(q)), o.boneParent.updateWorldMatrix(!1, !0), o.excludes && this.opt.isExcludes)
         for (n = 0, s = o.excludes.length; n < s; n++)
-          m = o.excludes[n], Q.set(0, 0, 0), m.deltaLocal && (Q.x += m.deltaLocal[0], Q.y += m.deltaLocal[1], Q.z += m.deltaLocal[2]), Q.applyMatrix4(m.bone.matrixWorld), ae.copy(o.boneParent.matrixWorld).invert(), Q.applyMatrix4(ae), k.copy(o.bone.position), !(k.distanceToSquared(Q) >= m.radiusSq) && ($ = k.length(), _ = Q.length(), !(_ > m.radius + $) && (_ < Math.abs(m.radius - $) || (_ = (_ * _ + $ * $ - m.radiusSq) / (2 * _), Q.normalize(), ve.copy(Q).multiplyScalar(_), _ = Math.sqrt($ * $ - _ * _), k.subVectors(k, ve).projectOnPlane(Q).normalize().multiplyScalar(_), be.subVectors(o.vBasis, ve).projectOnPlane(Q).normalize(), $ = be.dot(k), $ < 0 && ($ = Math.sqrt(_ * _ - $ * $), be.multiplyScalar($), k.add(be)), k.add(ve).normalize(), Q.copy(o.bone.position).normalize(), q.setFromUnitVectors(Q, k), o.boneParent.quaternion.premultiply(q), o.boneParent.updateWorldMatrix(!1, !0))));
+          m = o.excludes[n], Q.set(0, 0, 0), m.deltaLocal && (Q.x += m.deltaLocal[0], Q.y += m.deltaLocal[1], Q.z += m.deltaLocal[2]), Q.applyMatrix4(m.bone.matrixWorld), re.copy(o.boneParent.matrixWorld).invert(), Q.applyMatrix4(re), k.copy(o.bone.position), !(k.distanceToSquared(Q) >= m.radiusSq) && ($ = k.length(), K = Q.length(), !(K > m.radius + $) && (K < Math.abs(m.radius - $) || (K = (K * K + $ * $ - m.radiusSq) / (2 * K), Q.normalize(), ve.copy(Q).multiplyScalar(K), K = Math.sqrt($ * $ - K * K), k.subVectors(k, ve).projectOnPlane(Q).normalize().multiplyScalar(K), be.subVectors(o.vBasis, ve).projectOnPlane(Q).normalize(), $ = be.dot(k), $ < 0 && ($ = Math.sqrt(K * K - $ * $), be.multiplyScalar($), k.add(be)), k.add(ve).normalize(), Q.copy(o.bone.position).normalize(), q.setFromUnitVectors(Q, k), o.boneParent.quaternion.premultiply(q), o.boneParent.updateWorldMatrix(!1, !0))));
     }
     this.helpers.isActive && this.updateHelpers();
   }
@@ -442,17 +442,17 @@ class _e {
   */
   updateHelpers() {
     if (m = this.helpers.points, m.bones.length) {
-      ae.copy(this.armature.matrixWorld).invert();
+      re.copy(this.armature.matrixWorld).invert();
       const t = m.object.geometry.getAttribute("position");
       for (let e = 0, n = m.bones.length; e < n; e++)
-        se.multiplyMatrices(ae, m.bones[e].matrixWorld), k.setFromMatrixPosition(se), t.setXYZ(e, k.x, k.y, k.z);
+        ae.multiplyMatrices(re, m.bones[e].matrixWorld), k.setFromMatrixPosition(ae), t.setXYZ(e, k.x, k.y, k.z);
       t.needsUpdate = !0, m.object.updateMatrixWorld();
     }
     if (m = this.helpers.lines, m.bones.length) {
-      ae.copy(this.armature.matrixWorld).invert();
+      re.copy(this.armature.matrixWorld).invert();
       const t = m.object.geometry.getAttribute("position");
       for (let e = 0, n = 0, i = m.bones.length; e < i; e++, n += 2)
-        se.multiplyMatrices(ae, m.bones[e].matrixWorld), k.setFromMatrixPosition(se), t.setXYZ(n, k.x, k.y, k.z), se.multiplyMatrices(ae, m.bones[e].parent.matrixWorld), k.setFromMatrixPosition(se), t.setXYZ(n + 1, k.x, k.y, k.z);
+        ae.multiplyMatrices(re, m.bones[e].matrixWorld), k.setFromMatrixPosition(ae), t.setXYZ(n, k.x, k.y, k.z), ae.multiplyMatrices(re, m.bones[e].parent.matrixWorld), k.setFromMatrixPosition(ae), t.setXYZ(n + 1, k.x, k.y, k.z);
       t.needsUpdate = !0, m.object.updateMatrixWorld();
     }
   }
@@ -2629,7 +2629,7 @@ const rt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   fr: it,
   fi: st,
   lt: rt
-}, W = new f.Quaternion(), F = new f.Euler(), le = new f.Vector3(), he = new f.Vector3(), Te = new f.Box3();
+}, W = new f.Quaternion(), F = new f.Euler(), he = new f.Vector3(), ue = new f.Vector3(), Te = new f.Box3();
 new f.Matrix4();
 new f.Matrix4();
 new f.Vector3();
@@ -5180,7 +5180,7 @@ class Fe {
         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) && u ? 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 && (W.setFromAxisAngle(ht, this.volumeHeadCurrent), this.objectNeck.quaternion.multiply(W)), Te.setFromObject(this.armature), this.objectLeftToeBase.getWorldPosition(le), le.sub(this.armature.position), this.objectRightToeBase.getWorldPosition(he), he.sub(this.armature.position), this.objectHips.position.y -= Te.min.y / 2, this.objectHips.position.x -= (le.x + he.x) / 4, this.objectHips.position.z -= (le.z + he.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) && u ? 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 && (W.setFromAxisAngle(ht, this.volumeHeadCurrent), this.objectNeck.quaternion.multiply(W)), Te.setFromObject(this.armature), this.objectLeftToeBase.getWorldPosition(he), he.sub(this.armature.position), this.objectRightToeBase.getWorldPosition(ue), ue.sub(this.armature.position), this.objectHips.position.y -= Te.min.y / 2, this.objectHips.position.x -= (he.x + ue.x) / 4, this.objectHips.position.z -= (he.z + ue.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) {
@@ -5267,12 +5267,12 @@ class Fe {
       }), h = ""), r.length)) {
         const R = this.lipsyncWordsToVisemes(r, a);
         if (R && R.visemes && R.visemes.length) {
-          const M = R.times[R.visemes.length - 1] + R.durations[R.visemes.length - 1];
+          const T = R.times[R.visemes.length - 1] + R.durations[R.visemes.length - 1];
           for (let P = 0; P < R.visemes.length; P++)
             g.push({
               mark: c,
               template: { name: "viseme" },
-              ts: [(R.times[P] - 0.6) / M, (R.times[P] + 0.5) / M, (R.times[P] + R.durations[P] + 0.5) / M],
+              ts: [(R.times[P] - 0.6) / T, (R.times[P] + 0.5) / T, (R.times[P] + R.durations[P] + 0.5) / T],
               vs: {
                 ["viseme_" + R.visemes[P]]: [null, R.visemes[P] === "PP" || R.visemes[P] === "FF" ? 0.9 : 0.6, 0]
               }
@@ -5486,7 +5486,7 @@ class Fe {
       if (x && x.visemes && x.visemes.length > 0) {
         const p = x.times[x.visemes.length - 1] + x.durations[x.visemes.length - 1];
         for (let H = 0; H < x.visemes.length; H++) {
-          const z = x.visemes[H], R = x.times[H] / p, M = x.durations[H] / p, P = R * c, ee = M * c;
+          const z = x.visemes[H], R = x.times[H] / p, T = x.durations[H] / p, P = R * c, ee = T * c;
           I.push({
             template: { name: "viseme" },
             ts: [P - Math.min(60, 2 * ee / 3), P + Math.min(25, ee / 2), P + ee + Math.min(60, ee / 2)],
@@ -6133,7 +6133,7 @@ class Fe {
   */
   lookAtCamera(t) {
     let e;
-    if (this.speakTo && (e = new f.Vector3(), this.speakTo.objectLeftEye?.isObject3D ? (this.speakTo.armature.objectHead, this.speakTo.objectLeftEye.updateMatrixWorld(!0), this.speakTo.objectRightEye.updateMatrixWorld(!0), le.setFromMatrixPosition(this.speakTo.objectLeftEye.matrixWorld), he.setFromMatrixPosition(this.speakTo.objectRightEye.matrixWorld), e.addVectors(le, he).divideScalar(2)) : this.speakTo.isObject3D ? this.speakTo.getWorldPosition(e) : this.speakTo.isVector3 ? e.set(this.speakTo) : this.speakTo.x && this.speakTo.y && this.speakTo.z && e.set(this.speakTo.x, this.speakTo.y, this.speakTo.z)), !e) {
+    if (this.speakTo && (e = new f.Vector3(), this.speakTo.objectLeftEye?.isObject3D ? (this.speakTo.armature.objectHead, this.speakTo.objectLeftEye.updateMatrixWorld(!0), this.speakTo.objectRightEye.updateMatrixWorld(!0), he.setFromMatrixPosition(this.speakTo.objectLeftEye.matrixWorld), ue.setFromMatrixPosition(this.speakTo.objectRightEye.matrixWorld), e.addVectors(he, ue).divideScalar(2)) : this.speakTo.isObject3D ? this.speakTo.getWorldPosition(e) : this.speakTo.isVector3 ? e.set(this.speakTo) : this.speakTo.x && this.speakTo.y && this.speakTo.z && e.set(this.speakTo.x, this.speakTo.y, this.speakTo.z)), !e) {
       if (this.avatar.hasOwnProperty("avatarIgnoreCamera")) {
         if (this.avatar.avatarIgnoreCamera) {
           this.lookAhead(t);
@@ -6146,8 +6146,8 @@ class Fe {
       this.lookAt(null, null, t);
       return;
     }
-    this.objectLeftEye.updateMatrixWorld(!0), this.objectRightEye.updateMatrixWorld(!0), le.setFromMatrixPosition(this.objectLeftEye.matrixWorld), he.setFromMatrixPosition(this.objectRightEye.matrixWorld), le.add(he).divideScalar(2), W.copy(this.armature.quaternion), W.multiply(this.poseTarget.props["Hips.quaternion"]), W.multiply(this.poseTarget.props["Spine.quaternion"]), W.multiply(this.poseTarget.props["Spine1.quaternion"]), W.multiply(this.poseTarget.props["Spine2.quaternion"]), W.multiply(this.poseTarget.props["Neck.quaternion"]), W.multiply(this.poseTarget.props["Head.quaternion"]);
-    const n = new f.Vector3().subVectors(e, le).normalize(), i = Math.atan2(n.x, n.z), s = Math.asin(-n.y);
+    this.objectLeftEye.updateMatrixWorld(!0), this.objectRightEye.updateMatrixWorld(!0), he.setFromMatrixPosition(this.objectLeftEye.matrixWorld), ue.setFromMatrixPosition(this.objectRightEye.matrixWorld), he.add(ue).divideScalar(2), W.copy(this.armature.quaternion), W.multiply(this.poseTarget.props["Hips.quaternion"]), W.multiply(this.poseTarget.props["Spine.quaternion"]), W.multiply(this.poseTarget.props["Spine1.quaternion"]), W.multiply(this.poseTarget.props["Spine2.quaternion"]), W.multiply(this.poseTarget.props["Neck.quaternion"]), W.multiply(this.poseTarget.props["Head.quaternion"]);
+    const n = new f.Vector3().subVectors(e, he).normalize(), i = Math.atan2(n.x, n.z), s = Math.asin(-n.y);
     F.set(s, i, 0, "YXZ");
     const l = new f.Quaternion().setFromEuler(F), u = new f.Quaternion().copy(l).multiply(W.clone().invert());
     F.setFromQuaternion(u, "YXZ");
@@ -6685,26 +6685,26 @@ const Pe = Ie(({
   style: y = {},
   animations: x = {}
 }, I) => {
-  const D = G(null), p = G(null), H = G(a), z = G(null), R = G(null), M = G(!1), P = G({ remainingText: null, originalText: null, options: null }), [ee, re] = de(!0), [S, N] = de(null), [Z, X] = de(!1), [j, K] = de(!1);
-  me(() => {
-    M.current = j;
-  }, [j]), me(() => {
+  const D = Z(null), p = Z(null), H = Z(a), z = Z(null), R = Z(null), T = Z(!1), P = Z({ remainingText: null, originalText: null, options: null }), [ee, le] = pe(!0), [S, N] = pe(null), [X, Y] = pe(!1), [j, _] = pe(!1);
+  ge(() => {
+    T.current = j;
+  }, [j]), ge(() => {
     H.current = a;
   }, [a]);
-  const te = Ae(), ce = i || te.service;
+  const te = Ae(), de = i || te.service;
   let oe;
-  ce === "browser" ? oe = {
+  de === "browser" ? oe = {
     service: "browser",
     endpoint: "",
     apiKey: null,
     defaultVoice: "Google US English"
-  } : ce === "elevenlabs" ? oe = {
+  } : de === "elevenlabs" ? oe = {
     service: "elevenlabs",
     endpoint: "https://api.elevenlabs.io/v1/text-to-speech",
     apiKey: o || te.apiKey,
     defaultVoice: s || te.defaultVoice || ye.defaultVoice,
     voices: te.voices || ye.voices
-  } : ce === "deepgram" ? oe = {
+  } : de === "deepgram" ? oe = {
     service: "deepgram",
     endpoint: "https://api.deepgram.com/v1/speak",
     apiKey: o || te.apiKey,
@@ -6715,11 +6715,11 @@ const Pe = Ie(({
     // Override API key if provided via props
     apiKey: o !== null ? o : te.apiKey
   };
-  const pe = {
+  const me = {
     url: O,
     body: t,
     avatarMood: e,
-    ttsLang: ce === "browser" ? "en-US" : n,
+    ttsLang: de === "browser" ? "en-US" : n,
     ttsVoice: s || oe.defaultVoice,
     lipsyncLang: "en",
     showFullAvatar: a,
@@ -6728,29 +6728,29 @@ const Pe = Ie(({
   }, J = {
     ttsEndpoint: oe.endpoint,
     ttsApikey: oe.apiKey,
-    ttsService: ce,
+    ttsService: de,
     lipsyncModules: ["en"],
     cameraView: h
-  }, b = T(async () => {
+  }, b = E(async () => {
     if (!(!D.current || p.current))
       try {
-        if (re(!0), N(null), p.current = new Fe(D.current, J), p.current.controls && (p.current.controls.enableRotate = !1, p.current.controls.enableZoom = !1, p.current.controls.enablePan = !1, p.current.controls.enableDamping = !1), x && Object.keys(x).length > 0 && (p.current.customAnimations = x), await p.current.showAvatar(pe, (U) => {
-          if (U.lengthComputable) {
-            const E = Math.min(100, Math.round(U.loaded / U.total * 100));
-            c(E);
+        if (le(!0), N(null), p.current = new Fe(D.current, J), p.current.controls && (p.current.controls.enableRotate = !1, p.current.controls.enableZoom = !1, p.current.controls.enablePan = !1, p.current.controls.enableDamping = !1), x && Object.keys(x).length > 0 && (p.current.customAnimations = x), await p.current.showAvatar(me, (G) => {
+          if (G.lengthComputable) {
+            const M = Math.min(100, Math.round(G.loaded / G.total * 100));
+            c(M);
           }
-        }), await new Promise((U) => {
-          const E = () => {
-            p.current.lipsync && Object.keys(p.current.lipsync).length > 0 ? U() : setTimeout(E, 100);
+        }), await new Promise((G) => {
+          const M = () => {
+            p.current.lipsync && Object.keys(p.current.lipsync).length > 0 ? G() : setTimeout(M, 100);
           };
-          E();
+          M();
         }), p.current && p.current.setShowFullAvatar)
           try {
             p.current.setShowFullAvatar(a);
-          } catch (U) {
-            console.warn("Error setting full body mode on initialization:", U);
+          } catch (G) {
+            console.warn("Error setting full body mode on initialization:", G);
           }
-        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()), re(!1), X(!0), r(p.current);
+        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()), le(!1), Y(!0), r(p.current);
         const B = () => {
           document.visibilityState === "visible" ? p.current?.start() : p.current?.stop();
         };
@@ -6758,15 +6758,15 @@ const Pe = Ie(({
           document.removeEventListener("visibilitychange", B);
         };
       } catch (L) {
-        console.error("Error initializing TalkingHead:", L), N(L.message || "Failed to initialize avatar"), re(!1), d(L);
+        console.error("Error initializing TalkingHead:", L), N(L.message || "Failed to initialize avatar"), le(!1), d(L);
       }
   }, [O, t, e, n, i, s, o, a, l, u, h]);
-  me(() => (b(), () => {
+  ge(() => (b(), () => {
     p.current && (p.current.stop(), p.current.dispose(), p.current = null);
-  }), [b]), me(() => {
+  }), [b]), ge(() => {
     if (!D.current || !p.current) return;
-    const L = new ResizeObserver((U) => {
-      for (const E of U)
+    const L = new ResizeObserver((G) => {
+      for (const M of G)
         p.current && p.current.onResize && p.current.onResize();
     });
     L.observe(D.current);
@@ -6776,32 +6776,32 @@ const Pe = Ie(({
     return window.addEventListener("resize", B), () => {
       L.disconnect(), window.removeEventListener("resize", B);
     };
-  }, [Z]);
-  const v = T(async () => {
+  }, [X]);
+  const v = E(async () => {
     if (p.current && p.current.audioCtx)
       try {
         (p.current.audioCtx.state === "suspended" || p.current.audioCtx.state === "interrupted") && (await p.current.audioCtx.resume(), console.log("Audio context resumed"));
       } catch (L) {
         console.warn("Failed to resume audio context:", L);
       }
-  }, []), w = T(async (L, B = {}) => {
-    if (p.current && Z)
+  }, []), w = E(async (L, B = {}) => {
+    if (p.current && X)
       try {
-        R.current && (clearInterval(R.current), R.current = null), z.current = { text: L, options: B }, P.current = { remainingText: null, originalText: null, options: null }, K(!1), M.current = !1, await v();
-        const U = {
+        R.current && (clearInterval(R.current), R.current = null), z.current = { text: L, options: B }, P.current = { remainingText: null, originalText: null, options: null }, _(!1), T.current = !1, await v();
+        const G = {
           ...B,
-          lipsyncLang: B.lipsyncLang || pe.lipsyncLang || "en"
+          lipsyncLang: B.lipsyncLang || me.lipsyncLang || "en"
         };
         if (B.onSpeechEnd && p.current) {
-          const E = p.current;
-          let Y = null, ge = 0;
+          const M = p.current;
+          let U = null, se = 0;
           const ke = 1200;
           let xe = !1;
-          Y = setInterval(() => {
-            if (ge++, M.current)
+          U = setInterval(() => {
+            if (se++, T.current)
               return;
-            if (ge > ke) {
-              if (Y && (clearInterval(Y), Y = null, R.current = null), !xe && !M.current) {
+            if (se > ke) {
+              if (U && (clearInterval(U), U = null, R.current = null), !xe && !T.current) {
                 xe = !0;
                 try {
                   B.onSpeechEnd();
@@ -6811,10 +6811,10 @@ const Pe = Ie(({
               }
               return;
             }
-            const Oe = !E.speechQueue || E.speechQueue.length === 0, Ne = !E.audioPlaylist || E.audioPlaylist.length === 0;
-            E && E.isSpeaking === !1 && Oe && Ne && E.isAudioPlaying === !1 && !xe && !M.current && setTimeout(() => {
-              if (E && !M.current && E.isSpeaking === !1 && (!E.speechQueue || E.speechQueue.length === 0) && (!E.audioPlaylist || E.audioPlaylist.length === 0) && E.isAudioPlaying === !1 && !xe && !M.current) {
-                xe = !0, Y && (clearInterval(Y), Y = null, R.current = null);
+            const Oe = !M.speechQueue || M.speechQueue.length === 0, Ne = !M.audioPlaylist || M.audioPlaylist.length === 0;
+            M && M.isSpeaking === !1 && Oe && Ne && M.isAudioPlaying === !1 && !xe && !T.current && setTimeout(() => {
+              if (M && !T.current && M.isSpeaking === !1 && (!M.speechQueue || M.speechQueue.length === 0) && (!M.audioPlaylist || M.audioPlaylist.length === 0) && M.isAudioPlaying === !1 && !xe && !T.current) {
+                xe = !0, U && (clearInterval(U), U = null, R.current = null);
                 try {
                   B.onSpeechEnd();
                 } catch (Ue) {
@@ -6822,92 +6822,98 @@ const Pe = Ie(({
                 }
               }
             }, 100);
-          }, 100), R.current = Y;
+          }, 100), R.current = U;
         }
-        p.current.lipsync && Object.keys(p.current.lipsync).length > 0 ? (p.current.setSlowdownRate && p.current.setSlowdownRate(1.05), p.current.speakText(L, U)) : setTimeout(async () => {
-          await v(), p.current && p.current.lipsync && (p.current.setSlowdownRate && p.current.setSlowdownRate(1.05), p.current.speakText(L, U));
+        p.current.lipsync && Object.keys(p.current.lipsync).length > 0 ? (p.current.setSlowdownRate && p.current.setSlowdownRate(1.05), p.current.speakText(L, G)) : setTimeout(async () => {
+          await v(), p.current && p.current.lipsync && (p.current.setSlowdownRate && p.current.setSlowdownRate(1.05), p.current.speakText(L, G));
         }, 100);
-      } catch (U) {
-        console.error("Error speaking text:", U), N(U.message || "Failed to speak text");
+      } catch (G) {
+        console.error("Error speaking text:", G), N(G.message || "Failed to speak text");
       }
-  }, [Z, v, pe.lipsyncLang]), C = T(() => {
-    p.current && (p.current.stopSpeaking(), p.current.setSlowdownRate && p.current.setSlowdownRate(1), z.current = null, K(!1));
-  }, []), V = T(() => {
+  }, [X, v, me.lipsyncLang]), C = E(() => {
+    p.current && (p.current.stopSpeaking(), p.current.setSlowdownRate && p.current.setSlowdownRate(1), z.current = null, _(!1));
+  }, []), V = E(() => {
     if (p.current && p.current.pauseSpeaking) {
       const L = p.current;
       if (L.isSpeaking || L.audioPlaylist && L.audioPlaylist.length > 0 || L.speechQueue && L.speechQueue.length > 0) {
         R.current && (clearInterval(R.current), R.current = null);
-        let U = "";
-        if (L.speechQueue && L.speechQueue.length > 0) {
-          const E = L.speechQueue.filter((Y) => Y.text).map((Y) => Y.text).join(" ");
-          E && (U = E.trim());
+        let G = "";
+        if (L.speechQueue && L.speechQueue.length > 0 && z.current) {
+          const M = L.speechQueue.filter((U) => U && U.text && Array.isArray(U.text) && U.text.length > 0).map((U) => U.text.map((se) => se.word || "").filter((se) => se.length > 0).join(" ")).filter((U) => U.length > 0).join(" ");
+          M && M.trim() && (G = M.trim());
         }
-        U && z.current && (P.current = {
-          remainingText: U,
+        z.current && (P.current = {
+          remainingText: G || null,
           originalText: z.current.text,
           options: z.current.options
-        }), L.speechQueue && (L.speechQueue.length = 0), p.current.pauseSpeaking(), M.current = !0, K(!0);
+        }), L.speechQueue && (L.speechQueue.length = 0), p.current.pauseSpeaking(), T.current = !0, _(!0);
       }
     }
-  }, []), ne = T(async () => {
-    if (p.current && j) {
-      K(!1), M.current = !1, await v();
-      let L = "", B = {};
-      if (P.current && P.current.remainingText)
-        L = P.current.remainingText, B = P.current.options || {}, P.current = { remainingText: null, originalText: null, options: null };
-      else if (z.current && z.current.text)
-        L = z.current.text, B = z.current.options || {};
-      else
-        return;
-      const U = {
-        ...B,
-        lipsyncLang: B.lipsyncLang || pe.lipsyncLang || "en"
-      };
-      p.current.lipsync && Object.keys(p.current.lipsync).length > 0 && (p.current.setSlowdownRate && p.current.setSlowdownRate(1.05), await w(L, U));
+  }, []), ne = E(async () => {
+    if (!p.current || !j)
+      return;
+    let L = "", B = {};
+    if (P.current && P.current.remainingText)
+      L = P.current.remainingText, B = P.current.options || {}, P.current = { remainingText: null, originalText: null, options: null };
+    else if (z.current && z.current.text)
+      L = z.current.text, B = z.current.options || {};
+    else {
+      console.warn("Resume called but no paused speech found"), _(!1), T.current = !1;
+      return;
     }
-  }, [v, j, w]), ie = T((L) => {
+    _(!1), T.current = !1, await v();
+    const G = {
+      ...B,
+      lipsyncLang: B.lipsyncLang || me.lipsyncLang || "en"
+    };
+    try {
+      await w(L, G);
+    } catch (M) {
+      console.error("Error resuming speech:", M), _(!1), T.current = !1;
+    }
+  }, [v, j, w, me]), ie = E((L) => {
     p.current && p.current.setMood(L);
-  }, []), fe = T((L) => {
+  }, []), fe = E((L) => {
     p.current && p.current.setSlowdownRate && p.current.setSlowdownRate(L);
-  }, []), Se = T((L, B = !1) => {
+  }, []), Se = E((L, B = !1) => {
     if (p.current && p.current.playAnimation) {
       if (x && x[L] && (L = x[L]), p.current.setShowFullAvatar)
         try {
           p.current.setShowFullAvatar(H.current);
-        } catch (E) {
-          console.warn("Error setting full body mode:", E);
+        } catch (M) {
+          console.warn("Error setting full body mode:", M);
         }
       if (L.includes("."))
         try {
           p.current.playAnimation(L, null, 10, 0, 0.01, B);
-        } catch (E) {
-          console.warn(`Failed to play ${L}:`, E);
+        } catch (M) {
+          console.warn(`Failed to play ${L}:`, M);
           try {
             p.current.setBodyMovement("idle");
-          } catch (Y) {
-            console.warn("Fallback animation also failed:", Y);
+          } catch (U) {
+            console.warn("Fallback animation also failed:", U);
           }
         }
       else {
-        const E = [".fbx", ".glb", ".gltf"];
-        let Y = !1;
-        for (const ge of E)
+        const M = [".fbx", ".glb", ".gltf"];
+        let U = !1;
+        for (const se of M)
           try {
-            p.current.playAnimation(L + ge, null, 10, 0, 0.01, B), Y = !0;
+            p.current.playAnimation(L + se, null, 10, 0, 0.01, B), U = !0;
             break;
           } catch {
           }
-        if (!Y) {
+        if (!U) {
           console.warn("Animation not found:", L);
           try {
             p.current.setBodyMovement("idle");
-          } catch (ge) {
-            console.warn("Fallback animation also failed:", ge);
+          } catch (se) {
+            console.warn("Fallback animation also failed:", se);
           }
         }
       }
     }
-  }, [x]), De = T(() => {
+  }, [x]), De = E(() => {
     p.current && p.current.onResize && p.current.onResize();
   }, []);
   return Le(I, () => ({
@@ -6919,7 +6925,7 @@ const Pe = Ie(({
     setMood: ie,
     setTimingAdjustment: fe,
     playAnimation: Se,
-    isReady: Z,
+    isReady: X,
     isPaused: j,
     talkingHead: p.current,
     handleResize: De,
@@ -6991,7 +6997,7 @@ const Pe = Ie(({
         ...y
       },
       children: [
-        /* @__PURE__ */ ue(
+        /* @__PURE__ */ ce(
           "div",
           {
             ref: D,
@@ -7003,7 +7009,7 @@ const Pe = Ie(({
             }
           }
         ),
-        ee && /* @__PURE__ */ ue("div", { className: "loading-overlay", style: {
+        ee && /* @__PURE__ */ ce("div", { className: "loading-overlay", style: {
           position: "absolute",
           top: "50%",
           left: "50%",
@@ -7012,7 +7018,7 @@ const Pe = Ie(({
           fontSize: "18px",
           zIndex: 10
         }, children: "Loading avatar..." }),
-        S && /* @__PURE__ */ ue("div", { className: "error-overlay", style: {
+        S && /* @__PURE__ */ ce("div", { className: "error-overlay", style: {
           position: "absolute",
           top: "50%",
           left: "50%",
@@ -7041,7 +7047,7 @@ const ut = Ie(({
   style: s = {},
   avatarConfig: o = {}
 }, l) => {
-  const u = G(null), a = G(null), [h, r] = de(!0), [c, d] = de(null), [g, y] = de(!1), x = Ae(), I = o.ttsService || x.service, D = I === "browser" ? {
+  const u = Z(null), a = Z(null), [h, r] = pe(!0), [c, d] = pe(null), [g, y] = pe(!1), x = Ae(), I = o.ttsService || x.service, D = I === "browser" ? {
     endpoint: "",
     apiKey: null,
     defaultVoice: "Google US English"
@@ -7071,30 +7077,30 @@ const ut = Ie(({
     ttsService: I,
     lipsyncModules: ["en"],
     cameraView: "upper"
-  }, z = T(async () => {
+  }, z = E(async () => {
     if (!(!u.current || a.current))
       try {
-        if (r(!0), d(null), a.current = new Fe(u.current, H), await a.current.showAvatar(p, (Z) => {
-          if (Z.lengthComputable) {
-            const X = Math.min(100, Math.round(Z.loaded / Z.total * 100));
-            t(X);
+        if (r(!0), d(null), a.current = new Fe(u.current, H), await a.current.showAvatar(p, (X) => {
+          if (X.lengthComputable) {
+            const Y = Math.min(100, Math.round(X.loaded / X.total * 100));
+            t(Y);
           }
         }), a.current.morphs && a.current.morphs.length > 0) {
-          const Z = a.current.morphs[0].morphTargetDictionary;
-          console.log("Available morph targets:", Object.keys(Z));
-          const X = Object.keys(Z).filter((j) => j.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"));
+          const X = a.current.morphs[0].morphTargetDictionary;
+          console.log("Available morph targets:", Object.keys(X));
+          const Y = Object.keys(X).filter((j) => j.startsWith("viseme_"));
+          console.log("Viseme morph targets found:", Y), Y.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((Z) => {
-          const X = () => {
-            a.current.lipsync && Object.keys(a.current.lipsync).length > 0 ? (console.log("Lip-sync modules loaded:", Object.keys(a.current.lipsync)), Z()) : (console.log("Waiting for lip-sync modules to load..."), setTimeout(X, 100));
+        if (await new Promise((X) => {
+          const Y = () => {
+            a.current.lipsync && Object.keys(a.current.lipsync).length > 0 ? (console.log("Lip-sync modules loaded:", Object.keys(a.current.lipsync)), X()) : (console.log("Waiting for lip-sync modules to load..."), setTimeout(Y, 100));
           };
-          X();
+          Y();
         }), a.current && a.current.setShowFullAvatar)
           try {
             a.current.setShowFullAvatar(!0), console.log("Avatar initialized in full body mode");
-          } catch (Z) {
-            console.warn("Error setting full body mode on initialization:", Z);
+          } catch (X) {
+            console.warn("Error setting full body mode on initialization:", X);
           }
         r(!1), y(!0), n(a.current);
         const N = () => {
@@ -7107,10 +7113,10 @@ const ut = Ie(({
         console.error("Error initializing TalkingHead:", S), d(S.message || "Failed to initialize avatar"), r(!1), e(S);
       }
   }, []);
-  me(() => (z(), () => {
+  ge(() => (z(), () => {
     a.current && (a.current.stop(), a.current.dispose(), a.current = null);
   }), [z]);
-  const R = T((S) => {
+  const R = E((S) => {
     if (a.current && g)
       try {
         console.log("Speaking text:", S), console.log("Avatar config:", p), console.log("TalkingHead instance:", a.current), a.current.lipsync && Object.keys(a.current.lipsync).length > 0 ? (console.log("Lip-sync modules loaded:", Object.keys(a.current.lipsync)), a.current.setSlowdownRate && (a.current.setSlowdownRate(1.05), console.log("Applied timing adjustment for better lip-sync")), a.current.speakText(S)) : (console.warn("Lip-sync modules not ready, waiting..."), setTimeout(() => {
@@ -7121,25 +7127,25 @@ const ut = Ie(({
       }
     else
       console.warn("Avatar not ready for speaking. isReady:", g, "talkingHeadRef:", !!a.current);
-  }, [g, p]), M = T(() => {
+  }, [g, p]), T = E(() => {
     a.current && (a.current.stopSpeaking(), a.current.setSlowdownRate && (a.current.setSlowdownRate(1), console.log("Reset timing to normal")));
-  }, []), P = T((S) => {
+  }, []), P = E((S) => {
     a.current && a.current.setMood(S);
-  }, []), ee = T((S) => {
+  }, []), ee = E((S) => {
     a.current && a.current.setSlowdownRate && (a.current.setSlowdownRate(S), console.log("Timing adjustment set to:", S));
-  }, []), re = T((S, N = !1) => {
+  }, []), le = E((S, N = !1) => {
     if (a.current && a.current.playAnimation) {
       if (a.current.setShowFullAvatar)
         try {
           a.current.setShowFullAvatar(!0);
-        } catch (X) {
-          console.warn("Error setting full body mode:", X);
+        } catch (Y) {
+          console.warn("Error setting full body mode:", Y);
         }
       if (S.includes("."))
         try {
           a.current.playAnimation(S, null, 10, 0, 0.01, N), console.log("Playing animation:", S);
-        } catch (X) {
-          console.log(`Failed to play ${S}:`, X);
+        } catch (Y) {
+          console.log(`Failed to play ${S}:`, Y);
           try {
             a.current.setBodyMovement("idle"), console.log("Fallback to idle animation");
           } catch (j) {
@@ -7147,21 +7153,21 @@ const ut = Ie(({
           }
         }
       else {
-        const X = [".fbx", ".glb", ".gltf"];
+        const Y = [".fbx", ".glb", ".gltf"];
         let j = !1;
-        for (const K of X)
+        for (const _ of Y)
           try {
-            a.current.playAnimation(S + K, null, 10, 0, 0.01, N), console.log("Playing animation:", S + K), j = !0;
+            a.current.playAnimation(S + _, null, 10, 0, 0.01, N), console.log("Playing animation:", S + _), j = !0;
             break;
           } catch {
-            console.log(`Failed to play ${S}${K}, trying next format...`);
+            console.log(`Failed to play ${S}${_}, trying next format...`);
           }
         if (!j) {
           console.warn("Animation system not available or animation not found:", S);
           try {
             a.current.setBodyMovement("idle"), console.log("Fallback to idle animation");
-          } catch (K) {
-            console.warn("Fallback animation also failed:", K);
+          } catch (_) {
+            console.warn("Fallback animation also failed:", _);
           }
         }
       }
@@ -7170,10 +7176,10 @@ const ut = Ie(({
   }, []);
   return Le(l, () => ({
     speakText: R,
-    stopSpeaking: M,
+    stopSpeaking: T,
     setMood: P,
     setTimingAdjustment: ee,
-    playAnimation: re,
+    playAnimation: le,
     isReady: g,
     talkingHead: a.current,
     setBodyMovement: (S) => {
@@ -7234,7 +7240,7 @@ const ut = Ie(({
         }
     }
   })), /* @__PURE__ */ Ee("div", { className: `talking-head-container ${i}`, style: s, children: [
-    /* @__PURE__ */ ue(
+    /* @__PURE__ */ ce(
       "div",
       {
         ref: u,
@@ -7246,7 +7252,7 @@ const ut = Ie(({
         }
       }
     ),
-    h && /* @__PURE__ */ ue("div", { className: "loading-overlay", style: {
+    h && /* @__PURE__ */ ce("div", { className: "loading-overlay", style: {
       position: "absolute",
       top: "50%",
       left: "50%",
@@ -7255,7 +7261,7 @@ const ut = Ie(({
       fontSize: "18px",
       zIndex: 10
     }, children: "Loading avatar..." }),
-    c && /* @__PURE__ */ ue("div", { className: "error-overlay", style: {
+    c && /* @__PURE__ */ ce("div", { className: "error-overlay", style: {
       position: "absolute",
       top: "50%",
       left: "50%",
@@ -7286,7 +7292,7 @@ const ct = Ie(({
   },
   autoStart: u = !1
 }, a) => {
-  const h = G(null), r = G({
+  const h = Z(null), r = Z({
     currentModuleIndex: 0,
     currentLessonIndex: 0,
     currentQuestionIndex: 0,
@@ -7296,18 +7302,18 @@ const ct = Ie(({
     curriculumCompleted: !1,
     score: 0,
     totalQuestions: 0
-  }), c = G({
+  }), c = Z({
     onLessonStart: n,
     onLessonComplete: i,
     onQuestionAnswer: s,
     onCurriculumComplete: o,
     onCustomAction: l
-  }), d = G(null), g = G(null), y = G(null), x = G(null), I = G(null), D = G(null), p = G(null), H = G(O?.curriculum || {
+  }), d = Z(null), g = Z(null), y = Z(null), x = Z(null), I = Z(null), D = Z(null), p = Z(null), H = Z(O?.curriculum || {
     title: "Default Curriculum",
     description: "No curriculum data provided",
     language: "en",
     modules: []
-  }), z = G({
+  }), z = Z({
     avatarUrl: t.avatarUrl || "/avatars/brunette.glb",
     avatarBody: t.avatarBody || "F",
     mood: t.mood || "happy",
@@ -7321,7 +7327,7 @@ const ct = Ie(({
     animations: e,
     lipsyncLang: "en"
   });
-  me(() => {
+  ge(() => {
     c.current = {
       onLessonStart: n,
       onLessonComplete: i,
@@ -7329,7 +7335,7 @@ const ct = Ie(({
       onCurriculumComplete: o,
       onCustomAction: l
     };
-  }, [n, i, s, o, l]), me(() => {
+  }, [n, i, s, o, l]), ge(() => {
     H.current = O?.curriculum || {
       title: "Default Curriculum",
       description: "No curriculum data provided",
@@ -7350,7 +7356,7 @@ const ct = Ie(({
       lipsyncLang: "en"
     };
   }, [O, t, e]);
-  const R = T(() => (H.current || { modules: [] }).modules[r.current.currentModuleIndex]?.lessons[r.current.currentLessonIndex], []), M = T(() => R()?.questions[r.current.currentQuestionIndex], [R]), P = T((b, v) => v.type === "multiple_choice" || v.type === "true_false" ? b === v.answer : v.type === "code_test" && typeof b == "object" && b !== null ? b.passed === !0 : !1, []), ee = T(() => {
+  const R = E(() => (H.current || { modules: [] }).modules[r.current.currentModuleIndex]?.lessons[r.current.currentLessonIndex], []), T = E(() => R()?.questions[r.current.currentQuestionIndex], [R]), P = E((b, v) => v.type === "multiple_choice" || v.type === "true_false" ? b === v.answer : v.type === "code_test" && typeof b == "object" && b !== null ? b.passed === !0 : !1, []), ee = E(() => {
     r.current.lessonCompleted = !0, r.current.isQuestionMode = !1;
     const b = r.current.totalQuestions > 0 ? Math.round(r.current.score / r.current.totalQuestions * 100) : 100;
     let v = "Congratulations! You've completed this lesson";
@@ -7390,7 +7396,7 @@ const ct = Ie(({
         }
       });
     }
-  }, [e.lessonComplete]), re = T(() => {
+  }, [e.lessonComplete]), le = E(() => {
     r.current.curriculumCompleted = !0;
     const b = H.current || { modules: [] };
     if (c.current.onCurriculumComplete({
@@ -7406,10 +7412,10 @@ const ct = Ie(({
       const v = z.current || { lipsyncLang: "en" };
       h.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 = T(() => {
+  }, [e.curriculumComplete]), S = E(() => {
     const b = R();
     r.current.isQuestionMode = !0, r.current.currentQuestionIndex = 0, r.current.totalQuestions = b?.questions?.length || 0, r.current.score = 0;
-    const v = M();
+    const v = T();
     v && c.current.onCustomAction({
       type: "questionStart",
       moduleIndex: r.current.currentModuleIndex,
@@ -7443,11 +7449,11 @@ const ct = Ie(({
         clearInterval(C);
       }, 5e3);
     }
-  }, [e.questionStart, R, M]), N = T(() => {
+  }, [e.questionStart, R, T]), N = E(() => {
     const b = R();
     if (r.current.currentQuestionIndex < (b?.questions?.length || 0) - 1) {
       h.current && h.current.stopSpeaking && h.current.stopSpeaking(), r.current.currentQuestionIndex += 1;
-      const v = M();
+      const v = T();
       v && c.current.onCustomAction({
         type: "nextQuestion",
         moduleIndex: r.current.currentModuleIndex,
@@ -7494,7 +7500,7 @@ const ct = Ie(({
         totalQuestions: r.current.totalQuestions,
         score: r.current.score
       });
-  }, [e.nextQuestion, R, M]), Z = T(() => {
+  }, [e.nextQuestion, R, T]), X = E(() => {
     const b = H.current || { modules: [] }, v = b.modules[r.current.currentModuleIndex];
     if (r.current.currentLessonIndex < (v?.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;
@@ -7524,7 +7530,7 @@ const ct = Ie(({
       }), h.current && (h.current.setMood("happy"), h.current.setBodyMovement("idle"));
     } else
       I.current && I.current();
-  }, []), X = T(() => {
+  }, []), Y = E(() => {
     const b = R();
     let v = null;
     if (b?.avatar_script && b?.body) {
@@ -7565,8 +7571,8 @@ const ct = Ie(({
         }
       });
     }
-  }, [e.teaching, R]), j = T((b) => {
-    const v = M(), w = P(b, v);
+  }, [e.teaching, R]), j = E((b) => {
+    const v = T(), w = P(b, v);
     if (w && (r.current.score += 1), c.current.onQuestionAnswer({
       moduleIndex: r.current.currentModuleIndex,
       lessonIndex: r.current.currentLessonIndex,
@@ -7640,8 +7646,8 @@ const ct = Ie(({
         avatarNotReady: !0
       });
     }
-  }, [e.correct, e.incorrect, M, R, P]), K = T((b) => {
-    const v = M();
+  }, [e.correct, e.incorrect, T, R, P]), _ = E((b) => {
+    const v = T();
     if (!b || typeof b != "object") {
       console.error("Invalid code test result format. Expected object with {passed: boolean, ...}");
       return;
@@ -7668,10 +7674,10 @@ const ct = Ie(({
       testResult: w,
       question: v
     }), p.current && p.current(w);
-  }, [M, P]), te = T(() => {
+  }, [T, P]), te = E(() => {
     if (r.current.currentQuestionIndex > 0) {
       r.current.currentQuestionIndex -= 1;
-      const b = M();
+      const b = T();
       b && c.current.onCustomAction({
         type: "questionStart",
         moduleIndex: r.current.currentModuleIndex,
@@ -7702,7 +7708,7 @@ const ct = Ie(({
         }, 5e3);
       }
     }
-  }, [M]), ce = T(() => {
+  }, [T]), de = E(() => {
     const b = H.current || { modules: [] };
     if (b.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, c.current.onCustomAction({
@@ -7726,9 +7732,9 @@ const ct = Ie(({
         lesson: R()
       }), h.current && (h.current.setMood("happy"), h.current.setBodyMovement("idle"));
     }
-  }, [R]), oe = T(() => {
+  }, [R]), oe = E(() => {
     r.current.currentModuleIndex = 0, r.current.currentLessonIndex = 0, r.current.currentQuestionIndex = 0, r.current.isTeaching = !1, r.current.isQuestionMode = !1, r.current.lessonCompleted = !1, r.current.curriculumCompleted = !1, r.current.score = 0, r.current.totalQuestions = 0;
-  }, []), pe = T((b) => {
+  }, []), me = E((b) => {
     console.log("Avatar is ready!", b);
     const v = R(), w = v?.avatar_script || v?.body;
     u && w && setTimeout(() => {
@@ -7736,22 +7742,22 @@ const ct = Ie(({
     }, 10);
   }, [u, R]);
   We(() => {
-    d.current = X, g.current = Z, y.current = ee, x.current = N, I.current = re, D.current = S, p.current = j;
+    d.current = Y, g.current = X, y.current = ee, x.current = N, I.current = le, D.current = S, p.current = j;
   }), Le(a, () => ({
     // Curriculum control methods
-    startTeaching: X,
+    startTeaching: Y,
     startQuestions: S,
     handleAnswerSelect: j,
-    handleCodeTestResult: K,
+    handleCodeTestResult: _,
     nextQuestion: N,
     previousQuestion: te,
-    nextLesson: Z,
-    previousLesson: ce,
+    nextLesson: X,
+    previousLesson: de,
     completeLesson: ee,
-    completeCurriculum: re,
+    completeCurriculum: le,
     resetCurriculum: oe,
     getState: () => ({ ...r.current }),
-    getCurrentQuestion: () => M(),
+    getCurrentQuestion: () => T(),
     getCurrentLesson: () => R(),
     // Direct access to avatar ref (always returns current value)
     getAvatarRef: () => h.current,
@@ -7803,7 +7809,7 @@ const ct = Ie(({
     handleResize: () => h.current?.handleResize(),
     // Avatar readiness check (always returns current value)
     isAvatarReady: () => h.current?.isReady || !1
-  }), [X, S, j, K, N, Z, ee, re, oe, M, R]);
+  }), [Y, S, j, _, N, X, ee, le, oe, T, R]);
   const J = z.current || {
     avatarUrl: "/avatars/brunette.glb",
     avatarBody: "F",
@@ -7817,7 +7823,7 @@ const ct = Ie(({
     showFullAvatar: !1,
     animations: e
   };
-  return /* @__PURE__ */ ue("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ ue(
+  return /* @__PURE__ */ ce("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ ce(
     Pe,
     {
       ref: h,
@@ -7833,7 +7839,7 @@ const ct = Ie(({
       showFullAvatar: J.showFullAvatar,
       cameraView: "upper",
       animations: J.animations,
-      onReady: pe,
+      onReady: me,
       onLoading: () => {
       },
       onError: (b) => {