From 35e8a9835281057c0004aa6d13c29b5fcc8d0275 Mon Sep 17 00:00:00 2001
From: Cohee <18619528+Cohee1207@users.noreply.github.com>
Date: Sun, 7 Jan 2024 01:22:43 +0200
Subject: [PATCH] Reorder APIs, add KoboldCpp API hint

---
 public/index.html              | 9 ++++++---
 public/scripts/kai-settings.js | 7 +++++++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/public/index.html b/public/index.html
index 6b2bfaa8b..d19e4dfd5 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1665,11 +1665,11 @@
                 <div class="flex-container flexFlowColumn">
                     <div id="main-API-selector-block">
                         <select id="main_api">
-                            <option value="kobold"><span data-i18n="KoboldAI">KoboldAI Classic</span></option>
-                            <option value="koboldhorde"><span data-i18n="KoboldAI Horde">KoboldAI Horde</span></option>
-                            <option value="novel"><span data-i18n="NovelAI">NovelAI</span></option>
                             <option value="textgenerationwebui"><span data-i18n="Text Completion">Text Completion</span></option>
                             <option value="openai"><span data-i18n="Chat Completion">Chat Completion</span></option>
+                            <option value="novel"><span data-i18n="NovelAI">NovelAI</span></option>
+                            <option value="koboldhorde"><span data-i18n="KoboldAI Horde">KoboldAI Horde</span></option>
+                            <option value="kobold"><span data-i18n="KoboldAI">KoboldAI Classic</span></option>
                         </select>
                     </div>
                     <div id="kobold_horde" style="position: relative;"> <!-- shows the kobold settings -->
@@ -1739,6 +1739,9 @@
                                 <h4 data-i18n="API url">API url</h4>
                                 <small data-i18n="Example: http://127.0.0.1:5000/api ">Example: http://127.0.0.1:5000/api </small>
                                 <input id="api_url_text" name="api_url" class="text_pole" placeholder="http://127.0.0.1:5000/api" maxlength="500" value="" autocomplete="off" data-server-history="kobold">
+                                <div id="koboldcpp_hint" class="neutral_warning displayNone">
+                                    We have a dedicated KoboldCpp support under Text Completion ⇒ KoboldCpp.
+                                </div>
                                 <div class="flex-container">
                                     <div id="api_button" class="api_button menu_button" type="submit" data-i18n="Connect" data-server-connect="kobold">Connect</div>
                                     <div class="api_loading menu_button" data-i18n="Cancel">Cancel</div>
diff --git a/public/scripts/kai-settings.js b/public/scripts/kai-settings.js
index f2f295dc3..b6d6b73b7 100644
--- a/public/scripts/kai-settings.js
+++ b/public/scripts/kai-settings.js
@@ -308,6 +308,11 @@ const sliders = [
     },
 ];
 
+/**
+ * Sets the supported feature flags for the KoboldAI backend.
+ * @param {string} koboldUnitedVersion Kobold United version
+ * @param {string} koboldCppVersion KoboldCPP version
+ */
 export function setKoboldFlags(koboldUnitedVersion, koboldCppVersion) {
     kai_flags.can_use_stop_sequence = versionCompare(koboldUnitedVersion, MIN_STOP_SEQUENCE_VERSION);
     kai_flags.can_use_streaming = versionCompare(koboldCppVersion, MIN_STREAMING_KCPPVERSION);
@@ -316,6 +321,8 @@ export function setKoboldFlags(koboldUnitedVersion, koboldCppVersion) {
     kai_flags.can_use_mirostat = versionCompare(koboldCppVersion, MIN_MIROSTAT_KCPPVERSION);
     kai_flags.can_use_grammar = versionCompare(koboldCppVersion, MIN_GRAMMAR_KCPPVERSION);
     kai_flags.can_use_min_p = versionCompare(koboldCppVersion, MIN_MIN_P_KCPPVERSION);
+    const isKoboldCpp = versionCompare(koboldCppVersion, '1.0.0');
+    $('#koboldcpp_hint').toggleClass('displayNone', !isKoboldCpp);
 }
 
 /**