Update generation.html

generation.html

@@ -393,7 +393,16 @@
         }
     
         resultContainer.innerHTML = ""; // Clear old results
-    
+
+        // 4. Create single spinner in first position
+        let spinnerWrapper = document.createElement("div");
+        spinnerWrapper.className = "m-2 flex justify-center items-center";
+        const spinner = document.createElement("div");
+        spinner.className = "spinner"; // CSS circular spinner
+        spinnerWrapper.appendChild(spinner);
+        resultContainer.appendChild(spinnerWrapper);
+
+        
         // 1. Convert current image to base64
         const imageBlob = await fetch(currentImageUrl).then(r => r.blob());
         const base64Data = await toBase64(imageBlob);
@@ -426,14 +435,6 @@
         if (!searchResp.ok) throw new Error("Search failed");
         const result = await searchResp.json();
     
-        // 4. Create single spinner in first position
-        let spinnerWrapper = document.createElement("div");
-        spinnerWrapper.className = "m-2 flex justify-center items-center";
-        const spinner = document.createElement("div");
-        spinner.className = "spinner"; // CSS circular spinner
-        spinnerWrapper.appendChild(spinner);
-        resultContainer.appendChild(spinnerWrapper);
-    
         // 5. Process results sequentially
         for (const r of result.results) {
           try {