Fix call media stream attach + timer fallback (v2.6.4)

client.js

@@ -6194,6 +6194,8 @@ function createPeerConnection(peerId) {
         if (remoteVideo) {
             if (event.streams && event.streams[0]) {
                 const incomingStream = event.streams[0];
+                // Keep reference to the actual remote stream so reconnect logic does not swap it out.
+                remoteCallStream = incomingStream;
                 if (remoteVideo.srcObject !== incomingStream) {
                     remoteVideo.srcObject = incomingStream;
                 }
@@ -6218,8 +6220,16 @@ function createPeerConnection(peerId) {
             
             ensureRemoteMediaPlayback(remoteVideo);
 
+            // Fallback: start timer when media is actually flowing, even if connection state stays "connecting".
+            if (!callTimerInterval) {
+                startCallTimer();
+            }
+
             event.track.onunmute = () => {
                 ensureRemoteMediaPlayback(remoteVideo);
+                if (!callTimerInterval) {
+                    startCallTimer();
+                }
             };
         }
     };
@@ -6250,7 +6260,8 @@ function createPeerConnection(peerId) {
             // Re-attach remote stream after ICE recovery so video/audio plays
             const remoteVidEl = document.getElementById('remoteCallVideo');
             if (remoteVidEl) {
-                if (remoteCallStream && remoteVidEl.srcObject !== remoteCallStream) {
+                // Only set srcObject when video currently has no stream to avoid replacing a valid incoming stream.
+                if (remoteCallStream && !remoteVidEl.srcObject) {
                     remoteVidEl.srcObject = remoteCallStream;
                 }
                 remoteVidEl.muted = false;

index.html

@@ -3048,7 +3048,7 @@
                     <div class="chat-header-title" id="chatTitle">💬 Select a friend to chat</div>
                 </div>
                 <div class="chat-header-actions">
-                    <span class="build-badge mobile-essential" id="buildVersionBadge" title="Frontend build version">v2.6.3</span>
+                    <span class="build-badge mobile-essential" id="buildVersionBadge" title="Frontend build version">v2.6.4</span>
                     <button class="header-btn mobile-essential" onclick="toggleArchiveChat()" title="Archive chat">
                         <i class="fas fa-archive"></i>
                     </button>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "discord-like-app",
-  "version": "2.6.3",
+  "version": "2.6.4",
   "main": "server.js",
   "scripts": {
     "dev": "nodemon server.js",