fix

views/partials/chat-input.html

@@ -86,7 +86,9 @@
     textarea.addEventListener('keydown', handleTextareaKeydown);
 
     function toggleSendButton() {
-        document.getElementById('chat-input-send-btn').disabled = textarea.value.trim().length === 0 || document.getElementsByClassName('selected icon-llm').length === 0;
+        // check if generate-multiple-messages exists 
+        var generateMultipleMessages = document.getElementById('generate-multiple-messages');
+        document.getElementById('chat-input-send-btn').disabled = textarea.value.trim().length === 0 || document.getElementsByClassName('selected icon-llm').length === 0 || generateMultipleMessages !== null;
     }
 
     function clearTextArea() {

views/partials/explain-llm-conv-chat.html

@@ -1,4 +1,4 @@
-<h2>JADE: The First Multi-Model Chatbot</h2>
+<h1>JADE: The First Multi-Model Chatbot</h1>
 <p>JADE was built with simplicity in mind. The goal is to have a minimalist chatbot that supports all models without
     unnecessary features like importing files or images. This focus on simplicity allows us to improve how we use AI
     chatbots in other ways.</p>
@@ -78,6 +78,7 @@
             <li>llama3-8b-8192</li>
             <li>llama3-70b-8192</li>
             <li>gemma-7b-it</li>
+            <li>mixtral-8x7b-32768</li>
         </ul>
     </li>
     <li>Google:
@@ -88,4 +89,7 @@
         </ul>
     </li>
     <li>Inference Endpoints (More custom to come)</li>
-</ul>
+</ul>
+
+<p>You can contact me at adrien.bouvais.pro@gmail.com if you want to add a new provider or if you have any questions.
+</p>

views/partials/message-bot.html

@@ -73,7 +73,7 @@
             <div class="is-flex is-align-items-start">
                 <div class="message-content" id="content-{{ ConversationAreaId }}"
                     sse-swap="swapContent-{{ ConversationAreaId }}">
-                    <hx hx-trigger="load" hx-get="/generateMultipleMessages"></hx>
+                    <hx hx-trigger="load" hx-get="/generateMultipleMessages" id="generate-multiple-messages"></hx>
                     <div class='message-header'>
                         <p>
                             Waiting...

views/partials/popover-models.html

@@ -28,11 +28,11 @@
                         </span>
                     </button>
                     <div>
-                        <button disabled class="button is-small is-primary mr-2 ml-5">
+                        <!--button disabled class="button is-small is-primary mr-2 ml-5">
                             <span class="icon">
                                 <i class="fa-solid fa-pen"></i>
                             </span>
-                        </button>
+                        </button-->
                         <button class="button is-small is-success is-outlined" id="create-model-button">
                             <span class="icon">
                                 <i class="fa-solid fa-plus"></i>
@@ -48,7 +48,7 @@
                     <div class="select is-fullwidth is-small mb-3" id="model-id-input">
                         <select name="selectedLLMId">
                             {% for modelInfo in ModelInfos %}
-                            <option value="{{ modelInfo.ModelID }}">{{ modelInfo.ModelID }}</option>
+                            <option value="{{ modelInfo.ModelID }}">{{ modelInfo.Name }}</option>
                             {% endfor %}
                             <option value="{% if IsSub %}custom{% else %}none{% endif %}">Inference Endpoints</option>
                         </select>

views/partials/popover-settings.html

@@ -51,8 +51,7 @@
                                 </span>
                             </p>
                         </div>
-                        <div class="field has-addons is-hidden" title="Gemini is unavailable because of Europe"
-                            id="gemini-field">
+                        <div class="field has-addons is-hidden" id="gemini-field">
                             <p class="control has-icons-left is-expanded">
                                 <input class="input is-small {% if GoogleExists %}is-success{% endif %}" type="text"
                                     placeholder="Google API key" name="google_key" autocomplete="off">
@@ -61,6 +60,15 @@
                                 </span>
                             </p>
                         </div>
+                        <div class="field has-addons is-hidden" id="perplexity-field">
+                            <p class="control has-icons-left is-expanded">
+                                <input class="input is-small {% if PerplexityExists %}is-success{% endif %}" type="text"
+                                    placeholder="Perplexity API key" name="perplexity_key" autocomplete="off">
+                                <span class="icon is-small is-left">
+                                    <i class="fas fa-lock"></i>
+                                </span>
+                            </p>
+                        </div>
                         <div class="field has-addons is-hidden" id="goose-field"
                             title="GooseAI chat API will be available soon">
                             <p class="control has-icons-left is-expanded">

views/partials/welcome-chat.html

@@ -1,20 +1,31 @@
 <h1>JADE: The First Multi-Model Chatbot</h1>
-<p>JADE was built with simplicity in mind. The goal is to have a minimalist chatbot that supports all models without
-    unnecessary features like importing files or images. This focus on simplicity allows us to improve how we use AI
-    chatbots in other ways.</p>
+<p>The world of Large Language Models (LLMs) is vast and exciting, with each model boasting unique strengths and
+    weaknesses. However, this variety presents a challenge: using all available LLMs is practically impossible due to
+    cost and complexity. Wouldn't it be incredible to have an easy way to experiment with different models, compare
+    their responses, and even choose the best model for a specific task?</p>
 
-<p>One of my main concerns was the variety of models available, each excelling in different areas. Unfortunately using
-    all of them can be impractical and very expensive.</p>
+<p>This is precisely why JADE was built. With a focus on simplicity, JADE eliminates unnecessary features like file or
+    image uploads, allowing you to seamlessly interact with a variety of LLMs. This streamlined approach unlocks the
+    potential to compare models, leverage their individual strengths, and even mitigate biases through multi-message
+    conversations.</p>
 
 <h2>Multi-Models</h2>
-<p>To address this, I created the first Multi-Model chatbot. The idea is to use multiple models within the same
-    conversation. Here are the key points:</p>
+
+<p>JADE is the first Multi-Model chatbot. The idea is to use multiple models within the same conversation. Here are the
+    key points:</p>
 <ol>
     <li>When asking a question, you can query multiple models and compare their responses to choose the best one.</li>
-    <li>The selected response can be used as the basis for the next message across all models. For example, a response
-        from GPT-4 can be used by Claude Haiku in the next interaction.</li>
+    <li>The selected response can be used as the basis for the next message across all models.</li>
 </ol>
 
+<p>For example, a response from GPT-4 can be used by Claude Haiku in the next interaction</p>
+
+<p>This approach offers several benefits. First, it ensures you always have access to the best possible response by
+    leveraging the strengths of different models. Second, it provides a more comprehensive understanding of a topic by
+    considering various perspectives. Finally, using responses from one model as context for another can lead to more
+    engaging and insightful conversations.</p>
+
+
 <a class="button is-primary mt-2 mb-2" href="/signin">
     Sign in
 </a>