claude-code-remote-pilot 0.4.6 → 0.4.8

package/CHANGELOG.md

@@ -1,6 +1,15 @@
 # Changelog
 
-## 0.4.6 — 2026-05-06
+## 0.4.8 — 2026-05-06
+
+### Added
+- **Startup prompt**: asks "Open web dashboard? (Y/n)" during setup — default yes. Starts the server on `127.0.0.1:3742` and opens the browser automatically.
+- **Terminal header hint**: shows `Ctrl+B D · detach` in the terminal header bar as a reminder to detach from tmux without killing the session.
+- **"⊞ New Terminal" button**: copies `tmux attach -t <name>` to clipboard. Button briefly shows "✓ Copied" as confirmation.
+
+---
+
+## 0.4.7 — 2026-05-06
 
 ### Fixed
 - False `limit` status when a session has recovered from a prior limit hit. Root cause: `LIMIT_RE` was tested against the full 500-line tmux scrollback, so old limit text in scroll history kept re-triggering limit detection even after the session resumed. Now `LIMIT_RE` is checked against only the last 15 non-empty lines (`limitWindow`), matching the same windowed approach used for `RESPONSE_RE` and `RUNNING_RE`.

package/bin/claude-pilot.js

@@ -393,6 +393,18 @@ ${HELP}`);
     console.log(`    tmux attach -t ${session.name}\n`);
   }
 
+  const openWeb = await question(setupRl, 'Open web dashboard? (Y/n) ');
+  if (isYes(openWeb)) {
+    const webServer = new WebServer(manager, 3742, '127.0.0.1');
+    manager._webServer = webServer;
+    webServer.start();
+    const url = 'http://127.0.0.1:3742';
+    console.log(`  ✓ Web dashboard at ${url}`);
+    const opener = process.platform === 'darwin' ? 'open' : 'xdg-open';
+    spawn(opener, [url], { stdio: 'ignore', detached: true }).unref();
+    console.log('');
+  }
+
   setupRl.close();
 
   console.log('  Type help for commands.\n');

package/lib/ui.html

@@ -498,10 +498,19 @@ function SessionDetailScreen({ session, onBack, onKilled }) {
   const [msg, setMsg] = useState('');
   const [sending, setSending] = useState(false);
   const [killing, setKilling] = useState(false);
+  const [copyOk, setCopyOk] = useState(false);
   const terminalRef = useRef(null);
   const inputRef = useRef(null);
   const isOffline = session.status === 'offline';
 
+  const copyAttachCmd = () => {
+    const cmd = `tmux attach -t ${session.name}`;
+    navigator.clipboard?.writeText(cmd).then(() => {
+      setCopyOk(true);
+      setTimeout(() => setCopyOk(false), 2000);
+    }).catch(() => {});
+  };
+
   // Auto-focus input on mount and when session changes
   useEffect(() => {
     if (!isOffline) setTimeout(() => inputRef.current?.focus(), 50);
@@ -539,7 +548,8 @@ function SessionDetailScreen({ session, onBack, onKilled }) {
     } catch {
     } finally {
       setSending(false);
-      inputRef.current?.focus();
+      // Defer focus until after React re-enables the input (disabled={sending})
+      setTimeout(() => inputRef.current?.focus(), 0);
     }
   };
 
@@ -551,7 +561,7 @@ function SessionDetailScreen({ session, onBack, onKilled }) {
         body: JSON.stringify({ key }),
       });
     } catch {}
-    inputRef.current?.focus();
+    setTimeout(() => inputRef.current?.focus(), 0);
   };
 
   const handleKeyDown = (e) => {
@@ -585,6 +595,11 @@ function SessionDetailScreen({ session, onBack, onKilled }) {
           <div className="detail-meta" style={{ maxWidth: 480, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{session.path}</div>
         </div>
         <div className="detail-actions">
+          {!isOffline && (
+            <button className="btn btn-sm" onClick={copyAttachCmd} title={`tmux attach -t ${session.name}`}>
+              {copyOk ? '✓ Copied' : '⊞ New Terminal'}
+            </button>
+          )}
           {!isOffline && (
             <button className="btn btn-sm" style={{ color: 'var(--error)' }} onClick={handleKill} disabled={killing}>
               {Icons.trash} {killing ? 'Ending…' : 'End'}
@@ -601,7 +616,9 @@ function SessionDetailScreen({ session, onBack, onKilled }) {
             <span className="terminal-dot" style={{ background: '#febc2e' }} />
             <span className="terminal-dot" style={{ background: '#28c840' }} />
             <span className="terminal-title">{session.name}</span>
-            <span style={{ marginLeft: 'auto' }}><StatusPill status={session.status} /></span>
+            <span style={{ flex: 1 }} />
+            {!isOffline && <span style={{ fontSize: 10, color: 'oklch(42% 0.018 50)', fontFamily: 'var(--font-mono)', marginRight: 10 }}>Ctrl+B D · detach</span>}
+            <StatusPill status={session.status} />
           </div>
 
           <div className="terminal-body" ref={terminalRef}>

package/package.json

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