Added Groq

views/chat.html

@@ -25,8 +25,4 @@
     </div>
 </div>
 
-<script>
-    function clearTextArea() {
-        document.querySelector('.textarea').value = '';
-    }
-</script>
+<script> function clearTextArea() { setTimeout(function () { document.querySelector('.textarea').value = ''; }, 200); } </script>

views/partials/popover-keys.html

@@ -39,6 +39,16 @@
                                 </span>
                             </p>
                         </div>
+                        <div class="field has-addons">
+                            <p class="control has-icons-left is-expanded">
+                                <input class="input is-small {% if GroqExists %}is-success{% endif %}" type="text"
+                                    placeholder="Groq API key" {%if not IsLogin %}disabled{% endif %} name="groq_key"
+                                    autocomplete="off">
+                                <span class="icon is-small is-left">
+                                    <i class="fas fa-lock"></i>
+                                </span>
+                            </p>
+                        </div>
                         <div class="field has-addons">
                             <p class="control">
                                 <button {% if not IsLogin %}disabled{% endif %} type="submit" class="button is-small">

views/partials/popover-settings.html

@@ -7,9 +7,13 @@
     <div class="dropdown-menu" id="dropdown-menu4" role="menu">
         <div class="dropdown-content">
             <div class="dropdown-item">
-                <a class="button is-small is-info is-outlined" href="/signout">
+                <a class="button is-small is-info is-outlined mb-1" href="/signout">
                     Log out
                 </a>
+                <a class="button is-small is-info is-outlined" href="https://artificialanalysis.ai/models"
+                    target="_blank">
+                    Compare models
+                </a>
             </div>
         </div>
     </div>