Update index.html

index.html

@@ -20,6 +20,10 @@
             <h2>Generated Text:</h2>
             <p id="generatedText"></p>
         </div>
+        <div id="debugContainer">
+            <h2>Debug Information:</h2>
+            <pre id="debugOutput"></pre>
+        </div>
     </div>
 
     <script>
@@ -31,12 +35,17 @@
                 generateText(prompt);
             }
         });
+
         function generateText(prompt) {
             const apiUrl = 'https://aringad-test.hf.space/run';
             const requestData = {
                 prompt: prompt,
                 model: 'OpenBuddy/openbuddy-llama3-8b-v21.1-8k'
             };
+
+            // Display request data in the debug output
+            document.getElementById('debugOutput').textContent = 'Request Data:\n' + JSON.stringify(requestData, null, 2);
+
             fetch(apiUrl, {
                 method: 'POST',
                 headers: {
@@ -44,14 +53,23 @@
                 },
                 body: JSON.stringify(requestData)
             })
-            .then(response => response.json())
+            .then(response => {
+                // Display response status and headers in the debug output
+                document.getElementById('debugOutput').textContent += '\n\nResponse Status: ' + response.status;
+                document.getElementById('debugOutput').textContent += '\nResponse Headers:\n' + JSON.stringify(Object.fromEntries(response.headers), null, 2);
+                return response.json();
+            })
             .then(data => {
+                // Display response data in the debug output
+                document.getElementById('debugOutput').textContent += '\n\nResponse Data:\n' + JSON.stringify(data, null, 2);
                 const generatedText = data.output;
                 document.getElementById('generatedText').textContent = generatedText;
                 document.getElementById('resultContainer').style.display = 'block';
             })
             .catch(error => {
                 console.error('Error:', error);
+                // Display error in the debug output
+                document.getElementById('debugOutput').textContent += '\n\nError:\n' + error.message;
                 alert('An error occurred while generating text.');
             });
         }