Update index.html

index.html

@@ -33,9 +33,7 @@
         </div>
     </div>
 
-    <script type="module">
-        import { pipeline, env } from 'https://cdn.jsdelivr.net/npm/@huggingface/transformers@3.0.0';
-
+    <script>
         const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
         
         const status = document.getElementById('status');
@@ -52,15 +50,30 @@
                 unlock();
             } else {
                 status.innerText = "LINKING PC NEURAL CORE...";
+                prog.style.display = 'block'; // Make progress bar visible
                 try {
+                    const { pipeline, env } = await import('https://cdn.jsdelivr.net/npm/@huggingface/transformers@3.0.0');
                     env.allowLocalModels = false;
+                    
+                    // Added progress callback so PC doesn't look frozen during download
                     generator = await pipeline('text-generation', 'onnx-community/Qwen2.5-0.5B-Instruct', {
-                        dtype: 'q4', device: 'webgpu'
+                        dtype: 'q4', 
+                        device: 'webgpu',
+                        progress_callback: (data) => {
+                            if (data.status === 'progress') {
+                                prog.value = data.progress;
+                                status.innerText = `DOWNLOADING NEURAL WEIGHTS: ${Math.round(data.progress)}%`;
+                            } else if (data.status === 'ready') {
+                                status.innerText = "SUPREME CORE: ONLINE (PC)";
+                                unlock();
+                            }
+                        }
                     });
+                    
                     status.innerText = "SUPREME CORE: ONLINE (PC)";
                     unlock();
                 } catch (err) {
-                    status.innerText = "SUPREME CORE: ONLINE (MOBILE BRIDGE)";
+                    status.innerText = "SUPREME CORE: ONLINE (CLOUD FALLBACK)";
                     unlock();
                 }
             }
@@ -80,7 +93,6 @@
             input.value = '';
             input.disabled = true;
             btn.disabled = true;
-            status.innerText = "STREAMING...";
 
             const botMsgDiv = document.createElement('div');
             botMsgDiv.className = 'msg bot';
@@ -89,30 +101,53 @@
 
             try {
                 if (isMobile || !generator) {
-                    // ZERO-TOKEN STRATEGY
-                    // Points to the public Inference API. When hosted on HF Spaces, 
-                    // some models allow connection without a token if origin is verified.
+                    status.innerText = "STREAMING FROM CLOUD...";
+                    
+                    // Zero Token Method (No auth header, standard fetch to bypass mobile Safari dropping streams)
                     const response = await fetch("https://api-inference.huggingface.co/models/Qwen/Qwen2.5-7B-Instruct", {
                         method: "POST",
-                        headers: { "Content-Type": "application/json" },
+                        headers: { 
+                            "Content-Type": "application/json" 
+                        },
                         body: JSON.stringify({ 
-                            inputs: val,
-                            parameters: { max_new_tokens: 500, wait_for_model: true } 
+                            inputs: "<|im_start|>user\n" + val + "<|im_end|>\n<|im_start|>assistant\n",
+                            parameters: { max_new_tokens: 500, return_full_text: false } 
                         })
                     });
 
                     if (!response.ok) {
-                        throw new Error("SECURE LINK REQUIRED. Use the 'Split Token' method if this fails.");
+                        const errText = await response.text();
+                        throw new Error(`HTTP ${response.status} - Open Interface Blocked.`);
                     }
 
                     const data = await response.json();
-                    const reply = data[0]?.generated_text || "LINK STABLE - NO DATA.";
-                    botMsgDiv.innerText = reply;
+                    let reply = "";
+                    if (Array.isArray(data) && data[0].generated_text) {
+                        reply = data[0].generated_text;
+                    } else if (data.generated_text) {
+                        reply = data.generated_text;
+                    } else {
+                        reply = "LINK STABLE - NO DATA RECEIVED.";
+                    }
+                    botMsgDiv.innerText = reply.trim();
+                    
                 } else {
+                    // Update status so you know PC isn't frozen while it thinks
+                    status.innerText = "GENERATING LOCALLY (MAY TAKE A MOMENT)...";
                     const out = await generator([{role: "user", content: val}], { max_new_tokens: 500 });
-                    botMsgDiv.innerText = out[0].generated_text[out[0].generated_text.length - 1].content;
+                    
+                    // Properly parse the V3 Transformers format
+                    if (Array.isArray(out) && Array.isArray(out[0].generated_text)) {
+                        const msgs = out[0].generated_text;
+                        botMsgDiv.innerText = msgs[msgs.length - 1].content;
+                    } else if (Array.isArray(out) && out[0].generated_text) {
+                        botMsgDiv.innerText = out[0].generated_text;
+                    } else {
+                        botMsgDiv.innerText = "CORE SYNTAX ERROR.";
+                    }
                 }
             } catch (err) {
+                console.error("Transmission Error:", err);
                 botMsgDiv.innerText = `CORE STUTTER: ${err.message}`;
             }
 
@@ -132,6 +167,7 @@
 
         btn.onclick = talk;
         input.onkeypress = (e) => { if (e.key === 'Enter') talk(); };
+        
         init();
     </script>
 </body>