claude-code-remote-pilot 0.5.4 → 0.5.6

package/CHANGELOG.md

@@ -1,11 +1,18 @@
 # Changelog
 
+## 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.
+- **Respawn/End web actions stabilized**: removed false-positive client respawn timeout and added explicit inline error handling for End action responses, so both controls fail visibly instead of appearing stuck.
+
 ## 0.5.4 — 2026-05-06
 
 ### Fixed
 - **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.
-- **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.
 
 ---
 

package/lib/ui.html

@@ -575,16 +575,20 @@ 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);
   const [killing, setKilling] = useState(false);
+  const [killError, setKillError] = useState('');
   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 +603,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 +661,7 @@ function SessionDetailScreen({ session, onBack, onKilled, onRespawned }) {
         body: JSON.stringify({ message: msg }),
       });
       setMsg('');
+      pollNowRef.current();
     } catch {
     } finally {
       setSending(false);
@@ -643,6 +677,7 @@ function SessionDetailScreen({ session, onBack, onKilled, onRespawned }) {
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ key }),
       });
+      pollNowRef.current();
     } catch {}
     setTimeout(() => inputRef.current?.focus(), 0);
   };
@@ -654,10 +689,18 @@ function SessionDetailScreen({ session, onBack, onKilled, onRespawned }) {
   const handleKill = async () => {
     if (!confirm(`End session "${session.name}"?`)) return;
     setKilling(true);
+    setKillError('');
     try {
-      await apiFetch(`/api/sessions/${encodeURIComponent(session.name)}`, { method: 'DELETE' });
+      const res = await apiFetch(`/api/sessions/${encodeURIComponent(session.name)}`, { method: 'DELETE' });
+      if (!res.ok) {
+        const d = await res.json().catch(() => ({}));
+        setKillError(d.error || 'Failed to end session');
+        setKilling(false);
+        return;
+      }
       onKilled();
-    } catch {
+    } catch (e) {
+      if (e && e.message !== 'Unauthorized') setKillError('Network error');
       setKilling(false);
     }
   };
@@ -666,13 +709,8 @@ 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',
-        signal: controller.signal,
-      });
+      const res = await apiFetch(`/api/sessions/${encodeURIComponent(session.name)}/respawn`, { method: 'POST' });
       const data = await res.json();
       if (!res.ok) {
         setRespawnError(data.error || 'Failed to respawn');
@@ -680,13 +718,8 @@ 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);
     }
   };
@@ -740,6 +773,11 @@ function SessionDetailScreen({ session, onBack, onKilled, onRespawned }) {
               {Icons.trash} {killing ? 'Ending…' : 'End'}
             </button>
           )}
+          {!isOffline && killError && (
+            <span style={{ color: 'var(--error)', fontSize: 12, alignSelf: 'center' }}>
+              {killError}
+            </span>
+          )}
         </div>
       </div>
 
@@ -764,7 +802,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.4",
+  "version": "0.5.6",
   "description": "Interactive Claude Code supervisor — spawn and monitor multiple Claude sessions from a single terminal.",
   "type": "commonjs",
   "repository": {