Update index.html

index.html

@@ -143,53 +143,44 @@
 
   <script>
     const results = [];
-    const key = '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'; // replace this with your actual key
+   // const key = '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'; // replace this with your actual key
 
     document.getElementById('fileUpload').addEventListener('change', async function () {
-      const file = this.files[0];
-      const fileNameDisplay = document.getElementById('fileName');
-      fileNameDisplay.textContent = file ? file.name : 'No file selected';
-      if (!file) return;
+  const file = this.files[0];
+  if (!file) return;
 
-      const text = await file.text();
-      const prompts = text.split(/\r?\n/).filter(Boolean);
-      document.getElementById('loading').style.display = 'block';
+  // Show file name preview
+  document.getElementById("fileName").textContent = `📂 Selected: ${file.name}`;
 
-      for (const prompt of prompts) {
-        await send(prompt);
-      }
+  const text = await file.text();
+  const prompts = text.split(/\r?\n/).filter(Boolean);
+
+  document.getElementById("loading").style.display = "block"; // show loading
+
+  for (const prompt of prompts) {
+    await send(prompt);
+  }
+
+  document.getElementById("loading").style.display = "none"; // hide loading
+});
 
-      document.getElementById('loading').style.display = 'none';
-    });
 
     async function send(overridePrompt) {
-      const model = document.getElementById("model").value;
-      const prompt = overridePrompt || document.getElementById("prompt").value;
-      if (!prompt) return;
-
-      document.getElementById('loading').style.display = 'block';
-
-      const res = await fetch("https://openrouter.ai/api/v1/chat/completions", {
-        method: "POST",
-        headers: {
-          "Authorization": "Bearer " + key,
-          "Content-Type": "application/json",
-          "HTTP-Referer": "https://huggingface.co/spaces/studycode129/Free_Web_LLM_Tester"
-        },
-        body: JSON.stringify({
-          model,
-          messages: [{ role: "user", content: prompt }],
-          temperature: 0.7
-        })
-      });
+  const model = document.getElementById("model").value;
+  const prompt = overridePrompt || document.getElementById("prompt").value;
 
-      const data = await res.json();
-      const output = data.choices?.[0]?.message?.content || JSON.stringify(data);
-      document.getElementById("response").textContent = output;
+  const res = await fetch("/api/send", {   // 👈 no localhost needed, Hugging Face serves it
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ model, prompt })
+  });
 
-      results.push({ model, prompt, output });
-      document.getElementById('loading').style.display = 'none';
-    }
+  const data = await res.json();
+  const output = data.choices?.[0]?.message?.content || JSON.stringify(data);
+  document.getElementById("response").textContent = output;
+
+  results.push({ model, prompt, output });
+}
 
     function downloadCSV() {
       let csv = "Model,Prompt,Output\n";