@myned-ai/avatar-chat-widget 0.0.3 → 0.2.0

package/dist/avatar-chat-widget.js

@@ -3,7 +3,7 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var _a;
 const __vite_import_meta_env__ = {};
-const DEFAULT_CONFIG$1 = {
+const DEFAULT_CONFIG$2 = {
   auth: {
     enabled: false
     // Dev mode: auth disabled for local testing
@@ -61,14 +61,39 @@ const DEFAULT_CONFIG$1 = {
   ui: {
     avatarBackgroundColor: "0xffffff",
     useIrisOcclusion: true
+  },
+  assets: {
+    // Default to local paths (works in dev mode)
+    // CDN usage will auto-detect and override this in widget.ts init()
+    baseUrl: "",
+    // Empty = use root path (works with Vite's public folder)
+    defaultAvatarPath: "/asset/nyx.zip"
   }
 };
-let runtimeConfig = JSON.parse(JSON.stringify(DEFAULT_CONFIG$1));
+function deepClone(obj) {
+  if (obj === null || typeof obj !== "object") {
+    return obj;
+  }
+  if (obj instanceof Date) {
+    return new Date(obj.getTime());
+  }
+  if (Array.isArray(obj)) {
+    return obj.map((item) => deepClone(item));
+  }
+  const clonedObj = {};
+  for (const key in obj) {
+    if (Object.prototype.hasOwnProperty.call(obj, key)) {
+      clonedObj[key] = deepClone(obj[key]);
+    }
+  }
+  return clonedObj;
+}
+let runtimeConfig = deepClone(DEFAULT_CONFIG$2);
 function deepMerge(target, source) {
   const result = { ...target };
   for (const key in source) {
     if (source[key] !== void 0) {
-      if (typeof source[key] === "object" && source[key] !== null && !Array.isArray(source[key]) && typeof target[key] === "object") {
+      if (typeof source[key] === "object" && source[key] !== null && !Array.isArray(source[key]) && typeof target[key] === "object" && typeof source[key] !== "function") {
         result[key] = deepMerge(target[key], source[key]);
       } else {
         result[key] = source[key];
@@ -80,9 +105,21 @@ function deepMerge(target, source) {
 function setConfig(config) {
   runtimeConfig = deepMerge(runtimeConfig, config);
 }
-const CONFIG = new Proxy({}, {
-  get(_target2, prop) {
-    return runtimeConfig[prop];
+const CONFIG = new Proxy(runtimeConfig, {
+  get(target, prop) {
+    if (typeof prop === "string" && prop in target) {
+      return target[prop];
+    }
+    if (typeof prop === "symbol") {
+      return target[prop];
+    }
+    throw new Error(`Invalid config property: ${String(prop)}`);
+  },
+  set(_target2, prop) {
+    throw new Error(`CONFIG is read-only. Use setConfig() to update. Attempted to set: ${String(prop)}`);
+  },
+  deleteProperty(_target2, prop) {
+    throw new Error(`CONFIG is read-only. Cannot delete property: ${String(prop)}`);
   }
 });
 const LogLevel = {
@@ -258,7 +295,9 @@ class LazyAvatar {
       const { GaussianAvatar: GaussianAvatar2 } = await Promise.resolve().then(() => GaussianAvatar$1);
       this._removePlaceholder();
       this._avatar = new GaussianAvatar2(this._container, this._assetsPath);
-      await this._avatar.start?.();
+      if ("start" in this._avatar && typeof this._avatar.start === "function") {
+        await this._avatar.start();
+      }
       if (this._pendingState !== "Idle") {
         this._avatar.setChatState(this._pendingState);
       }
@@ -284,7 +323,9 @@ class LazyAvatar {
    */
   start() {
     if (this._avatar) {
-      this._avatar.start?.();
+      if ("start" in this._avatar && typeof this._avatar.start === "function") {
+        this._avatar.start();
+      }
     } else {
       this.load();
     }
@@ -323,12 +364,12 @@ class LazyAvatar {
     }
   }
   pause() {
-    if (this._avatar && "pause" in this._avatar) {
+    if (this._avatar && "pause" in this._avatar && typeof this._avatar.pause === "function") {
       this._avatar.pause();
     }
   }
   resume() {
-    if (this._avatar && "resume" in this._avatar) {
+    if (this._avatar && "resume" in this._avatar && typeof this._avatar.resume === "function") {
       this._avatar.resume();
     }
   }
@@ -391,20 +432,45 @@ class EventEmitter {
 class ErrorBoundary {
   constructor() {
     this.errorHandlers = /* @__PURE__ */ new Map();
-    this.errorCounts = /* @__PURE__ */ new Map();
-    this.maxErrorsPerContext = 10;
+    this.errorWindows = /* @__PURE__ */ new Map();
+    this.maxErrorsPerWindow = 10;
+    this.errorWindowMs = 6e4;
+    this.circuitResetMs = 3e4;
   }
+  // 30 seconds to try recovery
   registerHandler(context, handler) {
     this.errorHandlers.set(context, handler);
   }
   handleError(error2, context) {
     console.error(`[${context}]`, error2);
-    const count = (this.errorCounts.get(context) || 0) + 1;
-    this.errorCounts.set(context, count);
-    if (count > this.maxErrorsPerContext) {
-      console.error(`Too many errors in context: ${context}. Circuit breaker triggered.`);
-      this.notifyUser(`Service temporarily unavailable: ${context}`);
-      return;
+    const now = Date.now();
+    const errorWindow = this.errorWindows.get(context);
+    if (errorWindow?.circuitOpen) {
+      if (errorWindow.circuitOpenedAt && now - errorWindow.circuitOpenedAt > this.circuitResetMs) {
+        console.info(`[${context}] Circuit breaker reset attempt - clearing error history`);
+        this.errorWindows.delete(context);
+      } else {
+        console.warn(`[${context}] Circuit breaker open - error suppressed`);
+        return;
+      }
+    }
+    if (!errorWindow || now - errorWindow.firstError > this.errorWindowMs) {
+      this.errorWindows.set(context, {
+        count: 1,
+        firstError: now,
+        circuitOpen: false
+      });
+    } else {
+      errorWindow.count++;
+      if (errorWindow.count > this.maxErrorsPerWindow) {
+        errorWindow.circuitOpen = true;
+        errorWindow.circuitOpenedAt = now;
+        console.error(
+          `[${context}] Too many errors (${errorWindow.count} in ${this.errorWindowMs}ms). Circuit breaker triggered for ${this.circuitResetMs}ms.`
+        );
+        this.notifyUser(`Service temporarily unavailable: ${context}. Retrying in ${this.circuitResetMs / 1e3}s...`);
+        return;
+      }
     }
     const handler = this.errorHandlers.get(context);
     if (handler) {
@@ -432,15 +498,33 @@ class ErrorBoundary {
     });
     window.dispatchEvent(event);
   }
+  /**
+   * Reset error tracking for a context (or all contexts)
+   */
   reset(context) {
     if (context) {
-      this.errorCounts.delete(context);
+      this.errorWindows.delete(context);
     } else {
-      this.errorCounts.clear();
+      this.errorWindows.clear();
     }
   }
+  /**
+   * Get current error count for a context
+   */
   getErrorCount(context) {
-    return this.errorCounts.get(context) || 0;
+    return this.errorWindows.get(context)?.count || 0;
+  }
+  /**
+   * Check if circuit breaker is open for a context
+   */
+  isCircuitOpen(context) {
+    return this.errorWindows.get(context)?.circuitOpen || false;
+  }
+  /**
+   * Get error window stats for monitoring/debugging
+   */
+  getStats(context) {
+    return this.errorWindows.get(context) || null;
   }
 }
 const errorBoundary = new ErrorBoundary();
@@ -584,9 +668,11 @@ class BinaryProtocol {
     const headerSize = 5;
     const audioData = buffer.slice(headerSize);
     return {
-      type,
-      audio: audioData,
-      timestamp
+      type: "audio_chunk",
+      data: audioData,
+      timestamp,
+      sessionId: ""
+      // SessionId not included in binary protocol, set by handler
     };
   }
   /**
@@ -598,10 +684,16 @@ class BinaryProtocol {
     const weightsData = new Float32Array(buffer, headerSize, 52);
     const weights = new Float32Array(52);
     weights.set(weightsData);
+    const weightsRecord = {};
+    weights.forEach((value, index) => {
+      weightsRecord[`blend_${index}`] = value;
+    });
     return {
-      type,
-      weights: Array.from(weights),
-      timestamp
+      type: "blendshape",
+      weights: weightsRecord,
+      timestamp,
+      sessionId: ""
+      // SessionId not included in binary protocol, set by handler
     };
   }
   /**
@@ -618,11 +710,22 @@ class BinaryProtocol {
     const weightsData = new Float32Array(buffer, weightsStart, 52);
     const weights = new Float32Array(52);
     weights.set(weightsData);
+    const weightsRecord = {};
+    weights.forEach((value, index) => {
+      weightsRecord[`blend_${index}`] = value;
+    });
+    const bytes = new Uint8Array(audioData);
+    const binary = String.fromCharCode.apply(null, Array.from(bytes));
+    const base64Audio = btoa(binary);
     return {
-      type,
-      audio: audioData,
-      weights: Array.from(weights),
-      timestamp
+      type: "sync_frame",
+      audio: base64Audio,
+      weights: weightsRecord,
+      timestamp,
+      sessionId: "",
+      // SessionId not included in binary protocol, set by handler
+      frameIndex: 0
+      // FrameIndex not included in binary protocol, set by handler
     };
   }
   /**
@@ -747,6 +850,7 @@ class SocketService extends EventEmitter {
     this.heartbeatInterval = null;
     this.messageQueue = [];
     this.maxQueueSize = 100;
+    this.maxReconnectAttempts = 10;
     this.isIntentionallyClosed = false;
     this.useBinaryProtocol = false;
     this.authService = new AuthService();
@@ -846,8 +950,22 @@ class SocketService extends EventEmitter {
       log$c.info("Auth failed, clearing token");
       this.authService.clearToken();
     }
-    if (!this.isIntentionallyClosed && this.reconnectAttempts < CONFIG.websocket.reconnectAttempts) {
-      this.scheduleReconnect();
+    if (!this.isIntentionallyClosed) {
+      const maxAttempts = Math.min(CONFIG.websocket.reconnectAttempts, this.maxReconnectAttempts);
+      if (this.reconnectAttempts < maxAttempts) {
+        this.scheduleReconnect();
+      } else {
+        log$c.error(`Max reconnection attempts (${maxAttempts}) reached. Giving up.`);
+        this.setConnectionState("error");
+        this.emit("connection-failed", {
+          reason: "max-retries",
+          attempts: this.reconnectAttempts
+        });
+        errorBoundary.handleError(
+          new Error(`Failed to connect after ${maxAttempts} attempts`),
+          "websocket"
+        );
+      }
     }
   }
   scheduleReconnect() {
@@ -856,7 +974,8 @@ class SocketService extends EventEmitter {
     }
     this.setConnectionState("reconnecting");
     const delay = this.calculateReconnectDelay();
-    log$c.info(`Reconnecting in ${delay}ms (attempt ${this.reconnectAttempts + 1}/${CONFIG.websocket.reconnectAttempts})`);
+    const maxAttempts = Math.min(CONFIG.websocket.reconnectAttempts, this.maxReconnectAttempts);
+    log$c.info(`Reconnecting in ${delay}ms (attempt ${this.reconnectAttempts + 1}/${maxAttempts})`);
     this.reconnectTimeout = window.setTimeout(() => {
       this.reconnectTimeout = null;
       this.reconnectAttempts++;
@@ -941,6 +1060,17 @@ class SocketService extends EventEmitter {
       this.emit("connectionStateChanged", state);
     }
   }
+  /**
+   * Manually reconnect to the server
+   * Resets reconnection counter and attempts immediate connection
+   */
+  async reconnect() {
+    log$c.info("Manual reconnect requested");
+    this.disconnect();
+    this.reconnectAttempts = 0;
+    this.isIntentionallyClosed = false;
+    return this.connect();
+  }
   disconnect() {
     this.isIntentionallyClosed = true;
     if (this.reconnectTimeout !== null) {
@@ -1071,7 +1201,9 @@ class AudioInput {
     if (!this.audioContext || !this.sourceNode) {
       throw new Error("AudioContext not initialized");
     }
-    await this.audioContext.audioWorklet.addModule("/pcm16-processor.worklet.js");
+    const baseUrl = CONFIG.assets.baseUrl || "";
+    const workletUrl = baseUrl ? `${baseUrl}/pcm16-processor.worklet.js` : "/pcm16-processor.worklet.js";
+    await this.audioContext.audioWorklet.addModule(workletUrl);
     this.workletNode = new AudioWorkletNode(this.audioContext, "pcm16-processor", {
       numberOfInputs: 1,
       numberOfOutputs: 1,
@@ -1188,7 +1320,7 @@ class AudioInput {
       };
       this.mediaRecorder.onerror = (event) => {
         errorBoundary.handleError(
-          new Error(`MediaRecorder error: ${event.error}`),
+          new Error(`MediaRecorder error: ${event.error || "Unknown error"}`),
           "audio-input"
         );
       };
@@ -1538,6 +1670,7 @@ const _AudioContextManagerImpl = class _AudioContextManagerImpl {
     this._context = null;
     this._isResumeListenerAdded = false;
     this._resumePromise = null;
+    this._suspendPromise = null;
     this._sampleRate = 24e3;
   }
   static getInstance() {
@@ -1559,6 +1692,9 @@ const _AudioContextManagerImpl = class _AudioContextManagerImpl {
     }
     try {
       const AudioContextClass = window.AudioContext || window.webkitAudioContext;
+      if (!AudioContextClass) {
+        throw new Error("AudioContext not supported in this browser");
+      }
       this._context = new AudioContextClass({
         sampleRate: this._sampleRate,
         latencyHint: "interactive"
@@ -1604,6 +1740,7 @@ const _AudioContextManagerImpl = class _AudioContextManagerImpl {
   }
   /**
    * Resume the AudioContext (call after user interaction)
+   * Race-condition safe: multiple calls will share the same promise
    */
   async resume() {
     if (!this._context) {
@@ -1615,28 +1752,45 @@ const _AudioContextManagerImpl = class _AudioContextManagerImpl {
     if (this._resumePromise) {
       return this._resumePromise;
     }
-    this._resumePromise = this._context.resume().then(() => {
-      log$9.info("AudioContext resumed successfully");
-    }).catch((error2) => {
-      log$9.error("Failed to resume AudioContext:", error2);
-      errorBoundary.handleError(error2, "audio-context-manager");
-    }).finally(() => {
-      this._resumePromise = null;
-    });
+    this._resumePromise = (async () => {
+      try {
+        await this._context.resume();
+        log$9.info("AudioContext resumed successfully");
+      } catch (error2) {
+        log$9.error("Failed to resume AudioContext:", error2);
+        errorBoundary.handleError(error2, "audio-context-manager");
+        throw error2;
+      } finally {
+        this._resumePromise = null;
+      }
+    })();
     return this._resumePromise;
   }
   /**
    * Suspend the AudioContext (save resources when not needed)
+   * Race-condition safe: multiple calls will share the same promise
    */
   async suspend() {
-    if (this._context && this._context.state === "running") {
+    if (!this._context) {
+      return;
+    }
+    if (this._context.state === "suspended") {
+      return;
+    }
+    if (this._suspendPromise) {
+      return this._suspendPromise;
+    }
+    this._suspendPromise = (async () => {
       try {
         await this._context.suspend();
         log$9.debug("AudioContext suspended");
       } catch (error2) {
         log$9.error("Failed to suspend AudioContext:", error2);
+      } finally {
+        this._suspendPromise = null;
       }
-    }
+    })();
+    return this._suspendPromise;
   }
   /**
    * Get current AudioContext state
@@ -2596,6 +2750,7 @@ class ChatManager {
     this.isRecording = false;
     this.animationFrameId = null;
     this.useSyncPlayback = false;
+    this.currentStreamingMessage = null;
     this.avatar = avatar;
     this.options = options;
     this.userId = this.generateUserId();
@@ -2754,21 +2909,21 @@ class ChatManager {
         this.syncPlayback.stop();
         this.audioOutput.stop();
         this.blendshapeBuffer.clear();
+        this.finalizeStreamingMessage();
         this.avatar.disableLiveBlendshapes();
         this.avatar.setChatState("Hello");
       }
     });
     this.socketService.on("transcript_delta", (message) => {
-      if (message.type === "transcript_delta") {
-        log$3.debug(`Transcript delta [${message.role}]: ${message.text}`);
+      if (message.type === "transcript_delta" && message.text) {
+        const role = message.role === "assistant" ? "assistant" : "user";
+        this.streamTranscript(message.text, role);
       }
     });
     this.socketService.on("transcript_done", (message) => {
       if (message.type === "transcript_done") {
         log$3.debug(`Transcript complete [${message.role}]: ${message.text}`);
-        if (message.text) {
-          this.addMessage(message.text, message.role === "assistant" ? "assistant" : "user");
-        }
+        this.finalizeStreamingMessage();
       }
     });
     this.socketService.on("error", (error2) => {
@@ -2891,6 +3046,60 @@ class ChatManager {
     this.scrollToBottom();
     this.options.onMessage?.({ role: sender, text });
   }
+  /**
+   * Stream transcript text in real-time (word by word)
+   */
+  streamTranscript(text, role) {
+    if (!this.currentStreamingMessage || this.currentStreamingMessage.role !== role) {
+      const messageId = Date.now().toString();
+      const messageEl = document.createElement("div");
+      messageEl.className = `message ${role}`;
+      messageEl.dataset.id = messageId;
+      const bubbleEl = document.createElement("div");
+      bubbleEl.className = "message-bubble";
+      bubbleEl.textContent = text;
+      const timeEl = document.createElement("div");
+      timeEl.className = "message-time";
+      timeEl.textContent = (/* @__PURE__ */ new Date()).toLocaleTimeString([], {
+        hour: "2-digit",
+        minute: "2-digit"
+      });
+      messageEl.appendChild(bubbleEl);
+      messageEl.appendChild(timeEl);
+      this.chatMessages.appendChild(messageEl);
+      this.currentStreamingMessage = {
+        id: messageId,
+        element: messageEl,
+        role
+      };
+      this.scrollToBottom();
+    } else {
+      const bubbleEl = this.currentStreamingMessage.element.querySelector(".message-bubble");
+      if (bubbleEl) {
+        bubbleEl.textContent += text;
+        this.scrollToBottom();
+      }
+    }
+  }
+  /**
+   * Finalize the streaming message and add it to messages array
+   */
+  finalizeStreamingMessage() {
+    if (!this.currentStreamingMessage) return;
+    const bubbleEl = this.currentStreamingMessage.element.querySelector(".message-bubble");
+    const text = bubbleEl?.textContent || "";
+    if (text) {
+      const message = {
+        id: this.currentStreamingMessage.id,
+        text,
+        sender: this.currentStreamingMessage.role,
+        timestamp: Date.now()
+      };
+      this.messages.push(message);
+      this.options.onMessage?.({ role: this.currentStreamingMessage.role, text });
+    }
+    this.currentStreamingMessage = null;
+  }
   renderMessage(message) {
     const messageEl = document.createElement("div");
     messageEl.className = `message ${message.sender}`;
@@ -2919,30 +3128,51 @@ class ChatManager {
       this.resetOnMinimize();
     } else {
       bubble?.classList.add("hidden");
+      this.reconnectOnExpand();
     }
   }
+  /**
+   * Reset chat state when minimizing (public API for widget)
+   */
   resetOnMinimize() {
+    log$3.info("Minimizing widget - stopping all activity");
     if (this.isRecording) {
+      log$3.debug("Stopping recording...");
       this.stopRecording();
     }
+    log$3.debug("Stopping audio playback and clearing buffers...");
     this.syncPlayback.stop();
     this.audioOutput.stop();
     this.blendshapeBuffer.clear();
     this.avatar.disableLiveBlendshapes();
+    log$3.debug("Disconnecting from server...");
+    this.socketService.disconnect();
     this.avatar.setChatState("Idle");
-    if ("pause" in this.avatar) {
+    if ("pause" in this.avatar && typeof this.avatar.pause === "function") {
       this.avatar.pause();
     }
-    log$3.debug("Chat minimized - reset audio, animation, and avatar state");
+    log$3.info("Widget minimized - all activity stopped");
+  }
+  /**
+   * Reconnect to server when expanding (public API for widget)
+   */
+  async reconnectOnExpand() {
+    try {
+      await this.socketService.connect();
+      log$3.debug("Chat expanded - reconnected to server");
+    } catch (error2) {
+      log$3.error("Failed to reconnect on expand:", error2);
+    }
+    if ("resume" in this.avatar && typeof this.avatar.resume === "function") {
+      this.avatar.resume();
+    }
   }
   openChat() {
     const widget = document.getElementById("chatWidget");
     const bubble = document.getElementById("chatBubble");
     widget?.classList.remove("minimized");
     bubble?.classList.add("hidden");
-    if ("resume" in this.avatar) {
-      this.avatar.resume();
-    }
+    this.reconnectOnExpand();
     this.chatInput?.focus();
   }
   generateUserId() {
@@ -2961,6 +3191,12 @@ class ChatManager {
     }
     return bytes.buffer;
   }
+  /**
+   * Manually reconnect to the server
+   */
+  async reconnect() {
+    return this.socketService.reconnect();
+  }
   dispose() {
     if (this.animationFrameId !== null) {
       cancelAnimationFrame(this.animationFrameId);
@@ -2972,19 +3208,6 @@ class ChatManager {
     this.syncPlayback.dispose();
   }
 }
-const log$2 = logger.scope("Widget");
-const DEFAULT_CONFIG = {
-  position: "bottom-right",
-  theme: "light",
-  startCollapsed: true,
-  width: 380,
-  height: 550,
-  enableVoice: true,
-  enableText: true,
-  avatarUrl: "./asset/nyx.zip",
-  authEnabled: true,
-  logLevel: "error"
-};
 const WIDGET_STYLES = `
 /* Reset all inherited styles */
 :host {
@@ -3015,11 +3238,18 @@ const WIDGET_STYLES = `
   height: 100%;
   display: flex;
   flex-direction: column;
-  background: #ffffff;
-  border-radius: 16px;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
-  overflow: hidden;
-  transition: all 0.3s ease;
+  background: white;
+  border-radius: 12px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
+  overflow: visible;
+  transition: transform 0.3s ease;
+  position: relative;
+}
+
+.widget-root.minimized {
+  transform: scale(0);
+  opacity: 0;
+  pointer-events: none;
 }
 
 .widget-root.theme-dark {
@@ -3029,285 +3259,305 @@ const WIDGET_STYLES = `
 
 /* Collapsed bubble state */
 :host(.collapsed) {
-  width: 64px !important;
-  height: 64px !important;
+  width: 60px !important;
+  height: 60px !important;
 }
 
 .chat-bubble {
-  width: 64px;
-  height: 64px;
+  width: 60px;
+  height: 60px;
   border-radius: 50%;
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  box-shadow: 0 4px 20px rgba(102, 126, 234, 0.4);
+  cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
-  cursor: pointer;
-  box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
-  transition: transform 0.2s, box-shadow 0.2s;
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
 }
 
 .chat-bubble:hover {
-  transform: scale(1.08);
-  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5);
+  transform: scale(1.1);
+  box-shadow: 0 6px 25px rgba(102, 126, 234, 0.5);
+}
+
+.chat-bubble.hidden {
+  transform: scale(0);
+  opacity: 0;
+  pointer-events: none;
 }
 
 .chat-bubble svg {
   width: 28px;
   height: 28px;
-  fill: white;
+  color: white;
 }
 
-/* Avatar section */
-.avatar-section {
-  position: relative;
-  flex: 0 0 auto;
-  height: 180px;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+/* Avatar Circle - Breaking out at top */
+.avatar-circle {
+  width: 120px;
+  height: 120px;
+  border-radius: 50%;
+  background: #ffffff;
+  border: 3px solid #667eea;
   overflow: hidden;
+  position: absolute;
+  left: -35px;
+  top: -40px;
+  z-index: 1001;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
+  transition: opacity 0.3s ease, transform 0.3s ease;
 }
 
-.theme-dark .avatar-section {
-  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
+.widget-root.minimized .avatar-circle {
+  opacity: 0;
+  pointer-events: none;
+  transform: scale(0.5);
 }
 
-.avatar-container {
-  width: 100%;
-  height: 100%;
-  position: relative;
+.theme-dark .avatar-circle {
+  background: #1a1a2e;
+  border-color: #764ba2;
 }
 
+/* Avatar render container - high-res rendering scaled down */
 .avatar-render-container {
-  width: 400px;
-  height: 400px;
+  width: 800px;
+  height: 800px;
   position: absolute;
-  top: 50%;
+  top: -80px;
   left: 50%;
-  transform: translate(-50%, -50%) scale(0.45);
-  transform-origin: center;
-  /* OPTIMIZATION: Hint browser to optimize for transform animations */
+  transform: translateX(-50%) scale(0.38);
+  transform-origin: center top;
   will-change: transform;
 }
 
-/* Header */
-.chat-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 10px 16px;
-  background: rgba(255, 255, 255, 0.95);
-  border-bottom: 1px solid #eee;
+.avatar-render-container canvas {
+  width: 800px !important;
+  height: 800px !important;
+  object-fit: contain;
 }
 
-.theme-dark .chat-header {
-  background: rgba(26, 26, 46, 0.95);
-  border-bottom-color: #333;
+.avatar-circle > canvas {
+  width: 800px !important;
+  height: 800px !important;
+  position: absolute;
+  top: -80px;
+  left: 50%;
+  transform: translateX(-50%) scale(0.38);
+  transform-origin: center top;
+  object-fit: contain;
 }
 
-.status-indicator {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 12px;
-  color: #666;
+/* Speaking indicator */
+.avatar-circle.speaking {
+  border-color: #27ae60;
+  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.3), 0 0 0 5px rgba(39, 174, 96, 0.3);
+  animation: speakPulse 1s infinite;
 }
 
-.theme-dark .status-indicator { color: #aaa; }
+@keyframes speakPulse {
+  0%, 100% { box-shadow: 0 6px 30px rgba(0, 0, 0, 0.3), 0 0 0 5px rgba(39, 174, 96, 0.3); }
+  50% { box-shadow: 0 6px 30px rgba(0, 0, 0, 0.3), 0 0 0 10px rgba(39, 174, 96, 0.1); }
+}
 
-.status-dot {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: #ccc;
-  transition: background 0.3s;
+/* Chat Header */
+.chat-header {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  color: white;
+  padding: 14px;
+  padding-left: 95px;
+  border-radius: 12px 12px 0 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  position: relative;
 }
 
-.status-dot.connected { background: #4caf50; }
-.status-dot.connecting { background: #ff9800; animation: pulse 1s infinite; }
-.status-dot.error { background: #f44336; }
+.theme-dark .chat-header {
+  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
+}
 
-@keyframes pulse {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0.5; }
+.chat-header h3 {
+  font-size: 15px;
+  font-weight: 600;
+  margin: 0;
 }
 
-.header-actions {
+.chat-header-buttons {
   display: flex;
-  gap: 4px;
+  gap: 8px;
 }
 
-.icon-btn {
-  background: none;
+.chat-header-buttons button {
+  background: rgba(255, 255, 255, 0.2);
   border: none;
+  color: white;
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
   cursor: pointer;
-  padding: 6px;
-  border-radius: 6px;
-  color: #666;
-  transition: background 0.2s;
+  font-size: 14px;
   display: flex;
   align-items: center;
   justify-content: center;
+  transition: background 0.2s;
 }
 
-.icon-btn:hover { background: rgba(0, 0, 0, 0.05); }
-.theme-dark .icon-btn { color: #aaa; }
-.theme-dark .icon-btn:hover { background: rgba(255, 255, 255, 0.1); }
+.chat-header-buttons button:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
 
-/* Messages */
-.messages-section {
+/* Messages Container */
+.chat-messages {
   flex: 1;
   overflow-y: auto;
-  padding: 16px;
+  padding: 14px;
+  min-height: 250px;
+  max-height: 320px;
+  background: #fafafa;
+}
+
+.theme-dark .chat-messages {
+  background: #16213e;
+}
+
+.message {
+  margin-bottom: 16px;
   display: flex;
   flex-direction: column;
-  gap: 10px;
-  min-height: 0;
+  animation: fadeIn 0.3s ease;
 }
 
-.message {
-  max-width: 85%;
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(10px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+.message.user {
+  align-items: flex-end;
+}
+
+.message.assistant {
+  align-items: flex-start;
+}
+
+.message-bubble {
+  max-width: 80%;
   padding: 10px 14px;
   border-radius: 16px;
   word-wrap: break-word;
   font-size: 14px;
-  line-height: 1.4;
+  line-height: 1.45;
 }
 
-.message.user {
-  align-self: flex-end;
-  background: #007bff;
+.message.user .message-bubble {
+  background: #667eea;
   color: white;
   border-bottom-right-radius: 4px;
 }
 
-.message.assistant {
-  align-self: flex-start;
-  background: #f0f0f0;
+.message.assistant .message-bubble {
+  background: white;
   color: #333;
+  border: 1px solid #e0e0e0;
   border-bottom-left-radius: 4px;
 }
 
-.theme-dark .message.assistant {
-  background: #2d2d44;
+.theme-dark .message.assistant .message-bubble {
+  background: #1a1a2e;
   color: #e0e0e0;
+  border-color: #333;
 }
 
 .message-time {
-  font-size: 10px;
-  opacity: 0.7;
-  margin-top: 4px;
+  font-size: 11px;
+  color: #999;
+  margin-top: 6px;
+  padding: 0 4px;
 }
 
-/* Input area */
-.input-section {
-  display: flex;
-  gap: 8px;
-  padding: 12px 16px;
-  border-top: 1px solid #eee;
-  background: #fafafa;
+/* Input Area */
+.chat-input-area {
+  padding: 12px;
+  background: white;
+  border-top: 1px solid #e0e0e0;
+  border-radius: 0 0 12px 12px;
 }
 
-.theme-dark .input-section {
-  background: #16213e;
+.theme-dark .chat-input-area {
+  background: #1a1a2e;
   border-top-color: #333;
 }
 
-.chat-input {
+.chat-input-wrapper {
+  display: flex;
+  gap: 10px;
+  align-items: flex-end;
+}
+
+.chat-input-controls {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+  flex: 1;
+}
+
+#chatInput {
   flex: 1;
   padding: 10px 14px;
-  border: 1px solid #ddd;
-  border-radius: 24px;
-  outline: none;
+  border: 1px solid #e0e0e0;
+  border-radius: 20px;
   font-size: 14px;
+  outline: none;
+  transition: border-color 0.2s;
   font-family: inherit;
-  transition: border-color 0.2s, box-shadow 0.2s;
 }
 
-.chat-input:focus {
-  border-color: #007bff;
-  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
+#chatInput:focus {
+  border-color: #667eea;
 }
 
-.theme-dark .chat-input {
-  background: #1a1a2e;
-  border-color: #444;
+.theme-dark #chatInput {
+  background: #16213e;
+  border-color: #333;
   color: #e0e0e0;
 }
 
-.theme-dark .chat-input:focus {
-  border-color: #667eea;
-  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
-}
-
-.action-btn {
-  width: 40px;
-  height: 40px;
-  border: none;
+.input-button {
+  width: 38px;
+  height: 38px;
   border-radius: 50%;
+  border: none;
+  background: #667eea;
+  color: white;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
-  transition: background 0.2s, transform 0.1s;
+  transition: all 0.2s;
   flex-shrink: 0;
 }
 
-.action-btn:active { transform: scale(0.95); }
-
-.voice-btn {
-  background: #f0f0f0;
-  color: #666;
-}
-
-.voice-btn:hover { background: #e0e0e0; }
-
-.voice-btn.recording {
-  background: #ff4444;
-  color: white;
-  animation: pulse 1s infinite;
-}
-
-.theme-dark .voice-btn {
-  background: #2d2d44;
-  color: #aaa;
-}
-
-.theme-dark .voice-btn:hover { background: #3d3d54; }
-
-.send-btn {
-  background: #007bff;
-  color: white;
-}
-
-.send-btn:hover { background: #0056b3; }
-.send-btn:disabled { background: #ccc; cursor: not-allowed; }
-
-/* Loading states */
-.loading-overlay {
-  position: absolute;
-  inset: 0;
-  background: rgba(255, 255, 255, 0.9);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  gap: 12px;
+.input-button:hover:not(:disabled) {
+  background: #5568d3;
+  transform: scale(1.05);
 }
 
-.theme-dark .loading-overlay {
-  background: rgba(26, 26, 46, 0.9);
+.input-button:disabled {
+  background: #ccc;
+  cursor: not-allowed;
 }
 
-.spinner {
-  width: 32px;
-  height: 32px;
-  border: 3px solid #eee;
-  border-top-color: #007bff;
-  border-radius: 50%;
-  animation: spin 0.8s linear infinite;
+.input-button.recording {
+  background: #e74c3c;
+  animation: recordPulse 1.5s infinite;
 }
 
-@keyframes spin {
-  to { transform: rotate(360deg); }
+@keyframes recordPulse {
+  0%, 100% { transform: scale(1); }
+  50% { transform: scale(1.1); }
 }
 
 /* Accessibility */
@@ -3320,61 +3570,89 @@ const WIDGET_STYLES = `
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
-  border: 0;
+  border-width: 0;
 }
 `;
 const WIDGET_TEMPLATE = `
 <div class="widget-root">
-  <div class="avatar-section">
-    <div class="avatar-container">
-      <div id="avatarCircle" class="avatar-render-container"></div>
-    </div>
+  <!-- Avatar Circle - Breaking out at top -->
+  <div class="avatar-circle" id="avatarCircle" aria-label="AI Avatar">
+    <div class="avatar-placeholder">👤</div>
   </div>
-  
-  <div class="chat-header">
-    <div class="status-indicator">
-      <span class="status-dot connecting"></span>
-      <span class="status-text">Connecting...</span>
-    </div>
-    <div class="header-actions">
-      <button class="icon-btn minimize-btn" aria-label="Minimize">
-        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-          <line x1="5" y1="12" x2="19" y2="12"/>
-        </svg>
-      </button>
+
+  <div class="chat-header" role="button" tabindex="0" aria-label="Toggle chat window">
+    <h3>Nyx Assistant</h3>
+    <div class="chat-header-buttons">
+      <button id="minimizeBtn" aria-label="Minimize chat" title="Minimize">−</button>
     </div>
   </div>
-  
-  <div id="chatMessages" class="messages-section" role="log" aria-live="polite" aria-label="Chat messages"></div>
-  
-  <div class="input-section">
-    <input 
-      type="text" 
-      id="chatInput"
-      class="chat-input" 
-      placeholder="Type a message..." 
-      aria-label="Chat message input"
-    />
-    <button id="micBtn" class="action-btn voice-btn" aria-label="Voice input" aria-pressed="false">
-      <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
-        <path d="M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1 1.93c-3.94-.49-7-3.85-7-7.93h2c0 3.31 2.69 6 6 6s6-2.69 6-6h2c0 4.08-3.06 7.44-7 7.93V20h4v2H8v-2h4v-4.07z"/>
-      </svg>
-    </button>
-    <button id="sendBtn" class="action-btn send-btn" aria-label="Send message">
-      <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
-        <path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/>
-      </svg>
-    </button>
+
+  <div class="chat-messages" id="chatMessages" role="log" aria-live="polite" aria-atomic="false">
+    <!-- Messages will be added here dynamically -->
+  </div>
+
+  <div class="chat-input-area">
+    <div class="chat-input-wrapper">
+      <div class="chat-input-controls">
+        <input
+          type="text"
+          id="chatInput"
+          placeholder="Type a message..."
+          aria-label="Chat message input"
+          autocomplete="off"
+        />
+        <button
+          id="micBtn"
+          class="input-button"
+          aria-label="Voice input"
+          title="Voice input"
+        >
+          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"/>
+            <path d="M19 10v2a7 7 0 0 1-14 0v-2"/>
+            <line x1="12" x2="12" y1="19" y2="22"/>
+          </svg>
+        </button>
+        <button
+          id="sendBtn"
+          class="input-button"
+          aria-label="Send message"
+          title="Send"
+        >
+          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M22 2 11 13"/>
+            <path d="M22 2 15 22 11 13 2 9 22 2z"/>
+          </svg>
+        </button>
+      </div>
+    </div>
   </div>
 </div>
 `;
 const BUBBLE_TEMPLATE = `
 <div class="chat-bubble" role="button" aria-label="Open chat" tabindex="0">
-  <svg viewBox="0 0 24 24">
-    <path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"/>
+  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
   </svg>
 </div>
 `;
+const DEFAULT_CONFIG$1 = {
+  position: "bottom-right",
+  theme: "light",
+  startCollapsed: true,
+  width: 380,
+  height: 550,
+  enableVoice: true,
+  enableText: true,
+  authEnabled: false,
+  logLevel: "error"
+};
+const log$2 = logger.scope("Widget");
+const DEFAULT_CONFIG = {
+  ...DEFAULT_CONFIG$1,
+  avatarUrl: "./asset/nyx.zip"
+  // Override for local dev compatibility
+};
 class AvatarChatElement extends HTMLElement {
   constructor() {
     super();
@@ -3383,6 +3661,8 @@ class AvatarChatElement extends HTMLElement {
     this._isMounted = false;
     this._isConnected = false;
     this._isCollapsed = false;
+    this.themeMediaQuery = null;
+    this.themeChangeHandler = null;
     this.shadow = this.attachShadow({ mode: "open" });
   }
   /**
@@ -3418,7 +3698,7 @@ class AvatarChatElement extends HTMLElement {
       this.classList.add(`position-${this.config.position}`);
     }
     this.style.width = `${this.config.width}px`;
-    this.style.height = `${this.config.height}px`;
+    this.style.maxHeight = `${this.config.height}px`;
     if (this.config.startCollapsed) {
       this._isCollapsed = true;
       this.classList.add("collapsed");
@@ -3453,7 +3733,7 @@ class AvatarChatElement extends HTMLElement {
       if (voiceBtn) voiceBtn.style.display = "none";
     }
     if (!this.config.enableText) {
-      const inputSection = this.shadow.querySelector(".input-section");
+      const inputSection = this.shadow.querySelector(".chat-input-area");
       if (inputSection) inputSection.style.display = "none";
     }
     await this.initializeAvatar();
@@ -3485,8 +3765,7 @@ class AvatarChatElement extends HTMLElement {
       return;
     }
     const renderContainer = document.createElement("div");
-    renderContainer.style.width = "400px";
-    renderContainer.style.height = "400px";
+    renderContainer.className = "avatar-render-container";
     avatarContainer.appendChild(renderContainer);
     try {
       this.avatar = new LazyAvatar(
@@ -3553,44 +3832,36 @@ class AvatarChatElement extends HTMLElement {
    * Setup UI event listeners
    */
   setupUIEvents() {
-    const minimizeBtn = this.shadow.querySelector(".minimize-btn");
+    const minimizeBtn = this.shadow.getElementById("minimizeBtn");
     minimizeBtn?.addEventListener("click", () => this.collapse());
     if (this.config.theme === "auto") {
-      window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (e) => {
+      this.themeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+      this.themeChangeHandler = (e) => {
         const root = this.shadow.querySelector(".widget-root");
         root?.classList.toggle("theme-dark", e.matches);
-      });
+      };
+      this.themeMediaQuery.addEventListener("change", this.themeChangeHandler);
     }
   }
   /**
-   * Update connection status UI
+   * Update connection status (stub - connection indicator removed from UI)
    */
-  updateConnectionStatus(connected, state) {
-    const dot = this.shadow.querySelector(".status-dot");
-    const text = this.shadow.querySelector(".status-text");
-    if (dot) {
-      dot.classList.remove("connected", "connecting", "error");
-      if (state === "error") {
-        dot.classList.add("error");
-      } else {
-        dot.classList.add(connected ? "connected" : "connecting");
-      }
-    }
-    if (text) {
-      if (state === "error") {
-        text.textContent = "Connection failed";
-      } else {
-        text.textContent = connected ? "Connected" : "Connecting...";
-      }
-    }
+  updateConnectionStatus(_connected, _state) {
   }
   /**
    * Collapse to bubble
    */
   collapse() {
     if (this._isCollapsed) return;
+    if (this.chatManager) {
+      this.chatManager.resetOnMinimize();
+    }
     this._isCollapsed = true;
     this.classList.add("collapsed");
+    const widgetRoot = this.shadow.querySelector(".widget-root");
+    if (widgetRoot) {
+      widgetRoot.style.display = "none";
+    }
     this.renderBubble();
   }
   /**
@@ -3601,8 +3872,18 @@ class AvatarChatElement extends HTMLElement {
     this._isCollapsed = false;
     this.classList.remove("collapsed");
     this.style.width = `${this.config.width}px`;
-    this.style.height = `${this.config.height}px`;
-    await this.renderWidget();
+    this.style.maxHeight = `${this.config.height}px`;
+    const widgetRoot = this.shadow.querySelector(".widget-root");
+    if (widgetRoot) {
+      const bubble = this.shadow.querySelector(".chat-bubble");
+      if (bubble) bubble.remove();
+      widgetRoot.style.display = "flex";
+      if (this.chatManager) {
+        await this.chatManager.reconnectOnExpand();
+      }
+    } else {
+      await this.renderWidget();
+    }
   }
   /**
    * Show widget
@@ -3636,11 +3917,26 @@ class AvatarChatElement extends HTMLElement {
   isServerConnected() {
     return this._isConnected;
   }
+  /**
+   * Manually reconnect to the server
+   * Useful after network changes or connection failures
+   */
+  async reconnect() {
+    if (!this.chatManager) {
+      throw new Error("Widget not initialized");
+    }
+    return this.chatManager.reconnect();
+  }
   /**
    * Cleanup
    */
   destroy() {
     log$2.info("Destroying widget");
+    if (this.themeMediaQuery && this.themeChangeHandler) {
+      this.themeMediaQuery.removeEventListener("change", this.themeChangeHandler);
+      this.themeMediaQuery = null;
+      this.themeChangeHandler = null;
+    }
     if (this.chatManager) {
       this.chatManager.dispose();
       this.chatManager = null;
@@ -3663,6 +3959,25 @@ const AvatarChat = {
   version: "__VERSION__",
   /** Active instance */
   _instance: null,
+  /**
+   * Get the URL for the default included avatar
+   * Auto-detects CDN usage and returns the appropriate URL
+   */
+  getDefaultAvatarUrl() {
+    const scripts = document.getElementsByTagName("script");
+    for (let i = 0; i < scripts.length; i++) {
+      const src = scripts[i].src;
+      if (src.includes("jsdelivr.net") && src.includes("avatar-chat-widget")) {
+        const baseUrl = src.substring(0, src.lastIndexOf("/"));
+        return `${baseUrl}/avatar-chat-widget/public/asset/nyx.zip`;
+      }
+      if (src.includes("unpkg.com") && src.includes("avatar-chat-widget")) {
+        const baseUrl = src.substring(0, src.lastIndexOf("/"));
+        return `${baseUrl}/avatar-chat-widget/public/asset/nyx.zip`;
+      }
+    }
+    return "/asset/nyx.zip";
+  },
   /**
    * Initialize and mount the widget
    */
@@ -3670,9 +3985,74 @@ const AvatarChat = {
     if (!config.serverUrl) {
       throw new Error("AvatarChat.init(): serverUrl is required");
     }
+    if (!config.serverUrl.match(/^wss?:\/\/.+/)) {
+      throw new Error("AvatarChat.init(): serverUrl must be a valid WebSocket URL (ws:// or wss://)");
+    }
     if (!config.container) {
       throw new Error("AvatarChat.init(): container is required");
     }
+    const containerElement = typeof config.container === "string" ? document.querySelector(config.container) : config.container;
+    if (!containerElement) {
+      throw new Error(`AvatarChat.init(): container not found: ${config.container}`);
+    }
+    if (config.width !== void 0) {
+      if (typeof config.width !== "number" || config.width < 200 || config.width > 2e3) {
+        throw new Error("AvatarChat.init(): width must be a number between 200 and 2000 pixels");
+      }
+    }
+    if (config.height !== void 0) {
+      if (typeof config.height !== "number" || config.height < 300 || config.height > 2e3) {
+        throw new Error("AvatarChat.init(): height must be a number between 300 and 2000 pixels");
+      }
+    }
+    if (config.onReady !== void 0 && typeof config.onReady !== "function") {
+      throw new Error("AvatarChat.init(): onReady must be a function");
+    }
+    if (config.onMessage !== void 0 && typeof config.onMessage !== "function") {
+      throw new Error("AvatarChat.init(): onMessage must be a function");
+    }
+    if (config.onError !== void 0 && typeof config.onError !== "function") {
+      throw new Error("AvatarChat.init(): onError must be a function");
+    }
+    if (config.logLevel !== void 0) {
+      const validLogLevels = ["none", "error", "warn", "info", "debug"];
+      if (!validLogLevels.includes(config.logLevel)) {
+        throw new Error(`AvatarChat.init(): logLevel must be one of: ${validLogLevels.join(", ")}`);
+      }
+    }
+    if (config.theme !== void 0) {
+      const validThemes = ["light", "dark", "auto"];
+      if (!validThemes.includes(config.theme)) {
+        throw new Error(`AvatarChat.init(): theme must be one of: ${validThemes.join(", ")}`);
+      }
+    }
+    if (config.position !== void 0) {
+      const validPositions = ["inline", "bottom-right", "bottom-left", "top-right", "top-left"];
+      if (!validPositions.includes(config.position)) {
+        throw new Error(`AvatarChat.init(): position must be one of: ${validPositions.join(", ")}`);
+      }
+    }
+    if (config.assetsBaseUrl) {
+      setConfig({ assets: { baseUrl: config.assetsBaseUrl, defaultAvatarPath: "/asset/nyx.zip" } });
+    } else {
+      const scripts = document.getElementsByTagName("script");
+      for (let i = 0; i < scripts.length; i++) {
+        const src = scripts[i].src;
+        if (src.includes("jsdelivr.net") && src.includes("avatar-chat-widget")) {
+          const baseUrl = src.substring(0, src.lastIndexOf("/"));
+          setConfig({ assets: { baseUrl: `${baseUrl}/public`, defaultAvatarPath: "/asset/nyx.zip" } });
+          break;
+        }
+        if (src.includes("unpkg.com") && src.includes("avatar-chat-widget")) {
+          const baseUrl = src.substring(0, src.lastIndexOf("/"));
+          setConfig({ assets: { baseUrl: `${baseUrl}/public`, defaultAvatarPath: "/asset/nyx.zip" } });
+          break;
+        }
+      }
+    }
+    if (!config.avatarUrl) {
+      config.avatarUrl = this.getDefaultAvatarUrl();
+    }
     const containerEl = typeof config.container === "string" ? document.querySelector(config.container) : config.container;
     if (!containerEl) {
       throw new Error(`AvatarChat.init(): container not found: ${config.container}`);
@@ -3698,7 +4078,8 @@ const AvatarChat = {
       expand: () => widget.expand(),
       collapse: () => widget.collapse(),
       isMounted: () => widget.isMounted(),
-      isConnected: () => widget.isServerConnected()
+      isConnected: () => widget.isServerConnected(),
+      reconnect: () => widget.reconnect()
     };
   },
   /**
@@ -3728,7 +4109,8 @@ const AvatarChat = {
       expand: () => widget.expand(),
       collapse: () => widget.collapse(),
       isMounted: () => widget.isMounted(),
-      isConnected: () => widget.isServerConnected()
+      isConnected: () => widget.isServerConnected(),
+      reconnect: () => widget.reconnect()
     };
   }
 };
@@ -40123,7 +40505,7 @@ function interceptControlUp(event) {
     document2.removeEventListener("keyup", this._interceptControlUp, { passive: true, capture: true });
   }
 }
-const j = { None: 0, Info: 3 }, Y = { Always: 0, Never: 2 }, J = { Ply: 0 }, X = (e) => e.endsWith(".ply") ? J.Ply : null, $ = { Default: 0, Instant: 2 }, Z = { ThreeD: 0, TwoD: 1 };
+const j = { None: 0, Info: 3 }, Y = { Always: 0, Never: 2 }, J = { Ply: 0 }, X = (e) => e.endsWith(".ply") ? J.Ply : null, $ = { Default: 0, Gradual: 1, Instant: 2 }, Z = { ThreeD: 0, TwoD: 1 };
 let ee = (_a = class {
 }, __publicField(_a, "DefaultSplatSortDistanceMapPrecision", 16), __publicField(_a, "MemoryPageSize", 65536), __publicField(_a, "BytesPerFloat", 4), __publicField(_a, "BytesPerInt", 4), __publicField(_a, "MaxScenes", 32), __publicField(_a, "ProgressiveLoadSectionSize", 262144), __publicField(_a, "ProgressiveLoadSectionDelayDuration", 15), __publicField(_a, "SphericalHarmonics8BitCompressionRange", 3), _a);
 const te = ee.SphericalHarmonics8BitCompressionRange, Ae = 15e5, Ce = { DirectToSplatBuffer: 0, DirectToSplatArray: 1, DownloadBeforeProcessing: 2 }, ye = { Downloading: 0, Processing: 1, Done: 2 };
@@ -41121,7 +41503,7 @@ class As {
                 ` : t += "\n                bool isRightIris = false;\n                ", e.left_iris && e.left_iris.length > 0 ? t += `
                 // Check if this splat is part of left iris
                 bool isLeftIris = ${e.left_iris.map(([e2, t2]) => `(idx >= ${e2}.0 && idx <= ${t2}.0)`).join(" ||\n                                  ")};
-                ` : t += "\n                bool isLeftIris = false;\n                ", t += "\n                float finalOpacity = opacity;\n\n                // Smooth fade: iris fades out as eye closes (blink increases)\n                // smoothstep(0.1, 0.5, blink) = 0 when blink<0.1, 1 when blink>0.5\n                if (isRightIris) {\n                    float fadeFactor = 1.0 - smoothstep(0.1, 0.5, eyeBlinkRight);\n                    finalOpacity = opacity * fadeFactor;\n                } else if (isLeftIris) {\n                    float fadeFactor = 1.0 - smoothstep(0.1, 0.5, eyeBlinkLeft);\n                    finalOpacity = opacity * fadeFactor;\n                }\n\n                if (finalOpacity < 1.0 / 255.0)\n                    discard;\n\n                gl_FragColor = vec4(vColor.rgb, finalOpacity);\n            }\n        ") : t += "\n                gl_FragColor = vec4(vColor.rgb, opacity);\n            }\n        ", t;
+                ` : t += "\n                bool isLeftIris = false;\n                ", t += "\n                float finalOpacity = opacity;\n\n                // Very narrow fade window at high blink values only\n                // Iris stays visible until eye is almost completely closed\n                if (isRightIris) {\n                    float fadeFactor = 1.0 - smoothstep(0.5, 0.7, eyeBlinkRight);\n                    finalOpacity = opacity * fadeFactor;\n                } else if (isLeftIris) {\n                    float fadeFactor = 1.0 - smoothstep(0.5, 0.7, eyeBlinkLeft);\n                    finalOpacity = opacity * fadeFactor;\n                }\n\n                if (finalOpacity < 1.0 / 255.0)\n                    discard;\n\n                gl_FragColor = vec4(vColor.rgb, finalOpacity);\n            }\n        ") : t += "\n                gl_FragColor = vec4(vColor.rgb, opacity);\n            }\n        ", t;
   }
 }
 class fs {
@@ -41249,7 +41631,7 @@ function Is(e, t, s) {
 }
 const bs = 16777216;
 class ws extends Mesh {
-  constructor(e = Z.ThreeD, t = false, i = false, n = false, r = 1, a = true, o = false, l = false, c = 1024, h = j.None, d = 0, u = 1, p = 0.3) {
+  constructor(e = Z.ThreeD, t = false, i = false, n = false, r = 1, a = true, o = false, l = false, c = 1024, h = j.None, d = 0, u = 1, p = 0.3, m = null) {
     super(Cs, ys);
     __publicField(this, "buildSplatTree", (e = [], t, s) => new Promise((i) => {
       this.disposeSplatTree(), this.baseSplatTree = new ms(8, 1e3);
@@ -41405,7 +41787,7 @@ class ws extends Mesh {
         this.getLocalSplatParameters(t, e), e.splatBuffer.getSplatColor(e.localIndex, s);
       };
     }());
-    this.renderer = void 0, this.splatRenderMode = e, this.dynamicMode = t, this.enableOptionalEffects = i, this.halfPrecisionCovariancesOnGPU = n, this.devicePixelRatio = r, this.enableDistancesComputationOnGPU = a, this.integerBasedDistancesComputation = o, this.antialiased = l, this.kernel2DSize = p, this.maxScreenSpaceSplatSize = c, this.logLevel = h, this.sphericalHarmonicsDegree = d, this.minSphericalHarmonicsDegree = 0, this.sceneFadeInRateMultiplier = u, this.scenes = [], this.splatTree = null, this.baseSplatTree = null, this.splatDataTextures = {}, this.flameModel = null, this.expressionBSNum = 0, this.bsWeight = [], this.bonesMatrix = null, this.bonesNum = null, this.bonesWeight = null, this.gaussianSplatCount = null, this.morphTargetDictionary = null, this.distancesTransformFeedback = { id: null, vertexShader: null, fragmentShader: null, program: null, centersBuffer: null, sceneIndexesBuffer: null, outDistancesBuffer: null, centersLoc: -1, modelViewProjLoc: -1, sceneIndexesLoc: -1, transformsLocs: [] }, this.globalSplatIndexToLocalSplatIndexMap = [], this.globalSplatIndexToSceneIndexMap = [], this.irisOcclusionConfig = null, this.lastBuildSplatCount = 0, this.lastBuildScenes = [], this.lastBuildMaxSplatCount = 0, this.lastBuildSceneCount = 0, this.firstRenderTime = -1, this.finalBuild = false, this.webGLUtils = null, this.boundingBox = new Box3(), this.calculatedSceneCenter = new Vector3(), this.maxSplatDistanceFromSceneCenter = 0, this.visibleRegionBufferRadius = 0, this.visibleRegionRadius = 0, this.visibleRegionFadeStartRadius = 0, this.visibleRegionChanging = false, this.splatScale = 1, this.pointCloudModeEnabled = false, this.disposed = false, this.lastRenderer = null, this.visible = false;
+    this.renderer = void 0, this.splatRenderMode = e, this.dynamicMode = t, this.enableOptionalEffects = i, this.halfPrecisionCovariancesOnGPU = n, this.devicePixelRatio = r, this.enableDistancesComputationOnGPU = a, this.integerBasedDistancesComputation = o, this.antialiased = l, this.kernel2DSize = p, this.maxScreenSpaceSplatSize = c, this.logLevel = h, this.sphericalHarmonicsDegree = d, this.minSphericalHarmonicsDegree = 0, this.sceneFadeInRateMultiplier = u, this.scenes = [], this.splatTree = null, this.baseSplatTree = null, this.splatDataTextures = {}, this.flameModel = null, this.expressionBSNum = 0, this.bsWeight = [], this.bonesMatrix = null, this.bonesNum = null, this.bonesWeight = null, this.gaussianSplatCount = null, this.morphTargetDictionary = null, this.distancesTransformFeedback = { id: null, vertexShader: null, fragmentShader: null, program: null, centersBuffer: null, sceneIndexesBuffer: null, outDistancesBuffer: null, centersLoc: -1, modelViewProjLoc: -1, sceneIndexesLoc: -1, transformsLocs: [] }, this.globalSplatIndexToLocalSplatIndexMap = [], this.globalSplatIndexToSceneIndexMap = [], this.irisOcclusionConfig = m, this.lastBuildSplatCount = 0, this.lastBuildScenes = [], this.lastBuildMaxSplatCount = 0, this.lastBuildSceneCount = 0, this.firstRenderTime = -1, this.finalBuild = false, this.webGLUtils = null, this.boundingBox = new Box3(), this.calculatedSceneCenter = new Vector3(), this.maxSplatDistanceFromSceneCenter = 0, this.visibleRegionBufferRadius = 0, this.visibleRegionRadius = 0, this.visibleRegionFadeStartRadius = 0, this.visibleRegionChanging = false, this.splatScale = 1, this.pointCloudModeEnabled = false, this.disposed = false, this.lastRenderer = null, this.visible = false;
   }
   static buildScenes(e, t, i) {
     const r = [];
@@ -43256,7 +43638,7 @@ const _Viewer = class _Viewer {
         }
       };
     }());
-    if (e.cameraUp || (e.cameraUp = [0, 1, 0]), this.cameraUp = new Vector3().fromArray(e.cameraUp), e.initialCameraPosition || (e.initialCameraPosition = [0, 10, 15]), this.initialCameraPosition = new Vector3().fromArray(e.initialCameraPosition), e.initialCameraRotation || (e.initialCameraRotation = [0, 0, 0]), this.initialCameraRotation = new Vector3().fromArray(e.initialCameraRotation), this.backgroundColor = e.backgroundColor, e.initialCameraLookAt || (e.initialCameraLookAt = [0, 0, 0]), this.initialCameraLookAt = new Vector3().fromArray(e.initialCameraLookAt), this.dropInMode = e.dropInMode || false, void 0 !== e.selfDrivenMode && null !== e.selfDrivenMode || (e.selfDrivenMode = true), this.selfDrivenMode = e.selfDrivenMode && !this.dropInMode, this.selfDrivenUpdateFunc = this.selfDrivenUpdate.bind(this), void 0 === e.useBuiltInControls && (e.useBuiltInControls = true), this.useBuiltInControls = e.useBuiltInControls, this.rootElement = e.rootElement, this.canvas = e.threejsCanvas, this.ignoreDevicePixelRatio = e.ignoreDevicePixelRatio || false, this.devicePixelRatio = this.ignoreDevicePixelRatio ? 1 : window.devicePixelRatio || 1, this.halfPrecisionCovariancesOnGPU = e.halfPrecisionCovariancesOnGPU || false, this.threeScene = e.threeScene, this.renderer = e.renderer, this.camera = e.camera, this.gpuAcceleratedSort = e.gpuAcceleratedSort || false, void 0 !== e.integerBasedSort && null !== e.integerBasedSort || (e.integerBasedSort = true), this.integerBasedSort = e.integerBasedSort, void 0 !== e.sharedMemoryForWorkers && null !== e.sharedMemoryForWorkers || (e.sharedMemoryForWorkers = true), this.sharedMemoryForWorkers = false, this.dynamicScene = !!e.dynamicScene, this.antialiased = e.antialiased || false, this.kernel2DSize = void 0 === e.kernel2DSize ? 0.3 : e.kernel2DSize, this.renderMode = e.renderMode || Y.Always, this.sceneRevealMode = e.sceneRevealMode || $.Default, this.focalAdjustment = e.focalAdjustment || 1, this.maxScreenSpaceSplatSize = e.maxScreenSpaceSplatSize || 1024, this.logLevel = e.logLevel || j.None, this.sphericalHarmonicsDegree = e.sphericalHarmonicsDegree || 0, this.enableOptionalEffects = e.enableOptionalEffects || false, void 0 !== e.enableSIMDInSort && null !== e.enableSIMDInSort || (e.enableSIMDInSort = true), this.enableSIMDInSort = e.enableSIMDInSort, void 0 !== e.inMemoryCompressionLevel && null !== e.inMemoryCompressionLevel || (e.inMemoryCompressionLevel = 0), this.inMemoryCompressionLevel = e.inMemoryCompressionLevel, void 0 !== e.optimizeSplatData && null !== e.optimizeSplatData || (e.optimizeSplatData = true), this.optimizeSplatData = e.optimizeSplatData, void 0 !== e.freeIntermediateSplatData && null !== e.freeIntermediateSplatData || (e.freeIntermediateSplatData = false), this.freeIntermediateSplatData = e.freeIntermediateSplatData, je()) {
+    if (e.cameraUp || (e.cameraUp = [0, 1, 0]), this.cameraUp = new Vector3().fromArray(e.cameraUp), e.initialCameraPosition || (e.initialCameraPosition = [0, 10, 15]), this.initialCameraPosition = new Vector3().fromArray(e.initialCameraPosition), e.initialCameraRotation || (e.initialCameraRotation = [0, 0, 0]), this.initialCameraRotation = new Vector3().fromArray(e.initialCameraRotation), this.backgroundColor = e.backgroundColor, this.irisOcclusionConfig = e.irisOcclusionConfig || null, e.initialCameraLookAt || (e.initialCameraLookAt = [0, 0, 0]), this.initialCameraLookAt = new Vector3().fromArray(e.initialCameraLookAt), this.dropInMode = e.dropInMode || false, void 0 !== e.selfDrivenMode && null !== e.selfDrivenMode || (e.selfDrivenMode = true), this.selfDrivenMode = e.selfDrivenMode && !this.dropInMode, this.selfDrivenUpdateFunc = this.selfDrivenUpdate.bind(this), void 0 === e.useBuiltInControls && (e.useBuiltInControls = true), this.useBuiltInControls = e.useBuiltInControls, this.rootElement = e.rootElement, this.canvas = e.threejsCanvas, this.ignoreDevicePixelRatio = e.ignoreDevicePixelRatio || false, this.devicePixelRatio = this.ignoreDevicePixelRatio ? 1 : window.devicePixelRatio || 1, this.halfPrecisionCovariancesOnGPU = e.halfPrecisionCovariancesOnGPU || false, this.threeScene = e.threeScene, this.renderer = e.renderer, this.camera = e.camera, this.gpuAcceleratedSort = e.gpuAcceleratedSort || false, void 0 !== e.integerBasedSort && null !== e.integerBasedSort || (e.integerBasedSort = true), this.integerBasedSort = e.integerBasedSort, void 0 !== e.sharedMemoryForWorkers && null !== e.sharedMemoryForWorkers || (e.sharedMemoryForWorkers = true), this.sharedMemoryForWorkers = false, this.dynamicScene = !!e.dynamicScene, this.antialiased = e.antialiased || false, this.kernel2DSize = void 0 === e.kernel2DSize ? 0.3 : e.kernel2DSize, this.renderMode = e.renderMode || Y.Always, this.sceneRevealMode = e.sceneRevealMode || $.Default, this.focalAdjustment = e.focalAdjustment || 1, this.maxScreenSpaceSplatSize = e.maxScreenSpaceSplatSize || 1024, this.logLevel = e.logLevel || j.None, this.sphericalHarmonicsDegree = e.sphericalHarmonicsDegree || 0, this.enableOptionalEffects = e.enableOptionalEffects || false, void 0 !== e.enableSIMDInSort && null !== e.enableSIMDInSort || (e.enableSIMDInSort = true), this.enableSIMDInSort = e.enableSIMDInSort, void 0 !== e.inMemoryCompressionLevel && null !== e.inMemoryCompressionLevel || (e.inMemoryCompressionLevel = 0), this.inMemoryCompressionLevel = e.inMemoryCompressionLevel, void 0 !== e.optimizeSplatData && null !== e.optimizeSplatData || (e.optimizeSplatData = true), this.optimizeSplatData = e.optimizeSplatData, void 0 !== e.freeIntermediateSplatData && null !== e.freeIntermediateSplatData || (e.freeIntermediateSplatData = false), this.freeIntermediateSplatData = e.freeIntermediateSplatData, je()) {
       const e2 = Ye();
       e2.major < 17 && (this.enableSIMDInSort = false), e2.major < 16 && (this.sharedMemoryForWorkers = false);
     }
@@ -43265,7 +43647,7 @@ const _Viewer = class _Viewer {
     this.splatSortDistanceMapPrecision = ze(this.splatSortDistanceMapPrecision, 10, t), this.onSplatMeshChangedCallback = null, this.createSplatMesh(), this.controls = null, this.perspectiveControls = null, this.orthographicControls = null, this.orthographicCamera = null, this.perspectiveCamera = null, this.showMeshCursor = false, this.showControlPlane = false, this.showInfo = false, this.sceneHelper = null, this.sortWorker = null, this.sortRunning = false, this.splatRenderCount = 0, this.splatSortCount = 0, this.lastSplatSortCount = 0, this.sortWorkerIndexesToSort = null, this.sortWorkerSortedIndexes = null, this.sortWorkerPrecomputedDistances = null, this.sortWorkerTransforms = null, this.preSortMessages = [], this.runAfterNextSort = [], this.selfDrivenModeRunning = false, this.splatRenderReady = false, this.raycaster = new wi(), this.infoPanel = null, this.startInOrthographicMode = false, this.currentFPS = 0, this.lastSortTime = 0, this.consecutiveRenderFrames = 0, this.previousCameraTarget = new Vector3(), this.nextCameraTarget = new Vector3(), this.mousePosition = new Vector2(), this.mouseDownPosition = new Vector2(), this.mouseDownTime = null, this.resizeObserver = null, this.mouseMoveListener = null, this.mouseDownListener = null, this.mouseUpListener = null, this.keyDownListener = null, this.sortPromise = null, this.sortPromiseResolver = null, this.splatSceneDownloadControllers = [], this.splatSceneDownloadPromises = {}, this.splatSceneDownloadAndBuildPromise = null, this.splatSceneRemovalPromise = null, this.loadingSpinner = new Ei(null, this.rootElement || document.body), this.loadingSpinner.hide(), this.loadingProgressBar = new Mi(this.rootElement || document.body), this.loadingProgressBar.hide(), this.usingExternalCamera = !(!this.dropInMode && !this.camera), this.usingExternalRenderer = !(!this.dropInMode && !this.renderer), this.initialized = false, this.disposing = false, this.disposed = false, this.disposePromise = null, this.lastTime = 0, this.gaussianSplatCount = 0, this.totalFrames = 0, this.frame = 0, this.avatarMesh = null, this.skinModel = null, this.boneRoot = null, this.baseMesh = null, this.setSkinAttibutes = false, this.dropInMode || this.init();
   }
   createSplatMesh() {
-    this.splatMesh = new ws(this.splatRenderMode, this.dynamicScene, this.enableOptionalEffects, this.halfPrecisionCovariancesOnGPU, this.devicePixelRatio, this.gpuAcceleratedSort, this.integerBasedSort, this.antialiased, this.maxScreenSpaceSplatSize, this.logLevel, this.sphericalHarmonicsDegree, this.sceneFadeInRateMultiplier, this.kernel2DSize), this.splatMesh.irisOcclusionConfig = this.irisOcclusionConfig, this.splatMesh.frustumCulled = false, this.onSplatMeshChangedCallback && this.onSplatMeshChangedCallback();
+    this.splatMesh = new ws(this.splatRenderMode, this.dynamicScene, this.enableOptionalEffects, this.halfPrecisionCovariancesOnGPU, this.devicePixelRatio, this.gpuAcceleratedSort, this.integerBasedSort, this.antialiased, this.maxScreenSpaceSplatSize, this.logLevel, this.sphericalHarmonicsDegree, this.sceneFadeInRateMultiplier, this.kernel2DSize, this.irisOcclusionConfig), this.splatMesh.frustumCulled = false, this.onSplatMeshChangedCallback && this.onSplatMeshChangedCallback();
   }
   init() {
     this.initialized || (this.rootElement || (this.usingExternalRenderer ? this.rootElement = this.renderer.domElement || document.body : (this.rootElement = document.createElement("div"), this.rootElement.style.width = "100%", this.rootElement.style.height = "100%", this.rootElement.style.position = "absolute", document.body.appendChild(this.rootElement))), this.setupCamera(), this.setupRenderer(), this.setupEventHandlers(), this.threeScene = this.threeScene || new Scene(), this.sceneHelper = new Ri(this.threeScene), this.sceneHelper.setupMeshCursor(), this.sceneHelper.setupFocusMarker(), this.sceneHelper.setupControlPlane(), this.loadingProgressBar.setContainer(this.rootElement), this.loadingSpinner.setContainer(this.rootElement), this.initialized = true);
@@ -43667,19 +44049,26 @@ class GaussianSplatRenderer {
       Fi.debug("Found model folder in ZIP", { fileName: c }), Fi.debug("Creating GaussianSplatRenderer instance");
       const h = new GaussianSplatRenderer(e, l), d = Rt.set(Pi ?? 0, ki ?? 0, _i ?? 1), u = new Vector3(Li ?? 0, Ui ?? 0, Hi ?? 0);
       Fi.debug("Camera setup", { position: { x: d.x, y: d.y, z: d.z }, rotation: { x: u.x, y: u.y, z: u.z } });
-      let p, m = 16777215;
+      let p = 16777215;
       try {
         if (Oi) {
           const e2 = parseInt(Oi, 16);
-          isNaN(e2) ? Fi.warn("Invalid backgroundColor in config, using default", { value: Oi }) : m = e2;
+          isNaN(e2) ? Fi.warn("Invalid backgroundColor in config, using default", { value: Oi }) : p = e2;
         }
-        i?.backgroundColor && (h.isHexColorStrict(i.backgroundColor) ? m = parseInt(i.backgroundColor, 16) : Fi.warn("Invalid backgroundColor option, using config value", { value: i.backgroundColor }));
+        i?.backgroundColor && (h.isHexColorStrict(i.backgroundColor) ? p = parseInt(i.backgroundColor, 16) : Fi.warn("Invalid backgroundColor option, using config value", { value: i.backgroundColor }));
       } catch (e2) {
         Fi.warn("Error parsing backgroundColor, using default", e2);
       }
-      Fi.debug("Background color set", { backgroundColor: m.toString(16) }), h.getChatState = i?.getChatState, h.getExpressionData = i?.getExpressionData, Fi.debug("Creating Viewer instance");
+      Fi.debug("Background color set", { backgroundColor: p.toString(16) }), h.getChatState = i?.getChatState, h.getExpressionData = i?.getExpressionData, Fi.debug("Checking for iris_occlusion.json");
+      let m, g = null;
+      try {
+        g = await h._loadJsonFromZip(c + "/iris_occlusion.json"), g ? (Fi.info("Iris occlusion configuration loaded", { rightIrisRanges: g.right_iris?.length ?? 0, leftIrisRanges: g.left_iris?.length ?? 0 }), h.irisOcclusionConfig = g) : Fi.debug("No iris_occlusion.json found, iris occlusion will be disabled");
+      } catch (e2) {
+        Fi.warn("Failed to load iris_occlusion.json, continuing without it", { error: e2.message }), h.irisOcclusionConfig = null;
+      }
+      Fi.debug("Creating Viewer instance");
       try {
-        h.viewer = new Viewer({ rootElement: e, threejsCanvas: h._canvas, cameraUp: [0, 1, 0], initialCameraPosition: [d.x, d.y, d.z], initialCameraRotation: [u.x, u.y, u.z], sphericalHarmonicsDegree: 0, backgroundColor: m });
+        h.viewer = new Viewer({ rootElement: e, threejsCanvas: h._canvas, cameraUp: [0, 1, 0], initialCameraPosition: [d.x, d.y, d.z], initialCameraRotation: [u.x, u.y, u.z], sphericalHarmonicsDegree: 0, backgroundColor: p, sceneRevealMode: $.Default, sceneFadeInRateMultiplier: 3, irisOcclusionConfig: g });
       } catch (e2) {
         throw new Te(`Failed to create Viewer instance: ${e2.message}`, e2);
       }
@@ -43696,17 +44085,10 @@ class GaussianSplatRenderer {
       }
       Fi.debug("Loading offset PLY file");
       try {
-        p = await h.unpackFileAsBlob(c + "/offset.ply");
+        m = await h.unpackFileAsBlob(c + "/offset.ply");
       } catch (e2) {
         throw new we(`Failed to load offset.ply: ${e2.message}`, c + "/offset.ply", e2);
       }
-      Fi.debug("Checking for iris_occlusion.json");
-      let g = null;
-      try {
-        g = await h._loadJsonFromZip(c + "/iris_occlusion.json"), g ? (Fi.info("Iris occlusion configuration loaded", { rightIrisRanges: g.right_iris?.length ?? 0, leftIrisRanges: g.left_iris?.length ?? 0 }), h.irisOcclusionConfig = g, h.viewer.irisOcclusionConfig = g) : Fi.debug("No iris_occlusion.json found, iris occlusion will be disabled");
-      } catch (e2) {
-        Fi.warn("Failed to load iris_occlusion.json, continuing without it", { error: e2.message }), h.irisOcclusionConfig = null;
-      }
       if (i.loadProgress) try {
         i.loadProgress(0.3);
       } catch (e2) {
@@ -43714,7 +44096,7 @@ class GaussianSplatRenderer {
       }
       Fi.debug("Adding splat scene");
       try {
-        await h.viewer.addSplatScene(p, { progressiveLoad: true, sharedMemoryForWorkers: false, showLoadingUI: false, format: J.Ply });
+        await h.viewer.addSplatScene(m, { progressiveLoad: true, sharedMemoryForWorkers: false, showLoadingUI: false, format: J.Ply });
       } catch (e2) {
         throw new Te(`Failed to add splat scene: ${e2.message}`, e2);
       }