BUMP: v3.2.7 Category Filters + Quick Block Hover Cross + Mobile 3 Dot UI & Quick Cross Block Support

Author: varshneydevansh

.gitignore

@@ -38,6 +38,7 @@ collab_on_homepage.html
 collab_in_playlist_mix.html
 WHITELIST_background.js
 WHITELIST_content.js
+yt_kids_latest.json
 YT_KIDS.json
 YT_MAIN_NEXT_RESPONSE_COMMENT.json
 YT_MAIN_next?prettyPrint.json

CHANGELOG.md

@@ -1,5 +1,32 @@
 # Changelog
 
+## Version 3.2.7
+
+### Category Filters + Quick Block Hover Cross
+
+- **Quick Block default ON (one-time migration)**: `showQuickBlockButton` now defaults to enabled in v3.2.7, while still allowing users to disable it anytime.
+- **Safe migration behavior**: Added a one-time migration marker (`quickBlockDefaultV327Applied`) so this default is applied once and not re-forced on future updates.
+- **Quick block card action hardening**: Improved card anchoring and hover lifecycle so the quick cross stays visible on complex YouTube surfaces.
+- **Search/Home Shorts hover retention fix**: Pointer tracking now retains hover state while the pointer remains inside host/anchor bounds, reducing cross disappearance under overlay layers.
+
+### Blocking Stability Fixes
+
+- **Comment block isolation**: Comment-origin block actions are now context-isolated from watch/playlist card logic.
+- **Playlist autoplay regression fix**: Blocking from comment menus no longer triggers unintended playlist row hide/next-video transitions.
+- **Context-safe identity path**: Comment-origin actions skip video-card prefetch/identity merge paths that could leak currently-playing card identity.
+
+### Release Notes + What’s New
+
+- **v3.2.7 release note refreshed** in `data/release_notes.json` with short, feature-first highlights.
+
+### Documentation Updates
+
+- Updated quick-block behavior and reliability notes in:
+  - `docs/FUNCTIONALITY.md`
+  - `docs/ARCHITECTURE.md`
+  - `docs/CODEMAP.md`
+- Added README feature note for the quick block cross and updated badge/version metadata.
+
 ## Version 3.2.6
 
 ### UI/UX Beautification & Content-Based Filtering
@@ -422,4 +449,4 @@
 - Implemented channel blocking.
 
 ## Version 1.0.0
-- Initial release.
+- Initial release.

README.md

@@ -2,21 +2,11 @@
   <img src="https://github.com/varshneydevansh/FilterTube/blob/master/icons/icon-128.png" alt="FilterTube Icon">
   <h1>FilterTube</h1>
   <p>Peace of Mind for your Digital Space</p>
+  
+  [![Ask DeepWiki](https://deepwiki.com/badge.svg)](https://deepwiki.com/varshneydevansh/FilterTube) ![Version](https://img.shields.io/badge/version-3.2.7-blue.svg) ![License](https://img.shields.io/badge/license-MIT-green.svg) ![Lines of Code](https://img.shields.io/badge/total%20lines-68.0k-brightgreen.svg) ![JavaScript LoC](https://img.shields.io/badge/javascript-44.8k%20lines-yellow.svg) ![Top Language](https://img.shields.io/github/languages/top/varshneydevansh/FilterTube?color=f1e05a) ![Repo Size](https://img.shields.io/github/repo-size/varshneydevansh/FilterTube?color=orange)
+  
 </div>
 
-[![Ask DeepWiki](https://deepwiki.com/badge.svg)](https://deepwiki.com/varshneydevansh/FilterTube)
-
-[![Ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/filtertube)
-
-![Version](https://img.shields.io/badge/version-3.2.6-blue.svg)
-![License](https://img.shields.io/badge/license-MIT-green.svg)
-![Lines of Code](https://img.shields.io/badge/total%20lines-61.6k-brightgreen.svg)
-![JavaScript LoC](https://img.shields.io/badge/javascript-38.9k%20lines-yellow.svg)
-![Top Language](https://img.shields.io/badge/language-JavaScript-f1e05a.svg)
-![Repo Size](https://img.shields.io/github/repo-size/varshneydevansh/FilterTube?color=orange)
-
-[![Top Languages](https://github-readme-stats.vercel.app/api/top-langs/?username=varshneydevansh&repo=FilterTube&layout=compact&theme=default&hide_border=true)](https://github.com/varshneydevansh/FilterTube)
-
 ## Overview
 
 FilterTube is a browser extension that gives you control over your YouTube feed. Filter videos, shorts, channels, and comments using keywords and smart rules—all processing happens privately on your device.
@@ -30,6 +20,7 @@ FilterTube is a browser extension that gives you control over your YouTube feed.
 - **Hide Shorts**: Optional toggle to remove every Shorts shelf and player hand-off.
 - **Smart Matching**: Choose partial or whole-word matching to stay strict or flexible.
 - **Shelf & Playlist Cleanup**: Refilters shelves and playlists so blocked creators stay gone even after navigation.
+- **Quick Block Cross (v3.2.7)**: One-tap hover cross on cards to block instantly (enabled by default, can be disabled).
 - **Content-Based Filters (v3.2.6)**: 
   - Filter by video duration (longer/shorter/between specific lengths)
   - Filter by upload date (newer/older/between specific dates)
@@ -231,7 +222,7 @@ FilterTube uses a robust hybrid blocking mechanism for YouTube Shorts.
 
 Found a bug or have a feature request? [Open an issue on GitHub](https://github.com/varshneydevansh/FilterTube/issues).
 
-Want to support the project? You can donate on Ko-fi: [ko-fi.com/filtertube](https://ko-fi.com/filtertube)
+Want to support the project? You can donate on Ko-fi:     [![Ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/filtertube)
 
 ## License
 

build.js

@@ -51,6 +51,9 @@ main().catch(err => {
 });
 
 async function main() {
+    console.log('\n📊 Updating README badges with latest stats...');
+    await updateReadmeBadges(VERSION);
+
     // Clean and create dist directory
     // Only clean if we are building everything, otherwise we wipe previous specific builds
     if (!targetBrowser && fs.existsSync('dist')) {
@@ -193,10 +196,6 @@ async function maybePromptRelease(version, zipPaths) {
         return;
     }
 
-    // Update README badges with latest LoC stats
-    console.log('\n📊 Updating README badges with latest stats...');
-    await updateReadmeBadges(version);
-
     const token = process.env.GITHUB_TOKEN;
     if (!token) {
         console.error('❌ GITHUB_TOKEN is not set; cannot publish release.');
@@ -493,4 +492,4 @@ async function updateReadmeBadges(version) {
     } catch (err) {
         console.warn('⚠️  Failed to update README badges:', err.message);
     }
-}
+}

css/components.css

@@ -855,6 +855,22 @@ html[data-theme="dark"] input:checked+.slider:before {
     background-color: white;
 }
 
+.ft-kids-sub-toggle-row {
+    padding-left: 12px;
+    border-left: 3px solid rgba(168, 85, 247, 0.55);
+    background: rgba(168, 85, 247, 0.06);
+}
+
+html[data-theme="dark"] .ft-kids-sub-toggle-row {
+    border-left-color: rgba(216, 180, 254, 0.55);
+    background: rgba(168, 85, 247, 0.12);
+}
+
+.ft-kids-sub-toggle-row .toggle-title {
+    color: var(--ft-color-text-secondary);
+    font-size: 13px;
+}
+
 
 /* --- Lists (Keywords/Channels) --- */
 .advanced-list {

css/popup.css

@@ -895,6 +895,13 @@ html[data-theme="dark"] .stat-card {
     color: var(--ft-color-text-primary);
 }
 
+.ft-topbar-list-mode .exact-toggle {
+    font-size: 11px;
+    line-height: 1;
+    padding: 6px 10px;
+    white-space: nowrap;
+}
+
 .video-filter-range {
     display: flex;
     align-items: center;
@@ -925,7 +932,76 @@ html[data-theme="dark"] .stat-card {
     border-radius: 10px;
     padding: 6px 10px;
     font-size: 12px;
+}
+
+.video-filters-manage:hover {
+    border-color: var(--ft-color-primary);
+    color: var(--ft-color-primary);
+}
+
+.ft-category-options {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    max-height: 240px;
+    overflow: auto;
+    padding-right: 4px;
+}
+
+.ft-category-pill {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    padding: 6px 12px;
+    border-radius: 99px;
+    border: 1px solid var(--ft-category-color-border, var(--ft-color-sem-neutral-border));
+    background: var(--ft-category-color-bg, var(--ft-color-bg-surface));
+    color: var(--ft-color-text-secondary);
     cursor: pointer;
+    font-size: 12px;
+    font-weight: 500;
+    transition: all 0.2s;
+    user-select: none;
+    text-align: left;
+    min-height: 32px;
+}
+
+.ft-category-pill:hover {
+    border-color: var(--ft-category-color, var(--ft-color-brand-primary));
+    background: var(--ft-category-color-bg-active, var(--ft-color-bg-surface));
+}
+
+.ft-category-pill.active,
+.ft-category-pill[aria-pressed="true"] {
+    background: var(--ft-category-color-bg-active, rgba(255, 241, 242, 0.9));
+    border-color: var(--ft-category-color, var(--ft-color-brand-primary));
+    color: var(--ft-color-text-primary);
+}
+
+.ft-category-pill:focus-visible {
+    outline: 2px solid var(--ft-category-color, var(--ft-color-brand-primary));
+    outline-offset: 2px;
+}
+
+.ft-category-swatch {
+    width: 10px;
+    height: 10px;
+    border-radius: 999px;
+    background: var(--ft-category-color, var(--ft-color-brand-primary));
+    border: 1px solid rgba(0, 0, 0, 0.12);
+    flex: 0 0 auto;
+}
+
+.ft-category-label {
+    font-size: 11px;
+    font-weight: 600;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: var(--ft-color-text-primary);
+}
+
+html[data-theme="dark"] .ft-category-pill {
+    background: var(--ft-color-bg-elevated);
 }
 
 .video-filters-manage:hover {

css/tab-view.css

@@ -1846,6 +1846,117 @@ html[data-theme="dark"] .video-filter-conditions-row {
     background: transparent;
 }
 
+/* Category Filters Section Styles */
+.category-filters-section {
+    margin-top: 20px;
+    border-top: 1px solid var(--ft-color-sem-neutral-border);
+}
+
+.category-filters-section .content-control-group__header {
+    padding: 12px 16px;
+    background: transparent;
+}
+
+.category-filters-section .content-control-group__title {
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--ft-color-text-primary);
+}
+
+.ft-category-controls {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.ft-category-controls .select-input {
+    min-width: 170px;
+}
+
+.ft-category-controls .ft-select-menu .ft-select-trigger {
+    min-width: 180px;
+    width: 210px;
+    padding: 6px 10px;
+}
+
+.ft-category-panel {
+    display: none;
+    padding: 12px 16px 16px;
+}
+
+.ft-category-search {
+    margin-bottom: 10px;
+}
+
+.ft-category-options {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    max-height: 260px;
+    overflow: auto;
+    padding-right: 4px;
+}
+
+.ft-category-pill {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    padding: 6px 12px;
+    border-radius: 99px;
+    border: 1px solid var(--ft-category-color-border, var(--ft-color-sem-neutral-border));
+    background: var(--ft-category-color-bg, var(--ft-color-bg-surface));
+    color: var(--ft-color-text-secondary);
+    cursor: pointer;
+    font-size: 12px;
+    font-weight: 500;
+    transition: all 0.2s;
+    user-select: none;
+    text-align: left;
+    min-height: 32px;
+}
+
+.ft-category-pill:hover {
+    border-color: var(--ft-category-color, var(--ft-color-brand-primary));
+    background: var(--ft-category-color-bg-active, var(--ft-color-bg-surface));
+}
+
+.ft-category-pill.active,
+.ft-category-pill[aria-pressed="true"] {
+    background: var(--ft-category-color-bg-active, rgba(255, 241, 242, 0.9));
+    border-color: var(--ft-category-color, var(--ft-color-brand-primary));
+    color: var(--ft-color-text-primary);
+}
+
+.ft-category-pill:focus-visible {
+    outline: 2px solid var(--ft-category-color, var(--ft-color-brand-primary));
+    outline-offset: 2px;
+}
+
+.ft-category-swatch {
+    width: 10px;
+    height: 10px;
+    border-radius: 999px;
+    background: var(--ft-category-color, var(--ft-color-brand-primary));
+    border: 1px solid rgba(0, 0, 0, 0.12);
+    flex: 0 0 auto;
+}
+
+.ft-category-label {
+    font-size: 11px;
+    font-weight: 600;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: var(--ft-color-text-primary);
+}
+
+html[data-theme="dark"] .ft-category-option {
+    background: var(--ft-color-bg-elevated);
+}
+
+html[data-theme="dark"] .ft-category-pill {
+    background: var(--ft-color-bg-elevated);
+}
+
 html[data-theme="dark"] .video-filter-compact-label,
 html[data-theme="dark"] .video-filter-compact-text {
     color: var(--ft-color-text-secondary-dark);

data/release_notes.json

@@ -2,6 +2,18 @@
   {
     "_comment": "Shared release notes source for the dashboard What's New tab and the YouTube release banner. Keep entries sorted newest-first by version."
   },
+  {
+    "version": "3.2.7",
+    "headline": "Category Filters + Quick Block Hover Cross + Mobile 3 Dot UI & Quick Cross Block Support",
+    "summary": "New category filtering, one-tap quick cross block enabled by default",
+    "bannerSummary": "Use new category filters and quick cross block from card hover; and better support for YT Mobile blocking.",
+    "highlights": [
+      "Category Filtering: Block or allow videos by YouTube category (Music, Gaming, Education, etc.)",
+      "Quick Cross Block Default ON: `Show Quick Cross Block button` is enabled by default in v3.2.7 (users can still disable it)",
+      "Mobile Blocking: Better support for YT Mobile blocking for 3 Dot UI & Quick Cross Block currently working on Home Page"
+    ],
+    "detailsUrl": "https://github.com/varshneydevansh/FilterTube/releases/tag/v3.2.7"
+  },
   {
     "version": "3.2.6",
     "headline": "UI/UX Beautification & Content-Based Filtering",
@@ -229,4 +241,4 @@
     ],
     "detailsUrl": "https://github.com/varshneydevansh/FilterTube/commit/076baa2ecb14a3e8f5bdf420caa1af7096548f15"
   }
-]
+]