Agent Chat fixed

Html/static/js/chatbox.js

@@ -3,22 +3,21 @@ var socket;
 document.addEventListener('DOMContentLoaded', function() {
     data = window.appData;
     console.log(data);
-    socket = new WebSocket('ws://localhost:5500/agent');
-    socket.onopen = () => {
-        console.log('Connected to agent WebSocket');
-        ws.send(JSON.stringify({ message: 'Hello from client' }));  // 发送数据
-    };
+    socket = io('http://localhost:5500/agent?username='+data.username+'&folder='+data.folder);
+    socket.on('connect', function() {
+        console.log('Connected to server');
+        socket.emit('login',JSON.stringify(data));
+    });
         // 监听来自服务器的消息
-    socket.onmessage = (event) => {
+    socket.on('message', function(data) {
         // 显示服务器的回复消息
-        data = event.data
         const serverMessage = document.createElement('div');
         serverMessage.innerHTML = `<div class="chat-message server-message"><b>服务器:</b> ${marked.parse(data)}</div>`;
         document.getElementById('chatbox').appendChild(serverMessage);
 
         // 滚动到最新消息
         document.getElementById('chatbox').scrollTop = document.getElementById('chatbox').scrollHeight;
-    };
+    });
 });
 
 
@@ -45,23 +44,6 @@ chineseRadio.addEventListener('change', function() {
     if (chineseRadio.checked) language = 'zn';
 });
 
-function sendMessage() {
-    const input = document.getElementById('messageInput').value;
-    if (input.trim() === '') return;
-
-    // 创建一个新的消息元素
-    const newMessage = document.createElement('div');
-    newMessage.classList.add('chat-message');
-    newMessage.innerHTML = `<b>${language === 'en' ? 'You:' : '你:'}</b> ${input}`;
-    chatbox.appendChild(newMessage);
-
-    // 清空输入框
-    document.getElementById('messageInput').value = '';
-
-    // 滚动到最新消息
-    chatbox.scrollTop = chatbox.scrollHeight;
-}
-
 
         
 // 发送消息
@@ -78,7 +60,7 @@ function sendMessage() {
     document.getElementById('chatbox').appendChild(userMessage);
 
     // 发送消息到服务器
-    socket.emit('send_message', input);
+    socket.emit('message', input);
 
     // 清空输入框
     document.getElementById('messageInput').value = '';