Fix: tools addition

templates/index.html

@@ -608,6 +608,7 @@
     <title>MyPharma AI - Your Study Companion</title>
     <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
     <style>
+        /* Indian Traditional Theme CSS */
         :root {
             --saffron: #FF9933; --maroon: #800000; --gold: #FFD700;
             --peacock-blue: #005F9E; --cream: #FFF8E7; --light-saffron: #FFE4B5;
@@ -631,6 +632,10 @@
         }
         .header h1 { font-size: 2em; margin-bottom: 5px; }
         .header .subtitle { font-size: 1.1em; opacity: 0.9; }
+        .quote-container {
+            background: var(--gold); color: var(--maroon); padding: 15px;
+            border-radius: 10px; margin: 20px; text-align: center; font-style: italic;
+        }
         .chat-container { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
         .chat-messages { flex: 1; padding: 20px; overflow-y: auto; }
         .message { margin-bottom: 20px; display: flex; max-width: 85%; animation: fadeIn 0.3s ease-in; }
@@ -679,7 +684,11 @@
     <div class="container">
         <div class="header">
             <h1>🇮🇳 MyPharma AI</h1>
-            <div class="subtitle">{{ greeting }}</div>
+            <div class="subtitle">{{ greeting or "नमस्ते! Your Intelligent Pharmacy Study Companion" }}</div>
+        </div>
+        
+        <div class="quote-container" id="quoteContainer">
+             📿 {{ daily_quote or "विद्या धनं सर्व धन प्रधानम् - Knowledge is the supreme wealth" }}
         </div>
 
         <div class="chat-container">
@@ -700,7 +709,10 @@
                 </div>
 
                 <div class="input-container">
-                    <input type="text" id="messageInput" placeholder="Ask about your documents..." onkeypress="handleKeyPress(event)">
+                    <input type="text" 
+                           id="messageInput" 
+                           placeholder="Ask about your documents..." 
+                           onkeypress="handleKeyPress(event)">
                     <button id="sendBtn" onclick="sendMessage()">Send 📨</button>
                 </div>
             </div>
@@ -742,7 +754,7 @@
             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 agentIcons = { 'academic': '📚 Academic Agent', 'drug_info': '💊 Drug Info Agent', 'quiz_generation': '❓ Quiz Master', 'mnemonic_creation': '🧠 Memory Master', 'viva_practice': '🗣️ Viva Coach', 'error': '⚠️ System' };
             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>`;
@@ -779,8 +791,19 @@
             input.focus();
         }
         
+        async function getNewQuote() {
+            try {
+                const response = await fetch('/quote');
+                const data = await response.json();
+                document.getElementById('quoteContainer').innerHTML = `📿 ${data.quote}`;
+            } catch (error) {
+                console.error('Failed to fetch new quote:', error);
+            }
+        }
+        
         document.addEventListener('DOMContentLoaded', () => {
              document.getElementById('messageInput').focus();
+             setInterval(getNewQuote, 5 * 60 * 1000); // Update quote every 5 mins
         });
     </script>
 </body>