Filter suspend/resume: badge toggle, auto-pause on folder search nav

Navigation fix:
- Folder search results now call suspendFilter('auto') instead of
  clearFilter() — the filter config is preserved and can be re-applied

Filter badge toggle:
- Clicking the amber badge suspends (manual) or resumes the filter
- × button permanently clears as before
- 'auto' suspend (navigation): badge blinks via CSS animation to remind
  the user the filter is paused
- 'manual' suspend: badge dimmed but solid (user explicitly turned off)
- Filter state (suspended/config) saved and restored per tab

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: ozgesolidkey

src/renderer/index.html

@@ -681,12 +681,12 @@ <h2>LOGAN</h2>
         <span id="status-file">No file</span>
         <span class="status-separator">|</span>
         <span id="status-lines">0 lines</span>
-        <span id="status-filtered" class="status-filter-badge hidden" title="A filter is active — click to clear">
+        <span id="status-filtered" class="status-filter-badge hidden" title="Filter active — click to pause">
           <span class="status-filter-icon">⊘</span>
-          <span>Filtered:</span>
+          <span class="status-filter-label">Filtered:</span>
           <span id="filtered-count">0</span>
-          <span>lines</span>
-          <button id="btn-status-clear-filter" class="status-filter-clear" title="Clear filter">×</button>
+          <span class="status-filter-lines-word">lines</span>
+          <button id="btn-status-clear-filter" class="status-filter-clear" title="Clear filter completely">×</button>
         </span>
       </div>
       <div class="status-center">

src/renderer/renderer.ts

@@ -218,6 +218,9 @@ interface TabState {
   filteredLineNumbers: number[] | null;
   activeLevelFilter: string | null;
   appliedFilterSuggestion: { id: string; title: string } | null;
+  // Filter suspension — config preserved, view temporarily shows all lines
+  lastFilterConfig: FilterConfig | null;
+  filterSuspended: 'auto' | 'manual' | null; // 'auto'=navigation triggered, 'manual'=user toggled
 }
 
 // Per-connection state for Live panel
@@ -249,6 +252,8 @@ interface AppState {
   isFiltered: boolean;
   activeLevelFilter: string | null;
   appliedFilterSuggestion: { id: string; title: string } | null;
+  lastFilterConfig: FilterConfig | null;
+  filterSuspended: 'auto' | 'manual' | null;
   searchResults: SearchResult[];
   currentSearchIndex: number;
   hiddenSearchMatches: HiddenMatch[];
@@ -326,6 +331,8 @@ const state: AppState = {
   isFiltered: false,
   activeLevelFilter: null,
   appliedFilterSuggestion: null,
+  lastFilterConfig: null,
+  filterSuspended: null,
   searchResults: [],
   currentSearchIndex: -1,
   hiddenSearchMatches: [],
@@ -4759,18 +4766,18 @@ function renderFolderSearchResults(pattern: string, cancelled?: boolean): void {
 
       const absLine = match.lineNumber - 1; // ripgrep is 1-based → 0-based
 
-      // Same file already open in current tab — just clear filter and navigate
+      // Same file already open in current tab — suspend filter and navigate
       if (match.filePath === state.filePath) {
-        if (state.isFiltered) await clearFilter();
+        if (state.isFiltered) await suspendFilter('auto');
         await navigateTo(absLine);
         return;
       }
 
-      // File open in another tab — switch to it, clear any restored filter, navigate
+      // File open in another tab — switch to it, suspend any restored filter, navigate
       const existingTab = findTabByFilePath(match.filePath);
       if (existingTab) {
         await switchToTab(existingTab.id);
-        if (state.isFiltered) await clearFilter();
+        if (state.isFiltered) await suspendFilter('auto');
         await navigateTo(absLine);
         return;
       }
@@ -10514,6 +10521,8 @@ async function applyFilter(providedConfig?: FilterConfig): Promise<void> {
       state.isFiltered = true;
       state.filteredLines = result.stats.filteredLines;
       state.filteredLineNumbers = result.filteredLineNumbers ?? null;
+      state.lastFilterConfig = config;   // remember for suspension/resume
+      state.filterSuspended = null;      // filter is now actively applied
       cachedLines.clear();
 
       // Reset scroll to top of filtered view
@@ -10541,9 +10550,10 @@ async function clearFilter(): Promise<void> {
   state.filteredLineNumbers = null;
   state.activeLevelFilter = null;
   state.appliedFilterSuggestion = null;
+  state.lastFilterConfig = null;
+  state.filterSuspended = null;
   cachedLines.clear();
 
-  // Clear backend filter state
   await window.api.clearFilter();
 
   hideFilterModal();
@@ -10552,6 +10562,30 @@ async function clearFilter(): Promise<void> {
   updateLevelBadgeStyles();
 }
 
+// Suspend: keep config, temporarily show unfiltered view.
+// reason='auto' (navigation) → badge blinks; reason='manual' → badge solid.
+async function suspendFilter(reason: 'auto' | 'manual' = 'auto'): Promise<void> {
+  if (!state.isFiltered) return;
+  state.filterSuspended = reason;
+  state.isFiltered = false;
+  state.filteredLines = null;
+  state.filteredLineNumbers = null;
+  state.activeLevelFilter = null;
+  cachedLines.clear();
+
+  await window.api.clearFilter();
+  await loadVisibleLines();
+  updateStatusBar();
+  updateLevelBadgeStyles();
+}
+
+// Resume: re-apply the saved config from before suspension.
+async function resumeFilter(): Promise<void> {
+  if (!state.lastFilterConfig) return;
+  state.filterSuspended = null;
+  await applyFilter(state.lastFilterConfig);
+}
+
 async function applyQuickLevelFilter(level: string): Promise<void> {
   if (!state.analysisResult) return;
 
@@ -10577,6 +10611,8 @@ async function applyQuickLevelFilter(level: string): Promise<void> {
       state.filteredLines = result.stats.filteredLines;
       state.filteredLineNumbers = result.filteredLineNumbers ?? null;
       state.activeLevelFilter = level;
+      state.lastFilterConfig = config;
+      state.filterSuspended = null;
       cachedLines.clear();
 
       // Reset scroll to top of filtered view
@@ -12183,17 +12219,35 @@ function updateStatusBar(): void {
     elements.statusLines.textContent = `${state.totalLines.toLocaleString()} lines`;
     elements.statusSize.textContent = formatBytes(state.fileStats?.size || 0);
 
+    const badge = elements.statusFiltered;
     if (state.isFiltered && state.filteredLines !== null) {
-      elements.statusFiltered.classList.remove('hidden');
+      // Active filter
+      badge.classList.remove('hidden', 'suspended', 'suspended-auto', 'suspended-manual');
+      badge.title = 'Filter active — click to pause, × to clear';
       elements.filteredCount.textContent = state.filteredLines.toLocaleString();
+      const label = badge.querySelector('.status-filter-label') as HTMLElement | null;
+      if (label) label.textContent = 'Filtered:';
+    } else if (state.filterSuspended && state.lastFilterConfig) {
+      // Suspended filter — show badge with different state
+      badge.classList.remove('hidden');
+      badge.classList.remove('suspended-auto', 'suspended-manual');
+      badge.classList.add('suspended', `suspended-${state.filterSuspended}`);
+      badge.title = state.filterSuspended === 'auto'
+        ? 'Filter paused (navigated to line) — click to re-enable'
+        : 'Filter paused — click to re-enable';
+      elements.filteredCount.textContent = '';
+      const label = badge.querySelector('.status-filter-label') as HTMLElement | null;
+      if (label) label.textContent = 'Filter paused';
     } else {
-      elements.statusFiltered.classList.add('hidden');
+      badge.classList.add('hidden');
+      badge.classList.remove('suspended', 'suspended-auto', 'suspended-manual');
     }
   } else {
     elements.statusFile.textContent = 'No file';
     elements.statusLines.textContent = '0 lines';
     elements.statusSize.textContent = '0 B';
     elements.statusFiltered.classList.add('hidden');
+    elements.statusFiltered.classList.remove('suspended', 'suspended-auto', 'suspended-manual');
   }
 }
 
@@ -14097,6 +14151,15 @@ function init(): void {
   elements.btnFilter.addEventListener('click', showFilterModal);
   elements.btnApplyFilter.addEventListener('click', () => applyFilter());
   elements.btnClearFilter.addEventListener('click', clearFilter);
+  // Badge body click = toggle suspend/resume; × button = permanent clear
+  elements.statusFiltered.addEventListener('click', async (e) => {
+    if ((e.target as HTMLElement).id === 'btn-status-clear-filter') return;
+    if (state.isFiltered) {
+      await suspendFilter('manual');
+    } else if (state.filterSuspended && state.lastFilterConfig) {
+      await resumeFilter();
+    }
+  });
   document.getElementById('btn-status-clear-filter')?.addEventListener('click', clearFilter);
   elements.btnAddIncludePattern.addEventListener('click', () => addIncludePatternRow());
 
@@ -14660,6 +14723,8 @@ function saveCurrentTabState(): void {
     filteredLineNumbers: state.filteredLineNumbers,
     activeLevelFilter: state.activeLevelFilter,
     appliedFilterSuggestion: state.appliedFilterSuggestion,
+    lastFilterConfig: state.lastFilterConfig,
+    filterSuspended: state.filterSuspended,
   };
 }
 
@@ -14686,6 +14751,8 @@ function restoreTabState(tab: TabState): void {
   state.filteredLineNumbers = tab.filteredLineNumbers;
   state.activeLevelFilter = tab.activeLevelFilter;
   state.appliedFilterSuggestion = tab.appliedFilterSuggestion;
+  state.lastFilterConfig = tab.lastFilterConfig;
+  state.filterSuspended = tab.filterSuspended;
 
   // Restore cached lines
   cachedLines.clear();
@@ -14732,6 +14799,8 @@ function createTab(filePath: string): TabState {
     filteredLineNumbers: null,
     activeLevelFilter: null,
     appliedFilterSuggestion: null,
+    lastFilterConfig: null,
+    filterSuspended: null,
   };
   return tab;
 }

src/renderer/styles.css

@@ -2586,7 +2586,11 @@ body.platform-darwin .titlebar {
   color: rgba(255, 255, 255, 0.5);
 }
 
-/* Filter active badge in status bar */
+/* Filter active/paused badge in status bar */
+@keyframes filter-badge-blink {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.35; }
+}
 .status-filter-badge {
   display: inline-flex;
   align-items: center;
@@ -2598,21 +2602,33 @@ body.platform-darwin .titlebar {
   padding: 1px 6px 1px 5px;
   font-size: 11px;
   font-weight: 500;
-  cursor: default;
+  cursor: pointer;
+  user-select: none;
 }
 .status-filter-badge.hidden { display: none; }
+.status-filter-badge:hover { background: rgba(255, 184, 64, 0.26); }
+/* Suspended manually — dimmed, solid */
+.status-filter-badge.suspended {
+  background: rgba(255, 184, 64, 0.07);
+  border-color: rgba(255, 184, 64, 0.22);
+  color: rgba(255, 184, 64, 0.55);
+}
+/* Suspended by auto-navigation — blinks as a reminder */
+.status-filter-badge.suspended-auto {
+  animation: filter-badge-blink 1.4s ease-in-out infinite;
+}
 .status-filter-icon { font-size: 10px; opacity: 0.8; }
 .status-filter-clear {
   background: none;
   border: none;
-  color: #ffb840;
+  color: inherit;
   cursor: pointer;
   font-size: 13px;
   line-height: 1;
   padding: 0 0 0 2px;
   opacity: 0.7;
 }
-.status-filter-clear:hover { opacity: 1; }
+.status-filter-clear:hover { opacity: 1; color: var(--error-color, #e88080) !important; }
 
 .progress-container {
   display: flex;