Update static/index.html

static/index.html

@@ -288,8 +288,8 @@
         <main class="chat-area">
             <div class="welcome-screen">
                 <h2>Welcome to Athspi!</h2>
-                <p>Hello! I'm your AI assistant Athspi powered by Gemini. Ask me anything - I can explain concepts, generate ideas, or help with coding!</p>
-                <p>You can request audio responses by saying things like: <em>"Give me the answer in audio"</em> or <em>"Speak the response"</em></p>
+                <p>Hello! I'm your friendly AI assistant powered by Gemini. Ask me anything - stories, explanations, or coding help!</p>
+                <p>For audio responses, try: <em>"Tell me a bedtime story with audio"</em></p>
             </div>
         </main>
 
@@ -329,7 +329,7 @@
                 chatArea.scrollTop = chatArea.scrollHeight;
             };
 
-            const addMessage = (content, sender, isHTML = false, plainText = '', audioUrl = null) => {
+            const addMessage = (content, sender, isHTML = false, audioUrl = null) => {
                 welcomeScreen.classList.add('hidden');
                 
                 const messageElement = document.createElement('div');
@@ -344,30 +344,25 @@
                 }
                 messageElement.appendChild(contentDiv);
 
-                if (sender === 'ai') {
-                    // Add audio button if audio is available or if response starts with 🔊
-                    const shouldShowAudio = audioUrl || content.startsWith("🔊");
-                    const audioText = plainText || content;
+                if (sender === 'ai' && audioUrl) {
+                    const audioButton = document.createElement('button');
+                    audioButton.classList.add('audio-button');
+                    audioButton.dataset.audioUrl = audioUrl;
+                    audioButton.innerHTML = `
+                        <svg class="speaker-icon" viewBox="0 0 24 24">
+                            <path d="M3 10v4c0 .55.45 1 1 1h3.5l5.5 5V5L7.5 9H4c-.55 0-1 .45-1 1zm14 0h-1.5c-2.31 0-4.22-1.74-4.47-4H10v12h1.5v-2.22c.25-2.26 2.16-4.22 4.47-4.22H17c1.1 0 2 .9 2 2s-.9 2-2 2h-1.5v2H17c2.21 0 4-1.79 4-4s-1.79-4-4-4z"/>
+                        </svg>
+                        <div class="loader"></div>
+                    `;
+                    audioButton.title = "Listen to response";
+                    audioButton.addEventListener('click', (e) => {
+                        const url = e.currentTarget.dataset.audioUrl;
+                        playAudio(e.currentTarget, url);
+                    });
+                    messageElement.appendChild(audioButton);
                     
-                    if (shouldShowAudio) {
-                        const audioButton = document.createElement('button');
-                        audioButton.classList.add('audio-button');
-                        audioButton.dataset.audioUrl = audioUrl;
-                        audioButton.dataset.plainText = audioText.replace(/^🔊\s*/, '');
-                        audioButton.innerHTML = `
-                            <svg class="speaker-icon" viewBox="0 0 24 24">
-                                <path d="M3 10v4c0 .55.45 1 1 1h3.5l5.5 5V5L7.5 9H4c-.55 0-1 .45-1 1zm14 0h-1.5c-2.31 0-4.22-1.74-4.47-4H10v12h1.5v-2.22c.25-2.26 2.16-4.22 4.47-4.22H17c1.1 0 2 .9 2 2s-.9 2-2 2h-1.5v2H17c2.21 0 4-1.79 4-4s-1.79-4-4-4z"/>
-                            </svg>
-                            <div class="loader"></div>
-                        `;
-                        audioButton.title = "Listen to response";
-                        audioButton.addEventListener('click', (e) => {
-                            const url = e.currentTarget.dataset.audioUrl;
-                            const text = e.currentTarget.dataset.plainText;
-                            playAudio(e.currentTarget, url, text);
-                        });
-                        messageElement.appendChild(audioButton);
-                    }
+                    // Auto-play audio
+                    setTimeout(() => audioButton.click(), 300);
                 }
                 
                 chatArea.appendChild(messageElement);
@@ -384,7 +379,7 @@
                 return indicatorElement;
             };
 
-            const playAudio = async (buttonElement, audioUrl, text) => {
+            const playAudio = async (buttonElement, audioUrl) => {
                 if (currentAudio) {
                     currentAudio.pause();
                     currentAudio.currentTime = 0;
@@ -395,20 +390,6 @@
                 buttonElement.disabled = true;
 
                 try {
-                    // If we don't have a URL but have text, generate audio first
-                    if (!audioUrl && text) {
-                        const response = await fetch('/generate-audio', {
-                            method: 'POST',
-                            headers: { 'Content-Type': 'application/json' },
-                            body: JSON.stringify({ text: text })
-                        });
-                        
-                        const data = await response.json();
-                        if (data.error) throw new Error(data.error);
-                        audioUrl = data.audio_url;
-                        buttonElement.dataset.audioUrl = audioUrl;
-                    }
-
                     if (!audioUrl) throw new Error("No audio available");
 
                     currentAudio = new Audio(audioUrl);
@@ -455,19 +436,10 @@
                     addMessage(
                         data.response_html, 
                         'ai', 
-                        true, 
-                        data.response_text,
+                        true,
                         data.audio_url
                     );
                     
-                    // Auto-play audio if response starts with 🔊
-                    if (data.response_text.startsWith("🔊")) {
-                        const audioBtn = document.querySelector('.ai-message:last-child .audio-button');
-                        if (audioBtn) {
-                            setTimeout(() => audioBtn.click(), 500);
-                        }
-                    }
-                    
                 } catch (error) {
                     chatArea.removeChild(indicator);
                     addMessage("Sorry, I encountered an error. Please try again.", 'ai');