Lots of fix

Can now add new api key again, and some minor bugs

views/layouts/main.html

@@ -23,7 +23,7 @@
     <script defer src="dependencies/marked.js"></script>
 
     <!--script defer src="wasm_exec.js"></script>
-        <script>
+            <script>
     window.addEventListener('load', function() {
       hljs.highlightAll();
 
@@ -40,6 +40,19 @@
     {{ embed }}
 
     <script>
+        const companyTempMinMaxValues = {
+          'openai': { min: 0, max: 2 },
+          'anthropic': { min: 0, max: 1 },
+          'deepseek': { min: 0, max: 2 },
+          'fireworks': { min: 0, max: 2 },
+          'google': { min: 0, max: 2 },
+          'groq': { min: 0, max: 2 },
+          'mistral': { min: 0, max: 2 },
+          'nim': { min: 0, max: 2 },
+          'perplexity': { min: 0, max: 2 },
+          'together': { min: 0, max: 2 },
+        };
+
         function copyToClipboardCode(button) {
             // Get the code element next to the button
             var codeElement = button.parentElement.nextElementSibling;

views/partials/chat-input.html

@@ -38,6 +38,7 @@
 
 <script>
   var textareaControl = document.getElementById('textarea-control');
+  const textarea = document.getElementById('chat-input-textarea');
 
   // Every 0.01s check if the text area have htmx-request class, if yes, add the class is-loading
   setInterval(function () {
@@ -49,8 +50,10 @@
     } else {
       textareaControl.classList.remove('is-loading');
     }
-    toggleSendButton();
-  }, 10);
+    if (document.getElementById('chat-input-textarea') != null ) {
+      toggleSendButton();
+    }
+  }, 100);
 
   function updateIcons() {
     if (window.innerWidth < 450) {
@@ -90,7 +93,6 @@
     }
   });
 
-  const textarea = document.querySelector('#chat-input-textarea');
   textarea.addEventListener('keydown', handleTextareaKeydown);
 
   document.addEventListener('htmx:afterSwap', toggleSendButton)

views/partials/message-bot.html

@@ -44,7 +44,7 @@
                   </div>
                 {% endif %}
                 <div class="message-body">
-                  <div class="content" style="overflow-x: auto; width: 100%;">{{ message.Content | safe }}</div>
+                  <div class="content" style="overflow: hidden; width: 100%;">{{ message.Content | safe }}</div>
                 </div>
               {% endif %}
             {% endfor %}

views/partials/message-user.html

@@ -14,7 +14,7 @@
           </div>
           <div class="message-body">
             <div class="content"
-                 style="overflow-x: auto;
+                 style="overflow: hidden;
                         width: 100%"
                  id="content-{{ ID }}">{{ Content | safe }}</div>
           </div>

views/partials/popover-models.html

@@ -143,19 +143,6 @@
     </div>
   </div>
   <script>
-        const companyTempMinMaxValues = {
-          'openai': { min: 0, max: 2 },
-          'anthropic': { min: 0, max: 1 },
-          'deepseek': { min: 0, max: 2 },
-          'fireworks': { min: 0, max: 2 },
-          'google': { min: 0, max: 2 },
-          'groq': { min: 0, max: 2 },
-          'mistral': { min: 0, max: 2 },
-          'nim': { min: 0, max: 2 },
-          'perplexity': { min: 0, max: 2 },
-          'together': { min: 0, max: 2 },
-        };
-
         var sortable = new Sortable(document.getElementById('llm-list'), {
             animation: 150,
             onEnd: function (evt) {