Disable translate button by default (until loaded)

index.html

@@ -6,8 +6,10 @@
 		<title>Translation in browser using nllb-200-distilled-600M</title>
 		<link rel="stylesheet" href="style.css" />
 		<script type="module">
-			import { pipeline } from 'https://cdn.jsdelivr.net/npm/@xenova/[email protected]';
-			const c = console;
+			import { pipeline, env } from 'https://cdn.jsdelivr.net/npm/@xenova/[email protected]';
+			env.allowLocalModels = false; // Skip check for models hosted locally
+          
+            const c = console;
 			
 			function progress_callback(x) {
 				if (x.status === "done") {
@@ -15,6 +17,8 @@
 				}
 				if (x.status === "ready") {
 					document.getElementById("status").textContent += `\nready 🔥`;
+                  	button.value = "Translate";
+    				button.disabled = false;
 				}
 			}
 			
@@ -281,7 +285,7 @@
 				<option value="zho_Hans">zho_Hans</option>
 			</select>
 
-			<input type="submit" id="submit" value="Translate" />
+			<input type="submit" id="submit" value="Loading..." disabled />
 			
 			<br>
 			<br>
@@ -289,4 +293,4 @@
 		</div>
 		
 	</body>
-</html>
+</html>