additional tag edditing functionality. and delete by tag. added import tuning options to settings

app/static/js/modal-pagination.js

@@ -115,6 +115,14 @@ document.addEventListener('DOMContentLoaded', () => {
     autocompleteSelectedIndex = -1;
   }
 
+  function positionAutocomplete() {
+    if (!tagAutocomplete || !tagInput) return;
+    const rect = tagInput.getBoundingClientRect();
+    tagAutocomplete.style.top = `${rect.bottom + 4}px`;
+    tagAutocomplete.style.left = `${rect.left}px`;
+    tagAutocomplete.style.width = `${rect.width}px`;
+  }
+
   function renderAutocomplete(tags) {
     if (!tagAutocomplete) return;
     autocompleteItems = tags;
@@ -122,6 +130,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
     if (tags.length === 0) {
       tagAutocomplete.innerHTML = '<div class="tag-autocomplete-empty">No matching tags</div>';
+      positionAutocomplete();
       tagAutocomplete.classList.add('active');
       return;
     }
@@ -134,6 +143,7 @@ document.addEventListener('DOMContentLoaded', () => {
         <span class="tag-kind">${t.kind || 'user'}</span>
       </div>`;
     }).join('');
+    positionAutocomplete();
     tagAutocomplete.classList.add('active');
   }
 
@@ -214,9 +224,11 @@ document.addEventListener('DOMContentLoaded', () => {
     });
   }
 
-  // Click on autocomplete item
+  // Click on autocomplete item - use mousedown to fire before blur
   if (tagAutocomplete) {
-    tagAutocomplete.addEventListener('click', (e) => {
+    tagAutocomplete.addEventListener('mousedown', (e) => {
+      e.preventDefault(); // Prevent blur from firing
+      e.stopPropagation();
       const item = e.target.closest('.tag-autocomplete-item');
       if (!item) return;
       const name = item.dataset.name;