Update static/index.html

static/index.html

@@ -317,28 +317,23 @@
             const welcomeScreen = document.querySelector('.welcome-screen');
             const sendButton = document.getElementById('send-button');
             let currentAudio = null;
-
             const adjustTextareaHeight = () => {
                 messageInput.style.height = 'auto';
                 messageInput.style.height = `${messageInput.scrollHeight}px`;
                 updateSendButtonState();
             };
-
             const updateSendButtonState = () => {
                 const isDisabled = messageInput.value.trim() === '';
                 sendButton.classList.toggle('disabled', isDisabled);
                 sendButton.disabled = isDisabled;
             };
-
             const scrollToBottom = () => {
                 chatArea.scrollTop = chatArea.scrollHeight;
             };
-
             const addMessage = (content, sender, isHTML = false, audioFilename = null) => {
                 welcomeScreen.classList.add('hidden');
                 const messageElement = document.createElement('div');
                 messageElement.classList.add('message', `${sender}-message`);
-
                 const contentDiv = document.createElement('div');
                 if (isHTML) {
                     contentDiv.classList.add(`${sender}-message-content`);
@@ -347,9 +342,8 @@
                     contentDiv.textContent = content;
                 }
                 messageElement.appendChild(contentDiv);
-
                 if (sender === 'ai' && audioFilename) {
-                    // Download button
+                    // Add download button
                     const downloadButton = document.createElement('button');
                     downloadButton.classList.add('download-button');
                     downloadButton.title = "Download audio";
@@ -362,8 +356,7 @@
                         window.location.href = `/download/${audioFilename}`;
                     });
                     messageElement.appendChild(downloadButton);
-
-                    // Play button
+                    // Add play button
                     const playButton = document.createElement('button');
                     playButton.classList.add('audio-button');
                     playButton.dataset.audioUrl = `/static/audio/${audioFilename}`;
@@ -379,16 +372,13 @@
                         playAudio(e.currentTarget, url);
                     });
                     messageElement.appendChild(playButton);
-
-                    // Auto-play first AI audio
+                    // Auto-play audio
                     setTimeout(() => playButton.click(), 300);
                 }
-
                 chatArea.appendChild(messageElement);
                 scrollToBottom();
                 return messageElement;
             };
-
             const showTypingIndicator = () => {
                 const indicatorElement = document.createElement('div');
                 indicatorElement.classList.add('message', 'ai-message', 'typing-indicator');
@@ -397,7 +387,6 @@
                 scrollToBottom();
                 return indicatorElement;
             };
-
             const playAudio = async (buttonElement, audioUrl) => {
                 if (currentAudio) {
                     currentAudio.pause();
@@ -428,7 +417,6 @@
                     buttonElement.disabled = false;
                 }
             };
-
             const getAIResponse = async (userMessage) => {
                 const indicator = showTypingIndicator();
                 try {
@@ -443,8 +431,8 @@
                     }
                     chatArea.removeChild(indicator);
                     addMessage(
-                        data.response_html,
-                        'ai',
+                        data.response_html, 
+                        'ai', 
                         true,
                         data.audio_filename
                     );
@@ -454,7 +442,6 @@
                     console.error("Error:", error);
                 }
             };
-
             chatForm.addEventListener('submit', async (e) => {
                 e.preventDefault();
                 const message = messageInput.value.trim();
@@ -465,14 +452,12 @@
                     await getAIResponse(message);
                 }
             });
-
             messageInput.addEventListener('keydown', (e) => {
                 if (e.key === 'Enter' && !e.shiftKey) {
                     e.preventDefault();
                     chatForm.dispatchEvent(new Event('submit'));
                 }
             });
-
             messageInput.addEventListener('input', adjustTextareaHeight);
             updateSendButtonState();
             messageInput.focus();