feat(ai-sidebar): IRC slash-commands + status window (v3.6.0)

Previously only /join and /msg worked; everything else (/names, /list,
/whois, /me, /nick, /topic, /mode…) was sent to the channel as literal
text. Now:
- A real command parser: known verbs handled, anything else passed through
  verbatim as a raw IRC command (e.g. /mode #chan +o nick).
- /me sends a proper CTCP ACTION.
- A '✻ status' window in the channel sidebar that collects server numerics
  (LIST/NAMES/WHOIS/MOTD replies, errors) and connection logs — which were
  previously dropped (system messages with no channel went nowhere).
- irc.js surfaces ALL server numerics (was 4xx/5xx only) so command output
  actually appears.

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

Author: ralyodio

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

@@ -23,10 +23,13 @@ if (qo) qo.addEventListener('click', (e) => { e.preventDefault(); chrome.tabs.cr
 
 // --- IRC ------------------------------------------------------------------
 const STORE_KEY = 'ircConfig';
+const STATUS = '✻ status'; // server/system window (always present, pinned first)
 const irc = new IrcClient();
 const buffers = new Map(); // channel -> [{from,text,time,...}]
 let active = null;
 
+function logStatus(text) { appendMsg({ channel: STATUS, sys: true, text, time: Date.now() }); }
+
 function setStatus(text, kind) { const s = $('irc-status'); s.textContent = text; s.className = 'status ' + (kind || ''); }
 
 function ensureBuffer(chan) {
@@ -72,19 +75,22 @@ function appendMsg(line, store = true) {
 
 irc.addEventListener('status', (e) => {
   const { state, error } = e.detail;
-  if (state === 'connecting') setStatus('Connecting…');
+  if (state === 'connecting') { setStatus('Connecting…'); logStatus('Connecting…'); }
   else if (state === 'connected') {
     setStatus('Connected ✓', 'ok');
     $('irc-connect').classList.add('hidden');
     $('irc-client').classList.remove('hidden');
     $('irc-me').textContent = irc.nick;
+    logStatus(`Connected as ${irc.nick}`);
   } else if (state === 'disconnected') {
     setStatus('Disconnected', 'err');
+    logStatus('Disconnected');
   } else if (state === 'error') {
     setStatus(error || 'error', 'err');
+    logStatus('Error: ' + (error || 'unknown'));
   }
 });
-irc.addEventListener('joined', (e) => { ensureBuffer(e.detail.channel); if (!active) selectChannel(e.detail.channel); });
+irc.addEventListener('joined', (e) => { ensureBuffer(e.detail.channel); if (!active || active === STATUS) selectChannel(e.detail.channel); });
 irc.addEventListener('message', (e) => { appendMsg(e.detail); maybeNotify(e.detail); });
 
 // --- web notifications for incoming IRC messages --------------------------
@@ -119,7 +125,8 @@ if (chrome?.notifications?.onClicked) {
     }
   });
 }
-irc.addEventListener('system', (e) => { if (e.detail.channel) appendMsg({ channel: e.detail.channel, sys: true, text: e.detail.text }); });
+irc.addEventListener('system', (e) => { appendMsg({ channel: e.detail.channel || STATUS, sys: true, text: e.detail.text }); });
+irc.addEventListener('names', (e) => logStatus(`Names ${e.detail.channel}: ${(e.detail.names || []).join(' ')}`));
 irc.addEventListener('topic', (e) => { if (e.detail.channel === active) $('chan-title').textContent = `${e.detail.channel} — ${e.detail.topic}`; });
 
 async function doConnect() {
@@ -145,13 +152,42 @@ $('join-form').addEventListener('submit', (e) => { e.preventDefault(); const v =
 $('say-form').addEventListener('submit', (e) => {
   e.preventDefault();
   const v = $('say-input').value;
-  if (!v.trim() || !active) return;
-  if (v.startsWith('/join ')) irc.join(v.slice(6).trim());
-  else if (v.startsWith('/msg ')) { const [, who, ...rest] = v.split(' '); irc.say(who, rest.join(' ')); }
-  else irc.say(active, v);
+  if (!v.trim()) return;
+  if (v[0] === '/') handleCommand(v.slice(1));
+  else if (active && active !== STATUS) irc.say(active, v);
+  else logStatus('Not in a channel — use /join #channel');
   $('say-input').value = '';
 });
 
+// Slash-commands → real IRC. Known verbs get friendly handling; anything else
+// is passed through verbatim (e.g. "/mode #chan +o nick", "/who #chan").
+function handleCommand(raw) {
+  const sp = raw.indexOf(' ');
+  const cmd = (sp === -1 ? raw : raw.slice(0, sp)).toLowerCase();
+  const rest = sp === -1 ? '' : raw.slice(sp + 1).trim();
+  const args = rest ? rest.split(/\s+/) : [];
+  const inChan = active && active !== STATUS;
+  switch (cmd) {
+    case 'join': case 'j': if (args[0]) irc.join(args[0]); break;
+    case 'part': case 'leave': irc.part(args[0] || (inChan ? active : '')); break;
+    case 'msg': case 'query': if (args[0]) irc.say(args[0], args.slice(1).join(' ')); break;
+    case 'me':
+      if (inChan && rest) {
+        irc.send(`PRIVMSG ${active} :
ACTION ${rest}
`);
+        appendMsg({ channel: active, from: irc.nick, text: rest, self: true, time: new Date().toISOString() });
+      }
+      break;
+    case 'nick': if (args[0]) irc.send(`NICK ${args[0]}`); break;
+    case 'topic': if (inChan) irc.send(`TOPIC ${active}${rest ? ' :' + rest : ''}`); break;
+    case 'names': irc.send(`NAMES ${args[0] || (inChan ? active : '')}`.trim()); break;
+    case 'list': irc.send(`LIST ${rest}`.trim()); break;
+    case 'whois': if (args[0]) irc.send(`WHOIS ${args[0]}`); break;
+    case 'quit': irc.quit(); break;
+    case 'raw': case 'quote': if (rest) irc.send(rest); break;
+    default: irc.send(raw); // generic passthrough — any other IRC command
+  }
+}
+
 // Prefill from saved config — and auto-connect if a full account is set up.
 (async () => {
   const { [STORE_KEY]: cfg } = await chrome.storage.local.get(STORE_KEY);

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

@@ -147,7 +147,10 @@ export class IrcClient extends EventTarget {
         this.emit('status', { state: 'error', error: params[0] || 'server error' });
         break;
       default:
-        if (/^[45]\d\d$/.test(command)) {
+        // Surface ALL server numerics (LIST 322, NAMES 366, WHOIS 311-319,
+        // MOTD 372, errors 4xx/5xx, …) to the status window so commands that
+        // reply with numerics actually show output.
+        if (/^\d{3}$/.test(command)) {
           this.emit('system', { channel: null, text: params.slice(1).join(' ') });
         }
     }

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

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "TronBrowser",
-  "version": "3.5.0",
+  "version": "3.6.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.5.0",
+  "version": "3.6.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.5.0",
+  "version": "3.6.0",
   "private": true,
   "description": "Documentation site",
   "type": "module",

apps/extensions/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tronbrowser/extensions",
-  "version": "3.5.0",
+  "version": "3.6.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.5.0",
+    "version": "3.6.0",
     "orientation": "portrait",
     "userInterfaceStyle": "dark",
     "platforms": [

apps/mobile/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tronbrowser/mobile",
-  "version": "3.5.0",
+  "version": "3.6.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.5.0",
+  "version": "3.6.0",
   "private": true,
   "description": "TronBrowser marketing site + web dashboard",
   "type": "module",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "tronbrowser",
-  "version": "3.5.0",
+  "version": "3.6.0",
   "private": true,
   "description": "TronBrowser.dev — open-source, privacy-first, AI-native browser",
   "packageManager": "pnpm@9.12.0",