claude-code-remote-pilot 0.5.2 → 0.5.4

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 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.
+
+---
+
 ## 0.5.2 — 2026-05-06
 
 ### Fixed

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

@@ -574,11 +574,13 @@ function DashboardScreen({ onNavigate, sessions, activity, serverStatus }) {
 }
 
 /* --- Session Detail --- */
-function SessionDetailScreen({ session, onBack, onKilled }) {
+function SessionDetailScreen({ session, onBack, onKilled, onRespawned }) {
   const [output, setOutput] = useState('');
   const [msg, setMsg] = useState('');
   const [sending, setSending] = useState(false);
   const [killing, setKilling] = useState(false);
+  const [respawning, setRespawning] = useState(false);
+  const [respawnError, setRespawnError] = useState('');
   const [copyOk, setCopyOk] = useState(false);
   const terminalRef = useRef(null);
   const inputRef = useRef(null);
@@ -661,14 +663,31 @@ function SessionDetailScreen({ session, onBack, onKilled }) {
   };
 
   const handleRespawn = async () => {
+    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) {
-        const d = await res.json();
-        alert(d.error || 'Failed to respawn');
+        setRespawnError(data.error || 'Failed to respawn');
+        return;
       }
+      onRespawned(data);
     } catch (e) {
-      if (e.message !== 'Unauthorized') alert('Network error');
+      if (e && e.name === 'AbortError') {
+        setRespawnError('Respawn timeout. Please try again.');
+        return;
+      }
+      if (e.message !== 'Unauthorized') setRespawnError('Network error');
+    } finally {
+      clearTimeout(timeoutId);
+      setRespawning(false);
     }
   };
 
@@ -700,9 +719,16 @@ function SessionDetailScreen({ session, onBack, onKilled }) {
         </div>
         <div className="detail-actions">
           {isOffline && (
-            <button className="btn btn-sm btn-primary" onClick={handleRespawn}>
-              ↺ Respawn
-            </button>
+            <>
+              <button className="btn btn-sm btn-primary" onClick={handleRespawn} disabled={respawning}>
+                {respawning ? 'Respawning…' : '↺ Respawn'}
+              </button>
+              {respawnError && (
+                <span style={{ color: 'var(--error)', fontSize: 12, alignSelf: 'center' }}>
+                  {respawnError}
+                </span>
+              )}
+            </>
           )}
           {!isOffline && (
             <button className="btn btn-sm" onClick={copyAttachCmd} title={`tmux attach -t ${session.name}`}>
@@ -1047,7 +1073,13 @@ function App() {
       case 'dashboard': return <DashboardScreen onNavigate={navigate} sessions={sessions} activity={activity} serverStatus={serverStatus} />;
       case 'sessions':  return <SessionsScreen sessions={sessions} onNavigate={navigate} />;
       case 'create':    return <CreateSessionScreen onBack={() => navigate('dashboard')} onCreated={s => navigate('detail', s)} />;
-      case 'detail':    return <SessionDetailScreen session={selectedSession} onBack={() => navigate('dashboard')} onKilled={() => navigate('sessions')} />;
+      case 'detail':    return <SessionDetailScreen session={selectedSession} onBack={() => navigate('dashboard')} onKilled={() => navigate('sessions')} onRespawned={(respawned) => {
+        setSessions(prev => {
+          const next = prev.filter(s => s.name !== respawned.name);
+          return [{ ...respawned, id: respawned.name }, ...next];
+        });
+        setSelectedSession({ ...respawned, id: respawned.name });
+      }} />;
       default:          return <DashboardScreen onNavigate={navigate} sessions={sessions} activity={activity} serverStatus={serverStatus} />;
     }
   };

package/package.json

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