claude-code-remote-pilot 0.5.3 → 0.5.5

package/CHANGELOG.md

@@ -1,10 +1,17 @@
 # Changelog
 
-## 0.5.3 — 2026-05-06
+## 0.5.5 — 2026-05-06
+
+### Fixed
+- **Respawn loading no longer appears stuck**: web respawn now has a request timeout and surfaces a clear timeout error when the API call hangs, so the button always returns to clickable state.
+- **Terminal output now feels realtime**: session detail terminal polling runs at a faster cadence and triggers immediate output refresh after sending input/keys, improving perceived connect speed and responsiveness.
+- **"Connecting…" no longer gets stuck**: terminal detail view now clears connecting state on poll failures, shows a retrying error hint, and fixes session state initialization order for stable render behavior.
+
+## 0.5.4 — 2026-05-06
 
 ### Fixed
-- **Auto-resume respects clock reset time**: limit recovery now waits until the parsed `resets at HH:MM` timestamp (with next-day rollover) before sending the resume command.
 - **Web UI respawn completed**: offline session respawn now has loading/error feedback and immediately updates session detail state after success.
+- **Web respawn now matches CLI spawn behavior**: respawn starts a fresh session from stored path and default command semantics (same as watch-mode spawn), avoiding failures caused by stale stored command values.
 
 ---
 
@@ -12,7 +19,6 @@
 
 ### Fixed
 - **Auto-resume now waits for reset time**: when Claude shows an explicit `resets at HH:MM` clock time, `Watcher` now resumes at that exact reset timestamp (including next-day rollover) instead of relying only on relative wait parsing.
-- **Web UI respawn flow completed**: offline session respawn now shows in-button loading, inline errors, and immediately updates the detail view to the newly active session after successful `POST /api/sessions/:name/respawn`.
 
 ---
 

package/lib/SessionManager.js

@@ -35,9 +35,10 @@ class SessionManager {
     if (this.sessions.has(sessionName)) throw new Error(`Session "${sessionName}" already exists.`);
 
     // Kill stale tmux session from a previous crashed run
-    try { execSync(`tmux has-session -t "${sessionName}"`, { stdio: 'ignore' });
+    try {
+      execSync(`tmux has-session -t "${sessionName}"`, { stdio: 'ignore' });
       execSync(`tmux kill-session -t "${sessionName}"`, { stdio: 'ignore' });
-    } catch {}
+    } catch { }
 
     execSync(`tmux new-session -d -s "${sessionName}" -c "${resolved}" "${command}"`, { stdio: 'ignore' });
 
@@ -73,13 +74,13 @@ class SessionManager {
     const entry = this.sessions.get(name);
     if (!entry) throw new Error(`Session "${name}" not found.`);
     entry.watcher.stop();
-    try { execSync(`tmux kill-session -t "${name}"`, { stdio: 'ignore' }); } catch {}
+    try { execSync(`tmux kill-session -t "${name}"`, { stdio: 'ignore' }); } catch { }
     this.sessions.delete(name);
   }
 
   killAll() {
     for (const name of [...this.sessions.keys()]) {
-      try { this.kill(name); } catch {}
+      try { this.kill(name); } catch { }
     }
   }
 

package/lib/ui.html

@@ -575,6 +575,7 @@ function DashboardScreen({ onNavigate, sessions, activity, serverStatus }) {
 
 /* --- Session Detail --- */
 function SessionDetailScreen({ session, onBack, onKilled, onRespawned }) {
+  const isOffline = session.status === 'offline';
   const [output, setOutput] = useState('');
   const [msg, setMsg] = useState('');
   const [sending, setSending] = useState(false);
@@ -582,9 +583,11 @@ function SessionDetailScreen({ session, onBack, onKilled, onRespawned }) {
   const [respawning, setRespawning] = useState(false);
   const [respawnError, setRespawnError] = useState('');
   const [copyOk, setCopyOk] = useState(false);
+  const [connecting, setConnecting] = useState(!isOffline);
+  const [pollError, setPollError] = useState(false);
   const terminalRef = useRef(null);
   const inputRef = useRef(null);
-  const isOffline = session.status === 'offline';
+  const pollNowRef = useRef(() => {});
 
   const copyAttachCmd = () => {
     const cmd = `tmux attach -t ${session.name}`;
@@ -599,18 +602,47 @@ function SessionDetailScreen({ session, onBack, onKilled, onRespawned }) {
     if (!isOffline) setTimeout(() => inputRef.current?.focus(), 50);
   }, [session.name, isOffline]);
 
-  // Poll terminal output every 2s
+  // Poll terminal output at near-realtime cadence
   useEffect(() => {
-    if (isOffline) return;
+    if (isOffline) {
+      setConnecting(false);
+      setPollError(false);
+      return;
+    }
+    let mounted = true;
+    let inFlight = false;
+
     const poll = () => {
+      if (inFlight) return;
+      inFlight = true;
       apiFetch(`/api/sessions/${encodeURIComponent(session.name)}/output`, { cache: 'no-store' })
         .then(r => r.json())
-        .then(d => setOutput(d.output || ''))
-        .catch(e => { if (e && e.message !== 'Unauthorized') console.error('[ccp] output poll error:', e); });
+        .then(d => {
+          if (!mounted) return;
+          setOutput(d.output || '');
+          setConnecting(false);
+          setPollError(false);
+        })
+        .catch(e => {
+          if (!mounted) return;
+          if (e && e.message !== 'Unauthorized') console.error('[ccp] output poll error:', e);
+          setConnecting(false);
+          setPollError(true);
+        })
+        .finally(() => {
+          inFlight = false;
+        });
     };
+
+    setConnecting(true);
+    pollNowRef.current = poll;
     poll();
-    const t = setInterval(poll, 2000);
-    return () => clearInterval(t);
+    const t = setInterval(poll, 600);
+    return () => {
+      mounted = false;
+      pollNowRef.current = () => {};
+      clearInterval(t);
+    };
   }, [session.name, isOffline]);
 
   // Auto-scroll terminal to bottom
@@ -628,6 +660,7 @@ function SessionDetailScreen({ session, onBack, onKilled, onRespawned }) {
         body: JSON.stringify({ message: msg }),
       });
       setMsg('');
+      pollNowRef.current();
     } catch {
     } finally {
       setSending(false);
@@ -643,6 +676,7 @@ function SessionDetailScreen({ session, onBack, onKilled, onRespawned }) {
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ key }),
       });
+      pollNowRef.current();
     } catch {}
     setTimeout(() => inputRef.current?.focus(), 0);
   };
@@ -666,8 +700,13 @@ function SessionDetailScreen({ session, onBack, onKilled, onRespawned }) {
     if (respawning) return;
     setRespawning(true);
     setRespawnError('');
+    const controller = new AbortController();
+    const timeoutId = setTimeout(() => controller.abort(), 12000);
     try {
-      const res = await apiFetch(`/api/sessions/${encodeURIComponent(session.name)}/respawn`, { method: 'POST' });
+      const res = await apiFetch(`/api/sessions/${encodeURIComponent(session.name)}/respawn`, {
+        method: 'POST',
+        signal: controller.signal,
+      });
       const data = await res.json();
       if (!res.ok) {
         setRespawnError(data.error || 'Failed to respawn');
@@ -675,8 +714,13 @@ function SessionDetailScreen({ session, onBack, onKilled, onRespawned }) {
       }
       onRespawned(data);
     } catch (e) {
+      if (e && e.name === 'AbortError') {
+        setRespawnError('Respawn timeout. Please try again.');
+        return;
+      }
       if (e.message !== 'Unauthorized') setRespawnError('Network error');
     } finally {
+      clearTimeout(timeoutId);
       setRespawning(false);
     }
   };
@@ -754,7 +798,11 @@ function SessionDetailScreen({ session, onBack, onKilled, onRespawned }) {
                 ? '<span style="color:oklch(50% 0.018 50)">Session is offline — no output available.</span>'
                 : _termHtml
                   ? _termHtml + '<span style="opacity:0.4">▊</span>'
-                  : '<span style="color:oklch(50% 0.018 50)">Connecting…</span>'
+                  : (connecting
+                      ? '<span style="color:oklch(50% 0.018 50)">Connecting…</span>'
+                      : (pollError
+                          ? '<span style="color:oklch(64% 0.20 28)">Can\'t read terminal output. Retrying…</span>'
+                          : '<span style="color:oklch(50% 0.018 50)">No output yet.</span>'))
             }}
           />
 

package/package.json

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