From 1c3ab205d033cb79ae391e36b450d98c00d1d73d Mon Sep 17 00:00:00 2001
From: Yazan Agha-Schrader <astronautist@icloud.com>
Date: Wed, 12 Jul 2023 05:10:22 +0200
Subject: [PATCH] add top-k to web ui

---
 examples/server/public/index.html | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/examples/server/public/index.html b/examples/server/public/index.html
index 8ace0b0affe58..50fb14b8b2c7d 100644
--- a/examples/server/public/index.html
+++ b/examples/server/public/index.html
@@ -264,6 +264,7 @@
       const updateSession = (el) => session.value = { ...session.value, [el.target.name]: el.target.value }
       const updateParams = (el) => params.value = { ...params.value, [el.target.name]: el.target.value }
       const updateParamsFloat = (el) => params.value = { ...params.value, [el.target.name]: parseFloat(el.target.value) }
+      const updateParamsInt = (el) => params.value = { ...params.value, [el.target.name]: parseInt(el.target.value, 10) }
 
       return html`
         <form>
@@ -299,6 +300,12 @@
               <span>${params.value.temperature}</span>
             </div>
 
+            <div>
+              <label for="top-k">Top-K</label>
+              <input type="range" id="top-k" min="1" max="100" step="1" name="top_k" value="${params.value.top_k}" oninput=${updateParamsInt} />
+              <span>${params.value.top_k}</span>
+            </div>
+
             <div>
               <label for="nPredict">Predictions</label>
               <input type="range" id="nPredict" min="1" max="2048" step="1" name="n_predict" value="${params.value.n_predict}" oninput=${updateParamsFloat} />