Update app.py

app.py

@@ -106,15 +106,21 @@ async function runDemo() {
         })
         .catch(error => {
           console.error("Error initializing LlmInference:", error);
-          errorMessageDiv.textContent = `Failed to initialize the task due to WebGPU limitations.  Details: ${error} <br><br>` +
+          errorMessageDiv.innerHTML = `Failed to initialize the task due to WebGPU limitations.  Details: ${error} <br><br>` +
                                         `**Troubleshooting Steps:**<br>` +
-                                        `- **Ensure you are using a WebGPU-compatible browser:** Chrome or Edge (latest versions recommended).<br>` +
-                                        `- **Update your browser to the latest version.**<br>` +
-                                        `- **Update your GPU drivers to the latest version.** Visit NVIDIA, AMD, or Intel websites.<br>` +
-                                        `- **Restart your computer.**<br>` +
-                                        `- **Try a different WebGPU-compatible browser (Chrome or Edge).**<br>` +
-                                        `- **Check if WebGPU is enabled in your browser settings/flags.**<br>` +
-                                        `- **Your GPU or browser may have limitations for running this specific LLM model in WebGPU.**`;
+                                        `1. **Verify WebGPU Support:**<br>` +
+                                        `   - **Browser:** Use **Google Chrome** or **Microsoft Edge (latest versions).**<br>` +
+                                        `   - **Check chrome://gpu (or edge://gpu):**  In your browser address bar, type  \`chrome://gpu\` (or \`edge://gpu\`) and press Enter. Look for "WebGPU" section. <br>` +
+                                        `     - **Status:** Should say "Hardware accelerated". If disabled or "Software only", WebGPU is not working correctly.<br>` +
+                                        `     - **maxStorageBufferBindingSize:** Verify the reported value. If it's very low, your GPU/browser might be too limited.<br>` +
+                                        `   - **Enable WebGPU Flags (if needed):** In chrome://flags (or edge://flags), search for "WebGPU" and try enabling flags like \`#enable-unsafe-webgpu\` and restart browser.<br><br>` +
+                                        `2. **Update Browser and GPU Drivers:**<br>` +
+                                        `   - **Browser:** Update Chrome/Edge to the latest version.<br>` +
+                                        `   - **GPU Drivers:**  Download and install the latest drivers from NVIDIA, AMD, or Intel websites for your specific GPU and operating system. **Restart your computer after driver install.**<br><br>` +
+                                        `3. **Restart Your Computer:** A simple restart can resolve temporary issues.<br><br>` +
+                                        `4. **Try a Different Browser/Computer:** Test with a different WebGPU-compatible browser (Chrome/Edge) or on a different computer with a more capable GPU if possible.<br><br>` +
+                                        `5. **Check GPU Compatibility:**  Older or very low-end GPUs might have limited WebGPU support.<br><br>` +
+                                        `If the issue persists after these steps, your GPU or browser may have inherent limitations for running this LLM demo in WebGPU.`;
           submit.disabled = true;
           submit.value = 'Failed to load model';
         });