Update js/app.js

js/app.js

@@ -128,16 +128,32 @@ document.addEventListener('DOMContentLoaded', () => {
         const messageElement = document.createElement('div');
         messageElement.classList.add('message', `${sender}-message`);
         messageElement.textContent = content;
-        
+
+        // Add copy button
+        const copyButton = document.createElement('button');
+        copyButton.classList.add('copy-button');
+        copyButton.innerHTML = '<i class="fas fa-copy"></i>';
+        copyButton.addEventListener('click', () => copyToClipboard(content));
+        messageElement.appendChild(copyButton);
+
         // Add for screen readers
         messageElement.setAttribute('role', 'log');
         messageElement.setAttribute('aria-label', `${sender} message: ${content}`);
-        
+
         chatMessages.appendChild(messageElement);
         messageElement.scrollIntoView({ behavior: 'smooth' });
         saveChat();
     }
 
+    function copyToClipboard(text) {
+        navigator.clipboard.writeText(text).then(() => {
+            showToast('Copied to clipboard!', 'success');
+        }).catch(err => {
+            console.error('Failed to copy: ', err);
+            showToast('Failed to copy. Please try again.', 'error');
+        });
+    }
+
     function showTypingIndicator() {
         typingIndicator.classList.remove('hidden');
         typingIndicator.scrollIntoView({ behavior: 'smooth' });
@@ -201,4 +217,4 @@ document.addEventListener('DOMContentLoaded', () => {
     function updateThemeButton() {
         themeToggle.innerHTML = `<i class="fas fa-${darkMode ? 'sun' : 'moon'}"></i>`;
     }
-});
+});