@streamoji/avatar-widget 0.2.0 → 0.2.2

package/dist/avatar-widget.js

@@ -1,1788 +1,96 @@
-import { jsx as N, jsxs as de } from "react/jsx-runtime";
-import { memo as bn, useMemo as gt, useRef as L, useState as K, useEffect as ie, useCallback as Ye, useLayoutEffect as _n, Suspense as xn } from "react";
-import { useFrame as wn, Canvas as Rn, useThree as Sn } from "@react-three/fiber";
-import { useGLTF as ct, Environment as yn } from "@react-three/drei";
-import * as Ge from "three";
-import { TrianglesDrawMode as An, TriangleFanDrawMode as Tt, TriangleStripDrawMode as Wt, Loader as En, LoaderUtils as Ke, FileLoader as Xt, MeshPhysicalMaterial as ge, Vector2 as zt, Color as ve, LinearSRGBColorSpace as Re, SRGBColorSpace as We, SpotLight as Ln, PointLight as Mn, DirectionalLight as In, Matrix4 as Qe, Vector3 as Oe, Quaternion as $t, InstancedMesh as vn, InstancedBufferAttribute as kn, Object3D as qt, TextureLoader as Nn, ImageBitmapLoader as Cn, BufferAttribute as ut, InterleavedBuffer as On, InterleavedBufferAttribute as Dn, LinearMipmapLinearFilter as Yt, NearestMipmapLinearFilter as Fn, LinearMipmapNearestFilter as Pn, NearestMipmapNearestFilter as Un, LinearFilter as bt, NearestFilter as Jt, RepeatWrapping as _t, MirroredRepeatWrapping as Hn, ClampToEdgeWrapping as Bn, PointsMaterial as Gn, Material as lt, LineBasicMaterial as jn, MeshStandardMaterial as Qt, DoubleSide as Vn, MeshBasicMaterial as Ve, PropertyBinding as Kn, BufferGeometry as Wn, SkinnedMesh as Xn, Mesh as zn, LineSegments as $n, Line as qn, LineLoop as Yn, Points as Jn, Group as dt, PerspectiveCamera as Qn, MathUtils as Zn, OrthographicCamera as es, Skeleton as ts, AnimationClip as ns, Bone as ss, InterpolateDiscrete as rs, InterpolateLinear as Zt, Texture as Nt, VectorKeyframeTrack as Ct, NumberKeyframeTrack as Ot, QuaternionKeyframeTrack as Dt, ColorManagement as Ft, FrontSide as is, Interpolant as os, Box3 as as, Sphere as cs } from "three";
-function Pt(d, t) {
-  if (t === An)
-    return console.warn("THREE.BufferGeometryUtils.toTrianglesDrawMode(): Geometry already defined as triangles."), d;
-  if (t === Tt || t === Wt) {
-    let e = d.getIndex();
-    if (e === null) {
-      const s = [], a = d.getAttribute("position");
-      if (a !== void 0) {
-        for (let o = 0; o < a.count; o++)
-          s.push(o);
-        d.setIndex(s), e = d.getIndex();
-      } else
-        return console.error("THREE.BufferGeometryUtils.toTrianglesDrawMode(): Undefined position attribute. Processing not possible."), d;
-    }
-    const r = e.count - 2, n = [];
-    if (t === Tt)
-      for (let s = 1; s <= r; s++)
-        n.push(e.getX(0)), n.push(e.getX(s)), n.push(e.getX(s + 1));
-    else
-      for (let s = 0; s < r; s++)
-        s % 2 === 0 ? (n.push(e.getX(s)), n.push(e.getX(s + 1)), n.push(e.getX(s + 2))) : (n.push(e.getX(s + 2)), n.push(e.getX(s + 1)), n.push(e.getX(s)));
-    n.length / 3 !== r && console.error("THREE.BufferGeometryUtils.toTrianglesDrawMode(): Unable to generate correct amount of triangles.");
-    const i = d.clone();
-    return i.setIndex(n), i.clearGroups(), i;
-  } else
-    return console.error("THREE.BufferGeometryUtils.toTrianglesDrawMode(): Unknown draw mode:", t), d;
-}
-class us extends En {
-  /**
-   * Constructs a new glTF loader.
-   *
-   * @param {LoadingManager} [manager] - The loading manager.
-   */
-  constructor(t) {
-    super(t), this.dracoLoader = null, this.ktx2Loader = null, this.meshoptDecoder = null, this.pluginCallbacks = [], this.register(function(e) {
-      return new ps(e);
-    }), this.register(function(e) {
-      return new ms(e);
-    }), this.register(function(e) {
-      return new ys(e);
-    }), this.register(function(e) {
-      return new As(e);
-    }), this.register(function(e) {
-      return new Es(e);
-    }), this.register(function(e) {
-      return new Ts(e);
-    }), this.register(function(e) {
-      return new bs(e);
-    }), this.register(function(e) {
-      return new _s(e);
-    }), this.register(function(e) {
-      return new xs(e);
-    }), this.register(function(e) {
-      return new hs(e);
-    }), this.register(function(e) {
-      return new ws(e);
-    }), this.register(function(e) {
-      return new gs(e);
-    }), this.register(function(e) {
-      return new Ss(e);
-    }), this.register(function(e) {
-      return new Rs(e);
-    }), this.register(function(e) {
-      return new ds(e);
-    }), this.register(function(e) {
-      return new Ls(e);
-    }), this.register(function(e) {
-      return new Ms(e);
-    });
-  }
-  /**
-   * Starts loading from the given URL and passes the loaded glTF asset
-   * to the `onLoad()` callback.
-   *
-   * @param {string} url - The path/URL of the file to be loaded. This can also be a data URI.
-   * @param {function(GLTFLoader~LoadObject)} onLoad - Executed when the loading process has been finished.
-   * @param {onProgressCallback} onProgress - Executed while the loading is in progress.
-   * @param {onErrorCallback} onError - Executed when errors occur.
-   */
-  load(t, e, r, n) {
-    const i = this;
-    let s;
-    if (this.resourcePath !== "")
-      s = this.resourcePath;
-    else if (this.path !== "") {
-      const c = Ke.extractUrlBase(t);
-      s = Ke.resolveURL(c, this.path);
-    } else
-      s = Ke.extractUrlBase(t);
-    this.manager.itemStart(t);
-    const a = function(c) {
-      n ? n(c) : console.error(c), i.manager.itemError(t), i.manager.itemEnd(t);
-    }, o = new Xt(this.manager);
-    o.setPath(this.path), o.setResponseType("arraybuffer"), o.setRequestHeader(this.requestHeader), o.setWithCredentials(this.withCredentials), o.load(t, function(c) {
-      try {
-        i.parse(c, s, function(u) {
-          e(u), i.manager.itemEnd(t);
-        }, a);
-      } catch (u) {
-        a(u);
-      }
-    }, r, a);
-  }
-  /**
-   * Sets the given Draco loader to this loader. Required for decoding assets
-   * compressed with the `KHR_draco_mesh_compression` extension.
-   *
-   * @param {DRACOLoader} dracoLoader - The Draco loader to set.
-   * @return {GLTFLoader} A reference to this loader.
-   */
-  setDRACOLoader(t) {
-    return this.dracoLoader = t, this;
-  }
-  /**
-   * Sets the given KTX2 loader to this loader. Required for loading KTX2
-   * compressed textures.
-   *
-   * @param {KTX2Loader} ktx2Loader - The KTX2 loader to set.
-   * @return {GLTFLoader} A reference to this loader.
-   */
-  setKTX2Loader(t) {
-    return this.ktx2Loader = t, this;
-  }
-  /**
-   * Sets the given meshopt decoder. Required for decoding assets
-   * compressed with the `EXT_meshopt_compression` extension.
-   *
-   * @param {Object} meshoptDecoder - The meshopt decoder to set.
-   * @return {GLTFLoader} A reference to this loader.
-   */
-  setMeshoptDecoder(t) {
-    return this.meshoptDecoder = t, this;
-  }
-  /**
-   * Registers a plugin callback. This API is internally used to implement the various
-   * glTF extensions but can also used by third-party code to add additional logic
-   * to the loader.
-   *
-   * @param {function(parser:GLTFParser)} callback - The callback function to register.
-   * @return {GLTFLoader} A reference to this loader.
-   */
-  register(t) {
-    return this.pluginCallbacks.indexOf(t) === -1 && this.pluginCallbacks.push(t), this;
-  }
-  /**
-   * Unregisters a plugin callback.
-   *
-   * @param {Function} callback - The callback function to unregister.
-   * @return {GLTFLoader} A reference to this loader.
-   */
-  unregister(t) {
-    return this.pluginCallbacks.indexOf(t) !== -1 && this.pluginCallbacks.splice(this.pluginCallbacks.indexOf(t), 1), this;
-  }
-  /**
-   * Parses the given FBX data and returns the resulting group.
-   *
-   * @param {string|ArrayBuffer} data - The raw glTF data.
-   * @param {string} path - The URL base path.
-   * @param {function(GLTFLoader~LoadObject)} onLoad - Executed when the loading process has been finished.
-   * @param {onErrorCallback} onError - Executed when errors occur.
-   */
-  parse(t, e, r, n) {
-    let i;
-    const s = {}, a = {}, o = new TextDecoder();
-    if (typeof t == "string")
-      i = JSON.parse(t);
-    else if (t instanceof ArrayBuffer)
-      if (o.decode(new Uint8Array(t, 0, 4)) === en) {
-        try {
-          s[k.KHR_BINARY_GLTF] = new Is(t);
-        } catch (l) {
-          n && n(l);
-          return;
-        }
-        i = JSON.parse(s[k.KHR_BINARY_GLTF].content);
-      } else
-        i = JSON.parse(o.decode(t));
-    else
-      i = t;
-    if (i.asset === void 0 || i.asset.version[0] < 2) {
-      n && n(new Error("THREE.GLTFLoader: Unsupported asset. glTF versions >=2.0 are supported."));
-      return;
-    }
-    const c = new js(i, {
-      path: e || this.resourcePath || "",
-      crossOrigin: this.crossOrigin,
-      requestHeader: this.requestHeader,
-      manager: this.manager,
-      ktx2Loader: this.ktx2Loader,
-      meshoptDecoder: this.meshoptDecoder
-    });
-    c.fileLoader.setRequestHeader(this.requestHeader);
-    for (let u = 0; u < this.pluginCallbacks.length; u++) {
-      const l = this.pluginCallbacks[u](c);
-      l.name || console.error("THREE.GLTFLoader: Invalid plugin found: missing name"), a[l.name] = l, s[l.name] = !0;
-    }
-    if (i.extensionsUsed)
-      for (let u = 0; u < i.extensionsUsed.length; ++u) {
-        const l = i.extensionsUsed[u], f = i.extensionsRequired || [];
-        switch (l) {
-          case k.KHR_MATERIALS_UNLIT:
-            s[l] = new fs();
-            break;
-          case k.KHR_DRACO_MESH_COMPRESSION:
-            s[l] = new vs(i, this.dracoLoader);
-            break;
-          case k.KHR_TEXTURE_TRANSFORM:
-            s[l] = new ks();
-            break;
-          case k.KHR_MESH_QUANTIZATION:
-            s[l] = new Ns();
-            break;
-          default:
-            f.indexOf(l) >= 0 && a[l] === void 0 && console.warn('THREE.GLTFLoader: Unknown extension "' + l + '".');
-        }
-      }
-    c.setExtensions(s), c.setPlugins(a), c.parse(r, n);
-  }
-  /**
-   * Async version of {@link GLTFLoader#parse}.
-   *
-   * @async
-   * @param {string|ArrayBuffer} data - The raw glTF data.
-   * @param {string} path - The URL base path.
-   * @return {Promise<GLTFLoader~LoadObject>} A Promise that resolves with the loaded glTF when the parsing has been finished.
-   */
-  parseAsync(t, e) {
-    const r = this;
-    return new Promise(function(n, i) {
-      r.parse(t, e, n, i);
-    });
-  }
-}
-function ls() {
-  let d = {};
-  return {
-    get: function(t) {
-      return d[t];
-    },
-    add: function(t, e) {
-      d[t] = e;
-    },
-    remove: function(t) {
-      delete d[t];
-    },
-    removeAll: function() {
-      d = {};
-    }
-  };
-}
-const k = {
-  KHR_BINARY_GLTF: "KHR_binary_glTF",
-  KHR_DRACO_MESH_COMPRESSION: "KHR_draco_mesh_compression",
-  KHR_LIGHTS_PUNCTUAL: "KHR_lights_punctual",
-  KHR_MATERIALS_CLEARCOAT: "KHR_materials_clearcoat",
-  KHR_MATERIALS_DISPERSION: "KHR_materials_dispersion",
-  KHR_MATERIALS_IOR: "KHR_materials_ior",
-  KHR_MATERIALS_SHEEN: "KHR_materials_sheen",
-  KHR_MATERIALS_SPECULAR: "KHR_materials_specular",
-  KHR_MATERIALS_TRANSMISSION: "KHR_materials_transmission",
-  KHR_MATERIALS_IRIDESCENCE: "KHR_materials_iridescence",
-  KHR_MATERIALS_ANISOTROPY: "KHR_materials_anisotropy",
-  KHR_MATERIALS_UNLIT: "KHR_materials_unlit",
-  KHR_MATERIALS_VOLUME: "KHR_materials_volume",
-  KHR_TEXTURE_BASISU: "KHR_texture_basisu",
-  KHR_TEXTURE_TRANSFORM: "KHR_texture_transform",
-  KHR_MESH_QUANTIZATION: "KHR_mesh_quantization",
-  KHR_MATERIALS_EMISSIVE_STRENGTH: "KHR_materials_emissive_strength",
-  EXT_MATERIALS_BUMP: "EXT_materials_bump",
-  EXT_TEXTURE_WEBP: "EXT_texture_webp",
-  EXT_TEXTURE_AVIF: "EXT_texture_avif",
-  EXT_MESHOPT_COMPRESSION: "EXT_meshopt_compression",
-  EXT_MESH_GPU_INSTANCING: "EXT_mesh_gpu_instancing"
-};
-class ds {
-  constructor(t) {
-    this.parser = t, this.name = k.KHR_LIGHTS_PUNCTUAL, this.cache = { refs: {}, uses: {} };
-  }
-  _markDefs() {
-    const t = this.parser, e = this.parser.json.nodes || [];
-    for (let r = 0, n = e.length; r < n; r++) {
-      const i = e[r];
-      i.extensions && i.extensions[this.name] && i.extensions[this.name].light !== void 0 && t._addNodeRef(this.cache, i.extensions[this.name].light);
-    }
-  }
-  _loadLight(t) {
-    const e = this.parser, r = "light:" + t;
-    let n = e.cache.get(r);
-    if (n) return n;
-    const i = e.json, o = ((i.extensions && i.extensions[this.name] || {}).lights || [])[t];
-    let c;
-    const u = new ve(16777215);
-    o.color !== void 0 && u.setRGB(o.color[0], o.color[1], o.color[2], Re);
-    const l = o.range !== void 0 ? o.range : 0;
-    switch (o.type) {
-      case "directional":
-        c = new In(u), c.target.position.set(0, 0, -1), c.add(c.target);
-        break;
-      case "point":
-        c = new Mn(u), c.distance = l;
-        break;
-      case "spot":
-        c = new Ln(u), c.distance = l, o.spot = o.spot || {}, o.spot.innerConeAngle = o.spot.innerConeAngle !== void 0 ? o.spot.innerConeAngle : 0, o.spot.outerConeAngle = o.spot.outerConeAngle !== void 0 ? o.spot.outerConeAngle : Math.PI / 4, c.angle = o.spot.outerConeAngle, c.penumbra = 1 - o.spot.innerConeAngle / o.spot.outerConeAngle, c.target.position.set(0, 0, -1), c.add(c.target);
-        break;
-      default:
-        throw new Error("THREE.GLTFLoader: Unexpected light type: " + o.type);
-    }
-    return c.position.set(0, 0, 0), me(c, o), o.intensity !== void 0 && (c.intensity = o.intensity), c.name = e.createUniqueName(o.name || "light_" + t), n = Promise.resolve(c), e.cache.add(r, n), n;
-  }
-  getDependency(t, e) {
-    if (t === "light")
-      return this._loadLight(e);
-  }
-  createNodeAttachment(t) {
-    const e = this, r = this.parser, i = r.json.nodes[t], a = (i.extensions && i.extensions[this.name] || {}).light;
-    return a === void 0 ? null : this._loadLight(a).then(function(o) {
-      return r._getNodeRef(e.cache, a, o);
-    });
-  }
-}
-class fs {
-  constructor() {
-    this.name = k.KHR_MATERIALS_UNLIT;
-  }
-  getMaterialType() {
-    return Ve;
-  }
-  extendParams(t, e, r) {
-    const n = [];
-    t.color = new ve(1, 1, 1), t.opacity = 1;
-    const i = e.pbrMetallicRoughness;
-    if (i) {
-      if (Array.isArray(i.baseColorFactor)) {
-        const s = i.baseColorFactor;
-        t.color.setRGB(s[0], s[1], s[2], Re), t.opacity = s[3];
-      }
-      i.baseColorTexture !== void 0 && n.push(r.assignTexture(t, "map", i.baseColorTexture, We));
-    }
-    return Promise.all(n);
-  }
-}
-class hs {
-  constructor(t) {
-    this.parser = t, this.name = k.KHR_MATERIALS_EMISSIVE_STRENGTH;
-  }
-  extendMaterialParams(t, e) {
-    const n = this.parser.json.materials[t];
-    if (!n.extensions || !n.extensions[this.name])
-      return Promise.resolve();
-    const i = n.extensions[this.name].emissiveStrength;
-    return i !== void 0 && (e.emissiveIntensity = i), Promise.resolve();
-  }
-}
-class ps {
-  constructor(t) {
-    this.parser = t, this.name = k.KHR_MATERIALS_CLEARCOAT;
-  }
-  getMaterialType(t) {
-    const r = this.parser.json.materials[t];
-    return !r.extensions || !r.extensions[this.name] ? null : ge;
-  }
-  extendMaterialParams(t, e) {
-    const r = this.parser, n = r.json.materials[t];
-    if (!n.extensions || !n.extensions[this.name])
-      return Promise.resolve();
-    const i = [], s = n.extensions[this.name];
-    if (s.clearcoatFactor !== void 0 && (e.clearcoat = s.clearcoatFactor), s.clearcoatTexture !== void 0 && i.push(r.assignTexture(e, "clearcoatMap", s.clearcoatTexture)), s.clearcoatRoughnessFactor !== void 0 && (e.clearcoatRoughness = s.clearcoatRoughnessFactor), s.clearcoatRoughnessTexture !== void 0 && i.push(r.assignTexture(e, "clearcoatRoughnessMap", s.clearcoatRoughnessTexture)), s.clearcoatNormalTexture !== void 0 && (i.push(r.assignTexture(e, "clearcoatNormalMap", s.clearcoatNormalTexture)), s.clearcoatNormalTexture.scale !== void 0)) {
-      const a = s.clearcoatNormalTexture.scale;
-      e.clearcoatNormalScale = new zt(a, a);
-    }
-    return Promise.all(i);
-  }
-}
-class ms {
-  constructor(t) {
-    this.parser = t, this.name = k.KHR_MATERIALS_DISPERSION;
-  }
-  getMaterialType(t) {
-    const r = this.parser.json.materials[t];
-    return !r.extensions || !r.extensions[this.name] ? null : ge;
-  }
-  extendMaterialParams(t, e) {
-    const n = this.parser.json.materials[t];
-    if (!n.extensions || !n.extensions[this.name])
-      return Promise.resolve();
-    const i = n.extensions[this.name];
-    return e.dispersion = i.dispersion !== void 0 ? i.dispersion : 0, Promise.resolve();
-  }
-}
-class gs {
-  constructor(t) {
-    this.parser = t, this.name = k.KHR_MATERIALS_IRIDESCENCE;
-  }
-  getMaterialType(t) {
-    const r = this.parser.json.materials[t];
-    return !r.extensions || !r.extensions[this.name] ? null : ge;
-  }
-  extendMaterialParams(t, e) {
-    const r = this.parser, n = r.json.materials[t];
-    if (!n.extensions || !n.extensions[this.name])
-      return Promise.resolve();
-    const i = [], s = n.extensions[this.name];
-    return s.iridescenceFactor !== void 0 && (e.iridescence = s.iridescenceFactor), s.iridescenceTexture !== void 0 && i.push(r.assignTexture(e, "iridescenceMap", s.iridescenceTexture)), s.iridescenceIor !== void 0 && (e.iridescenceIOR = s.iridescenceIor), e.iridescenceThicknessRange === void 0 && (e.iridescenceThicknessRange = [100, 400]), s.iridescenceThicknessMinimum !== void 0 && (e.iridescenceThicknessRange[0] = s.iridescenceThicknessMinimum), s.iridescenceThicknessMaximum !== void 0 && (e.iridescenceThicknessRange[1] = s.iridescenceThicknessMaximum), s.iridescenceThicknessTexture !== void 0 && i.push(r.assignTexture(e, "iridescenceThicknessMap", s.iridescenceThicknessTexture)), Promise.all(i);
-  }
-}
-class Ts {
-  constructor(t) {
-    this.parser = t, this.name = k.KHR_MATERIALS_SHEEN;
-  }
-  getMaterialType(t) {
-    const r = this.parser.json.materials[t];
-    return !r.extensions || !r.extensions[this.name] ? null : ge;
-  }
-  extendMaterialParams(t, e) {
-    const r = this.parser, n = r.json.materials[t];
-    if (!n.extensions || !n.extensions[this.name])
-      return Promise.resolve();
-    const i = [];
-    e.sheenColor = new ve(0, 0, 0), e.sheenRoughness = 0, e.sheen = 1;
-    const s = n.extensions[this.name];
-    if (s.sheenColorFactor !== void 0) {
-      const a = s.sheenColorFactor;
-      e.sheenColor.setRGB(a[0], a[1], a[2], Re);
-    }
-    return s.sheenRoughnessFactor !== void 0 && (e.sheenRoughness = s.sheenRoughnessFactor), s.sheenColorTexture !== void 0 && i.push(r.assignTexture(e, "sheenColorMap", s.sheenColorTexture, We)), s.sheenRoughnessTexture !== void 0 && i.push(r.assignTexture(e, "sheenRoughnessMap", s.sheenRoughnessTexture)), Promise.all(i);
-  }
-}
-class bs {
-  constructor(t) {
-    this.parser = t, this.name = k.KHR_MATERIALS_TRANSMISSION;
-  }
-  getMaterialType(t) {
-    const r = this.parser.json.materials[t];
-    return !r.extensions || !r.extensions[this.name] ? null : ge;
-  }
-  extendMaterialParams(t, e) {
-    const r = this.parser, n = r.json.materials[t];
-    if (!n.extensions || !n.extensions[this.name])
-      return Promise.resolve();
-    const i = [], s = n.extensions[this.name];
-    return s.transmissionFactor !== void 0 && (e.transmission = s.transmissionFactor), s.transmissionTexture !== void 0 && i.push(r.assignTexture(e, "transmissionMap", s.transmissionTexture)), Promise.all(i);
-  }
-}
-class _s {
-  constructor(t) {
-    this.parser = t, this.name = k.KHR_MATERIALS_VOLUME;
-  }
-  getMaterialType(t) {
-    const r = this.parser.json.materials[t];
-    return !r.extensions || !r.extensions[this.name] ? null : ge;
-  }
-  extendMaterialParams(t, e) {
-    const r = this.parser, n = r.json.materials[t];
-    if (!n.extensions || !n.extensions[this.name])
-      return Promise.resolve();
-    const i = [], s = n.extensions[this.name];
-    e.thickness = s.thicknessFactor !== void 0 ? s.thicknessFactor : 0, s.thicknessTexture !== void 0 && i.push(r.assignTexture(e, "thicknessMap", s.thicknessTexture)), e.attenuationDistance = s.attenuationDistance || 1 / 0;
-    const a = s.attenuationColor || [1, 1, 1];
-    return e.attenuationColor = new ve().setRGB(a[0], a[1], a[2], Re), Promise.all(i);
-  }
-}
-class xs {
-  constructor(t) {
-    this.parser = t, this.name = k.KHR_MATERIALS_IOR;
-  }
-  getMaterialType(t) {
-    const r = this.parser.json.materials[t];
-    return !r.extensions || !r.extensions[this.name] ? null : ge;
-  }
-  extendMaterialParams(t, e) {
-    const n = this.parser.json.materials[t];
-    if (!n.extensions || !n.extensions[this.name])
-      return Promise.resolve();
-    const i = n.extensions[this.name];
-    return e.ior = i.ior !== void 0 ? i.ior : 1.5, Promise.resolve();
-  }
-}
-class ws {
-  constructor(t) {
-    this.parser = t, this.name = k.KHR_MATERIALS_SPECULAR;
-  }
-  getMaterialType(t) {
-    const r = this.parser.json.materials[t];
-    return !r.extensions || !r.extensions[this.name] ? null : ge;
-  }
-  extendMaterialParams(t, e) {
-    const r = this.parser, n = r.json.materials[t];
-    if (!n.extensions || !n.extensions[this.name])
-      return Promise.resolve();
-    const i = [], s = n.extensions[this.name];
-    e.specularIntensity = s.specularFactor !== void 0 ? s.specularFactor : 1, s.specularTexture !== void 0 && i.push(r.assignTexture(e, "specularIntensityMap", s.specularTexture));
-    const a = s.specularColorFactor || [1, 1, 1];
-    return e.specularColor = new ve().setRGB(a[0], a[1], a[2], Re), s.specularColorTexture !== void 0 && i.push(r.assignTexture(e, "specularColorMap", s.specularColorTexture, We)), Promise.all(i);
-  }
-}
-class Rs {
-  constructor(t) {
-    this.parser = t, this.name = k.EXT_MATERIALS_BUMP;
-  }
-  getMaterialType(t) {
-    const r = this.parser.json.materials[t];
-    return !r.extensions || !r.extensions[this.name] ? null : ge;
-  }
-  extendMaterialParams(t, e) {
-    const r = this.parser, n = r.json.materials[t];
-    if (!n.extensions || !n.extensions[this.name])
-      return Promise.resolve();
-    const i = [], s = n.extensions[this.name];
-    return e.bumpScale = s.bumpFactor !== void 0 ? s.bumpFactor : 1, s.bumpTexture !== void 0 && i.push(r.assignTexture(e, "bumpMap", s.bumpTexture)), Promise.all(i);
-  }
-}
-class Ss {
-  constructor(t) {
-    this.parser = t, this.name = k.KHR_MATERIALS_ANISOTROPY;
-  }
-  getMaterialType(t) {
-    const r = this.parser.json.materials[t];
-    return !r.extensions || !r.extensions[this.name] ? null : ge;
-  }
-  extendMaterialParams(t, e) {
-    const r = this.parser, n = r.json.materials[t];
-    if (!n.extensions || !n.extensions[this.name])
-      return Promise.resolve();
-    const i = [], s = n.extensions[this.name];
-    return s.anisotropyStrength !== void 0 && (e.anisotropy = s.anisotropyStrength), s.anisotropyRotation !== void 0 && (e.anisotropyRotation = s.anisotropyRotation), s.anisotropyTexture !== void 0 && i.push(r.assignTexture(e, "anisotropyMap", s.anisotropyTexture)), Promise.all(i);
-  }
-}
-class ys {
-  constructor(t) {
-    this.parser = t, this.name = k.KHR_TEXTURE_BASISU;
-  }
-  loadTexture(t) {
-    const e = this.parser, r = e.json, n = r.textures[t];
-    if (!n.extensions || !n.extensions[this.name])
-      return null;
-    const i = n.extensions[this.name], s = e.options.ktx2Loader;
-    if (!s) {
-      if (r.extensionsRequired && r.extensionsRequired.indexOf(this.name) >= 0)
-        throw new Error("THREE.GLTFLoader: setKTX2Loader must be called before loading KTX2 textures");
-      return null;
-    }
-    return e.loadTextureImage(t, i.source, s);
-  }
-}
-class As {
-  constructor(t) {
-    this.parser = t, this.name = k.EXT_TEXTURE_WEBP;
-  }
-  loadTexture(t) {
-    const e = this.name, r = this.parser, n = r.json, i = n.textures[t];
-    if (!i.extensions || !i.extensions[e])
-      return null;
-    const s = i.extensions[e], a = n.images[s.source];
-    let o = r.textureLoader;
-    if (a.uri) {
-      const c = r.options.manager.getHandler(a.uri);
-      c !== null && (o = c);
-    }
-    return r.loadTextureImage(t, s.source, o);
-  }
-}
-class Es {
-  constructor(t) {
-    this.parser = t, this.name = k.EXT_TEXTURE_AVIF;
-  }
-  loadTexture(t) {
-    const e = this.name, r = this.parser, n = r.json, i = n.textures[t];
-    if (!i.extensions || !i.extensions[e])
-      return null;
-    const s = i.extensions[e], a = n.images[s.source];
-    let o = r.textureLoader;
-    if (a.uri) {
-      const c = r.options.manager.getHandler(a.uri);
-      c !== null && (o = c);
-    }
-    return r.loadTextureImage(t, s.source, o);
-  }
-}
-class Ls {
-  constructor(t) {
-    this.name = k.EXT_MESHOPT_COMPRESSION, this.parser = t;
-  }
-  loadBufferView(t) {
-    const e = this.parser.json, r = e.bufferViews[t];
-    if (r.extensions && r.extensions[this.name]) {
-      const n = r.extensions[this.name], i = this.parser.getDependency("buffer", n.buffer), s = this.parser.options.meshoptDecoder;
-      if (!s || !s.supported) {
-        if (e.extensionsRequired && e.extensionsRequired.indexOf(this.name) >= 0)
-          throw new Error("THREE.GLTFLoader: setMeshoptDecoder must be called before loading compressed files");
-        return null;
-      }
-      return i.then(function(a) {
-        const o = n.byteOffset || 0, c = n.byteLength || 0, u = n.count, l = n.byteStride, f = new Uint8Array(a, o, c);
-        return s.decodeGltfBufferAsync ? s.decodeGltfBufferAsync(u, l, f, n.mode, n.filter).then(function(h) {
-          return h.buffer;
-        }) : s.ready.then(function() {
-          const h = new ArrayBuffer(u * l);
-          return s.decodeGltfBuffer(new Uint8Array(h), u, l, f, n.mode, n.filter), h;
-        });
-      });
-    } else
-      return null;
-  }
-}
-class Ms {
-  constructor(t) {
-    this.name = k.EXT_MESH_GPU_INSTANCING, this.parser = t;
-  }
-  createNodeMesh(t) {
-    const e = this.parser.json, r = e.nodes[t];
-    if (!r.extensions || !r.extensions[this.name] || r.mesh === void 0)
-      return null;
-    const n = e.meshes[r.mesh];
-    for (const c of n.primitives)
-      if (c.mode !== ce.TRIANGLES && c.mode !== ce.TRIANGLE_STRIP && c.mode !== ce.TRIANGLE_FAN && c.mode !== void 0)
-        return null;
-    const s = r.extensions[this.name].attributes, a = [], o = {};
-    for (const c in s)
-      a.push(this.parser.getDependency("accessor", s[c]).then((u) => (o[c] = u, o[c])));
-    return a.length < 1 ? null : (a.push(this.parser.createNodeMesh(t)), Promise.all(a).then((c) => {
-      const u = c.pop(), l = u.isGroup ? u.children : [u], f = c[0].count, h = [];
-      for (const T of l) {
-        const m = new Qe(), b = new Oe(), S = new $t(), P = new Oe(1, 1, 1), D = new vn(T.geometry, T.material, f);
-        for (let y = 0; y < f; y++)
-          o.TRANSLATION && b.fromBufferAttribute(o.TRANSLATION, y), o.ROTATION && S.fromBufferAttribute(o.ROTATION, y), o.SCALE && P.fromBufferAttribute(o.SCALE, y), D.setMatrixAt(y, m.compose(b, S, P));
-        for (const y in o)
-          if (y === "_COLOR_0") {
-            const F = o[y];
-            D.instanceColor = new kn(F.array, F.itemSize, F.normalized);
-          } else y !== "TRANSLATION" && y !== "ROTATION" && y !== "SCALE" && T.geometry.setAttribute(y, o[y]);
-        qt.prototype.copy.call(D, T), this.parser.assignFinalMaterial(D), h.push(D);
-      }
-      return u.isGroup ? (u.clear(), u.add(...h), u) : h[0];
-    }));
-  }
-}
-const en = "glTF", je = 12, Ut = { JSON: 1313821514, BIN: 5130562 };
-class Is {
-  constructor(t) {
-    this.name = k.KHR_BINARY_GLTF, this.content = null, this.body = null;
-    const e = new DataView(t, 0, je), r = new TextDecoder();
-    if (this.header = {
-      magic: r.decode(new Uint8Array(t.slice(0, 4))),
-      version: e.getUint32(4, !0),
-      length: e.getUint32(8, !0)
-    }, this.header.magic !== en)
-      throw new Error("THREE.GLTFLoader: Unsupported glTF-Binary header.");
-    if (this.header.version < 2)
-      throw new Error("THREE.GLTFLoader: Legacy binary file detected.");
-    const n = this.header.length - je, i = new DataView(t, je);
-    let s = 0;
-    for (; s < n; ) {
-      const a = i.getUint32(s, !0);
-      s += 4;
-      const o = i.getUint32(s, !0);
-      if (s += 4, o === Ut.JSON) {
-        const c = new Uint8Array(t, je + s, a);
-        this.content = r.decode(c);
-      } else if (o === Ut.BIN) {
-        const c = je + s;
-        this.body = t.slice(c, c + a);
-      }
-      s += a;
-    }
-    if (this.content === null)
-      throw new Error("THREE.GLTFLoader: JSON content not found.");
-  }
-}
-class vs {
-  constructor(t, e) {
-    if (!e)
-      throw new Error("THREE.GLTFLoader: No DRACOLoader instance provided.");
-    this.name = k.KHR_DRACO_MESH_COMPRESSION, this.json = t, this.dracoLoader = e, this.dracoLoader.preload();
-  }
-  decodePrimitive(t, e) {
-    const r = this.json, n = this.dracoLoader, i = t.extensions[this.name].bufferView, s = t.extensions[this.name].attributes, a = {}, o = {}, c = {};
-    for (const u in s) {
-      const l = xt[u] || u.toLowerCase();
-      a[l] = s[u];
-    }
-    for (const u in t.attributes) {
-      const l = xt[u] || u.toLowerCase();
-      if (s[u] !== void 0) {
-        const f = r.accessors[t.attributes[u]], h = De[f.componentType];
-        c[l] = h.name, o[l] = f.normalized === !0;
-      }
-    }
-    return e.getDependency("bufferView", i).then(function(u) {
-      return new Promise(function(l, f) {
-        n.decodeDracoFile(u, function(h) {
-          for (const T in h.attributes) {
-            const m = h.attributes[T], b = o[T];
-            b !== void 0 && (m.normalized = b);
-          }
-          l(h);
-        }, a, c, Re, f);
-      });
-    });
-  }
-}
-class ks {
-  constructor() {
-    this.name = k.KHR_TEXTURE_TRANSFORM;
-  }
-  extendTexture(t, e) {
-    return (e.texCoord === void 0 || e.texCoord === t.channel) && e.offset === void 0 && e.rotation === void 0 && e.scale === void 0 || (t = t.clone(), e.texCoord !== void 0 && (t.channel = e.texCoord), e.offset !== void 0 && t.offset.fromArray(e.offset), e.rotation !== void 0 && (t.rotation = e.rotation), e.scale !== void 0 && t.repeat.fromArray(e.scale), t.needsUpdate = !0), t;
-  }
-}
-class Ns {
-  constructor() {
-    this.name = k.KHR_MESH_QUANTIZATION;
-  }
-}
-class tn extends os {
-  constructor(t, e, r, n) {
-    super(t, e, r, n);
-  }
-  copySampleValue_(t) {
-    const e = this.resultBuffer, r = this.sampleValues, n = this.valueSize, i = t * n * 3 + n;
-    for (let s = 0; s !== n; s++)
-      e[s] = r[i + s];
-    return e;
-  }
-  interpolate_(t, e, r, n) {
-    const i = this.resultBuffer, s = this.sampleValues, a = this.valueSize, o = a * 2, c = a * 3, u = n - e, l = (r - e) / u, f = l * l, h = f * l, T = t * c, m = T - c, b = -2 * h + 3 * f, S = h - f, P = 1 - b, D = S - f + l;
-    for (let y = 0; y !== a; y++) {
-      const F = s[m + y + a], C = s[m + y + o] * u, H = s[T + y + a], B = s[T + y] * u;
-      i[y] = P * F + D * C + b * H + S * B;
-    }
-    return i;
-  }
-}
-const Cs = new $t();
-class Os extends tn {
-  interpolate_(t, e, r, n) {
-    const i = super.interpolate_(t, e, r, n);
-    return Cs.fromArray(i).normalize().toArray(i), i;
-  }
-}
-const ce = {
-  POINTS: 0,
-  LINES: 1,
-  LINE_LOOP: 2,
-  LINE_STRIP: 3,
-  TRIANGLES: 4,
-  TRIANGLE_STRIP: 5,
-  TRIANGLE_FAN: 6
-}, De = {
-  5120: Int8Array,
-  5121: Uint8Array,
-  5122: Int16Array,
-  5123: Uint16Array,
-  5125: Uint32Array,
-  5126: Float32Array
-}, Ht = {
-  9728: Jt,
-  9729: bt,
-  9984: Un,
-  9985: Pn,
-  9986: Fn,
-  9987: Yt
-}, Bt = {
-  33071: Bn,
-  33648: Hn,
-  10497: _t
-}, ft = {
-  SCALAR: 1,
-  VEC2: 2,
-  VEC3: 3,
-  VEC4: 4,
-  MAT2: 4,
-  MAT3: 9,
-  MAT4: 16
-}, xt = {
-  POSITION: "position",
-  NORMAL: "normal",
-  TANGENT: "tangent",
-  TEXCOORD_0: "uv",
-  TEXCOORD_1: "uv1",
-  TEXCOORD_2: "uv2",
-  TEXCOORD_3: "uv3",
-  COLOR_0: "color",
-  WEIGHTS_0: "skinWeight",
-  JOINTS_0: "skinIndex"
-}, Se = {
-  scale: "scale",
-  translation: "position",
-  rotation: "quaternion",
-  weights: "morphTargetInfluences"
-}, Ds = {
-  CUBICSPLINE: void 0,
-  // We use a custom interpolant (GLTFCubicSplineInterpolation) for CUBICSPLINE tracks. Each
-  // keyframe track will be initialized with a default interpolation type, then modified.
-  LINEAR: Zt,
-  STEP: rs
-}, ht = {
-  OPAQUE: "OPAQUE",
-  MASK: "MASK",
-  BLEND: "BLEND"
-};
-function Fs(d) {
-  return d.DefaultMaterial === void 0 && (d.DefaultMaterial = new Qt({
-    color: 16777215,
-    emissive: 0,
-    metalness: 1,
-    roughness: 1,
-    transparent: !1,
-    depthTest: !0,
-    side: is
-  })), d.DefaultMaterial;
-}
-function Ie(d, t, e) {
-  for (const r in e.extensions)
-    d[r] === void 0 && (t.userData.gltfExtensions = t.userData.gltfExtensions || {}, t.userData.gltfExtensions[r] = e.extensions[r]);
-}
-function me(d, t) {
-  t.extras !== void 0 && (typeof t.extras == "object" ? Object.assign(d.userData, t.extras) : console.warn("THREE.GLTFLoader: Ignoring primitive type .extras, " + t.extras));
-}
-function Ps(d, t, e) {
-  let r = !1, n = !1, i = !1;
-  for (let c = 0, u = t.length; c < u; c++) {
-    const l = t[c];
-    if (l.POSITION !== void 0 && (r = !0), l.NORMAL !== void 0 && (n = !0), l.COLOR_0 !== void 0 && (i = !0), r && n && i) break;
-  }
-  if (!r && !n && !i) return Promise.resolve(d);
-  const s = [], a = [], o = [];
-  for (let c = 0, u = t.length; c < u; c++) {
-    const l = t[c];
-    if (r) {
-      const f = l.POSITION !== void 0 ? e.getDependency("accessor", l.POSITION) : d.attributes.position;
-      s.push(f);
-    }
-    if (n) {
-      const f = l.NORMAL !== void 0 ? e.getDependency("accessor", l.NORMAL) : d.attributes.normal;
-      a.push(f);
-    }
-    if (i) {
-      const f = l.COLOR_0 !== void 0 ? e.getDependency("accessor", l.COLOR_0) : d.attributes.color;
-      o.push(f);
-    }
-  }
-  return Promise.all([
-    Promise.all(s),
-    Promise.all(a),
-    Promise.all(o)
-  ]).then(function(c) {
-    const u = c[0], l = c[1], f = c[2];
-    return r && (d.morphAttributes.position = u), n && (d.morphAttributes.normal = l), i && (d.morphAttributes.color = f), d.morphTargetsRelative = !0, d;
-  });
-}
-function Us(d, t) {
-  if (d.updateMorphTargets(), t.weights !== void 0)
-    for (let e = 0, r = t.weights.length; e < r; e++)
-      d.morphTargetInfluences[e] = t.weights[e];
-  if (t.extras && Array.isArray(t.extras.targetNames)) {
-    const e = t.extras.targetNames;
-    if (d.morphTargetInfluences.length === e.length) {
-      d.morphTargetDictionary = {};
-      for (let r = 0, n = e.length; r < n; r++)
-        d.morphTargetDictionary[e[r]] = r;
-    } else
-      console.warn("THREE.GLTFLoader: Invalid extras.targetNames length. Ignoring names.");
-  }
-}
-function Hs(d) {
-  let t;
-  const e = d.extensions && d.extensions[k.KHR_DRACO_MESH_COMPRESSION];
-  if (e ? t = "draco:" + e.bufferView + ":" + e.indices + ":" + pt(e.attributes) : t = d.indices + ":" + pt(d.attributes) + ":" + d.mode, d.targets !== void 0)
-    for (let r = 0, n = d.targets.length; r < n; r++)
-      t += ":" + pt(d.targets[r]);
-  return t;
-}
-function pt(d) {
-  let t = "";
-  const e = Object.keys(d).sort();
-  for (let r = 0, n = e.length; r < n; r++)
-    t += e[r] + ":" + d[e[r]] + ";";
-  return t;
-}
-function wt(d) {
-  switch (d) {
-    case Int8Array:
-      return 1 / 127;
-    case Uint8Array:
-      return 1 / 255;
-    case Int16Array:
-      return 1 / 32767;
-    case Uint16Array:
-      return 1 / 65535;
-    default:
-      throw new Error("THREE.GLTFLoader: Unsupported normalized accessor component type.");
-  }
-}
-function Bs(d) {
-  return d.search(/\.jpe?g($|\?)/i) > 0 || d.search(/^data\:image\/jpeg/) === 0 ? "image/jpeg" : d.search(/\.webp($|\?)/i) > 0 || d.search(/^data\:image\/webp/) === 0 ? "image/webp" : d.search(/\.ktx2($|\?)/i) > 0 || d.search(/^data\:image\/ktx2/) === 0 ? "image/ktx2" : "image/png";
-}
-const Gs = new Qe();
-class js {
-  constructor(t = {}, e = {}) {
-    this.json = t, this.extensions = {}, this.plugins = {}, this.options = e, this.cache = new ls(), this.associations = /* @__PURE__ */ new Map(), this.primitiveCache = {}, this.nodeCache = {}, this.meshCache = { refs: {}, uses: {} }, this.cameraCache = { refs: {}, uses: {} }, this.lightCache = { refs: {}, uses: {} }, this.sourceCache = {}, this.textureCache = {}, this.nodeNamesUsed = {};
-    let r = !1, n = -1, i = !1, s = -1;
-    if (typeof navigator < "u") {
-      const a = navigator.userAgent;
-      r = /^((?!chrome|android).)*safari/i.test(a) === !0;
-      const o = a.match(/Version\/(\d+)/);
-      n = r && o ? parseInt(o[1], 10) : -1, i = a.indexOf("Firefox") > -1, s = i ? a.match(/Firefox\/([0-9]+)\./)[1] : -1;
-    }
-    typeof createImageBitmap > "u" || r && n < 17 || i && s < 98 ? this.textureLoader = new Nn(this.options.manager) : this.textureLoader = new Cn(this.options.manager), this.textureLoader.setCrossOrigin(this.options.crossOrigin), this.textureLoader.setRequestHeader(this.options.requestHeader), this.fileLoader = new Xt(this.options.manager), this.fileLoader.setResponseType("arraybuffer"), this.options.crossOrigin === "use-credentials" && this.fileLoader.setWithCredentials(!0);
-  }
-  setExtensions(t) {
-    this.extensions = t;
-  }
-  setPlugins(t) {
-    this.plugins = t;
-  }
-  parse(t, e) {
-    const r = this, n = this.json, i = this.extensions;
-    this.cache.removeAll(), this.nodeCache = {}, this._invokeAll(function(s) {
-      return s._markDefs && s._markDefs();
-    }), Promise.all(this._invokeAll(function(s) {
-      return s.beforeRoot && s.beforeRoot();
-    })).then(function() {
-      return Promise.all([
-        r.getDependencies("scene"),
-        r.getDependencies("animation"),
-        r.getDependencies("camera")
-      ]);
-    }).then(function(s) {
-      const a = {
-        scene: s[0][n.scene || 0],
-        scenes: s[0],
-        animations: s[1],
-        cameras: s[2],
-        asset: n.asset,
-        parser: r,
-        userData: {}
-      };
-      return Ie(i, a, n), me(a, n), Promise.all(r._invokeAll(function(o) {
-        return o.afterRoot && o.afterRoot(a);
-      })).then(function() {
-        for (const o of a.scenes)
-          o.updateMatrixWorld();
-        t(a);
-      });
-    }).catch(e);
-  }
-  /**
-   * Marks the special nodes/meshes in json for efficient parse.
-   *
-   * @private
-   */
-  _markDefs() {
-    const t = this.json.nodes || [], e = this.json.skins || [], r = this.json.meshes || [];
-    for (let n = 0, i = e.length; n < i; n++) {
-      const s = e[n].joints;
-      for (let a = 0, o = s.length; a < o; a++)
-        t[s[a]].isBone = !0;
-    }
-    for (let n = 0, i = t.length; n < i; n++) {
-      const s = t[n];
-      s.mesh !== void 0 && (this._addNodeRef(this.meshCache, s.mesh), s.skin !== void 0 && (r[s.mesh].isSkinnedMesh = !0)), s.camera !== void 0 && this._addNodeRef(this.cameraCache, s.camera);
-    }
-  }
-  /**
-   * Counts references to shared node / Object3D resources. These resources
-   * can be reused, or "instantiated", at multiple nodes in the scene
-   * hierarchy. Mesh, Camera, and Light instances are instantiated and must
-   * be marked. Non-scenegraph resources (like Materials, Geometries, and
-   * Textures) can be reused directly and are not marked here.
-   *
-   * Example: CesiumMilkTruck sample model reuses "Wheel" meshes.
-   *
-   * @private
-   * @param {Object} cache
-   * @param {Object3D} index
-   */
-  _addNodeRef(t, e) {
-    e !== void 0 && (t.refs[e] === void 0 && (t.refs[e] = t.uses[e] = 0), t.refs[e]++);
-  }
-  /**
-   * Returns a reference to a shared resource, cloning it if necessary.
-   *
-   * @private
-   * @param {Object} cache
-   * @param {number} index
-   * @param {Object} object
-   * @return {Object}
-   */
-  _getNodeRef(t, e, r) {
-    if (t.refs[e] <= 1) return r;
-    const n = r.clone(), i = (s, a) => {
-      const o = this.associations.get(s);
-      o != null && this.associations.set(a, o);
-      for (const [c, u] of s.children.entries())
-        i(u, a.children[c]);
-    };
-    return i(r, n), n.name += "_instance_" + t.uses[e]++, n;
-  }
-  _invokeOne(t) {
-    const e = Object.values(this.plugins);
-    e.push(this);
-    for (let r = 0; r < e.length; r++) {
-      const n = t(e[r]);
-      if (n) return n;
-    }
-    return null;
-  }
-  _invokeAll(t) {
-    const e = Object.values(this.plugins);
-    e.unshift(this);
-    const r = [];
-    for (let n = 0; n < e.length; n++) {
-      const i = t(e[n]);
-      i && r.push(i);
-    }
-    return r;
-  }
-  /**
-   * Requests the specified dependency asynchronously, with caching.
-   *
-   * @private
-   * @param {string} type
-   * @param {number} index
-   * @return {Promise<Object3D|Material|Texture|AnimationClip|ArrayBuffer|Object>}
-   */
-  getDependency(t, e) {
-    const r = t + ":" + e;
-    let n = this.cache.get(r);
-    if (!n) {
-      switch (t) {
-        case "scene":
-          n = this.loadScene(e);
-          break;
-        case "node":
-          n = this._invokeOne(function(i) {
-            return i.loadNode && i.loadNode(e);
-          });
-          break;
-        case "mesh":
-          n = this._invokeOne(function(i) {
-            return i.loadMesh && i.loadMesh(e);
-          });
-          break;
-        case "accessor":
-          n = this.loadAccessor(e);
-          break;
-        case "bufferView":
-          n = this._invokeOne(function(i) {
-            return i.loadBufferView && i.loadBufferView(e);
-          });
-          break;
-        case "buffer":
-          n = this.loadBuffer(e);
-          break;
-        case "material":
-          n = this._invokeOne(function(i) {
-            return i.loadMaterial && i.loadMaterial(e);
-          });
-          break;
-        case "texture":
-          n = this._invokeOne(function(i) {
-            return i.loadTexture && i.loadTexture(e);
-          });
-          break;
-        case "skin":
-          n = this.loadSkin(e);
-          break;
-        case "animation":
-          n = this._invokeOne(function(i) {
-            return i.loadAnimation && i.loadAnimation(e);
-          });
-          break;
-        case "camera":
-          n = this.loadCamera(e);
-          break;
-        default:
-          if (n = this._invokeOne(function(i) {
-            return i != this && i.getDependency && i.getDependency(t, e);
-          }), !n)
-            throw new Error("Unknown type: " + t);
-          break;
-      }
-      this.cache.add(r, n);
-    }
-    return n;
-  }
-  /**
-   * Requests all dependencies of the specified type asynchronously, with caching.
-   *
-   * @private
-   * @param {string} type
-   * @return {Promise<Array<Object>>}
-   */
-  getDependencies(t) {
-    let e = this.cache.get(t);
-    if (!e) {
-      const r = this, n = this.json[t + (t === "mesh" ? "es" : "s")] || [];
-      e = Promise.all(n.map(function(i, s) {
-        return r.getDependency(t, s);
-      })), this.cache.add(t, e);
-    }
-    return e;
-  }
-  /**
-   * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#buffers-and-buffer-views
-   *
-   * @private
-   * @param {number} bufferIndex
-   * @return {Promise<ArrayBuffer>}
-   */
-  loadBuffer(t) {
-    const e = this.json.buffers[t], r = this.fileLoader;
-    if (e.type && e.type !== "arraybuffer")
-      throw new Error("THREE.GLTFLoader: " + e.type + " buffer type is not supported.");
-    if (e.uri === void 0 && t === 0)
-      return Promise.resolve(this.extensions[k.KHR_BINARY_GLTF].body);
-    const n = this.options;
-    return new Promise(function(i, s) {
-      r.load(Ke.resolveURL(e.uri, n.path), i, void 0, function() {
-        s(new Error('THREE.GLTFLoader: Failed to load buffer "' + e.uri + '".'));
-      });
-    });
-  }
-  /**
-   * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#buffers-and-buffer-views
-   *
-   * @private
-   * @param {number} bufferViewIndex
-   * @return {Promise<ArrayBuffer>}
-   */
-  loadBufferView(t) {
-    const e = this.json.bufferViews[t];
-    return this.getDependency("buffer", e.buffer).then(function(r) {
-      const n = e.byteLength || 0, i = e.byteOffset || 0;
-      return r.slice(i, i + n);
-    });
-  }
-  /**
-   * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#accessors
-   *
-   * @private
-   * @param {number} accessorIndex
-   * @return {Promise<BufferAttribute|InterleavedBufferAttribute>}
-   */
-  loadAccessor(t) {
-    const e = this, r = this.json, n = this.json.accessors[t];
-    if (n.bufferView === void 0 && n.sparse === void 0) {
-      const s = ft[n.type], a = De[n.componentType], o = n.normalized === !0, c = new a(n.count * s);
-      return Promise.resolve(new ut(c, s, o));
-    }
-    const i = [];
-    return n.bufferView !== void 0 ? i.push(this.getDependency("bufferView", n.bufferView)) : i.push(null), n.sparse !== void 0 && (i.push(this.getDependency("bufferView", n.sparse.indices.bufferView)), i.push(this.getDependency("bufferView", n.sparse.values.bufferView))), Promise.all(i).then(function(s) {
-      const a = s[0], o = ft[n.type], c = De[n.componentType], u = c.BYTES_PER_ELEMENT, l = u * o, f = n.byteOffset || 0, h = n.bufferView !== void 0 ? r.bufferViews[n.bufferView].byteStride : void 0, T = n.normalized === !0;
-      let m, b;
-      if (h && h !== l) {
-        const S = Math.floor(f / h), P = "InterleavedBuffer:" + n.bufferView + ":" + n.componentType + ":" + S + ":" + n.count;
-        let D = e.cache.get(P);
-        D || (m = new c(a, S * h, n.count * h / u), D = new On(m, h / u), e.cache.add(P, D)), b = new Dn(D, o, f % h / u, T);
-      } else
-        a === null ? m = new c(n.count * o) : m = new c(a, f, n.count * o), b = new ut(m, o, T);
-      if (n.sparse !== void 0) {
-        const S = ft.SCALAR, P = De[n.sparse.indices.componentType], D = n.sparse.indices.byteOffset || 0, y = n.sparse.values.byteOffset || 0, F = new P(s[1], D, n.sparse.count * S), C = new c(s[2], y, n.sparse.count * o);
-        a !== null && (b = new ut(b.array.slice(), b.itemSize, b.normalized)), b.normalized = !1;
-        for (let H = 0, B = F.length; H < B; H++) {
-          const O = F[H];
-          if (b.setX(O, C[H * o]), o >= 2 && b.setY(O, C[H * o + 1]), o >= 3 && b.setZ(O, C[H * o + 2]), o >= 4 && b.setW(O, C[H * o + 3]), o >= 5) throw new Error("THREE.GLTFLoader: Unsupported itemSize in sparse BufferAttribute.");
-        }
-        b.normalized = T;
-      }
-      return b;
-    });
-  }
-  /**
-   * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#textures
-   *
-   * @private
-   * @param {number} textureIndex
-   * @return {Promise<?Texture>}
-   */
-  loadTexture(t) {
-    const e = this.json, r = this.options, i = e.textures[t].source, s = e.images[i];
-    let a = this.textureLoader;
-    if (s.uri) {
-      const o = r.manager.getHandler(s.uri);
-      o !== null && (a = o);
-    }
-    return this.loadTextureImage(t, i, a);
-  }
-  loadTextureImage(t, e, r) {
-    const n = this, i = this.json, s = i.textures[t], a = i.images[e], o = (a.uri || a.bufferView) + ":" + s.sampler;
-    if (this.textureCache[o])
-      return this.textureCache[o];
-    const c = this.loadImageSource(e, r).then(function(u) {
-      u.flipY = !1, u.name = s.name || a.name || "", u.name === "" && typeof a.uri == "string" && a.uri.startsWith("data:image/") === !1 && (u.name = a.uri);
-      const f = (i.samplers || {})[s.sampler] || {};
-      return u.magFilter = Ht[f.magFilter] || bt, u.minFilter = Ht[f.minFilter] || Yt, u.wrapS = Bt[f.wrapS] || _t, u.wrapT = Bt[f.wrapT] || _t, u.generateMipmaps = !u.isCompressedTexture && u.minFilter !== Jt && u.minFilter !== bt, n.associations.set(u, { textures: t }), u;
-    }).catch(function() {
-      return null;
-    });
-    return this.textureCache[o] = c, c;
-  }
-  loadImageSource(t, e) {
-    const r = this, n = this.json, i = this.options;
-    if (this.sourceCache[t] !== void 0)
-      return this.sourceCache[t].then((l) => l.clone());
-    const s = n.images[t], a = self.URL || self.webkitURL;
-    let o = s.uri || "", c = !1;
-    if (s.bufferView !== void 0)
-      o = r.getDependency("bufferView", s.bufferView).then(function(l) {
-        c = !0;
-        const f = new Blob([l], { type: s.mimeType });
-        return o = a.createObjectURL(f), o;
-      });
-    else if (s.uri === void 0)
-      throw new Error("THREE.GLTFLoader: Image " + t + " is missing URI and bufferView");
-    const u = Promise.resolve(o).then(function(l) {
-      return new Promise(function(f, h) {
-        let T = f;
-        e.isImageBitmapLoader === !0 && (T = function(m) {
-          const b = new Nt(m);
-          b.needsUpdate = !0, f(b);
-        }), e.load(Ke.resolveURL(l, i.path), T, void 0, h);
-      });
-    }).then(function(l) {
-      return c === !0 && a.revokeObjectURL(o), me(l, s), l.userData.mimeType = s.mimeType || Bs(s.uri), l;
-    }).catch(function(l) {
-      throw console.error("THREE.GLTFLoader: Couldn't load texture", o), l;
-    });
-    return this.sourceCache[t] = u, u;
-  }
-  /**
-   * Asynchronously assigns a texture to the given material parameters.
-   *
-   * @private
-   * @param {Object} materialParams
-   * @param {string} mapName
-   * @param {Object} mapDef
-   * @param {string} [colorSpace]
-   * @return {Promise<Texture>}
-   */
-  assignTexture(t, e, r, n) {
-    const i = this;
-    return this.getDependency("texture", r.index).then(function(s) {
-      if (!s) return null;
-      if (r.texCoord !== void 0 && r.texCoord > 0 && (s = s.clone(), s.channel = r.texCoord), i.extensions[k.KHR_TEXTURE_TRANSFORM]) {
-        const a = r.extensions !== void 0 ? r.extensions[k.KHR_TEXTURE_TRANSFORM] : void 0;
-        if (a) {
-          const o = i.associations.get(s);
-          s = i.extensions[k.KHR_TEXTURE_TRANSFORM].extendTexture(s, a), i.associations.set(s, o);
-        }
-      }
-      return n !== void 0 && (s.colorSpace = n), t[e] = s, s;
-    });
-  }
-  /**
-   * Assigns final material to a Mesh, Line, or Points instance. The instance
-   * already has a material (generated from the glTF material options alone)
-   * but reuse of the same glTF material may require multiple threejs materials
-   * to accommodate different primitive types, defines, etc. New materials will
-   * be created if necessary, and reused from a cache.
-   *
-   * @private
-   * @param {Object3D} mesh Mesh, Line, or Points instance.
-   */
-  assignFinalMaterial(t) {
-    const e = t.geometry;
-    let r = t.material;
-    const n = e.attributes.tangent === void 0, i = e.attributes.color !== void 0, s = e.attributes.normal === void 0;
-    if (t.isPoints) {
-      const a = "PointsMaterial:" + r.uuid;
-      let o = this.cache.get(a);
-      o || (o = new Gn(), lt.prototype.copy.call(o, r), o.color.copy(r.color), o.map = r.map, o.sizeAttenuation = !1, this.cache.add(a, o)), r = o;
-    } else if (t.isLine) {
-      const a = "LineBasicMaterial:" + r.uuid;
-      let o = this.cache.get(a);
-      o || (o = new jn(), lt.prototype.copy.call(o, r), o.color.copy(r.color), o.map = r.map, this.cache.add(a, o)), r = o;
-    }
-    if (n || i || s) {
-      let a = "ClonedMaterial:" + r.uuid + ":";
-      n && (a += "derivative-tangents:"), i && (a += "vertex-colors:"), s && (a += "flat-shading:");
-      let o = this.cache.get(a);
-      o || (o = r.clone(), i && (o.vertexColors = !0), s && (o.flatShading = !0), n && (o.normalScale && (o.normalScale.y *= -1), o.clearcoatNormalScale && (o.clearcoatNormalScale.y *= -1)), this.cache.add(a, o), this.associations.set(o, this.associations.get(r))), r = o;
-    }
-    t.material = r;
-  }
-  getMaterialType() {
-    return Qt;
-  }
-  /**
-   * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#materials
-   *
-   * @private
-   * @param {number} materialIndex
-   * @return {Promise<Material>}
-   */
-  loadMaterial(t) {
-    const e = this, r = this.json, n = this.extensions, i = r.materials[t];
-    let s;
-    const a = {}, o = i.extensions || {}, c = [];
-    if (o[k.KHR_MATERIALS_UNLIT]) {
-      const l = n[k.KHR_MATERIALS_UNLIT];
-      s = l.getMaterialType(), c.push(l.extendParams(a, i, e));
-    } else {
-      const l = i.pbrMetallicRoughness || {};
-      if (a.color = new ve(1, 1, 1), a.opacity = 1, Array.isArray(l.baseColorFactor)) {
-        const f = l.baseColorFactor;
-        a.color.setRGB(f[0], f[1], f[2], Re), a.opacity = f[3];
-      }
-      l.baseColorTexture !== void 0 && c.push(e.assignTexture(a, "map", l.baseColorTexture, We)), a.metalness = l.metallicFactor !== void 0 ? l.metallicFactor : 1, a.roughness = l.roughnessFactor !== void 0 ? l.roughnessFactor : 1, l.metallicRoughnessTexture !== void 0 && (c.push(e.assignTexture(a, "metalnessMap", l.metallicRoughnessTexture)), c.push(e.assignTexture(a, "roughnessMap", l.metallicRoughnessTexture))), s = this._invokeOne(function(f) {
-        return f.getMaterialType && f.getMaterialType(t);
-      }), c.push(Promise.all(this._invokeAll(function(f) {
-        return f.extendMaterialParams && f.extendMaterialParams(t, a);
-      })));
-    }
-    i.doubleSided === !0 && (a.side = Vn);
-    const u = i.alphaMode || ht.OPAQUE;
-    if (u === ht.BLEND ? (a.transparent = !0, a.depthWrite = !1) : (a.transparent = !1, u === ht.MASK && (a.alphaTest = i.alphaCutoff !== void 0 ? i.alphaCutoff : 0.5)), i.normalTexture !== void 0 && s !== Ve && (c.push(e.assignTexture(a, "normalMap", i.normalTexture)), a.normalScale = new zt(1, 1), i.normalTexture.scale !== void 0)) {
-      const l = i.normalTexture.scale;
-      a.normalScale.set(l, l);
-    }
-    if (i.occlusionTexture !== void 0 && s !== Ve && (c.push(e.assignTexture(a, "aoMap", i.occlusionTexture)), i.occlusionTexture.strength !== void 0 && (a.aoMapIntensity = i.occlusionTexture.strength)), i.emissiveFactor !== void 0 && s !== Ve) {
-      const l = i.emissiveFactor;
-      a.emissive = new ve().setRGB(l[0], l[1], l[2], Re);
-    }
-    return i.emissiveTexture !== void 0 && s !== Ve && c.push(e.assignTexture(a, "emissiveMap", i.emissiveTexture, We)), Promise.all(c).then(function() {
-      const l = new s(a);
-      return i.name && (l.name = i.name), me(l, i), e.associations.set(l, { materials: t }), i.extensions && Ie(n, l, i), l;
-    });
-  }
-  /**
-   * When Object3D instances are targeted by animation, they need unique names.
-   *
-   * @private
-   * @param {string} originalName
-   * @return {string}
-   */
-  createUniqueName(t) {
-    const e = Kn.sanitizeNodeName(t || "");
-    return e in this.nodeNamesUsed ? e + "_" + ++this.nodeNamesUsed[e] : (this.nodeNamesUsed[e] = 0, e);
-  }
-  /**
-   * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#geometry
-   *
-   * Creates BufferGeometries from primitives.
-   *
-   * @private
-   * @param {Array<GLTF.Primitive>} primitives
-   * @return {Promise<Array<BufferGeometry>>}
-   */
-  loadGeometries(t) {
-    const e = this, r = this.extensions, n = this.primitiveCache;
-    function i(a) {
-      return r[k.KHR_DRACO_MESH_COMPRESSION].decodePrimitive(a, e).then(function(o) {
-        return Gt(o, a, e);
-      });
-    }
-    const s = [];
-    for (let a = 0, o = t.length; a < o; a++) {
-      const c = t[a], u = Hs(c), l = n[u];
-      if (l)
-        s.push(l.promise);
-      else {
-        let f;
-        c.extensions && c.extensions[k.KHR_DRACO_MESH_COMPRESSION] ? f = i(c) : f = Gt(new Wn(), c, e), n[u] = { primitive: c, promise: f }, s.push(f);
-      }
-    }
-    return Promise.all(s);
-  }
-  /**
-   * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#meshes
-   *
-   * @private
-   * @param {number} meshIndex
-   * @return {Promise<Group|Mesh|SkinnedMesh|Line|Points>}
-   */
-  loadMesh(t) {
-    const e = this, r = this.json, n = this.extensions, i = r.meshes[t], s = i.primitives, a = [];
-    for (let o = 0, c = s.length; o < c; o++) {
-      const u = s[o].material === void 0 ? Fs(this.cache) : this.getDependency("material", s[o].material);
-      a.push(u);
-    }
-    return a.push(e.loadGeometries(s)), Promise.all(a).then(function(o) {
-      const c = o.slice(0, o.length - 1), u = o[o.length - 1], l = [];
-      for (let h = 0, T = u.length; h < T; h++) {
-        const m = u[h], b = s[h];
-        let S;
-        const P = c[h];
-        if (b.mode === ce.TRIANGLES || b.mode === ce.TRIANGLE_STRIP || b.mode === ce.TRIANGLE_FAN || b.mode === void 0)
-          S = i.isSkinnedMesh === !0 ? new Xn(m, P) : new zn(m, P), S.isSkinnedMesh === !0 && S.normalizeSkinWeights(), b.mode === ce.TRIANGLE_STRIP ? S.geometry = Pt(S.geometry, Wt) : b.mode === ce.TRIANGLE_FAN && (S.geometry = Pt(S.geometry, Tt));
-        else if (b.mode === ce.LINES)
-          S = new $n(m, P);
-        else if (b.mode === ce.LINE_STRIP)
-          S = new qn(m, P);
-        else if (b.mode === ce.LINE_LOOP)
-          S = new Yn(m, P);
-        else if (b.mode === ce.POINTS)
-          S = new Jn(m, P);
-        else
-          throw new Error("THREE.GLTFLoader: Primitive mode unsupported: " + b.mode);
-        Object.keys(S.geometry.morphAttributes).length > 0 && Us(S, i), S.name = e.createUniqueName(i.name || "mesh_" + t), me(S, i), b.extensions && Ie(n, S, b), e.assignFinalMaterial(S), l.push(S);
-      }
-      for (let h = 0, T = l.length; h < T; h++)
-        e.associations.set(l[h], {
-          meshes: t,
-          primitives: h
-        });
-      if (l.length === 1)
-        return i.extensions && Ie(n, l[0], i), l[0];
-      const f = new dt();
-      i.extensions && Ie(n, f, i), e.associations.set(f, { meshes: t });
-      for (let h = 0, T = l.length; h < T; h++)
-        f.add(l[h]);
-      return f;
-    });
-  }
-  /**
-   * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#cameras
-   *
-   * @private
-   * @param {number} cameraIndex
-   * @return {Promise<Camera>|undefined}
-   */
-  loadCamera(t) {
-    let e;
-    const r = this.json.cameras[t], n = r[r.type];
-    if (!n) {
-      console.warn("THREE.GLTFLoader: Missing camera parameters.");
-      return;
-    }
-    return r.type === "perspective" ? e = new Qn(Zn.radToDeg(n.yfov), n.aspectRatio || 1, n.znear || 1, n.zfar || 2e6) : r.type === "orthographic" && (e = new es(-n.xmag, n.xmag, n.ymag, -n.ymag, n.znear, n.zfar)), r.name && (e.name = this.createUniqueName(r.name)), me(e, r), Promise.resolve(e);
-  }
-  /**
-   * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#skins
-   *
-   * @private
-   * @param {number} skinIndex
-   * @return {Promise<Skeleton>}
-   */
-  loadSkin(t) {
-    const e = this.json.skins[t], r = [];
-    for (let n = 0, i = e.joints.length; n < i; n++)
-      r.push(this._loadNodeShallow(e.joints[n]));
-    return e.inverseBindMatrices !== void 0 ? r.push(this.getDependency("accessor", e.inverseBindMatrices)) : r.push(null), Promise.all(r).then(function(n) {
-      const i = n.pop(), s = n, a = [], o = [];
-      for (let c = 0, u = s.length; c < u; c++) {
-        const l = s[c];
-        if (l) {
-          a.push(l);
-          const f = new Qe();
-          i !== null && f.fromArray(i.array, c * 16), o.push(f);
-        } else
-          console.warn('THREE.GLTFLoader: Joint "%s" could not be found.', e.joints[c]);
-      }
-      return new ts(a, o);
-    });
-  }
-  /**
-   * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#animations
-   *
-   * @private
-   * @param {number} animationIndex
-   * @return {Promise<AnimationClip>}
-   */
-  loadAnimation(t) {
-    const e = this.json, r = this, n = e.animations[t], i = n.name ? n.name : "animation_" + t, s = [], a = [], o = [], c = [], u = [];
-    for (let l = 0, f = n.channels.length; l < f; l++) {
-      const h = n.channels[l], T = n.samplers[h.sampler], m = h.target, b = m.node, S = n.parameters !== void 0 ? n.parameters[T.input] : T.input, P = n.parameters !== void 0 ? n.parameters[T.output] : T.output;
-      m.node !== void 0 && (s.push(this.getDependency("node", b)), a.push(this.getDependency("accessor", S)), o.push(this.getDependency("accessor", P)), c.push(T), u.push(m));
-    }
-    return Promise.all([
-      Promise.all(s),
-      Promise.all(a),
-      Promise.all(o),
-      Promise.all(c),
-      Promise.all(u)
-    ]).then(function(l) {
-      const f = l[0], h = l[1], T = l[2], m = l[3], b = l[4], S = [];
-      for (let D = 0, y = f.length; D < y; D++) {
-        const F = f[D], C = h[D], H = T[D], B = m[D], O = b[D];
-        if (F === void 0) continue;
-        F.updateMatrix && F.updateMatrix();
-        const U = r._createAnimationTracks(F, C, H, B, O);
-        if (U)
-          for (let Z = 0; Z < U.length; Z++)
-            S.push(U[Z]);
-      }
-      const P = new ns(i, void 0, S);
-      return me(P, n), P;
-    });
-  }
-  createNodeMesh(t) {
-    const e = this.json, r = this, n = e.nodes[t];
-    return n.mesh === void 0 ? null : r.getDependency("mesh", n.mesh).then(function(i) {
-      const s = r._getNodeRef(r.meshCache, n.mesh, i);
-      return n.weights !== void 0 && s.traverse(function(a) {
-        if (a.isMesh)
-          for (let o = 0, c = n.weights.length; o < c; o++)
-            a.morphTargetInfluences[o] = n.weights[o];
-      }), s;
-    });
-  }
-  /**
-   * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#nodes-and-hierarchy
-   *
-   * @private
-   * @param {number} nodeIndex
-   * @return {Promise<Object3D>}
-   */
-  loadNode(t) {
-    const e = this.json, r = this, n = e.nodes[t], i = r._loadNodeShallow(t), s = [], a = n.children || [];
-    for (let c = 0, u = a.length; c < u; c++)
-      s.push(r.getDependency("node", a[c]));
-    const o = n.skin === void 0 ? Promise.resolve(null) : r.getDependency("skin", n.skin);
-    return Promise.all([
-      i,
-      Promise.all(s),
-      o
-    ]).then(function(c) {
-      const u = c[0], l = c[1], f = c[2];
-      f !== null && u.traverse(function(h) {
-        h.isSkinnedMesh && h.bind(f, Gs);
-      });
-      for (let h = 0, T = l.length; h < T; h++)
-        u.add(l[h]);
-      return u;
-    });
-  }
-  // ._loadNodeShallow() parses a single node.
-  // skin and child nodes are created and added in .loadNode() (no '_' prefix).
-  _loadNodeShallow(t) {
-    const e = this.json, r = this.extensions, n = this;
-    if (this.nodeCache[t] !== void 0)
-      return this.nodeCache[t];
-    const i = e.nodes[t], s = i.name ? n.createUniqueName(i.name) : "", a = [], o = n._invokeOne(function(c) {
-      return c.createNodeMesh && c.createNodeMesh(t);
-    });
-    return o && a.push(o), i.camera !== void 0 && a.push(n.getDependency("camera", i.camera).then(function(c) {
-      return n._getNodeRef(n.cameraCache, i.camera, c);
-    })), n._invokeAll(function(c) {
-      return c.createNodeAttachment && c.createNodeAttachment(t);
-    }).forEach(function(c) {
-      a.push(c);
-    }), this.nodeCache[t] = Promise.all(a).then(function(c) {
-      let u;
-      if (i.isBone === !0 ? u = new ss() : c.length > 1 ? u = new dt() : c.length === 1 ? u = c[0] : u = new qt(), u !== c[0])
-        for (let l = 0, f = c.length; l < f; l++)
-          u.add(c[l]);
-      if (i.name && (u.userData.name = i.name, u.name = s), me(u, i), i.extensions && Ie(r, u, i), i.matrix !== void 0) {
-        const l = new Qe();
-        l.fromArray(i.matrix), u.applyMatrix4(l);
-      } else
-        i.translation !== void 0 && u.position.fromArray(i.translation), i.rotation !== void 0 && u.quaternion.fromArray(i.rotation), i.scale !== void 0 && u.scale.fromArray(i.scale);
-      if (!n.associations.has(u))
-        n.associations.set(u, {});
-      else if (i.mesh !== void 0 && n.meshCache.refs[i.mesh] > 1) {
-        const l = n.associations.get(u);
-        n.associations.set(u, { ...l });
-      }
-      return n.associations.get(u).nodes = t, u;
-    }), this.nodeCache[t];
-  }
-  /**
-   * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#scenes
-   *
-   * @private
-   * @param {number} sceneIndex
-   * @return {Promise<Group>}
-   */
-  loadScene(t) {
-    const e = this.extensions, r = this.json.scenes[t], n = this, i = new dt();
-    r.name && (i.name = n.createUniqueName(r.name)), me(i, r), r.extensions && Ie(e, i, r);
-    const s = r.nodes || [], a = [];
-    for (let o = 0, c = s.length; o < c; o++)
-      a.push(n.getDependency("node", s[o]));
-    return Promise.all(a).then(function(o) {
-      for (let u = 0, l = o.length; u < l; u++)
-        i.add(o[u]);
-      const c = (u) => {
-        const l = /* @__PURE__ */ new Map();
-        for (const [f, h] of n.associations)
-          (f instanceof lt || f instanceof Nt) && l.set(f, h);
-        return u.traverse((f) => {
-          const h = n.associations.get(f);
-          h != null && l.set(f, h);
-        }), l;
-      };
-      return n.associations = c(i), i;
-    });
-  }
-  _createAnimationTracks(t, e, r, n, i) {
-    const s = [], a = t.name ? t.name : t.uuid, o = [];
-    Se[i.path] === Se.weights ? t.traverse(function(f) {
-      f.morphTargetInfluences && o.push(f.name ? f.name : f.uuid);
-    }) : o.push(a);
-    let c;
-    switch (Se[i.path]) {
-      case Se.weights:
-        c = Ot;
-        break;
-      case Se.rotation:
-        c = Dt;
-        break;
-      case Se.translation:
-      case Se.scale:
-        c = Ct;
-        break;
-      default:
-        r.itemSize === 1 ? c = Ot : c = Ct;
-        break;
-    }
-    const u = n.interpolation !== void 0 ? Ds[n.interpolation] : Zt, l = this._getArrayFromAccessor(r);
-    for (let f = 0, h = o.length; f < h; f++) {
-      const T = new c(
-        o[f] + "." + Se[i.path],
-        e.array,
-        l,
-        u
-      );
-      n.interpolation === "CUBICSPLINE" && this._createCubicSplineTrackInterpolant(T), s.push(T);
-    }
-    return s;
-  }
-  _getArrayFromAccessor(t) {
-    let e = t.array;
-    if (t.normalized) {
-      const r = wt(e.constructor), n = new Float32Array(e.length);
-      for (let i = 0, s = e.length; i < s; i++)
-        n[i] = e[i] * r;
-      e = n;
-    }
-    return e;
-  }
-  _createCubicSplineTrackInterpolant(t) {
-    t.createInterpolant = function(r) {
-      const n = this instanceof Dt ? Os : tn;
-      return new n(this.times, this.values, this.getValueSize() / 3, r);
-    }, t.createInterpolant.isInterpolantFactoryMethodGLTFCubicSpline = !0;
-  }
-}
-function Vs(d, t, e) {
-  const r = t.attributes, n = new as();
-  if (r.POSITION !== void 0) {
-    const a = e.json.accessors[r.POSITION], o = a.min, c = a.max;
-    if (o !== void 0 && c !== void 0) {
-      if (n.set(
-        new Oe(o[0], o[1], o[2]),
-        new Oe(c[0], c[1], c[2])
-      ), a.normalized) {
-        const u = wt(De[a.componentType]);
-        n.min.multiplyScalar(u), n.max.multiplyScalar(u);
-      }
-    } else {
-      console.warn("THREE.GLTFLoader: Missing min/max properties for accessor POSITION.");
-      return;
-    }
-  } else
-    return;
-  const i = t.targets;
-  if (i !== void 0) {
-    const a = new Oe(), o = new Oe();
-    for (let c = 0, u = i.length; c < u; c++) {
-      const l = i[c];
-      if (l.POSITION !== void 0) {
-        const f = e.json.accessors[l.POSITION], h = f.min, T = f.max;
-        if (h !== void 0 && T !== void 0) {
-          if (o.setX(Math.max(Math.abs(h[0]), Math.abs(T[0]))), o.setY(Math.max(Math.abs(h[1]), Math.abs(T[1]))), o.setZ(Math.max(Math.abs(h[2]), Math.abs(T[2]))), f.normalized) {
-            const m = wt(De[f.componentType]);
-            o.multiplyScalar(m);
-          }
-          a.max(o);
-        } else
-          console.warn("THREE.GLTFLoader: Missing min/max properties for accessor POSITION.");
-      }
-    }
-    n.expandByVector(a);
-  }
-  d.boundingBox = n;
-  const s = new cs();
-  n.getCenter(s.center), s.radius = n.min.distanceTo(n.max) / 2, d.boundingSphere = s;
-}
-function Gt(d, t, e) {
-  const r = t.attributes, n = [];
-  function i(s, a) {
-    return e.getDependency("accessor", s).then(function(o) {
-      d.setAttribute(a, o);
-    });
-  }
-  for (const s in r) {
-    const a = xt[s] || s.toLowerCase();
-    a in d.attributes || n.push(i(r[s], a));
-  }
-  if (t.indices !== void 0 && !d.index) {
-    const s = e.getDependency("accessor", t.indices).then(function(a) {
-      d.setIndex(a);
-    });
-    n.push(s);
-  }
-  return Ft.workingColorSpace !== Re && "COLOR_0" in r && console.warn(`THREE.GLTFLoader: Converting vertex colors from "srgb-linear" to "${Ft.workingColorSpace}" not supported.`), me(d, t), Vs(d, t, e), Promise.all(n).then(function() {
-    return t.targets !== void 0 ? Ps(d, t.targets, e) : d;
-  });
-}
-const Q = (...d) => {
-}, Ks = (...d) => {
-}, jt = ({ analyser: d }) => {
-  const t = L(null), e = L(null);
-  return ie(() => {
-    const r = t.current;
-    if (!r) return;
-    const n = r.getContext("2d", { alpha: !0 });
-    if (!n) return;
-    let i, s = null;
-    d && (d.fftSize = 128, s = new Uint8Array(d.frequencyBinCount));
-    const a = () => {
-      i = requestAnimationFrame(a), (r.width !== r.offsetWidth || r.height !== r.offsetHeight) && (r.width = r.offsetWidth, r.height = r.offsetHeight);
-      const o = r.width, c = r.height;
-      if (o === 0 || c === 0) return;
-      const u = c / 2;
-      n.clearRect(0, 0, o, c), n.fillStyle = "#1e293b";
-      const l = 2, h = l + 2, T = o * 0.95, m = Math.floor(T / h);
-      (!e.current || e.current.length !== m) && (e.current = new Float32Array(m).fill(2));
-      const b = m * h, S = (o - b) / 2;
-      d && s && d.getByteFrequencyData(s);
-      const P = s ? s.length : 0, y = Math.floor(P * 0.7) / m, F = new Float32Array(m);
-      for (let C = 0; C < m; C++) {
-        let H = 0;
-        if (s && y > 0) {
-          const U = Math.floor(C * y), Z = Math.floor((C + 1) * y);
-          for (let ue = U; ue < Z; ue++) {
-            const Te = s[ue] || 0;
-            Te > H && (H = Te);
+import { jsx as f, jsxs as ne } from "react/jsx-runtime";
+import { useGLTF as Qe, Environment as Mt } from "@react-three/drei";
+import { useFrame as Tt, Canvas as It, useThree as Ct } from "@react-three/fiber";
+import { memo as Dt, useMemo as et, useRef as o, useState as y, useEffect as z, useCallback as $e, useLayoutEffect as Ot, Suspense as Ft } from "react";
+import * as Fe from "three";
+import { GLTFLoader as Ut } from "three/examples/jsm/loaders/GLTFLoader.js";
+const B = (...u) => {
+}, Nt = (...u) => {
+}, ut = ({ analyser: u }) => {
+  const x = o(null), w = o(null);
+  return z(() => {
+    const p = x.current;
+    if (!p) return;
+    const D = p.getContext("2d", { alpha: !0 });
+    if (!D) return;
+    let M, L = null;
+    u && (u.fftSize = 128, L = new Uint8Array(u.frequencyBinCount));
+    const he = () => {
+      M = requestAnimationFrame(he), (p.width !== p.offsetWidth || p.height !== p.offsetHeight) && (p.width = p.offsetWidth, p.height = p.offsetHeight);
+      const re = p.width, O = p.height;
+      if (re === 0 || O === 0) return;
+      const k = O / 2;
+      D.clearRect(0, 0, re, O), D.fillStyle = "#1e293b";
+      const Q = 2, E = Q + 2, ce = re * 0.95, g = Math.floor(ce / E);
+      (!w.current || w.current.length !== g) && (w.current = new Float32Array(g).fill(2));
+      const ke = g * E, Z = (re - ke) / 2;
+      u && L && u.getByteFrequencyData(L);
+      const pe = L ? L.length : 0, J = Math.floor(pe * 0.7) / g, I = new Float32Array(g);
+      for (let m = 0; m < g; m++) {
+        let $ = 0;
+        if (L && J > 0) {
+          const b = Math.floor(m * J), K = Math.floor((m + 1) * J);
+          for (let q = b; q < K; q++) {
+            const le = L[q] || 0;
+            le > $ && ($ = le);
           }
         }
-        H < 10 && (H = 0);
-        const B = H / 255, O = H > 0 ? Math.max(2, Math.pow(B, 1.4) * c * 0.25) : 2;
-        F[C] = O;
+        $ < 10 && ($ = 0);
+        const R = $ / 255, v = $ > 0 ? Math.max(2, Math.pow(R, 1.4) * O * 0.25) : 2;
+        I[m] = v;
       }
-      for (let C = 0; C < m; C++) {
-        const H = m - 1 - C, B = Math.max(F[C], F[H]), O = e.current[C] + (B - e.current[C]) * 0.3;
-        e.current[C] = O;
-        const U = S + C * h, Z = u - O / 2;
-        n.beginPath(), n.roundRect ? n.roundRect(U, Z, l, O, 4) : n.fillRect(U, Z, l, O), n.fill();
+      for (let m = 0; m < g; m++) {
+        const $ = g - 1 - m, R = Math.max(I[m], I[$]), v = w.current[m] + (R - w.current[m]) * 0.3;
+        w.current[m] = v;
+        const b = Z + m * E, K = k - v / 2;
+        D.beginPath(), D.roundRect ? D.roundRect(b, K, Q, v, 4) : D.fillRect(b, K, Q, v), D.fill();
       }
     };
-    return a(), () => {
-      cancelAnimationFrame(i);
+    return he(), () => {
+      cancelAnimationFrame(M);
     };
-  }, [d]), /* @__PURE__ */ N("canvas", { ref: t, style: { width: "100%", height: "100%", display: "block" } });
-}, Vt = "https://ai.streamoji.com", Ws = "https://pub-48df6f7d60d6440bbd01676ea5d90e55.r2.dev";
-async function Xs(d) {
-  const t = await crypto.subtle.digest("SHA-256", new TextEncoder().encode(d));
-  return Array.from(new Uint8Array(t)).map((e) => e.toString(16).padStart(2, "0")).join("");
+  }, [u]), /* @__PURE__ */ f(
+    "canvas",
+    {
+      ref: x,
+      style: { width: "100%", height: "100%", display: "block" }
+    }
+  );
+}, dt = "https://ai.streamoji.com", Wt = "https://pub-48df6f7d60d6440bbd01676ea5d90e55.r2.dev", ft = "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/default-models/fullbodyavatarmale.glb";
+async function Pt(u) {
+  const x = await crypto.subtle.digest(
+    "SHA-256",
+    new TextEncoder().encode(u)
+  );
+  return Array.from(new Uint8Array(x)).map((w) => w.toString(16).padStart(2, "0")).join("");
 }
-function zs(d) {
-  const [t, e] = K(null);
-  return ie(() => {
-    if (!d) {
-      e(null);
+function Vt(u) {
+  const [x, w] = y(null);
+  return z(() => {
+    if (!u) {
+      w(null);
       return;
     }
-    let r = !1;
-    return Xs(d).then((n) => {
-      if (r) return;
-      const i = `${Ws}/${n}.glb`;
-      fetch(i, { method: "HEAD" }).then((s) => {
-        r || e(s.ok ? i : null);
+    let p = !1;
+    return Pt(u).then((D) => {
+      if (p) return;
+      const M = `${Wt}/${D}.glb`;
+      fetch(M, { method: "HEAD" }).then((L) => {
+        p || w(L.ok ? M : ft);
       }).catch(() => {
-        r || e(null);
+        p || w(ft);
       });
     }), () => {
-      r = !0;
+      p = !0;
     };
-  }, [d]), t;
+  }, [u]), x;
 }
-const $s = [
+const Bt = [
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/M_Standing_Idle_Variations_001.glb",
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/M_Standing_Idle_Variations_002.glb",
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/M_Standing_Idle_002.glb",
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/M_Standing_Idle_Variations_005.glb"
-], qs = [
+], $t = [
   {
     id: "m_expr_01",
     name: "Friendly Wave",
@@ -1948,517 +256,806 @@ const $s = [
     name: "Take It Easy",
     url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_006.glb"
   }
-], Ys = [
+], Ht = [
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_005.glb",
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_007.glb"
-], Js = {
+], jt = {
   zoom: 0.85,
   position: [0.15, -0.8, 0],
   scale: 1.5,
   rotation: [0.15, 0.02, 0]
-}, Qs = [-0.45, 1.9, 0.1], Zs = {
+}, Jt = [-0.45, 1.9, 0.1], qt = {
   browInnerUp: 0.2
-}, mt = 0.18, er = 1, Je = {
+}, Ze = 0.18, Gt = 1, He = {
   neutral: { eyeLookDownLeft: 0.1, eyeLookDownRight: 0.1 },
-  happy: { mouthSmileLeft: 0.2, mouthSmileRight: 0.2, eyeLookDownLeft: 0.1, eyeLookDownRight: 0.1 },
-  sad: { eyeLookDownLeft: 0.2, eyeLookDownRight: 0.2, browDownRight: 0.1, browInnerUp: 0.6, browOuterUpRight: 0.2, eyeSquintLeft: 0.7, eyeSquintRight: 0.7, mouthFrownLeft: 0.8, mouthFrownRight: 0.8, mouthLeft: 0.2, mouthPucker: 0.5, mouthRollLower: 0.2, mouthRollUpper: 0.2, mouthShrugLower: 0.2, mouthShrugUpper: 0.2, mouthStretchLeft: 0.4 },
-  angry: { eyeLookDownLeft: 0.1, eyeLookDownRight: 0.1, browDownLeft: 0.6, browDownRight: 0.6, jawForward: 0.3, mouthFrownLeft: 0.7, mouthFrownRight: 0.7, mouthRollLower: 0.2, mouthShrugLower: 0.3 },
-  fear: { browInnerUp: 0.7, eyeSquintLeft: 0.5, eyeSquintRight: 0.5, eyeWideLeft: 0.6, eyeWideRight: 0.6, mouthClose: 0.1, mouthFunnel: 0.3, mouthShrugLower: 0.5, mouthShrugUpper: 0.5 },
-  disgust: { browDownLeft: 0.7, browDownRight: 0.1, browInnerUp: 0.3, eyeSquintLeft: 1, eyeSquintRight: 1, eyeWideLeft: 0.5, eyeWideRight: 0.5, mouthLeft: 0.4, mouthPressLeft: 0.3, mouthRollLower: 0.3, mouthShrugLower: 0.3, mouthShrugUpper: 0.8, mouthUpperUpLeft: 0.3, noseSneerLeft: 1, noseSneerRight: 0.7 },
-  love: { browInnerUp: 0.4, browOuterUpLeft: 0.2, browOuterUpRight: 0.2, mouthSmileLeft: 0.2, mouthSmileRight: 0.2, eyeBlinkLeft: 0.6, eyeBlinkRight: 0.6, eyeWideLeft: 0.7, eyeWideRight: 0.7, mouthDimpleLeft: 0.1, mouthDimpleRight: 0.1, mouthPressLeft: 0.2, mouthShrugUpper: 0.2, mouthUpperUpLeft: 0.1, mouthUpperUpRight: 0.1 }
-}, tr = [
+  happy: {
+    mouthSmileLeft: 0.2,
+    mouthSmileRight: 0.2,
+    eyeLookDownLeft: 0.1,
+    eyeLookDownRight: 0.1
+  },
+  sad: {
+    eyeLookDownLeft: 0.2,
+    eyeLookDownRight: 0.2,
+    browDownRight: 0.1,
+    browInnerUp: 0.6,
+    browOuterUpRight: 0.2,
+    eyeSquintLeft: 0.7,
+    eyeSquintRight: 0.7,
+    mouthFrownLeft: 0.8,
+    mouthFrownRight: 0.8,
+    mouthLeft: 0.2,
+    mouthPucker: 0.5,
+    mouthRollLower: 0.2,
+    mouthRollUpper: 0.2,
+    mouthShrugLower: 0.2,
+    mouthShrugUpper: 0.2,
+    mouthStretchLeft: 0.4
+  },
+  angry: {
+    eyeLookDownLeft: 0.1,
+    eyeLookDownRight: 0.1,
+    browDownLeft: 0.6,
+    browDownRight: 0.6,
+    jawForward: 0.3,
+    mouthFrownLeft: 0.7,
+    mouthFrownRight: 0.7,
+    mouthRollLower: 0.2,
+    mouthShrugLower: 0.3
+  },
+  fear: {
+    browInnerUp: 0.7,
+    eyeSquintLeft: 0.5,
+    eyeSquintRight: 0.5,
+    eyeWideLeft: 0.6,
+    eyeWideRight: 0.6,
+    mouthClose: 0.1,
+    mouthFunnel: 0.3,
+    mouthShrugLower: 0.5,
+    mouthShrugUpper: 0.5
+  },
+  disgust: {
+    browDownLeft: 0.7,
+    browDownRight: 0.1,
+    browInnerUp: 0.3,
+    eyeSquintLeft: 1,
+    eyeSquintRight: 1,
+    eyeWideLeft: 0.5,
+    eyeWideRight: 0.5,
+    mouthLeft: 0.4,
+    mouthPressLeft: 0.3,
+    mouthRollLower: 0.3,
+    mouthShrugLower: 0.3,
+    mouthShrugUpper: 0.8,
+    mouthUpperUpLeft: 0.3,
+    noseSneerLeft: 1,
+    noseSneerRight: 0.7
+  },
+  love: {
+    browInnerUp: 0.4,
+    browOuterUpLeft: 0.2,
+    browOuterUpRight: 0.2,
+    mouthSmileLeft: 0.2,
+    mouthSmileRight: 0.2,
+    eyeBlinkLeft: 0.6,
+    eyeBlinkRight: 0.6,
+    eyeWideLeft: 0.7,
+    eyeWideRight: 0.7,
+    mouthDimpleLeft: 0.1,
+    mouthDimpleRight: 0.1,
+    mouthPressLeft: 0.2,
+    mouthShrugUpper: 0.2,
+    mouthUpperUpLeft: 0.1,
+    mouthUpperUpRight: 0.1
+  }
+}, zt = [
   { key: "viseme_aa", mix: { jawOpen: 0.6 } },
-  { key: "viseme_E", mix: { mouthPressLeft: 0.8, mouthPressRight: 0.8, mouthDimpleLeft: 1, mouthDimpleRight: 1, jawOpen: 0.3 } },
-  { key: "viseme_I", mix: { mouthPressLeft: 0.6, mouthPressRight: 0.6, mouthDimpleLeft: 0.6, mouthDimpleRight: 0.6, jawOpen: 0.2 } },
+  {
+    key: "viseme_E",
+    mix: {
+      mouthPressLeft: 0.8,
+      mouthPressRight: 0.8,
+      mouthDimpleLeft: 1,
+      mouthDimpleRight: 1,
+      jawOpen: 0.3
+    }
+  },
+  {
+    key: "viseme_I",
+    mix: {
+      mouthPressLeft: 0.6,
+      mouthPressRight: 0.6,
+      mouthDimpleLeft: 0.6,
+      mouthDimpleRight: 0.6,
+      jawOpen: 0.2
+    }
+  },
   { key: "viseme_O", mix: { mouthPucker: 1, jawForward: 0.6, jawOpen: 0.2 } },
   { key: "viseme_U", mix: { mouthFunnel: 1 } },
-  { key: "viseme_PP", mix: { mouthRollLower: 0.3, mouthRollUpper: 0.3, mouthUpperUpLeft: 0.3, mouthUpperUpRight: 0.3 } },
-  { key: "viseme_FF", mix: { mouthPucker: 1, mouthShrugUpper: 1, mouthLowerDownLeft: 0.2, mouthLowerDownRight: 0.2, mouthDimpleLeft: 1, mouthDimpleRight: 1, mouthRollLower: 0.3 } },
-  { key: "viseme_DD", mix: { mouthPressLeft: 0.8, mouthPressRight: 0.8, mouthFunnel: 0.5, jawOpen: 0.2 } },
-  { key: "viseme_SS", mix: { mouthPressLeft: 0.8, mouthPressRight: 0.8, mouthLowerDownLeft: 0.5, mouthLowerDownRight: 0.5, jawOpen: 0.1 } },
-  { key: "viseme_TH", mix: { mouthRollUpper: 0.3, jawOpen: 0.2, tongueOut: 0.4 } },
+  {
+    key: "viseme_PP",
+    mix: {
+      mouthRollLower: 0.3,
+      mouthRollUpper: 0.3,
+      mouthUpperUpLeft: 0.3,
+      mouthUpperUpRight: 0.3
+    }
+  },
+  {
+    key: "viseme_FF",
+    mix: {
+      mouthPucker: 1,
+      mouthShrugUpper: 1,
+      mouthLowerDownLeft: 0.2,
+      mouthLowerDownRight: 0.2,
+      mouthDimpleLeft: 1,
+      mouthDimpleRight: 1,
+      mouthRollLower: 0.3
+    }
+  },
+  {
+    key: "viseme_DD",
+    mix: {
+      mouthPressLeft: 0.8,
+      mouthPressRight: 0.8,
+      mouthFunnel: 0.5,
+      jawOpen: 0.2
+    }
+  },
+  {
+    key: "viseme_SS",
+    mix: {
+      mouthPressLeft: 0.8,
+      mouthPressRight: 0.8,
+      mouthLowerDownLeft: 0.5,
+      mouthLowerDownRight: 0.5,
+      jawOpen: 0.1
+    }
+  },
+  {
+    key: "viseme_TH",
+    mix: { mouthRollUpper: 0.3, jawOpen: 0.2, tongueOut: 0.4 }
+  },
   { key: "viseme_CH", mix: { mouthPucker: 0.5, jawOpen: 0.2 } },
   { key: "viseme_RR", mix: { mouthPucker: 0.5, jawOpen: 0.2 } },
-  { key: "viseme_kk", mix: { mouthLowerDownLeft: 0.4, mouthLowerDownRight: 0.4, mouthDimpleLeft: 0.3, mouthDimpleRight: 0.3, mouthFunnel: 0.3, mouthPucker: 0.3, jawOpen: 0.15 } },
-  { key: "viseme_nn", mix: { mouthLowerDownLeft: 0.4, mouthLowerDownRight: 0.4, mouthDimpleLeft: 0.3, mouthDimpleRight: 0.3, mouthFunnel: 0.3, mouthPucker: 0.3, jawOpen: 0.15, tongueOut: 0.2 } },
+  {
+    key: "viseme_kk",
+    mix: {
+      mouthLowerDownLeft: 0.4,
+      mouthLowerDownRight: 0.4,
+      mouthDimpleLeft: 0.3,
+      mouthDimpleRight: 0.3,
+      mouthFunnel: 0.3,
+      mouthPucker: 0.3,
+      jawOpen: 0.15
+    }
+  },
+  {
+    key: "viseme_nn",
+    mix: {
+      mouthLowerDownLeft: 0.4,
+      mouthLowerDownRight: 0.4,
+      mouthDimpleLeft: 0.3,
+      mouthDimpleRight: 0.3,
+      mouthFunnel: 0.3,
+      mouthPucker: 0.3,
+      jawOpen: 0.15,
+      tongueOut: 0.2
+    }
+  },
   { key: "viseme_sil", mix: {} }
-], nr = {
-  aei: [{ v: "E", w: 0.8 }, { v: "I", w: 0.2 }],
+], Yt = {
+  aei: [
+    { v: "E", w: 0.8 },
+    { v: "I", w: 0.2 }
+  ],
   ee: [{ v: "I", w: 1 }],
   oo: [{ v: "O", w: 1 }],
   u: [{ v: "U", w: 1 }],
   aa: [{ v: "aa", w: 1 }],
-  ah: [{ v: "aa", w: 0.7 }, { v: "O", w: 0.3 }],
+  ah: [
+    { v: "aa", w: 0.7 },
+    { v: "O", w: 0.3 }
+  ],
   bmp: [{ v: "PP", w: 1 }],
   fv: [{ v: "FF", w: 1 }],
   th: [{ v: "TH", w: 1 }],
   l: [{ v: "nn", w: 1 }],
   r: [{ v: "RR", w: 1 }],
-  qw: [{ v: "U", w: 0.6 }, { v: "O", w: 0.4 }],
+  qw: [
+    { v: "U", w: 0.6 },
+    { v: "O", w: 0.4 }
+  ],
   chjsh: [{ v: "CH", w: 1 }],
-  cdgknstxyz: [{ v: "DD", w: 0.6 }, { v: "SS", w: 0.4 }],
+  cdgknstxyz: [
+    { v: "DD", w: 0.6 },
+    { v: "SS", w: 0.4 }
+  ],
   sil: [{ v: "sil", w: 1 }]
 };
-function sr(d) {
-  if (!d) return [{ v: "sil", w: 1 }];
-  const t = d.toLowerCase();
-  return nr[t] ?? [{ v: "sil", w: 1 }];
+function Xt(u) {
+  if (!u) return [{ v: "sil", w: 1 }];
+  const x = u.toLowerCase();
+  return Yt[x] ?? [{ v: "sil", w: 1 }];
 }
-function rr({ target: d }) {
-  const { camera: t } = Sn();
-  return ie(() => {
-    t.lookAt(...d);
-  }, [t, d]), null;
+function Kt({ target: u }) {
+  const { camera: x } = Ct();
+  return z(() => {
+    x.lookAt(...u);
+  }, [x, u]), null;
 }
-function ne(d, t, e) {
-  if (!d || !d.morphTargetDictionary) return;
-  const r = d, n = r.morphTargetDictionary, i = r.morphTargetInfluences;
-  if (i)
-    for (const s in n)
-      s.toLowerCase() === t.toLowerCase() && (i[n[s]] = e);
+function G(u, x, w) {
+  if (!u || !u.morphTargetDictionary)
+    return;
+  const p = u, D = p.morphTargetDictionary, M = p.morphTargetInfluences;
+  if (M)
+    for (const L in D)
+      L.toLowerCase() === x.toLowerCase() && (M[D[L]] = w);
 }
-function Kt(d, t = 0.97) {
-  if (!d) return;
-  const e = d;
-  if (e.morphTargetInfluences)
-    for (let r = 0; r < e.morphTargetInfluences.length; r++)
-      e.morphTargetInfluences[r] *= t;
+function ht(u, x = 0.97) {
+  if (!u) return;
+  const w = u;
+  if (w.morphTargetInfluences)
+    for (let p = 0; p < w.morphTargetInfluences.length; p++)
+      w.morphTargetInfluences[p] *= x;
 }
-const ir = bn(({ avatarUrl: d, isPlayingRef: t, visemeQueueRef: e, audioContextRef: r, responseAudioStartTimeRef: n, adjustments: i, mood: s, expression: a, agentResponse: o, isSpeaking: c, nextStartTimeRef: u, stopPlayback: l, setIsSpeaking: f, expressionUrl: h, onExpressionFinished: T }) => {
-  const { scene: m } = ct(d), b = ct($s), S = gt(() => b.flatMap((v) => v.animations), [b]), P = ct(Ys), D = gt(() => P.flatMap((v) => v.animations), [P]), y = L(null), F = L(null), C = L(null), H = L([]), [B] = K(() => new Ge.AnimationMixer(m)), O = L({}), U = L(null), Z = L(0), ue = L(!1), Te = L(0), ye = L(null);
-  ie(() => {
-    if (!(!S || !m)) {
-      if (S.forEach((v, A) => {
-        const x = `idle_${A}`;
-        if (!O.current[x]) {
-          const g = B.clipAction(v, m);
-          g.name = x, g.setLoop(Ge.LoopOnce, 1), g.clampWhenFinished = !0, O.current[x] = g;
-        }
-      }), D.forEach((v, A) => {
-        const x = `talk_${A}`;
-        if (!O.current[x]) {
-          const g = B.clipAction(v, m);
-          g.name = x, g.setLoop(Ge.LoopOnce, 1), g.clampWhenFinished = !0, O.current[x] = g;
+const Qt = Dt(
+  ({
+    avatarUrl: u,
+    isPlayingRef: x,
+    visemeQueueRef: w,
+    audioContextRef: p,
+    responseAudioStartTimeRef: D,
+    adjustments: M,
+    mood: L,
+    expression: he,
+    agentResponse: re,
+    isSpeaking: O,
+    nextStartTimeRef: k,
+    stopPlayback: Q,
+    setIsSpeaking: U,
+    expressionUrl: E,
+    onExpressionFinished: ce
+  }) => {
+    const { scene: g } = Qe(u), ke = Qe(Bt), Z = et(
+      () => ke.flatMap((d) => d.animations),
+      [ke]
+    ), pe = Qe(Ht), se = et(
+      () => pe.flatMap((d) => d.animations),
+      [pe]
+    ), J = o(null), I = o(null), m = o(null), $ = o([]), [R] = y(() => new Fe.AnimationMixer(g)), v = o({}), b = o(null), K = o(0), q = o(!1), le = o(0), ee = o(null);
+    z(() => {
+      if (!(!Z || !g)) {
+        if (Z.forEach((d, c) => {
+          const s = `idle_${c}`;
+          if (!v.current[s]) {
+            const n = R.clipAction(d, g);
+            n.name = s, n.setLoop(Fe.LoopOnce, 1), n.clampWhenFinished = !0, v.current[s] = n;
+          }
+        }), se.forEach((d, c) => {
+          const s = `talk_${c}`;
+          if (!v.current[s]) {
+            const n = R.clipAction(d, g);
+            n.name = s, n.setLoop(Fe.LoopOnce, 1), n.clampWhenFinished = !0, v.current[s] = n;
+          }
+        }), Z.length > 0) {
+          const d = v.current.idle_0, c = b.current && R.existingAction(b.current.getClip());
+          d && !c && (d.reset().fadeIn(0.5).play(), b.current = d);
         }
-      }), S.length > 0) {
-        const v = O.current.idle_0, A = U.current && B.existingAction(U.current.getClip());
-        v && !A && (v.reset().fadeIn(0.5).play(), U.current = v);
+        return () => {
+          R.stopAllAction(), v.current = {}, b.current = null;
+        };
       }
-      return () => {
-        B.stopAllAction(), O.current = {}, U.current = null;
+    }, [Z, se, g, R]);
+    const Re = o("");
+    z(() => {
+      if (!E || !g || E === Re.current) return;
+      Re.current = E, ee.current = E, new Ut().load(
+        E,
+        (c) => {
+          if (c.animations && c.animations.length > 0) {
+            const s = c.animations[0], n = R.clipAction(s, g);
+            if (n.name = `EXPR_${E}`, n.setLoop(Fe.LoopOnce, 1), n.clampWhenFinished = !0, v.current[`EXPR_${E}`] = n, O && ee.current === E) {
+              const h = b.current;
+              n.reset().fadeIn(0.3).play(), h && h !== n && h.crossFadeTo(n, 0.3, !0), b.current = n, ee.current = null;
+            }
+          }
+        },
+        void 0,
+        (c) => {
+          console.error(`[ANIMATION] Failed to load ${E}`, c);
+        }
+      );
+    }, [E, g, R, O]), z(() => {
+      const d = (c) => {
+        const s = c.action, n = s.name || "";
+        if (n.startsWith("idle_")) {
+          const H = (parseInt(n.split("_")[1]) + 1) % Z.length, Y = v.current[`idle_${H}`];
+          Y && (Y.reset().fadeIn(0.5).play(), s.crossFadeTo(Y, 0.5, !0), b.current = Y);
+        } else if (n.startsWith("EXPR_")) {
+          if (O) {
+            const h = v.current.talk_0;
+            h && (h.reset().fadeIn(0.5).play(), s.crossFadeTo(h, 0.5, !0), b.current = h);
+          } else {
+            const h = v.current.idle_0;
+            h && (h.reset().fadeIn(0.5).play(), s.crossFadeTo(h, 0.5, !0), b.current = h);
+          }
+          ce && ce();
+        } else if (n.startsWith("talk_"))
+          if (O) {
+            const H = (parseInt(n.split("_")[1]) + 1) % se.length, Y = v.current[`talk_${H}`];
+            Y && (Y.reset().fadeIn(0.3).play(), s.crossFadeTo(Y, 0.3, !0), b.current = Y);
+          } else {
+            const h = v.current.idle_0;
+            h && (h.reset().fadeIn(0.5).play(), s.crossFadeTo(h, 0.5, !0), b.current = h);
+          }
       };
-    }
-  }, [S, D, m, B]);
-  const Xe = L("");
-  ie(() => {
-    if (!h || !m || h === Xe.current) return;
-    Xe.current = h, ye.current = h, new us().load(h, (A) => {
-      if (A.animations && A.animations.length > 0) {
-        const x = A.animations[0], g = B.clipAction(x, m);
-        if (g.name = `EXPR_${h}`, g.setLoop(Ge.LoopOnce, 1), g.clampWhenFinished = !0, O.current[`EXPR_${h}`] = g, c && ye.current === h) {
-          const M = U.current;
-          g.reset().fadeIn(0.3).play(), M && M !== g && M.crossFadeTo(g, 0.3, !0), U.current = g, ye.current = null;
+      return R.addEventListener("finished", d), () => R.removeEventListener("finished", d);
+    }, [
+      R,
+      Z,
+      se,
+      O,
+      ce
+    ]), z(() => {
+      if (O && g) {
+        const d = b.current, c = d?.name || "";
+        if (c.startsWith("idle_") || c.startsWith("talk_") || c === "") {
+          const s = ee.current;
+          if (s) {
+            const n = v.current[`EXPR_${s}`];
+            if (n) {
+              n.reset().fadeIn(0.3).play(), d && d !== n && d.crossFadeTo(n, 0.3, !0), b.current = n, ee.current = null;
+              return;
+            }
+          }
+          if (c.startsWith("idle_") || c === "") {
+            const n = v.current.talk_0;
+            n && (n.reset().fadeIn(0.5).play(), d && d.crossFadeTo(n, 0.5, !0), b.current = n);
+          }
         }
-      }
-    }, void 0, (A) => {
-      console.error(`[ANIMATION] Failed to load ${h}`, A);
-    });
-  }, [h, m, B, c]), ie(() => {
-    const v = (A) => {
-      const x = A.action, g = x.name || "";
-      if (g.startsWith("idle_")) {
-        const ee = (parseInt(g.split("_")[1]) + 1) % S.length, X = O.current[`idle_${ee}`];
-        X && (X.reset().fadeIn(0.5).play(), x.crossFadeTo(X, 0.5, !0), U.current = X);
-      } else if (g.startsWith("EXPR_")) {
-        if (c) {
-          const M = O.current.talk_0;
-          M && (M.reset().fadeIn(0.5).play(), x.crossFadeTo(M, 0.5, !0), U.current = M);
-        } else {
-          const M = O.current.idle_0;
-          M && (M.reset().fadeIn(0.5).play(), x.crossFadeTo(M, 0.5, !0), U.current = M);
+      } else if (!O && g) {
+        const d = b.current, c = d?.name || "";
+        if (c.startsWith("talk_") || c.startsWith("EXPR_")) {
+          const s = v.current.idle_0;
+          s && (s.reset().fadeIn(0.5).play(), d && d.crossFadeTo(s, 0.5, !0), b.current = s);
         }
-        T && T();
-      } else if (g.startsWith("talk_"))
-        if (c) {
-          const ee = (parseInt(g.split("_")[1]) + 1) % D.length, X = O.current[`talk_${ee}`];
-          X && (X.reset().fadeIn(0.3).play(), x.crossFadeTo(X, 0.3, !0), U.current = X);
-        } else {
-          const M = O.current.idle_0;
-          M && (M.reset().fadeIn(0.5).play(), x.crossFadeTo(M, 0.5, !0), U.current = M);
+      }
+    }, [O, g, E]), z(() => {
+      if (!g) return;
+      g.traverse((s) => {
+        if (s.isMesh && s.morphTargetDictionary) {
+          const n = s.name.toLowerCase();
+          (n.includes("head") || n.includes("avatar")) && (I.current = s, B(`[ANIMATION] Found head mesh: ${s.name}`)), n.includes("teeth") && (m.current = s, B(`[ANIMATION] Found teeth mesh: ${s.name}`));
         }
-    };
-    return B.addEventListener("finished", v), () => B.removeEventListener("finished", v);
-  }, [B, S, D, c, T]), ie(() => {
-    if (c && m) {
-      const v = U.current, A = v?.name || "";
-      if (A.startsWith("idle_") || A.startsWith("talk_") || A === "") {
-        const x = ye.current;
-        if (x) {
-          const g = O.current[`EXPR_${x}`];
-          if (g) {
-            g.reset().fadeIn(0.3).play(), v && v !== g && v.crossFadeTo(g, 0.3, !0), U.current = g, ye.current = null;
-            return;
-          }
+      });
+      const d = I.current?.morphTargetDictionary;
+      d && Object.keys(d).filter(
+        (s) => s.toLowerCase().includes("brow")
+      );
+      const c = [];
+      g.traverse((s) => {
+        if (s.isMesh) {
+          const h = s.morphTargetDictionary;
+          h && Object.keys(h).some((H) => H.toLowerCase().includes("brow")) && c.push(s);
         }
-        if (A.startsWith("idle_") || A === "") {
-          const g = O.current.talk_0;
-          g && (g.reset().fadeIn(0.5).play(), v && v.crossFadeTo(g, 0.5, !0), U.current = g);
+      }), $.current = c, c.length > 0 && B("[ANIMATION] Meshes with brow morphs:", c.length);
+    }, [g]);
+    const Ue = (d, c = 1) => {
+      const s = `viseme_${d}`.toLowerCase(), n = zt.find((h) => h.key.toLowerCase() === s);
+      if (n)
+        for (const h in n.mix) {
+          const H = n.mix[h] * c;
+          G(I.current, h, H), G(m.current, h, H);
         }
+    }, Ce = (d) => {
+      const c = He[d] ?? He.neutral;
+      for (const s in c)
+        G(I.current, s, c[s]), G(m.current, s, c[s]);
+    };
+    return Tt((d, c) => {
+      const s = Math.pow(0.88, 60 * c);
+      ht(I.current, s), ht(m.current, s), Ce(L);
+      const n = d.clock.elapsedTime;
+      let h = 0;
+      if (Math.floor(n) % 5 === 0 && Math.floor((n - c) % 5) !== 0) {
+        let j = null;
+        g.traverse((W) => {
+          W.name.toLowerCase().includes("hips") && (j = W);
+        });
+        const ie = j ? `Hips Y: ${j.position.y.toFixed(4)}` : "Hips not found";
+        B(`[ANIMATION] Mixer Time: ${R.time.toFixed(2)}, ${ie}`);
       }
-    } else if (!c && m) {
-      const v = U.current, A = v?.name || "";
-      if (A.startsWith("talk_") || A.startsWith("EXPR_")) {
-        const x = O.current.idle_0;
-        x && (x.reset().fadeIn(0.5).play(), v && v.crossFadeTo(x, 0.5, !0), U.current = x);
-      }
-    }
-  }, [c, m, h]), ie(() => {
-    if (!m) return;
-    m.traverse((x) => {
-      if (x.isMesh && x.morphTargetDictionary) {
-        const g = x.name.toLowerCase();
-        (g.includes("head") || g.includes("avatar")) && (F.current = x, Q(`[ANIMATION] Found head mesh: ${x.name}`)), g.includes("teeth") && (C.current = x, Q(`[ANIMATION] Found teeth mesh: ${x.name}`));
-      }
-    });
-    const v = F.current?.morphTargetDictionary;
-    v && Object.keys(v).filter((x) => x.toLowerCase().includes("brow"));
-    const A = [];
-    m.traverse((x) => {
-      if (x.isMesh) {
-        const M = x.morphTargetDictionary;
-        M && Object.keys(M).some((ee) => ee.toLowerCase().includes("brow")) && A.push(x);
-      }
-    }), H.current = A, A.length > 0 && Q("[ANIMATION] Meshes with brow morphs:", A.length);
-  }, [m]);
-  const Ze = (v, A = 1) => {
-    const x = `viseme_${v}`.toLowerCase(), g = tr.find((M) => M.key.toLowerCase() === x);
-    if (g)
-      for (const M in g.mix) {
-        const ee = g.mix[M] * A;
-        ne(F.current, M, ee), ne(C.current, M, ee);
+      if (R.update(c), n > K.current && !q.current && (q.current = !0, le.current = n), q.current) {
+        const ie = (n - le.current) / 0.3;
+        if (ie >= 1)
+          q.current = !1, K.current = n + 2 + Math.random() * 5;
+        else {
+          const W = ie < 0.5 ? ie * 2 : (1 - ie) * 2;
+          G(I.current, "eyeBlinkLeft", W), G(I.current, "eyeBlinkRight", W), G(m.current, "eyeBlinkLeft", W), G(m.current, "eyeBlinkRight", W), h = W * qt.browInnerUp;
+        }
       }
-  }, et = (v) => {
-    const A = Je[v] ?? Je.neutral;
-    for (const x in A)
-      ne(F.current, x, A[x]), ne(C.current, x, A[x]);
-  };
-  return wn((v, A) => {
-    const x = Math.pow(0.88, 60 * A);
-    Kt(F.current, x), Kt(C.current, x), et(s);
-    const g = v.clock.elapsedTime;
-    let M = 0;
-    if (Math.floor(g) % 5 === 0 && Math.floor((g - A) % 5) !== 0) {
-      let te = null;
-      m.traverse((se) => {
-        se.name.toLowerCase().includes("hips") && (te = se);
-      });
-      const _e = te ? `Hips Y: ${te.position.y.toFixed(4)}` : "Hips not found";
-      Q(`[ANIMATION] Mixer Time: ${B.time.toFixed(2)}, ${_e}`);
-    }
-    if (B.update(A), g > Z.current && !ue.current && (ue.current = !0, Te.current = g), ue.current) {
-      const _e = (g - Te.current) / 0.3;
-      if (_e >= 1)
-        ue.current = !1, Z.current = g + 2 + Math.random() * 5;
-      else {
-        const se = _e < 0.5 ? _e * 2 : (1 - _e) * 2;
-        ne(F.current, "eyeBlinkLeft", se), ne(F.current, "eyeBlinkRight", se), ne(C.current, "eyeBlinkLeft", se), ne(C.current, "eyeBlinkRight", se), M = se * Zs.browInnerUp;
+      const H = He[L] ?? He.neutral, Y = H.browInnerUp ?? 0, be = H.browOuterUpLeft ?? 0, me = H.browOuterUpRight ?? 0, Ae = n * Gt, ge = Ze * Math.sin(Ae), _e = Ze * 0.7 * Math.sin(Ae + 0.7), De = Ze * 0.7 * Math.sin(Ae + 1.3), we = (j) => Math.max(0, Math.min(1, j)), Oe = we(Y + ge), Le = we(be + _e), je = we(me + De), Ne = we(Oe + h);
+      if (G(I.current, "browInnerUp", Ne), G(m.current, "browInnerUp", Ne), G(I.current, "browOuterUpLeft", Le), G(m.current, "browOuterUpLeft", Le), G(I.current, "browOuterUpRight", je), G(m.current, "browOuterUpRight", je), J.current) {
+        const j = x.current ? 0 : M.rotation[1];
+        J.current.rotation.y = Fe.MathUtils.lerp(
+          J.current.rotation.y,
+          j,
+          0.1
+        ), J.current.position.set(...M.position), J.current.scale.setScalar(M.scale), J.current.rotation.x = M.rotation[0], J.current.rotation.z = M.rotation[2];
       }
-    }
-    const ee = Je[s] ?? Je.neutral, X = ee.browInnerUp ?? 0, Ae = ee.browOuterUpLeft ?? 0, Fe = ee.browOuterUpRight ?? 0, ke = g * er, Pe = mt * Math.sin(ke), Ue = mt * 0.7 * Math.sin(ke + 0.7), Rt = mt * 0.7 * Math.sin(ke + 1.3), Ne = (te) => Math.max(0, Math.min(1, te)), He = Ne(X + Pe), Be = Ne(Ae + Ue), be = Ne(Fe + Rt), Ee = Ne(He + M);
-    if (ne(F.current, "browInnerUp", Ee), ne(C.current, "browInnerUp", Ee), ne(F.current, "browOuterUpLeft", Be), ne(C.current, "browOuterUpLeft", Be), ne(F.current, "browOuterUpRight", be), ne(C.current, "browOuterUpRight", be), y.current) {
-      const te = t.current ? 0 : i.rotation[1];
-      y.current.rotation.y = Ge.MathUtils.lerp(y.current.rotation.y, te, 0.1), y.current.position.set(...i.position), y.current.scale.setScalar(i.scale), y.current.rotation.x = i.rotation[0], y.current.rotation.z = i.rotation[2];
-    }
-    if (t.current && r.current) {
-      const te = r.current.currentTime, oe = (te - n.current) * 1e3 - -150;
-      for (let fe = 0; fe < e.current.length; fe++) {
-        const ae = e.current[fe];
-        oe >= ae.vtime && oe < ae.vtime + ae.vduration && Ze(ae.viseme, ae.weight ?? 1);
+      if (x.current && p.current) {
+        const j = p.current.currentTime, ve = (j - D.current) * 1e3 - -150;
+        for (let Ee = 0; Ee < w.current.length; Ee++) {
+          const Se = w.current[Ee];
+          ve >= Se.vtime && ve < Se.vtime + Se.vduration && Ue(Se.viseme, Se.weight ?? 1);
+        }
+        j > k.current + 0.5 && (Q(), U(!1));
       }
-      te > u.current + 0.5 && (l(), f(!1));
-    }
-  }), /* @__PURE__ */ N("group", { ref: y, children: /* @__PURE__ */ N("primitive", { object: m }) });
-});
-function or(d) {
-  return d ? d.charAt(0).toUpperCase() + d.slice(1).toLowerCase() : "";
+    }), /* @__PURE__ */ f("group", { ref: J, children: /* @__PURE__ */ f("primitive", { object: g }) });
+  }
+);
+function Zt(u) {
+  return u ? u.charAt(0).toUpperCase() + u.slice(1).toLowerCase() : "";
 }
-const ar = ({ token: d, agentToken: t, onNavigationRequested: e } = {}) => {
-  const r = d ?? t ?? "", n = zs(r || void 0), [i, s] = K(""), [a, o] = K(""), [c, u] = K("Ready"), [l, f] = K(!1), [h, T] = K(!1), m = L(!1), b = L([]), S = L(0), P = L(!1), D = L([]), y = L(null), F = L([]);
-  L([]);
-  const C = L([]), H = L(0), B = L(0), O = L(0), U = L(0), [Z, ue] = K(null), Te = L(null), [ye, Xe] = K("neutral"), [Ze, et] = K(""), [v, A] = K(""), [x, g] = K("Chat with us"), [M, ee] = K(null), [X, Ae] = K("hidden"), [Fe, ke] = K(""), Pe = L(null), Ue = L(X);
-  Ue.current = X;
-  const [Rt, Ne] = K(null), He = L(null), Be = L(null), [be, Ee] = K("hidden"), [te, _e] = K(""), se = L(be);
-  se.current = be;
-  const oe = L(""), fe = L(!1), ae = L(""), Ce = gt(() => c === "Thinking..." || c === "Processing Voice..." ? c : M != null && M !== "" && M !== "none" && M !== "<none>" ? `Enter ${or(M)}` : null, [c, M]), ze = Ce != null && Ce !== "";
-  ie(() => {
-    const p = Ue.current;
-    if (!(p === "exiting" || p === "entering")) {
-      if (p === "hidden") {
-        ze && (ke(Ce ?? ""), Ae("entering"));
+const en = ({
+  token: u,
+  agentToken: x,
+  onNavigationRequested: w
+} = {}) => {
+  const p = u ?? x ?? "", D = Vt(p || void 0), [M, L] = y(""), [he, re] = y(""), [O, k] = y("Ready"), [Q, U] = y(!1), [E, ce] = y(!1), [g, ke] = y(
+    () => typeof window < "u" ? window.matchMedia("(max-width: 480px)").matches : !1
+  );
+  z(() => {
+    const e = window.matchMedia("(max-width: 480px)"), t = () => ke(e.matches);
+    return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+  }, []);
+  const Z = g ? 80 : 600, pe = o(!1), se = o([]), J = o(0), I = o(!1), m = o([]), $ = o(null), R = o([]);
+  o([]);
+  const v = o([]), b = o(0), K = o(0), q = o(0), le = o(0), ee = o(!1), [Re, Ue] = y(
+    null
+  ), Ce = o(null), [d, c] = y("neutral"), [s, n] = y(""), [h, H] = y(""), [Y, be] = y("Chat with us"), [me, Ae] = y(
+    null
+  ), [ge, _e] = y("hidden"), [De, we] = y(""), Oe = o(null), Le = o(ge);
+  Le.current = ge;
+  const [je, Ne] = y(null), j = o(null), ie = o(null), [W, ve] = y("hidden"), [Ee, Se] = y(""), Je = o(W);
+  Je.current = W;
+  const ue = o(""), Me = o(!1), Te = o(""), Ie = et(() => O === "Thinking..." || O === "Processing Voice..." ? O : me != null && me !== "" && me !== "none" && me !== "<none>" ? `Enter ${Zt(me)}` : null, [O, me]), We = Ie != null && Ie !== "";
+  z(() => {
+    const e = Le.current;
+    if (!(e === "exiting" || e === "entering")) {
+      if (e === "hidden") {
+        We && (we(Ie ?? ""), _e("entering"));
         return;
       }
-      p === "visible" && (!ze || Ce !== Fe) && (Pe.current = ze ? Ce : null, Ae("exiting"));
+      e === "visible" && (!We || Ie !== De) && (Oe.current = We ? Ie : null, _e("exiting"));
     }
-  }, [ze, Ce, X, Fe]);
-  const nn = Ye(() => {
-    const p = Ue.current;
-    if (p === "exiting") {
-      Ae("hidden");
-      const w = Pe.current;
-      Pe.current = null, w != null && w !== "" && (ke(w), Ae("entering"));
-    } else p === "entering" && Ae("visible");
-  }, []), sn = (p) => {
-    if (!p) return;
-    if (p.mood != null) {
-      const _ = String(p.mood).toLowerCase();
-      Xe(_);
+  }, [
+    We,
+    Ie,
+    ge,
+    De
+  ]);
+  const pt = $e(() => {
+    const e = Le.current;
+    if (e === "exiting") {
+      _e("hidden");
+      const t = Oe.current;
+      Oe.current = null, t != null && t !== "" && (we(t), _e("entering"));
+    } else e === "entering" && _e("visible");
+  }, []), mt = (e) => {
+    if (!e) return;
+    if (e.mood != null) {
+      const r = String(e.mood).toLowerCase();
+      c(r);
     }
-    if (p.expression != null) {
-      const _ = String(p.expression).trim();
-      et(_);
-      const I = qs.find((G) => G.name.toLowerCase() === _.toLowerCase());
-      Q(`[STREAM] Animation match for "${_}": ${I ? I.name : "NONE"}`), A(I?.url ?? "");
+    if (e.expression != null) {
+      const r = String(e.expression).trim();
+      n(r);
+      const l = $t.find(
+        (_) => _.name.toLowerCase() === r.toLowerCase()
+      );
+      B(
+        `[STREAM] Animation match for "${r}": ${l ? l.name : "NONE"}`
+      ), H(l?.url ?? "");
     }
-    if (p.navigation != null) {
-      const _ = String(p.navigation).trim();
-      _ !== "" && (e ? e(_) : window.location.href = _);
+    if (e.navigation != null) {
+      const r = String(e.navigation).trim();
+      r !== "" && (w ? w(r) : window.open(r, "_blank"));
     }
-    const w = p.ask_for || p.lead_capture?.ask_for, R = w ? String(w).trim().toLowerCase() : "", E = R === "none" || R === "<none>";
-    if (w && !E) {
-      const _ = R;
-      ee(_ || null), g(_ === "email" ? "Enter your email" : _ === "name" ? "Enter your name" : _ === "phone" ? "Enter your phone number" : "Chat with us");
-    } else (E || p.ask_for === null || p.lead_capture && p.lead_capture.ask_for === null || p.ask_for === "none") && (ee(null), x !== "Chat with us" && g("Chat with us"));
-    p.collected, p.valid;
-  }, rn = (p) => {
-    const w = p.trim();
-    if (!w) return null;
-    if (w.startsWith("{"))
+    const t = e.ask_for || e.lead_capture?.ask_for, i = t ? String(t).trim().toLowerCase() : "", a = i === "none" || i === "<none>";
+    if (t && !a) {
+      const r = i;
+      Ae(r || null), be(r === "email" ? "Enter your email" : r === "name" ? "Enter your name" : r === "phone" ? "Enter your phone number" : "Chat with us");
+    } else (a || e.ask_for === null || e.lead_capture && e.lead_capture.ask_for === null || e.ask_for === "none") && (Ae(null), Y !== "Chat with us" && be("Chat with us"));
+    e.collected, e.valid;
+  }, gt = (e) => {
+    const t = e.trim();
+    if (!t) return null;
+    if (t.startsWith("{"))
       try {
-        return JSON.parse(w);
+        return JSON.parse(t);
       } catch {
         return null;
       }
-    if (w.includes(":")) {
-      const R = w.split(":"), E = R[0].trim().toLowerCase(), _ = R.slice(1).join(":").trim();
-      return { [E]: _ };
+    if (t.includes(":")) {
+      const i = t.split(":"), a = i[0].trim().toLowerCase(), r = i.slice(1).join(":").trim();
+      return { [a]: r };
     }
     return null;
-  }, on = Ye(() => {
-  }, []), St = (p) => {
-    if (fe.current)
-      p === "§" ? fe.current = !1 : (ae.current += p, o((w) => w + p));
-    else if (p === "§") {
-      fe.current = !0;
+  }, bt = $e(() => {
+  }, []), tt = (e) => {
+    if (Me.current)
+      e === "§" ? Me.current = !1 : (Te.current += e, re((t) => t + e));
+    else if (e === "§") {
+      Me.current = !0;
       return;
     } else
-      for (oe.current += p; oe.current.includes(`
+      for (ue.current += e; ue.current.includes(`
 `); ) {
-        const w = oe.current.indexOf(`
-`), R = oe.current.slice(0, w).trim();
-        oe.current = oe.current.slice(w + 1);
-        const E = rn(R);
-        E && sn(E);
+        const t = ue.current.indexOf(`
+`), i = ue.current.slice(0, t).trim();
+        ue.current = ue.current.slice(t + 1);
+        const a = gt(i);
+        a && mt(a);
       }
   };
-  ie(() => {
+  z(() => {
     (async () => {
-      if (!sessionStorage.getItem("STREAMOJI_LEADS_SESSION_LEAD_ID")) {
-        const R = "secret", E = Math.floor(Date.now() / 1e3).toString();
+      if (!sessionStorage.getItem(
+        "STREAMOJI_LEADS_SESSION_LEAD_ID"
+      )) {
+        const i = "secret", a = Math.floor(Date.now() / 1e3).toString();
         try {
-          const _ = new TextEncoder(), I = await crypto.subtle.importKey(
+          const r = new TextEncoder(), l = await crypto.subtle.importKey(
             "raw",
-            _.encode(R),
+            r.encode(i),
             { name: "HMAC", hash: "SHA-256" },
             !1,
             ["sign"]
-          ), G = await crypto.subtle.sign(
+          ), _ = await crypto.subtle.sign(
             "HMAC",
-            I,
-            _.encode(E)
-          ), q = Array.from(new Uint8Array(G)).map((j) => j.toString(16).padStart(2, "0")).join("");
-          sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", q), Q("[SESSION] New HMAC UID generated and saved:", q);
-        } catch (_) {
-          console.error("[SESSION] HMAC generation failed:", _);
-          const I = Math.random().toString(36) + Date.now().toString();
-          sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", I);
+            l,
+            r.encode(a)
+          ), P = Array.from(new Uint8Array(_)).map((S) => S.toString(16).padStart(2, "0")).join("");
+          sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", P), B("[SESSION] New HMAC UID generated and saved:", P);
+        } catch (r) {
+          console.error("[SESSION] HMAC generation failed:", r);
+          const l = Math.random().toString(36) + Date.now().toString();
+          sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", l);
         }
       }
-      sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES") || sessionStorage.setItem("STREAMOJI_LEADS_SESSION_MESSAGES", JSON.stringify([]));
+      sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES") || sessionStorage.setItem(
+        "STREAMOJI_LEADS_SESSION_MESSAGES",
+        JSON.stringify([])
+      );
     })();
   }, []);
-  const yt = () => {
+  const nt = () => {
     try {
-      return JSON.parse(sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES") || "[]");
+      return JSON.parse(
+        sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES") || "[]"
+      );
     } catch {
       return [];
     }
-  }, an = (p) => {
-    sessionStorage.setItem("STREAMOJI_LEADS_SESSION_MESSAGES", JSON.stringify(p));
-  }, [tt, nt] = K(!1), [At, st] = K(0), he = L(null), $e = L([]), Et = L(0), [Lt, cn] = K(null), [un, rt] = K(null), xe = L(null), Le = L(null), it = Ye(() => {
-    D.current = [], P.current = !1, T(!1), H.current = 0, B.current = 0, O.current = 0, F.current.forEach((p) => {
+  }, _t = (e) => {
+    sessionStorage.setItem(
+      "STREAMOJI_LEADS_SESSION_MESSAGES",
+      JSON.stringify(e)
+    );
+  }, [qe, Ge] = y(!1), [rt, ze] = y(0), oe = o(null), Pe = o([]), st = o(0), [it, wt] = y(
+    null
+  ), [vt, Ye] = y(
+    null
+  ), de = o(null), ye = o(
+    null
+  ), Ve = $e((e = !1) => {
+    e && (ee.current = !0, U(!1), k("Ready")), m.current = [], se.current = [], I.current = !1, ce(!1), b.current = 0, K.current = 0, q.current = 0, R.current.forEach((t) => {
       try {
-        p.stop();
+        t.stop();
       } catch {
       }
-    }), He.current && (clearTimeout(He.current), He.current = null), Ne(null), A(""), F.current = [];
-  }, []), ln = async () => {
+    }), j.current && (clearTimeout(j.current), j.current = null), Ne(null), H(""), R.current = [];
+  }, []), St = async () => {
     try {
-      const p = await navigator.mediaDevices.getUserMedia({ audio: !0 }), w = window.AudioContext || window.webkitAudioContext, R = new w(), E = R.createMediaStreamSource(p), _ = R.createAnalyser();
-      _.fftSize = 64, E.connect(_), xe.current = R, Le.current = E, rt(_);
-      const I = new MediaRecorder(p);
-      he.current = I, $e.current = [], I.ondataavailable = (G) => {
-        G.data.size > 0 && $e.current.push(G.data);
-      }, I.onstop = async () => {
-        const G = Date.now() - Et.current;
-        if (rt(null), Le.current && (Le.current.disconnect(), Le.current = null), xe.current && xe.current.state !== "closed" && (xe.current.close(), xe.current = null), G < 1e3) {
-          u("Recording too short. Hold or click longer."), f(!1);
+      const e = await navigator.mediaDevices.getUserMedia({ audio: !0 }), t = window.AudioContext || window.webkitAudioContext, i = new t(), a = i.createMediaStreamSource(e), r = i.createAnalyser();
+      r.fftSize = 64, a.connect(r), de.current = i, ye.current = a, Ye(r);
+      const l = new MediaRecorder(e);
+      oe.current = l, Pe.current = [], l.ondataavailable = (_) => {
+        _.data.size > 0 && Pe.current.push(_.data);
+      }, l.onstop = async () => {
+        const _ = Date.now() - st.current;
+        if (Ye(null), ye.current && (ye.current.disconnect(), ye.current = null), de.current && de.current.state !== "closed" && (de.current.close(), de.current = null), _ < 1e3) {
+          k("Recording too short. Hold or click longer."), U(!1);
           return;
         }
-        const V = new Blob($e.current, { type: "audio/wav" });
-        await pn(V);
-      }, Et.current = Date.now(), I.start(100), nt(!0), u("Listening...");
-    } catch (p) {
-      console.error("Error accessing microphone:", p), u("Mic Access Error");
+        const A = new Blob(Pe.current, {
+          type: "audio/wav"
+        });
+        await Rt(A);
+      }, st.current = Date.now(), l.start(100), Ge(!0), k("Listening...");
+    } catch (e) {
+      console.error("Error accessing microphone:", e), k("Mic Access Error");
     }
-  }, dn = () => {
-    he.current && he.current.state !== "inactive" && (he.current.stop(), he.current.stream.getTracks().forEach((p) => p.stop()), nt(!1));
-  }, fn = () => {
-    he.current && he.current.state !== "inactive" && (he.current.onstop = null, he.current.stop(), he.current.stream.getTracks().forEach((p) => p.stop()), rt(null), Le.current && (Le.current.disconnect(), Le.current = null), xe.current && xe.current.state !== "closed" && (xe.current.close(), xe.current = null), nt(!1), $e.current = [], u("Ready"));
+  }, yt = () => {
+    oe.current && oe.current.state !== "inactive" && (oe.current.stop(), oe.current.stream.getTracks().forEach((e) => e.stop()), Ge(!1));
+  }, xt = () => {
+    oe.current && oe.current.state !== "inactive" && (oe.current.onstop = null, oe.current.stop(), oe.current.stream.getTracks().forEach((e) => e.stop()), Ye(null), ye.current && (ye.current.disconnect(), ye.current = null), de.current && de.current.state !== "closed" && (de.current.close(), de.current = null), Ge(!1), Pe.current = [], k("Ready"));
   };
-  ie(() => {
-    if (!h) return;
-    const p = () => {
-      const w = O.current;
-      if (w <= 0) return;
-      const R = y.current, E = H.current;
-      if (!R) return;
-      const _ = R.currentTime - E, I = Math.min(Math.max(0, _), w), G = a.trim().length;
-      if (G <= 0) return;
-      const V = Math.min(
-        Math.round(I / w * G),
-        G
+  z(() => {
+    if (!E) return;
+    const e = () => {
+      const t = q.current;
+      if (t <= 0) return;
+      const i = $.current, a = b.current;
+      if (!i) return;
+      const r = i.currentTime - a, l = Math.min(Math.max(0, r), t), _ = he.trim().length;
+      if (_ <= 0) return;
+      const A = Math.min(
+        Math.round(l / t * _),
+        _
       );
-      ue(V);
+      Ue(A);
     };
-    return clearInterval(Te.current ?? void 0), Te.current = setInterval(p, 90), () => clearInterval(Te.current ?? void 0);
-  }, [h, a, O.current]), ie(() => {
-    let p;
-    return tt ? (st(0), p = window.setInterval(() => {
-      st((w) => w + 1);
-    }, 1e3)) : st(0), () => clearInterval(p);
-  }, [tt]);
-  const hn = (p) => {
-    const w = p.numberOfChannels, R = p.length * w * 2 + 44, E = new ArrayBuffer(R), _ = new DataView(E);
-    let I = 0;
-    const G = (z) => {
-      _.setUint16(I, z, !0), I += 2;
-    }, V = (z) => {
-      _.setUint32(I, z, !0), I += 4;
+    return clearInterval(Ce.current ?? void 0), Ce.current = setInterval(e, 90), () => clearInterval(Ce.current ?? void 0);
+  }, [E, he, q.current]), z(() => {
+    let e;
+    return qe ? (ze(0), e = window.setInterval(() => {
+      ze((t) => t + 1);
+    }, 1e3)) : ze(0), () => clearInterval(e);
+  }, [qe]);
+  const kt = (e) => {
+    const t = e.numberOfChannels, i = e.length * t * 2 + 44, a = new ArrayBuffer(i), r = new DataView(a);
+    let l = 0;
+    const _ = (F) => {
+      r.setUint16(l, F, !0), l += 2;
+    }, A = (F) => {
+      r.setUint32(l, F, !0), l += 4;
     };
-    V(1179011410), V(R - 8), V(1163280727), V(544501094), V(16), G(1), G(w), V(p.sampleRate), V(p.sampleRate * 2 * w), G(w * 2), G(16), V(1635017060), V(R - I - 4);
-    const q = [];
-    for (let z = 0; z < w; z++) q.push(p.getChannelData(z));
-    let j = 0;
-    for (; I < R; ) {
-      for (let z = 0; z < w; z++) {
-        let Y = Math.max(-1, Math.min(1, q[z][j]));
-        Y = Y < 0 ? Y * 32768 : Y * 32767, _.setInt16(I, Y, !0), I += 2;
+    A(1179011410), A(i - 8), A(1163280727), A(544501094), A(16), _(1), _(t), A(e.sampleRate), A(e.sampleRate * 2 * t), _(t * 2), _(16), A(1635017060), A(i - l - 4);
+    const P = [];
+    for (let F = 0; F < t; F++) P.push(e.getChannelData(F));
+    let S = 0;
+    for (; l < i; ) {
+      for (let F = 0; F < t; F++) {
+        let N = Math.max(-1, Math.min(1, P[F][S]));
+        N = N < 0 ? N * 32768 : N * 32767, r.setInt16(l, N, !0), l += 2;
       }
-      j++;
+      S++;
     }
-    return new Blob([E], { type: "audio/wav" });
-  }, ot = async (p, w, R = !1) => {
-    if (m.current) {
-      b.current.push({ audio: p, visemes: w, isNewSegment: R });
-      return;
-    }
-    m.current = !0;
-    try {
-      const E = window.AudioContext || window.webkitAudioContext, _ = y.current ?? new E();
-      _.state === "suspended" && await _.resume(), y.current = _;
-      const I = window.atob(p), G = new Uint8Array(I.length);
-      for (let $ = 0; $ < I.length; $++) G[$] = I.charCodeAt($);
-      const V = await _.decodeAudioData(G.buffer.slice(0));
-      O.current += V.duration;
-      const q = _.currentTime;
-      let j = B.current;
-      const z = !P.current;
-      j < q && (j = q + 0.1), B.current = j + V.duration;
-      const Y = _.createBufferSource();
-      Y.buffer = V;
-      let J = Lt;
-      if ((!J || J.context !== _) && (J = _.createAnalyser(), J.fftSize = 64, J.connect(_.destination), cn(J)), Y.connect(J), F.current.push(Y), z) {
-        P.current = !0, T(!0), Q(`[AUDIO] setIsSpeaking(true) - First chunk starting at ${j.toFixed(3)}`), H.current = j;
-        const $ = (j - q) * 1e3;
-        S.current = performance.now() + $, Q(`[AUDIO] Response started. Initial startTime: ${j.toFixed(3)}, CT: ${q.toFixed(3)}`);
+    return new Blob([a], { type: "audio/wav" });
+  }, Xe = async (e, t, i = !1) => {
+    if (!ee.current) {
+      if (pe.current) {
+        se.current.push({
+          audio: e,
+          visemes: t,
+          isNewSegment: i
+        });
+        return;
       }
-      Y.start(j);
-      const re = (j - H.current) * 1e3;
-      R && (U.current = re, Q(`[AUDIO] New segment detected at +${re.toFixed(0)}ms. Resetting segment offset.`)), w.forEach(($, we) => {
-        const W = $.symbol ?? "";
-        if (W) {
-          const le = sr(W), pe = Math.round($.start * 1e3), Me = Math.round(($.duration ?? 0) * 1e3), vt = U.current + pe;
-          we < 3 && Q(`[AUDIO] Viseme "${W}": segment_relative=${pe}ms, segment_offset=${U.current.toFixed(0)}ms => vtime=${vt}ms`), le.forEach((kt) => {
-            D.current.push({ viseme: kt.v, weight: kt.w, vtime: vt, vduration: Me });
-          });
+      pe.current = !0;
+      try {
+        const a = window.AudioContext || window.webkitAudioContext, r = $.current ?? new a();
+        r.state === "suspended" && await r.resume(), $.current = r;
+        const l = window.atob(e), _ = new Uint8Array(l.length);
+        for (let T = 0; T < l.length; T++)
+          _[T] = l.charCodeAt(T);
+        const A = await r.decodeAudioData(_.buffer.slice(0));
+        q.current += A.duration;
+        const P = r.currentTime;
+        let S = K.current;
+        const F = !I.current;
+        S < P && (S = P + 0.1), K.current = S + A.duration;
+        const N = r.createBufferSource();
+        N.buffer = A;
+        let V = it;
+        if ((!V || V.context !== r) && (V = r.createAnalyser(), V.fftSize = 64, V.connect(r.destination), wt(V)), N.connect(V), R.current.push(N), ee.current) {
+          R.current = R.current.filter((T) => T !== N);
+          return;
+        }
+        if (F) {
+          I.current = !0, ce(!0), B(
+            `[AUDIO] setIsSpeaking(true) - First chunk starting at ${S.toFixed(
+              3
+            )}`
+          ), b.current = S;
+          const T = (S - P) * 1e3;
+          J.current = performance.now() + T, B(
+            `[AUDIO] Response started. Initial startTime: ${S.toFixed(
+              3
+            )}, CT: ${P.toFixed(3)}`
+          );
+        }
+        N.start(S);
+        const X = (S - b.current) * 1e3;
+        i && (le.current = X, B(
+          `[AUDIO] New segment detected at +${X.toFixed(
+            0
+          )}ms. Resetting segment offset.`
+        )), t.forEach((T, fe) => {
+          const C = T.symbol ?? "";
+          if (C) {
+            const te = Xt(C), ae = Math.round(T.start * 1e3), xe = Math.round((T.duration ?? 0) * 1e3), ct = le.current + ae;
+            fe < 3 && B(
+              `[AUDIO] Viseme "${C}": segment_relative=${ae}ms, segment_offset=${le.current.toFixed(
+                0
+              )}ms => vtime=${ct}ms`
+            ), te.forEach((lt) => {
+              m.current.push({
+                viseme: lt.v,
+                weight: lt.w,
+                vtime: ct,
+                vduration: xe
+              });
+            });
+          }
+        }), k("Speaking...");
+      } finally {
+        if (pe.current = !1, se.current.length > 0) {
+          const a = se.current.shift();
+          a && Xe(a.audio, a.visemes, a.isNewSegment);
         }
-      }), u("Speaking...");
-    } finally {
-      if (m.current = !1, b.current.length > 0) {
-        const E = b.current.shift();
-        E && ot(E.audio, E.visemes, E.isNewSegment);
       }
     }
-  }, pn = async (p) => {
+  }, Rt = async (e) => {
     try {
-      f(!0), ae.current = "", o(""), u("Processing Voice...");
-      const w = await p.arrayBuffer(), E = await new (window.AudioContext || window.webkitAudioContext)().decodeAudioData(w), _ = hn(E), I = new FileReader();
-      I.readAsDataURL(_), I.onloadend = async () => {
-        const G = I.result.split(",")[1];
-        it(), s(""), oe.current = "", fe.current = !1;
-        const V = `${Vt}/stt?token=${encodeURIComponent(r)}`, q = await fetch(V, {
+      U(!0), Te.current = "", re(""), k("Processing Voice...");
+      const t = await e.arrayBuffer(), a = await new (window.AudioContext || window.webkitAudioContext)().decodeAudioData(t), r = kt(a), l = new FileReader();
+      l.readAsDataURL(r), l.onloadend = async () => {
+        const _ = l.result.split(",")[1];
+        Ve(), L(""), ue.current = "", Me.current = !1;
+        const A = `${dt}/stt?token=${encodeURIComponent(
+          p
+        )}`, P = await fetch(A, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ audio_base64: G, audio_format: "wav" })
+          body: JSON.stringify({
+            audio_base64: _,
+            audio_format: "wav"
+          })
         });
-        if (!q.ok) {
-          const we = await q.text();
-          let W = "STT Failed";
+        if (!P.ok) {
+          const fe = await P.text();
+          let C = "STT Failed";
           try {
-            W = JSON.parse(we).error || W;
+            C = JSON.parse(fe).error || C;
           } catch {
-            we && (W = we.slice(0, 200));
+            fe && (C = fe.slice(0, 200));
           }
-          throw new Error(W);
+          throw new Error(C);
         }
-        const j = q.body;
-        if (Q("this is body" + j), !j) {
-          u("STT Failed"), f(!1);
+        const S = P.body;
+        if (B("this is body" + S), !S) {
+          k("STT Failed"), U(!1);
           return;
         }
-        const z = j.getReader(), Y = new TextDecoder();
-        let J = "", re = !1;
-        const $ = async (we, W) => {
-          switch (we) {
+        const F = S.getReader();
+        ee.current = !1;
+        const N = new TextDecoder();
+        let V = "", X = !1;
+        const T = async (fe, C) => {
+          switch (fe) {
             case "transcript":
-              W.transcript != null && s(String(W.transcript));
+              C.transcript != null && L(String(C.transcript));
               break;
             case "text": {
-              const le = W.delta ?? W.text ?? "";
-              le && St(le);
+              const te = C.delta ?? C.text ?? "";
+              te && tt(te);
               break;
             }
             case "audio": {
-              const le = W.chunk, pe = W.visemes ?? [], Me = !!W.is_new_segment;
-              le && await ot(le, pe, Me);
+              const te = C.chunk, ae = C.visemes ?? [], xe = !!C.is_new_segment;
+              te && await Xe(te, ae, xe);
               break;
             }
             case "done": {
-              re = !0, u("Ready"), f(!1);
+              X = !0, k("Ready"), U(!1);
               break;
             }
             case "error": {
-              re = !0, u("STT Failed"), f(!1);
+              X = !0, k("STT Failed"), U(!1);
               break;
             }
             default:
@@ -2466,292 +1063,435 @@ const ar = ({ token: d, agentToken: t, onNavigationRequested: e } = {}) => {
           }
         };
         for (; ; ) {
-          const { done: we, value: W } = await z.read();
-          W && (J += Y.decode(W, { stream: !0 }));
-          const le = J.split(`
+          const { done: fe, value: C } = await F.read();
+          C && (V += N.decode(C, { stream: !0 }));
+          const te = V.split(`
 
 `);
-          J = le.pop() ?? "";
-          for (const pe of le) {
-            const Me = qe(pe);
-            Me && await $(Me.event, Me.data);
+          V = te.pop() ?? "";
+          for (const ae of te) {
+            const xe = Be(ae);
+            xe && await T(xe.event, xe.data);
           }
-          if (we) {
-            if (J.trim()) {
-              const pe = qe(J.trim());
-              pe && await $(pe.event, pe.data);
+          if (fe) {
+            if (V.trim()) {
+              const ae = Be(V.trim());
+              ae && await T(ae.event, ae.data);
             }
-            re || (u("Ready"), f(!1));
+            X || (k("Ready"), U(!1));
             break;
           }
         }
       };
-    } catch (w) {
-      console.error("Audio Submission Error:", w), u("STT Failed"), f(!1);
+    } catch (t) {
+      console.error("Audio Submission Error:", t), k("STT Failed"), U(!1);
     }
-  }, mn = async (p) => {
-    p && p.preventDefault(), ae.current = "", o(""), !(!i || l) && await gn(i);
-  }, qe = (p) => {
-    const w = p.split(/\r?\n/);
-    let R = "", E = "";
-    for (const I of w)
-      I.startsWith("event:") ? R = I.slice(6).trim() : I.startsWith("data:") && (E = I.slice(5).trim());
-    if (!R) return null;
-    let _ = {};
-    if (E)
+  }, At = async (e) => {
+    e && e.preventDefault(), Te.current = "", re(""), !(!M || Q) && await Lt(M);
+  }, Be = (e) => {
+    const t = e.split(/\r?\n/);
+    let i = "", a = "";
+    for (const l of t)
+      l.startsWith("event:") ? i = l.slice(6).trim() : l.startsWith("data:") && (a = l.slice(5).trim());
+    if (!i) return null;
+    let r = {};
+    if (a)
       try {
-        _ = JSON.parse(E);
+        r = JSON.parse(a);
       } catch {
-        _ = { raw: E };
+        r = { raw: a };
       }
-    return { event: R, data: _ };
-  }, Mt = (p, w) => {
-    switch (p) {
+    return { event: i, data: r };
+  }, ot = (e, t) => {
+    switch (e) {
       case "connected":
-        oe.current = "", fe.current = !1;
+        ue.current = "", Me.current = !1;
         break;
       case "text": {
-        const R = w.delta ?? "";
-        R && St(R);
+        const i = t.delta ?? "";
+        i && tt(i);
         break;
       }
       case "audio": {
-        const R = w.chunk, E = w.visemes ?? [];
-        R && ot(R, E);
+        const i = t.chunk, a = t.visemes ?? [];
+        i && Xe(i, a);
         break;
       }
       case "done": {
-        const R = yt(), E = ae.current.trim(), _ = [
-          ...R,
-          { role: "user", content: i || "..." },
-          { role: "assistant", content: E }
+        const i = nt(), a = Te.current.trim(), r = [
+          ...i,
+          { role: "user", content: M || "..." },
+          { role: "assistant", content: a }
         ];
-        an(_), C.current = [...D.current], u("Ready"), f(!1), s("");
+        _t(r), v.current = [...m.current], k("Ready"), U(!1), L("");
         break;
       }
       case "error": {
-        const R = w.message ?? "Unknown error";
-        ae.current = R, o(R), u("Agent Failed"), f(!1);
+        const i = t.message ?? "Unknown error";
+        Te.current = i, re(i), k("Agent Failed"), U(!1);
         break;
       }
     }
-  }, gn = async (p) => {
-    f(!0), u("Thinking..."), ae.current = "", oe.current = "", fe.current = !1, it(), O.current = 0, ue(0);
-    const w = `${Vt}/agent/chat?token=${encodeURIComponent(r)}`;
+  }, Lt = async (e) => {
+    U(!0), k("Thinking..."), Te.current = "", ue.current = "", Me.current = !1, Ve(), q.current = 0, Ue(0);
+    const t = `${dt}/agent/chat?token=${encodeURIComponent(
+      p
+    )}`;
     try {
-      const R = yt();
-      let E = sessionStorage.getItem("STREAMOJI_LEADS_SESSION_LEAD_ID");
-      E || (Ks("[CHAT] Session UID missing at send time! Generating emergency backup."), E = "emergency-" + Math.random().toString(36).substring(7), sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", E));
-      const _ = {
-        history: R,
-        question: p,
-        lead_id: E
+      const i = nt();
+      let a = sessionStorage.getItem("STREAMOJI_LEADS_SESSION_LEAD_ID");
+      a || (Nt(
+        "[CHAT] Session UID missing at send time! Generating emergency backup."
+      ), a = "emergency-" + Math.random().toString(36).substring(7), sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", a));
+      const r = {
+        history: i,
+        question: e,
+        lead_id: a
       };
-      Q("[CHAT] Sending payload:", _);
-      const I = await fetch(w, {
+      B("[CHAT] Sending payload:", r);
+      const l = await fetch(t, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
-        body: JSON.stringify(_),
+        body: JSON.stringify(r),
         cache: "default"
       });
-      if (!I.ok)
+      if (!l.ok)
         throw new Error("Agent request failed");
-      const G = I.body;
-      if (!G) {
-        u("Agent Failed"), f(!1);
+      const _ = l.body;
+      if (!_) {
+        k("Agent Failed"), U(!1);
         return;
       }
-      const V = G.getReader(), q = new TextDecoder();
-      let j = "";
+      const A = _.getReader();
+      ee.current = !1;
+      const P = new TextDecoder();
+      let S = "";
       for (; ; ) {
-        const { done: z, value: Y } = await V.read();
-        Q(`[SSE] Chunk received. done=${z}, length=${Y?.length || 0}`), Y && (j += q.decode(Y, { stream: !0 }));
-        const J = j.split(`
+        const { done: F, value: N } = await A.read();
+        B(
+          `[SSE] Chunk received. done=${F}, length=${N?.length || 0}`
+        ), N && (S += P.decode(N, { stream: !0 }));
+        const V = S.split(`
 
 `);
-        j = J.pop() ?? "";
-        for (const re of J) {
-          Q(`[SSE] Processing block: ${re.slice(0, 50)}...`);
-          const $ = qe(re);
-          $ && (Q(`[SSE] Event: ${$.event}`), Mt($.event, $.data));
+        S = V.pop() ?? "";
+        for (const X of V) {
+          B(`[SSE] Processing block: ${X.slice(0, 50)}...`);
+          const T = Be(X);
+          T && (B(`[SSE] Event: ${T.event}`), ot(T.event, T.data));
         }
-        if (z) {
-          if (Q("[SSE] Stream finished"), j.trim()) {
-            const re = qe(j.trim());
-            re && Mt(re.event, re.data);
+        if (F) {
+          if (B("[SSE] Stream finished"), S.trim()) {
+            const X = Be(S.trim());
+            X && ot(X.event, X.data);
           }
-          u("Ready"), f(!1), s("");
+          k("Ready"), U(!1), L("");
           break;
         }
       }
-    } catch (R) {
-      console.error("Chat Error:", R), u("Agent Failed"), f(!1);
+    } catch (i) {
+      console.error("Chat Error:", i), k("Agent Failed"), U(!1);
     }
-  }, It = a.trim(), at = It && h ? It.slice(0, Z != null && Z > 0 ? Z : 0) : "";
-  ie(() => {
-    const p = se.current;
-    p !== "exiting" && (at ? (_e(at), p === "hidden" && Ee("entering")) : (p === "visible" || p === "entering") && Ee("exiting"));
-  }, [at, be]);
-  const Tn = Ye(() => {
-    const p = se.current;
-    p === "entering" ? Ee("visible") : p === "exiting" && Ee("hidden");
+  }, at = he.trim(), Ke = at && E ? at.slice(
+    0,
+    Re != null && Re > 0 ? Re : 0
+  ) : "";
+  z(() => {
+    const e = Je.current;
+    e !== "exiting" && (Ke ? (Se(Ke), e === "hidden" && ve("entering")) : (e === "visible" || e === "entering") && ve("exiting"));
+  }, [Ke, W]);
+  const Et = $e(() => {
+    const e = Je.current;
+    e === "entering" ? ve("visible") : e === "exiting" && ve("hidden");
   }, []);
-  return _n(() => {
-    const p = Be.current;
-    p && (p.scrollTop = p.scrollHeight);
-  }, [te]), /* @__PURE__ */ de("div", { className: "avatar-widget-container", children: [
-    /* @__PURE__ */ de("div", { className: "avatar-input-area", children: [
-      X !== "hidden" ? /* @__PURE__ */ N(
+  return Ot(() => {
+    const e = ie.current;
+    e && (e.scrollTop = e.scrollHeight);
+  }, [Ee]), /* @__PURE__ */ ne("div", { className: "avatar-widget-container", children: [
+    /* @__PURE__ */ ne("div", { className: "avatar-input-area", children: [
+      ge !== "hidden" ? /* @__PURE__ */ f(
         "div",
         {
-          className: `avatar-thinking-tab${X === "exiting" ? " avatar-thinking-tab--exiting" : X === "entering" ? " avatar-thinking-tab--entering" : ""}`,
-          onAnimationEnd: nn,
-          children: Fe
+          className: `avatar-thinking-tab${ge === "exiting" ? " avatar-thinking-tab--exiting" : ge === "entering" ? " avatar-thinking-tab--entering" : ""}`,
+          onAnimationEnd: pt,
+          children: De
         }
       ) : null,
-      /* @__PURE__ */ N("div", { className: "avatar-input-container", children: /* @__PURE__ */ N("div", { style: { display: "flex", alignItems: "center", width: "100%", height: "100%" }, children: tt ? /* @__PURE__ */ de("div", { className: "avatar-input-recording", children: [
-        /* @__PURE__ */ N(
-          "button",
-          {
-            type: "button",
-            className: "avatar-recording-cancel",
-            onClick: fn,
-            title: "Cancel",
-            children: /* @__PURE__ */ de("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", style: { display: "block" }, children: [
-              /* @__PURE__ */ N("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-              /* @__PURE__ */ N("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-            ] })
-          }
-        ),
-        /* @__PURE__ */ de("div", { style: { flex: 1, height: "100%", position: "relative", display: "flex", alignItems: "center", minWidth: 0 }, children: [
-          /* @__PURE__ */ N("div", { style: { flex: 1, height: "100%" }, children: /* @__PURE__ */ N(jt, { analyser: un }) }),
-          /* @__PURE__ */ de("span", { style: {
-            fontSize: "0.75rem",
-            color: "#64748b",
-            fontWeight: 500,
-            marginLeft: "4px",
-            minWidth: "32px",
-            textAlign: "right",
-            fontVariantNumeric: "tabular-nums"
-          }, children: [
-            Math.floor(At / 60),
-            ":",
-            String(At % 60).padStart(2, "0")
-          ] })
-        ] }),
-        /* @__PURE__ */ N(
-          "button",
-          {
-            type: "button",
-            className: "avatar-recording-confirm",
-            onClick: dn,
-            title: "Send",
-            children: /* @__PURE__ */ N("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", style: { display: "block" }, children: /* @__PURE__ */ N("polyline", { points: "20 6 9 17 4 12" }) })
-          }
-        )
-      ] }) : h ? /* @__PURE__ */ N("div", { style: { flex: 1, height: "100%", display: "flex", alignItems: "center", paddingRight: "8px" }, children: /* @__PURE__ */ N(jt, { analyser: Lt }) }) : l ? /* @__PURE__ */ N("div", { style: { flex: 1, height: "100%", display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ N("div", { className: "avatar-input-loader" }) }) : /* @__PURE__ */ de("form", { onSubmit: mn, style: { flex: 1, display: "flex", height: "100%", alignItems: "center" }, children: [
-        /* @__PURE__ */ N(
-          "input",
-          {
-            id: "avatar-text-input",
-            type: "text",
-            value: i,
-            onChange: (p) => s(p.target.value),
-            placeholder: "Ask me anything",
-            disabled: l,
-            autoComplete: "off",
-            style: { width: "100%", height: "100%" }
-          }
-        ),
-        i.trim() === "" ? /* @__PURE__ */ N(
-          "button",
-          {
-            type: "button",
-            className: "mic-button",
-            onClick: ln,
-            disabled: l,
-            style: { backgroundColor: "#1e4a5e" },
-            children: /* @__PURE__ */ de("svg", { width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-              /* @__PURE__ */ N("path", { d: "M12 14C13.66 14 15 12.66 15 11V5C15 3.34 13.66 2 12 2C10.34 2 9 3.34 9 5V11C9 12.66 10.34 14 12 14Z", fill: "white" }),
-              /* @__PURE__ */ N("path", { d: "M17 11C17 13.76 14.76 16 12 16C9.24 16 7 13.76 7 11H5C5 14.53 7.61 17.43 11 17.93V21H13V17.93C16.39 17.43 19 14.53 19 11H17Z", fill: "white" })
-            ] })
-          }
-        ) : /* @__PURE__ */ N(
-          "button",
-          {
-            type: "submit",
-            className: "mic-button",
-            disabled: l,
-            style: { backgroundColor: "#1e4a5e" },
-            title: "Send",
-            children: /* @__PURE__ */ de("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-              /* @__PURE__ */ N("path", { d: "M22 2L11 13", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-              /* @__PURE__ */ N("path", { d: "M22 2L15 22L11 13L2 9L22 2Z", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-            ] })
-          }
-        )
-      ] }) }) })
+      /* @__PURE__ */ f("div", { className: "avatar-input-container", children: /* @__PURE__ */ f(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            width: "100%",
+            height: "100%"
+          },
+          children: qe ? /* @__PURE__ */ ne("div", { className: "avatar-input-recording", children: [
+            /* @__PURE__ */ f(
+              "button",
+              {
+                type: "button",
+                className: "avatar-recording-cancel",
+                onClick: xt,
+                title: "Cancel",
+                children: /* @__PURE__ */ ne(
+                  "svg",
+                  {
+                    width: "18",
+                    height: "18",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    style: { display: "block" },
+                    children: [
+                      /* @__PURE__ */ f("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                      /* @__PURE__ */ f("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                    ]
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ ne(
+              "div",
+              {
+                style: {
+                  flex: 1,
+                  height: "100%",
+                  position: "relative",
+                  display: "flex",
+                  alignItems: "center",
+                  minWidth: 0
+                },
+                children: [
+                  /* @__PURE__ */ f("div", { style: { flex: 1, height: "100%" }, children: /* @__PURE__ */ f(ut, { analyser: vt }) }),
+                  /* @__PURE__ */ ne(
+                    "span",
+                    {
+                      style: {
+                        fontSize: "0.75rem",
+                        color: "#64748b",
+                        fontWeight: 500,
+                        marginLeft: "4px",
+                        minWidth: "32px",
+                        textAlign: "right",
+                        fontVariantNumeric: "tabular-nums"
+                      },
+                      children: [
+                        Math.floor(rt / 60),
+                        ":",
+                        String(rt % 60).padStart(2, "0")
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ f(
+              "button",
+              {
+                type: "button",
+                className: "avatar-recording-confirm",
+                onClick: yt,
+                title: "Send",
+                children: /* @__PURE__ */ f(
+                  "svg",
+                  {
+                    width: "18",
+                    height: "18",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    style: { display: "block" },
+                    children: /* @__PURE__ */ f("polyline", { points: "20 6 9 17 4 12" })
+                  }
+                )
+              }
+            )
+          ] }) : E ? /* @__PURE__ */ ne("div", { className: "avatar-input-speaking", children: [
+            /* @__PURE__ */ f(
+              "div",
+              {
+                style: {
+                  flex: 1,
+                  height: "100%",
+                  display: "flex",
+                  alignItems: "center",
+                  paddingRight: "8px"
+                },
+                children: /* @__PURE__ */ f(ut, { analyser: it })
+              }
+            ),
+            /* @__PURE__ */ f(
+              "button",
+              {
+                type: "button",
+                className: "avatar-speaking-stop",
+                onClick: () => Ve(!0),
+                title: "Stop",
+                children: /* @__PURE__ */ f("span", { className: "avatar-speaking-stop__icon", "aria-hidden": !0 })
+              }
+            )
+          ] }) : Q ? /* @__PURE__ */ f(
+            "div",
+            {
+              style: {
+                flex: 1,
+                height: "100%",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center"
+              },
+              children: /* @__PURE__ */ f("div", { className: "avatar-input-loader" })
+            }
+          ) : /* @__PURE__ */ ne(
+            "form",
+            {
+              onSubmit: At,
+              style: {
+                flex: 1,
+                display: "flex",
+                height: "100%",
+                alignItems: "center"
+              },
+              children: [
+                /* @__PURE__ */ f(
+                  "input",
+                  {
+                    id: "avatar-text-input",
+                    type: "text",
+                    value: M,
+                    onChange: (e) => L(e.target.value),
+                    placeholder: "Ask me anything",
+                    disabled: Q,
+                    autoComplete: "off",
+                    style: { width: "100%", height: "100%" }
+                  }
+                ),
+                M.trim() === "" ? /* @__PURE__ */ f(
+                  "button",
+                  {
+                    type: "button",
+                    className: "mic-button",
+                    onClick: St,
+                    disabled: Q,
+                    style: { backgroundColor: "#1e4a5e" },
+                    children: /* @__PURE__ */ ne(
+                      "svg",
+                      {
+                        width: "28",
+                        height: "28",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        children: [
+                          /* @__PURE__ */ f(
+                            "path",
+                            {
+                              d: "M12 14C13.66 14 15 12.66 15 11V5C15 3.34 13.66 2 12 2C10.34 2 9 3.34 9 5V11C9 12.66 10.34 14 12 14Z",
+                              fill: "white"
+                            }
+                          ),
+                          /* @__PURE__ */ f(
+                            "path",
+                            {
+                              d: "M17 11C17 13.76 14.76 16 12 16C9.24 16 7 13.76 7 11H5C5 14.53 7.61 17.43 11 17.93V21H13V17.93C16.39 17.43 19 14.53 19 11H17Z",
+                              fill: "white"
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  }
+                ) : /* @__PURE__ */ f(
+                  "button",
+                  {
+                    type: "submit",
+                    className: "mic-button",
+                    disabled: Q,
+                    style: { backgroundColor: "#1e4a5e" },
+                    title: "Send",
+                    children: /* @__PURE__ */ f("img", { src: "/assets/leadmoji-logo-send.png", alt: "Send", width: 24, height: 24 })
+                  }
+                )
+              ]
+            }
+          )
+        }
+      ) })
     ] }),
-    /* @__PURE__ */ N("div", { className: "avatar-wrapper", children: /* @__PURE__ */ de("div", { className: "avatar-scene-wrapper", children: [
-      be !== "hidden" && /* @__PURE__ */ N(
+    /* @__PURE__ */ f("div", { className: "avatar-wrapper", children: /* @__PURE__ */ ne("div", { className: "avatar-scene-wrapper", children: [
+      W !== "hidden" && /* @__PURE__ */ f(
         "div",
         {
-          className: `avatar-bubble${be === "entering" ? " avatar-bubble--entering" : be === "exiting" ? " avatar-bubble--exiting" : ""}`,
-          onAnimationEnd: Tn,
-          children: /* @__PURE__ */ N("div", { ref: Be, className: "avatar-bubble__content", children: te })
+          className: `avatar-bubble${W === "entering" ? " avatar-bubble--entering" : W === "exiting" ? " avatar-bubble--exiting" : ""}`,
+          onAnimationEnd: Et,
+          children: /* @__PURE__ */ f("div", { ref: ie, className: "avatar-bubble__content", children: Ee })
         }
       ),
-      /* @__PURE__ */ N("div", { className: "avatar-canvas-layer", style: { width: 600, height: 600 }, children: /* @__PURE__ */ de(
-        Rn,
+      /* @__PURE__ */ f(
+        "div",
         {
-          shadows: !0,
-          camera: { position: [0.2, 1.4, 3], fov: 42 },
-          gl: { alpha: !0 },
-          dpr: 1.8,
-          style: { pointerEvents: "none", width: "100%", height: "100%" },
-          children: [
-            /* @__PURE__ */ N(rr, { target: Qs }),
-            /* @__PURE__ */ N("ambientLight", { intensity: 0.7 }),
-            /* @__PURE__ */ N("directionalLight", { position: [0, 2, 2], intensity: 1 }),
-            /* @__PURE__ */ N(yn, { preset: "city" }),
-            /* @__PURE__ */ N(xn, { fallback: null, children: n !== null && /* @__PURE__ */ N(
-              ir,
-              {
-                avatarUrl: n,
-                isPlayingRef: P,
-                visemeQueueRef: D,
-                audioContextRef: y,
-                responseAudioStartTimeRef: H,
-                adjustments: Js,
-                mood: ye,
-                expression: Ze,
-                agentResponse: a,
-                isSpeaking: h,
-                nextStartTimeRef: B,
-                stopPlayback: it,
-                setIsSpeaking: T,
-                expressionUrl: v,
-                onExpressionFinished: on
-              }
-            ) })
-          ]
+          className: "avatar-canvas-layer",
+          style: { width: Z, height: Z },
+          children: /* @__PURE__ */ ne(
+            It,
+            {
+              shadows: !0,
+              camera: { position: [0.2, 1.4, 3], fov: 42 },
+              gl: { alpha: !0 },
+              dpr: 1.8,
+              style: { pointerEvents: "none", width: "100%", height: "100%" },
+              children: [
+                /* @__PURE__ */ f(Kt, { target: Jt }),
+                /* @__PURE__ */ f("ambientLight", { intensity: 0.7 }),
+                /* @__PURE__ */ f("directionalLight", { position: [0, 2, 2], intensity: 1 }),
+                /* @__PURE__ */ f(Mt, { preset: "city" }),
+                /* @__PURE__ */ f(Ft, { fallback: null, children: D !== null && /* @__PURE__ */ f(
+                  Qt,
+                  {
+                    avatarUrl: D,
+                    isPlayingRef: I,
+                    visemeQueueRef: m,
+                    audioContextRef: $,
+                    responseAudioStartTimeRef: b,
+                    adjustments: jt,
+                    mood: d,
+                    expression: s,
+                    agentResponse: he,
+                    isSpeaking: E,
+                    nextStartTimeRef: K,
+                    stopPlayback: Ve,
+                    setIsSpeaking: ce,
+                    expressionUrl: h,
+                    onExpressionFinished: bt
+                  }
+                ) })
+              ]
+            }
+          )
         }
-      ) })
+      )
     ] }) })
   ] });
-}, hr = ({
-  token: d,
-  onNavigationRequested: t
-}) => /* @__PURE__ */ N(
-  ar,
+}, an = ({
+  token: u,
+  onNavigationRequested: x
+}) => /* @__PURE__ */ f(
+  en,
   {
-    token: d,
-    onNavigationRequested: t
+    token: u,
+    onNavigationRequested: x
   }
 );
 export {
-  hr as AvatarWidget
+  an as AvatarWidget
 };
 //# sourceMappingURL=avatar-widget.js.map