newtab: persist docked audio on click-off + handle iframe ✕ close (postMessage); v0.2.7

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: ralyodio

apps/desktop/extensions/ai-sidebar/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "TronBrowser",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "TronBrowser — privacy-first, AI-native. Branded new tab, private search, CoinPay login, and a bring-your-own-keys AI sidebar.",
   "icons": {
     "16": "icons/icon-16.png",

apps/desktop/extensions/ai-sidebar/newtab.js

@@ -299,7 +299,15 @@ el('btr').addEventListener('click', (e) => {
   if (a) { e.preventDefault(); openPlayer(a.getAttribute('data-player')); }
 });
 el('player-close').addEventListener('click', closePlayer);
-el('player-modal').addEventListener('click', (e) => { if (e.target === el('player-modal')) closePlayer(); });
+// Backdrop click closes video/TV, but NOT the docked audio bar — that stays put
+// (like a now-playing bar) while you keep browsing. Use ✕ or Esc to dismiss it.
+el('player-modal').addEventListener('click', (e) => {
+  if (e.target === el('player-modal') && !el('player-modal').classList.contains('audio')) closePlayer();
+});
+// The player iframe has its own ✕ button; it asks the parent to close via postMessage.
+window.addEventListener('message', (e) => {
+  if (e.data && e.data.type === 'tron-player-close') closePlayer();
+});
 document.addEventListener('keydown', (e) => { if (e.key === 'Escape') closePlayer(); });
 
 renderMotd();