fix

views/partials/popover-models.html

@@ -118,14 +118,14 @@
     });
 
     document.addEventListener('keydown', function (event) {
-        if (event.key === 'Shift' && document.activeElement.id !== 'chat-input-textarea' && document.getElementById('models-creation').classList.contains('is-hidden')) {
+        if (event.key === 'Shift' && document.activeElement.id !== 'chat-input-textarea' && document.getElementById('models-creation').classList.contains('is-hidden') && document.getElementById('models-dropdown').classList.contains('is-active')) {
             document.body.classList.add('shift-pressed');
         }
     });
 
     document.addEventListener('keyup', function (event) {
         // If Shift is press and id="chat-input-textarea" not focused
-        if (event.key === 'Shift' && document.activeElement.id !== 'chat-input-textarea' && document.getElementById('models-creation').classList.contains('is-hidden')) {
+        if (event.key === 'Shift' && document.activeElement.id !== 'chat-input-textarea' && document.getElementById('models-creation').classList.contains('is-hidden') && document.getElementById('models-dropdown').classList.contains('is-active')) {
             document.body.classList.remove('shift-pressed');
             lastSelectedIndex = null;
 

views/partials/popover-settings.html

@@ -92,6 +92,14 @@
                     </form>
                     <p id="api-keys-status"></p>
                 </div>
+                {% if IsSub %}
+                <a class="button is-small mt-1" href="/subscribe">
+                    <span class="icon is-small" style="color: #b00202">
+                        <i class="fa-solid fa-heart"></i>
+                    </span>
+                    <span>Manage subscription</span>
+                </a>
+                {% else %}
                 <a class="button is-small mt-1" hx-get="/pricingTable" hx-target="#chat-container" hx-swap="outerHTML"
                     hx-trigger="click">
                     <span class="icon is-small">
@@ -99,6 +107,7 @@
                     </span>
                     <span>Subscribe to JADE</span>
                 </a>
+                {% endif %}
                 <a class="button is-small mt-1" href="/signout">
                     <span class="icon is-small">
                         <i class="fa-solid fa-right-from-bracket"></i>

views/partials/popover-usage.html

@@ -9,7 +9,7 @@
         <div class="dropdown-content">
             <div class="dropdown-item">
                 <!-- Placeholder for additional text -->
-                <div class="content" style="max-height: 50vh; overflow-y: auto;">
+                <div class="content" style="max-height: 30vh; overflow-y: auto;">
                     <table class="table is-narrow is-fullwidth is-striped">
                         <tbody>
                             {% for usage in usages %}