i do not see a regenerate button. can you make it show a list of button (regenerate, edit) when hovering a assistant message and show only edit when hovering user message - Follow Up Deployment

index.html

@@ -507,14 +507,27 @@
                         <div class="flex-shrink-0 w-8 h-8 rounded-full bg-primary-500 text-white flex items-center justify-center">
                             <i class="fas fa-robot"></i>
                         </div>
-                        <div class="max-w-[80%] bg-white dark:bg-gray-800 rounded-lg p-4 shadow-sm">
+                        <div class="max-w-[80%] bg-white dark:bg-gray-800 rounded-lg p-4 shadow-sm relative group">
                             <div class="prose dark:prose-invert">${msg.content}</div>
+                            <div class="absolute right-2 top-2 opacity-0 group-hover:opacity-100 transition-opacity flex gap-1">
+                                <button class="message-action bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 p-1 rounded text-gray-700 dark:text-gray-300" data-action="regenerate" title="Regenerate">
+                                    <i class="fas fa-sync-alt text-xs"></i>
+                                </button>
+                                <button class="message-action bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 p-1 rounded text-gray-700 dark:text-gray-300" data-action="edit" title="Edit">
+                                    <i class="fas fa-edit text-xs"></i>
+                                </button>
+                            </div>
                         </div>
                     `;
                 } else {
                     messageElement.innerHTML = `
-                        <div class="max-w-[80%] bg-primary-500 text-white rounded-lg p-4 shadow-sm">
+                        <div class="max-w-[80%] bg-primary-500 text-white rounded-lg p-4 shadow-sm relative group">
                             <div class="prose prose-white">${msg.content}</div>
+                            <div class="absolute right-2 top-2 opacity-0 group-hover:opacity-100 transition-opacity">
+                                <button class="message-action bg-primary-600 hover:bg-primary-700 p-1 rounded text-white" data-action="edit" title="Edit">
+                                    <i class="fas fa-edit text-xs"></i>
+                                </button>
+                            </div>
                         </div>
                     `;
                 }
@@ -524,6 +537,7 @@
             
             chatArea.appendChild(messagesContainer);
             chatArea.scrollTop = chatArea.scrollHeight;
+            updateRegenerateButton();
         }
 
         // Send message
@@ -974,8 +988,49 @@
             // You can replace this with actual settings modal later
         });
 
+        // Handle message actions
+        function handleMessageAction(action, messageIndex) {
+            if (!currentChatId) return;
+            
+            const chat = chats.find(c => c.id === currentChatId);
+            if (!chat || !chat.messages[messageIndex]) return;
+            
+            if (action === 'regenerate') {
+                // Only regenerate if this is the last assistant message
+                if (messageIndex === chat.messages.length - 1 && 
+                    chat.messages[messageIndex].role === 'assistant') {
+                    chat.messages.splice(messageIndex, 1);
+                    renderMessages(chat.messages);
+                    
+                    // Resend last user message
+                    const lastUserMessage = chat.messages[chat.messages.length - 1];
+                    if (lastUserMessage && lastUserMessage.role === 'user') {
+                        sendMessage(lastUserMessage.content);
+                    }
+                }
+            } else if (action === 'edit') {
+                // TODO: Implement edit functionality
+                alert('Edit functionality will be implemented here');
+            }
+        }
+
         // Initialize the app
         init();
+
+        // Add delegated event listener for message actions
+        document.addEventListener('click', (e) => {
+            const actionBtn = e.target.closest('.message-action');
+            if (actionBtn) {
+                e.preventDefault();
+                e.stopPropagation();
+                
+                const messageElement = actionBtn.closest('.flex.gap-4');
+                const messageIndex = Array.from(messageElement.parentNode.children).indexOf(messageElement);
+                const action = actionBtn.dataset.action;
+                
+                handleMessageAction(action, messageIndex);
+            }
+        });
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - �� <a href="https://enzostvs-deepsite.hf.space?remix=kokofixcomputers/nexuschat" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>