Abhi yah work nahin kar raha check karo acche se

script.js

@@ -116,7 +116,6 @@ async function sendMessage() {
     // Simulate AI response
     await simulateAIResponse(message);
 }
-
 // Add message to chat
 function addMessage(content, sender) {
     const messageDiv = document.createElement('div');
@@ -126,4 +125,91 @@ function addMessage(content, sender) {
     messageContent.className = sender === 'user' ? 'user-message' : 'ai-message';
     
     // Check if content is code
-    if (content.includes('
+    if (content.includes('```')) {
+        const parts = content.split('```');
+        parts.forEach((part, index) => {
+            if (index % 2 === 1) {
+                // Code block
+                const pre = document.createElement('pre');
+                pre.className = 'code-block';
+                const code = document.createElement('code');
+                code.textContent = part.trim();
+                pre.appendChild(code);
+                messageContent.appendChild(pre);
+            } else if (part.trim()) {
+                // Regular text
+                const p = document.createElement('p');
+                p.textContent = part;
+                messageContent.appendChild(p);
+            }
+        });
+    } else {
+        const p = document.createElement('p');
+        p.textContent = content;
+        messageContent.appendChild(p);
+    }
+    
+    messageDiv.appendChild(messageContent);
+    chatContainer.appendChild(messageDiv);
+    chatContainer.scrollTop = chatContainer.scrollHeight;
+    
+    // Store in current chat
+    currentChat.push({ content, sender, timestamp: new Date() });
+}
+
+// Show typing indicator
+function showTypingIndicator() {
+    isTyping = true;
+    const typingDiv = document.createElement('div');
+    typingDiv.className = 'flex justify-start message-enter';
+    typingDiv.id = 'typingIndicator';
+    
+    const typingContent = document.createElement('div');
+    typingContent.className = 'typing-indicator';
+    typingContent.innerHTML = '<span></span><span></span><span></span>';
+    
+    typingDiv.appendChild(typingContent);
+    chatContainer.appendChild(typingDiv);
+    chatContainer.scrollTop = chatContainer.scrollHeight;
+}
+
+// Simulate AI response
+async function simulateAIResponse(userMessage) {
+    // Simulate network delay
+    await new Promise(resolve => setTimeout(resolve, 1500 + Math.random() * 1000));
+    
+    // Remove typing indicator
+    const typingIndicator = document.getElementById('typingIndicator');
+    if (typingIndicator) {
+        typingIndicator.remove();
+    }
+    
+    // Simulate different types of responses
+    const responses = [
+        "Based on quantum computing principles, I can help you explore complex computational problems. What specific aspect interests you?",
+        "That's a fascinating question! Let me analyze it from multiple perspectives and provide you with a comprehensive answer.",
+        "I understand you're curious about advanced AI capabilities. Here's what I can tell you about machine learning and neural networks...",
+        "Interesting! Let me break this down into simple terms while maintaining scientific accuracy.",
+        "As an AI assistant, I can help you with coding, problem-solving, creative writing, and much more. What would you like to explore next?",
+        "Quantum mechanics suggests that particles can exist in multiple states simultaneously. This principle applies to quantum computing as well.",
+        "Here's a code example to help you understand this concept better:\n```javascript\nfunction quantumCompute() {\n  return Math.random() > 0.5 ? 'heads' : 'tails';\n}\n```",
+        "The future of AI is incredibly exciting! We're moving towards more human-like reasoning and problem-solving capabilities."
+    ];
+    
+    const randomResponse = responses[Math.floor(Math.random() * responses.length)];
+    addMessage(randomResponse, 'ai');
+    isTyping = false;
+}
+
+// Toggle theme
+function toggleTheme() {
+    isDarkMode = !isDarkMode;
+    document.body.classList.toggle('bg-gray-900');
+    document.body.classList.toggle('text-white');
+    document.body.classList.toggle('bg-white');
+    document.body.classList.toggle('text-gray-900');
+    
+    const icon = themeToggle.querySelector('i');
+    icon.setAttribute('data-feather', isDarkMode ? 'sun' : 'moon');
+    feather.replace();
+}