头像处理完成

WebApp/client/public/onebyone/chatmessage.js

@@ -125,16 +125,8 @@ export function sendMessage() {
 
         addMessage(message);
 
-        const newMessage = {
+        const newMessage = { ...message };
-            id: generateId(),
+        newMessage.isSelf = false;
-            senderId: state.session.remoteUser.id,
-            senderName: state.session.remoteUser.name,
-            senderAvatar: state.session.remoteUser.avatar,
-            content: content,
-            type: 'text',
-            timestamp: new Date().toISOString(),
-            isSelf: false
-        };
         chatInput.value = '';
         // 发送消息到服务器
         sendChatMessage(newMessage);

WebApp/client/public/onebyone/connect/connect.html

@@ -37,7 +37,7 @@
                         <div>
                             <label class="block text-xs text-gray-400 mb-1">用户ID</label>
                             <div class="flex items-center gap-2">
-                                <input type="text" id="userIdInput" class="flex-1 bg-transparent border border-white/20 rounded-lg px-3 py-2 text-sm text-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500" readonly>
+                                <input type="text" id="userIdInput" class="w-full bg-transparent border border-white/20 rounded-lg px-3 py-2 text-sm text-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500" readonly>
                                 <button onclick="copyUserId()" class="text-xs text-indigo-400 hover:text-indigo-300 transition-colors">复制</button>
                             </div>
                         </div>

WebApp/client/src/signaling.js

@@ -192,6 +192,11 @@ export class WebSocketSignaling extends EventTarget {
           break;
         case "on-message":
           this.dispatchEvent(new CustomEvent('on-message', { detail: msg.data }));
+          break;
+        case "broadcast":
+          // 处理服务器广播的消息
+          this.dispatchEvent(new CustomEvent('on-message', { detail: msg.message }));
+          break;
         default:
           break;
       }