server : (webui) allow typing and submitting during llm response (#11626)

diff --git a/examples/server/public/index.html.gz b/examples/server/public/index.html.gz
index 3a2529aa2fb84485aa480d3d476e5ef27eab8e27..df3cb1bef96b805742b458d0abf6c9b16826fae8 100644 (file)
Binary files a/examples/server/public/index.html.gz and b/examples/server/public/index.html.gz differ

diff --git a/examples/server/webui/index.html b/examples/server/webui/index.html
index 882570c817989205e80836f1e91b8108ce5c9545..1ad85e739a03eb3d99176f53b239836b40a77933 100644 (file)
--- a/examples/server/webui/index.html
+++ b/examples/server/webui/index.html
@@ -154,7 +154,6 @@
             placeholder="Type a message (Shift+Enter to add a new line)"
             v-model="inputMsg"
             @keydown.enter.exact.prevent="sendMessage"
-            :disabled="isGenerating"
             id="msg-input"
             dir="auto"
           ></textarea>

diff --git a/examples/server/webui/src/main.js b/examples/server/webui/src/main.js
index 90f4ca36802fc10c72ef842bc4d276c5842dff49..bc8a6d80f75249eb1394ec7df7e8ae61eb12031f 100644 (file)
--- a/examples/server/webui/src/main.js
+++ b/examples/server/webui/src/main.js
@@ -469,6 +469,14 @@ const mainApp = createApp({
     },
     async sendMessage() {
       if (!this.inputMsg) return;
+
+      if (this.isGenerating) {
+        this.stopGeneration();
+        while (this.isGenerating) {
+          await new Promise((resolve) => setTimeout(resolve, 10));
+        }
+      }
+
       const currConvId = this.viewingConvId;
 
       StorageUtils.appendMsg(currConvId, {