Upload script.js

frontend/script.js

@@ -20,7 +20,7 @@ document.getElementById("uploadForm").addEventListener("submit", async (e) => {
         const uploadFormData = new FormData();
         uploadFormData.append("file", fileInput.files[0]);
 
-        const uploadResponse = await fetch("http://localhost:8000/upload/", {
+        const uploadResponse = await fetch("/upload/", {
             method: "POST",
             body: uploadFormData,
         });
@@ -37,7 +37,7 @@ document.getElementById("uploadForm").addEventListener("submit", async (e) => {
         visFormData.append("filename", uploadResult.filename);
         visFormData.append("prompt", promptInput.value);
 
-        const visResponse = await fetch("http://localhost:8000/generate-visualization/", {
+        const visResponse = await fetch("/generate-visualization/", {
             method: "POST",
             body: visFormData,
         });
@@ -51,8 +51,7 @@ document.getElementById("uploadForm").addEventListener("submit", async (e) => {
         console.log("🔹 Response from API:", result);
 
         if (result.plot_url) {
-            const fullPlotUrl = `http://localhost:8000${result.plot_url}`;
-            visualizationImage.src = fullPlotUrl;
+            visualizationImage.src = result.plot_url;  // Relative URL works in Spaces
             visualizationImage.onload = () => {
                 visualizationImage.classList.add("loaded");
             };