@ermis-network/ermis-chat-sdk 1.0.8 → 2.0.0

package/dist/index.browser.mjs

@@ -159,11 +159,25 @@ function addToMessageList(messages, message, timestampChanged = false, sortBy =
   }
   if (!timestampChanged && message.id) {
     if (messageArr[left] && message.id === messageArr[left].id) {
-      messageArr[left] = message;
+      const existingMessage = messageArr[left];
+      const mergedMessage = { ...existingMessage };
+      Object.keys(message).forEach((key) => {
+        if (message[key] !== void 0) {
+          mergedMessage[key] = message[key];
+        }
+      });
+      messageArr[left] = mergedMessage;
       return [...messageArr];
     }
     if (messageArr[left - 1] && message.id === messageArr[left - 1].id) {
-      messageArr[left - 1] = message;
+      const existingMessage = messageArr[left - 1];
+      const mergedMessage = { ...existingMessage };
+      Object.keys(message).forEach((key) => {
+        if (message[key] !== void 0) {
+          mergedMessage[key] = message[key];
+        }
+      });
+      messageArr[left - 1] = mergedMessage;
       return [...messageArr];
     }
   }
@@ -272,7 +286,7 @@ var createPacketWithHeader = (data, timestamp, type, configMsg) => {
     const jsonString = JSON.stringify(configMsg);
     const encoder = new TextEncoder();
     payload = encoder.encode(jsonString);
-  } else if (type === "connected") {
+  } else if (type === "connected" || type === "healthCall") {
     HEADER_SIZE = 1;
     payload = new Uint8Array(0);
   } else {
@@ -303,6 +317,9 @@ var createPacketWithHeader = (data, timestamp, type, configMsg) => {
     case "transciverState":
       typeCode = 7;
       break;
+    case "healthCall":
+      typeCode = 11;
+      break;
   }
   packet[0] = typeCode;
   if (timestamp !== null) {
@@ -627,8 +644,12 @@ var ChannelState = class {
         }
       }
     };
-    this.messageSets.forEach((set) => _updateUserMessages(set.messages, user));
+    this.messageSets.forEach((set) => {
+      _updateUserMessages(set.messages, user);
+      set.messages = [...set.messages];
+    });
     _updateUserMessages(this.pinnedMessages, user);
+    this.pinnedMessages = [...this.pinnedMessages];
   };
   deleteUserMessages = (user, hardDelete = false) => {
     const _deleteUserMessages = (messages, user2, hardDelete2 = false) => {
@@ -1473,9 +1494,13 @@ var Channel = class {
     state.pinned_messages = state.pinned_messages ? enrichWithUserInfo(state.pinned_messages, users) : [];
     state.read = enrichWithUserInfo(state.read || [], users);
     state.channel.is_pinned = state.is_pinned || false;
-    if (!this.id) {
+    const oldCid = this.cid;
+    if (oldCid !== state.channel.cid) {
       this.id = state.channel.id;
       this.cid = state.channel.cid;
+      if (oldCid in this.getClient().activeChannels) {
+        delete this.getClient().activeChannels[oldCid];
+      }
       const membersStr = state.channel.members.map((member) => member.user_id || member.user?.id).sort().join(",");
       const tempChannelCid = `${this.type}:!members-${membersStr}`;
       if (tempChannelCid in this.getClient().activeChannels) {
@@ -1484,6 +1509,8 @@ var Channel = class {
       if (!(this.cid in this.getClient().activeChannels)) {
         this.getClient().activeChannels[this.cid] = this;
       }
+    } else if (!(this.cid in this.getClient().activeChannels)) {
+      this.getClient().activeChannels[this.cid] = this;
     }
     const { messageSet } = this._initializeState(state, messageSetToAddToIfDoesNotExist);
     const areCapabilitiesChanged = [...state.channel.own_capabilities || []].sort().join() !== [...Array.isArray(this.data?.own_capabilities) ? this.data?.own_capabilities : []].sort().join();
@@ -1622,55 +1649,77 @@ var Channel = class {
   }
   async getThumbBlobVideo(file) {
     return new Promise((resolve) => {
-      const seekTo = 0.1;
       const videoPlayer = document.createElement("video");
       videoPlayer.src = URL.createObjectURL(file);
       videoPlayer.crossOrigin = "anonymous";
+      videoPlayer.muted = true;
       videoPlayer.load();
+      let attempts = 0;
+      const maxAttempts = 5;
+      const seekInterval = 1;
+      const cleanup = () => {
+        URL.revokeObjectURL(videoPlayer.src);
+        videoPlayer.remove();
+      };
       videoPlayer.addEventListener("error", () => {
         console.error("Error when loading video file.");
+        cleanup();
         resolve(null);
       });
-      videoPlayer.addEventListener("loadedmetadata", () => {
-        if (videoPlayer.duration < seekTo) {
-          console.error("Video is too short.");
-          resolve(null);
-          return;
-        }
-        setTimeout(() => {
-          videoPlayer.currentTime = seekTo;
-        }, 200);
-      });
-      videoPlayer.addEventListener("seeked", () => {
+      const captureFrame = () => {
         try {
           const canvas = document.createElement("canvas");
           canvas.width = videoPlayer.videoWidth;
           canvas.height = videoPlayer.videoHeight;
-          const ctx = canvas.getContext("2d");
+          const ctx = canvas.getContext("2d", { willReadFrequently: true });
           if (!ctx) {
             console.error("Failed to create canvas context.");
+            cleanup();
             resolve(null);
             return;
           }
           ctx.drawImage(videoPlayer, 0, 0, canvas.width, canvas.height);
-          ctx.canvas.toBlob(
+          const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
+          const data = imageData.data;
+          let totalLuminance = 0;
+          const sampleStep = 40;
+          let samples = 0;
+          for (let i = 0; i < data.length; i += sampleStep * 4) {
+            const r = data[i];
+            const g = data[i + 1];
+            const b = data[i + 2];
+            totalLuminance += 0.2126 * r + 0.7152 * g + 0.0722 * b;
+            samples++;
+          }
+          const avgLuminance = totalLuminance / samples;
+          if (avgLuminance < 15 && attempts < maxAttempts && videoPlayer.currentTime + seekInterval < videoPlayer.duration) {
+            attempts++;
+            videoPlayer.currentTime += seekInterval;
+            return;
+          }
+          canvas.toBlob(
             (blob) => {
+              cleanup();
               if (!blob) {
                 console.error("Failed to generate thumbnail.");
                 resolve(null);
                 return;
               }
               resolve(blob);
-              URL.revokeObjectURL(videoPlayer.src);
             },
             "image/jpeg",
             0.75
           );
         } catch (error) {
           console.error("Error while extracting thumbnail:", error);
+          cleanup();
           resolve(null);
         }
+      };
+      videoPlayer.addEventListener("loadedmetadata", () => {
+        videoPlayer.currentTime = Math.min(0.5, videoPlayer.duration);
       });
+      videoPlayer.addEventListener("seeked", captureFrame);
     });
   }
   async enableTopics() {
@@ -1803,21 +1852,50 @@ var Channel = class {
         if (event.message) {
           this._extendEventWithOwnReactions(event);
           channelState.removeMessage(event.message);
-          channelState.addMessageSorted(event.message, false, false);
+          if (channelState.latestMessages.length === 0) {
+            this.query({ messages: { limit: 1 } }).then(() => {
+              this._callChannelListeners({
+                type: "channel.updated",
+                cid: this.cid,
+                channel: this.data
+              });
+            }).catch((err) => {
+              this._client.logger("error", "Failed to query for new last message after deletion", { err });
+            });
+          }
           channelState.removeQuotedMessageReferences(event.message);
           if ([...channelState.pinnedMessages].some((msg) => msg.id === event.message?.id)) {
             channelState.removePinnedMessage(event.message);
           }
+          const msgTime = event.message.created_at ? new Date(event.message.created_at) : null;
           for (const userId in channelState.read) {
             if (userId !== event.user?.id && event.message.id === channelState.read[userId].last_read_message_id) {
               channelState.read[userId] = { ...channelState.read[userId], last_read_message_id: void 0 };
             }
+            const userRead = channelState.read[userId];
+            const lastRead = userRead.last_read ? new Date(userRead.last_read) : /* @__PURE__ */ new Date(0);
+            if (msgTime && msgTime > lastRead) {
+              const wasSentByUser = event.message.user?.id === userId || event.message.user_id === userId;
+              const isSystem = event.message.type === "system";
+              if (!wasSentByUser && !isSystem) {
+                userRead.unread_messages = Math.max(0, userRead.unread_messages - 1);
+                if (userId === this.getClient().userID) {
+                  channelState.unreadCount = Math.max(0, channelState.unreadCount - 1);
+                }
+              }
+            }
           }
         }
         break;
       case "message.deleted_for_me":
         if (event.message) {
-          channelState.removeMessage(event.message);
+          delete event.message.user;
+          delete event.message.user_id;
+          event.message.display_type = "deleted";
+          event.message.pinned_at = null;
+          event.message.updated_at = null;
+          event.message.status = "received";
+          channelState.addMessageSorted(event.message);
           channelState.removeQuotedMessageReferences(event.message);
           if ([...channelState.pinnedMessages].some((msg) => msg.id === event.message?.id)) {
             channelState.removePinnedMessage(event.message);
@@ -1903,9 +1981,10 @@ var Channel = class {
           channelState.addMessageSorted(event.message, false, false);
         }
         break;
-      case "channel.truncate":
-        if (event.channel?.created_at) {
-          const truncatedAt = +new Date(event.channel.created_at);
+      case "channel.truncate": {
+        const truncateDate = event.channel?.created_at || event.created_at;
+        if (truncateDate) {
+          const truncatedAt = +new Date(truncateDate);
           channelState.messageSets.forEach((messageSet, messageSetIndex) => {
             messageSet.messages.forEach(({ created_at: createdAt, id }) => {
               if (truncatedAt > +createdAt) channelState.removeMessage({ id, messageSetIndex });
@@ -1926,6 +2005,7 @@ var Channel = class {
           }
         }
         break;
+      }
       case "member.added":
         if (event.member?.user_id) {
           const user = getUserInfo(event.member.user_id, users);
@@ -1956,12 +2036,14 @@ var Channel = class {
           channel.data.topics_enabled = true;
         }
         channelState.topics = channelState.topics || [];
+        event.user = getUserInfo(event.user?.id || "", users);
         break;
       case "channel.topic.disabled":
         if (channel.data) {
           channel.data.topics_enabled = false;
         }
         channelState.topics = [];
+        event.user = getUserInfo(event.user?.id || "", users);
         break;
       case "channel.updated":
         if (event.channel) {
@@ -2077,18 +2159,6 @@ var Channel = class {
           channel.data.is_pinned = false;
         }
         break;
-      case "channel.topic.disabled":
-        if (channel.data) {
-          channel.data.topics_enabled = false;
-        }
-        event.user = getUserInfo(event.user?.id || "", users);
-        break;
-      case "channel.topic.enabled":
-        if (channel.data) {
-          channel.data.topics_enabled = true;
-        }
-        event.user = getUserInfo(event.user?.id || "", users);
-        break;
       case "channel.topic.created":
         const members = event.channel?.members || [];
         const enrichedMembers = enrichWithUserInfo(members, users);
@@ -2306,7 +2376,7 @@ var ClientState = class {
 };
 
 // src/connection.ts
-import WebSocket2 from "isomorphic-ws";
+import WebSocket from "isomorphic-ws";
 var isCloseEvent = (res) => res.code !== void 0;
 var isErrorEvent = (res) => res.error !== void 0;
 var StableWSConnection = class {
@@ -2485,7 +2555,7 @@ var StableWSConnection = class {
       this._setupConnectionPromise();
       const wsURL = this._buildUrl();
       this._log(`_connect() - Connecting to ${wsURL}`, { wsURL, requestID: this.requestID });
-      this.ws = new WebSocket2(wsURL);
+      this.ws = new WebSocket(wsURL);
       this.ws.onopen = this.onopen.bind(this, this.wsID);
       this.ws.onclose = this.onclose.bind(this, this.wsID);
       this.ws.onerror = this.onerror.bind(this, this.wsID);
@@ -2782,6 +2852,7 @@ var CallAction = /* @__PURE__ */ ((CallAction2) => {
   return CallAction2;
 })(CallAction || {});
 var CallStatus = /* @__PURE__ */ ((CallStatus2) => {
+  CallStatus2["PREPARING"] = "preparing";
   CallStatus2["RINGING"] = "ringing";
   CallStatus2["ENDED"] = "ended";
   CallStatus2["CONNECTED"] = "connected";
@@ -2800,6 +2871,7 @@ var FRAME_TYPE = /* @__PURE__ */ ((FRAME_TYPE2) => {
   FRAME_TYPE2[FRAME_TYPE2["REQUEST_CONFIG"] = 8] = "REQUEST_CONFIG";
   FRAME_TYPE2[FRAME_TYPE2["REQUEST_KEY_FRAME"] = 9] = "REQUEST_KEY_FRAME";
   FRAME_TYPE2[FRAME_TYPE2["END_CALL"] = 10] = "END_CALL";
+  FRAME_TYPE2[FRAME_TYPE2["HEALTH_CALL"] = 11] = "HEALTH_CALL";
   return FRAME_TYPE2;
 })(FRAME_TYPE || {});
 
@@ -2993,7 +3065,11 @@ var ErmisChat = class _ErmisChat {
     this.userID = connectionUser.id;
     const setTokenPromise = this._setToken(connectionUser, connectionToken);
     this._setUser(connectionUser);
-    this.state.updateUser({ id: connectionUser.id, name: connectionUser?.name || connectionUser.id, avatar: connectionUser?.avatar || "" });
+    this.state.updateUser({
+      id: connectionUser.id,
+      name: connectionUser?.name || connectionUser.id,
+      avatar: connectionUser?.avatar || ""
+    });
     const wsPromise = this.openConnection();
     this.setUserPromise = Promise.all([setTokenPromise, wsPromise]).then(
       (result) => result[1]
@@ -3002,6 +3078,16 @@ var ErmisChat = class _ErmisChat {
     try {
       const result = await this.setUserPromise;
       await this.connectToSSE();
+      this.queryUser(connectionUser.id).then((fullProfile) => {
+        this.user = { ...this.user, ...fullProfile };
+        this.state.updateUser(this.user);
+        this.dispatchEvent({
+          type: "user.updated",
+          me: this.user
+        });
+      }).catch((err) => {
+        this.logger("error", "client:connectUser() - failed to fetch full user profile", { err });
+      });
       return result;
     } catch (err) {
       this.disconnectUser();
@@ -3208,10 +3294,11 @@ var ErmisChat = class _ErmisChat {
    * @returns A Blob of the file content.
    */
   async downloadMedia(url) {
-    const response = await this.axiosInstance.get(url, {
-      responseType: "blob"
-    });
-    return response.data;
+    const response = await fetch(url, { cache: "no-store" });
+    if (!response.ok) {
+      throw new Error(`Failed to download media: ${response.statusText}`);
+    }
+    return await response.blob();
   }
   errorFromResponse(response) {
     let err;
@@ -3291,21 +3378,67 @@ var ErmisChat = class _ErmisChat {
     this.dispatchEvent(event);
   };
   _updateMemberWatcherReferences = (user) => {
-    const refMap = this.state.userChannelReferences[user.id] || {};
-    for (const channelID in refMap) {
-      const channel = this.activeChannels[channelID];
+    Object.values(this.activeChannels).forEach((channel) => {
       if (channel?.state) {
+        let hasChange = false;
         if (channel.state.members[user.id]) {
-          channel.state.members[user.id].user = user;
+          channel.state.members = {
+            ...channel.state.members,
+            [user.id]: {
+              ...channel.state.members[user.id],
+              user
+            }
+          };
+          hasChange = true;
+          if (channel.data?.type === "messaging") {
+            const members = Object.values(channel.state.members);
+            if (members.length === 2) {
+              const otherMember = members.find((m) => m.user?.id !== this.userID);
+              if (otherMember && otherMember.user?.id === user.id) {
+                channel.data.name = user.name || user.id;
+                channel.data.image = user.avatar || "";
+              }
+            }
+          }
         }
         if (channel.state.watchers[user.id]) {
-          channel.state.watchers[user.id] = user;
+          channel.state.watchers = {
+            ...channel.state.watchers,
+            [user.id]: user
+          };
+          hasChange = true;
         }
         if (channel.state.read[user.id]) {
-          channel.state.read[user.id].user = user;
+          channel.state.read = {
+            ...channel.state.read,
+            [user.id]: {
+              ...channel.state.read[user.id],
+              user
+            }
+          };
+          hasChange = true;
+        }
+        if (hasChange) {
+          channel._callChannelListeners({
+            type: "channel.updated",
+            channel: channel.data,
+            cid: channel.cid
+          });
+          if (channel.state.members[user.id]) {
+            channel._callChannelListeners({
+              type: "member.updated",
+              member: channel.state.members[user.id],
+              cid: channel.cid
+            });
+          }
+          channel._callChannelListeners({
+            type: "user.updated",
+            user,
+            cid: channel.cid
+          });
         }
       }
-    }
+    });
   };
   _updateUserReferences = this._updateMemberWatcherReferences;
   _updateUserMessageReferences = (user) => {
@@ -3315,6 +3448,19 @@ var ErmisChat = class _ErmisChat {
       if (!channel) continue;
       const state = channel.state;
       state?.updateUserMessages(user);
+      channel._callChannelListeners({
+        type: "channel.updated",
+        channel: channel.data,
+        cid: channel.cid
+      });
+      const lastMessage = state?.messages[state.messages.length - 1];
+      if (lastMessage) {
+        channel._callChannelListeners({
+          type: "message.updated",
+          message: lastMessage,
+          cid: channel.cid
+        });
+      }
     }
   };
   _deleteUserMessageReference = (user, hardDelete = false) => {
@@ -3380,7 +3526,11 @@ var ErmisChat = class _ErmisChat {
               const bTime = bLatest ? new Date(bLatest).getTime() : 0;
               return bTime - aTime;
             });
-            parentChannel._callChannelListeners({ ...event, type: "channel.updated", channel: parentChannel.data });
+            parentChannel._callChannelListeners({
+              ...event,
+              type: "channel.updated",
+              channel: parentChannel.data
+            });
           }
         }
       });
@@ -3391,7 +3541,9 @@ var ErmisChat = class _ErmisChat {
         if (parentCid && this.activeChannels[parentCid]) {
           const parentChannel = this.activeChannels[parentCid];
           if (parentChannel.state?.topics && event.channel) {
-            const topicIndex = parentChannel.state.topics.findIndex((t) => t.cid === event.cid || t.channel?.cid === event.cid);
+            const topicIndex = parentChannel.state.topics.findIndex(
+              (t) => t.cid === event.cid || t.channel?.cid === event.cid
+            );
             if (topicIndex !== -1) {
               const t = parentChannel.state.topics[topicIndex];
               if (t.data) {
@@ -3402,14 +3554,22 @@ var ErmisChat = class _ErmisChat {
                 Object.assign(t, event.channel);
               }
             }
-            parentChannel._callChannelListeners({ ...event, type: "channel.updated", channel: parentChannel.data });
+            parentChannel._callChannelListeners({
+              ...event,
+              type: "channel.updated",
+              channel: parentChannel.data
+            });
           }
         }
         if (event.cid && this.activeChannels[event.cid]) {
           const topicChannel = this.activeChannels[event.cid];
           if (event.channel) {
             topicChannel.data = { ...topicChannel.data, ...event.channel };
-            topicChannel._callChannelListeners({ ...event, type: "channel.updated", channel: topicChannel.data });
+            topicChannel._callChannelListeners({
+              ...event,
+              type: "channel.updated",
+              channel: topicChannel.data
+            });
           }
         }
       });
@@ -3421,14 +3581,20 @@ var ErmisChat = class _ErmisChat {
         if (parentCid && this.activeChannels[parentCid]) {
           const parentChannel = this.activeChannels[parentCid];
           if (parentChannel.state?.topics) {
-            const topicIndex = parentChannel.state.topics.findIndex((t) => t.cid === event.cid || t.channel?.cid === event.cid);
+            const topicIndex = parentChannel.state.topics.findIndex(
+              (t) => t.cid === event.cid || t.channel?.cid === event.cid
+            );
             if (topicIndex !== -1) {
               const t = parentChannel.state.topics[topicIndex];
               if (t.data) t.data.is_closed_topic = isClosed;
               else if (t.channel) t.channel.is_closed_topic = isClosed;
               else t.is_closed_topic = isClosed;
             }
-            parentChannel._callChannelListeners({ ...event, type: "channel.updated", channel: parentChannel.data });
+            parentChannel._callChannelListeners({
+              ...event,
+              type: "channel.updated",
+              channel: parentChannel.data
+            });
           }
         }
         if (event.cid && this.activeChannels[event.cid]) {
@@ -3484,13 +3650,11 @@ var ErmisChat = class _ErmisChat {
       this.logger("info", `client:recoverState() - Start the querying of ${cids.length} channels`, {
         tags: ["connection", "client"]
       });
-      const filter = {
-        type: ["messaging", "team"]
-      };
-      const sort = [];
-      const options = {
-        message_limit: 25
-      };
+      const {
+        filter = { type: ["messaging", "team", "meeting"] },
+        sort = [],
+        options = { message_limit: 1 }
+      } = this.options.recoveryConfig || {};
       await this.queryChannels(filter, sort, options);
       this.logger("info", "client:recoverState() - Querying channels finished", { tags: ["connection", "client"] });
       this.dispatchEvent({
@@ -3552,36 +3716,32 @@ var ErmisChat = class _ErmisChat {
       const data = JSON.parse(event.data);
       this.logger("info", `client:connectToSSE() - SSE message received event :  ${JSON.stringify(data)}`, { event });
       if (data.type === "AccountUserChainProjects") {
-        let user = {
-          name: data.name,
+        const userInfo = {
           id: data.id,
+          name: data.name,
           avatar: data.avatar,
           about_me: data.about_me,
           project_id: data.project_id
         };
-        if (this.user?.id === user.id) {
-          this.user = { ...this.user, ...user };
+        if (this.user?.id === userInfo.id) {
+          this.user = { ...this.user, ...userInfo };
         }
-        this.state.updateUser(user);
-        const userInfo = {
-          id: user.id,
-          name: user.name ? user.name : user.id,
-          avatar: user?.avatar || ""
+        this.state.updateUser(userInfo);
+        const minimalUserInfo = {
+          id: userInfo.id,
+          name: userInfo.name || userInfo.id,
+          avatar: userInfo.avatar || ""
         };
-        this._updateMemberWatcherReferences(userInfo);
-        this._updateUserMessageReferences(userInfo);
-        Object.values(this.activeChannels).forEach((channel) => {
-          if (channel.data?.type === "messaging" && Object.keys(channel.state.members).length === 2) {
-            const otherMember = Object.values(channel.state.members).find((member) => member.user?.id !== this.userID);
-            if (otherMember && otherMember.user?.id === user.id) {
-              channel.data.name = user.name || user.id;
-              channel.data.image = user.avatar || "";
-            }
-          }
-        });
+        this._updateMemberWatcherReferences(minimalUserInfo);
+        this._updateUserMessageReferences(minimalUserInfo);
         if (onCallBack) {
           onCallBack(data);
         }
+        this.dispatchEvent({
+          type: "user.updated",
+          user: userInfo,
+          me: this.user?.id === userInfo.id ? this.user : void 0
+        });
       }
     };
     this.eventSource.onerror = (event) => {
@@ -3696,6 +3856,17 @@ var ErmisChat = class _ErmisChat {
       this.user.avatar = response.avatar;
       const new_user = { ...this.user, avatar: response.avatar };
       this.state.updateUser(new_user);
+      const userInfo = {
+        id: this.user.id,
+        name: this.user.name ? this.user.name : this.user.id,
+        avatar: this.user?.avatar || ""
+      };
+      this._updateMemberWatcherReferences(userInfo);
+      this._updateUserMessageReferences(userInfo);
+      this.dispatchEvent({
+        type: "user.updated",
+        me: this.user
+      });
     }
     return response;
   }
@@ -3703,6 +3874,19 @@ var ErmisChat = class _ErmisChat {
     let response = await this.patch(this.userBaseURL + "/users/update", updates);
     this.user = response;
     this.state.updateUser(response);
+    if (this.user) {
+      const userInfo = {
+        id: this.user.id,
+        name: this.user.name ? this.user.name : this.user.id,
+        avatar: this.user?.avatar || ""
+      };
+      this._updateMemberWatcherReferences(userInfo);
+      this._updateUserMessageReferences(userInfo);
+      this.dispatchEvent({
+        type: "user.updated",
+        me: this.user
+      });
+    }
     return response;
   }
   /**
@@ -3762,6 +3946,9 @@ var ErmisChat = class _ErmisChat {
     });
     const { channels, userIds } = this.hydrateChannels(data.channels, stateOptions);
     console.log("---channels---", channels);
+    this.dispatchEvent({
+      type: "channels.queried"
+    });
     return channels;
   }
   hydrateChannels(channelsFromApi = [], stateOptions = {}) {
@@ -3917,7 +4104,7 @@ var ErmisChat = class _ErmisChat {
     return pinExpires;
   }
   getUserAgent() {
-    return this.userAgent || `ermis-chat-sdk-javascript-client-${this.node ? "node" : "browser"}-${"1.0.8"}`;
+    return this.userAgent || `ermis-chat-sdk-javascript-client-${this.node ? "node" : "browser"}-${"2.0.0"}`;
   }
   setUserAgent(userAgent) {
     this.userAgent = userAgent;
@@ -4032,1470 +4219,234 @@ var EVENT_MAP = {
   "channel.topic.updated": true
 };
 
-// src/wasm/ermis_call_node_wasm.js
-var wasm;
-var cachedUint8ArrayMemory0 = null;
-function getUint8ArrayMemory0() {
-  if (cachedUint8ArrayMemory0 === null || cachedUint8ArrayMemory0.byteLength === 0) {
-    cachedUint8ArrayMemory0 = new Uint8Array(wasm.memory.buffer);
-  }
-  return cachedUint8ArrayMemory0;
-}
-var cachedTextDecoder = new TextDecoder("utf-8", { ignoreBOM: true, fatal: true });
-cachedTextDecoder.decode();
-var MAX_SAFARI_DECODE_BYTES = 2146435072;
-var numBytesDecoded = 0;
-function decodeText(ptr, len) {
-  numBytesDecoded += len;
-  if (numBytesDecoded >= MAX_SAFARI_DECODE_BYTES) {
-    cachedTextDecoder = new TextDecoder("utf-8", { ignoreBOM: true, fatal: true });
-    cachedTextDecoder.decode();
-    numBytesDecoded = len;
-  }
-  return cachedTextDecoder.decode(getUint8ArrayMemory0().subarray(ptr, ptr + len));
-}
-function getStringFromWasm0(ptr, len) {
-  ptr = ptr >>> 0;
-  return decodeText(ptr, len);
-}
-var heap = new Array(128).fill(void 0);
-heap.push(void 0, null, true, false);
-var heap_next = heap.length;
-function addHeapObject(obj) {
-  if (heap_next === heap.length) heap.push(heap.length + 1);
-  const idx = heap_next;
-  heap_next = heap[idx];
-  heap[idx] = obj;
-  return idx;
-}
-function getObject(idx) {
-  return heap[idx];
-}
-var WASM_VECTOR_LEN = 0;
-var cachedTextEncoder = new TextEncoder();
-if (!("encodeInto" in cachedTextEncoder)) {
-  cachedTextEncoder.encodeInto = function(arg, view) {
-    const buf = cachedTextEncoder.encode(arg);
-    view.set(buf);
-    return {
-      read: arg.length,
-      written: buf.length
-    };
-  };
-}
-function passStringToWasm0(arg, malloc, realloc) {
-  if (realloc === void 0) {
-    const buf = cachedTextEncoder.encode(arg);
-    const ptr2 = malloc(buf.length, 1) >>> 0;
-    getUint8ArrayMemory0().subarray(ptr2, ptr2 + buf.length).set(buf);
-    WASM_VECTOR_LEN = buf.length;
-    return ptr2;
-  }
-  let len = arg.length;
-  let ptr = malloc(len, 1) >>> 0;
-  const mem = getUint8ArrayMemory0();
-  let offset = 0;
-  for (; offset < len; offset++) {
-    const code = arg.charCodeAt(offset);
-    if (code > 127) break;
-    mem[ptr + offset] = code;
-  }
-  if (offset !== len) {
-    if (offset !== 0) {
-      arg = arg.slice(offset);
-    }
-    ptr = realloc(ptr, len, len = offset + arg.length * 3, 1) >>> 0;
-    const view = getUint8ArrayMemory0().subarray(ptr + offset, ptr + len);
-    const ret = cachedTextEncoder.encodeInto(arg, view);
-    offset += ret.written;
-    ptr = realloc(ptr, len, offset, 1) >>> 0;
-  }
-  WASM_VECTOR_LEN = offset;
-  return ptr;
-}
-var cachedDataViewMemory0 = null;
-function getDataViewMemory0() {
-  if (cachedDataViewMemory0 === null || cachedDataViewMemory0.buffer.detached === true || cachedDataViewMemory0.buffer.detached === void 0 && cachedDataViewMemory0.buffer !== wasm.memory.buffer) {
-    cachedDataViewMemory0 = new DataView(wasm.memory.buffer);
-  }
-  return cachedDataViewMemory0;
-}
-function isLikeNone(x) {
-  return x === void 0 || x === null;
-}
-function debugString(val) {
-  const type = typeof val;
-  if (type == "number" || type == "boolean" || val == null) {
-    return `${val}`;
-  }
-  if (type == "string") {
-    return `"${val}"`;
-  }
-  if (type == "symbol") {
-    const description = val.description;
-    if (description == null) {
-      return "Symbol";
-    } else {
-      return `Symbol(${description})`;
-    }
-  }
-  if (type == "function") {
-    const name = val.name;
-    if (typeof name == "string" && name.length > 0) {
-      return `Function(${name})`;
+// src/wasm_worker_proxy.ts
+var WasmWorkerProxy = class _WasmWorkerProxy {
+  worker;
+  nextId = 0;
+  pendingCalls = /* @__PURE__ */ new Map();
+  /** Queue cho asyncRecv — Worker gửi data về, Main Thread consume từng cái */
+  recvResolveQueue = [];
+  recvDataQueue = [];
+  recvErrorQueue = [];
+  /** Static cache — persist across Worker instances */
+  static cachedBlobUrl = null;
+  static cachedWasmBytes = null;
+  constructor(workerUrl) {
+    if (!_WasmWorkerProxy.cachedBlobUrl) {
+      const url = workerUrl.toString();
+      const xhr = new XMLHttpRequest();
+      xhr.open("GET", url, false);
+      xhr.send();
+      if (xhr.status === 200) {
+        const blob = new Blob([xhr.responseText], { type: "application/javascript" });
+        _WasmWorkerProxy.cachedBlobUrl = URL.createObjectURL(blob);
+      }
+    }
+    if (_WasmWorkerProxy.cachedBlobUrl) {
+      this.worker = new Worker(_WasmWorkerProxy.cachedBlobUrl, { type: "module" });
     } else {
-      return "Function";
+      this.worker = new Worker(workerUrl, { type: "module" });
     }
+    this.worker.onmessage = (e) => this.handleMessage(e.data);
+    this.worker.onerror = (e) => {
+      console.error("\u{1F534} WASM Worker error:", e.message);
+      this.pendingCalls.forEach(({ reject }) => reject(new Error(`Worker error: ${e.message}`)));
+      this.pendingCalls.clear();
+    };
   }
-  if (Array.isArray(val)) {
-    const length = val.length;
-    let debug = "[";
-    if (length > 0) {
-      debug += debugString(val[0]);
-    }
-    for (let i = 1; i < length; i++) {
-      debug += ", " + debugString(val[i]);
-    }
-    debug += "]";
-    return debug;
-  }
-  const builtInMatches = /\[object ([^\]]+)\]/.exec(toString.call(val));
-  let className;
-  if (builtInMatches && builtInMatches.length > 1) {
-    className = builtInMatches[1];
-  } else {
-    return toString.call(val);
-  }
-  if (className == "Object") {
-    try {
-      return "Object(" + JSON.stringify(val) + ")";
-    } catch (_) {
-      return "Object";
-    }
-  }
-  if (val instanceof Error) {
-    return `${val.name}: ${val.message}
-${val.stack}`;
-  }
-  return className;
-}
-function handleError(f, args) {
-  try {
-    return f.apply(this, args);
-  } catch (e) {
-    wasm.__wbindgen_export3(addHeapObject(e));
+  // === LIFECYCLE ===
+  /** Initialize WASM trong Worker — fetch bytes 1 lần, gửi cached bytes cho Worker */
+  async init(wasmPath) {
+    if (!_WasmWorkerProxy.cachedWasmBytes) {
+      const absoluteWasmPath = new URL(
+        wasmPath || "/ermis_call_node_wasm_bg.wasm",
+        window.location.origin
+      ).href;
+      const response = await fetch(absoluteWasmPath);
+      _WasmWorkerProxy.cachedWasmBytes = await response.arrayBuffer();
+    }
+    const bytesCopy = _WasmWorkerProxy.cachedWasmBytes.slice(0);
+    await this.call("init", { wasmBytes: bytesCopy }, [bytesCopy]);
+  }
+  /** Spawn WASM node */
+  async spawn(relayUrls) {
+    await this.call("spawn", { relayUrls });
+  }
+  /** Lấy local endpoint address */
+  async getLocalEndpointAddr() {
+    return await this.call("getLocalEndpointAddr");
   }
-}
-function dropObject(idx) {
-  if (idx < 132) return;
-  heap[idx] = heap_next;
-  heap_next = idx;
-}
-function takeObject(idx) {
-  const ret = getObject(idx);
-  dropObject(idx);
-  return ret;
-}
-function getArrayU8FromWasm0(ptr, len) {
-  ptr = ptr >>> 0;
-  return getUint8ArrayMemory0().subarray(ptr / 1, ptr / 1 + len);
-}
-var CLOSURE_DTORS = typeof FinalizationRegistry === "undefined" ? { register: () => {
-}, unregister: () => {
-} } : new FinalizationRegistry((state) => state.dtor(state.a, state.b));
-function makeMutClosure(arg0, arg1, dtor, f) {
-  const state = { a: arg0, b: arg1, cnt: 1, dtor };
-  const real = (...args) => {
-    state.cnt++;
-    const a = state.a;
-    state.a = 0;
-    try {
-      return f(a, state.b, ...args);
-    } finally {
-      state.a = a;
-      real._wbg_cb_unref();
-    }
-  };
-  real._wbg_cb_unref = () => {
-    if (--state.cnt === 0) {
-      state.dtor(state.a, state.b);
-      state.a = 0;
-      CLOSURE_DTORS.unregister(state);
-    }
-  };
-  CLOSURE_DTORS.register(real, state, state);
-  return real;
-}
-function makeClosure(arg0, arg1, dtor, f) {
-  const state = { a: arg0, b: arg1, cnt: 1, dtor };
-  const real = (...args) => {
-    state.cnt++;
-    try {
-      return f(state.a, state.b, ...args);
-    } finally {
-      real._wbg_cb_unref();
-    }
-  };
-  real._wbg_cb_unref = () => {
-    if (--state.cnt === 0) {
-      state.dtor(state.a, state.b);
-      state.a = 0;
-      CLOSURE_DTORS.unregister(state);
-    }
-  };
-  CLOSURE_DTORS.register(real, state, state);
-  return real;
-}
-function passArray8ToWasm0(arg, malloc) {
-  const ptr = malloc(arg.length * 1, 1) >>> 0;
-  getUint8ArrayMemory0().set(arg, ptr / 1);
-  WASM_VECTOR_LEN = arg.length;
-  return ptr;
-}
-function __wasm_bindgen_func_elem_12858(arg0, arg1) {
-  wasm.__wasm_bindgen_func_elem_12858(arg0, arg1);
-}
-function __wasm_bindgen_func_elem_11688(arg0, arg1, arg2) {
-  wasm.__wasm_bindgen_func_elem_11688(arg0, arg1, addHeapObject(arg2));
-}
-function __wasm_bindgen_func_elem_6230(arg0, arg1) {
-  wasm.__wasm_bindgen_func_elem_6230(arg0, arg1);
-}
-function __wasm_bindgen_func_elem_2287(arg0, arg1, arg2) {
-  wasm.__wasm_bindgen_func_elem_2287(arg0, arg1, addHeapObject(arg2));
-}
-function __wasm_bindgen_func_elem_12912(arg0, arg1, arg2) {
-  wasm.__wasm_bindgen_func_elem_12912(arg0, arg1, addHeapObject(arg2));
-}
-function __wasm_bindgen_func_elem_5748(arg0, arg1) {
-  wasm.__wasm_bindgen_func_elem_5748(arg0, arg1);
-}
-function __wasm_bindgen_func_elem_14376(arg0, arg1, arg2, arg3) {
-  wasm.__wasm_bindgen_func_elem_14376(arg0, arg1, addHeapObject(arg2), addHeapObject(arg3));
-}
-var __wbindgen_enum_BinaryType = ["blob", "arraybuffer"];
-var __wbindgen_enum_ReadableStreamType = ["bytes"];
-var __wbindgen_enum_RequestCache = ["default", "no-store", "reload", "no-cache", "force-cache", "only-if-cached"];
-var __wbindgen_enum_RequestCredentials = ["omit", "same-origin", "include"];
-var __wbindgen_enum_RequestMode = ["same-origin", "no-cors", "cors", "navigate"];
-var ConnectionStatsFinalization = typeof FinalizationRegistry === "undefined" ? { register: () => {
-}, unregister: () => {
-} } : new FinalizationRegistry((ptr) => wasm.__wbg_connectionstats_free(ptr >>> 0, 1));
-var ConnectionStats = class {
-  __destroy_into_raw() {
-    const ptr = this.__wbg_ptr;
-    this.__wbg_ptr = 0;
-    ConnectionStatsFinalization.unregister(this);
-    return ptr;
-  }
-  free() {
-    const ptr = this.__destroy_into_raw();
-    wasm.__wbg_connectionstats_free(ptr, 0);
+  // === INodeCall IMPLEMENTATION ===
+  async connect(address) {
+    await this.call("connect", { address });
   }
-  /**
-   * @returns {number | undefined}
-   */
-  get rtt_ms() {
-    try {
-      const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
-      wasm.__wbg_get_connectionstats_rtt_ms(retptr, this.__wbg_ptr);
-      var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
-      var r2 = getDataViewMemory0().getFloat64(retptr + 8 * 1, true);
-      return r0 === 0 ? void 0 : r2;
-    } finally {
-      wasm.__wbindgen_add_to_stack_pointer(16);
-    }
+  async acceptConnection() {
+    await this.call("acceptConnection");
   }
-  /**
-   * @param {number | null} [arg0]
-   */
-  set rtt_ms(arg0) {
-    wasm.__wbg_set_connectionstats_rtt_ms(this.__wbg_ptr, !isLikeNone(arg0), isLikeNone(arg0) ? 0 : arg0);
+  async sendFrame(data) {
+    await this.call("sendFrame", { data }, [data.buffer]);
   }
-  /**
-   * @returns {number | undefined}
-   */
-  get packet_loss() {
-    try {
-      const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
-      wasm.__wbg_get_connectionstats_packet_loss(retptr, this.__wbg_ptr);
-      var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
-      var r2 = getDataViewMemory0().getFloat64(retptr + 8 * 1, true);
-      return r0 === 0 ? void 0 : r2;
-    } finally {
-      wasm.__wbindgen_add_to_stack_pointer(16);
-    }
+  async beginWithGop(data) {
+    await this.call("beginWithGop", { data }, [data.buffer]);
   }
-  /**
-   * @param {number | null} [arg0]
-   */
-  set packet_loss(arg0) {
-    wasm.__wbg_set_connectionstats_packet_loss(this.__wbg_ptr, !isLikeNone(arg0), isLikeNone(arg0) ? 0 : arg0);
+  async sendAudioFrame(data) {
+    await this.call("sendAudioFrame", { data }, [data.buffer]);
   }
-  /**
-   * @param {string | null} [connection_type]
-   * @param {number | null} [rtt_ms]
-   * @param {number | null} [packet_loss]
-   */
-  constructor(connection_type, rtt_ms, packet_loss) {
-    var ptr0 = isLikeNone(connection_type) ? 0 : passStringToWasm0(connection_type, wasm.__wbindgen_export, wasm.__wbindgen_export2);
-    var len0 = WASM_VECTOR_LEN;
-    const ret = wasm.connectionstats_new(ptr0, len0, !isLikeNone(rtt_ms), isLikeNone(rtt_ms) ? 0 : rtt_ms, !isLikeNone(packet_loss), isLikeNone(packet_loss) ? 0 : packet_loss);
-    this.__wbg_ptr = ret >>> 0;
-    ConnectionStatsFinalization.register(this, this.__wbg_ptr, this);
-    return this;
+  async sendControlFrame(data) {
+    await this.call("sendControlFrame", { data });
   }
   /**
-   * @returns {string | undefined}
+   * asyncRecv — nhận data từ Worker recv loop.
+   *
+   * Worker chạy recv loop nội bộ, gửi data về qua postMessage.
+   * Method này trả về Promise resolve khi có data mới.
+   * KHÔNG BAO GIỜ block Main Thread — chỉ chờ postMessage event.
    */
-  get connection_type() {
-    try {
-      const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
-      wasm.connectionstats_connection_type(retptr, this.__wbg_ptr);
-      var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
-      var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
-      let v1;
-      if (r0 !== 0) {
-        v1 = getStringFromWasm0(r0, r1).slice();
-        wasm.__wbindgen_export4(r0, r1 * 1, 1);
-      }
-      return v1;
-    } finally {
-      wasm.__wbindgen_add_to_stack_pointer(16);
+  async asyncRecv() {
+    if (this.recvDataQueue.length > 0) {
+      return this.recvDataQueue.shift();
     }
+    return new Promise((resolve, reject) => {
+      this.recvResolveQueue.push(resolve);
+      this.recvErrorQueue.push(reject);
+    });
   }
-  /**
-   * @param {string | null} [value]
-   */
-  set connection_type(value) {
-    var ptr0 = isLikeNone(value) ? 0 : passStringToWasm0(value, wasm.__wbindgen_export, wasm.__wbindgen_export2);
-    var len0 = WASM_VECTOR_LEN;
-    wasm.connectionstats_set_connection_type(this.__wbg_ptr, ptr0, len0);
-  }
-};
-if (Symbol.dispose) ConnectionStats.prototype[Symbol.dispose] = ConnectionStats.prototype.free;
-var ErmisCallFinalization = typeof FinalizationRegistry === "undefined" ? { register: () => {
-}, unregister: () => {
-} } : new FinalizationRegistry((ptr) => wasm.__wbg_ermiscall_free(ptr >>> 0, 1));
-var ErmisCall = class {
-  __destroy_into_raw() {
-    const ptr = this.__wbg_ptr;
-    this.__wbg_ptr = 0;
-    ErmisCallFinalization.unregister(this);
-    return ptr;
-  }
-  free() {
-    const ptr = this.__destroy_into_raw();
-    wasm.__wbg_ermiscall_free(ptr, 0);
+  // === CONTROL ===
+  /** Bắt đầu recv loop trong Worker */
+  async startRecvLoop() {
+    await this.call("startRecvLoop");
   }
-  constructor() {
-    const ret = wasm.ermiscall_new();
-    this.__wbg_ptr = ret >>> 0;
-    ErmisCallFinalization.register(this, this.__wbg_ptr, this);
-    return this;
+  /** Dừng recv loop trong Worker */
+  async stopRecvLoop() {
+    await this.call("stopRecvLoop");
   }
-  /**
-   * @param {any} relay_urls
-   * @param {Uint8Array | null} [secret_key]
-   * @returns {Promise<void>}
-   */
-  spawn(relay_urls, secret_key) {
-    var ptr0 = isLikeNone(secret_key) ? 0 : passArray8ToWasm0(secret_key, wasm.__wbindgen_export);
-    var len0 = WASM_VECTOR_LEN;
-    const ret = wasm.ermiscall_spawn(this.__wbg_ptr, addHeapObject(relay_urls), ptr0, len0);
-    return takeObject(ret);
+  async closeEndpoint() {
+    await this.call("closeEndpoint");
   }
-  /**
-   * @returns {Promise<string>}
-   */
-  getLocalEndpointAddr() {
-    const ret = wasm.ermiscall_getLocalEndpointAddr(this.__wbg_ptr);
-    return takeObject(ret);
+  closeConnection() {
+    const id = this.nextId++;
+    this.worker.postMessage({ id, type: "closeConnection" });
   }
-  /**
-   * @param {string} addr
-   * @returns {Promise<void>}
-   */
-  connect(addr) {
-    const ptr0 = passStringToWasm0(addr, wasm.__wbindgen_export, wasm.__wbindgen_export2);
-    const len0 = WASM_VECTOR_LEN;
-    const ret = wasm.ermiscall_connect(this.__wbg_ptr, ptr0, len0);
-    return takeObject(ret);
+  networkChange() {
+    const id = this.nextId++;
+    this.worker.postMessage({ id, type: "networkChange" });
   }
-  /**
-   * @returns {Promise<void>}
-   */
-  closeEndpoint() {
-    const ret = wasm.ermiscall_closeEndpoint(this.__wbg_ptr);
-    return takeObject(ret);
+  async getStats() {
+    return await this.call("getStats");
   }
-  closeConnection() {
+  /** Terminate Worker — gọi khi call kết thúc */
+  async terminate() {
     try {
-      const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
-      wasm.ermiscall_closeConnection(retptr, this.__wbg_ptr);
-      var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
-      var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
-      if (r1) {
-        throw takeObject(r0);
+      await this.call("terminate");
+    } catch {
+    }
+    this.worker.terminate();
+    this.recvResolveQueue = [];
+    this.recvErrorQueue.forEach((reject) => reject(new Error("Worker terminated")));
+    this.recvErrorQueue = [];
+    this.recvDataQueue = [];
+  }
+  // === INTERNAL ===
+  handleMessage(msg) {
+    if (msg.type === "recv_data") {
+      const data = msg.data;
+      if (this.recvResolveQueue.length > 0) {
+        const resolve = this.recvResolveQueue.shift();
+        this.recvErrorQueue.shift();
+        resolve(data);
+      } else {
+        this.recvDataQueue.push(data);
       }
-    } finally {
-      wasm.__wbindgen_add_to_stack_pointer(16);
+      return;
     }
-  }
-  /**
-   * @returns {Promise<void>}
-   */
-  acceptConnection() {
-    const ret = wasm.ermiscall_acceptConnection(this.__wbg_ptr);
-    return takeObject(ret);
-  }
-  /**
-   * @param {Uint8Array} data
-   */
-  sendControlFrame(data) {
-    try {
-      const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
-      const ptr0 = passArray8ToWasm0(data, wasm.__wbindgen_export);
-      const len0 = WASM_VECTOR_LEN;
-      wasm.ermiscall_sendControlFrame(retptr, this.__wbg_ptr, ptr0, len0);
-      var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
-      var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
-      if (r1) {
-        throw takeObject(r0);
+    if (msg.type === "recv_error") {
+      const error = new Error(msg.error);
+      if (this.recvErrorQueue.length > 0) {
+        const reject = this.recvErrorQueue.shift();
+        this.recvResolveQueue.shift();
+        reject(error);
       }
-    } finally {
-      wasm.__wbindgen_add_to_stack_pointer(16);
+      return;
+    }
+    const { id } = msg;
+    const pending = this.pendingCalls.get(id);
+    if (!pending) return;
+    this.pendingCalls.delete(id);
+    if (msg.type === "error") {
+      pending.reject(new Error(msg.error));
+    } else {
+      pending.resolve(msg.data);
     }
   }
-  /**
-   * @param {Uint8Array} data
-   */
-  sendAudioFrame(data) {
-    try {
-      const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
-      const ptr0 = passArray8ToWasm0(data, wasm.__wbindgen_export);
-      const len0 = WASM_VECTOR_LEN;
-      wasm.ermiscall_sendAudioFrame(retptr, this.__wbg_ptr, ptr0, len0);
-      var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
-      var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
-      if (r1) {
-        throw takeObject(r0);
+  /** Send RPC call to Worker and wait for response */
+  call(type, payload, transfer) {
+    const id = this.nextId++;
+    return new Promise((resolve, reject) => {
+      this.pendingCalls.set(id, { resolve, reject });
+      const message = { id, type, ...payload };
+      if (transfer && transfer.length > 0) {
+        this.worker.postMessage(message, transfer);
+      } else {
+        this.worker.postMessage(message);
       }
-    } finally {
-      wasm.__wbindgen_add_to_stack_pointer(16);
-    }
+    });
+  }
+};
+
+// src/media_stream_sender.ts
+var MediaStreamSender = class {
+  videoEncoder = null;
+  audioEncoder = null;
+  videoReader = null;
+  audioReader = null;
+  localStream = null;
+  videoConfig = null;
+  audioConfig = null;
+  videoConfigSent = false;
+  audioConfigSent = false;
+  hasVideo = false;
+  hasAudio = false;
+  forceKeyFrame = false;
+  isSendingVideo = false;
+  isSendingAudio = false;
+  nodeCall;
+  healthCallInterval = null;
+  constructor(nodeCall) {
+    this.nodeCall = nodeCall;
   }
   /**
-   * @param {Uint8Array} data
+   * Bắt đầu xử lý MediaStream
    */
-  sendFrame(data) {
+  async connect(address) {
     try {
-      const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
-      const ptr0 = passArray8ToWasm0(data, wasm.__wbindgen_export);
-      const len0 = WASM_VECTOR_LEN;
-      wasm.ermiscall_sendFrame(retptr, this.__wbg_ptr, ptr0, len0);
-      var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
-      var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
-      if (r1) {
-        throw takeObject(r0);
-      }
-    } finally {
-      wasm.__wbindgen_add_to_stack_pointer(16);
+      await this.nodeCall.connect(address);
+      await this.sendConnected();
+      await this.sendConfigs();
+      this.startHealthCallInterval();
+    } catch (error) {
+      console.error("Error starting MediaStreamSender:", error);
     }
   }
-  notifyNewGop() {
+  async sendConfigs() {
     try {
-      const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
-      wasm.ermiscall_notifyNewGop(retptr, this.__wbg_ptr);
-      var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
-      var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
-      if (r1) {
-        throw takeObject(r0);
+      await this.sendTransceiverState(this.hasAudio, this.hasVideo);
+      await this.sendAudioConfig();
+      const videoTrack = this.localStream?.getVideoTracks()[0];
+      if (videoTrack) {
+        await this.sendVideoConfig();
       }
-    } finally {
-      wasm.__wbindgen_add_to_stack_pointer(16);
+    } catch (error) {
+      console.error("Error sending configs:", error);
     }
   }
   /**
-   * @returns {Uint8Array}
+   * Dừng và reset encoders
    */
-  recv() {
-    try {
-      const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
-      wasm.ermiscall_recv(retptr, this.__wbg_ptr);
-      var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
-      var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
-      var r2 = getDataViewMemory0().getInt32(retptr + 4 * 2, true);
-      if (r2) {
-        throw takeObject(r1);
-      }
-      return takeObject(r0);
-    } finally {
-      wasm.__wbindgen_add_to_stack_pointer(16);
+  stop = () => {
+    if (this.healthCallInterval) {
+      clearInterval(this.healthCallInterval);
+      this.healthCallInterval = null;
     }
-  }
-  /**
-   * @returns {Promise<Uint8Array>}
-   */
-  asyncRecv() {
-    const ret = wasm.ermiscall_asyncRecv(this.__wbg_ptr);
-    return takeObject(ret);
-  }
-  /**
-   * @param {Uint8Array} data
-   */
-  beginWithGop(data) {
-    try {
-      const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
-      const ptr0 = passArray8ToWasm0(data, wasm.__wbindgen_export);
-      const len0 = WASM_VECTOR_LEN;
-      wasm.ermiscall_beginWithGop(retptr, this.__wbg_ptr, ptr0, len0);
-      var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
-      var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
-      if (r1) {
-        throw takeObject(r0);
-      }
-    } finally {
-      wasm.__wbindgen_add_to_stack_pointer(16);
-    }
-  }
-  /**
-   * @returns {string | undefined}
-   */
-  connectionType() {
-    try {
-      const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
-      wasm.ermiscall_connectionType(retptr, this.__wbg_ptr);
-      var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
-      var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
-      let v1;
-      if (r0 !== 0) {
-        v1 = getStringFromWasm0(r0, r1).slice();
-        wasm.__wbindgen_export4(r0, r1 * 1, 1);
-      }
-      return v1;
-    } finally {
-      wasm.__wbindgen_add_to_stack_pointer(16);
-    }
-  }
-  /**
-   * @returns {number | undefined}
-   */
-  roundTripTime() {
-    try {
-      const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
-      wasm.ermiscall_roundTripTime(retptr, this.__wbg_ptr);
-      var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
-      var r2 = getDataViewMemory0().getFloat64(retptr + 8 * 1, true);
-      return r0 === 0 ? void 0 : r2;
-    } finally {
-      wasm.__wbindgen_add_to_stack_pointer(16);
-    }
-  }
-  /**
-   * @returns {number | undefined}
-   */
-  currentPacketLoss() {
-    try {
-      const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
-      wasm.ermiscall_currentPacketLoss(retptr, this.__wbg_ptr);
-      var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
-      var r2 = getDataViewMemory0().getFloat64(retptr + 8 * 1, true);
-      return r0 === 0 ? void 0 : r2;
-    } finally {
-      wasm.__wbindgen_add_to_stack_pointer(16);
-    }
-  }
-  networkChange() {
-    wasm.ermiscall_networkChange(this.__wbg_ptr);
-  }
-  /**
-   * @returns {any}
-   */
-  getStats() {
-    try {
-      const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
-      wasm.ermiscall_getStats(retptr, this.__wbg_ptr);
-      var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
-      var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
-      var r2 = getDataViewMemory0().getInt32(retptr + 4 * 2, true);
-      if (r2) {
-        throw takeObject(r1);
-      }
-      return takeObject(r0);
-    } finally {
-      wasm.__wbindgen_add_to_stack_pointer(16);
-    }
-  }
-};
-if (Symbol.dispose) ErmisCall.prototype[Symbol.dispose] = ErmisCall.prototype.free;
-var IntoUnderlyingByteSourceFinalization = typeof FinalizationRegistry === "undefined" ? { register: () => {
-}, unregister: () => {
-} } : new FinalizationRegistry((ptr) => wasm.__wbg_intounderlyingbytesource_free(ptr >>> 0, 1));
-var IntoUnderlyingByteSource = class {
-  __destroy_into_raw() {
-    const ptr = this.__wbg_ptr;
-    this.__wbg_ptr = 0;
-    IntoUnderlyingByteSourceFinalization.unregister(this);
-    return ptr;
-  }
-  free() {
-    const ptr = this.__destroy_into_raw();
-    wasm.__wbg_intounderlyingbytesource_free(ptr, 0);
-  }
-  /**
-   * @returns {ReadableStreamType}
-   */
-  get type() {
-    const ret = wasm.intounderlyingbytesource_type(this.__wbg_ptr);
-    return __wbindgen_enum_ReadableStreamType[ret];
-  }
-  /**
-   * @returns {number}
-   */
-  get autoAllocateChunkSize() {
-    const ret = wasm.intounderlyingbytesource_autoAllocateChunkSize(this.__wbg_ptr);
-    return ret >>> 0;
-  }
-  /**
-   * @param {ReadableByteStreamController} controller
-   */
-  start(controller) {
-    wasm.intounderlyingbytesource_start(this.__wbg_ptr, addHeapObject(controller));
-  }
-  /**
-   * @param {ReadableByteStreamController} controller
-   * @returns {Promise<any>}
-   */
-  pull(controller) {
-    const ret = wasm.intounderlyingbytesource_pull(this.__wbg_ptr, addHeapObject(controller));
-    return takeObject(ret);
-  }
-  cancel() {
-    const ptr = this.__destroy_into_raw();
-    wasm.intounderlyingbytesource_cancel(ptr);
-  }
-};
-if (Symbol.dispose) IntoUnderlyingByteSource.prototype[Symbol.dispose] = IntoUnderlyingByteSource.prototype.free;
-var IntoUnderlyingSinkFinalization = typeof FinalizationRegistry === "undefined" ? { register: () => {
-}, unregister: () => {
-} } : new FinalizationRegistry((ptr) => wasm.__wbg_intounderlyingsink_free(ptr >>> 0, 1));
-var IntoUnderlyingSink = class {
-  __destroy_into_raw() {
-    const ptr = this.__wbg_ptr;
-    this.__wbg_ptr = 0;
-    IntoUnderlyingSinkFinalization.unregister(this);
-    return ptr;
-  }
-  free() {
-    const ptr = this.__destroy_into_raw();
-    wasm.__wbg_intounderlyingsink_free(ptr, 0);
-  }
-  /**
-   * @param {any} chunk
-   * @returns {Promise<any>}
-   */
-  write(chunk) {
-    const ret = wasm.intounderlyingsink_write(this.__wbg_ptr, addHeapObject(chunk));
-    return takeObject(ret);
-  }
-  /**
-   * @returns {Promise<any>}
-   */
-  close() {
-    const ptr = this.__destroy_into_raw();
-    const ret = wasm.intounderlyingsink_close(ptr);
-    return takeObject(ret);
-  }
-  /**
-   * @param {any} reason
-   * @returns {Promise<any>}
-   */
-  abort(reason) {
-    const ptr = this.__destroy_into_raw();
-    const ret = wasm.intounderlyingsink_abort(ptr, addHeapObject(reason));
-    return takeObject(ret);
-  }
-};
-if (Symbol.dispose) IntoUnderlyingSink.prototype[Symbol.dispose] = IntoUnderlyingSink.prototype.free;
-var IntoUnderlyingSourceFinalization = typeof FinalizationRegistry === "undefined" ? { register: () => {
-}, unregister: () => {
-} } : new FinalizationRegistry((ptr) => wasm.__wbg_intounderlyingsource_free(ptr >>> 0, 1));
-var IntoUnderlyingSource = class {
-  __destroy_into_raw() {
-    const ptr = this.__wbg_ptr;
-    this.__wbg_ptr = 0;
-    IntoUnderlyingSourceFinalization.unregister(this);
-    return ptr;
-  }
-  free() {
-    const ptr = this.__destroy_into_raw();
-    wasm.__wbg_intounderlyingsource_free(ptr, 0);
-  }
-  /**
-   * @param {ReadableStreamDefaultController} controller
-   * @returns {Promise<any>}
-   */
-  pull(controller) {
-    const ret = wasm.intounderlyingsource_pull(this.__wbg_ptr, addHeapObject(controller));
-    return takeObject(ret);
-  }
-  cancel() {
-    const ptr = this.__destroy_into_raw();
-    wasm.intounderlyingsource_cancel(ptr);
-  }
-};
-if (Symbol.dispose) IntoUnderlyingSource.prototype[Symbol.dispose] = IntoUnderlyingSource.prototype.free;
-var EXPECTED_RESPONSE_TYPES = /* @__PURE__ */ new Set(["basic", "cors", "default"]);
-async function __wbg_load(module2, imports) {
-  if (typeof Response === "function" && module2 instanceof Response) {
-    if (typeof WebAssembly.instantiateStreaming === "function") {
-      try {
-        return await WebAssembly.instantiateStreaming(module2, imports);
-      } catch (e) {
-        const validResponse = module2.ok && EXPECTED_RESPONSE_TYPES.has(module2.type);
-        if (validResponse && module2.headers.get("Content-Type") !== "application/wasm") {
-          console.warn("`WebAssembly.instantiateStreaming` failed because your server does not serve Wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\n", e);
-        } else {
-          throw e;
-        }
-      }
-    }
-    const bytes = await module2.arrayBuffer();
-    return await WebAssembly.instantiate(bytes, imports);
-  } else {
-    const instance = await WebAssembly.instantiate(module2, imports);
-    if (instance instanceof WebAssembly.Instance) {
-      return { instance, module: module2 };
-    } else {
-      return instance;
-    }
-  }
-}
-function __wbg_get_imports() {
-  const imports = {};
-  imports.wbg = {};
-  imports.wbg.__wbg_Error_e83987f665cf5504 = function(arg0, arg1) {
-    const ret = Error(getStringFromWasm0(arg0, arg1));
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_String_8f0eb39a4a4c2f66 = function(arg0, arg1) {
-    const ret = String(getObject(arg1));
-    const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_export, wasm.__wbindgen_export2);
-    const len1 = WASM_VECTOR_LEN;
-    getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
-    getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
-  };
-  imports.wbg.__wbg___wbindgen_boolean_get_6d5a1ee65bab5f68 = function(arg0) {
-    const v = getObject(arg0);
-    const ret = typeof v === "boolean" ? v : void 0;
-    return isLikeNone(ret) ? 16777215 : ret ? 1 : 0;
-  };
-  imports.wbg.__wbg___wbindgen_debug_string_df47ffb5e35e6763 = function(arg0, arg1) {
-    const ret = debugString(getObject(arg1));
-    const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_export, wasm.__wbindgen_export2);
-    const len1 = WASM_VECTOR_LEN;
-    getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
-    getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
-  };
-  imports.wbg.__wbg___wbindgen_is_function_ee8a6c5833c90377 = function(arg0) {
-    const ret = typeof getObject(arg0) === "function";
-    return ret;
-  };
-  imports.wbg.__wbg___wbindgen_is_object_c818261d21f283a4 = function(arg0) {
-    const val = getObject(arg0);
-    const ret = typeof val === "object" && val !== null;
-    return ret;
-  };
-  imports.wbg.__wbg___wbindgen_is_string_fbb76cb2940daafd = function(arg0) {
-    const ret = typeof getObject(arg0) === "string";
-    return ret;
-  };
-  imports.wbg.__wbg___wbindgen_is_undefined_2d472862bd29a478 = function(arg0) {
-    const ret = getObject(arg0) === void 0;
-    return ret;
-  };
-  imports.wbg.__wbg___wbindgen_jsval_loose_eq_b664b38a2f582147 = function(arg0, arg1) {
-    const ret = getObject(arg0) == getObject(arg1);
-    return ret;
-  };
-  imports.wbg.__wbg___wbindgen_number_get_a20bf9b85341449d = function(arg0, arg1) {
-    const obj = getObject(arg1);
-    const ret = typeof obj === "number" ? obj : void 0;
-    getDataViewMemory0().setFloat64(arg0 + 8 * 1, isLikeNone(ret) ? 0 : ret, true);
-    getDataViewMemory0().setInt32(arg0 + 4 * 0, !isLikeNone(ret), true);
-  };
-  imports.wbg.__wbg___wbindgen_string_get_e4f06c90489ad01b = function(arg0, arg1) {
-    const obj = getObject(arg1);
-    const ret = typeof obj === "string" ? obj : void 0;
-    var ptr1 = isLikeNone(ret) ? 0 : passStringToWasm0(ret, wasm.__wbindgen_export, wasm.__wbindgen_export2);
-    var len1 = WASM_VECTOR_LEN;
-    getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
-    getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
-  };
-  imports.wbg.__wbg___wbindgen_throw_b855445ff6a94295 = function(arg0, arg1) {
-    throw new Error(getStringFromWasm0(arg0, arg1));
-  };
-  imports.wbg.__wbg__wbg_cb_unref_2454a539ea5790d9 = function(arg0) {
-    getObject(arg0)._wbg_cb_unref();
-  };
-  imports.wbg.__wbg_abort_28ad55c5825b004d = function(arg0, arg1) {
-    getObject(arg0).abort(getObject(arg1));
-  };
-  imports.wbg.__wbg_abort_e7eb059f72f9ed0c = function(arg0) {
-    getObject(arg0).abort();
-  };
-  imports.wbg.__wbg_addEventListener_40dc0fc428fc49e1 = function() {
-    return handleError(function(arg0, arg1, arg2, arg3) {
-      getObject(arg0).addEventListener(getStringFromWasm0(arg1, arg2), getObject(arg3));
-    }, arguments);
-  };
-  imports.wbg.__wbg_append_b577eb3a177bc0fa = function() {
-    return handleError(function(arg0, arg1, arg2, arg3, arg4) {
-      getObject(arg0).append(getStringFromWasm0(arg1, arg2), getStringFromWasm0(arg3, arg4));
-    }, arguments);
-  };
-  imports.wbg.__wbg_body_587542b2fd8e06c0 = function(arg0) {
-    const ret = getObject(arg0).body;
-    return isLikeNone(ret) ? 0 : addHeapObject(ret);
-  };
-  imports.wbg.__wbg_buffer_ccc4520b36d3ccf4 = function(arg0) {
-    const ret = getObject(arg0).buffer;
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_byobRequest_2344e6975f27456e = function(arg0) {
-    const ret = getObject(arg0).byobRequest;
-    return isLikeNone(ret) ? 0 : addHeapObject(ret);
-  };
-  imports.wbg.__wbg_byteLength_bcd42e4025299788 = function(arg0) {
-    const ret = getObject(arg0).byteLength;
-    return ret;
-  };
-  imports.wbg.__wbg_byteOffset_ca3a6cf7944b364b = function(arg0) {
-    const ret = getObject(arg0).byteOffset;
-    return ret;
-  };
-  imports.wbg.__wbg_call_525440f72fbfc0ea = function() {
-    return handleError(function(arg0, arg1, arg2) {
-      const ret = getObject(arg0).call(getObject(arg1), getObject(arg2));
-      return addHeapObject(ret);
-    }, arguments);
-  };
-  imports.wbg.__wbg_call_e762c39fa8ea36bf = function() {
-    return handleError(function(arg0, arg1) {
-      const ret = getObject(arg0).call(getObject(arg1));
-      return addHeapObject(ret);
-    }, arguments);
-  };
-  imports.wbg.__wbg_cancel_48ab6f9dc366e369 = function(arg0) {
-    const ret = getObject(arg0).cancel();
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_catch_943836faa5d29bfb = function(arg0, arg1) {
-    const ret = getObject(arg0).catch(getObject(arg1));
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_clearTimeout_15dfc3d1dcb635c6 = function() {
-    return handleError(function(arg0, arg1) {
-      getObject(arg0).clearTimeout(takeObject(arg1));
-    }, arguments);
-  };
-  imports.wbg.__wbg_clearTimeout_7a42b49784aea641 = function(arg0) {
-    const ret = clearTimeout(takeObject(arg0));
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_close_5a6caed3231b68cd = function() {
-    return handleError(function(arg0) {
-      getObject(arg0).close();
-    }, arguments);
-  };
-  imports.wbg.__wbg_close_6956df845478561a = function() {
-    return handleError(function(arg0) {
-      getObject(arg0).close();
-    }, arguments);
-  };
-  imports.wbg.__wbg_close_885e277edf06b3fa = function() {
-    return handleError(function(arg0) {
-      getObject(arg0).close();
-    }, arguments);
-  };
-  imports.wbg.__wbg_code_20d453b11b200026 = function(arg0) {
-    const ret = getObject(arg0).code;
-    return ret;
-  };
-  imports.wbg.__wbg_code_218f5fdf8c7fcabd = function(arg0) {
-    const ret = getObject(arg0).code;
-    return ret;
-  };
-  imports.wbg.__wbg_crypto_574e78ad8b13b65f = function(arg0) {
-    const ret = getObject(arg0).crypto;
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_data_ee4306d069f24f2d = function(arg0) {
-    const ret = getObject(arg0).data;
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_done_2042aa2670fb1db1 = function(arg0) {
-    const ret = getObject(arg0).done;
-    return ret;
-  };
-  imports.wbg.__wbg_enqueue_7b18a650aec77898 = function() {
-    return handleError(function(arg0, arg1) {
-      getObject(arg0).enqueue(getObject(arg1));
-    }, arguments);
-  };
-  imports.wbg.__wbg_fetch_74a3e84ebd2c9a0e = function(arg0) {
-    const ret = fetch(getObject(arg0));
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_fetch_f8ba0e29a9d6de0d = function(arg0, arg1) {
-    const ret = getObject(arg0).fetch(getObject(arg1));
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_getRandomValues_1c61fac11405ffdc = function() {
-    return handleError(function(arg0, arg1) {
-      globalThis.crypto.getRandomValues(getArrayU8FromWasm0(arg0, arg1));
-    }, arguments);
-  };
-  imports.wbg.__wbg_getRandomValues_b8f5dbd5f3995a9e = function() {
-    return handleError(function(arg0, arg1) {
-      getObject(arg0).getRandomValues(getObject(arg1));
-    }, arguments);
-  };
-  imports.wbg.__wbg_getReader_48e00749fe3f6089 = function() {
-    return handleError(function(arg0) {
-      const ret = getObject(arg0).getReader();
-      return addHeapObject(ret);
-    }, arguments);
-  };
-  imports.wbg.__wbg_getTime_14776bfb48a1bff9 = function(arg0) {
-    const ret = getObject(arg0).getTime();
-    return ret;
-  };
-  imports.wbg.__wbg_get_7bed016f185add81 = function(arg0, arg1) {
-    const ret = getObject(arg0)[arg1 >>> 0];
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_get_done_a0463af43a1fc764 = function(arg0) {
-    const ret = getObject(arg0).done;
-    return isLikeNone(ret) ? 16777215 : ret ? 1 : 0;
-  };
-  imports.wbg.__wbg_get_efcb449f58ec27c2 = function() {
-    return handleError(function(arg0, arg1) {
-      const ret = Reflect.get(getObject(arg0), getObject(arg1));
-      return addHeapObject(ret);
-    }, arguments);
-  };
-  imports.wbg.__wbg_get_value_5ce96c9f81ce7398 = function(arg0) {
-    const ret = getObject(arg0).value;
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_has_787fafc980c3ccdb = function() {
-    return handleError(function(arg0, arg1) {
-      const ret = Reflect.has(getObject(arg0), getObject(arg1));
-      return ret;
-    }, arguments);
-  };
-  imports.wbg.__wbg_headers_b87d7eaba61c3278 = function(arg0) {
-    const ret = getObject(arg0).headers;
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_instanceof_ArrayBuffer_70beb1189ca63b38 = function(arg0) {
-    let result;
-    try {
-      result = getObject(arg0) instanceof ArrayBuffer;
-    } catch (_) {
-      result = false;
-    }
-    const ret = result;
-    return ret;
-  };
-  imports.wbg.__wbg_instanceof_Blob_23b3322f66e5a83b = function(arg0) {
-    let result;
-    try {
-      result = getObject(arg0) instanceof Blob;
-    } catch (_) {
-      result = false;
-    }
-    const ret = result;
-    return ret;
-  };
-  imports.wbg.__wbg_instanceof_Response_f4f3e87e07f3135c = function(arg0) {
-    let result;
-    try {
-      result = getObject(arg0) instanceof Response;
-    } catch (_) {
-      result = false;
-    }
-    const ret = result;
-    return ret;
-  };
-  imports.wbg.__wbg_instanceof_Uint8Array_20c8e73002f7af98 = function(arg0) {
-    let result;
-    try {
-      result = getObject(arg0) instanceof Uint8Array;
-    } catch (_) {
-      result = false;
-    }
-    const ret = result;
-    return ret;
-  };
-  imports.wbg.__wbg_isArray_96e0af9891d0945d = function(arg0) {
-    const ret = Array.isArray(getObject(arg0));
-    return ret;
-  };
-  imports.wbg.__wbg_iterator_e5822695327a3c39 = function() {
-    const ret = Symbol.iterator;
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_length_69bca3cb64fc8748 = function(arg0) {
-    const ret = getObject(arg0).length;
-    return ret;
-  };
-  imports.wbg.__wbg_length_cdd215e10d9dd507 = function(arg0) {
-    const ret = getObject(arg0).length;
-    return ret;
-  };
-  imports.wbg.__wbg_log_ee0138cca4957740 = function(arg0, arg1) {
-    console.log(getStringFromWasm0(arg0, arg1));
-  };
-  imports.wbg.__wbg_message_bd42dbe3f2f3ed8e = function(arg0, arg1) {
-    const ret = getObject(arg1).message;
-    const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_export, wasm.__wbindgen_export2);
-    const len1 = WASM_VECTOR_LEN;
-    getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
-    getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
-  };
-  imports.wbg.__wbg_msCrypto_a61aeb35a24c1329 = function(arg0) {
-    const ret = getObject(arg0).msCrypto;
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_new_0_f9740686d739025c = function() {
-    const ret = /* @__PURE__ */ new Date();
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_new_1acc0b6eea89d040 = function() {
-    const ret = new Object();
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_new_2531773dac38ebb3 = function() {
-    return handleError(function() {
-      const ret = new AbortController();
-      return addHeapObject(ret);
-    }, arguments);
-  };
-  imports.wbg.__wbg_new_3c3d849046688a66 = function(arg0, arg1) {
-    try {
-      var state0 = { a: arg0, b: arg1 };
-      var cb0 = (arg02, arg12) => {
-        const a = state0.a;
-        state0.a = 0;
-        try {
-          return __wasm_bindgen_func_elem_14376(a, state0.b, arg02, arg12);
-        } finally {
-          state0.a = a;
-        }
-      };
-      const ret = new Promise(cb0);
-      return addHeapObject(ret);
-    } finally {
-      state0.a = state0.b = 0;
-    }
-  };
-  imports.wbg.__wbg_new_5a79be3ab53b8aa5 = function(arg0) {
-    const ret = new Uint8Array(getObject(arg0));
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_new_881c4fe631eee9ad = function() {
-    return handleError(function(arg0, arg1) {
-      const ret = new WebSocket(getStringFromWasm0(arg0, arg1));
-      return addHeapObject(ret);
-    }, arguments);
-  };
-  imports.wbg.__wbg_new_9edf9838a2def39c = function() {
-    return handleError(function() {
-      const ret = new Headers();
-      return addHeapObject(ret);
-    }, arguments);
-  };
-  imports.wbg.__wbg_new_a7442b4b19c1a356 = function(arg0, arg1) {
-    const ret = new Error(getStringFromWasm0(arg0, arg1));
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_new_e17d9f43105b08be = function() {
-    const ret = new Array();
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_new_from_slice_92f4d78ca282a2d2 = function(arg0, arg1) {
-    const ret = new Uint8Array(getArrayU8FromWasm0(arg0, arg1));
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_new_no_args_ee98eee5275000a4 = function(arg0, arg1) {
-    const ret = new Function(getStringFromWasm0(arg0, arg1));
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_new_with_byte_offset_and_length_46e3e6a5e9f9e89b = function(arg0, arg1, arg2) {
-    const ret = new Uint8Array(getObject(arg0), arg1 >>> 0, arg2 >>> 0);
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_new_with_length_01aa0dc35aa13543 = function(arg0) {
-    const ret = new Uint8Array(arg0 >>> 0);
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_new_with_str_and_init_0ae7728b6ec367b1 = function() {
-    return handleError(function(arg0, arg1, arg2) {
-      const ret = new Request(getStringFromWasm0(arg0, arg1), getObject(arg2));
-      return addHeapObject(ret);
-    }, arguments);
-  };
-  imports.wbg.__wbg_new_with_str_sequence_57a88eb77393f23f = function() {
-    return handleError(function(arg0, arg1, arg2) {
-      const ret = new WebSocket(getStringFromWasm0(arg0, arg1), getObject(arg2));
-      return addHeapObject(ret);
-    }, arguments);
-  };
-  imports.wbg.__wbg_next_020810e0ae8ebcb0 = function() {
-    return handleError(function(arg0) {
-      const ret = getObject(arg0).next();
-      return addHeapObject(ret);
-    }, arguments);
-  };
-  imports.wbg.__wbg_next_2c826fe5dfec6b6a = function(arg0) {
-    const ret = getObject(arg0).next;
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_node_905d3e251edff8a2 = function(arg0) {
-    const ret = getObject(arg0).node;
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_now_2c95c9de01293173 = function(arg0) {
-    const ret = getObject(arg0).now();
-    return ret;
-  };
-  imports.wbg.__wbg_now_793306c526e2e3b6 = function() {
-    const ret = Date.now();
-    return ret;
-  };
-  imports.wbg.__wbg_performance_7a3ffd0b17f663ad = function(arg0) {
-    const ret = getObject(arg0).performance;
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_process_dc0fbacc7c1c06f7 = function(arg0) {
-    const ret = getObject(arg0).process;
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_prototypesetcall_2a6620b6922694b2 = function(arg0, arg1, arg2) {
-    Uint8Array.prototype.set.call(getArrayU8FromWasm0(arg0, arg1), getObject(arg2));
-  };
-  imports.wbg.__wbg_push_df81a39d04db858c = function(arg0, arg1) {
-    const ret = getObject(arg0).push(getObject(arg1));
-    return ret;
-  };
-  imports.wbg.__wbg_queueMicrotask_34d692c25c47d05b = function(arg0) {
-    const ret = getObject(arg0).queueMicrotask;
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_queueMicrotask_9d76cacb20c84d58 = function(arg0) {
-    queueMicrotask(getObject(arg0));
-  };
-  imports.wbg.__wbg_randomFillSync_ac0988aba3254290 = function() {
-    return handleError(function(arg0, arg1) {
-      getObject(arg0).randomFillSync(takeObject(arg1));
-    }, arguments);
-  };
-  imports.wbg.__wbg_read_48f1593df542f968 = function(arg0) {
-    const ret = getObject(arg0).read();
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_readyState_97984f126080aeda = function(arg0) {
-    const ret = getObject(arg0).readyState;
-    return ret;
-  };
-  imports.wbg.__wbg_reason_1cced37e3a93763e = function(arg0, arg1) {
-    const ret = getObject(arg1).reason;
-    const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_export, wasm.__wbindgen_export2);
-    const len1 = WASM_VECTOR_LEN;
-    getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
-    getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
-  };
-  imports.wbg.__wbg_releaseLock_5d0b5a68887b891d = function(arg0) {
-    getObject(arg0).releaseLock();
-  };
-  imports.wbg.__wbg_removeEventListener_924d9db66a4f775d = function() {
-    return handleError(function(arg0, arg1, arg2, arg3) {
-      getObject(arg0).removeEventListener(getStringFromWasm0(arg1, arg2), getObject(arg3));
-    }, arguments);
-  };
-  imports.wbg.__wbg_require_60cc747a6bc5215a = function() {
-    return handleError(function() {
-      const ret = module.require;
-      return addHeapObject(ret);
-    }, arguments);
-  };
-  imports.wbg.__wbg_resolve_caf97c30b83f7053 = function(arg0) {
-    const ret = Promise.resolve(getObject(arg0));
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_respond_0f4dbf5386f5c73e = function() {
-    return handleError(function(arg0, arg1) {
-      getObject(arg0).respond(arg1 >>> 0);
-    }, arguments);
-  };
-  imports.wbg.__wbg_send_171576d2f7487517 = function() {
-    return handleError(function(arg0, arg1, arg2) {
-      getObject(arg0).send(getStringFromWasm0(arg1, arg2));
-    }, arguments);
-  };
-  imports.wbg.__wbg_send_3d2cf376613294f0 = function() {
-    return handleError(function(arg0, arg1, arg2) {
-      getObject(arg0).send(getArrayU8FromWasm0(arg1, arg2));
-    }, arguments);
-  };
-  imports.wbg.__wbg_setTimeout_4eb823e8b72fbe79 = function() {
-    return handleError(function(arg0, arg1, arg2) {
-      const ret = getObject(arg0).setTimeout(takeObject(arg1), arg2);
-      return addHeapObject(ret);
-    }, arguments);
-  };
-  imports.wbg.__wbg_setTimeout_7bb3429662ab1e70 = function(arg0, arg1) {
-    const ret = setTimeout(getObject(arg0), arg1);
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_set_3f1d0b984ed272ed = function(arg0, arg1, arg2) {
-    getObject(arg0)[takeObject(arg1)] = takeObject(arg2);
-  };
-  imports.wbg.__wbg_set_9e6516df7b7d0f19 = function(arg0, arg1, arg2) {
-    getObject(arg0).set(getArrayU8FromWasm0(arg1, arg2));
-  };
-  imports.wbg.__wbg_set_binaryType_9d839cea8fcdc5c3 = function(arg0, arg1) {
-    getObject(arg0).binaryType = __wbindgen_enum_BinaryType[arg1];
-  };
-  imports.wbg.__wbg_set_body_3c365989753d61f4 = function(arg0, arg1) {
-    getObject(arg0).body = getObject(arg1);
-  };
-  imports.wbg.__wbg_set_cache_2f9deb19b92b81e3 = function(arg0, arg1) {
-    getObject(arg0).cache = __wbindgen_enum_RequestCache[arg1];
-  };
-  imports.wbg.__wbg_set_credentials_f621cd2d85c0c228 = function(arg0, arg1) {
-    getObject(arg0).credentials = __wbindgen_enum_RequestCredentials[arg1];
-  };
-  imports.wbg.__wbg_set_handle_event_b2de49ad6c81e3c8 = function(arg0, arg1) {
-    getObject(arg0).handleEvent = getObject(arg1);
-  };
-  imports.wbg.__wbg_set_headers_6926da238cd32ee4 = function(arg0, arg1) {
-    getObject(arg0).headers = getObject(arg1);
-  };
-  imports.wbg.__wbg_set_method_c02d8cbbe204ac2d = function(arg0, arg1, arg2) {
-    getObject(arg0).method = getStringFromWasm0(arg1, arg2);
-  };
-  imports.wbg.__wbg_set_mode_52ef73cfa79639cb = function(arg0, arg1) {
-    getObject(arg0).mode = __wbindgen_enum_RequestMode[arg1];
-  };
-  imports.wbg.__wbg_set_onclose_c09e4f7422de8dae = function(arg0, arg1) {
-    getObject(arg0).onclose = getObject(arg1);
-  };
-  imports.wbg.__wbg_set_onerror_337a3a2db9517378 = function(arg0, arg1) {
-    getObject(arg0).onerror = getObject(arg1);
-  };
-  imports.wbg.__wbg_set_onmessage_8661558551a89792 = function(arg0, arg1) {
-    getObject(arg0).onmessage = getObject(arg1);
-  };
-  imports.wbg.__wbg_set_onopen_efccb9305427b907 = function(arg0, arg1) {
-    getObject(arg0).onopen = getObject(arg1);
-  };
-  imports.wbg.__wbg_set_signal_dda2cf7ccb6bee0f = function(arg0, arg1) {
-    getObject(arg0).signal = getObject(arg1);
-  };
-  imports.wbg.__wbg_signal_4db5aa055bf9eb9a = function(arg0) {
-    const ret = getObject(arg0).signal;
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_static_accessor_GLOBAL_89e1d9ac6a1b250e = function() {
-    const ret = typeof global === "undefined" ? null : global;
-    return isLikeNone(ret) ? 0 : addHeapObject(ret);
-  };
-  imports.wbg.__wbg_static_accessor_GLOBAL_THIS_8b530f326a9e48ac = function() {
-    const ret = typeof globalThis === "undefined" ? null : globalThis;
-    return isLikeNone(ret) ? 0 : addHeapObject(ret);
-  };
-  imports.wbg.__wbg_static_accessor_SELF_6fdf4b64710cc91b = function() {
-    const ret = typeof self === "undefined" ? null : self;
-    return isLikeNone(ret) ? 0 : addHeapObject(ret);
-  };
-  imports.wbg.__wbg_static_accessor_WINDOW_b45bfc5a37f6cfa2 = function() {
-    const ret = typeof window === "undefined" ? null : window;
-    return isLikeNone(ret) ? 0 : addHeapObject(ret);
-  };
-  imports.wbg.__wbg_status_de7eed5a7a5bfd5d = function(arg0) {
-    const ret = getObject(arg0).status;
-    return ret;
-  };
-  imports.wbg.__wbg_stringify_b5fb28f6465d9c3e = function() {
-    return handleError(function(arg0) {
-      const ret = JSON.stringify(getObject(arg0));
-      return addHeapObject(ret);
-    }, arguments);
-  };
-  imports.wbg.__wbg_subarray_480600f3d6a9f26c = function(arg0, arg1, arg2) {
-    const ret = getObject(arg0).subarray(arg1 >>> 0, arg2 >>> 0);
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_then_4f46f6544e6b4a28 = function(arg0, arg1) {
-    const ret = getObject(arg0).then(getObject(arg1));
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_then_70d05cf780a18d77 = function(arg0, arg1, arg2) {
-    const ret = getObject(arg0).then(getObject(arg1), getObject(arg2));
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_url_9bd0af1cd8643de7 = function(arg0, arg1) {
-    const ret = getObject(arg1).url;
-    const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_export, wasm.__wbindgen_export2);
-    const len1 = WASM_VECTOR_LEN;
-    getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
-    getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
-  };
-  imports.wbg.__wbg_url_b36d2a5008eb056f = function(arg0, arg1) {
-    const ret = getObject(arg1).url;
-    const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_export, wasm.__wbindgen_export2);
-    const len1 = WASM_VECTOR_LEN;
-    getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
-    getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
-  };
-  imports.wbg.__wbg_value_692627309814bb8c = function(arg0) {
-    const ret = getObject(arg0).value;
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_versions_c01dfd4722a88165 = function(arg0) {
-    const ret = getObject(arg0).versions;
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbg_view_f6c15ac9fed63bbd = function(arg0) {
-    const ret = getObject(arg0).view;
-    return isLikeNone(ret) ? 0 : addHeapObject(ret);
-  };
-  imports.wbg.__wbg_wasClean_3d7c0cf05bd0a123 = function(arg0) {
-    const ret = getObject(arg0).wasClean;
-    return ret;
-  };
-  imports.wbg.__wbindgen_cast_0b4723bb5ff7475b = function(arg0, arg1) {
-    const ret = makeMutClosure(arg0, arg1, wasm.__wasm_bindgen_func_elem_11664, __wasm_bindgen_func_elem_11688);
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbindgen_cast_2241b6af4c4b2941 = function(arg0, arg1) {
-    const ret = getStringFromWasm0(arg0, arg1);
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbindgen_cast_253c73f2760a05aa = function(arg0, arg1) {
-    const ret = makeMutClosure(arg0, arg1, wasm.__wasm_bindgen_func_elem_6219, __wasm_bindgen_func_elem_6230);
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbindgen_cast_343835dd8f264af2 = function(arg0, arg1) {
-    const ret = makeClosure(arg0, arg1, wasm.__wasm_bindgen_func_elem_5735, __wasm_bindgen_func_elem_5748);
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbindgen_cast_7bacc9fa7d2c65f4 = function(arg0, arg1) {
-    const ret = makeMutClosure(arg0, arg1, wasm.__wasm_bindgen_func_elem_12841, __wasm_bindgen_func_elem_12858);
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbindgen_cast_88fdcfb6b716b7f8 = function(arg0, arg1) {
-    const ret = makeMutClosure(arg0, arg1, wasm.__wasm_bindgen_func_elem_12896, __wasm_bindgen_func_elem_12912);
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbindgen_cast_c43a1cf1b94f2e7c = function(arg0, arg1) {
-    const ret = makeMutClosure(arg0, arg1, wasm.__wasm_bindgen_func_elem_2083, __wasm_bindgen_func_elem_2287);
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbindgen_cast_cb9088102bce6b30 = function(arg0, arg1) {
-    const ret = getArrayU8FromWasm0(arg0, arg1);
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbindgen_cast_d6cd19b81560fd6e = function(arg0) {
-    const ret = arg0;
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbindgen_object_clone_ref = function(arg0) {
-    const ret = getObject(arg0);
-    return addHeapObject(ret);
-  };
-  imports.wbg.__wbindgen_object_drop_ref = function(arg0) {
-    takeObject(arg0);
-  };
-  return imports;
-}
-function __wbg_finalize_init(instance, module2) {
-  wasm = instance.exports;
-  __wbg_init.__wbindgen_wasm_module = module2;
-  cachedDataViewMemory0 = null;
-  cachedUint8ArrayMemory0 = null;
-  return wasm;
-}
-async function __wbg_init(module_or_path) {
-  if (wasm !== void 0) return wasm;
-  if (typeof module_or_path !== "undefined") {
-    if (Object.getPrototypeOf(module_or_path) === Object.prototype) {
-      ({ module_or_path } = module_or_path);
-    } else {
-      console.warn("using deprecated parameters for the initialization function; pass a single object instead");
-    }
-  }
-  if (typeof module_or_path === "undefined") {
-    module_or_path = "/ermis_call_node_wasm_bg.wasm";
-  }
-  const imports = __wbg_get_imports();
-  if (typeof module_or_path === "string" || typeof Request === "function" && module_or_path instanceof Request || typeof URL === "function" && module_or_path instanceof URL) {
-    module_or_path = fetch(module_or_path);
-  }
-  const { instance, module: module2 } = await __wbg_load(await module_or_path, imports);
-  return __wbg_finalize_init(instance, module2);
-}
-var ermis_call_node_wasm_default = __wbg_init;
-
-// src/media_stream_sender.ts
-var MediaStreamSender = class {
-  videoEncoder = null;
-  audioEncoder = null;
-  videoReader = null;
-  localStream = null;
-  videoConfig = null;
-  audioConfig = null;
-  videoConfigSent = false;
-  audioConfigSent = false;
-  hasVideo = false;
-  hasAudio = false;
-  forceKeyFrame = false;
-  nodeCall;
-  constructor(nodeCall) {
-    this.nodeCall = nodeCall;
-  }
-  /**
-   * Bắt đầu xử lý MediaStream
-   */
-  async connect(address) {
-    try {
-      await this.nodeCall.connect(address);
-      await this.sendConnected();
-      await this.sendConfigs();
-    } catch (error) {
-      console.error("Error starting MediaStreamSender:", error);
-    }
-  }
-  async sendConfigs() {
-    try {
-      await this.sendTransceiverState(this.hasAudio, this.hasVideo);
-      await this.sendAudioConfig();
-      const videoTrack = this.localStream?.getVideoTracks()[0];
-      if (videoTrack) {
-        await this.sendVideoConfig();
-      }
-    } catch (error) {
-      console.error("Error sending configs:", error);
-    }
-  }
-  /**
-   * Dừng và reset encoders
-   */
-  stop = () => {
     if (this.videoReader) {
       try {
         this.videoReader.cancel("Stream stopped").catch(() => {
@@ -5524,6 +4475,14 @@ var MediaStreamSender = class {
       }
       this.audioEncoder = null;
     }
+    if (this.audioReader) {
+      try {
+        this.audioReader.cancel("Stream stopped").catch(() => {
+        });
+      } catch (e) {
+      }
+      this.audioReader = null;
+    }
     this.videoConfig = null;
     this.audioConfig = null;
     this.videoConfigSent = false;
@@ -5552,22 +4511,29 @@ var MediaStreamSender = class {
             numberOfChannels: metadata.decoderConfig.numberOfChannels ?? 1,
             ...description && { description }
           };
+          this.sendAudioConfig();
         }
         if (chunk && this.isReadyToSendData("audio")) {
+          if (this.isSendingAudio) return;
+          this.isSendingAudio = true;
           const data = new ArrayBuffer(chunk.byteLength);
           chunk.copyTo(data);
           const timestamp = chunk.timestamp;
           const packet = createPacketWithHeader(data, timestamp, "audio", null);
-          this.sendPacketOrQueue(packet, "audio", null);
+          this.sendPacketOrQueue(packet, "audio", null).finally(() => {
+            this.isSendingAudio = false;
+          });
         }
       },
       error: (e) => console.error("AudioEncoder error:", e)
     });
     audioEncoder.configure({
       codec: "mp4a.40.2",
+      // codec: 'opus',
       sampleRate: 48e3,
       numberOfChannels: 1,
       bitrate: 128e3
+      // bitrate: 64000,
     });
     this.audioEncoder = audioEncoder;
     this.processAudioFrames(audioTrack);
@@ -5599,12 +4565,16 @@ var MediaStreamSender = class {
           await this.sendVideoConfig();
         }
         if (chunk && this.isReadyToSendData("video")) {
+          if (this.isSendingVideo) return;
+          this.isSendingVideo = true;
           const data = new ArrayBuffer(chunk.byteLength);
           chunk.copyTo(data);
           const frameType = chunk.type === "key" ? "video-key" : "video-delta";
           const timestamp = chunk.timestamp;
           const packet = createPacketWithHeader(data, timestamp, frameType, null);
-          this.sendPacketOrQueue(packet, "video", frameType);
+          this.sendPacketOrQueue(packet, "video", frameType).finally(() => {
+            this.isSendingVideo = false;
+          });
         }
       },
       error: (e) => console.error("VideoEncoder error:", e)
@@ -5652,6 +4622,13 @@ var MediaStreamSender = class {
     }
   }
   async replaceAudioTrack(track) {
+    if (this.audioReader) {
+      try {
+        await this.audioReader.cancel("Replacing audio track");
+      } catch (e) {
+      }
+      this.audioReader = null;
+    }
     if (track) {
       this.processAudioFrames(track);
     }
@@ -5706,10 +4683,11 @@ var MediaStreamSender = class {
   };
   processAudioFrames = async (audioTrack) => {
     const audioProcessor = new MediaStreamTrackProcessor({ track: audioTrack });
-    const audioReader = audioProcessor.readable.getReader();
+    this.audioReader = audioProcessor.readable.getReader();
     try {
       while (true) {
-        const { done, value: frame } = await audioReader.read();
+        if (!this.audioReader) break;
+        const { done, value: frame } = await this.audioReader.read();
         if (done) break;
         if (!this.audioEncoder) {
           frame?.close();
@@ -5727,6 +4705,13 @@ var MediaStreamSender = class {
       }
     } catch (error) {
       console.error(`Error processing audio frames: ${error.message}`);
+    } finally {
+      if (this.audioReader) {
+        try {
+          this.audioReader.releaseLock();
+        } catch (e) {
+        }
+      }
     }
   };
   isReadyToSendData = (type) => {
@@ -5766,6 +4751,22 @@ var MediaStreamSender = class {
     const configPacket = createPacketWithHeader(null, null, "connected", null);
     await this.nodeCall.sendControlFrame(configPacket);
   };
+  startHealthCallInterval = () => {
+    if (this.healthCallInterval) {
+      clearInterval(this.healthCallInterval);
+    }
+    this.healthCallInterval = setInterval(() => {
+      this.sendHealthCall().catch(() => {
+      });
+    }, 5e3);
+  };
+  sendHealthCall = async () => {
+    try {
+      const packet = createPacketWithHeader(null, null, "healthCall", null);
+      await this.nodeCall.sendControlFrame(packet);
+    } catch (e) {
+    }
+  };
   sendPacketOrQueue = async (packet, type, frameType) => {
     if (!this.isReadyToSendData(type)) {
       return;
@@ -5991,8 +4992,8 @@ var HEVCDecoderConfigurationRecord = class _HEVCDecoderConfigurationRecord {
 };
 
 // src/media_stream_receiver.ts
-var MAX_AUDIO_LATENCY = 0.1;
-var MIN_BUFFER_AHEAD = 0.02;
+var MAX_AUDIO_LATENCY = 0.5;
+var MIN_BUFFER_AHEAD = 0.05;
 var MediaStreamReceiver = class {
   videoDecoder = null;
   audioDecoder = null;
@@ -6000,9 +5001,12 @@ var MediaStreamReceiver = class {
   videoWriter = null;
   audioContext = null;
   mediaDestination = null;
+  scheduledAudioNodes = [];
   isWaitingForKeyFrame = true;
   nextStartTime = 0;
   lastVideoConfig = null;
+  lastVideoConfigStr = "";
+  lastAudioConfigStr = "";
   nodeCall;
   events;
   generatedStream = null;
@@ -6088,14 +5092,17 @@ var MediaStreamReceiver = class {
         console.error("\u274C VideoDecoder CRASHED:", err);
         this.isWaitingForKeyFrame = true;
         if (this.videoWriter) {
-          console.log("\u267B\uFE0F Attempting to respawn VideoDecoder...");
-          this.setupVideoDecoder();
-          if (this.lastVideoConfig && this.videoDecoder) {
-            try {
-              this.videoDecoder.configure(this.lastVideoConfig);
-            } catch (configErr) {
+          console.log("\u267B\uFE0F Scheduled VideoDecoder respawn in 1000ms...");
+          setTimeout(() => {
+            if (!this.videoWriter) return;
+            this.setupVideoDecoder();
+            if (this.lastVideoConfig && this.videoDecoder) {
+              try {
+                this.videoDecoder.configure(this.lastVideoConfig);
+              } catch (configErr) {
+              }
             }
-          }
+          }, 1e3);
         }
       }
     });
@@ -6111,21 +5118,38 @@ var MediaStreamReceiver = class {
       const duration = numberOfFrames / sampleRate;
       const currentTime = this.audioContext.currentTime;
       if (this.nextStartTime < currentTime) {
-        this.nextStartTime = currentTime;
+        this.nextStartTime = currentTime + MIN_BUFFER_AHEAD;
       } else if (this.nextStartTime > currentTime + MAX_AUDIO_LATENCY) {
         this.nextStartTime = currentTime + MIN_BUFFER_AHEAD;
+        this.scheduledAudioNodes.forEach((node) => {
+          try {
+            node.stop();
+          } catch (e) {
+          }
+        });
+        this.scheduledAudioNodes = [];
       }
       const audioBuffer = this.audioContext.createBuffer(numberOfChannels, numberOfFrames, sampleRate);
-      const size = numberOfChannels * numberOfFrames;
-      const tempBuffer = new Float32Array(size);
-      audioData.copyTo(tempBuffer, { planeIndex: 0, format: "f32-planar" });
       for (let ch = 0; ch < numberOfChannels; ch++) {
-        const channelData = tempBuffer.subarray(ch * numberOfFrames, (ch + 1) * numberOfFrames);
+        const channelData = new Float32Array(numberOfFrames);
+        audioData.copyTo(channelData, { planeIndex: ch, format: "f32-planar" });
         audioBuffer.copyToChannel(channelData, ch);
       }
       const source = this.audioContext.createBufferSource();
       source.buffer = audioBuffer;
       source.connect(this.mediaDestination);
+      this.scheduledAudioNodes.push(source);
+      if (this.scheduledAudioNodes.length > 100) {
+        const oldestNode = this.scheduledAudioNodes.shift();
+        try {
+          oldestNode?.stop();
+          oldestNode?.disconnect();
+        } catch (e) {
+        }
+      }
+      source.onended = () => {
+        this.scheduledAudioNodes = this.scheduledAudioNodes.filter((n) => n !== source);
+      };
       source.start(this.nextStartTime);
       this.nextStartTime += duration;
       audioData.close();
@@ -6146,7 +5170,12 @@ var MediaStreamReceiver = class {
   // Vòng lặp chính xử lý dữ liệu
   receiveLoop = async () => {
     const textDecoder = new TextDecoder();
+    let lastYieldTime = Date.now();
     while (true) {
+      if (Date.now() - lastYieldTime > 16) {
+        await new Promise((resolve) => setTimeout(resolve, 0));
+        lastYieldTime = Date.now();
+      }
       try {
         if (!this.nodeCall) break;
         const data = await this.nodeCall.asyncRecv();
@@ -6160,7 +5189,8 @@ var MediaStreamReceiver = class {
           5 /* ORIENTATION */,
           8 /* REQUEST_CONFIG */,
           9 /* REQUEST_KEY_FRAME */,
-          10 /* END_CALL */
+          10 /* END_CALL */,
+          11 /* HEALTH_CALL */
         ].includes(frameType) ? 1 : 9;
         const payload = new Uint8Array(data.buffer, data.byteOffset + payloadOffset, data.byteLength - payloadOffset);
         switch (frameType) {
@@ -6168,8 +5198,12 @@ var MediaStreamReceiver = class {
           case 0 /* VIDEO_CONFIG */: {
             try {
               const videoConfigStr = textDecoder.decode(payload);
+              if (this.lastVideoConfigStr === videoConfigStr && this.videoDecoder?.state === "configured") {
+                break;
+              }
+              this.lastVideoConfigStr = videoConfigStr;
               const videoConfig = JSON.parse(videoConfigStr);
-              console.log("--videoConfig--", videoConfig);
+              console.log("videoConfig", videoConfig);
               if (!this.videoWriter) {
                 const videoTrackGenerator = new MediaStreamTrackGenerator({ kind: "video" });
                 this.videoWriter = videoTrackGenerator.writable.getWriter();
@@ -6222,14 +5256,23 @@ var MediaStreamReceiver = class {
           }
           // --- AUDIO CONFIG ---
           case 1 /* AUDIO_CONFIG */: {
-            const audioConfig = JSON.parse(textDecoder.decode(payload));
-            console.log("--audioConfig--", audioConfig);
-            if (this.audioDecoder?.state !== "closed") {
-              this.audioDecoder?.configure({
-                codec: audioConfig.codec,
-                sampleRate: audioConfig.sampleRate,
-                numberOfChannels: audioConfig.numberOfChannels
-              });
+            try {
+              const audioConfigStr = textDecoder.decode(payload);
+              if (this.lastAudioConfigStr === audioConfigStr && this.audioDecoder?.state === "configured") {
+                break;
+              }
+              this.lastAudioConfigStr = audioConfigStr;
+              const audioConfig = JSON.parse(audioConfigStr);
+              console.log("audioConfig", audioConfig);
+              if (this.audioDecoder?.state !== "closed") {
+                this.audioDecoder?.configure({
+                  codec: audioConfig.codec,
+                  sampleRate: audioConfig.sampleRate,
+                  numberOfChannels: audioConfig.numberOfChannels
+                });
+              }
+            } catch (e) {
+              console.error("\u274C Error processing AUDIO_CONFIG:", e);
             }
             break;
           }
@@ -6240,11 +5283,9 @@ var MediaStreamReceiver = class {
             const isKeyFrame = frameType === 2 /* VIDEO_KEY */;
             if (this.isWaitingForKeyFrame) {
               if (!isKeyFrame) break;
-              console.log("\u2705 Resumed decoding at KeyFrame");
               this.isWaitingForKeyFrame = false;
             }
-            if (!isKeyFrame && this.videoDecoder.decodeQueueSize > 15) {
-              console.warn("\u26A0\uFE0F Queue > 15. Dropping & Waiting for KeyFrame...");
+            if (!isKeyFrame && this.videoDecoder.decodeQueueSize > 5) {
               this.isWaitingForKeyFrame = true;
               break;
             }
@@ -6324,12 +5365,12 @@ var MediaStreamReceiver = class {
               this.events.onEndCall();
             }
             break;
+          case 11 /* HEALTH_CALL */:
+            break;
           default:
-            console.warn("\u2753 Unknown frame type received:", frameType);
             break;
         }
       } catch (error) {
-        console.error("Stream loop error", error);
         await new Promise((r) => setTimeout(r, 200));
       }
     }
@@ -6373,6 +5414,13 @@ var MediaStreamReceiver = class {
       }
       this.audioContext = null;
     }
+    this.scheduledAudioNodes.forEach((node) => {
+      try {
+        node.stop();
+      } catch (e) {
+      }
+    });
+    this.scheduledAudioNodes = [];
     this.isWaitingForKeyFrame = true;
     this.mediaDestination = null;
     this.nextStartTime = 0;
@@ -6387,6 +5435,7 @@ var MediaStreamReceiver = class {
 // src/ermis_call_node.ts
 var ErmisCallNode = class {
   wasmPath;
+  workerPath;
   relayUrl = "https://test-iroh.ermis.network.:8443";
   /** Reference to the Ermis Chat client instance */
   _client;
@@ -6396,8 +5445,10 @@ var ErmisCallNode = class {
   cid;
   /** Type of call: 'audio' or 'video' */
   callType;
-  /** ID of the current user */
-  userID;
+  /** ID of the current user — always reads live value from client */
+  get userID() {
+    return this._client?.userID;
+  }
   /** Current status of the call */
   callStatus = "";
   metadata;
@@ -6463,34 +5514,37 @@ var ErmisCallNode = class {
   isDestroyed = false;
   mediaSender = null;
   mediaReceiver = null;
-  constructor(client, sessionID, wasmPath, relayUrl) {
+  constructor(client, sessionID, wasmPath, relayUrl, workerPath) {
     this._client = client;
     this.cid = "";
     this.callType = "";
     this.sessionID = sessionID;
-    this.userID = client.userID;
     this.metadata = {};
     this.wasmPath = wasmPath;
     this.relayUrl = relayUrl;
+    this.workerPath = workerPath || "/wasm_worker.worker.mjs";
     this.listenSocketEvents();
     this.setupDeviceChangeListener();
     this.loadWasm();
   }
   async loadWasm() {
     try {
-      await ermis_call_node_wasm_default(this.wasmPath);
+      this.callNode = new WasmWorkerProxy(new URL(this.workerPath, window.location.origin));
+      await this.callNode.init(this.wasmPath);
     } catch (error) {
-      console.error("Failed to load ErmisCall WASM module:", error);
+      console.error("Failed to load ErmisCall WASM Worker:", error);
       throw error;
     }
   }
   async initialize() {
     try {
-      const node = new ErmisCall();
-      await node.spawn([this.relayUrl]);
-      this.callNode = node;
-      this.mediaSender = new MediaStreamSender(node);
-      this.mediaReceiver = new MediaStreamReceiver(node, {
+      if (!this.callNode) {
+        await this.loadWasm();
+      }
+      const proxy = this.callNode;
+      await proxy.spawn([this.relayUrl]);
+      this.mediaSender = new MediaStreamSender(proxy);
+      this.mediaReceiver = new MediaStreamReceiver(proxy, {
         onConnected: () => {
           this.setCallStatus("connected" /* CONNECTED */);
           this.connectCall();
@@ -6525,7 +5579,8 @@ var ErmisCallNode = class {
           this.destroy();
         }
       });
-      return node;
+      await proxy.startRecvLoop();
+      return proxy;
     } catch (error) {
       console.error("Failed to initialize Ermis SDK:", error);
       throw error;
@@ -6568,13 +5623,13 @@ var ErmisCallNode = class {
       if (typeof this.onError === "function") {
         if (error.code === "ERR_NETWORK") {
           if (action === "create-call" /* CREATE_CALL */) {
-            this.onError("Unable to make the call. Please check your network connection");
+            this.onError("call_network_error");
           }
         } else {
           if (error.response.data.ermis_code === 20) {
-            this.onError("Recipient was busy");
+            this.onError("call_recipient_busy");
           } else {
-            const errMsg = error.response.data?.message ? error.response.data?.message : "Call failed";
+            const errMsg = error.response.data?.message ? error.response.data?.message : "call_failed";
             this.onError(errMsg);
           }
         }
@@ -6641,7 +5696,7 @@ var ErmisCallNode = class {
         }
       }
       if (typeof this.onError === "function") {
-        this.onError("No microphone or camera found. Please check your device.");
+        this.onError("call_no_devices");
       }
       return null;
     }
@@ -6672,20 +5727,25 @@ var ErmisCallNode = class {
   setUserInfo(cid, eventUserId) {
     if (!cid || !eventUserId) return;
     const channel = cid ? this.getClient().activeChannels[cid] : void 0;
-    const members = channel?.state?.members || {};
-    const memberIds = Object.keys(members);
+    const stateMembers = channel?.state?.members || {};
+    const memberIds = Object.keys(stateMembers);
     const callerId = eventUserId || "";
     const receiverId = memberIds.find((id) => id !== callerId) || "";
-    const callerUser = this.getClient().state.users[callerId];
-    const receiverUser = this.getClient().state.users[receiverId];
+    const dataMembers = channel?.data?.members || [];
+    const findUserFromDataMembers = (userId) => {
+      const member = dataMembers.find((m) => m.user_id === userId || m.user?.id === userId);
+      return member?.user;
+    };
+    const callerUser = findUserFromDataMembers(callerId) || stateMembers[callerId]?.user || this.getClient().state.users[callerId];
+    const receiverUser = findUserFromDataMembers(receiverId) || stateMembers[receiverId]?.user || this.getClient().state.users[receiverId];
     this.callerInfo = {
       id: callerId,
-      name: callerUser?.name,
+      name: callerUser?.name || callerId,
       avatar: callerUser?.avatar || ""
     };
     this.receiverInfo = {
       id: receiverId,
-      name: receiverUser?.name,
+      name: receiverUser?.name || receiverId,
       avatar: receiverUser?.avatar || ""
     };
   }
@@ -6703,7 +5763,6 @@ var ErmisCallNode = class {
           this.callStatus = "";
           this.callType = is_video ? "video" : "audio";
           this.setUserInfo(cid, eventUserId);
-          this.setCallStatus("ringing" /* RINGING */);
           this.cid = cid || "";
           this.metadata = metadata || {};
           if (typeof this.onCallEvent === "function") {
@@ -6716,15 +5775,12 @@ var ErmisCallNode = class {
               metadata: this.metadata
             });
           }
+          this.setCallStatus("ringing" /* RINGING */);
           await this.startLocalStream();
           if (this.callStatus === "ended" /* ENDED */) return;
           if (eventUserId !== this.userID) {
             await this.initialize();
           }
-          if (this.localStream && this.mediaSender && this.mediaReceiver) {
-            this.mediaSender?.initEncoders(this.localStream);
-            this.mediaReceiver?.initDecoders(this.callType);
-          }
           if (eventUserId === this.userID) {
             if (this.missCallTimeout) clearTimeout(this.missCallTimeout);
             this.missCallTimeout = setTimeout(async () => {
@@ -6742,6 +5798,12 @@ var ErmisCallNode = class {
             if (this.mediaReceiver && this.mediaSender) {
               await this.mediaReceiver.acceptConnection();
               await this.mediaSender.sendConnected();
+            }
+            if (this.localStream && this.mediaSender && this.mediaReceiver && this.callType) {
+              this.mediaSender?.initEncoders(this.localStream);
+              this.mediaReceiver?.initDecoders(this.callType);
+            }
+            if (this.mediaSender) {
               await this.mediaSender.sendConfigs();
             }
           }
@@ -6749,7 +5811,7 @@ var ErmisCallNode = class {
         case "end-call" /* END_CALL */:
         case "reject-call" /* REJECT_CALL */:
         case "miss-call" /* MISS_CALL */:
-          this.destroy();
+          await this.destroy();
           break;
       }
     };
@@ -6795,7 +5857,7 @@ var ErmisCallNode = class {
     this._client.on("connection.changed", this.connectionChangedHandler);
     this._client.on("message.updated", this.messageUpdatedHandler);
   }
-  cleanupCall() {
+  async cleanupCall() {
     if (this.mediaSender) {
       this.mediaSender?.stop();
       this.mediaSender = null;
@@ -6805,9 +5867,9 @@ var ErmisCallNode = class {
       this.mediaReceiver = null;
     }
     if (this.callNode) {
-      this.callNode?.closeEndpoint();
-      if (this.callStatus === "connected" /* CONNECTED */) {
-        this.callNode?.closeConnection();
+      try {
+        await Promise.race([this.callNode.terminate(), new Promise((resolve) => setTimeout(resolve, 1e3))]);
+      } catch {
       }
       this.callNode = null;
     }
@@ -6845,8 +5907,8 @@ var ErmisCallNode = class {
     }
     this.setCallStatus("ended" /* ENDED */);
   }
-  destroy() {
-    this.cleanupCall();
+  async destroy() {
+    await this.cleanupCall();
   }
   async getDevices() {
     if (this.availableAudioDevices.length > 0 || this.availableVideoDevices.length > 0) {
@@ -6870,9 +5932,14 @@ var ErmisCallNode = class {
       videoDevice: this.availableVideoDevices[0]
     };
   }
+  prefillUserInfo(cid) {
+    this.setUserInfo(cid, this.userID);
+  }
   async createCall(callType, cid) {
     try {
       this.cid = cid;
+      this.callType = callType;
+      this.prefillUserInfo(cid);
       const address = await this.getLocalEndpointAddr();
       await this._sendSignal({
         action: "create-call" /* CREATE_CALL */,
@@ -6892,6 +5959,13 @@ var ErmisCallNode = class {
         const address = this.metadata?.address || "";
         await this.mediaSender.connect(address);
       }
+      if (this.localStream && this.mediaSender && this.mediaReceiver) {
+        this.mediaSender?.initEncoders(this.localStream);
+        this.mediaReceiver?.initDecoders(this.callType || "audio");
+      }
+      if (this.mediaSender) {
+        await this.mediaSender.sendConfigs();
+      }
     } catch (error) {
       console.error("Failed to accept call:", error);
       throw error;
@@ -7044,12 +6118,16 @@ var ErmisCallNode = class {
       }
       this.selectedAudioDeviceId = deviceId;
       if (!this.localStream) return false;
+      const mediaConstraints = await this.getMediaConstraints();
       const newStream = await navigator.mediaDevices.getUserMedia({
-        audio: { deviceId: { exact: deviceId } },
+        audio: mediaConstraints.audio,
         video: false
       });
       const newAudioTrack = newStream.getAudioTracks()[0];
       const oldAudioTrack = this.localStream.getAudioTracks()[0];
+      if (this.mediaSender && newAudioTrack) {
+        await this.mediaSender.replaceAudioTrack(newAudioTrack);
+      }
       if (oldAudioTrack) {
         this.localStream.removeTrack(oldAudioTrack);
         oldAudioTrack.stop();
@@ -7080,12 +6158,16 @@ var ErmisCallNode = class {
       }
       this.selectedVideoDeviceId = deviceId;
       if (!this.localStream) return false;
+      const mediaConstraints = await this.getMediaConstraints();
       const newStream = await navigator.mediaDevices.getUserMedia({
         audio: false,
-        video: { deviceId: { exact: deviceId } }
+        video: mediaConstraints.video
       });
       const newVideoTrack = newStream.getVideoTracks()[0];
       const oldVideoTrack = this.localStream.getVideoTracks()[0];
+      if (this.mediaSender && newVideoTrack) {
+        await this.mediaSender.replaceVideoTrack(newVideoTrack);
+      }
       if (oldVideoTrack) {
         this.localStream.removeTrack(oldVideoTrack);
         oldVideoTrack.stop();
@@ -7275,7 +6357,7 @@ var ErmisAuthProvider = class {
     return data;
   }
   getUserAgent() {
-    return this.userAgent || `ermis-chat-sdk-javascript-client-${this.node ? "node" : "browser"}-${"1.0.8"}`;
+    return this.userAgent || `ermis-chat-sdk-javascript-client-${this.node ? "node" : "browser"}-${"2.0.0"}`;
   }
   setUserAgent(userAgent) {
     this.userAgent = userAgent;
@@ -7420,88 +6502,155 @@ var ErmisAuthProvider = class {
 };
 
 // src/system_message.ts
-var DURATION_MAP = {
-  "10000": "10 seconds",
-  "30000": "30 seconds",
-  "60000": "1 minute",
-  "300000": "5 minutes",
-  "900000": "15 minutes",
-  "3600000": "60 minutes"
-};
 function resolveUser(userId, userMap) {
   return userMap[userId] ?? userId;
 }
-function parseSystemMessage(value, userMap) {
+function parseSystemMessage(value, userMap, translations) {
   if (!value || typeof value !== "string") return value ?? "";
   const trimmed = value.trim();
   if (!trimmed) return "";
   const parts = trimmed.split(" ");
   const formatId = parts[0];
   const userId = parts[1] ?? "";
-  const userName = userId ? resolveUser(userId, userMap) : "User";
+  const userName = userId ? resolveUser(userId, userMap) : translations?.userFallback ?? "User";
   switch (formatId) {
     // 1: userName changed the channel name to channelName (may contain spaces)
     case "1": {
       const channelName = parts.slice(2).join(" ");
+      const template = translations?.["1"] ?? translations?.changeName;
+      if (template) {
+        return template.replace("{{user}}", userName).replace("{{channel}}", channelName);
+      }
       return `${userName} changed the channel name to ${channelName}.`;
     }
     // 2–13, 16–17: single-user actions
-    case "2":
+    case "2": {
+      const template = translations?.["2"] ?? translations?.changeAvatar;
+      if (template) return template.replace("{{user}}", userName);
       return `${userName} changed the channel avatar.`;
-    case "3":
+    }
+    case "3": {
+      const template = translations?.["3"] ?? translations?.changeDescription;
+      if (template) return template.replace("{{user}}", userName);
       return `${userName} changed the channel description.`;
-    case "4":
+    }
+    case "4": {
+      const template = translations?.["4"] ?? translations?.removed;
+      if (template) return template.replace("{{user}}", userName);
       return `${userName} was removed from the channel.`;
-    case "5":
+    }
+    case "5": {
+      const template = translations?.["5"] ?? translations?.banned;
+      if (template) return template.replace("{{user}}", userName);
       return `${userName} was banned.`;
-    case "6":
+    }
+    case "6": {
+      const template = translations?.["6"] ?? translations?.unbanned;
+      if (template) return template.replace("{{user}}", userName);
       return `${userName} was unbanned.`;
-    case "7":
+    }
+    case "7": {
+      const template = translations?.["7"] ?? translations?.promoted;
+      if (template) return template.replace("{{user}}", userName);
       return `${userName} was promoted to moderator.`;
-    case "8":
+    }
+    case "8": {
+      const template = translations?.["8"] ?? translations?.demoted;
+      if (template) return template.replace("{{user}}", userName);
       return `${userName} was demoted from moderator.`;
-    case "9":
+    }
+    case "9": {
+      const template = translations?.["9"] ?? translations?.permissionsUpdated;
+      if (template) return template.replace("{{user}}", userName);
       return `${userName}'s permissions were updated.`;
-    case "10":
+    }
+    case "10": {
+      const template = translations?.["10"] ?? translations?.joined;
+      if (template) return template.replace("{{user}}", userName);
       return `${userName} joined the channel.`;
-    case "11":
+    }
+    case "11": {
+      const template = translations?.["11"] ?? translations?.declined;
+      if (template) return template.replace("{{user}}", userName);
       return `${userName} declined the channel invitation.`;
-    case "12":
+    }
+    case "12": {
+      const template = translations?.["12"] ?? translations?.left;
+      if (template) return template.replace("{{user}}", userName);
       return `${userName} left the channel.`;
-    case "13":
+    }
+    case "13": {
+      const template = translations?.["13"] ?? translations?.clearedHistory;
+      if (template) return template.replace("{{user}}", userName);
       return `${userName} cleared the chat history.`;
+    }
     // 14: channel type change (true = public, false = private)
     case "14": {
       const rawType = parts[2] ?? "";
-      const channelType = rawType === "true" ? "public" : "private";
+      const typeKey = rawType === "true" ? "public" : "private";
+      const channelType = translations?.[typeKey] ?? typeKey;
+      const template = translations?.["14"] ?? translations?.changeType;
+      if (template) {
+        return template.replace("{{user}}", userName).replace("{{type}}", channelType);
+      }
       return `${userName} changed the channel to ${channelType}.`;
     }
-    // 15: cooldown toggle / duration
     case "15": {
       const duration = parts[2] ?? "0";
       if (duration === "0") {
+        const template2 = translations?.["15_off"] ?? translations?.cooldownOff;
+        if (template2) return template2.replace("{{user}}", userName);
         return `${userName} disabled cooldown.`;
       }
-      const durationText = DURATION_MAP[duration] ?? `${duration}ms`;
+      let durationText = `${duration}ms`;
+      const minLabel = translations?.durationUnitMin ?? "minute";
+      const secLabel = translations?.durationUnitSec ?? "seconds";
+      if (duration === "10000") durationText = `10 ${secLabel}`;
+      else if (duration === "30000") durationText = `30 ${secLabel}`;
+      else if (duration === "60000") durationText = `1 ${minLabel}`;
+      else if (duration === "300000") durationText = `5 ${minLabel}`;
+      else if (duration === "900000") durationText = `15 ${minLabel}`;
+      else if (duration === "3600000") durationText = `60 ${minLabel}`;
+      const template = translations?.["15_on"] ?? translations?.cooldownOn;
+      if (template) {
+        return template.replace("{{user}}", userName).replace("{{duration}}", durationText);
+      }
       return `${userName} enabled cooldown for ${durationText}.`;
     }
-    case "16":
+    case "16": {
+      const template = translations?.["16"] ?? translations?.bannedWordsUpdated;
+      if (template) return template.replace("{{user}}", userName);
       return `${userName} updated the banned words.`;
-    case "17":
+    }
+    case "17": {
+      const template = translations?.["17"] ?? translations?.added;
+      if (template) return template.replace("{{user}}", userName);
       return `${userName} was added to the channel.`;
+    }
     // 18: admin transfer (two user IDs)
     case "18": {
       const oldUserId = parts[1] ?? "";
       const newUserId = parts[2] ?? "";
-      const oldUserName = oldUserId ? resolveUser(oldUserId, userMap) : "User";
-      const newUserName = newUserId ? resolveUser(newUserId, userMap) : "User";
-      return `Admin ${oldUserName} left and assigned ${newUserName} as the new admin.`;
+      const oldUserName = oldUserId ? resolveUser(oldUserId, userMap) : translations?.userFallback ?? "User";
+      const newUserName = newUserId ? resolveUser(newUserId, userMap) : translations?.userFallback ?? "User";
+      const adminLabel = translations?.adminFallback ?? "Admin";
+      const template = translations?.["18"] ?? translations?.adminTransfer;
+      if (template) {
+        return template.replace("{{user}}", oldUserName).replace("{{targetUser}}", newUserName).replace("{{admin}}", adminLabel);
+      }
+      return `${adminLabel} ${oldUserName} left and assigned ${newUserName} as the new admin.`;
     }
     // 19–20: pin / unpin (userId + msgID)
-    case "19":
+    case "19": {
+      const template = translations?.["19"] ?? translations?.pinned;
+      if (template) return template.replace("{{user}}", userName);
       return `${userName} pinned a message.`;
-    case "20":
+    }
+    case "20": {
+      const template = translations?.["20"] ?? translations?.unpinned;
+      if (template) return template.replace("{{user}}", userName);
       return `${userName} unpinned a message.`;
+    }
     default:
       return trimmed;
   }
@@ -7512,16 +6661,18 @@ var CallType = {
   AUDIO: "audio",
   VIDEO: "video"
 };
-function formatDuration(durationMs) {
+function formatDuration(durationMs, translations) {
   if (!durationMs) return "";
   const ms = parseInt(durationMs, 10);
   if (isNaN(ms) || ms <= 0) return "";
   const totalSeconds = Math.floor(ms / 1e3);
   const minutes = Math.floor(totalSeconds / 60);
   const seconds = totalSeconds % 60;
-  return `${minutes} min, ${seconds} sec`;
+  const minUnit = translations?.durationUnitMin ?? "min";
+  const secUnit = translations?.durationUnitSec ?? "sec";
+  return `${minutes} ${minUnit}, ${seconds} ${secUnit}`;
 }
-function parseSignalMessage(value, myUserId) {
+function parseSignalMessage(value, myUserId, translations) {
   if (!value || typeof value !== "string") return null;
   const trimmed = value.trim();
   if (!trimmed) return null;
@@ -7540,70 +6691,70 @@ function parseSignalMessage(value, myUserId) {
   let text;
   switch (number) {
     case 1:
-      text = isMe ? "Calling..." : "Incoming audio call...";
+      text = isMe ? translations?.calling ?? "Calling..." : translations?.incomingAudioCall ?? "Incoming audio call...";
       callType = CallType.AUDIO;
       color = "#54D62C";
       break;
     case 2:
-      text = isMe ? "Outgoing audio call" : "You missed audio call";
+      text = isMe ? translations?.outgoingAudioCall ?? "Outgoing audio call" : translations?.missedAudioCall ?? "You missed audio call";
       callType = CallType.AUDIO;
       color = "#FF4842";
       break;
     case 3:
       if (duration) {
-        text = isMe ? "Outgoing audio call" : "Incoming audio call";
+        text = isMe ? translations?.outgoingAudioCall ?? "Outgoing audio call" : translations?.incomingAudioCall ?? "Incoming audio call";
         color = "#54D62C";
       } else {
         if (enderId === myUserId) {
-          text = "You cancel audio call";
+          text = translations?.cancelAudioCall ?? "You cancel audio call";
         } else {
-          text = "You missed audio call";
+          text = translations?.missedAudioCall ?? "You missed audio call";
         }
         color = "#FF4842";
       }
       callType = CallType.AUDIO;
       break;
     case 4:
-      text = isMe ? "Calling..." : "Incoming video call...";
+      text = isMe ? translations?.calling ?? "Calling..." : translations?.incomingVideoCall ?? "Incoming video call...";
       callType = CallType.VIDEO;
       color = "#54D62C";
       break;
     case 5:
-      text = isMe ? "Outgoing video call" : "You missed video call";
+      text = isMe ? translations?.outgoingVideoCall ?? "Outgoing video call" : translations?.missedVideoCall ?? "You missed video call";
       callType = CallType.VIDEO;
       color = "#FF4842";
       break;
     case 6:
       if (duration) {
-        text = isMe ? "Outgoing video call" : "Incoming video call";
+        text = isMe ? translations?.outgoingVideoCall ?? "Outgoing video call" : translations?.incomingVideoCall ?? "Incoming video call";
         color = "#54D62C";
       } else {
         if (enderId === myUserId) {
-          text = "You cancel video call";
+          text = translations?.cancelVideoCall ?? "You cancel video call";
         } else {
-          text = "You missed video call";
+          text = translations?.missedVideoCall ?? "You missed video call";
         }
         color = "#FF4842";
       }
       callType = CallType.VIDEO;
       break;
     case 7:
-      text = isMe ? "Recipient rejected audio call" : "You rejected audio call";
+      text = isMe ? translations?.rejectedAudioCallRecipient ?? "Recipient rejected audio call" : translations?.rejectedAudioCallYou ?? "You rejected audio call";
       callType = CallType.AUDIO;
       color = "#FF4842";
       break;
     case 8:
-      text = isMe ? "Recipient rejected video call" : "You rejected video call";
+      text = isMe ? translations?.rejectedVideoCallRecipient ?? "Recipient rejected video call" : translations?.rejectedVideoCallYou ?? "You rejected video call";
       callType = CallType.VIDEO;
       color = "#FF4842";
       break;
     case 9:
-      text = isMe ? "Recipient was busy" : "You missed audio call";
+      text = isMe ? translations?.busyRecipient ?? "Recipient was busy" : translations?.missedAudioCall ?? "You missed audio call";
       callType = CallType.AUDIO;
       color = "#FF4842";
       break;
     case 10:
-      text = isMe ? "Recipient was busy" : "You missed video call";
+      text = isMe ? translations?.busyRecipient ?? "Recipient was busy" : translations?.missedVideoCall ?? "You missed video call";
       callType = CallType.VIDEO;
       color = "#FF4842";
       break;
@@ -7612,7 +6763,7 @@ function parseSignalMessage(value, myUserId) {
       callType = "";
       color = "";
   }
-  return { text, duration: formatDuration(duration), callType, color };
+  return { text, duration: formatDuration(duration, translations), callType, color };
 }
 export {
   CallAction,
@@ -7641,5 +6792,4 @@ export {
   parseSignalMessage,
   parseSystemMessage
 };
-//! NOTE: check lai o day
 //# sourceMappingURL=index.browser.mjs.map