Update index.html

index.html

@@ -1302,14 +1302,15 @@
         /* --- Premium Message Layout Overhaul --- */
         .message-actions {
             display: flex;
-            gap: 8px;
-            margin-top: 12px;
-            opacity: 0.4;
-            transition: opacity 0.3s ease;
+            gap: 10px;
+            margin-top: 14px;
+            opacity: 0.8; /* Increased default visibility */
+            transition: all 0.2s ease;
         }
 
         .message:hover .message-actions {
             opacity: 1;
+            transform: translateY(-2px);
         }
 
         .action-icon-btn {
@@ -1337,9 +1338,29 @@
             transform: scale(0.95);
         }
 
-        .action-icon-btn i {
-            width: 14px;
-            height: 14px;
+        .action-icon-btn i, .action-icon-btn svg, 
+        .action-btn i, .action-btn svg, 
+        .send-button i, .send-button svg, 
+        .stop-button i, .stop-button svg {
+            display: block !important;
+            width: 18px !important;
+            height: 18px !important;
+            stroke-width: 2.5px !important;
+        }
+
+        .send-button svg, .stop-button svg, .send-button i, .stop-button i {
+            color: white !important;
+            stroke: white !important;
+        }
+
+        .action-btn svg, .action-btn i {
+            color: var(--text-secondary) !important;
+            stroke: var(--text-secondary) !important;
+        }
+
+        .action-btn:hover svg, .action-btn:hover i {
+            color: var(--text-primary) !important;
+            stroke: var(--text-primary) !important;
         }
 
         /* Consistent Blinking Emoji Logo */
@@ -5991,7 +6012,7 @@
             messageDiv.appendChild(messageContent);
             chatHistory.appendChild(messageDiv);
             
-            if (window.lucide) lucide.createIcons();
+            refreshIcons();
 
             if (type === 'ai' && isStreaming) {
                 typeWordByWord(content, messageContent);
@@ -6259,6 +6280,10 @@
                     const badge = (toolsUsed.includes('search')) ? '<div class="compiled-search-badge"><i data-lucide="brain"></i> Synthesized Research Report</div>' : '';
                     aiContentEl.innerHTML = badge + marked.parse(fullResponse);
                     
+                    // Add actions immediately after content is parsed
+                    addMessageActions(aiContentEl, fullResponse);
+                    refreshIcons();
+                    
                     // If backend used video tool, call video API and append to message
                     if (toolsUsed.includes('video')) {
                         const videoContainer = document.createElement('div');
@@ -6354,9 +6379,8 @@
                         if (window.lucide) lucide.createIcons();
                     }
 
-                    addMessageActions(aiContentEl, fullResponse);
                     addMessageToConversation(currentConversationId, fullResponse, 'ai');
-                    if (window.lucide) lucide.createIcons({ attrs: { 'stroke-width': 2 } });
+                    if (window.lucide) lucide.createIcons({ attrs: { 'stroke-width': 2.5 } });
                 }
 
             } catch (e) {
@@ -7370,6 +7394,17 @@
             renderConversations();
         }
 
+        function refreshIcons() {
+            if (typeof lucide !== 'undefined') {
+                lucide.createIcons({
+                    attrs: {
+                        'stroke-width': 2.5,
+                        'class': 'lucide-icon'
+                    }
+                });
+            }
+        }
+
         async function init() {
             // Assign Selectors
             sidebar = document.getElementById('sidebar');
@@ -7460,6 +7495,8 @@
             } else {
                 startNewChat();
             }
+
+            refreshIcons();
         }
 
         // --- SPA Routing Logic ---
@@ -7918,9 +7955,9 @@
                 copyBtn.innerHTML = '<i data-lucide="check"></i>';
                 setTimeout(() => {
                     copyBtn.innerHTML = originalContent;
-                    if (window.lucide) lucide.createIcons();
+                    refreshIcons();
                 }, 2000);
-                if (window.lucide) lucide.createIcons();
+                refreshIcons();
             };
 
             // Like Button
@@ -7972,7 +8009,7 @@
                         speakBtn.style.display = 'flex';
                         stopBtn.style.display = 'none';
                         stopBtn.classList.remove('speaking-stop');
-                        if (window.lucide) lucide.createIcons();
+                        refreshIcons();
                     }
                 });
             };
@@ -7982,7 +8019,7 @@
                 speakBtn.style.display = 'flex';
                 stopBtn.style.display = 'none';
                 stopBtn.classList.remove('speaking-stop');
-                if (window.lucide) lucide.createIcons();
+                refreshIcons();
             };
 
             // Export Button
@@ -8502,7 +8539,7 @@
                 setTimeout(typeEffect, 1000);
                 setTimeout(triggerLightning, 3000);
 
-                if (typeof lucide !== 'undefined') lucide.createIcons();
+                refreshIcons();
                 
                 // 4. Server Check
                 fetch('/api/chat', {