feat(ext): qrypt.chat tab embeds the live E2EE app (v3.4.0)

The qrypt.chat backend is already deployed (qrypt.chat → 200; CoinPay login +
anon-invites merged to master). It's a full quantum-resistant E2EE PWA with
SSE/POST messaging, contacts, media, and CoinPay/SMS login — and it has no
X-Frame-Options, so it's embeddable. The Chat page's qrypt.chat tab now loads
https://qrypt.chat in an iframe (lazy on first open), giving full login /
contacts / messaging / media without reimplementing the encryption client.

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

Author: ralyodio

apps/desktop/extensions/ai-sidebar/chat.css

@@ -58,6 +58,7 @@ a { color:var(--cyan); }
 .composer input { flex:1; background:#04060c; color:var(--fg); border:1px solid var(--line); border-radius:8px; padding:9px; font:inherit; }
 .composer button { background:var(--cyan); color:#04060c; border:0; border-radius:8px; padding:0 16px; font-weight:700; cursor:pointer; }
 
+#qrypt-frame { flex:1; width:100%; height:100%; border:0; display:block; background:var(--bg); }
 .soon { margin:60px auto; max-width:480px; text-align:center; color:var(--muted); padding:24px;
   border:1px dashed var(--line); border-radius:12px; }
 .hidden { display:none !important; }

apps/desktop/extensions/ai-sidebar/chat.html

@@ -49,9 +49,12 @@ <h2>Connect to IRC</h2>
     </div>
   </section>
 
-  <!-- ===== qrypt.chat (placeholder) ===== -->
+  <!-- ===== qrypt.chat (embeds the live E2EE app) ===== -->
   <section id="tab-qrypt" class="panel">
-    <div class="soon">🔒 <strong>qrypt.chat</strong> — quantum-resistant E2EE messaging (CoinPay login, contacts, media). Lands once the qrypt.chat backend is live.</div>
+    <iframe id="qrypt-frame"
+      title="qrypt.chat"
+      allow="camera; microphone; clipboard-write; autoplay; fullscreen"
+      referrerpolicy="no-referrer"></iframe>
   </section>
 
   <script type="module" src="chat.js"></script>

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

@@ -9,6 +9,10 @@ document.querySelectorAll('.tab').forEach((btn) => {
     document.querySelectorAll('.tab').forEach((b) => b.classList.toggle('active', b === btn));
     const name = btn.dataset.tab;
     document.querySelectorAll('.panel').forEach((p) => p.classList.toggle('active', p.id === 'tab-' + name));
+    if (name === 'qrypt') {
+      const f = document.getElementById('qrypt-frame'); // load the live app on first open
+      if (f && !f.getAttribute('src')) f.setAttribute('src', 'https://qrypt.chat/');
+    }
   });
 });
 

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

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "TronBrowser",
-  "version": "3.3.4",
+  "version": "3.4.0",
   "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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tronbrowser/desktop",
-  "version": "3.3.4",
+  "version": "3.4.0",
   "private": true,
   "description": "Desktop shell for the TronBrowser Chromium fork",
   "type": "module",

apps/docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tronbrowser/docs",
-  "version": "3.3.4",
+  "version": "3.4.0",
   "private": true,
   "description": "Documentation site",
   "type": "module",

apps/extensions/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tronbrowser/extensions",
-  "version": "3.3.4",
+  "version": "3.4.0",
   "private": true,
   "description": "TronBrowser extension store — pay $1, list your MV3 extension (tronbrowser.dev/store)",
   "type": "module",

apps/mobile/app.json

@@ -4,7 +4,7 @@
     "slug": "tronbrowserdev",
     "owner": "profullstack",
     "scheme": "tronbrowser",
-    "version": "3.3.4",
+    "version": "3.4.0",
     "orientation": "portrait",
     "userInterfaceStyle": "dark",
     "platforms": [

apps/mobile/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tronbrowser/mobile",
-  "version": "3.3.4",
+  "version": "3.4.0",
   "private": true,
   "description": "TronBrowser mobile (Expo / React Native) — Phase 2",
   "type": "module",

apps/web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tronbrowser/web",
-  "version": "3.3.4",
+  "version": "3.4.0",
   "private": true,
   "description": "TronBrowser marketing site + web dashboard",
   "type": "module",