Added contact and term btn

views/partials/popover-models.html

@@ -20,9 +20,9 @@
                     {% endfor %}
                 </div>
                 <div class="is-flex is-justify-content-space-between mt-4">
-                    <button class="button is-small is-danger is-outlined" hx-get="/deleteLLM" hx-swap="outerHTML"
+                    <button disabled class="button is-small is-danger" hx-get="/deleteLLM" hx-swap="outerHTML"
                         hx-target="#models-dropdown" hx-confirm="Are you sure?" hx-trigger="click"
-                        hx-vals="js:{selectedLLMIds: getSelectedModelsIDs()}">
+                        hx-vals="js:{selectedLLMIds: getSelectedModelsIDs()}" id="delete-model-button">
                         <span class="icon">
                             <i class="fa-solid fa-trash"></i>
                         </span>
@@ -199,6 +199,14 @@
                 element.classList.toggle('selected');
                 element.classList.toggle('unselected');
             }
+
+            // If at least one model is selected, enable the delete button
+            if (document.getElementsByClassName('selected icon-llm').length > 0) {
+                document.getElementById('delete-model-button').disabled = false;
+            } else {
+                document.getElementById('delete-model-button').disabled = true;
+            }
+
             toggleSendButton();
         }