claude-code-remote-pilot 0.5.8 → 0.5.10

package/bin/claude-pilot.js

@@ -154,7 +154,7 @@ function buildAllSessions(manager) {
   return [...active, ...offline];
 }
 
-function renderWatchTable(allSessions, selectedIdx) {
+function renderWatchTable(allSessions, selectedIdx, webServer = null) {
   const NW = 18, SW = 14, UW = 7, TW = 16;
   const bar = '  ' + '─'.repeat(NW + SW + UW + TW + 10);
   const header = `  ${'#'.padEnd(3)}${'SESSION'.padEnd(NW)}  ${'STATUS'.padEnd(SW)}  ${'UP'.padEnd(UW)}  ${'USAGE / RESET'.padEnd(TW)}`;
@@ -181,7 +181,16 @@ function renderWatchTable(allSessions, selectedIdx) {
     footer = `  [1-${Math.min(allSessions.length, 9)}]: select session   w: web ui   q: exit watch`;
   }
 
-  return ['\n', '  Claude Code Remote Pilot', bar, header, bar, ...rows, bar, footer, ''].join('\n');
+  const lines = ['\n', '  Claude Code Remote Pilot'];
+  if (webServer) {
+    if (webServer._tunnelUrl) {
+      lines.push(`  ${C.blue}Tunnel${C.reset}: ${webServer._tunnelUrl}  ${C.dim}local: http://127.0.0.1:${webServer.port}${C.reset}`);
+    } else {
+      lines.push(`  ${C.dim}Web UI: http://${webServer.host}:${webServer.port}${C.reset}`);
+    }
+  }
+  lines.push(bar, header, bar, ...rows, bar, footer, '');
+  return lines.join('\n');
 }
 
 function startWatch(manager, rl) {
@@ -192,7 +201,7 @@ function startWatch(manager, rl) {
   function draw() {
     allSessions = buildAllSessions(manager);
     process.stdout.write('\x1B[2J\x1B[0f');
-    process.stdout.write(renderWatchTable(allSessions, selectedIdx));
+    process.stdout.write(renderWatchTable(allSessions, selectedIdx, manager._webServer));
   }
 
   function startTimer() {
@@ -214,7 +223,7 @@ function startWatch(manager, rl) {
 
   function redraw() {
     process.stdout.write('\x1B[2J\x1B[0f');
-    process.stdout.write(renderWatchTable(allSessions, selectedIdx));
+    process.stdout.write(renderWatchTable(allSessions, selectedIdx, manager._webServer));
   }
 
   function onKeypress(str, key) {
@@ -459,6 +468,7 @@ ${HELP}`);
       console.log('  Starting cloudflared tunnel...');
       webServer.startTunnel().then(publicUrl => {
         console.log(`  ✓ Tunnel ready: ${publicUrl}`);
+        console.log('    Note: first visit may show a Cloudflare warning — click "Proceed" to open the dashboard.');
         if (!webPassword) console.log('  ⚠  Reminder: no password set. Restart with a password for security.');
         if (telegram.token && telegram.chatId) {
           notifier.send(telegram.token, telegram.chatId,
@@ -538,6 +548,7 @@ ${HELP}`);
               console.log('  Starting cloudflared tunnel...');
               webServer.startTunnel().then(publicUrl => {
                 console.log(`  ✓ Tunnel ready: ${publicUrl}`);
+                console.log('    Note: first visit may show a Cloudflare warning — click "Proceed" to open the dashboard.');
                 if (telegram.token && telegram.chatId) {
                   notifier.send(telegram.token, telegram.chatId,
                     `Claude Remote Pilot tunnel ready: ${publicUrl}${webServer.password ? ' (password protected)' : ' ⚠ no password set'}`);
@@ -564,6 +575,7 @@ ${HELP}`);
             console.log('  Starting cloudflared tunnel...');
             webServer.startTunnel().then(publicUrl => {
               console.log(`  ✓ Tunnel ready: ${publicUrl}`);
+              console.log('    Note: first visit may show a Cloudflare warning — click "Proceed" to open the dashboard.');
               if (!password) console.log('  ⚠  Reminder: add a password with: web <port> <host> <password> --tunnel');
               if (telegram.token && telegram.chatId) {
                 notifier.send(telegram.token, telegram.chatId,

package/lib/WebServer.js

@@ -18,6 +18,7 @@ class WebServer {
     this.server = null;
     this._clients = new Set();
     this._broadcastInterval = null;
+    this._heartbeatInterval = null;
     this._tunnelProcess = null;
     this._tunnelUrl = null;
   }
@@ -201,6 +202,7 @@ class WebServer {
           'Content-Type': 'text/event-stream',
           'Cache-Control': 'no-cache',
           'Connection': 'keep-alive',
+          'X-Accel-Buffering': 'no',  // prevent Cloudflare/nginx from buffering the stream
         });
         this._clients.add(res);
         res.write(`data: ${JSON.stringify(this._buildAllSessions())}\n\n`);
@@ -217,6 +219,12 @@ class WebServer {
     });
 
     this._broadcastInterval = setInterval(() => this._broadcast(), 3000);
+    // Keep SSE connections alive through proxies (Cloudflare timeout is ~100s)
+    this._heartbeatInterval = setInterval(() => {
+      for (const res of this._clients) {
+        try { res.write(': heartbeat\n\n'); } catch { this._clients.delete(res); }
+      }
+    }, 20000);
     this.server.listen(this.port, this.host);
     return this.port;
   }
@@ -259,6 +267,7 @@ class WebServer {
   stop() {
     this.stopTunnel();
     clearInterval(this._broadcastInterval);
+    clearInterval(this._heartbeatInterval);
     for (const res of this._clients) { try { res.end(); } catch {} }
     this._clients.clear();
     if (this.server) this.server.close();

package/lib/ui.html

@@ -1094,6 +1094,21 @@ function App() {
     return () => { if (esRef.current) esRef.current.close(); };
   }, []);
 
+  // Fallback polling — loads sessions immediately and keeps them fresh when
+  // SSE is blocked (e.g. through a Cloudflare tunnel that buffers streams).
+  useEffect(() => {
+    let mounted = true;
+    const poll = () => {
+      apiFetch('/api/sessions', { cache: 'no-store' })
+        .then(r => r.json())
+        .then(data => { if (mounted) setSessions(data); })
+        .catch(() => {});
+    };
+    poll();
+    const t = setInterval(poll, 5000);
+    return () => { mounted = false; clearInterval(t); };
+  }, []);
+
   const handleLogin = useCallback(() => {
     setNeedsLogin(false);
     apiFetch('/api/status').then(r => r.json()).then(setServerStatus).catch(() => {});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-remote-pilot",
-  "version": "0.5.8",
+  "version": "0.5.10",
   "description": "Interactive Claude Code supervisor — spawn and monitor multiple Claude sessions from a single terminal.",
   "type": "commonjs",
   "repository": {