Fix: tools addition

templates/index.html

@@ -389,8 +389,84 @@
     </div>
 
     <script>
+    
+    let isProcessing = false;
+
+    async function sendMessage() {
+        const input = document.getElementById('messageInput');
+        const message = input.value.trim();
+        if (!message || isProcessing) return;
+
+        addMessage(message, 'user');
+        input.value = '';
+        showLoading(true);
+
+        try {
+            const response = await fetch('/chat', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ query: message })
+            });
+            const data = await response.json();
+            showLoading(false);
+            if (data.success) {
+                addMessage(data.message, 'bot', data.agent_used);
+            } else {
+                addMessage(`❌ Error: ${data.error || 'Something went wrong'}`, 'bot', 'error');
+            }
+        } catch (error) {
+            showLoading(false);
+            addMessage(`❌ Connection error: ${error.message}`, 'bot', 'error');
+        }
+    }
+
+    function addMessage(text, sender, agentType = '') {
+        const messagesContainer = document.getElementById('chatMessages');
+        const messageDiv = document.createElement('div');
+        messageDiv.className = `message ${sender}`;
+        const agentIcons = { 'academic': '📚 Academic Agent', 'drug_info': '💊 Drug Info Agent', 'quiz_generation': '❓ Quiz Master' };
+        const agentBadge = sender === 'bot' ? `<div class="agent-badge">${agentIcons[agentType] || '🤖 AI Assistant'}</div>` : '';
+        const formattedText = marked.parse(text || 'Sorry, I received an empty response.');
+        messageDiv.innerHTML = `<div class="message-bubble">${agentBadge}${formattedText}</div>`;
+        messagesContainer.appendChild(messageDiv);
+        messagesContainer.scrollTop = messagesContainer.scrollHeight;
+    }
+
+    function showLoading(show) {
+        document.getElementById('sendBtn').disabled = show;
+        const existingLoading = document.getElementById('loading-indicator');
+        if (existingLoading) existingLoading.remove();
+        
+        if (show) {
+            const messagesContainer = document.getElementById('chatMessages');
+            const loadingDiv = document.createElement('div');
+            loadingDiv.className = 'message bot';
+            loadingDiv.id = 'loading-indicator';
+            loadingDiv.innerHTML = `<div class="message-bubble"><div class="typing-indicator"><span></span><span></span><span></span></div></div>`;
+            messagesContainer.appendChild(loadingDiv);
+            messagesContainer.scrollTop = messagesContainer.scrollHeight;
+        }
+    }
+
+    function handleKeyPress(event) {
+        if (event.key === 'Enter' && !event.shiftKey) {
+            event.preventDefault();
+            sendMessage();
+        }
+    }
+    
+    function populateInput(templateText) {
+        const input = document.getElementById('messageInput');
+        input.value = templateText;
+        input.focus();
+    }
+    
+    document.addEventListener('DOMContentLoaded', () => {
+         document.getElementById('messageInput').focus();
+    });
+</script>
         // Global variables
-        let isProcessing = false;
+        {% comment %} let isProcessing = false;
 
         // In templates/index.html, inside the <script> tag
 
@@ -583,8 +659,8 @@
             
             // Get new quote every 5 minutes
             setInterval(getNewQuote, 5 * 60 * 1000);
-        });
-    </script>
+        }); {% endcomment %}
+    
 </body>
 </html>