@sage-rsc/talking-head-react 1.0.70 → 1.0.71

package/dist/index.js

@@ -1,20 +1,20 @@
-import { jsxs as Pe, jsx as pe } from "react/jsx-runtime";
-import { forwardRef as Me, useRef as B, useState as de, useEffect as me, useCallback as M, useImperativeHandle as Ee, useLayoutEffect as Xe } from "react";
+import { jsxs as Pe, jsx as me } from "react/jsx-runtime";
+import { forwardRef as Me, useRef as D, useState as ce, useEffect as de, useCallback as T, useImperativeHandle as Ee, useLayoutEffect as Xe } from "react";
 import * as x from "three";
 import { OrbitControls as Ye } from "three/addons/controls/OrbitControls.js";
 import { GLTFLoader as je } from "three/addons/loaders/GLTFLoader.js";
 import { DRACOLoader as Qe } from "three/addons/loaders/DRACOLoader.js";
 import { FBXLoader as Oe } from "three/addons/loaders/FBXLoader.js";
 import { RoomEnvironment as qe } from "three/addons/environments/RoomEnvironment.js";
-import _e from "three/addons/libs/stats.module.js";
+import Ke from "three/addons/libs/stats.module.js";
 let m, re, ue;
 const A = [0, 0, 0, 0], k = new x.Vector3(), ze = new x.Vector3(), ne = new x.Vector3(), Ce = new x.Vector3();
 new x.Plane();
 new x.Ray();
 new x.Euler();
-const ie = new x.Quaternion(), Ne = new x.Quaternion(), xe = new x.Matrix4(), be = new x.Matrix4();
+const ie = new x.Quaternion(), Ne = new x.Quaternion(), fe = new x.Matrix4(), xe = new x.Matrix4();
 new x.Vector3();
-const He = new x.Vector3(0, 0, 1), Ke = new x.Vector3(1, 0, 0), Je = new x.Vector3(0, 1, 0), $e = new x.Vector3(0, 0, 1);
+const He = new x.Vector3(0, 0, 1), _e = new x.Vector3(1, 0, 0), Je = new x.Vector3(0, 1, 0), $e = new x.Vector3(0, 0, 1);
 class et {
   constructor(t = null) {
     this.opt = Object.assign({
@@ -356,22 +356,22 @@ class et {
     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), xe.copy(o.boneParent.matrixWorld), be.copy(xe).invert(), o.vWorld.setFromMatrixPosition(xe), k.applyMatrix4(be), 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), fe.copy(o.boneParent.matrixWorld), xe.copy(fe).invert(), o.vWorld.setFromMatrixPosition(fe), k.applyMatrix4(xe), 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(xe), k.x += m[0], k.y += m[1], k.z += m[2], k.applyMatrix4(be), 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(fe), k.x += m[0], k.y += m[1], k.z += m[2], k.applyMatrix4(xe), 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],
           o.vBasis.z - A[2]
         );
-      else if (o.boneParent.quaternion.copy(o.qBasis), o.pivot && this.opt.isPivots && (o.boneParent.updateWorldMatrix(!1, !1), o.boneParent.matrixWorld.decompose(k, ie, ne), k.copy(He).applyQuaternion(ie).setY(0).normalize(), ie.premultiply(Ne.setFromUnitVectors(He, k).invert()).normalize(), o.boneParent.quaternion.multiply(ie.invert()), o.boneParent.quaternion.multiply(o.qWorldInverseYaw)), o.isZ && (m = Math.atan(A[0] / o.l), ie.setFromAxisAngle($e, -m), o.boneParent.quaternion.multiply(ie)), 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), ie.setFromAxisAngle(Ke, -m), o.boneParent.quaternion.multiply(ie)), o.isT && (m = 1.5 * Math.tanh(A[3] * 1.5), ie.setFromAxisAngle(Je, -m), o.boneParent.quaternion.multiply(ie)), o.boneParent.updateWorldMatrix(!1, !0), o.excludes && this.opt.isExcludes)
+      else if (o.boneParent.quaternion.copy(o.qBasis), o.pivot && this.opt.isPivots && (o.boneParent.updateWorldMatrix(!1, !1), o.boneParent.matrixWorld.decompose(k, ie, ne), k.copy(He).applyQuaternion(ie).setY(0).normalize(), ie.premultiply(Ne.setFromUnitVectors(He, k).invert()).normalize(), o.boneParent.quaternion.multiply(ie.invert()), o.boneParent.quaternion.multiply(o.qWorldInverseYaw)), o.isZ && (m = Math.atan(A[0] / o.l), ie.setFromAxisAngle($e, -m), o.boneParent.quaternion.multiply(ie)), 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), ie.setFromAxisAngle(_e, -m), o.boneParent.quaternion.multiply(ie)), o.isT && (m = 1.5 * Math.tanh(A[3] * 1.5), ie.setFromAxisAngle(Je, -m), o.boneParent.quaternion.multiply(ie)), o.boneParent.updateWorldMatrix(!1, !0), o.excludes && this.opt.isExcludes)
         for (n = 0, s = o.excludes.length; n < s; n++)
-          m = o.excludes[n], ne.set(0, 0, 0), m.deltaLocal && (ne.x += m.deltaLocal[0], ne.y += m.deltaLocal[1], ne.z += m.deltaLocal[2]), ne.applyMatrix4(m.bone.matrixWorld), be.copy(o.boneParent.matrixWorld).invert(), ne.applyMatrix4(be), k.copy(o.bone.position), !(k.distanceToSquared(ne) >= m.radiusSq) && (ue = k.length(), re = ne.length(), !(re > m.radius + ue) && (re < Math.abs(m.radius - ue) || (re = (re * re + ue * ue - m.radiusSq) / (2 * re), ne.normalize(), Ce.copy(ne).multiplyScalar(re), re = Math.sqrt(ue * ue - re * re), k.subVectors(k, Ce).projectOnPlane(ne).normalize().multiplyScalar(re), ze.subVectors(o.vBasis, Ce).projectOnPlane(ne).normalize(), ue = ze.dot(k), ue < 0 && (ue = Math.sqrt(re * re - ue * ue), ze.multiplyScalar(ue), k.add(ze)), k.add(Ce).normalize(), ne.copy(o.bone.position).normalize(), ie.setFromUnitVectors(ne, k), o.boneParent.quaternion.premultiply(ie), o.boneParent.updateWorldMatrix(!1, !0))));
+          m = o.excludes[n], ne.set(0, 0, 0), m.deltaLocal && (ne.x += m.deltaLocal[0], ne.y += m.deltaLocal[1], ne.z += m.deltaLocal[2]), ne.applyMatrix4(m.bone.matrixWorld), xe.copy(o.boneParent.matrixWorld).invert(), ne.applyMatrix4(xe), k.copy(o.bone.position), !(k.distanceToSquared(ne) >= m.radiusSq) && (ue = k.length(), re = ne.length(), !(re > m.radius + ue) && (re < Math.abs(m.radius - ue) || (re = (re * re + ue * ue - m.radiusSq) / (2 * re), ne.normalize(), Ce.copy(ne).multiplyScalar(re), re = Math.sqrt(ue * ue - re * re), k.subVectors(k, Ce).projectOnPlane(ne).normalize().multiplyScalar(re), ze.subVectors(o.vBasis, Ce).projectOnPlane(ne).normalize(), ue = ze.dot(k), ue < 0 && (ue = Math.sqrt(re * re - ue * ue), ze.multiplyScalar(ue), k.add(ze)), k.add(Ce).normalize(), ne.copy(o.bone.position).normalize(), ie.setFromUnitVectors(ne, k), o.boneParent.quaternion.premultiply(ie), o.boneParent.updateWorldMatrix(!1, !0))));
     }
     this.helpers.isActive && this.updateHelpers();
   }
@@ -442,17 +442,17 @@ class et {
   */
   updateHelpers() {
     if (m = this.helpers.points, m.bones.length) {
-      be.copy(this.armature.matrixWorld).invert();
+      xe.copy(this.armature.matrixWorld).invert();
       const t = m.object.geometry.getAttribute("position");
       for (let e = 0, n = m.bones.length; e < n; e++)
-        xe.multiplyMatrices(be, m.bones[e].matrixWorld), k.setFromMatrixPosition(xe), t.setXYZ(e, k.x, k.y, k.z);
+        fe.multiplyMatrices(xe, m.bones[e].matrixWorld), k.setFromMatrixPosition(fe), t.setXYZ(e, k.x, k.y, k.z);
       t.needsUpdate = !0, m.object.updateMatrixWorld();
     }
     if (m = this.helpers.lines, m.bones.length) {
-      be.copy(this.armature.matrixWorld).invert();
+      xe.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)
-        xe.multiplyMatrices(be, m.bones[e].matrixWorld), k.setFromMatrixPosition(xe), t.setXYZ(n, k.x, k.y, k.z), xe.multiplyMatrices(be, m.bones[e].parent.matrixWorld), k.setFromMatrixPosition(xe), t.setXYZ(n + 1, k.x, k.y, k.z);
+        fe.multiplyMatrices(xe, m.bones[e].matrixWorld), k.setFromMatrixPosition(fe), t.setXYZ(n, k.x, k.y, k.z), fe.multiplyMatrices(xe, m.bones[e].parent.matrixWorld), k.setFromMatrixPosition(fe), t.setXYZ(n + 1, k.x, k.y, k.z);
       t.needsUpdate = !0, m.object.updateMatrixWorld();
     }
   }
@@ -2629,7 +2629,7 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   fr: rt,
   fi: ut,
   lt: ct
-}, j = new x.Quaternion(), U = new x.Euler(), Re = new x.Vector3(), Ie = new x.Vector3(), We = new x.Box3();
+}, Q = new x.Quaternion(), W = new x.Euler(), ve = new x.Vector3(), Re = new x.Vector3(), We = new x.Box3();
 new x.Matrix4();
 new x.Matrix4();
 new x.Vector3();
@@ -2763,7 +2763,7 @@ class Be {
       avatarOnlyCamera: null,
       statsNode: null,
       statsStyle: null
-    }, Object.assign(this.opt, e || {}), this.opt.statsNode && (this.stats = new _e(), this.opt.statsStyle && (this.stats.dom.style.cssText = this.opt.statsStyle), this.opt.statsNode.appendChild(this.stats.dom)), this.poseTemplates = {
+    }, Object.assign(this.opt, e || {}), this.opt.statsNode && (this.stats = new Ke(), this.opt.statsStyle && (this.stats.dom.style.cssText = this.opt.statsStyle), this.opt.statsNode.appendChild(this.stats.dom)), this.poseTemplates = {
       side: {
         standing: !0,
         props: {
@@ -4374,9 +4374,9 @@ class Be {
   updatePoseDelta() {
     for (const [t, e] of Object.entries(this.poseDelta.props)) {
       if (e.x === 0 && e.y === 0 && e.z === 0) continue;
-      U.set(e.x, e.y, e.z);
+      W.set(e.x, e.y, e.z);
       const n = this.poseAvatar.props[t];
-      n.isQuaternion ? (j.setFromEuler(U), n.multiply(j)) : n.isVector3 && n.add(U);
+      n.isQuaternion ? (Q.setFromEuler(W), n.multiply(Q)) : n.isVector3 && n.add(W);
     }
   }
   /**
@@ -5159,7 +5159,7 @@ class Be {
           }, i.x ? new x.Vector3(i.x, i.y, i.z) : null, !0, i.d);
           break;
       }
-    if ((h || r) && (U.setFromQuaternion(this.poseAvatar.props["Head.quaternion"]), U.x = Math.max(-0.9, Math.min(0.9, 2 * U.x - 0.5)), U.y = Math.max(-0.9, Math.min(0.9, -2.5 * U.y)), h ? (Object.assign(this.mtAvatar.eyesLookDown, { system: U.x < 0 ? -U.x : 0, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyesLookUp, { system: U.x < 0 ? 0 : U.x, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookInLeft, { system: U.y < 0 ? -U.y : 0, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookOutLeft, { system: U.y < 0 ? 0 : U.y, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookInRight, { system: U.y < 0 ? 0 : U.y, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookOutRight, { system: U.y < 0 ? -U.y : 0, needsUpdate: !0 }), r && (n = -this.mtAvatar.bodyRotateY.value, i = this.gaussianRandom(-0.2, 0.2), this.animQueue.push(this.animFactory({
+    if ((h || r) && (W.setFromQuaternion(this.poseAvatar.props["Head.quaternion"]), W.x = Math.max(-0.9, Math.min(0.9, 2 * W.x - 0.5)), W.y = Math.max(-0.9, Math.min(0.9, -2.5 * W.y)), h ? (Object.assign(this.mtAvatar.eyesLookDown, { system: W.x < 0 ? -W.x : 0, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyesLookUp, { system: W.x < 0 ? 0 : W.x, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookInLeft, { system: W.y < 0 ? -W.y : 0, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookOutLeft, { system: W.y < 0 ? 0 : W.y, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookInRight, { system: W.y < 0 ? 0 : W.y, needsUpdate: !0 }), Object.assign(this.mtAvatar.eyeLookOutRight, { system: W.y < 0 ? -W.y : 0, needsUpdate: !0 }), r && (n = -this.mtAvatar.bodyRotateY.value, i = this.gaussianRandom(-0.2, 0.2), this.animQueue.push(this.animFactory({
       name: "headmove",
       dt: [[1e3, 2e3], [1e3, 2e3, 1, 2], [1e3, 2e3], [1e3, 2e3, 1, 2]],
       vs: {
@@ -5180,7 +5180,7 @@ class Be {
         eyeLookOutRight: [null, 0],
         eyeContact: [0]
       }
-    })))), e > 2 * this.animFrameDur && (e = 2 * this.animFrameDur), (this.viewName !== "full" || this.isAvatarOnly) && (n = this.mtRandomized[Math.floor(Math.random() * this.mtRandomized.length)], i = this.mtAvatar[n], i.needsUpdate || Object.assign(i, { base: (this.mood.baseline[n] || 0) + (1 + l / 255) * Math.random() / 5, needsUpdate: !0 })), this.updatePoseBase(this.animClock), this.mixer && this.mixer.update(e / 1e3 * this.mixer.timeScale), this.updatePoseDelta(), (this.isSpeaking || this.isListening) && h ? l > this.volumeMax ? (this.volumeHeadBase = 0.05, Math.random() > 0.6 && (this.volumeHeadTarget = -0.05 - Math.random() / 15), this.volumeMax = l) : (this.volumeMax *= 0.92, this.volumeHeadTarget = this.volumeHeadBase - 0.9 * (this.volumeHeadBase - this.volumeHeadTarget)) : (this.volumeHeadTarget = 0, this.volumeMax = 0), n = this.volumeHeadTarget - this.volumeHeadCurrent, i = Math.abs(n), i > 1e-4 && (o = i * (this.volumeHeadEasing(Math.min(1, this.volumeHeadVelocity * e / 1e3 / i) / 2 + 0.5) - 0.5), this.volumeHeadCurrent += Math.sign(n) * Math.min(i, o)), Math.abs(this.volumeHeadCurrent) > 1e-4 && (j.setFromAxisAngle(mt, this.volumeHeadCurrent), this.objectNeck.quaternion.multiply(j)), We.setFromObject(this.armature), this.objectLeftToeBase.getWorldPosition(Re), Re.sub(this.armature.position), this.objectRightToeBase.getWorldPosition(Ie), Ie.sub(this.armature.position), this.objectHips.position.y -= We.min.y / 2, this.objectHips.position.x -= (Re.x + Ie.x) / 4, this.objectHips.position.z -= (Re.z + Ie.z) / 2, this.dynamicbones.update(e), this.fbxAnimationLoader && this.fbxAnimationLoader.update(), this.opt.update && this.opt.update(e), this.updateMorphTargets(e), this.isAvatarOnly)
+    })))), e > 2 * this.animFrameDur && (e = 2 * this.animFrameDur), (this.viewName !== "full" || this.isAvatarOnly) && (n = this.mtRandomized[Math.floor(Math.random() * this.mtRandomized.length)], i = this.mtAvatar[n], i.needsUpdate || Object.assign(i, { base: (this.mood.baseline[n] || 0) + (1 + l / 255) * Math.random() / 5, needsUpdate: !0 })), this.updatePoseBase(this.animClock), this.mixer && this.mixer.update(e / 1e3 * this.mixer.timeScale), this.updatePoseDelta(), (this.isSpeaking || this.isListening) && h ? l > this.volumeMax ? (this.volumeHeadBase = 0.05, Math.random() > 0.6 && (this.volumeHeadTarget = -0.05 - Math.random() / 15), this.volumeMax = l) : (this.volumeMax *= 0.92, this.volumeHeadTarget = this.volumeHeadBase - 0.9 * (this.volumeHeadBase - this.volumeHeadTarget)) : (this.volumeHeadTarget = 0, this.volumeMax = 0), n = this.volumeHeadTarget - this.volumeHeadCurrent, i = Math.abs(n), i > 1e-4 && (o = i * (this.volumeHeadEasing(Math.min(1, this.volumeHeadVelocity * e / 1e3 / i) / 2 + 0.5) - 0.5), this.volumeHeadCurrent += Math.sign(n) * Math.min(i, o)), Math.abs(this.volumeHeadCurrent) > 1e-4 && (Q.setFromAxisAngle(mt, this.volumeHeadCurrent), this.objectNeck.quaternion.multiply(Q)), We.setFromObject(this.armature), this.objectLeftToeBase.getWorldPosition(ve), ve.sub(this.armature.position), this.objectRightToeBase.getWorldPosition(Re), Re.sub(this.armature.position), this.objectHips.position.y -= We.min.y / 2, this.objectHips.position.x -= (ve.x + Re.x) / 4, this.objectHips.position.z -= (ve.z + Re.z) / 2, this.dynamicbones.update(e), this.fbxAnimationLoader && this.fbxAnimationLoader.update(), this.opt.update && this.opt.update(e), this.updateMorphTargets(e), this.isAvatarOnly)
       this.stats && this.stats.end();
     else {
       if (this.cameraClock !== null && this.cameraClock < 1e3) {
@@ -5251,10 +5251,10 @@ class Be {
     let u = "", a = "", c = 0, d = [], g = [];
     const y = Array.from(this.segmenter.segment(t), (b) => b.segment);
     for (let b = 0; b < y.length; b++) {
-      const I = b === y.length - 1, W = y[b].match(l);
+      const I = b === y.length - 1, V = y[b].match(l);
       let p = y[b].match(s);
-      const E = y[b].match(h), w = y[b].match(o);
-      if (p && !I && !E && y[b + 1].match(s) && (p = !1), n && (u += y[b]), W && (!i || i.every((f) => b < f[0] || b > f[1])) && (a += y[b]), (w || p || I) && (a.length && (a = this.lipsyncPreProcessText(a, r), a.length && d.push({
+      const M = y[b].match(h), w = y[b].match(o);
+      if (p && !I && !M && y[b + 1].match(s) && (p = !1), n && (u += y[b]), V && (!i || i.every((f) => b < f[0] || b > f[1])) && (a += y[b]), (w || p || I) && (a.length && (a = this.lipsyncPreProcessText(a, r), a.length && d.push({
         mark: c,
         word: a
       })), u.length && (g.push({
@@ -5267,12 +5267,12 @@ class Be {
       }), u = ""), a.length)) {
         const f = this.lipsyncWordsToVisemes(a, r);
         if (f && f.visemes && f.visemes.length) {
-          const F = f.times[f.visemes.length - 1] + f.durations[f.visemes.length - 1];
+          const E = f.times[f.visemes.length - 1] + f.durations[f.visemes.length - 1];
           for (let P = 0; P < f.visemes.length; P++)
             g.push({
               mark: c,
               template: { name: "viseme" },
-              ts: [(f.times[P] - 0.6) / F, (f.times[P] + 0.5) / F, (f.times[P] + f.durations[P] + 0.5) / F],
+              ts: [(f.times[P] - 0.6) / E, (f.times[P] + 0.5) / E, (f.times[P] + f.durations[P] + 0.5) / E],
               vs: {
                 ["viseme_" + f.visemes[P]]: [null, f.visemes[P] === "PP" || f.visemes[P] === "FF" ? 0.9 : 0.6, 0]
               }
@@ -5287,7 +5287,7 @@ class Be {
           };
           n && (f.onSubtitles = n), d.length && !e.avatarMute && (f.text = d, e.avatarMood && (f.mood = e.avatarMood), e.ttsLang && (f.lang = e.ttsLang), e.ttsVoice && (f.voice = e.ttsVoice), e.ttsRate && (f.rate = e.ttsRate), e.ttsVoice && (f.pitch = e.ttsPitch), e.ttsVolume && (f.volume = e.ttsVolume)), this.speechQueue.push(f), d = [], a = "", c = 0, g = [];
         }
-        if (E) {
+        if (M) {
           let f = this.animEmojis[y[b]];
           f && f.link && (f = this.animEmojis[f.link]), f && this.speechQueue.push({ emoji: f });
         }
@@ -5385,10 +5385,10 @@ class Be {
             let y = 0.6 + this.convertRange(g, [0, u], [0, 0.4]);
             if (u = Math.min(u, c.visemes.length * 200), d > 0)
               for (let b = 0; b < c.visemes.length; b++) {
-                const I = r + c.times[b] / d * u, W = c.durations[b] / d * u;
+                const I = r + c.times[b] / d * u, V = c.durations[b] / d * u;
                 o.push({
                   template: { name: "viseme" },
-                  ts: [I - Math.min(60, 2 * W / 3), I + Math.min(25, W / 2), I + W + Math.min(60, W / 2)],
+                  ts: [I - Math.min(60, 2 * V / 3), I + Math.min(25, V / 2), I + V + Math.min(60, V / 2)],
                   vs: {
                     ["viseme_" + c.visemes[b]]: [null, c.visemes[b] === "PP" || c.visemes[b] === "FF" ? 0.9 : y, 0]
                   }
@@ -5470,7 +5470,7 @@ class Be {
       s.lang = o, s.rate = Math.max(0.1, Math.min(10, l)), s.pitch = Math.max(0, Math.min(2, h)), s.volume = Math.max(0, Math.min(1, r));
       const u = speechSynthesis.getVoices(), a = t.voice || this.avatar.ttsVoice || this.opt.ttsVoice;
       if (a && u.length > 0) {
-        const p = u.find((E) => E.name.includes(a) || E.lang === o);
+        const p = u.find((M) => M.name.includes(a) || M.lang === o);
         p && (s.voice = p);
       }
       const c = i.length * 100 / s.rate, d = this.audioCtx.createBuffer(1, this.audioCtx.sampleRate * (c / 1e3), this.audioCtx.sampleRate), g = this.avatar.lipsyncLang || this.opt.lipsyncLang || "en", y = this.lipsyncPreProcessText(i, g), b = this.lipsyncWordsToVisemes(y, g);
@@ -5485,19 +5485,19 @@ class Be {
       const I = [];
       if (b && b.visemes && b.visemes.length > 0) {
         const p = b.times[b.visemes.length - 1] + b.durations[b.visemes.length - 1];
-        for (let E = 0; E < b.visemes.length; E++) {
-          const w = b.visemes[E], f = b.times[E] / p, F = b.durations[E] / p, P = f * c, N = F * c;
+        for (let M = 0; M < b.visemes.length; M++) {
+          const w = b.visemes[M], f = b.times[M] / p, E = b.durations[M] / p, P = f * c, U = E * c;
           I.push({
             template: { name: "viseme" },
-            ts: [P - Math.min(60, 2 * N / 3), P + Math.min(25, N / 2), P + N + Math.min(60, N / 2)],
+            ts: [P - Math.min(60, 2 * U / 3), P + Math.min(25, U / 2), P + U + Math.min(60, U / 2)],
             vs: {
               ["viseme_" + w]: [null, w === "PP" || w === "FF" ? 0.9 : 0.6, 0]
             }
           });
         }
       }
-      const W = [...t.anim, ...I];
-      this.audioPlaylist.push({ anim: W, audio: d }), this.onSubtitles = t.onSubtitles || null, this.resetLips(), t.mood && this.setMood(t.mood), this.playAudio(), s.onend = () => {
+      const V = [...t.anim, ...I];
+      this.audioPlaylist.push({ anim: V, audio: d }), this.onSubtitles = t.onSubtitles || null, this.resetLips(), t.mood && this.setMood(t.mood), this.playAudio(), s.onend = () => {
         e();
       }, s.onerror = (p) => {
         console.error("Speech synthesis error:", p.error), n(p.error);
@@ -6133,7 +6133,7 @@ class Be {
   */
   lookAtCamera(t) {
     let e;
-    if (this.speakTo && (e = new x.Vector3(), this.speakTo.objectLeftEye?.isObject3D ? (this.speakTo.armature.objectHead, this.speakTo.objectLeftEye.updateMatrixWorld(!0), this.speakTo.objectRightEye.updateMatrixWorld(!0), Re.setFromMatrixPosition(this.speakTo.objectLeftEye.matrixWorld), Ie.setFromMatrixPosition(this.speakTo.objectRightEye.matrixWorld), e.addVectors(Re, Ie).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 x.Vector3(), this.speakTo.objectLeftEye?.isObject3D ? (this.speakTo.armature.objectHead, this.speakTo.objectLeftEye.updateMatrixWorld(!0), this.speakTo.objectRightEye.updateMatrixWorld(!0), ve.setFromMatrixPosition(this.speakTo.objectLeftEye.matrixWorld), Re.setFromMatrixPosition(this.speakTo.objectRightEye.matrixWorld), e.addVectors(ve, Re).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,12 +6146,12 @@ class Be {
       this.lookAt(null, null, t);
       return;
     }
-    this.objectLeftEye.updateMatrixWorld(!0), this.objectRightEye.updateMatrixWorld(!0), Re.setFromMatrixPosition(this.objectLeftEye.matrixWorld), Ie.setFromMatrixPosition(this.objectRightEye.matrixWorld), Re.add(Ie).divideScalar(2), j.copy(this.armature.quaternion), j.multiply(this.poseTarget.props["Hips.quaternion"]), j.multiply(this.poseTarget.props["Spine.quaternion"]), j.multiply(this.poseTarget.props["Spine1.quaternion"]), j.multiply(this.poseTarget.props["Spine2.quaternion"]), j.multiply(this.poseTarget.props["Neck.quaternion"]), j.multiply(this.poseTarget.props["Head.quaternion"]);
-    const n = new x.Vector3().subVectors(e, Re).normalize(), i = Math.atan2(n.x, n.z), s = Math.asin(-n.y);
-    U.set(s, i, 0, "YXZ");
-    const l = new x.Quaternion().setFromEuler(U), h = new x.Quaternion().copy(l).multiply(j.clone().invert());
-    U.setFromQuaternion(h, "YXZ");
-    let r = U.x / (40 / 24) + 0.2, u = U.y / (9 / 4), a = Math.min(0.6, Math.max(-0.3, r)), c = Math.min(0.8, Math.max(-0.8, u)), d = (Math.random() - 0.5) / 4, g = (Math.random() - 0.5) / 4;
+    this.objectLeftEye.updateMatrixWorld(!0), this.objectRightEye.updateMatrixWorld(!0), ve.setFromMatrixPosition(this.objectLeftEye.matrixWorld), Re.setFromMatrixPosition(this.objectRightEye.matrixWorld), ve.add(Re).divideScalar(2), Q.copy(this.armature.quaternion), Q.multiply(this.poseTarget.props["Hips.quaternion"]), Q.multiply(this.poseTarget.props["Spine.quaternion"]), Q.multiply(this.poseTarget.props["Spine1.quaternion"]), Q.multiply(this.poseTarget.props["Spine2.quaternion"]), Q.multiply(this.poseTarget.props["Neck.quaternion"]), Q.multiply(this.poseTarget.props["Head.quaternion"]);
+    const n = new x.Vector3().subVectors(e, ve).normalize(), i = Math.atan2(n.x, n.z), s = Math.asin(-n.y);
+    W.set(s, i, 0, "YXZ");
+    const l = new x.Quaternion().setFromEuler(W), h = new x.Quaternion().copy(l).multiply(Q.clone().invert());
+    W.setFromQuaternion(h, "YXZ");
+    let r = W.x / (40 / 24) + 0.2, u = W.y / (9 / 4), a = Math.min(0.6, Math.max(-0.3, r)), c = Math.min(0.8, Math.max(-0.8, u)), d = (Math.random() - 0.5) / 4, g = (Math.random() - 0.5) / 4;
     if (t) {
       let y = this.animQueue.findIndex((I) => I.template.name === "lookat");
       y !== -1 && this.animQueue.splice(y, 1);
@@ -6186,20 +6186,20 @@ class Be {
     const s = new x.Vector3().setFromMatrixPosition(this.objectLeftEye.matrixWorld), o = new x.Vector3().setFromMatrixPosition(this.objectRightEye.matrixWorld), l = new x.Vector3().addVectors(s, o).divideScalar(2);
     l.project(this.camera);
     let h = (l.x + 1) / 2 * i.width + i.left, r = -(l.y - 1) / 2 * i.height + i.top;
-    t === null && (t = h), e === null && (e = r), j.copy(this.armature.quaternion), j.multiply(this.poseTarget.props["Hips.quaternion"]), j.multiply(this.poseTarget.props["Spine.quaternion"]), j.multiply(this.poseTarget.props["Spine1.quaternion"]), j.multiply(this.poseTarget.props["Spine2.quaternion"]), j.multiply(this.poseTarget.props["Neck.quaternion"]), j.multiply(this.poseTarget.props["Head.quaternion"]), U.setFromQuaternion(j);
-    let u = U.x / (40 / 24), a = U.y / (9 / 4), c = Math.min(0.4, Math.max(-0.4, this.camera.rotation.x)), d = Math.min(0.4, Math.max(-0.4, this.camera.rotation.y)), g = Math.max(window.innerWidth - h, h), y = Math.max(window.innerHeight - r, r), b = this.convertRange(e, [r - y, r + y], [-0.3, 0.6]) - u + c, I = this.convertRange(t, [h - g, h + g], [-0.8, 0.8]) - a + d;
+    t === null && (t = h), e === null && (e = r), Q.copy(this.armature.quaternion), Q.multiply(this.poseTarget.props["Hips.quaternion"]), Q.multiply(this.poseTarget.props["Spine.quaternion"]), Q.multiply(this.poseTarget.props["Spine1.quaternion"]), Q.multiply(this.poseTarget.props["Spine2.quaternion"]), Q.multiply(this.poseTarget.props["Neck.quaternion"]), Q.multiply(this.poseTarget.props["Head.quaternion"]), W.setFromQuaternion(Q);
+    let u = W.x / (40 / 24), a = W.y / (9 / 4), c = Math.min(0.4, Math.max(-0.4, this.camera.rotation.x)), d = Math.min(0.4, Math.max(-0.4, this.camera.rotation.y)), g = Math.max(window.innerWidth - h, h), y = Math.max(window.innerHeight - r, r), b = this.convertRange(e, [r - y, r + y], [-0.3, 0.6]) - u + c, I = this.convertRange(t, [h - g, h + g], [-0.8, 0.8]) - a + d;
     b = Math.min(0.6, Math.max(-0.3, b)), I = Math.min(0.8, Math.max(-0.8, I));
-    let W = (Math.random() - 0.5) / 4, p = (Math.random() - 0.5) / 4;
+    let V = (Math.random() - 0.5) / 4, p = (Math.random() - 0.5) / 4;
     if (n) {
-      let E = this.animQueue.findIndex((f) => f.template.name === "lookat");
-      E !== -1 && this.animQueue.splice(E, 1);
+      let M = this.animQueue.findIndex((f) => f.template.name === "lookat");
+      M !== -1 && this.animQueue.splice(M, 1);
       const w = {
         name: "lookat",
         dt: [750, n],
         vs: {
-          bodyRotateX: [b + W],
+          bodyRotateX: [b + V],
           bodyRotateY: [I + p],
-          eyesRotateX: [-3 * W + 0.1],
+          eyesRotateX: [-3 * V + 0.1],
           eyesRotateY: [-5 * p],
           browInnerUp: [[0, 0.7]],
           mouthLeft: [[0, 0.7]],
@@ -6577,12 +6577,12 @@ class Be {
     const b = t.iterations || 10;
     if (e)
       for (let I = 0; I < b; I++) {
-        let W = !1;
-        for (let p = 0, E = y.length; p < E; p++) {
+        let V = !1;
+        for (let p = 0, M = y.length; p < M; p++) {
           const w = y[p].bone;
           w.matrixWorld.decompose(h, r, u), r.invert(), o.setFromMatrixPosition(g.matrixWorld), l.subVectors(o, h), l.applyQuaternion(r), l.normalize(), s.subVectors(e, h), s.applyQuaternion(r), s.normalize();
           let f = s.dot(l);
-          f > 1 ? f = 1 : f < -1 && (f = -1), f = Math.acos(f), !(f < 1e-5) && (y[p].minAngle !== void 0 && f < y[p].minAngle && (f = y[p].minAngle), y[p].maxAngle !== void 0 && f > y[p].maxAngle && (f = y[p].maxAngle), a.crossVectors(l, s), a.normalize(), j.setFromAxisAngle(a, f), w.quaternion.multiply(j), w.rotation.setFromVector3(c.setFromEuler(w.rotation).clamp(new x.Vector3(
+          f > 1 ? f = 1 : f < -1 && (f = -1), f = Math.acos(f), !(f < 1e-5) && (y[p].minAngle !== void 0 && f < y[p].minAngle && (f = y[p].minAngle), y[p].maxAngle !== void 0 && f > y[p].maxAngle && (f = y[p].maxAngle), a.crossVectors(l, s), a.normalize(), Q.setFromAxisAngle(a, f), w.quaternion.multiply(Q), w.rotation.setFromVector3(c.setFromEuler(w.rotation).clamp(new x.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
@@ -6590,9 +6590,9 @@ class Be {
             y[p].maxx !== void 0 ? y[p].maxx : 1 / 0,
             y[p].maxy !== void 0 ? y[p].maxy : 1 / 0,
             y[p].maxz !== void 0 ? y[p].maxz : 1 / 0
-          ))), w.updateMatrixWorld(!0), W = !0);
+          ))), w.updateMatrixWorld(!0), V = !0);
         }
-        if (!W) break;
+        if (!V) break;
       }
     i && y.forEach((I) => {
       this.poseTarget.props[I.link + ".quaternion"].copy(I.bone.quaternion), this.poseTarget.props[I.link + ".quaternion"].t = this.animClock, this.poseTarget.props[I.link + ".quaternion"].d = i;
@@ -6605,7 +6605,7 @@ class Be {
     this.isRunning = !1, this.stop(), this.stopSpeaking(), this.streamStop(), this.isAvatarOnly ? this.armature && (this.armature.parent && this.armature.parent.remove(this.armature), this.clearThree(this.armature)) : (this.clearThree(this.scene), this.resizeobserver.disconnect(), this.renderer && (this.renderer.dispose(), this.renderer.domElement && this.renderer.domElement.parentNode && this.renderer.domElement.parentNode.removeChild(this.renderer.domElement), this.renderer = null)), this.clearThree(this.ikMesh), this.dynamicbones.dispose();
   }
 }
-const Le = {
+const Ie = {
   apiKey: "sk_ace57ef3ef65a92b9d3bee2a00183b78ca790bc3e10964f2",
   // Replace with your actual API key (should start with sk_)
   endpoint: "https://api.elevenlabs.io/v1/text-to-speech",
@@ -6648,23 +6648,23 @@ const Le = {
 function Fe() {
   return {
     service: "elevenlabs",
-    endpoint: Le.endpoint,
-    apiKey: Le.apiKey,
-    defaultVoice: Le.defaultVoice,
-    voices: Le.voices
+    endpoint: Ie.endpoint,
+    apiKey: Ie.apiKey,
+    defaultVoice: Ie.defaultVoice,
+    voices: Ie.voices
   };
 }
 function kt() {
-  const V = Fe(), t = [];
-  return Object.entries(V.voices).forEach(([e, n]) => {
+  const G = Fe(), t = [];
+  return Object.entries(G.voices).forEach(([e, n]) => {
     t.push({
       value: n,
-      label: `${e.charAt(0).toUpperCase() + e.slice(1)} (${V.service})`
+      label: `${e.charAt(0).toUpperCase() + e.slice(1)} (${G.service})`
     });
   }), t;
 }
 const Ve = Me(({
-  avatarUrl: V = "/avatars/brunette.glb",
+  avatarUrl: G = "/avatars/brunette.glb",
   avatarBody: t = "F",
   mood: e = "neutral",
   ttsLang: n = "en",
@@ -6685,140 +6685,140 @@ const Ve = Me(({
   style: y = {},
   animations: b = {}
 }, I) => {
-  const W = B(null), p = B(null), E = B(r), w = B(null), f = B(null), F = B(!1), P = B({ remainingText: null, originalText: null, options: null }), N = B([]), oe = B(0), [S, G] = de(!0), [q, Z] = de(null), [J, se] = de(!1), [ae, ge] = de(!1);
-  me(() => {
-    F.current = ae;
-  }, [ae]), me(() => {
-    E.current = r;
+  const V = D(null), p = D(null), M = D(r), w = D(null), f = D(null), E = D(!1), P = D({ remainingText: null, originalText: null, options: null }), U = D([]), oe = D(0), [S, Z] = ce(!0), [K, X] = ce(null), [$, se] = ce(!1), [ae, pe] = ce(!1);
+  de(() => {
+    E.current = ae;
+  }, [ae]), de(() => {
+    M.current = r;
   }, [r]);
-  const $ = Fe(), le = i || $.service;
-  let D;
-  le === "browser" ? D = {
+  const ee = Fe(), le = i || ee.service;
+  let O;
+  le === "browser" ? O = {
     service: "browser",
     endpoint: "",
     apiKey: null,
     defaultVoice: "Google US English"
-  } : le === "elevenlabs" ? D = {
+  } : le === "elevenlabs" ? O = {
     service: "elevenlabs",
     endpoint: "https://api.elevenlabs.io/v1/text-to-speech",
-    apiKey: o || $.apiKey,
-    defaultVoice: s || $.defaultVoice || Le.defaultVoice,
-    voices: $.voices || Le.voices
-  } : le === "deepgram" ? D = {
+    apiKey: o || ee.apiKey,
+    defaultVoice: s || ee.defaultVoice || Ie.defaultVoice,
+    voices: ee.voices || Ie.voices
+  } : le === "deepgram" ? O = {
     service: "deepgram",
     endpoint: "https://api.deepgram.com/v1/speak",
-    apiKey: o || $.apiKey,
-    defaultVoice: s || $.defaultVoice || Te.defaultVoice,
-    voices: $.voices || Te.voices
-  } : D = {
-    ...$,
+    apiKey: o || ee.apiKey,
+    defaultVoice: s || ee.defaultVoice || Te.defaultVoice,
+    voices: ee.voices || Te.voices
+  } : O = {
+    ...ee,
     // Override API key if provided via props
-    apiKey: o !== null ? o : $.apiKey
+    apiKey: o !== null ? o : ee.apiKey
   };
   const v = {
-    url: V,
+    url: G,
     body: t,
     avatarMood: e,
     ttsLang: le === "browser" ? "en-US" : n,
-    ttsVoice: s || D.defaultVoice,
+    ttsVoice: s || O.defaultVoice,
     lipsyncLang: "en",
     showFullAvatar: r,
     bodyMovement: l,
     movementIntensity: h
   }, R = {
-    ttsEndpoint: D.endpoint,
-    ttsApikey: D.apiKey,
+    ttsEndpoint: O.endpoint,
+    ttsApikey: O.apiKey,
     ttsService: le,
     lipsyncModules: ["en"],
     cameraView: u
-  }, z = M(async () => {
-    if (!(!W.current || p.current))
+  }, z = T(async () => {
+    if (!(!V.current || p.current))
       try {
-        if (G(!0), Z(null), p.current = new Be(W.current, R), p.current.controls && (p.current.controls.enableRotate = !1, p.current.controls.enableZoom = !1, p.current.controls.enablePan = !1, p.current.controls.enableDamping = !1), b && Object.keys(b).length > 0 && (p.current.customAnimations = b), await p.current.showAvatar(v, (X) => {
-          if (X.lengthComputable) {
-            const ee = Math.min(100, Math.round(X.loaded / X.total * 100));
-            c(ee);
+        if (Z(!0), X(null), p.current = new Be(V.current, R), p.current.controls && (p.current.controls.enableRotate = !1, p.current.controls.enableZoom = !1, p.current.controls.enablePan = !1, p.current.controls.enableDamping = !1), b && Object.keys(b).length > 0 && (p.current.customAnimations = b), await p.current.showAvatar(v, (B) => {
+          if (B.lengthComputable) {
+            const J = Math.min(100, Math.round(B.loaded / B.total * 100));
+            c(J);
           }
-        }), await new Promise((X) => {
-          const ee = () => {
-            p.current.lipsync && Object.keys(p.current.lipsync).length > 0 ? X() : setTimeout(ee, 100);
+        }), await new Promise((B) => {
+          const J = () => {
+            p.current.lipsync && Object.keys(p.current.lipsync).length > 0 ? B() : setTimeout(J, 100);
           };
-          ee();
+          J();
         }), p.current && p.current.setShowFullAvatar)
           try {
             p.current.setShowFullAvatar(r);
-          } catch (X) {
-            console.warn("Error setting full body mode on initialization:", X);
+          } catch (B) {
+            console.warn("Error setting full body mode on initialization:", B);
           }
-        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()), G(!1), se(!0), a(p.current);
-        const H = () => {
+        p.current && p.current.controls && (p.current.controls.enableRotate = !1, p.current.controls.enableZoom = !1, p.current.controls.enablePan = !1, p.current.controls.enableDamping = !1, p.current.controls.update()), Z(!1), se(!0), a(p.current);
+        const F = () => {
           document.visibilityState === "visible" ? p.current?.start() : p.current?.stop();
         };
-        return document.addEventListener("visibilitychange", H), () => {
-          document.removeEventListener("visibilitychange", H);
+        return document.addEventListener("visibilitychange", F), () => {
+          document.removeEventListener("visibilitychange", F);
         };
       } catch (L) {
-        console.error("Error initializing TalkingHead:", L), Z(L.message || "Failed to initialize avatar"), G(!1), d(L);
+        console.error("Error initializing TalkingHead:", L), X(L.message || "Failed to initialize avatar"), Z(!1), d(L);
       }
-  }, [V, t, e, n, i, s, o, r, l, h, u]);
-  me(() => (z(), () => {
+  }, [G, t, e, n, i, s, o, r, l, h, u]);
+  de(() => (z(), () => {
     p.current && (p.current.stop(), p.current.dispose(), p.current = null);
-  }), [z]), me(() => {
-    if (!W.current || !p.current) return;
-    const L = new ResizeObserver((X) => {
-      for (const ee of X)
+  }), [z]), de(() => {
+    if (!V.current || !p.current) return;
+    const L = new ResizeObserver((B) => {
+      for (const J of B)
         p.current && p.current.onResize && p.current.onResize();
     });
-    L.observe(W.current);
-    const H = () => {
+    L.observe(V.current);
+    const F = () => {
       p.current && p.current.onResize && p.current.onResize();
     };
-    return window.addEventListener("resize", H), () => {
-      L.disconnect(), window.removeEventListener("resize", H);
+    return window.addEventListener("resize", F), () => {
+      L.disconnect(), window.removeEventListener("resize", F);
     };
-  }, [J]);
-  const C = M(async () => {
+  }, [$]);
+  const H = T(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);
       }
-  }, []), O = M(async (L, H = {}) => {
-    if (p.current && J)
+  }, []), N = T(async (L, F = {}) => {
+    if (p.current && $)
       try {
-        f.current && (clearInterval(f.current), f.current = null), w.current = { text: L, options: H }, P.current = { remainingText: null, originalText: null, options: null };
-        const X = /[!\.\?\n\p{Extended_Pictographic}]/ug, ee = L.split(X).map((Y) => Y.trim()).filter((Y) => Y.length > 0);
-        N.current = ee, oe.current = 0, ge(!1), F.current = !1, await C();
-        const ye = {
-          ...H,
-          lipsyncLang: H.lipsyncLang || v.lipsyncLang || "en"
+        f.current && (clearInterval(f.current), f.current = null), w.current = { text: L, options: F }, P.current = { remainingText: null, originalText: null, options: null };
+        const B = /[!\.\?\n\p{Extended_Pictographic}]/ug, J = L.split(B).map((Y) => Y.trim()).filter((Y) => Y.length > 0);
+        U.current = J, oe.current = 0, pe(!1), E.current = !1, await H();
+        const ge = {
+          ...F,
+          lipsyncLang: F.lipsyncLang || v.lipsyncLang || "en"
         };
-        if (H.onSpeechEnd && p.current) {
+        if (F.onSpeechEnd && p.current) {
           const Y = p.current;
-          let he = null, ke = 0;
-          const Se = 1200;
-          let ve = !1;
+          let he = null, Se = 0;
+          const Ae = 1200;
+          let be = !1;
           he = setInterval(() => {
-            if (ke++, F.current)
+            if (Se++, E.current)
               return;
-            if (ke > Se) {
-              if (he && (clearInterval(he), he = null, f.current = null), !ve && !F.current) {
-                ve = !0;
+            if (Se > Ae) {
+              if (he && (clearInterval(he), he = null, f.current = null), !be && !E.current) {
+                be = !0;
                 try {
-                  H.onSpeechEnd();
+                  F.onSpeechEnd();
                 } catch (De) {
                   console.error("Error in onSpeechEnd callback (timeout):", De);
                 }
               }
               return;
             }
-            const fe = !Y.speechQueue || Y.speechQueue.length === 0, we = !Y.audioPlaylist || Y.audioPlaylist.length === 0;
-            Y && Y.isSpeaking === !1 && fe && we && Y.isAudioPlaying === !1 && !ve && !F.current && setTimeout(() => {
-              if (Y && !F.current && Y.isSpeaking === !1 && (!Y.speechQueue || Y.speechQueue.length === 0) && (!Y.audioPlaylist || Y.audioPlaylist.length === 0) && Y.isAudioPlaying === !1 && !ve && !F.current) {
-                ve = !0, he && (clearInterval(he), he = null, f.current = null);
+            const ye = !Y.speechQueue || Y.speechQueue.length === 0, ke = !Y.audioPlaylist || Y.audioPlaylist.length === 0;
+            Y && Y.isSpeaking === !1 && ye && ke && Y.isAudioPlaying === !1 && !be && !E.current && setTimeout(() => {
+              if (Y && !E.current && Y.isSpeaking === !1 && (!Y.speechQueue || Y.speechQueue.length === 0) && (!Y.audioPlaylist || Y.audioPlaylist.length === 0) && Y.isAudioPlaying === !1 && !be && !E.current) {
+                be = !0, he && (clearInterval(he), he = null, f.current = null);
                 try {
-                  H.onSpeechEnd();
+                  F.onSpeechEnd();
                 } catch (Ze) {
                   console.error("Error in onSpeechEnd callback:", Ze);
                 }
@@ -6826,89 +6826,89 @@ const Ve = Me(({
             }, 100);
           }, 100), f.current = he;
         }
-        p.current.lipsync && Object.keys(p.current.lipsync).length > 0 ? (p.current.setSlowdownRate && p.current.setSlowdownRate(1.05), p.current.speakText(L, ye)) : setTimeout(async () => {
-          await C(), p.current && p.current.lipsync && (p.current.setSlowdownRate && p.current.setSlowdownRate(1.05), p.current.speakText(L, ye));
+        p.current.lipsync && Object.keys(p.current.lipsync).length > 0 ? (p.current.setSlowdownRate && p.current.setSlowdownRate(1.05), p.current.speakText(L, ge)) : setTimeout(async () => {
+          await H(), p.current && p.current.lipsync && (p.current.setSlowdownRate && p.current.setSlowdownRate(1.05), p.current.speakText(L, ge));
         }, 100);
-      } catch (X) {
-        console.error("Error speaking text:", X), Z(X.message || "Failed to speak text");
+      } catch (B) {
+        console.error("Error speaking text:", B), X(B.message || "Failed to speak text");
       }
-  }, [J, C, v.lipsyncLang]), _ = M(() => {
-    p.current && (p.current.stopSpeaking(), p.current.setSlowdownRate && p.current.setSlowdownRate(1), w.current = null, ge(!1));
-  }, []), K = M(() => {
+  }, [$, H, v.lipsyncLang]), _ = T(() => {
+    p.current && (p.current.stopSpeaking(), p.current.setSlowdownRate && p.current.setSlowdownRate(1), w.current = null, pe(!1));
+  }, []), j = T(() => {
     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) {
         f.current && (clearInterval(f.current), f.current = null);
-        let X = "";
-        if (w.current && N.current.length > 0) {
-          const ee = N.current.length, ye = L.speechQueue ? L.speechQueue.filter((Se) => Se && Se.text && Array.isArray(Se.text) && Se.text.length > 0).length : 0, Y = L.audioPlaylist && L.audioPlaylist.length > 0, he = ye + (Y ? 1 : 0), ke = ee - he;
-          if (he > 0 && ke < ee && (X = N.current.slice(ke).join(". ").trim(), !X && ye > 0 && L.speechQueue)) {
-            const ve = L.speechQueue.filter((fe) => fe && fe.text && Array.isArray(fe.text) && fe.text.length > 0).map((fe) => fe.text.map((we) => we.word || "").filter((we) => we.length > 0).join(" ")).filter((fe) => fe.length > 0).join(" ");
-            ve && ve.trim() && (X = ve.trim());
+        let B = "";
+        if (w.current && U.current.length > 0) {
+          const J = U.current.length, ge = L.speechQueue ? L.speechQueue.filter((Ae) => Ae && Ae.text && Array.isArray(Ae.text) && Ae.text.length > 0).length : 0, Y = L.audioPlaylist && L.audioPlaylist.length > 0, he = ge + (Y ? 1 : 0), Se = J - he;
+          if (he > 0 && Se < J && (B = U.current.slice(Se).join(". ").trim(), !B && ge > 0 && L.speechQueue)) {
+            const be = L.speechQueue.filter((ye) => ye && ye.text && Array.isArray(ye.text) && ye.text.length > 0).map((ye) => ye.text.map((ke) => ke.word || "").filter((ke) => ke.length > 0).join(" ")).filter((ye) => ye.length > 0).join(" ");
+            be && be.trim() && (B = be.trim());
           }
         }
         w.current && (P.current = {
-          remainingText: X || null,
+          remainingText: B || null,
           originalText: w.current.text,
           options: w.current.options
-        }), L.speechQueue && (L.speechQueue.length = 0), p.current.pauseSpeaking(), F.current = !0, ge(!0);
+        }), L.speechQueue && (L.speechQueue.length = 0), p.current.pauseSpeaking(), E.current = !0, pe(!0);
       }
     }
-  }, []), Q = M(async () => {
+  }, []), q = T(async () => {
     if (!p.current || !ae)
       return;
-    let L = "", H = {};
+    let L = "", F = {};
     if (P.current && P.current.remainingText)
-      L = P.current.remainingText, H = P.current.options || {}, P.current = { remainingText: null, originalText: null, options: null };
+      L = P.current.remainingText, F = P.current.options || {}, P.current = { remainingText: null, originalText: null, options: null };
     else if (w.current && w.current.text)
-      L = w.current.text, H = w.current.options || {};
+      L = w.current.text, F = w.current.options || {};
     else {
-      console.warn("Resume called but no paused speech found"), ge(!1), F.current = !1;
+      console.warn("Resume called but no paused speech found"), pe(!1), E.current = !1;
       return;
     }
-    ge(!1), F.current = !1, await C();
-    const X = {
-      ...H,
-      lipsyncLang: H.lipsyncLang || v.lipsyncLang || "en"
+    pe(!1), E.current = !1, await H();
+    const B = {
+      ...F,
+      lipsyncLang: F.lipsyncLang || v.lipsyncLang || "en"
     };
     try {
-      await O(L, X);
-    } catch (ee) {
-      console.error("Error resuming speech:", ee), ge(!1), F.current = !1;
+      await N(L, B);
+    } catch (J) {
+      console.error("Error resuming speech:", J), pe(!1), E.current = !1;
     }
-  }, [C, ae, O, v]), Ae = M((L) => {
+  }, [H, ae, N, v]), Le = T((L) => {
     p.current && p.current.setMood(L);
-  }, []), T = M((L) => {
+  }, []), we = T((L) => {
     p.current && p.current.setSlowdownRate && p.current.setSlowdownRate(L);
-  }, []), te = M((L, H = !1) => {
+  }, []), C = T((L, F = !1) => {
     if (p.current && p.current.playAnimation) {
       if (b && b[L] && (L = b[L]), p.current.setShowFullAvatar)
         try {
-          p.current.setShowFullAvatar(E.current);
-        } catch (ee) {
-          console.warn("Error setting full body mode:", ee);
+          p.current.setShowFullAvatar(M.current);
+        } catch (J) {
+          console.warn("Error setting full body mode:", J);
         }
       if (L.includes("."))
         try {
-          p.current.playAnimation(L, null, 10, 0, 0.01, H);
-        } catch (ee) {
-          console.warn(`Failed to play ${L}:`, ee);
+          p.current.playAnimation(L, null, 10, 0, 0.01, F);
+        } catch (J) {
+          console.warn(`Failed to play ${L}:`, J);
           try {
             p.current.setBodyMovement("idle");
-          } catch (ye) {
-            console.warn("Fallback animation also failed:", ye);
+          } catch (ge) {
+            console.warn("Fallback animation also failed:", ge);
           }
         }
       else {
-        const ee = [".fbx", ".glb", ".gltf"];
-        let ye = !1;
-        for (const Y of ee)
+        const J = [".fbx", ".glb", ".gltf"];
+        let ge = !1;
+        for (const Y of J)
           try {
-            p.current.playAnimation(L + Y, null, 10, 0, 0.01, H), ye = !0;
+            p.current.playAnimation(L + Y, null, 10, 0, 0.01, F), ge = !0;
             break;
           } catch {
           }
-        if (!ye) {
+        if (!ge) {
           console.warn("Animation not found:", L);
           try {
             p.current.setBodyMovement("idle");
@@ -6918,35 +6918,35 @@ const Ve = Me(({
         }
       }
     }
-  }, [b]), ce = M(() => {
+  }, [b]), te = T(() => {
     p.current && p.current.onResize && p.current.onResize();
   }, []);
   return Ee(I, () => ({
-    speakText: O,
+    speakText: N,
     stopSpeaking: _,
-    pauseSpeaking: K,
-    resumeSpeaking: Q,
-    resumeAudioContext: C,
-    setMood: Ae,
-    setTimingAdjustment: T,
-    playAnimation: te,
-    isReady: J,
+    pauseSpeaking: j,
+    resumeSpeaking: q,
+    resumeAudioContext: H,
+    setMood: Le,
+    setTimingAdjustment: we,
+    playAnimation: C,
+    isReady: $,
     isPaused: ae,
     talkingHead: p.current,
-    handleResize: ce,
+    handleResize: te,
     setBodyMovement: (L) => {
       if (p.current && p.current.setShowFullAvatar && p.current.setBodyMovement)
         try {
-          p.current.setShowFullAvatar(E.current), p.current.setBodyMovement(L);
-        } catch (H) {
-          console.warn("Error setting body movement:", H);
+          p.current.setShowFullAvatar(M.current), p.current.setBodyMovement(L);
+        } catch (F) {
+          console.warn("Error setting body movement:", F);
         }
     },
     setMovementIntensity: (L) => p.current?.setMovementIntensity(L),
     playRandomDance: () => {
       if (p.current && p.current.setShowFullAvatar && p.current.playRandomDance)
         try {
-          p.current.setShowFullAvatar(E.current), p.current.playRandomDance();
+          p.current.setShowFullAvatar(M.current), p.current.playRandomDance();
         } catch (L) {
           console.warn("Error playing random dance:", L);
         }
@@ -6954,15 +6954,15 @@ const Ve = Me(({
     playReaction: (L) => {
       if (p.current && p.current.setShowFullAvatar && p.current.playReaction)
         try {
-          p.current.setShowFullAvatar(E.current), p.current.playReaction(L);
-        } catch (H) {
-          console.warn("Error playing reaction:", H);
+          p.current.setShowFullAvatar(M.current), p.current.playReaction(L);
+        } catch (F) {
+          console.warn("Error playing reaction:", F);
         }
     },
     playCelebration: () => {
       if (p.current && p.current.setShowFullAvatar && p.current.playCelebration)
         try {
-          p.current.setShowFullAvatar(E.current), p.current.playCelebration();
+          p.current.setShowFullAvatar(M.current), p.current.playCelebration();
         } catch (L) {
           console.warn("Error playing celebration:", L);
         }
@@ -6970,9 +6970,9 @@ const Ve = Me(({
     setShowFullAvatar: (L) => {
       if (p.current && p.current.setShowFullAvatar)
         try {
-          E.current = L, p.current.setShowFullAvatar(L);
-        } catch (H) {
-          console.warn("Error setting showFullAvatar:", H);
+          M.current = L, p.current.setShowFullAvatar(L);
+        } catch (F) {
+          console.warn("Error setting showFullAvatar:", F);
         }
     },
     lockAvatarPosition: () => {
@@ -7002,10 +7002,10 @@ const Ve = Me(({
         ...y
       },
       children: [
-        /* @__PURE__ */ pe(
+        /* @__PURE__ */ me(
           "div",
           {
-            ref: W,
+            ref: V,
             className: "talking-head-viewer",
             style: {
               width: "100%",
@@ -7014,7 +7014,7 @@ const Ve = Me(({
             }
           }
         ),
-        S && /* @__PURE__ */ pe("div", { className: "loading-overlay", style: {
+        S && /* @__PURE__ */ me("div", { className: "loading-overlay", style: {
           position: "absolute",
           top: "50%",
           left: "50%",
@@ -7023,7 +7023,7 @@ const Ve = Me(({
           fontSize: "18px",
           zIndex: 10
         }, children: "Loading avatar..." }),
-        q && /* @__PURE__ */ pe("div", { className: "error-overlay", style: {
+        K && /* @__PURE__ */ me("div", { className: "error-overlay", style: {
           position: "absolute",
           top: "50%",
           left: "50%",
@@ -7034,14 +7034,14 @@ const Ve = Me(({
           zIndex: 10,
           padding: "20px",
           borderRadius: "8px"
-        }, children: q })
+        }, children: K })
       ]
     }
   );
 });
 Ve.displayName = "TalkingHeadAvatar";
 const pt = Me(({
-  text: V = "Hello! I'm a talking avatar. How are you today?",
+  text: G = "Hello! I'm a talking avatar. How are you today?",
   onLoading: t = () => {
   },
   onError: e = () => {
@@ -7052,7 +7052,7 @@ const pt = Me(({
   style: s = {},
   avatarConfig: o = {}
 }, l) => {
-  const h = B(null), r = B(null), [u, a] = de(!0), [c, d] = de(null), [g, y] = de(!1), b = Fe(), I = o.ttsService || b.service, W = I === "browser" ? {
+  const h = D(null), r = D(null), [u, a] = ce(!0), [c, d] = ce(null), [g, y] = ce(!1), b = Fe(), I = o.ttsService || b.service, V = I === "browser" ? {
     endpoint: "",
     apiKey: null,
     defaultVoice: "Google US English"
@@ -7068,7 +7068,7 @@ const pt = Me(({
     body: "F",
     avatarMood: "neutral",
     ttsLang: I === "browser" ? "en-US" : "en",
-    ttsVoice: o.ttsVoice || W.defaultVoice,
+    ttsVoice: o.ttsVoice || V.defaultVoice,
     lipsyncLang: "en",
     // English lip-sync
     showFullAvatar: !0,
@@ -7076,98 +7076,98 @@ const pt = Me(({
     bodyMovement: "idle",
     movementIntensity: 0.5,
     ...o
-  }, E = {
-    ttsEndpoint: W.endpoint,
-    ttsApikey: W.apiKey,
+  }, M = {
+    ttsEndpoint: V.endpoint,
+    ttsApikey: V.apiKey,
     ttsService: I,
     lipsyncModules: ["en"],
     cameraView: "upper"
-  }, w = M(async () => {
+  }, w = T(async () => {
     if (!(!h.current || r.current))
       try {
-        if (a(!0), d(null), r.current = new Be(h.current, E), await r.current.showAvatar(p, (q) => {
-          if (q.lengthComputable) {
-            const Z = Math.min(100, Math.round(q.loaded / q.total * 100));
-            t(Z);
+        if (a(!0), d(null), r.current = new Be(h.current, M), await r.current.showAvatar(p, (K) => {
+          if (K.lengthComputable) {
+            const X = Math.min(100, Math.round(K.loaded / K.total * 100));
+            t(X);
           }
         }), r.current.morphs && r.current.morphs.length > 0) {
-          const q = r.current.morphs[0].morphTargetDictionary;
-          console.log("Available morph targets:", Object.keys(q));
-          const Z = Object.keys(q).filter((J) => J.startsWith("viseme_"));
-          console.log("Viseme morph targets found:", Z), Z.length === 0 && (console.warn("No viseme morph targets found! Lip-sync will not work properly."), console.log("Expected viseme targets: viseme_aa, viseme_E, viseme_I, viseme_O, viseme_U, viseme_PP, viseme_SS, viseme_TH, viseme_DD, viseme_FF, viseme_kk, viseme_nn, viseme_RR, viseme_CH, viseme_sil"));
+          const K = r.current.morphs[0].morphTargetDictionary;
+          console.log("Available morph targets:", Object.keys(K));
+          const X = Object.keys(K).filter(($) => $.startsWith("viseme_"));
+          console.log("Viseme morph targets found:", X), X.length === 0 && (console.warn("No viseme morph targets found! Lip-sync will not work properly."), console.log("Expected viseme targets: viseme_aa, viseme_E, viseme_I, viseme_O, viseme_U, viseme_PP, viseme_SS, viseme_TH, viseme_DD, viseme_FF, viseme_kk, viseme_nn, viseme_RR, viseme_CH, viseme_sil"));
         }
-        if (await new Promise((q) => {
-          const Z = () => {
-            r.current.lipsync && Object.keys(r.current.lipsync).length > 0 ? (console.log("Lip-sync modules loaded:", Object.keys(r.current.lipsync)), q()) : (console.log("Waiting for lip-sync modules to load..."), setTimeout(Z, 100));
+        if (await new Promise((K) => {
+          const X = () => {
+            r.current.lipsync && Object.keys(r.current.lipsync).length > 0 ? (console.log("Lip-sync modules loaded:", Object.keys(r.current.lipsync)), K()) : (console.log("Waiting for lip-sync modules to load..."), setTimeout(X, 100));
           };
-          Z();
+          X();
         }), r.current && r.current.setShowFullAvatar)
           try {
             r.current.setShowFullAvatar(!0), console.log("Avatar initialized in full body mode");
-          } catch (q) {
-            console.warn("Error setting full body mode on initialization:", q);
+          } catch (K) {
+            console.warn("Error setting full body mode on initialization:", K);
           }
         a(!1), y(!0), n(r.current);
-        const G = () => {
+        const Z = () => {
           document.visibilityState === "visible" ? r.current?.start() : r.current?.stop();
         };
-        return document.addEventListener("visibilitychange", G), () => {
-          document.removeEventListener("visibilitychange", G);
+        return document.addEventListener("visibilitychange", Z), () => {
+          document.removeEventListener("visibilitychange", Z);
         };
       } catch (S) {
         console.error("Error initializing TalkingHead:", S), d(S.message || "Failed to initialize avatar"), a(!1), e(S);
       }
   }, []);
-  me(() => (w(), () => {
+  de(() => (w(), () => {
     r.current && (r.current.stop(), r.current.dispose(), r.current = null);
   }), [w]);
-  const f = M((S) => {
+  const f = T((S) => {
     if (r.current && g)
       try {
         console.log("Speaking text:", S), console.log("Avatar config:", p), console.log("TalkingHead instance:", r.current), r.current.lipsync && Object.keys(r.current.lipsync).length > 0 ? (console.log("Lip-sync modules loaded:", Object.keys(r.current.lipsync)), r.current.setSlowdownRate && (r.current.setSlowdownRate(1.05), console.log("Applied timing adjustment for better lip-sync")), r.current.speakText(S)) : (console.warn("Lip-sync modules not ready, waiting..."), setTimeout(() => {
           r.current && r.current.lipsync ? (console.log("Lip-sync now ready, speaking..."), r.current.setSlowdownRate && (r.current.setSlowdownRate(1.05), console.log("Applied timing adjustment for better lip-sync")), r.current.speakText(S)) : console.error("Lip-sync still not ready after waiting");
         }, 500));
-      } catch (G) {
-        console.error("Error speaking text:", G), d(G.message || "Failed to speak text");
+      } catch (Z) {
+        console.error("Error speaking text:", Z), d(Z.message || "Failed to speak text");
       }
     else
       console.warn("Avatar not ready for speaking. isReady:", g, "talkingHeadRef:", !!r.current);
-  }, [g, p]), F = M(() => {
+  }, [g, p]), E = T(() => {
     r.current && (r.current.stopSpeaking(), r.current.setSlowdownRate && (r.current.setSlowdownRate(1), console.log("Reset timing to normal")));
-  }, []), P = M((S) => {
+  }, []), P = T((S) => {
     r.current && r.current.setMood(S);
-  }, []), N = M((S) => {
+  }, []), U = T((S) => {
     r.current && r.current.setSlowdownRate && (r.current.setSlowdownRate(S), console.log("Timing adjustment set to:", S));
-  }, []), oe = M((S, G = !1) => {
+  }, []), oe = T((S, Z = !1) => {
     if (r.current && r.current.playAnimation) {
       if (r.current.setShowFullAvatar)
         try {
           r.current.setShowFullAvatar(!0);
-        } catch (Z) {
-          console.warn("Error setting full body mode:", Z);
+        } catch (X) {
+          console.warn("Error setting full body mode:", X);
         }
       if (S.includes("."))
         try {
-          r.current.playAnimation(S, null, 10, 0, 0.01, G), console.log("Playing animation:", S);
-        } catch (Z) {
-          console.log(`Failed to play ${S}:`, Z);
+          r.current.playAnimation(S, null, 10, 0, 0.01, Z), console.log("Playing animation:", S);
+        } catch (X) {
+          console.log(`Failed to play ${S}:`, X);
           try {
             r.current.setBodyMovement("idle"), console.log("Fallback to idle animation");
-          } catch (J) {
-            console.warn("Fallback animation also failed:", J);
+          } catch ($) {
+            console.warn("Fallback animation also failed:", $);
           }
         }
       else {
-        const Z = [".fbx", ".glb", ".gltf"];
-        let J = !1;
-        for (const se of Z)
+        const X = [".fbx", ".glb", ".gltf"];
+        let $ = !1;
+        for (const se of X)
           try {
-            r.current.playAnimation(S + se, null, 10, 0, 0.01, G), console.log("Playing animation:", S + se), J = !0;
+            r.current.playAnimation(S + se, null, 10, 0, 0.01, Z), console.log("Playing animation:", S + se), $ = !0;
             break;
           } catch {
             console.log(`Failed to play ${S}${se}, trying next format...`);
           }
-        if (!J) {
+        if (!$) {
           console.warn("Animation system not available or animation not found:", S);
           try {
             r.current.setBodyMovement("idle"), console.log("Fallback to idle animation");
@@ -7181,9 +7181,9 @@ const pt = Me(({
   }, []);
   return Ee(l, () => ({
     speakText: f,
-    stopSpeaking: F,
+    stopSpeaking: E,
     setMood: P,
-    setTimingAdjustment: N,
+    setTimingAdjustment: U,
     playAnimation: oe,
     isReady: g,
     talkingHead: r.current,
@@ -7191,8 +7191,8 @@ const pt = Me(({
       if (r.current && r.current.setShowFullAvatar && r.current.setBodyMovement)
         try {
           r.current.setShowFullAvatar(!0), r.current.setBodyMovement(S), console.log("Body movement set with full body mode:", S);
-        } catch (G) {
-          console.warn("Error setting body movement:", G);
+        } catch (Z) {
+          console.warn("Error setting body movement:", Z);
         }
     },
     setMovementIntensity: (S) => r.current?.setMovementIntensity(S),
@@ -7208,8 +7208,8 @@ const pt = Me(({
       if (r.current && r.current.setShowFullAvatar && r.current.playReaction)
         try {
           r.current.setShowFullAvatar(!0), r.current.playReaction(S), console.log("Reaction played with full body mode:", S);
-        } catch (G) {
-          console.warn("Error playing reaction:", G);
+        } catch (Z) {
+          console.warn("Error playing reaction:", Z);
         }
     },
     playCelebration: () => {
@@ -7224,8 +7224,8 @@ const pt = Me(({
       if (r.current && r.current.setShowFullAvatar)
         try {
           r.current.setShowFullAvatar(S), console.log("Show full avatar set to:", S);
-        } catch (G) {
-          console.warn("Error setting showFullAvatar:", G);
+        } catch (Z) {
+          console.warn("Error setting showFullAvatar:", Z);
         }
     },
     lockAvatarPosition: () => {
@@ -7245,7 +7245,7 @@ const pt = Me(({
         }
     }
   })), /* @__PURE__ */ Pe("div", { className: `talking-head-container ${i}`, style: s, children: [
-    /* @__PURE__ */ pe(
+    /* @__PURE__ */ me(
       "div",
       {
         ref: h,
@@ -7257,7 +7257,7 @@ const pt = Me(({
         }
       }
     ),
-    u && /* @__PURE__ */ pe("div", { className: "loading-overlay", style: {
+    u && /* @__PURE__ */ me("div", { className: "loading-overlay", style: {
       position: "absolute",
       top: "50%",
       left: "50%",
@@ -7266,7 +7266,7 @@ const pt = Me(({
       fontSize: "18px",
       zIndex: 10
     }, children: "Loading avatar..." }),
-    c && /* @__PURE__ */ pe("div", { className: "error-overlay", style: {
+    c && /* @__PURE__ */ me("div", { className: "error-overlay", style: {
       position: "absolute",
       top: "50%",
       left: "50%",
@@ -7282,7 +7282,7 @@ const pt = Me(({
 });
 pt.displayName = "TalkingHeadComponent";
 const gt = Me(({
-  text: V = null,
+  text: G = null,
   avatarUrl: t = "/avatars/brunette.glb",
   avatarBody: e = "F",
   mood: n = "neutral",
@@ -7304,16 +7304,16 @@ const gt = Me(({
   },
   className: b = "",
   style: I = {},
-  animations: W = {},
+  animations: V = {},
   autoSpeak: p = !1
-}, E) => {
-  const w = B(null), f = B(null), F = B(u), P = B(null), N = B(null), oe = B(!1), S = B({ remainingText: null, originalText: null, options: null }), G = B([]), [q, Z] = de(!0), [J, se] = de(null), [ae, ge] = de(!1), [$, le] = de(!1);
-  me(() => {
-    oe.current = $;
-  }, [$]), me(() => {
-    F.current = u;
+}, M) => {
+  const w = D(null), f = D(null), E = D(u), P = D(null), U = D(null), oe = D(!1), S = D({ remainingText: null, originalText: null, options: null }), Z = D([]), [K, X] = ce(!0), [$, se] = ce(null), [ae, pe] = ce(!1), [ee, le] = ce(!1);
+  de(() => {
+    oe.current = ee;
+  }, [ee]), de(() => {
+    E.current = u;
   }, [u]);
-  const D = Fe(), v = s || D.service;
+  const O = Fe(), v = s || O.service;
   let R;
   v === "browser" ? R = {
     service: "browser",
@@ -7323,18 +7323,18 @@ const gt = Me(({
   } : v === "elevenlabs" ? R = {
     service: "elevenlabs",
     endpoint: "https://api.elevenlabs.io/v1/text-to-speech",
-    apiKey: l || D.apiKey,
-    defaultVoice: o || D.defaultVoice || Le.defaultVoice,
-    voices: D.voices || Le.voices
+    apiKey: l || O.apiKey,
+    defaultVoice: o || O.defaultVoice || Ie.defaultVoice,
+    voices: O.voices || Ie.voices
   } : v === "deepgram" ? R = {
     service: "deepgram",
     endpoint: "https://api.deepgram.com/v1/speak",
-    apiKey: l || D.apiKey,
-    defaultVoice: o || D.defaultVoice || Te.defaultVoice,
-    voices: D.voices || Te.voices
+    apiKey: l || O.apiKey,
+    defaultVoice: o || O.defaultVoice || Te.defaultVoice,
+    voices: O.voices || Te.voices
   } : R = {
-    ...D,
-    apiKey: l !== null ? l : D.apiKey
+    ...O,
+    apiKey: l !== null ? l : O.apiKey
   };
   const z = {
     url: t,
@@ -7346,109 +7346,120 @@ const gt = Me(({
     showFullAvatar: u,
     bodyMovement: h,
     movementIntensity: r
-  }, C = {
+  }, H = {
     ttsEndpoint: R.endpoint,
     ttsApikey: R.apiKey,
     ttsService: v,
     lipsyncModules: ["en"],
     cameraView: a
-  }, O = M(async () => {
+  }, N = T(async () => {
     if (!(!w.current || f.current))
       try {
-        Z(!0), se(null), f.current = new Be(w.current, C), await f.current.showAvatar(z, (te) => {
+        X(!0), se(null), f.current = new Be(w.current, H), await f.current.showAvatar(z, (te) => {
           if (te.lengthComputable) {
-            const ce = Math.min(100, Math.round(te.loaded / te.total * 100));
-            d(ce);
+            const L = Math.min(100, Math.round(te.loaded / te.total * 100));
+            d(L);
           }
-        }), Z(!1), ge(!0), c(f.current);
-        const T = () => {
+        }), X(!1), pe(!0), c(f.current);
+        const C = () => {
           document.visibilityState === "visible" ? f.current?.start() : f.current?.stop();
         };
-        return document.addEventListener("visibilitychange", T), () => {
-          document.removeEventListener("visibilitychange", T);
+        return document.addEventListener("visibilitychange", C), () => {
+          document.removeEventListener("visibilitychange", C);
         };
-      } catch (T) {
-        console.error("Error initializing TalkingHead:", T), se(T.message || "Failed to initialize avatar"), Z(!1), g(T);
+      } catch (C) {
+        console.error("Error initializing TalkingHead:", C), se(C.message || "Failed to initialize avatar"), X(!1), g(C);
       }
-  }, [t, e, n, i, v, o, l, h, r, u, a, d, c, g]);
-  me(() => (O(), () => {
+  }, []);
+  de(() => (N(), () => {
     f.current && (f.current.stop(), f.current.dispose(), f.current = null);
-  }), [O]), me(() => {
-    ae && V && p && f.current && _(V);
-  }, [ae, V, p]);
-  const _ = M((T, te = {}) => {
+  }), [N]);
+  const _ = T(async () => {
+    if (f.current)
+      try {
+        const C = f.current.audioCtx || f.current.audioContext;
+        C && (C.state === "suspended" || C.state === "interrupted") && (await C.resume(), console.log("Audio context resumed"));
+      } catch (C) {
+        console.warn("Failed to resume audio context:", C);
+      }
+  }, []);
+  de(() => {
+    ae && G && p && f.current && j(G);
+  }, [ae, G, p, j]);
+  const j = T(async (C, te = {}) => {
     if (!f.current || !ae) {
       console.warn("Avatar not ready for speaking");
       return;
     }
-    if (!T || T.trim() === "") {
+    if (!C || C.trim() === "") {
       console.warn("No text provided to speak");
       return;
     }
-    S.current = { remainingText: null, originalText: null, options: null }, G.current = [], P.current = { text: T, options: te }, N.current && (clearInterval(N.current), N.current = null), le(!1), oe.current = !1;
-    const ce = T.split(/[.!?]+/).filter((H) => H.trim().length > 0);
-    G.current = ce;
-    const L = {
+    await _(), S.current = { remainingText: null, originalText: null, options: null }, Z.current = [], P.current = { text: C, options: te }, U.current && (clearInterval(U.current), U.current = null), le(!1), oe.current = !1;
+    const L = C.split(/[.!?]+/).filter((B) => B.trim().length > 0);
+    Z.current = L;
+    const F = {
       lipsyncLang: te.lipsyncLang || "en",
       onSpeechEnd: () => {
-        N.current && (clearInterval(N.current), N.current = null), te.onSpeechEnd && te.onSpeechEnd(), y();
+        U.current && (clearInterval(U.current), U.current = null), te.onSpeechEnd && te.onSpeechEnd(), y();
       }
     };
     try {
-      f.current.speakText(T, L);
-    } catch (H) {
-      console.error("Error speaking text:", H), se(H.message || "Failed to speak text");
+      f.current.speakText(C, F);
+    } catch (B) {
+      console.error("Error speaking text:", B), se(B.message || "Failed to speak text");
     }
-  }, [ae, y]), K = M(() => {
+  }, [ae, y, _]), q = T(() => {
     if (f.current)
       try {
-        const T = f.current.isSpeaking || !1, te = f.current.audioPlaylist || [], ce = f.current.speechQueue || [];
-        if (T || te.length > 0 || ce.length > 0) {
-          N.current && (clearInterval(N.current), N.current = null);
-          let L = "";
-          ce.length > 0 && (L = ce.map((H) => H.text && Array.isArray(H.text) ? H.text.map((X) => X.word).join(" ") : H.text || "").join(" ")), S.current = {
-            remainingText: L || null,
+        const C = f.current.isSpeaking || !1, te = f.current.audioPlaylist || [], L = f.current.speechQueue || [];
+        if (C || te.length > 0 || L.length > 0) {
+          U.current && (clearInterval(U.current), U.current = null);
+          let F = "";
+          L.length > 0 && (F = L.map((B) => B.text && Array.isArray(B.text) ? B.text.map((J) => J.word).join(" ") : B.text || "").join(" ")), S.current = {
+            remainingText: F || null,
             originalText: P.current?.text || null,
             options: P.current?.options || null
           }, f.current.speechQueue.length = 0, f.current.pauseSpeaking(), le(!0), oe.current = !0;
         }
-      } catch (T) {
-        console.warn("Error pausing speech:", T);
+      } catch (C) {
+        console.warn("Error pausing speech:", C);
       }
-  }, []), Q = M(async () => {
-    if (!(!f.current || !$))
+  }, []), Le = T(async () => {
+    if (!(!f.current || !ee))
       try {
-        f.current.audioContext && f.current.audioContext.state === "suspended" && await f.current.audioContext.resume(), le(!1), oe.current = !1;
-        const T = S.current?.remainingText, te = S.current?.originalText || P.current?.text, ce = S.current?.options || P.current?.options || {}, L = T || te;
-        L && _(L, ce);
-      } catch (T) {
-        console.warn("Error resuming speech:", T), le(!1), oe.current = !1;
+        await _(), le(!1), oe.current = !1;
+        const C = S.current?.remainingText, te = S.current?.originalText || P.current?.text, L = S.current?.options || P.current?.options || {}, F = C || te;
+        F && j(F, L);
+      } catch (C) {
+        console.warn("Error resuming speech:", C), le(!1), oe.current = !1;
       }
-  }, [$, _]), Ae = M(() => {
-    f.current && (f.current.stopSpeaking(), N.current && (clearInterval(N.current), N.current = null), le(!1), oe.current = !1);
+  }, [ee, j, _]), we = T(() => {
+    f.current && (f.current.stopSpeaking(), U.current && (clearInterval(U.current), U.current = null), le(!1), oe.current = !1);
   }, []);
-  return Ee(E, () => ({
-    speakText: _,
-    pauseSpeaking: K,
-    resumeSpeaking: Q,
-    stopSpeaking: Ae,
-    isPaused: () => $,
-    setMood: (T) => f.current?.setMood(T),
-    setBodyMovement: (T) => {
-      f.current && f.current.setBodyMovement(T);
+  return Ee(M, () => ({
+    speakText: j,
+    pauseSpeaking: q,
+    resumeSpeaking: Le,
+    stopSpeaking: we,
+    resumeAudioContext: _,
+    isPaused: () => ee,
+    setMood: (C) => f.current?.setMood(C),
+    setBodyMovement: (C) => {
+      f.current && f.current.setBodyMovement(C);
     },
-    playAnimation: (T, te = !1) => {
-      f.current && f.current.playAnimation && f.current.playAnimation(T, null, 10, 0, 0.01, te);
+    playAnimation: (C, te = !1) => {
+      f.current && f.current.playAnimation && f.current.playAnimation(C, null, 10, 0, 0.01, te);
     },
-    playReaction: (T) => f.current?.playReaction(T),
+    playReaction: (C) => f.current?.playReaction(C),
     playCelebration: () => f.current?.playCelebration(),
-    setShowFullAvatar: (T) => {
-      f.current && (F.current = T, f.current.setShowFullAvatar(T));
+    setShowFullAvatar: (C) => {
+      f.current && (E.current = C, f.current.setShowFullAvatar(C));
     },
     isReady: ae,
     talkingHead: f.current
   })), /* @__PURE__ */ Pe("div", { className: `simple-talking-avatar-container ${b}`, style: I, children: [
-    /* @__PURE__ */ pe(
+    /* @__PURE__ */ me(
       "div",
       {
         ref: w,
@@ -7460,7 +7471,7 @@ const gt = Me(({
         }
       }
     ),
-    q && /* @__PURE__ */ pe("div", { className: "loading-overlay", style: {
+    K && /* @__PURE__ */ me("div", { className: "loading-overlay", style: {
       position: "absolute",
       top: "50%",
       left: "50%",
@@ -7469,7 +7480,7 @@ const gt = Me(({
       fontSize: "18px",
       zIndex: 10
     }, children: "Loading avatar..." }),
-    J && /* @__PURE__ */ pe("div", { className: "error-overlay", style: {
+    $ && /* @__PURE__ */ me("div", { className: "error-overlay", style: {
       position: "absolute",
       top: "50%",
       left: "50%",
@@ -7480,12 +7491,12 @@ const gt = Me(({
       zIndex: 10,
       padding: "20px",
       borderRadius: "8px"
-    }, children: J })
+    }, children: $ })
   ] });
 });
 gt.displayName = "SimpleTalkingAvatar";
 const yt = Me(({
-  curriculumData: V = null,
+  curriculumData: G = null,
   avatarConfig: t = {},
   animations: e = {},
   onLessonStart: n = () => {
@@ -7500,7 +7511,7 @@ const yt = Me(({
   },
   autoStart: h = !1
 }, r) => {
-  const u = B(null), a = B({
+  const u = D(null), a = D({
     currentModuleIndex: 0,
     currentLessonIndex: 0,
     currentQuestionIndex: 0,
@@ -7510,18 +7521,18 @@ const yt = Me(({
     curriculumCompleted: !1,
     score: 0,
     totalQuestions: 0
-  }), c = B({
+  }), c = D({
     onLessonStart: n,
     onLessonComplete: i,
     onQuestionAnswer: s,
     onCurriculumComplete: o,
     onCustomAction: l
-  }), d = B(null), g = B(null), y = B(null), b = B(null), I = B(null), W = B(null), p = B(null), E = B(V?.curriculum || {
+  }), d = D(null), g = D(null), y = D(null), b = D(null), I = D(null), V = D(null), p = D(null), M = D(G?.curriculum || {
     title: "Default Curriculum",
     description: "No curriculum data provided",
     language: "en",
     modules: []
-  }), w = B({
+  }), w = D({
     avatarUrl: t.avatarUrl || "/avatars/brunette.glb",
     avatarBody: t.avatarBody || "F",
     mood: t.mood || "happy",
@@ -7535,7 +7546,7 @@ const yt = Me(({
     animations: e,
     lipsyncLang: "en"
   });
-  me(() => {
+  de(() => {
     c.current = {
       onLessonStart: n,
       onLessonComplete: i,
@@ -7543,8 +7554,8 @@ const yt = Me(({
       onCurriculumComplete: o,
       onCustomAction: l
     };
-  }, [n, i, s, o, l]), me(() => {
-    E.current = V?.curriculum || {
+  }, [n, i, s, o, l]), de(() => {
+    M.current = G?.curriculum || {
       title: "Default Curriculum",
       description: "No curriculum data provided",
       language: "en",
@@ -7563,8 +7574,8 @@ const yt = Me(({
       animations: e,
       lipsyncLang: "en"
     };
-  }, [V, t, e]);
-  const f = M(() => (E.current || { modules: [] }).modules[a.current.currentModuleIndex]?.lessons[a.current.currentLessonIndex], []), F = M(() => f()?.questions[a.current.currentQuestionIndex], [f]), P = M((v, R) => R.type === "multiple_choice" || R.type === "true_false" ? v === R.answer : R.type === "code_test" && typeof v == "object" && v !== null ? v.passed === !0 : !1, []), N = M(() => {
+  }, [G, t, e]);
+  const f = T(() => (M.current || { modules: [] }).modules[a.current.currentModuleIndex]?.lessons[a.current.currentLessonIndex], []), E = T(() => f()?.questions[a.current.currentQuestionIndex], [f]), P = T((v, R) => R.type === "multiple_choice" || R.type === "true_false" ? v === R.answer : R.type === "code_test" && typeof v == "object" && v !== null ? v.passed === !0 : !1, []), U = T(() => {
     a.current.lessonCompleted = !0, a.current.isQuestionMode = !1;
     const v = a.current.totalQuestions > 0 ? Math.round(a.current.score / a.current.totalQuestions * 100) : 100;
     let R = "Congratulations! You've completed this lesson";
@@ -7588,9 +7599,9 @@ const yt = Me(({
         } catch {
           u.current.playCelebration();
         }
-      const z = E.current || { modules: [] }, C = z.modules[a.current.currentModuleIndex], O = a.current.currentLessonIndex < (C?.lessons?.length || 0) - 1, _ = a.current.currentModuleIndex < (z.modules?.length || 0) - 1, K = O || _, Q = w.current || { lipsyncLang: "en" };
+      const z = M.current || { modules: [] }, H = z.modules[a.current.currentModuleIndex], N = a.current.currentLessonIndex < (H?.lessons?.length || 0) - 1, _ = a.current.currentModuleIndex < (z.modules?.length || 0) - 1, j = N || _, q = w.current || { lipsyncLang: "en" };
       u.current.speakText(R, {
-        lipsyncLang: Q.lipsyncLang,
+        lipsyncLang: q.lipsyncLang,
         onSpeechEnd: () => {
           c.current.onCustomAction({
             type: "lessonCompleteFeedbackDone",
@@ -7599,14 +7610,14 @@ const yt = Me(({
             score: a.current.score,
             totalQuestions: a.current.totalQuestions,
             percentage: v,
-            hasNextLesson: K
+            hasNextLesson: j
           });
         }
       });
     }
-  }, [e.lessonComplete]), oe = M(() => {
+  }, [e.lessonComplete]), oe = T(() => {
     a.current.curriculumCompleted = !0;
-    const v = E.current || { modules: [] };
+    const v = M.current || { modules: [] };
     if (c.current.onCurriculumComplete({
       modules: v.modules.length,
       totalLessons: v.modules.reduce((R, z) => R + z.lessons.length, 0)
@@ -7620,10 +7631,10 @@ const yt = Me(({
       const R = w.current || { lipsyncLang: "en" };
       u.current.speakText("Amazing! You've completed the entire curriculum! You're now ready to move on to more advanced topics. Well done!", { lipsyncLang: R.lipsyncLang });
     }
-  }, [e.curriculumComplete]), S = M(() => {
+  }, [e.curriculumComplete]), S = T(() => {
     const v = f();
     a.current.isQuestionMode = !0, a.current.currentQuestionIndex = 0, a.current.totalQuestions = v?.questions?.length || 0, a.current.score = 0;
-    const R = F();
+    const R = E();
     R && c.current.onCustomAction({
       type: "questionStart",
       moduleIndex: a.current.currentModuleIndex,
@@ -7638,30 +7649,30 @@ const yt = Me(({
       if (u.current.setMood("happy"), e.questionStart)
         try {
           u.current.playAnimation(e.questionStart, !0);
-        } catch (O) {
-          console.warn("Failed to play questionStart animation:", O);
+        } catch (N) {
+          console.warn("Failed to play questionStart animation:", N);
         }
-      const C = w.current || { lipsyncLang: "en" };
-      R.type === "code_test" ? u.current.speakText(`Let's test your coding skills! Here's your first challenge: ${R.question}`, { lipsyncLang: C.lipsyncLang }) : R.type === "multiple_choice" ? u.current.speakText(`Now let me ask you some questions. Here's the first one: ${R.question}`, { lipsyncLang: C.lipsyncLang }) : R.type === "true_false" ? u.current.speakText(`Let's start with some true or false questions. First question: ${R.question}`, { lipsyncLang: C.lipsyncLang }) : u.current.speakText(`Now let me ask you some questions. Here's the first one: ${R.question}`, { lipsyncLang: C.lipsyncLang });
+      const H = w.current || { lipsyncLang: "en" };
+      R.type === "code_test" ? u.current.speakText(`Let's test your coding skills! Here's your first challenge: ${R.question}`, { lipsyncLang: H.lipsyncLang }) : R.type === "multiple_choice" ? u.current.speakText(`Now let me ask you some questions. Here's the first one: ${R.question}`, { lipsyncLang: H.lipsyncLang }) : R.type === "true_false" ? u.current.speakText(`Let's start with some true or false questions. First question: ${R.question}`, { lipsyncLang: H.lipsyncLang }) : u.current.speakText(`Now let me ask you some questions. Here's the first one: ${R.question}`, { lipsyncLang: H.lipsyncLang });
     };
     if (u.current && u.current.isReady && R)
       z();
     else if (u.current && u.current.isReady) {
-      const C = w.current || { lipsyncLang: "en" };
-      u.current.speakText("Now let me ask you some questions to test your understanding.", { lipsyncLang: C.lipsyncLang });
+      const H = w.current || { lipsyncLang: "en" };
+      u.current.speakText("Now let me ask you some questions to test your understanding.", { lipsyncLang: H.lipsyncLang });
     } else {
-      const C = setInterval(() => {
-        u.current && u.current.isReady && (clearInterval(C), R && z());
+      const H = setInterval(() => {
+        u.current && u.current.isReady && (clearInterval(H), R && z());
       }, 100);
       setTimeout(() => {
-        clearInterval(C);
+        clearInterval(H);
       }, 5e3);
     }
-  }, [e.questionStart, f, F]), G = M(() => {
+  }, [e.questionStart, f, E]), Z = T(() => {
     const v = f();
     if (a.current.currentQuestionIndex < (v?.questions?.length || 0) - 1) {
       u.current && u.current.stopSpeaking && u.current.stopSpeaking(), a.current.currentQuestionIndex += 1;
-      const R = F();
+      const R = E();
       R && c.current.onCustomAction({
         type: "nextQuestion",
         moduleIndex: a.current.currentModuleIndex,
@@ -7676,40 +7687,40 @@ const yt = Me(({
         if (u.current.setMood("happy"), u.current.setBodyMovement("idle"), e.nextQuestion)
           try {
             u.current.playAnimation(e.nextQuestion, !0);
-          } catch (Q) {
-            console.warn("Failed to play nextQuestion animation:", Q);
+          } catch (q) {
+            console.warn("Failed to play nextQuestion animation:", q);
           }
-        const C = w.current || { lipsyncLang: "en" }, _ = f()?.questions?.length || 0, K = a.current.currentQuestionIndex >= _ - 1;
+        const H = w.current || { lipsyncLang: "en" }, _ = f()?.questions?.length || 0, j = a.current.currentQuestionIndex >= _ - 1;
         if (R.type === "code_test") {
-          const Q = K ? `Great! Here's your final coding challenge: ${R.question}` : `Great! Now let's move on to your next coding challenge: ${R.question}`;
-          u.current.speakText(Q, {
-            lipsyncLang: C.lipsyncLang
+          const q = j ? `Great! Here's your final coding challenge: ${R.question}` : `Great! Now let's move on to your next coding challenge: ${R.question}`;
+          u.current.speakText(q, {
+            lipsyncLang: H.lipsyncLang
           });
         } else if (R.type === "multiple_choice") {
-          const Q = K ? `Alright! Here's your final question: ${R.question}` : `Alright! Here's your next question: ${R.question}`;
-          u.current.speakText(Q, {
-            lipsyncLang: C.lipsyncLang
+          const q = j ? `Alright! Here's your final question: ${R.question}` : `Alright! Here's your next question: ${R.question}`;
+          u.current.speakText(q, {
+            lipsyncLang: H.lipsyncLang
           });
         } else if (R.type === "true_false") {
-          const Q = K ? `Now let's try this final one: ${R.question}` : `Now let's try this one: ${R.question}`;
-          u.current.speakText(Q, {
-            lipsyncLang: C.lipsyncLang
+          const q = j ? `Now let's try this final one: ${R.question}` : `Now let's try this one: ${R.question}`;
+          u.current.speakText(q, {
+            lipsyncLang: H.lipsyncLang
           });
         } else {
-          const Q = K ? `Here's your final question: ${R.question}` : `Here's the next question: ${R.question}`;
-          u.current.speakText(Q, {
-            lipsyncLang: C.lipsyncLang
+          const q = j ? `Here's your final question: ${R.question}` : `Here's the next question: ${R.question}`;
+          u.current.speakText(q, {
+            lipsyncLang: H.lipsyncLang
           });
         }
       };
       if (u.current && u.current.isReady && R)
         z();
       else if (R) {
-        const C = setInterval(() => {
-          u.current && u.current.isReady && (clearInterval(C), z());
+        const H = setInterval(() => {
+          u.current && u.current.isReady && (clearInterval(H), z());
         }, 100);
         setTimeout(() => {
-          clearInterval(C);
+          clearInterval(H);
         }, 5e3);
       }
     } else
@@ -7720,16 +7731,16 @@ const yt = Me(({
         totalQuestions: a.current.totalQuestions,
         score: a.current.score
       });
-  }, [e.nextQuestion, f, F]), q = M(() => {
-    const v = E.current || { modules: [] }, R = v.modules[a.current.currentModuleIndex];
+  }, [e.nextQuestion, f, E]), K = T(() => {
+    const v = M.current || { modules: [] }, R = v.modules[a.current.currentModuleIndex];
     if (a.current.currentLessonIndex < (R?.lessons?.length || 0) - 1) {
       a.current.currentLessonIndex += 1, a.current.currentQuestionIndex = 0, a.current.lessonCompleted = !1, a.current.isQuestionMode = !1, a.current.isTeaching = !1, a.current.score = 0, a.current.totalQuestions = 0;
-      const C = v.modules[a.current.currentModuleIndex], O = a.current.currentLessonIndex < (C?.lessons?.length || 0) - 1, _ = a.current.currentModuleIndex < (v.modules?.length || 0) - 1, K = O || _;
+      const H = v.modules[a.current.currentModuleIndex], N = a.current.currentLessonIndex < (H?.lessons?.length || 0) - 1, _ = a.current.currentModuleIndex < (v.modules?.length || 0) - 1, j = N || _;
       c.current.onCustomAction({
         type: "lessonStart",
         moduleIndex: a.current.currentModuleIndex,
         lessonIndex: a.current.currentLessonIndex,
-        hasNextLesson: K
+        hasNextLesson: j
       }), c.current.onLessonStart({
         moduleIndex: a.current.currentModuleIndex,
         lessonIndex: a.current.currentLessonIndex,
@@ -7737,12 +7748,12 @@ const yt = Me(({
       }), u.current && (u.current.setMood("happy"), u.current.setBodyMovement("idle"));
     } else if (a.current.currentModuleIndex < (v.modules?.length || 0) - 1) {
       a.current.currentModuleIndex += 1, a.current.currentLessonIndex = 0, a.current.currentQuestionIndex = 0, a.current.lessonCompleted = !1, a.current.isQuestionMode = !1, a.current.isTeaching = !1, a.current.score = 0, a.current.totalQuestions = 0;
-      const O = v.modules[a.current.currentModuleIndex], _ = a.current.currentLessonIndex < (O?.lessons?.length || 0) - 1, K = a.current.currentModuleIndex < (v.modules?.length || 0) - 1, Q = _ || K;
+      const N = v.modules[a.current.currentModuleIndex], _ = a.current.currentLessonIndex < (N?.lessons?.length || 0) - 1, j = a.current.currentModuleIndex < (v.modules?.length || 0) - 1, q = _ || j;
       c.current.onCustomAction({
         type: "lessonStart",
         moduleIndex: a.current.currentModuleIndex,
         lessonIndex: a.current.currentLessonIndex,
-        hasNextLesson: Q
+        hasNextLesson: q
       }), c.current.onLessonStart({
         moduleIndex: a.current.currentModuleIndex,
         lessonIndex: a.current.currentLessonIndex,
@@ -7750,12 +7761,12 @@ const yt = Me(({
       }), u.current && (u.current.setMood("happy"), u.current.setBodyMovement("idle"));
     } else
       I.current && I.current();
-  }, []), Z = M(() => {
+  }, []), X = T(() => {
     const v = f();
     let R = null;
     if (v?.avatar_script && v?.body) {
-      const z = v.avatar_script.trim(), C = v.body.trim(), O = z.match(/[.!?]$/) ? " " : ". ";
-      R = `${z}${O}${C}`;
+      const z = v.avatar_script.trim(), H = v.body.trim(), N = z.match(/[.!?]$/) ? " " : ". ";
+      R = `${z}${N}${H}`;
     } else
       R = v?.avatar_script || v?.body || null;
     if (u.current && u.current.isReady && R) {
@@ -7764,11 +7775,11 @@ const yt = Me(({
       if (e.teaching)
         try {
           u.current.playAnimation(e.teaching, !0), z = !0;
-        } catch (O) {
-          console.warn("Failed to play teaching animation:", O);
+        } catch (N) {
+          console.warn("Failed to play teaching animation:", N);
         }
       z || u.current.setBodyMovement("gesturing");
-      const C = w.current || { lipsyncLang: "en" };
+      const H = w.current || { lipsyncLang: "en" };
       c.current.onLessonStart({
         moduleIndex: a.current.currentModuleIndex,
         lessonIndex: a.current.currentLessonIndex,
@@ -7779,7 +7790,7 @@ const yt = Me(({
         lessonIndex: a.current.currentLessonIndex,
         lesson: v
       }), u.current.speakText(R, {
-        lipsyncLang: C.lipsyncLang,
+        lipsyncLang: H.lipsyncLang,
         onSpeechEnd: () => {
           a.current.isTeaching = !1, c.current.onCustomAction({
             type: "teachingComplete",
@@ -7797,8 +7808,8 @@ const yt = Me(({
         }
       });
     }
-  }, [e.teaching, f]), J = M((v) => {
-    const R = F(), z = P(v, R);
+  }, [e.teaching, f]), $ = T((v) => {
+    const R = E(), z = P(v, R);
     if (z && (a.current.score += 1), c.current.onQuestionAnswer({
       moduleIndex: a.current.currentModuleIndex,
       lessonIndex: a.current.currentLessonIndex,
@@ -7815,13 +7826,13 @@ const yt = Me(({
             u.current.setBodyMovement("happy");
           }
         u.current.setBodyMovement("gesturing");
-        const O = f()?.questions?.length || 0;
-        a.current.currentQuestionIndex >= O - 1;
-        const _ = a.current.currentQuestionIndex < O - 1;
-        console.log("[CurriculumLearning] Answer feedback - questionIndex:", a.current.currentQuestionIndex, "totalQuestions:", O, "hasNextQuestion:", _);
-        const K = R.type === "code_test" ? `Great job! Your code passed all the tests! ${R.explanation || ""}` : `Excellent! That's correct! ${R.explanation || ""}`, Q = w.current || { lipsyncLang: "en" };
-        u.current.speakText(K, {
-          lipsyncLang: Q.lipsyncLang,
+        const N = f()?.questions?.length || 0;
+        a.current.currentQuestionIndex >= N - 1;
+        const _ = a.current.currentQuestionIndex < N - 1;
+        console.log("[CurriculumLearning] Answer feedback - questionIndex:", a.current.currentQuestionIndex, "totalQuestions:", N, "hasNextQuestion:", _);
+        const j = R.type === "code_test" ? `Great job! Your code passed all the tests! ${R.explanation || ""}` : `Excellent! That's correct! ${R.explanation || ""}`, q = w.current || { lipsyncLang: "en" };
+        u.current.speakText(j, {
+          lipsyncLang: q.lipsyncLang,
           onSpeechEnd: () => {
             c.current.onCustomAction({
               type: "answerFeedbackComplete",
@@ -7843,11 +7854,11 @@ const yt = Me(({
             u.current.setBodyMovement("idle");
           }
         u.current.setBodyMovement("gesturing");
-        const O = f()?.questions?.length || 0, _ = a.current.currentQuestionIndex >= O - 1, K = a.current.currentQuestionIndex < O - 1;
-        console.log("[CurriculumLearning] Answer feedback (incorrect) - questionIndex:", a.current.currentQuestionIndex, "totalQuestions:", O, "hasNextQuestion:", K);
-        const Q = R.type === "code_test" ? `Your code didn't pass all the tests. ${R.explanation || "Try again!"}` : `Not quite right, but don't worry! ${R.explanation || ""}${_ ? "" : " Let's move on to the next question."}`, Ae = w.current || { lipsyncLang: "en" };
-        u.current.speakText(Q, {
-          lipsyncLang: Ae.lipsyncLang,
+        const N = f()?.questions?.length || 0, _ = a.current.currentQuestionIndex >= N - 1, j = a.current.currentQuestionIndex < N - 1;
+        console.log("[CurriculumLearning] Answer feedback (incorrect) - questionIndex:", a.current.currentQuestionIndex, "totalQuestions:", N, "hasNextQuestion:", j);
+        const q = R.type === "code_test" ? `Your code didn't pass all the tests. ${R.explanation || "Try again!"}` : `Not quite right, but don't worry! ${R.explanation || ""}${_ ? "" : " Let's move on to the next question."}`, Le = w.current || { lipsyncLang: "en" };
+        u.current.speakText(q, {
+          lipsyncLang: Le.lipsyncLang,
           onSpeechEnd: () => {
             c.current.onCustomAction({
               type: "answerFeedbackComplete",
@@ -7855,7 +7866,7 @@ const yt = Me(({
               lessonIndex: a.current.currentLessonIndex,
               questionIndex: a.current.currentQuestionIndex,
               isCorrect: !1,
-              hasNextQuestion: K,
+              hasNextQuestion: j,
               score: a.current.score,
               totalQuestions: a.current.totalQuestions
             });
@@ -7863,21 +7874,21 @@ const yt = Me(({
         });
       }
     else {
-      const O = f()?.questions?.length || 0;
+      const N = f()?.questions?.length || 0;
       c.current.onCustomAction({
         type: "answerFeedbackComplete",
         moduleIndex: a.current.currentModuleIndex,
         lessonIndex: a.current.currentLessonIndex,
         questionIndex: a.current.currentQuestionIndex,
         isCorrect: z,
-        hasNextQuestion: a.current.currentQuestionIndex < O - 1,
+        hasNextQuestion: a.current.currentQuestionIndex < N - 1,
         score: a.current.score,
         totalQuestions: a.current.totalQuestions,
         avatarNotReady: !0
       });
     }
-  }, [e.correct, e.incorrect, F, f, P]), se = M((v) => {
-    const R = F();
+  }, [e.correct, e.incorrect, E, f, P]), se = T((v) => {
+    const R = E();
     if (!v || typeof v != "object") {
       console.error("Invalid code test result format. Expected object with {passed: boolean, ...}");
       return;
@@ -7904,10 +7915,10 @@ const yt = Me(({
       testResult: z,
       question: R
     }), p.current && p.current(z);
-  }, [F, P]), ae = M(() => {
+  }, [E, P]), ae = T(() => {
     if (a.current.currentQuestionIndex > 0) {
       a.current.currentQuestionIndex -= 1;
-      const v = F();
+      const v = E();
       v && c.current.onCustomAction({
         type: "questionStart",
         moduleIndex: a.current.currentModuleIndex,
@@ -7938,8 +7949,8 @@ const yt = Me(({
         }, 5e3);
       }
     }
-  }, [F]), ge = M(() => {
-    const v = E.current || { modules: [] };
+  }, [E]), pe = T(() => {
+    const v = M.current || { modules: [] };
     if (v.modules[a.current.currentModuleIndex], a.current.currentLessonIndex > 0)
       a.current.currentLessonIndex -= 1, a.current.currentQuestionIndex = 0, a.current.lessonCompleted = !1, a.current.isQuestionMode = !1, a.current.isTeaching = !1, a.current.score = 0, a.current.totalQuestions = 0, c.current.onCustomAction({
         type: "lessonStart",
@@ -7951,8 +7962,8 @@ const yt = Me(({
         lesson: f()
       }), u.current && (u.current.setMood("happy"), u.current.setBodyMovement("idle"));
     else if (a.current.currentModuleIndex > 0) {
-      const C = v.modules[a.current.currentModuleIndex - 1];
-      a.current.currentModuleIndex -= 1, a.current.currentLessonIndex = (C?.lessons?.length || 1) - 1, a.current.currentQuestionIndex = 0, a.current.lessonCompleted = !1, a.current.isQuestionMode = !1, a.current.isTeaching = !1, a.current.score = 0, a.current.totalQuestions = 0, c.current.onCustomAction({
+      const H = v.modules[a.current.currentModuleIndex - 1];
+      a.current.currentModuleIndex -= 1, a.current.currentLessonIndex = (H?.lessons?.length || 1) - 1, a.current.currentQuestionIndex = 0, a.current.lessonCompleted = !1, a.current.isQuestionMode = !1, a.current.isTeaching = !1, a.current.score = 0, a.current.totalQuestions = 0, c.current.onCustomAction({
         type: "lessonStart",
         moduleIndex: a.current.currentModuleIndex,
         lessonIndex: a.current.currentLessonIndex
@@ -7962,9 +7973,9 @@ const yt = Me(({
         lesson: f()
       }), u.current && (u.current.setMood("happy"), u.current.setBodyMovement("idle"));
     }
-  }, [f]), $ = M(() => {
+  }, [f]), ee = T(() => {
     a.current.currentModuleIndex = 0, a.current.currentLessonIndex = 0, a.current.currentQuestionIndex = 0, a.current.isTeaching = !1, a.current.isQuestionMode = !1, a.current.lessonCompleted = !1, a.current.curriculumCompleted = !1, a.current.score = 0, a.current.totalQuestions = 0;
-  }, []), le = M((v) => {
+  }, []), le = T((v) => {
     console.log("Avatar is ready!", v);
     const R = f(), z = R?.avatar_script || R?.body;
     h && z && setTimeout(() => {
@@ -7972,22 +7983,22 @@ const yt = Me(({
     }, 10);
   }, [h, f]);
   Xe(() => {
-    d.current = Z, g.current = q, y.current = N, b.current = G, I.current = oe, W.current = S, p.current = J;
+    d.current = X, g.current = K, y.current = U, b.current = Z, I.current = oe, V.current = S, p.current = $;
   }), Ee(r, () => ({
     // Curriculum control methods
-    startTeaching: Z,
+    startTeaching: X,
     startQuestions: S,
-    handleAnswerSelect: J,
+    handleAnswerSelect: $,
     handleCodeTestResult: se,
-    nextQuestion: G,
+    nextQuestion: Z,
     previousQuestion: ae,
-    nextLesson: q,
-    previousLesson: ge,
-    completeLesson: N,
+    nextLesson: K,
+    previousLesson: pe,
+    completeLesson: U,
     completeCurriculum: oe,
-    resetCurriculum: $,
+    resetCurriculum: ee,
     getState: () => ({ ...a.current }),
-    getCurrentQuestion: () => F(),
+    getCurrentQuestion: () => E(),
     getCurrentLesson: () => f(),
     // Direct access to avatar ref (always returns current value)
     getAvatarRef: () => u.current,
@@ -8039,8 +8050,8 @@ const yt = Me(({
     handleResize: () => u.current?.handleResize(),
     // Avatar readiness check (always returns current value)
     isAvatarReady: () => u.current?.isReady || !1
-  }), [Z, S, J, se, G, q, N, oe, $, F, f]);
-  const D = w.current || {
+  }), [X, S, $, se, Z, K, U, oe, ee, E, f]);
+  const O = w.current || {
     avatarUrl: "/avatars/brunette.glb",
     avatarBody: "F",
     mood: "happy",
@@ -8053,22 +8064,22 @@ const yt = Me(({
     showFullAvatar: !1,
     animations: e
   };
-  return /* @__PURE__ */ pe("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ pe(
+  return /* @__PURE__ */ me("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ me(
     Ve,
     {
       ref: u,
-      avatarUrl: D.avatarUrl,
-      avatarBody: D.avatarBody,
-      mood: D.mood,
-      ttsLang: D.ttsLang,
-      ttsService: D.ttsService,
-      ttsVoice: D.ttsVoice,
-      ttsApiKey: D.ttsApiKey,
-      bodyMovement: D.bodyMovement,
-      movementIntensity: D.movementIntensity,
-      showFullAvatar: D.showFullAvatar,
+      avatarUrl: O.avatarUrl,
+      avatarBody: O.avatarBody,
+      mood: O.mood,
+      ttsLang: O.ttsLang,
+      ttsService: O.ttsService,
+      ttsVoice: O.ttsVoice,
+      ttsApiKey: O.ttsApiKey,
+      bodyMovement: O.bodyMovement,
+      movementIntensity: O.movementIntensity,
+      showFullAvatar: O.showFullAvatar,
       cameraView: "upper",
-      animations: D.animations,
+      animations: O.animations,
       onReady: le,
       onLoading: () => {
       },
@@ -8182,7 +8193,7 @@ const Ge = {
     duration: 5e3,
     description: "Excited, energetic movement"
   }
-}, wt = (V) => Ge[V] || null, zt = (V) => Ge.hasOwnProperty(V);
+}, wt = (G) => Ge[G] || null, zt = (G) => Ge.hasOwnProperty(G);
 export {
   yt as CurriculumLearning,
   gt as SimpleTalkingAvatar,