Update sss.html

sss.html

@@ -230,6 +230,11 @@
                             <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>
@@ -241,7 +246,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');
@@ -418,11 +423,10 @@
             messagesContainer.insertAdjacentHTML('beforeend', createBotMessage('', messageId));
             scrollToBottom();
 
-            let fullResponse = '';
-            currentController = new AbortController();
-            toggleSendButton(true);
-
             try {
+                currentController = new AbortController();
+                toggleSendButton(true);
+
                 const response = await fetch(API_URL, {
                     method: 'POST',
                     headers: { 'Content-Type': 'application/json' },
@@ -433,38 +437,17 @@
                     signal: currentController.signal
                 });
 
-                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);
-                        }
-                    }
-                }
-
+                const data = await response.json();
+                await typeText(messageId, data.response);
+                
                 chatHistory.push({
                     human: actualMessage,
-                    assistant: fullResponse
+                    assistant: data.response
                 });
-
             } catch (error) {
                 if (error.name === 'AbortError') {
                     document.getElementById(messageId).textContent = 'تم إيقاف التوليد.';
                 } else {
-                    console.error('Error:', error);
                     document.getElementById(messageId).textContent = 'عذراً، حدث خطأ في المعالجة.';
                 }
             } finally {