feat(auth): robust hybrid YakNet SSO architecture with zero shadow DOM duplicate buttons v1.4.14

.gitignore

@@ -1,4 +1,4 @@
 node_modules/
+docs/
 *.log
 .DS_Store
-dist/

.npmignore

@@ -0,0 +1,4 @@
+docs/
+*.log
+.git
+.github

client.js

@@ -1,4 +1,5 @@
-(function () {
+try {
+  (function () {
     if (window.__YAKTUBE_ENGINE_LOADED__) return;
     window.__YAKTUBE_ENGINE_LOADED__ = true;
     console.log('[YakTube] YakNet SSO, Custom Branding, A11y & On-Demand Engine Active');
@@ -287,7 +288,7 @@
         var liveWidget = headerRight.querySelector('#yaknet-header-account-widget');
 
         if (isAuth) {
-        // Logged In: Show YakNet Profile Menu, Hide default login link
+          // 1. AUTHENTICATED: Hide native login link, Show YakNet Account Profile Menu
           if (defaultLoginLink) {
             defaultLoginLink.style.display = 'none';
             defaultLoginLink.setAttribute('aria-hidden', 'true');
@@ -332,6 +333,16 @@
           } else {
             var el = liveWidget.querySelector('yaknet-account');
             if (el) {
+              if (el.getAttribute('authenticated') !== 'true' || el.getAttribute('user-name') !== displayName) {
+                el.setAttribute('authenticated', 'true');
+                el.setAttribute('user-name', displayName);
+                el.setAttribute('user-email', emailStr);
+                if (typeof el.syncStateFromAttributes === 'function') {
+                  el.syncStateFromAttributes();
+                  el.render();
+                }
+              }
+
               if (el.shadowRoot) {
                 var shadowLogoutBtn =
                   el.shadowRoot.getElementById('logoutBtn') ||
@@ -350,23 +361,16 @@
                   );
                 }
               }
-
-            if (el.getAttribute('authenticated') !== 'true' || el.getAttribute('user-name') !== displayName) {
-              el.setAttribute('authenticated', 'true');
-              el.setAttribute('user-name', displayName);
-              el.setAttribute('user-email', emailStr);
-              if (typeof el.syncStateFromAttributes === 'function') {
-                el.syncStateFromAttributes();
-                el.render();
-              }
-            }
             }
           }
         } else {
-        // Not Logged In: Remove YakNet widget to eliminate duplicate button, keep PeerTube native login button clean
+          // 2. GUEST / NOT LOGGED IN:
+          // A. Physically remove any <yaknet-account> widget from DOM to guarantee zero shadow DOM duplicate buttons
           if (liveWidget) {
             liveWidget.remove();
           }
+
+          // B. Ensure PeerTube's native login link is the ONLY single accessible login element
           if (defaultLoginLink) {
             defaultLoginLink.style.display = '';
             defaultLoginLink.removeAttribute('aria-hidden');
@@ -375,7 +379,7 @@
               defaultLoginLink.tagName.toLowerCase() === 'a' ? defaultLoginLink : defaultLoginLink.querySelector('a');
             if (loginAnchor) {
               loginAnchor.setAttribute('aria-label', 'YakNet ile Giriş Yap');
-            loginAnchor.setAttribute('title', 'YakNet Hesabınız ile Giriş Yapın');
+              loginAnchor.setAttribute('title', 'YakNet ile Giriş Yap');
               var spanText = loginAnchor.querySelector('span');
               if (spanText) {
                 spanText.textContent = 'YakNet ile Giriş Yap';
@@ -443,7 +447,9 @@
         if (containerToHide && !isLocalLogin) {
           var subElements = Array.from(loginCard.children).filter(function (el) {
             return (
-            el.id !== 'yaknet-login-section' && !el.classList.contains('title') && !el.classList.contains('page-title')
+              el.id !== 'yaknet-login-section' &&
+              !el.classList.contains('title') &&
+              !el.classList.contains('page-title')
             );
           });
 
@@ -481,6 +487,35 @@
 
       injectYakNetSSO();
 
+      // Replace all login buttons labels and titles
+      document
+        .querySelectorAll(
+          'my-login-link, a[href*="/login"], a[title*="Giriş sayfasına git"], [aria-label*="Giriş sayfasına git"]'
+        )
+        .forEach(function (el) {
+          if (el.getAttribute('title') && el.getAttribute('title').includes('Giriş sayfasına git')) {
+            el.setAttribute('title', 'YakNet ile Giriş Yap');
+          }
+          if (el.getAttribute('aria-label') && el.getAttribute('aria-label').includes('Giriş sayfasına git')) {
+            el.setAttribute('aria-label', 'YakNet ile Giriş Yap');
+          }
+          var anchor = el.tagName.toLowerCase() === 'a' ? el : el.querySelector('a');
+          if (anchor) {
+            anchor.setAttribute('title', 'YakNet ile Giriş Yap');
+            anchor.setAttribute('aria-label', 'YakNet ile Giriş Yap');
+            var spans = anchor.querySelectorAll('span');
+            spans.forEach(function (s) {
+              if (
+                s.textContent.includes('Giriş sayfasına git') ||
+                s.textContent.trim() === 'Giriş' ||
+                s.textContent.trim() === 'Giriş yap'
+              ) {
+                s.textContent = 'YakNet ile Giriş Yap';
+              }
+            });
+          }
+        });
+
       // Aggressively remove generic Framasoft Open-in-App / Play Store banners
       var genericAppBanners = document.querySelectorAll(
         'my-open-app, my-client-app-banner, .open-app-container, .app-banner, [class*="open-app"], [class*="open-in-app"], .mobile-app-banner, my-open-in-app, .app-promotion, a[href*="play.google.com/store/apps/details?id=app.joinpeertube"], a[href*="f-droid.org"]'
@@ -519,7 +554,8 @@
               .replace(/PeerTube hakkında/gi, 'YakTube Hakkında')
               .replace(/PeerTube'a katılın/gi, "YakTube'a Katılın")
               .replace(/PeerTube örneği/gi, 'YakTube Sunucusu')
-            .replace(/PeerTube/g, 'YakTube');
+              .replace(/PeerTube/g, 'YakTube')
+              .replace(/Giriş sayfasına git/gi, 'YakNet ile Giriş Yap');
           }
         }
       }
@@ -639,7 +675,9 @@
         if (!alt || alt.trim() === '') {
           var card = img.closest('.video-miniature, .video-card, .yaktube-card, [class*="miniature"]');
           if (card) {
-          var titleEl = card.querySelector('.video-miniature-name, .video-name, .yaktube-video-name, h3, h4, a[title]');
+            var titleEl = card.querySelector(
+              '.video-miniature-name, .video-name, .yaktube-video-name, h3, h4, a[title]'
+            );
             var titleText = titleEl ? (titleEl.textContent || titleEl.getAttribute('title') || '').trim() : '';
             if (titleText) {
               img.setAttribute('alt', titleText + ' video kapağı');
@@ -1469,7 +1507,10 @@
                 if (sData.isImporting) {
                   showModal('[1/2] 📥 Video İndiriliyor...', 'Video sunucuya indiriliyor (' + attempts * 2 + ' sn)...');
                 } else if (sData.isTranscoding) {
-                showModal('[2/2] ⚙️ Oynatıcı Hazırlanıyor...', 'Video işleniyor ve yüksek kalite akış hazırlanıyor...');
+                  showModal(
+                    '[2/2] ⚙️ Oynatıcı Hazırlanıyor...',
+                    'Video işleniyor ve yüksek kalite akış hazırlanıyor...'
+                  );
                 }
 
                 if (sData.isPublished || (sData.hasFiles && attempts >= 8)) {
@@ -1793,6 +1834,145 @@
     var activeVoiceRec = null;
     var isVoiceListening = false;
 
+    // Dynamic Search History & Trending Helpers
+    function getRecentSearches() {
+      try {
+        var data = localStorage.getItem('yaktube_recent_searches');
+        if (data) {
+          var parsed = JSON.parse(data);
+          if (Array.isArray(parsed) && parsed.length > 0) return parsed;
+        }
+      } catch (e) {}
+      // Default initial recent searches for first-time visitors
+      var defaults = ['Tarkan', 'Barış Manço', 'Yapay Zeka', 'Canlı Haber'];
+      try {
+        localStorage.setItem('yaktube_recent_searches', JSON.stringify(defaults));
+      } catch (e) {}
+      return defaults;
+    }
+
+    function saveRecentSearch(query) {
+      if (!query || query.trim().length < 2) return;
+      var q = query.trim();
+      try {
+        var list = getRecentSearches();
+        list = list.filter(function (item) {
+          return item.toLowerCase() !== q.toLowerCase();
+        });
+        list.unshift(q);
+        if (list.length > 8) list = list.slice(0, 8);
+        localStorage.setItem('yaktube_recent_searches', JSON.stringify(list));
+      } catch (e) {}
+    }
+
+    function clearRecentSearches() {
+      try {
+        localStorage.removeItem('yaktube_recent_searches');
+      } catch (e) {}
+      renderDynamicSearchChips();
+      announce('Arama geçmişi temizlendi.');
+    }
+
+    var popularTrendingQueries = [
+      { title: '🎵 Türkçe Pop', q: 'Türkçe Pop' },
+      { title: '🎸 Anadolu Rock', q: 'Anadolu Rock' },
+      { title: '🤖 Yapay Zeka', q: 'Yapay Zeka' },
+      { title: '💻 Yazılım Dersleri', q: 'Yazılım Dersleri' },
+      { title: '🎧 Sesli Kitap & Radyo Tiyatrosu', q: 'Sesli Kitap' },
+      { title: '📺 Canlı Haber', q: 'Canlı Haber' },
+      { title: '🌍 Bilim & Belgesel', q: 'Bilim Belgeseli' },
+      { title: '🎼 Akustik Canlı Performans', q: 'Akustik Canlı' },
+      { title: '🎙️ Podcast & Söyleşi', q: 'Podcast Türkçe' }
+    ];
+
+    // Auto capture search query from URL into recent searches
+    function captureUrlSearchQuery() {
+      try {
+        var params = new URLSearchParams(window.location.search);
+        var q = params.get('search') || params.get('q');
+        if (q && q.trim().length >= 2) {
+          saveRecentSearch(q.trim());
+        }
+      } catch (e) {}
+    }
+    captureUrlSearchQuery();
+    window.addEventListener('popstate', captureUrlSearchQuery);
+
+    function renderDynamicSearchChips() {
+      var modal = document.getElementById('yaktube-full-search-modal');
+      if (!modal) return;
+
+      var container = modal.querySelector('#yaktube-modal-dynamic-chips-section');
+      if (!container) return;
+
+      var recent = getRecentSearches();
+      var html = '';
+
+      // 1. Recent searches section (if any)
+      if (recent.length > 0) {
+        html +=
+          '<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">' +
+          '<div class="yaktube-modal-section-title" style="margin-bottom: 0;">🕒 Son Aramalarınız</div>' +
+          '<button id="yaktube-clear-recent-btn" style="background: transparent; border: none; color: #ff8f37; font-size: 12px; font-weight: 600; cursor: pointer; text-decoration: underline;" aria-label="Arama geçmişini temizle">Geçmişi Temizle</button>' +
+          '</div>' +
+          '<div class="yaktube-modal-chips-grid" style="margin-bottom: 18px;">';
+
+        recent.forEach(function (term) {
+          var safeTerm = term.replace(/"/g, '&quot;');
+          html +=
+            '<button class="yaktube-modal-chip yaktube-recent-chip" data-query="' +
+            safeTerm +
+            '" aria-label="Son arama: ' +
+            safeTerm +
+            '">🕒 ' +
+            safeTerm +
+            '</button>';
+        });
+        html += '</div>';
+      }
+
+      // 2. Popular & Trending searches section
+      html +=
+        '<div class="yaktube-modal-section-title">🔥 Hızlı ve Popüler Aramalar</div>' +
+        '<div class="yaktube-modal-chips-grid">';
+
+      popularTrendingQueries.forEach(function (item) {
+        var safeQ = item.q.replace(/"/g, '&quot;');
+        html +=
+          '<button class="yaktube-modal-chip" data-query="' +
+          safeQ +
+          '" aria-label="Popüler arama: ' +
+          safeQ +
+          '">' +
+          item.title +
+          '</button>';
+      });
+      html += '</div>';
+
+      container.innerHTML = html;
+
+      // Attach click events
+      container.querySelectorAll('.yaktube-modal-chip').forEach(function (chip) {
+        chip.addEventListener('click', function () {
+          var query = chip.getAttribute('data-query');
+          var inp = modal.querySelector('#yaktube-modal-input');
+          if (inp) inp.value = query;
+          if (typeof window.__yaktube_execute_search__ === 'function') {
+            window.__yaktube_execute_search__(query);
+          }
+        });
+      });
+
+      var clearBtn = container.querySelector('#yaktube-clear-recent-btn');
+      if (clearBtn) {
+        clearBtn.addEventListener('click', function (e) {
+          e.preventDefault();
+          e.stopPropagation();
+          clearRecentSearches();
+        });
+      }
+    }
+
     function createFullSearchModal() {
       var existingModal = document.getElementById('yaktube-full-search-modal');
       if (existingModal) return existingModal;
@@ -1821,17 +2001,7 @@
         '<div id="yaktube-modal-voice-transcript" class="yaktube-modal-voice-transcript">Lütfen aramak istediğiniz videoyu söyleyin...</div>' +
         '<button id="yaktube-modal-mic-pulse" class="yaktube-modal-mic-pulse-btn" aria-label="Mikrofonu durdur">🎙️</button>' +
         '</div>' +
-      '<div class="yaktube-modal-section-title">🔥 Hızlı ve Popüler Aramalar</div>' +
-      '<div class="yaktube-modal-chips-grid">' +
-      '<button class="yaktube-modal-chip" data-query="Tarkan">🎵 Tarkan</button>' +
-      '<button class="yaktube-modal-chip" data-query="Barış Manço">🎸 Barış Manço</button>' +
-      '<button class="yaktube-modal-chip" data-query="Python Dersleri">💻 Python Dersleri</button>' +
-      '<button class="yaktube-modal-chip" data-query="Yapay Zeka">🤖 Yapay Zeka</button>' +
-      '<button class="yaktube-modal-chip" data-query="Sesli Kitap">🎧 Sesli Kitap</button>' +
-      '<button class="yaktube-modal-chip" data-query="Canlı Haber">📺 Canlı Haber</button>' +
-      '<button class="yaktube-modal-chip" data-query="Gitar Dersi">🎼 Gitar Dersi</button>' +
-      '<button class="yaktube-modal-chip" data-query="Bilim Belgeseli">🌍 Bilim Belgeseli</button>' +
-      '</div>' +
+        '<div id="yaktube-modal-dynamic-chips-section"></div>' +
         '<div class="yaktube-modal-hint-footer">' +
         '<span>💡 <b>Enter</b> ile ara, <b>Shift+V</b> ile sesli ara</span>' +
         '<span><b>Escape</b> ile kapat</span>' +
@@ -1881,11 +2051,14 @@
       function executeSearch(query) {
         var q = (query || inp.value || '').trim();
         if (q) {
+          saveRecentSearch(q);
           announce('"' + q + '" için arama yapılıyor...', true);
           closeFullSearchModal();
           window.location.href = '/search/videos?search=' + encodeURIComponent(q);
         }
       }
+      window.__yaktube_execute_search__ = executeSearch;
+      renderDynamicSearchChips();
 
       submitBtn.addEventListener('click', function () {
         executeSearch();
@@ -1925,6 +2098,7 @@
       var modal = createFullSearchModal();
       modal.classList.add('yaktube-modal-open');
       modal.style.display = 'flex';
+      renderDynamicSearchChips();
 
       var inp = modal.querySelector('#yaktube-modal-input');
       var clearBtn = modal.querySelector('#yaktube-modal-clear-btn');
@@ -2059,7 +2233,10 @@
 
       var nativeInputs = searchContainer.querySelectorAll('input, button');
       nativeInputs.forEach(function (el) {
-      if (!el.classList.contains('yaktube-search-trigger-pill') && !el.classList.contains('yaktube-voice-search-btn')) {
+        if (
+          !el.classList.contains('yaktube-search-trigger-pill') &&
+          !el.classList.contains('yaktube-voice-search-btn')
+        ) {
           el.style.display = 'none';
           el.setAttribute('tabindex', '-1');
           el.setAttribute('aria-hidden', 'true');
@@ -2325,7 +2502,8 @@
     }
 
     function checkAndInjectRelatedVideos(forceReload) {
-    var isWatchPage = window.location.pathname.includes('/videos/watch/') || window.location.pathname.startsWith('/w/');
+      var isWatchPage =
+        window.location.pathname.includes('/videos/watch/') || window.location.pathname.startsWith('/w/');
       if (!isWatchPage) {
         var existing = document.getElementById('yaktube-hybrid-related-container');
         if (existing) existing.remove();
@@ -2603,7 +2781,10 @@
                   card.className = 'yaktube-comment-item';
                   card.setAttribute('role', 'article');
                   card.setAttribute('tabindex', '0');
-                card.setAttribute('aria-label', c.author + ' isimli kullan\u0131c\u0131n\u0131n yorumu: ' + c.content);
+                  card.setAttribute(
+                    'aria-label',
+                    c.author + ' isimli kullan\u0131c\u0131n\u0131n yorumu: ' + c.content
+                  );
                   card.style.cssText =
                     'background: #1e293b; padding: 14px 16px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.05); display: flex; gap: 12px; align-items: flex-start;';
 
@@ -2679,9 +2860,11 @@
 
     // 6. PWA Mobile App Install Engine & Standalone Detection
     var isInsideYakTubeApp =
-    navigator.userAgent.indexOf('YakTubeMobileApp') !== -1 ||
-    window.matchMedia('(display-mode: standalone)').matches ||
-    window.navigator.standalone === true;
+      (navigator.userAgent && navigator.userAgent.indexOf('YakTubeMobileApp') !== -1) ||
+      (typeof window.matchMedia === 'function' &&
+        window.matchMedia('(display-mode: standalone)') &&
+        window.matchMedia('(display-mode: standalone)').matches) ||
+      (window.navigator && window.navigator.standalone === true);
 
     var isMobileDevice = /Android|iPhone|iPad|iPod|Mobile|Tablet/i.test(navigator.userAgent);
 
@@ -2736,7 +2919,12 @@
       headerButtons.prepend(installBtn);
     }
 
+    function isYakTubeInstance() {
+      return window.location.hostname.includes('yaktube.yakhub.com.tr') || getInstanceName() === 'YakTube';
+    }
+
     function injectApkDownloadButton() {
+      if (!isYakTubeInstance()) return;
       // 1. If inside APK: NEVER show APK button
       if (isInsideYakTubeApp) {
         var existBtnApp = document.getElementById('yaktube-apk-download-btn');
@@ -2781,6 +2969,7 @@
     }
 
     function injectSidebarApkLink() {
+      if (!isYakTubeInstance()) return;
       // If inside APK: NEVER show in sidebar
       if (isInsideYakTubeApp) {
         var existLink = document.getElementById('yaktube-sidebar-apk-link');
@@ -2827,4 +3016,149 @@
       checkAndInjectWatchPageComments();
     });
     checkAndInjectWatchPageComments();
-})();
+  })();
+
+  // 5. Background Play (Screen-Off / Minimize) & MediaSession Lock-Screen Controls
+  (function initBackgroundPlaybackEngine() {
+    var videoState = {
+      hasPlayed: false,
+      explicitlyPausedByClick: false,
+      lastPlayTime: 0
+    };
+
+    function attachVideoListeners(video) {
+      if (!video || video.hasAttribute('data-yaktube-bgplay-hooked')) return;
+      video.setAttribute('data-yaktube-bgplay-hooked', 'true');
+
+      video.addEventListener('play', function () {
+        videoState.hasPlayed = true;
+        videoState.explicitlyPausedByClick = false;
+        videoState.lastPlayTime = Date.now();
+        updateMediaSessionMetadata(video);
+      });
+
+      video.addEventListener('ended', function () {
+        videoState.hasPlayed = false;
+        videoState.explicitlyPausedByClick = true;
+      });
+
+      video.addEventListener('timeupdate', function () {
+        updateMediaSessionPosition(video);
+      });
+    }
+
+    // Hook manual play/pause buttons
+    document.addEventListener(
+      'click',
+      function (e) {
+        var target = e.target;
+        if (!target) return;
+        var btn = target.closest(
+          '.vjs-play-control, button[title*="Duraklat"], button[aria-label*="Duraklat"], #yaktube-bar-play-btn'
+        );
+        if (btn) {
+          var video = getVideoElement();
+          if (video && !video.paused) {
+            videoState.explicitlyPausedByClick = true;
+          }
+        }
+      },
+      true
+    );
+
+    function handleVisibilityChange() {
+      var video = getVideoElement();
+      if (!video) return;
+
+      // When screen turns off / tab is hidden:
+      if (document.hidden || document.webkitHidden) {
+        if (videoState.hasPlayed && !videoState.explicitlyPausedByClick) {
+          // Unconditionally keep audio stream active
+          setTimeout(function () {
+            if (video.paused && !videoState.explicitlyPausedByClick) {
+              video.play().catch(function () {});
+            }
+          }, 100);
+          setTimeout(function () {
+            if (video.paused && !videoState.explicitlyPausedByClick) {
+              video.play().catch(function () {});
+            }
+          }, 300);
+        }
+      }
+    }
+
+    document.addEventListener('visibilitychange', handleVisibilityChange, false);
+    document.addEventListener('webkitvisibilitychange', handleVisibilityChange, false);
+    window.addEventListener('pagehide', handleVisibilityChange, false);
+
+    // MediaSession API Integration (Lock Screen, Bluetooth, Smart Watches)
+    function updateMediaSessionMetadata(video) {
+      if (!('mediaSession' in navigator)) return;
+
+      var titleEl = document.querySelector('h1.video-title, .video-name, my-video-watch h1, .title');
+      var title = titleEl ? titleEl.textContent.trim() : 'YakTube Video';
+      var authorEl = document.querySelector('.actor-name, .channel-name, .video-channel-name, a.actor-link');
+      var artist = authorEl ? authorEl.textContent.trim() : 'YakTube';
+
+      var artwork = [];
+      var thumbEl = document.querySelector('meta[property="og:image"]');
+      if (thumbEl && thumbEl.content) {
+        artwork.push({ src: thumbEl.content, sizes: '512x512', type: 'image/jpeg' });
+      }
+
+      try {
+        navigator.mediaSession.metadata = new MediaMetadata({
+          title: title,
+          artist: artist,
+          album: 'YakTube',
+          artwork: artwork
+        });
+
+        navigator.mediaSession.setActionHandler('play', function () {
+          video.play();
+          announce('Video oynatılıyor.');
+        });
+        navigator.mediaSession.setActionHandler('pause', function () {
+          videoState.pausedByUser = true;
+          video.pause();
+          announce('Video duraklatıldı.');
+        });
+        navigator.mediaSession.setActionHandler('seekbackward', function (details) {
+          var skipTime = details.seekOffset || 10;
+          video.currentTime = Math.max(0, video.currentTime - skipTime);
+          announce(skipTime + ' saniye geri sarıldı.');
+        });
+        navigator.mediaSession.setActionHandler('seekforward', function (details) {
+          var skipTime = details.seekOffset || 10;
+          video.currentTime = Math.min(video.duration || 99999, video.currentTime + skipTime);
+          announce(skipTime + ' saniye ileri sarıldı.');
+        });
+        navigator.mediaSession.setActionHandler('stop', function () {
+          videoState.pausedByUser = true;
+          video.pause();
+        });
+      } catch (e) {}
+    }
+
+    function updateMediaSessionPosition(video) {
+      if (!('mediaSession' in navigator) || !navigator.mediaSession.setPositionState) return;
+      if (isNaN(video.duration) || isNaN(video.currentTime) || video.duration <= 0) return;
+      try {
+        navigator.mediaSession.setPositionState({
+          duration: video.duration,
+          playbackRate: video.playbackRate || 1,
+          position: Math.min(video.currentTime, video.duration)
+        });
+      } catch (e) {}
+    }
+
+    // Auto-hook active video elements
+    setInterval(function () {
+      var video = getVideoElement();
+      if (video) attachVideoListeners(video);
+    }, 1000);
+  })();
+} catch (err) {
+  console.error('[YakTube] Safe catch error:', err);
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "peertube-plugin-yaktube-ondemand",
-  "version": "1.4.4",
+  "version": "1.4.14",
   "description": "Accessible On-Demand YouTube Import, Live Streams, Smart Recommendations and A11y Engine for PeerTube",
   "main": "main.js",
   "library": "./main.js",

style.css

@@ -1,3 +1,29 @@
+/* Permanent Aggressive Suppression of Generic JoinPeerTube / Framasoft Open-in-App Banners */
+my-open-app,
+my-open-in-app,
+my-client-app-banner,
+.open-app-container,
+.app-banner,
+[class*='open-app'],
+[class*='open-in-app'],
+.mobile-app-banner,
+.app-promotion,
+.client-app-banner,
+a[href*='play.google.com/store/apps/details?id=app.joinpeertube'],
+a[href*='f-droid.org'],
+a[href*='joinpeertube'] {
+  display: none !important;
+  visibility: hidden !important;
+  height: 0 !important;
+  width: 0 !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  pointer-events: none !important;
+  opacity: 0 !important;
+  position: absolute !important;
+  z-index: -99999 !important;
+}
+
 /* YakTube Accessibility & On-Demand CSS */
 
 :focus-visible {