fix: block bulk delete when selected sessions are hidden by filter

src/frontend/app.js

@@ -1266,11 +1266,34 @@ function updateBulkBar() {
   if (selectedIds.size > 0) {
     bar.style.display = 'flex';
     document.getElementById('bulkCount').textContent = selectedIds.size + ' selected';
+
+    // Warn if some selected sessions are hidden by the current filter
+    var visibleIds = new Set((filteredSessions || []).map(function(s) { return s.id; }));
+    var hiddenCount = 0;
+    selectedIds.forEach(function(id) { if (!visibleIds.has(id)) hiddenCount++; });
+    var warning = document.getElementById('bulkHiddenWarning');
+    var deleteBtn = document.getElementById('bulkDeleteBtn');
+    if (hiddenCount > 0) {
+      document.getElementById('bulkHiddenCount').textContent = hiddenCount;
+      if (warning) warning.style.display = 'inline';
+      if (deleteBtn) { deleteBtn.disabled = true; deleteBtn.title = 'Clear or deselect hidden sessions first'; }
+    } else {
+      if (warning) warning.style.display = 'none';
+      if (deleteBtn) { deleteBtn.disabled = false; deleteBtn.title = ''; }
+    }
   } else {
     bar.style.display = 'none';
   }
 }
 
+function clearHiddenSelections(event) {
+  if (event) event.preventDefault();
+  var visibleIds = new Set((filteredSessions || []).map(function(s) { return s.id; }));
+  selectedIds.forEach(function(id) { if (!visibleIds.has(id)) selectedIds.delete(id); });
+  updateBulkBar();
+  render();
+}
+
 function clearSelection() {
   selectedIds.clear();
   selectMode = false;

src/frontend/index.html

@@ -173,7 +173,8 @@ <h3 id="confirmTitle">Delete Session?</h3>
 
 <div class="bulk-bar" id="bulkBar" style="display:none">
     <span id="bulkCount">0 selected</span>
-    <button class="launch-btn btn-delete" onclick="bulkDelete()">Delete Selected</button>
+    <span id="bulkHiddenWarning" class="bulk-hidden-warning" style="display:none">⚠ <span id="bulkHiddenCount"></span> hidden by filter — <a href="#" onclick="clearHiddenSelections(event)">deselect hidden</a></span>
+    <button class="launch-btn btn-delete" id="bulkDeleteBtn" onclick="bulkDelete()">Delete Selected</button>
     <button class="launch-btn btn-secondary" onclick="clearSelection()">Cancel</button>
 </div>
 

src/frontend/styles.css

@@ -1062,6 +1062,22 @@ body {
     border-color: var(--accent-red);
 }
 .bulk-bar button.bulk-delete:hover { opacity: 0.85; }
+.bulk-bar button:disabled { opacity: 0.4; cursor: not-allowed; }
+.bulk-bar button:disabled:hover { opacity: 0.4; }
+
+.bulk-hidden-warning {
+    font-size: 12px;
+    color: #f5a623;
+    display: flex;
+    align-items: center;
+    gap: 4px;
+}
+.bulk-hidden-warning a {
+    color: #f5a623;
+    text-decoration: underline;
+    cursor: pointer;
+}
+.bulk-hidden-warning a:hover { opacity: 0.8; }
 
 [data-theme="light"] .bulk-bar {
     background: rgba(245,245,247,0.88);