Add 1 files

index.html

@@ -93,57 +93,47 @@
 </div>
 
 <script>
-// Textarea height adjustment
 function adjustHeight(el) {
     el.style.height = "auto";
     el.style.height = (el.scrollHeight) + "px";
+    console.log("adjustHeight triggered:", el.scrollHeight);
 }
 
-// API call to Hugging Face Space
 async function queryLlamaMaverick(prompt) {
     const API_URL = "https://openfree-llama-4-maverick-17b-research.hf.space/api/predict";
-    
+    console.log("Querying API with prompt:", prompt);
+
     try {
         const response = await fetch(API_URL, {
             method: "POST",
-            headers: {
-                "Content-Type": "application/json"
-            },
-            body: JSON.stringify({
-                data: [prompt]
-            }),
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ data: [prompt] }),
         });
-        
-        if (!response.ok) {
-            throw new Error(`API request failed with status ${response.status}`);
-        }
-        
+        console.log("API response status:", response.status);
+
+        if (!response.ok) throw new Error(`API request failed with status ${response.status}`);
+
         const result = await response.json();
-        
-        // The response structure might need adjustment based on the actual API response
-        if (result.data && result.data.length > 0) {
-            return result.data[0];
-        } else {
-            throw new Error("Unexpected API response format");
-        }
-        
+        console.log("API response JSON:", result);
+
+        if (result.data && result.data.length > 0) return result.data[0];
+        else throw new Error("Unexpected API response format");
+
     } catch (error) {
         console.error("API Error:", error);
         throw error;
     }
 }
 
-// Send message function
 async function sendMessage(message) {
     const chatHistory = document.getElementById('chat-history');
     const typingIndicator = document.getElementById('typing-indicator');
     const submitBtn = document.querySelector('#chat-form button[type="submit"]');
-    
-    // Disable submit button during request
+
+    console.log("Sending message:", message);
     submitBtn.disabled = true;
     submitBtn.classList.add('opacity-50');
-    
-    // Add user message
+
     chatHistory.innerHTML += `<div class="chat-user p-3 rounded">
         <strong class="flex items-center gap-1">
             <span class="bg-blue-500 text-white rounded-full w-6 h-6 flex items-center justify-center">👤</span>
@@ -151,16 +141,12 @@ async function sendMessage(message) {
         </strong> 
         ${message}
     </div>`;
-    
-    // Show typing indicator
+
     typingIndicator.classList.remove('hidden');
     chatHistory.scrollTop = chatHistory.scrollHeight;
-    
+
     try {
-        // Call the API
         const response = await queryLlamaMaverick(message);
-        
-        // Hide typing indicator and show response
         typingIndicator.classList.add('hidden');
         chatHistory.innerHTML += `<div class="chat-ai p-3 rounded">
             <strong class="flex items-center gap-1">
@@ -169,53 +155,51 @@ async function sendMessage(message) {
             </strong> 
             ${response || "Ich konnte keine Antwort generieren."}
         </div>`;
-        
+
     } catch (error) {
-        console.error("Error:", error);
+        console.error("Send Error:", error);
         typingIndicator.classList.add('hidden');
         chatHistory.innerHTML += `<div class="chat-error p-3 rounded">
             <strong class="flex items-center gap-1">
                 <span class="bg-red-500 text-white rounded-full w-6 h-6 flex items-center justify-center">⚠️</span>
                 Fehler:
             </strong> 
-            Entschuldigung, es gab ein Problem bei der Verbindung zum KI-Modell. Bitte versuchen Sie es in einigen Minuten erneut.
+            Entschuldigung, es gab ein Problem bei der Verbindung zum KI-Modell.
             <div class="text-xs mt-1 text-red-600">${error.message || 'Unbekannter Fehler'}</div>
         </div>`;
     } finally {
-        // Re-enable submit button
         submitBtn.disabled = false;
         submitBtn.classList.remove('opacity-50');
         chatHistory.scrollTop = chatHistory.scrollHeight;
     }
 }
 
-// Event listeners
 window.addEventListener('DOMContentLoaded', () => {
     const chatForm = document.getElementById('chat-form');
     const inputEl = document.getElementById('input');
     const clearInputBtn = document.getElementById('clear-input');
     const clearBtn = document.getElementById('clear-btn');
-    
-    // Form submission
+
     chatForm.addEventListener('submit', (e) => {
         e.preventDefault();
         const message = inputEl.value.trim();
+        console.log("Form submitted. Message:", message);
         if (message) {
             sendMessage(message);
             inputEl.value = '';
             adjustHeight(inputEl);
         }
     });
-    
-    // Clear input button
+
     clearInputBtn.addEventListener('click', () => {
+        console.log("Input cleared");
         inputEl.value = '';
         adjustHeight(inputEl);
         inputEl.focus();
     });
-    
-    // Clear chat button
+
     clearBtn.addEventListener('click', () => {
+        console.log("Chat cleared by user");
         if (confirm('Möchten Sie den gesamten Chatverlauf wirklich löschen?')) {
             document.getElementById('chat-history').innerHTML = `<div class="chat-ai p-3 rounded">
                 <strong class="flex items-center gap-1">
@@ -226,19 +210,19 @@ window.addEventListener('DOMContentLoaded', () => {
             </div>`;
         }
     });
-    
-    // Allow Shift+Enter for new lines, Enter to submit
+
     inputEl.addEventListener('keydown', (e) => {
         if (e.key === 'Enter' && !e.shiftKey) {
             e.preventDefault();
+            console.log("Enter pressed. Submitting form.");
             chatForm.dispatchEvent(new Event('submit'));
         }
     });
-    
-    // Focus input on page load
+
     inputEl.focus();
+    console.log("Chat initialized");
 });
 </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=h4sch/m-chat" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
-</html>
+</html>