Update sss.html

sss.html

@@ -230,11 +230,6 @@
                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path>
                         </svg>
                     </button>
-                    <a href="https://joermd-test11.static.hf.space" target="_blank" id="micButton" class="bg-green-500 hover:bg-green-600 text-white rounded-full p-2 transition-colors">
-                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z"></path>
-                        </svg>
-                    </a>
                     <select id="styleSelect" class="style-select bg-gray-50 border border-gray-200 text-gray-600 text-sm rounded-lg pl-8 pr-2 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-200">
                         <option value="short">⚡ ردود قصيرة</option>
                         <option value="normal" selected>◯ عادي</option>
@@ -246,7 +241,7 @@
     </footer>
 
     <script>
-        const API_URL = 'https://nvgsxt9jqx730v-7777.proxy.runpod.net/proxy/8000/chat/stream ';
+        const API_URL = 'https://nvgsxt9jqx730v-7777.proxy.runpod.net/proxy/8000/chat/stream';
         const messagesContainer = document.getElementById('messagesContainer');
         const messageInput = document.getElementById('messageInput');
         const sendButton = document.getElementById('sendMessage');
@@ -423,10 +418,11 @@
             messagesContainer.insertAdjacentHTML('beforeend', createBotMessage('', messageId));
             scrollToBottom();
 
-            try {
-                currentController = new AbortController();
-                toggleSendButton(true);
+            let fullResponse = '';
+            currentController = new AbortController();
+            toggleSendButton(true);
 
+            try {
                 const response = await fetch(API_URL, {
                     method: 'POST',
                     headers: { 'Content-Type': 'application/json' },
@@ -437,17 +433,38 @@
                     signal: currentController.signal
                 });
 
-                const data = await response.json();
-                await typeText(messageId, data.response);
-                
+                const reader = response.body.getReader();
+                const decoder = new TextDecoder();
+
+                while (true) {
+                    const { value, done } = await reader.read();
+                    if (done) break;
+
+                    const chunk = decoder.decode(value);
+                    const lines = chunk.split('\n');
+
+                    for (const line of lines) {
+                        if (line.startsWith('data: ')) {
+                            const content = line.slice(6).trim();
+                            if (content === '[DONE]') {
+                                break;
+                            }
+                            fullResponse += content;
+                            await typeText(messageId, fullResponse);
+                        }
+                    }
+                }
+
                 chatHistory.push({
                     human: actualMessage,
-                    assistant: data.response
+                    assistant: fullResponse
                 });
+
             } catch (error) {
                 if (error.name === 'AbortError') {
                     document.getElementById(messageId).textContent = 'تم إيقاف التوليد.';
                 } else {
+                    console.error('Error:', error);
                     document.getElementById(messageId).textContent = 'عذراً، حدث خطأ في المعالجة.';
                 }
             } finally {