@sage-rsc/talking-head-react 1.0.64 → 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 me, useEffect as pe, useCallback as E, 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";
@@ -12,7 +12,7 @@ const A = [0, 0, 0, 0], k = new f.Vector3(), be = new f.Vector3(), Q = new f.Vec
 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(), 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))));
+          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
-}, U = 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();
@@ -4376,7 +4376,7 @@ class Fe {
       if (e.x === 0 && e.y === 0 && e.z === 0) continue;
       F.set(e.x, e.y, e.z);
       const n = this.poseAvatar.props[t];
-      n.isQuaternion ? (U.setFromEuler(F), n.multiply(U)) : n.isVector3 && n.add(F);
+      n.isQuaternion ? (W.setFromEuler(F), n.multiply(W)) : n.isVector3 && n.add(F);
     }
   }
   /**
@@ -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 && (U.setFromAxisAngle(ht, this.volumeHeadCurrent), this.objectNeck.quaternion.multiply(U)), 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) {
@@ -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,10 +6146,10 @@ 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), U.copy(this.armature.quaternion), U.multiply(this.poseTarget.props["Hips.quaternion"]), U.multiply(this.poseTarget.props["Spine.quaternion"]), U.multiply(this.poseTarget.props["Spine1.quaternion"]), U.multiply(this.poseTarget.props["Spine2.quaternion"]), U.multiply(this.poseTarget.props["Neck.quaternion"]), U.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(U.clone().invert());
+    const l = new f.Quaternion().setFromEuler(F), u = new f.Quaternion().copy(l).multiply(W.clone().invert());
     F.setFromQuaternion(u, "YXZ");
     let a = F.x / (40 / 24) + 0.2, h = F.y / (9 / 4), r = Math.min(0.6, Math.max(-0.3, a)), c = Math.min(0.8, Math.max(-0.8, h)), d = (Math.random() - 0.5) / 4, g = (Math.random() - 0.5) / 4;
     if (t) {
@@ -6186,7 +6186,7 @@ class Fe {
     const s = new f.Vector3().setFromMatrixPosition(this.objectLeftEye.matrixWorld), o = new f.Vector3().setFromMatrixPosition(this.objectRightEye.matrixWorld), l = new f.Vector3().addVectors(s, o).divideScalar(2);
     l.project(this.camera);
     let u = (l.x + 1) / 2 * i.width + i.left, a = -(l.y - 1) / 2 * i.height + i.top;
-    t === null && (t = u), e === null && (e = a), U.copy(this.armature.quaternion), U.multiply(this.poseTarget.props["Hips.quaternion"]), U.multiply(this.poseTarget.props["Spine.quaternion"]), U.multiply(this.poseTarget.props["Spine1.quaternion"]), U.multiply(this.poseTarget.props["Spine2.quaternion"]), U.multiply(this.poseTarget.props["Neck.quaternion"]), U.multiply(this.poseTarget.props["Head.quaternion"]), F.setFromQuaternion(U);
+    t === null && (t = u), e === null && (e = a), 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"]), F.setFromQuaternion(W);
     let h = F.x / (40 / 24), r = F.y / (9 / 4), c = Math.min(0.4, Math.max(-0.4, this.camera.rotation.x)), d = Math.min(0.4, Math.max(-0.4, this.camera.rotation.y)), g = Math.max(window.innerWidth - u, u), y = Math.max(window.innerHeight - a, a), x = this.convertRange(e, [a - y, a + y], [-0.3, 0.6]) - h + c, I = this.convertRange(t, [u - g, u + g], [-0.8, 0.8]) - r + d;
     x = Math.min(0.6, Math.max(-0.3, x)), I = Math.min(0.8, Math.max(-0.8, I));
     let D = (Math.random() - 0.5) / 4, p = (Math.random() - 0.5) / 4;
@@ -6582,7 +6582,7 @@ class Fe {
           const z = y[p].bone;
           z.matrixWorld.decompose(u, a, h), a.invert(), o.setFromMatrixPosition(g.matrixWorld), l.subVectors(o, u), l.applyQuaternion(a), l.normalize(), s.subVectors(e, u), s.applyQuaternion(a), s.normalize();
           let R = s.dot(l);
-          R > 1 ? R = 1 : R < -1 && (R = -1), R = Math.acos(R), !(R < 1e-5) && (y[p].minAngle !== void 0 && R < y[p].minAngle && (R = y[p].minAngle), y[p].maxAngle !== void 0 && R > y[p].maxAngle && (R = y[p].maxAngle), r.crossVectors(l, s), r.normalize(), U.setFromAxisAngle(r, R), z.quaternion.multiply(U), z.rotation.setFromVector3(c.setFromEuler(z.rotation).clamp(new f.Vector3(
+          R > 1 ? R = 1 : R < -1 && (R = -1), R = Math.acos(R), !(R < 1e-5) && (y[p].minAngle !== void 0 && R < y[p].minAngle && (R = y[p].minAngle), y[p].maxAngle !== void 0 && R > y[p].maxAngle && (R = y[p].maxAngle), r.crossVectors(l, s), r.normalize(), W.setFromAxisAngle(r, R), z.quaternion.multiply(W), z.rotation.setFromVector3(c.setFromEuler(z.rotation).clamp(new f.Vector3(
             y[p].minx !== void 0 ? y[p].minx : -1 / 0,
             y[p].miny !== void 0 ? y[p].miny : -1 / 0,
             y[p].minz !== void 0 ? y[p].minz : -1 / 0
@@ -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), T = G(!1), P = G({ remainingText: null, originalText: null, options: null }), [ee, re] = me(!0), [S, N] = me(null), [Z, X] = me(!1), [j, _] = me(!1);
-  pe(() => {
+  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]), pe(() => {
+  }, [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 de = {
+  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 = 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(de, (V) => {
-          if (V.lengthComputable) {
-            const M = Math.min(100, Math.round(V.loaded / V.total * 100));
+        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((V) => {
+        }), await new Promise((G) => {
           const M = () => {
-            p.current.lipsync && Object.keys(p.current.lipsync).length > 0 ? V() : setTimeout(M, 100);
+            p.current.lipsync && Object.keys(p.current.lipsync).length > 0 ? G() : setTimeout(M, 100);
           };
           M();
         }), p.current && p.current.setShowFullAvatar)
           try {
             p.current.setShowFullAvatar(a);
-          } catch (V) {
-            console.warn("Error setting full body mode on initialization:", V);
+          } 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]);
-  pe(() => (b(), () => {
+  ge(() => (b(), () => {
     p.current && (p.current.stop(), p.current.dispose(), p.current = null);
-  }), [b]), pe(() => {
+  }), [b]), ge(() => {
     if (!D.current || !p.current) return;
-    const L = new ResizeObserver((V) => {
-      for (const M of V)
+    const L = new ResizeObserver((G) => {
+      for (const M of G)
         p.current && p.current.onResize && p.current.onResize();
     });
     L.observe(D.current);
@@ -6776,7 +6776,7 @@ const Pe = Ie(({
     return window.addEventListener("resize", B), () => {
       L.disconnect(), window.removeEventListener("resize", B);
     };
-  }, [Z]);
+  }, [X]);
   const v = E(async () => {
     if (p.current && p.current.audioCtx)
       try {
@@ -6785,23 +6785,23 @@ const Pe = Ie(({
         console.warn("Failed to resume audio context:", L);
       }
   }, []), w = E(async (L, B = {}) => {
-    if (p.current && Z)
+    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 }, _(!1), T.current = !1, await v();
-        const V = {
+        const G = {
           ...B,
-          lipsyncLang: B.lipsyncLang || de.lipsyncLang || "en"
+          lipsyncLang: B.lipsyncLang || me.lipsyncLang || "en"
         };
         if (B.onSpeechEnd && p.current) {
           const M = p.current;
-          let Y = null, ge = 0;
+          let U = null, se = 0;
           const ke = 1200;
           let xe = !1;
-          Y = setInterval(() => {
-            if (ge++, T.current)
+          U = setInterval(() => {
+            if (se++, T.current)
               return;
-            if (ge > ke) {
-              if (Y && (clearInterval(Y), Y = null, R.current = null), !xe && !T.current) {
+            if (se > ke) {
+              if (U && (clearInterval(U), U = null, R.current = null), !xe && !T.current) {
                 xe = !0;
                 try {
                   B.onSpeechEnd();
@@ -6814,7 +6814,7 @@ const Pe = Ie(({
             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, Y && (clearInterval(Y), Y = null, R.current = null);
+                xe = !0, U && (clearInterval(U), U = null, R.current = null);
                 try {
                   B.onSpeechEnd();
                 } catch (Ue) {
@@ -6822,28 +6822,28 @@ 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, V)) : setTimeout(async () => {
-          await v(), p.current && p.current.lipsync && (p.current.setSlowdownRate && p.current.setSlowdownRate(1.05), p.current.speakText(L, V));
+        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 (V) {
-        console.error("Error speaking text:", V), N(V.message || "Failed to speak text");
+      } catch (G) {
+        console.error("Error speaking text:", G), N(G.message || "Failed to speak text");
       }
-  }, [Z, v, de.lipsyncLang]), C = E(() => {
+  }, [X, v, me.lipsyncLang]), C = E(() => {
     p.current && (p.current.stopSpeaking(), p.current.setSlowdownRate && p.current.setSlowdownRate(1), z.current = null, _(!1));
-  }, []), W = E(() => {
+  }, []), 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 V = "";
+        let G = "";
         if (L.speechQueue && L.speechQueue.length > 0 && z.current) {
-          const M = L.speechQueue.filter((Y) => Y && Y.text).map((Y) => Y.text).join(" ");
-          M && M.trim() && (V = M.trim());
+          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());
         }
         z.current && (P.current = {
-          remainingText: V || null,
+          remainingText: G || null,
           originalText: z.current.text,
           options: z.current.options
         }), L.speechQueue && (L.speechQueue.length = 0), p.current.pauseSpeaking(), T.current = !0, _(!0);
@@ -6862,16 +6862,16 @@ const Pe = Ie(({
       return;
     }
     _(!1), T.current = !1, await v();
-    const V = {
+    const G = {
       ...B,
-      lipsyncLang: B.lipsyncLang || de.lipsyncLang || "en"
+      lipsyncLang: B.lipsyncLang || me.lipsyncLang || "en"
     };
     try {
-      await w(L, V);
+      await w(L, G);
     } catch (M) {
       console.error("Error resuming speech:", M), _(!1), T.current = !1;
     }
-  }, [v, j, w, de]), ie = E((L) => {
+  }, [v, j, w, me]), ie = E((L) => {
     p.current && p.current.setMood(L);
   }, []), fe = E((L) => {
     p.current && p.current.setSlowdownRate && p.current.setSlowdownRate(L);
@@ -6890,25 +6890,25 @@ const Pe = Ie(({
           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 M = [".fbx", ".glb", ".gltf"];
-        let Y = !1;
-        for (const ge of M)
+        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);
           }
         }
       }
@@ -6919,13 +6919,13 @@ const Pe = Ie(({
   return Le(I, () => ({
     speakText: w,
     stopSpeaking: C,
-    pauseSpeaking: W,
+    pauseSpeaking: V,
     resumeSpeaking: ne,
     resumeAudioContext: v,
     setMood: ie,
     setTimingAdjustment: fe,
     playAnimation: Se,
-    isReady: Z,
+    isReady: X,
     isPaused: j,
     talkingHead: p.current,
     handleResize: De,
@@ -6997,7 +6997,7 @@ const Pe = Ie(({
         ...y
       },
       children: [
-        /* @__PURE__ */ ue(
+        /* @__PURE__ */ ce(
           "div",
           {
             ref: D,
@@ -7009,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%",
@@ -7018,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%",
@@ -7047,7 +7047,7 @@ const ut = Ie(({
   style: s = {},
   avatarConfig: o = {}
 }, l) => {
-  const u = G(null), a = G(null), [h, r] = me(!0), [c, d] = me(null), [g, y] = me(!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"
@@ -7080,27 +7080,27 @@ const ut = Ie(({
   }, 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 = () => {
@@ -7113,7 +7113,7 @@ const ut = Ie(({
         console.error("Error initializing TalkingHead:", S), d(S.message || "Failed to initialize avatar"), r(!1), e(S);
       }
   }, []);
-  pe(() => (z(), () => {
+  ge(() => (z(), () => {
     a.current && (a.current.stop(), a.current.dispose(), a.current = null);
   }), [z]);
   const R = E((S) => {
@@ -7133,19 +7133,19 @@ const ut = Ie(({
     a.current && a.current.setMood(S);
   }, []), ee = E((S) => {
     a.current && a.current.setSlowdownRate && (a.current.setSlowdownRate(S), console.log("Timing adjustment set to:", S));
-  }, []), re = E((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) {
@@ -7153,9 +7153,9 @@ const ut = Ie(({
           }
         }
       else {
-        const X = [".fbx", ".glb", ".gltf"];
+        const Y = [".fbx", ".glb", ".gltf"];
         let j = !1;
-        for (const _ of X)
+        for (const _ of Y)
           try {
             a.current.playAnimation(S + _, null, 10, 0, 0.01, N), console.log("Playing animation:", S + _), j = !0;
             break;
@@ -7179,7 +7179,7 @@ const ut = Ie(({
     stopSpeaking: T,
     setMood: P,
     setTimingAdjustment: ee,
-    playAnimation: re,
+    playAnimation: le,
     isReady: g,
     talkingHead: a.current,
     setBodyMovement: (S) => {
@@ -7240,7 +7240,7 @@ const ut = Ie(({
         }
     }
   })), /* @__PURE__ */ Ee("div", { className: `talking-head-container ${i}`, style: s, children: [
-    /* @__PURE__ */ ue(
+    /* @__PURE__ */ ce(
       "div",
       {
         ref: u,
@@ -7252,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%",
@@ -7261,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%",
@@ -7292,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,
@@ -7302,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",
@@ -7327,7 +7327,7 @@ const ct = Ie(({
     animations: e,
     lipsyncLang: "en"
   });
-  pe(() => {
+  ge(() => {
     c.current = {
       onLessonStart: n,
       onLessonComplete: i,
@@ -7335,7 +7335,7 @@ const ct = Ie(({
       onCurriculumComplete: o,
       onCustomAction: l
     };
-  }, [n, i, s, o, l]), pe(() => {
+  }, [n, i, s, o, l]), ge(() => {
     H.current = O?.curriculum || {
       title: "Default Curriculum",
       description: "No curriculum data provided",
@@ -7380,7 +7380,7 @@ const ct = Ie(({
         } catch {
           h.current.playCelebration();
         }
-      const w = H.current || { modules: [] }, C = w.modules[r.current.currentModuleIndex], W = r.current.currentLessonIndex < (C?.lessons?.length || 0) - 1, ne = r.current.currentModuleIndex < (w.modules?.length || 0) - 1, ie = W || ne, fe = z.current || { lipsyncLang: "en" };
+      const w = H.current || { modules: [] }, C = w.modules[r.current.currentModuleIndex], V = r.current.currentLessonIndex < (C?.lessons?.length || 0) - 1, ne = r.current.currentModuleIndex < (w.modules?.length || 0) - 1, ie = V || ne, fe = z.current || { lipsyncLang: "en" };
       h.current.speakText(v, {
         lipsyncLang: fe.lipsyncLang,
         onSpeechEnd: () => {
@@ -7396,7 +7396,7 @@ const ct = Ie(({
         }
       });
     }
-  }, [e.lessonComplete]), re = E(() => {
+  }, [e.lessonComplete]), le = E(() => {
     r.current.curriculumCompleted = !0;
     const b = H.current || { modules: [] };
     if (c.current.onCurriculumComplete({
@@ -7430,8 +7430,8 @@ const ct = Ie(({
       if (h.current.setMood("happy"), e.questionStart)
         try {
           h.current.playAnimation(e.questionStart, !0);
-        } catch (W) {
-          console.warn("Failed to play questionStart animation:", W);
+        } catch (V) {
+          console.warn("Failed to play questionStart animation:", V);
         }
       const C = z.current || { lipsyncLang: "en" };
       v.type === "code_test" ? h.current.speakText(`Let's test your coding skills! Here's your first challenge: ${v.question}`, { lipsyncLang: C.lipsyncLang }) : v.type === "multiple_choice" ? h.current.speakText(`Now let me ask you some questions. Here's the first one: ${v.question}`, { lipsyncLang: C.lipsyncLang }) : v.type === "true_false" ? h.current.speakText(`Let's start with some true or false questions. First question: ${v.question}`, { lipsyncLang: C.lipsyncLang }) : h.current.speakText(`Now let me ask you some questions. Here's the first one: ${v.question}`, { lipsyncLang: C.lipsyncLang });
@@ -7468,8 +7468,8 @@ const ct = Ie(({
         if (h.current.setMood("happy"), h.current.setBodyMovement("idle"), e.nextQuestion)
           try {
             h.current.playAnimation(e.nextQuestion, !0);
-          } catch (W) {
-            console.warn("Failed to play nextQuestion animation:", W);
+          } catch (V) {
+            console.warn("Failed to play nextQuestion animation:", V);
           }
         const C = z.current || { lipsyncLang: "en" };
         v.type === "code_test" ? h.current.speakText(`Great! Now let's move on to your next coding challenge: ${v.question}`, {
@@ -7500,11 +7500,11 @@ const ct = Ie(({
         totalQuestions: r.current.totalQuestions,
         score: r.current.score
       });
-  }, [e.nextQuestion, R, T]), Z = E(() => {
+  }, [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;
-      const C = b.modules[r.current.currentModuleIndex], W = r.current.currentLessonIndex < (C?.lessons?.length || 0) - 1, ne = r.current.currentModuleIndex < (b.modules?.length || 0) - 1, ie = W || ne;
+      const C = b.modules[r.current.currentModuleIndex], V = r.current.currentLessonIndex < (C?.lessons?.length || 0) - 1, ne = r.current.currentModuleIndex < (b.modules?.length || 0) - 1, ie = V || ne;
       c.current.onCustomAction({
         type: "lessonStart",
         moduleIndex: r.current.currentModuleIndex,
@@ -7517,7 +7517,7 @@ const ct = Ie(({
       }), h.current && (h.current.setMood("happy"), h.current.setBodyMovement("idle"));
     } else if (r.current.currentModuleIndex < (b.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 W = b.modules[r.current.currentModuleIndex], ne = r.current.currentLessonIndex < (W?.lessons?.length || 0) - 1, ie = r.current.currentModuleIndex < (b.modules?.length || 0) - 1, fe = ne || ie;
+      const V = b.modules[r.current.currentModuleIndex], ne = r.current.currentLessonIndex < (V?.lessons?.length || 0) - 1, ie = r.current.currentModuleIndex < (b.modules?.length || 0) - 1, fe = ne || ie;
       c.current.onCustomAction({
         type: "lessonStart",
         moduleIndex: r.current.currentModuleIndex,
@@ -7530,12 +7530,12 @@ const ct = Ie(({
       }), h.current && (h.current.setMood("happy"), h.current.setBodyMovement("idle"));
     } else
       I.current && I.current();
-  }, []), X = E(() => {
+  }, []), Y = E(() => {
     const b = R();
     let v = null;
     if (b?.avatar_script && b?.body) {
-      const w = b.avatar_script.trim(), C = b.body.trim(), W = w.match(/[.!?]$/) ? " " : ". ";
-      v = `${w}${W}${C}`;
+      const w = b.avatar_script.trim(), C = b.body.trim(), V = w.match(/[.!?]$/) ? " " : ". ";
+      v = `${w}${V}${C}`;
     } else
       v = b?.avatar_script || b?.body || null;
     if (h.current && h.current.isReady && v) {
@@ -7544,8 +7544,8 @@ const ct = Ie(({
       if (e.teaching)
         try {
           h.current.playAnimation(e.teaching, !0), w = !0;
-        } catch (W) {
-          console.warn("Failed to play teaching animation:", W);
+        } catch (V) {
+          console.warn("Failed to play teaching animation:", V);
         }
       w || h.current.setBodyMovement("gesturing");
       const C = z.current || { lipsyncLang: "en" };
@@ -7589,9 +7589,9 @@ const ct = Ie(({
             h.current.setBodyMovement("happy");
           }
         h.current.setBodyMovement("gesturing");
-        const C = v.type === "code_test" ? `Great job! Your code passed all the tests! ${v.explanation || ""}` : `Excellent! That's correct! ${v.explanation || ""}`, W = z.current || { lipsyncLang: "en" };
+        const C = v.type === "code_test" ? `Great job! Your code passed all the tests! ${v.explanation || ""}` : `Excellent! That's correct! ${v.explanation || ""}`, V = z.current || { lipsyncLang: "en" };
         h.current.speakText(C, {
-          lipsyncLang: W.lipsyncLang,
+          lipsyncLang: V.lipsyncLang,
           onSpeechEnd: () => {
             const ie = R()?.questions?.length || 0;
             c.current.onCustomAction({
@@ -7614,9 +7614,9 @@ const ct = Ie(({
             h.current.setBodyMovement("idle");
           }
         h.current.setBodyMovement("gesturing");
-        const C = v.type === "code_test" ? `Your code didn't pass all the tests. ${v.explanation || "Try again!"}` : `Not quite right, but don't worry! ${v.explanation || ""} Let's move on to the next question.`, W = z.current || { lipsyncLang: "en" };
+        const C = v.type === "code_test" ? `Your code didn't pass all the tests. ${v.explanation || "Try again!"}` : `Not quite right, but don't worry! ${v.explanation || ""} Let's move on to the next question.`, V = z.current || { lipsyncLang: "en" };
         h.current.speakText(C, {
-          lipsyncLang: W.lipsyncLang,
+          lipsyncLang: V.lipsyncLang,
           onSpeechEnd: () => {
             const ie = R()?.questions?.length || 0;
             c.current.onCustomAction({
@@ -7633,14 +7633,14 @@ const ct = Ie(({
         });
       }
     else {
-      const W = R()?.questions?.length || 0;
+      const V = R()?.questions?.length || 0;
       c.current.onCustomAction({
         type: "answerFeedbackComplete",
         moduleIndex: r.current.currentModuleIndex,
         lessonIndex: r.current.currentLessonIndex,
         questionIndex: r.current.currentQuestionIndex,
         isCorrect: w,
-        hasNextQuestion: r.current.currentQuestionIndex < W - 1,
+        hasNextQuestion: r.current.currentQuestionIndex < V - 1,
         score: r.current.score,
         totalQuestions: r.current.totalQuestions,
         avatarNotReady: !0
@@ -7708,7 +7708,7 @@ const ct = Ie(({
         }, 5e3);
       }
     }
-  }, [T]), ce = E(() => {
+  }, [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({
@@ -7734,7 +7734,7 @@ const ct = Ie(({
     }
   }, [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;
-  }, []), de = E((b) => {
+  }, []), me = E((b) => {
     console.log("Avatar is ready!", b);
     const v = R(), w = v?.avatar_script || v?.body;
     u && w && setTimeout(() => {
@@ -7742,19 +7742,19 @@ 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: _,
     nextQuestion: N,
     previousQuestion: te,
-    nextLesson: Z,
-    previousLesson: ce,
+    nextLesson: X,
+    previousLesson: de,
     completeLesson: ee,
-    completeCurriculum: re,
+    completeCurriculum: le,
     resetCurriculum: oe,
     getState: () => ({ ...r.current }),
     getCurrentQuestion: () => T(),
@@ -7809,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, _, N, Z, ee, re, oe, T, R]);
+  }), [Y, S, j, _, N, X, ee, le, oe, T, R]);
   const J = z.current || {
     avatarUrl: "/avatars/brunette.glb",
     avatarBody: "F",
@@ -7823,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,
@@ -7839,7 +7839,7 @@ const ct = Ie(({
       showFullAvatar: J.showFullAvatar,
       cameraView: "upper",
       animations: J.animations,
-      onReady: de,
+      onReady: me,
       onLoading: () => {
       },
       onError: (b) => {