FILTERING: "\n // Show/hide the \"Clear filters\" button + active-count badge based on\n // whether any filter is set away from its default. Keeps the filter\n // bar honest: empty state shows zero affordances, active state shows\n // exactly how many filters are biting.\n function updateFilterChrome() {\n const typeFilter = document.getElementById('filter-type').value;\n const topicFilter = document.getElementById('filter-topic').value;\n const sortFilter = document.getElementById('filter-sort').value;\n const searchInput = document.getElementById('search-input').value.trim();\n\n let activeCount = 0;\n if (typeFilter !== 'all') activeCount++;\n if (topicFilter !== 'all') activeCount++;\n if (sortFilter !== 'date-desc') activeCount++;\n if (searchInput) activeCount++;\n\n const clearBtn = document.getElementById('clear-filters-btn');\n if (clearBtn) {\n clearBtn.hidden = activeCount === 0;\n }\n const countBadge = document.getElementById('filter-active-count');\n if (countBadge) {\n countBadge.textContent = activeCount > 0 ? '(' + activeCount + ')' : '';\n countBadge.hidden = activeCount === 0;\n }\n }\n\n function clearAllFilters() {\n const typeEl = document.getElementById('filter-type');\n const topicEl = document.getElementById('filter-topic');\n const sortEl = document.getElementById('filter-sort');\n const searchEl = document.getElementById('search-input');\n if (typeEl) typeEl.value = 'all';\n if (topicEl) topicEl.value = 'all';\n if (sortEl) sortEl.value = 'date-desc';\n if (searchEl) searchEl.value = '';\n filterArticles();\n if (searchEl) searchEl.focus();\n }\n" = ...
Filter chrome (button visibility + active-count badge) and reset.