fix: invalid parameter handling

index.html

@@ -63,16 +63,16 @@
           <div class="form-group">
             <label for="top_p"
               >Top-p:
-              <span id="top_p-value" class="range-value">0.00</span></label
+              <span id="top_p-value" class="range-value">1.00</span></label
             >
             <input
               type="range"
               id="top_p"
               name="top_p"
-              min="0.0"
+              min="0.01"
               max="1.0"
               step="0.01"
-              value="0.0"
+              value="1.0"
               oninput="document.getElementById('top_p-value').textContent = Number(this.value).toFixed(2)"
             />
           </div>

src/index.js

@@ -45,10 +45,10 @@ engine.setInitProgressCallback(updateEngineInitProgressCallback);
 async function initializeWebLLMEngine() {
   const quantization = document.getElementById("quantization").value;
   const context_window = document.getElementById("context").value;
-  const temperature = document.getElementById("temperature").value;
-  const top_p = document.getElementById("top_p").value;
-  const presence_penalty = document.getElementById("presence_penalty").value;
-  const frequency_penalty = document.getElementById("frequency_penalty").value;
+  const temperature = parseFloat(document.getElementById("temperature").value);
+  const top_p = parseFloat(document.getElementById("top_p").value);
+  const presence_penalty = parseFloat(document.getElementById("presence_penalty").value);
+  const frequency_penalty = parseFloat(document.getElementById("frequency_penalty").value);
 
   document.getElementById("download-status").classList.remove("hidden");
   let selectedModel = `Phi-3.5-mini-instruct-${quantization}_1-MLC`;