Update app.py

app.py

@@ -153,7 +153,6 @@
                             />
                         </div>
                         <button 
-                            onclick="sendMessage()" 
                             id="send-button"
                             class="px-6 py-3 bg-blue-600 hover:bg-blue-700 disabled:bg-gray-600 disabled:cursor-not-allowed rounded-lg transition-colors flex items-center gap-2"
                         >
@@ -218,19 +217,31 @@
 
         function setupEventListeners() {
             // Model selection
-            document.getElementById('model-select').addEventListener('change', function(e) {
-                selectedModel = e.target.value;
-                document.getElementById('model-id').textContent = selectedModel;
-                document.getElementById('current-model-name').textContent = models[selectedModel];
-            });
+            const modelSelect = document.getElementById('model-select');
+            if (modelSelect) {
+                modelSelect.addEventListener('change', function(e) {
+                    selectedModel = e.target.value;
+                    document.getElementById('model-id').textContent = selectedModel;
+                    document.getElementById('current-model-name').textContent = models[selectedModel];
+                });
+            }
 
             // Enter key to send message
-            document.getElementById('message-input').addEventListener('keydown', function(e) {
-                if (e.key === 'Enter' && !e.shiftKey) {
-                    e.preventDefault();
-                    sendMessage();
-                }
-            });
+            const messageInput = document.getElementById('message-input');
+            if (messageInput) {
+                messageInput.addEventListener('keydown', function(e) {
+                    if (e.key === 'Enter' && !e.shiftKey) {
+                        e.preventDefault();
+                        sendMessage();
+                    }
+                });
+            }
+
+            // Send button click
+            const sendButton = document.getElementById('send-button');
+            if (sendButton) {
+                sendButton.addEventListener('click', sendMessage);
+            }
         }
 
         async function sendMessage() {
@@ -411,14 +422,16 @@
             const button = document.getElementById('send-button');
             const input = document.getElementById('message-input');
             
-            if (loading) {
-                button.disabled = true;
-                input.disabled = true;
-                button.innerHTML = '<div class="w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin"></div> Loading...';
-            } else {
-                button.disabled = false;
-                input.disabled = false;
-                button.innerHTML = '<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg> Send';
+            if (button && input) {
+                if (loading) {
+                    button.disabled = true;
+                    input.disabled = true;
+                    button.innerHTML = '<div class="w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin"></div> Loading...';
+                } else {
+                    button.disabled = false;
+                    input.disabled = false;
+                    button.innerHTML = '<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg> Send';
+                }
             }
         }