Update index.html

index.html

@@ -59,11 +59,8 @@
     Tip: first load downloads the model; later loads are much faster thanks to browser cache.
   </div>
 
-  <!-- Load UMD bundle (no ESM/dynamic import).
-       If jsDelivr is blocked, try unpkg:
-       https://unpkg.com/@xenova/transformers@3.0.0/dist/transformers.min.js
-  -->
-  <script src="https://cdn.jsdelivr.net/npm/@xenova/transformers@3.0.0/dist/transformers.min.js"></script>
+  <!-- Use unpkg CDN (jsDelivr failed in your Space) -->
+  <script src="https://unpkg.com/@xenova/transformers@3.0.0/dist/transformers.min.js"></script>
 
   <script>
     // Grab DOM elements
@@ -76,15 +73,15 @@
     const bar  = document.getElementById("loadProgress");
     const txt  = document.getElementById("progressText");
 
-    // Show UI immediately
+    // Enable button right away
     btn.disabled = false;
     btn.value = "Translate";
 
-    // Transformers.js UMD exposes window.transformers
+    // Transformers.js UMD bundle
     const tf = window.transformers;
     if (!tf) {
       document.body.insertAdjacentHTML('beforeend',
-        '<p style="color:#b00">Failed to load Transformers.js. Check CDN/network.</p>');
+        '<p style="color:#b00">❌ Failed to load Transformers.js. Check CDN/network.</p>');
     }
 
     let translator = null;
@@ -113,22 +110,19 @@
         const { pipeline, env } = tf;
         env.useBrowserCache = true;
         env.allowLocalModels = false;
-        // WASM fallback uses threads; harmless if WebGPU available
         env.backends.onnx.wasm.numThreads = Math.max(4, Math.min(8, navigator.hardwareConcurrency || 4));
 
         translator = await pipeline("translation", "Xenova/nllb-200-distilled-600M", {
           device: (navigator.gpu ? "webgpu" : "wasm"),
           progress_callback: progressCallback
-          // If you hit issues with quant hints, you can add:
-          // dtype: { encoder_model: "q8", decoder_model_merged: "q8" },
         });
 
-        txt.textContent = "Model ready ✔";
+        txt.textContent = "✅ Model ready";
         bar.max = 1; bar.value = 1;
         return translator;
       } catch (e) {
         console.error(e);
-        txt.textContent = "Error loading model — see console.";
+        txt.textContent = "❌ Error loading model — see console.";
         throw e;
       }
     }
@@ -143,7 +137,7 @@
         const res = await t(text, { src_lang: srcEl.value, tgt_lang: tgtEl.value, max_length: 128 });
         out.value = res?.[0]?.translation_text || "(no output)";
       } catch (e) {
-        out.value = "Translation failed. See console for details.";
+        out.value = "❌ Translation failed. See console.";
       } finally {
         btn.disabled = false; btn.value = prev;
       }