@react-grab/claude-code 0.0.84 → 0.0.86

package/dist/cli.cjs

@@ -7138,7 +7138,7 @@ var import_picocolors = __toESM(require_picocolors());
 var DEFAULT_PORT = 4567;
 
 // src/cli.ts
-var VERSION = "0.0.84";
+var VERSION = "0.0.86";
 var serverPath = path2.join(__dirname, "server.cjs");
 execa(process.execPath, [serverPath], {
   detached: true,
@@ -7146,6 +7146,6 @@ execa(process.execPath, [serverPath], {
   cleanup: false
 }).unref();
 console.log(
-  `${import_picocolors.default.magenta("\u269B")} ${import_picocolors.default.bold("React Grab")} ${import_picocolors.default.gray(VERSION)} ${import_picocolors.default.dim("(Claude Code)")}`
+  `${import_picocolors.default.magenta("\u273F")} ${import_picocolors.default.bold("React Grab")} ${import_picocolors.default.gray(VERSION)} ${import_picocolors.default.dim("(Claude Code)")}`
 );
 console.log(`- Local:    ${import_picocolors.default.cyan(`http://localhost:${DEFAULT_PORT}`)}`);

package/dist/cli.js

@@ -7130,7 +7130,7 @@ var import_picocolors = __toESM(require_picocolors());
 var DEFAULT_PORT = 4567;
 
 // src/cli.ts
-var VERSION = "0.0.84";
+var VERSION = "0.0.86";
 var serverPath = join(__dirname, "server.cjs");
 execa(process.execPath, [serverPath], {
   detached: true,
@@ -7138,6 +7138,6 @@ execa(process.execPath, [serverPath], {
   cleanup: false
 }).unref();
 console.log(
-  `${import_picocolors.default.magenta("\u269B")} ${import_picocolors.default.bold("React Grab")} ${import_picocolors.default.gray(VERSION)} ${import_picocolors.default.dim("(Claude Code)")}`
+  `${import_picocolors.default.magenta("\u273F")} ${import_picocolors.default.bold("React Grab")} ${import_picocolors.default.gray(VERSION)} ${import_picocolors.default.dim("(Claude Code)")}`
 );
 console.log(`- Local:    ${import_picocolors.default.cyan(`http://localhost:${DEFAULT_PORT}`)}`);

package/dist/client.cjs

@@ -55,6 +55,7 @@ async function* streamSSE(stream, signal) {
 
 // src/constants.ts
 var DEFAULT_PORT = 4567;
+var COMPLETED_STATUS = "Completed successfully";
 
 // src/client.ts
 var DEFAULT_SERVER_URL = `http://localhost:${DEFAULT_PORT}`;
@@ -98,6 +99,7 @@ async function* streamFromServer(serverUrl, context, signal) {
     const iterator = streamSSE(response.body, signal)[Symbol.asyncIterator]();
     let done = false;
     let pendingNext = iterator.next();
+    let lastStatus = null;
     while (!done) {
       const result = await Promise.race([
         pendingNext.then((iteratorResult) => ({
@@ -108,23 +110,22 @@ async function* streamFromServer(serverUrl, context, signal) {
           (resolve) => setTimeout(() => resolve({ type: "timeout" }), 100)
         )
       ]);
-      if (result.type === "timeout") {
-        const elapsedSeconds = (Date.now() - startTime) / 1e3;
-        yield `Working\u2026 ${elapsedSeconds.toFixed(1)}s`;
-      } else {
+      const elapsedSeconds = (Date.now() - startTime) / 1e3;
+      if (result.type === "status") {
         const iteratorResult = result.iteratorResult;
         done = iteratorResult.done ?? false;
         if (!done && iteratorResult.value) {
-          const status = iteratorResult.value;
-          if (status === "Completed successfully") {
-            const totalSeconds = ((Date.now() - startTime) / 1e3).toFixed(1);
-            yield `Completed in ${totalSeconds}s`;
-          } else {
-            yield status;
-          }
+          lastStatus = iteratorResult.value;
           pendingNext = iterator.next();
         }
       }
+      if (lastStatus === COMPLETED_STATUS) {
+        yield `Completed in ${elapsedSeconds.toFixed(1)}s`;
+      } else if (lastStatus) {
+        yield `${lastStatus} ${elapsedSeconds.toFixed(1)}s`;
+      } else {
+        yield `Working\u2026 ${elapsedSeconds.toFixed(1)}s`;
+      }
     }
   } finally {
     signal.removeEventListener("abort", handleAbort);
@@ -180,6 +181,12 @@ var createClaudeAgentProvider = (providerOptions = {}) => {
         connectionCache = { result: false, timestamp: now };
         return false;
       }
+    },
+    undo: async () => {
+      try {
+        await fetch(`${serverUrl}/undo`, { method: "POST" });
+      } catch {
+      }
     }
   };
 };

package/dist/client.d.cts

@@ -13,6 +13,7 @@ declare const createClaudeAgentProvider: (providerOptions?: ClaudeAgentProviderO
     supportsResume: boolean;
     supportsFollowUp: boolean;
     checkConnection: () => Promise<boolean>;
+    undo: () => Promise<void>;
 };
 declare global {
     interface Window {

package/dist/client.d.ts

@@ -13,6 +13,7 @@ declare const createClaudeAgentProvider: (providerOptions?: ClaudeAgentProviderO
     supportsResume: boolean;
     supportsFollowUp: boolean;
     checkConnection: () => Promise<boolean>;
+    undo: () => Promise<void>;
 };
 declare global {
     interface Window {

package/dist/client.global.js

@@ -1,6 +1,6 @@
-var ReactGrabClaudeCode=(function(exports){'use strict';var m=5e3,f="react-grab:agent-sessions",A=c=>{let e="",n="";for(let t of c.split(`
-`))t.startsWith("event:")?e=t.slice(6).trim():t.startsWith("data:")&&(n=t.slice(5).trim());return {eventType:e,data:n}};async function*y(c,e){let n=c.getReader(),t=new TextDecoder,s="",o=false,a=()=>{o=true,n.cancel().catch(()=>{});};e.addEventListener("abort",a);try{if(e.aborted)throw new DOMException("Aborted","AbortError");for(;;){let i=await n.read();if(o||e.aborted)throw new DOMException("Aborted","AbortError");let{done:l,value:u}=i;u&&(s+=t.decode(u,{stream:!0}));let d;for(;(d=s.indexOf(`
+var ReactGrabClaudeCode=(function(exports){'use strict';var f=5e3,y="react-grab:agent-sessions",E=c=>{let e="",n="";for(let o of c.split(`
+`))o.startsWith("event:")?e=o.slice(6).trim():o.startsWith("data:")&&(n=o.slice(5).trim());return {eventType:e,data:n}};async function*g(c,e){let n=c.getReader(),o=new TextDecoder,s="",t=false,r=()=>{t=true,n.cancel().catch(()=>{});};e.addEventListener("abort",r);try{if(e.aborted)throw new DOMException("Aborted","AbortError");for(;;){let a=await n.read();if(t||e.aborted)throw new DOMException("Aborted","AbortError");let{done:l,value:m}=a;m&&(s+=o.decode(m,{stream:!0}));let i;for(;(i=s.indexOf(`
 
-`))!==-1;){let{eventType:r,data:p}=A(s.slice(0,d));if(s=s.slice(d+2),r==="done")return;if(r==="error")throw new Error(p||"Agent error");p&&(yield p);}if(l)break}}finally{e.removeEventListener("abort",a);try{n.releaseLock();}catch{}}}var w=`http://localhost:${4567}`,C={systemPrompt:{type:"preset",preset:"claude_code",append:`You are helping a user make changes to a React component based on a selected element.
+`))!==-1;){let{eventType:u,data:d}=E(s.slice(0,i));if(s=s.slice(i+2),u==="done")return;if(u==="error")throw new Error(d||"Agent error");d&&(yield d);}if(l)break}}finally{e.removeEventListener("abort",r);try{n.releaseLock();}catch{}}}var A="Completed successfully";var w=`http://localhost:${4567}`,b={systemPrompt:{type:"preset",preset:"claude_code",append:`You are helping a user make changes to a React component based on a selected element.
 The user has selected an element from their UI and wants you to help modify it.
-Provide clear, concise status updates as you work.`},model:"haiku",permissionMode:"bypassPermissions",maxTurns:10};async function*g(c,e,n){let t=Date.now(),s=e.sessionId,o=()=>{s&&fetch(`${c}/abort/${s}`,{method:"POST"}).catch(()=>{});};n.addEventListener("abort",o);try{let a=await fetch(`${c}/agent`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e),signal:n});if(!a.ok)throw new Error(`Server error: ${a.status}`);if(!a.body)throw new Error("No response body");let i=y(a.body,n)[Symbol.asyncIterator](),l=!1,u=i.next();for(;!l;){let d=await Promise.race([u.then(r=>({type:"status",iteratorResult:r})),new Promise(r=>setTimeout(()=>r({type:"timeout"}),100))]);if(d.type==="timeout")yield `Working\u2026 ${((Date.now()-t)/1e3).toFixed(1)}s`;else {let r=d.iteratorResult;if(l=r.done??!1,!l&&r.value){let p=r.value;p==="Completed successfully"?yield `Completed in ${((Date.now()-t)/1e3).toFixed(1)}s`:yield p,u=i.next();}}}}finally{n.removeEventListener("abort",o);}}var E=(c={})=>{let{serverUrl:e=w,getOptions:n}=c,t=null,s=o=>({...C,...n?.()??{},...o??{}});return {send:async function*(o,a){let i={...o,options:s(o.options)};yield*g(e,i,a);},resume:async function*(o,a,i){let l=i.getItem(f);if(!l)throw new Error("No sessions to resume");let d=JSON.parse(l)[o];if(!d)throw new Error(`Session ${o} not found`);let r=d.context,p={...r,options:s(r.options)};yield "Resuming...",yield*g(e,p,a);},supportsResume:true,supportsFollowUp:true,checkConnection:async()=>{let o=Date.now();if(t&&o-t.timestamp<m)return t.result;try{let i=(await fetch(`${e}/health`,{method:"GET"})).ok;return t={result:i,timestamp:o},i}catch{return t={result:false,timestamp:o},false}}}},b=async()=>{if(typeof window>"u")return;let c=E(),e=s=>{s.setAgent({provider:c,storage:sessionStorage});},n=window.__REACT_GRAB__;if(n){e(n);return}window.addEventListener("react-grab:init",s=>{e(s.detail);},{once:true});let t=window.__REACT_GRAB__;t&&e(t);};b();exports.attachAgent=b;exports.createClaudeAgentProvider=E;return exports;})({});
+Provide clear, concise status updates as you work.`},model:"haiku",permissionMode:"bypassPermissions",maxTurns:10};async function*h(c,e,n){let o=Date.now(),s=e.sessionId,t=()=>{s&&fetch(`${c}/abort/${s}`,{method:"POST"}).catch(()=>{});};n.addEventListener("abort",t);try{let r=await fetch(`${c}/agent`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e),signal:n});if(!r.ok)throw new Error(`Server error: ${r.status}`);if(!r.body)throw new Error("No response body");let a=g(r.body,n)[Symbol.asyncIterator](),l=!1,m=a.next(),i=null;for(;!l;){let u=await Promise.race([m.then(p=>({type:"status",iteratorResult:p})),new Promise(p=>setTimeout(()=>p({type:"timeout"}),100))]),d=(Date.now()-o)/1e3;if(u.type==="status"){let p=u.iteratorResult;l=p.done??!1,!l&&p.value&&(i=p.value,m=a.next());}i===A?yield `Completed in ${d.toFixed(1)}s`:i?yield `${i} ${d.toFixed(1)}s`:yield `Working\u2026 ${d.toFixed(1)}s`;}}finally{n.removeEventListener("abort",t);}}var S=(c={})=>{let{serverUrl:e=w,getOptions:n}=c,o=null,s=t=>({...b,...n?.()??{},...t??{}});return {send:async function*(t,r){let a={...t,options:s(t.options)};yield*h(e,a,r);},resume:async function*(t,r,a){let l=a.getItem(y);if(!l)throw new Error("No sessions to resume");let i=JSON.parse(l)[t];if(!i)throw new Error(`Session ${t} not found`);let u=i.context,d={...u,options:s(u.options)};yield "Resuming...",yield*h(e,d,r);},supportsResume:true,supportsFollowUp:true,checkConnection:async()=>{let t=Date.now();if(o&&t-o.timestamp<f)return o.result;try{let a=(await fetch(`${e}/health`,{method:"GET"})).ok;return o={result:a,timestamp:t},a}catch{return o={result:false,timestamp:t},false}},undo:async()=>{try{await fetch(`${e}/undo`,{method:"POST"});}catch{}}}},T=async()=>{if(typeof window>"u")return;let c=S(),e=s=>{s.setAgent({provider:c,storage:sessionStorage});},n=window.__REACT_GRAB__;if(n){e(n);return}window.addEventListener("react-grab:init",s=>{e(s.detail);},{once:true});let o=window.__REACT_GRAB__;o&&e(o);};T();exports.attachAgent=T;exports.createClaudeAgentProvider=S;return exports;})({});

package/dist/client.js

@@ -53,6 +53,7 @@ async function* streamSSE(stream, signal) {
 
 // src/constants.ts
 var DEFAULT_PORT = 4567;
+var COMPLETED_STATUS = "Completed successfully";
 
 // src/client.ts
 var DEFAULT_SERVER_URL = `http://localhost:${DEFAULT_PORT}`;
@@ -96,6 +97,7 @@ async function* streamFromServer(serverUrl, context, signal) {
     const iterator = streamSSE(response.body, signal)[Symbol.asyncIterator]();
     let done = false;
     let pendingNext = iterator.next();
+    let lastStatus = null;
     while (!done) {
       const result = await Promise.race([
         pendingNext.then((iteratorResult) => ({
@@ -106,23 +108,22 @@ async function* streamFromServer(serverUrl, context, signal) {
           (resolve) => setTimeout(() => resolve({ type: "timeout" }), 100)
         )
       ]);
-      if (result.type === "timeout") {
-        const elapsedSeconds = (Date.now() - startTime) / 1e3;
-        yield `Working\u2026 ${elapsedSeconds.toFixed(1)}s`;
-      } else {
+      const elapsedSeconds = (Date.now() - startTime) / 1e3;
+      if (result.type === "status") {
         const iteratorResult = result.iteratorResult;
         done = iteratorResult.done ?? false;
         if (!done && iteratorResult.value) {
-          const status = iteratorResult.value;
-          if (status === "Completed successfully") {
-            const totalSeconds = ((Date.now() - startTime) / 1e3).toFixed(1);
-            yield `Completed in ${totalSeconds}s`;
-          } else {
-            yield status;
-          }
+          lastStatus = iteratorResult.value;
           pendingNext = iterator.next();
         }
       }
+      if (lastStatus === COMPLETED_STATUS) {
+        yield `Completed in ${elapsedSeconds.toFixed(1)}s`;
+      } else if (lastStatus) {
+        yield `${lastStatus} ${elapsedSeconds.toFixed(1)}s`;
+      } else {
+        yield `Working\u2026 ${elapsedSeconds.toFixed(1)}s`;
+      }
     }
   } finally {
     signal.removeEventListener("abort", handleAbort);
@@ -178,6 +179,12 @@ var createClaudeAgentProvider = (providerOptions = {}) => {
         connectionCache = { result: false, timestamp: now };
         return false;
       }
+    },
+    undo: async () => {
+      try {
+        await fetch(`${serverUrl}/undo`, { method: "POST" });
+      } catch {
+      }
     }
   };
 };

package/dist/server.cjs

@@ -18156,12 +18156,43 @@ function query({
 
 // src/constants.ts
 var DEFAULT_PORT = 4567;
+var COMPLETED_STATUS = "Completed successfully";
 
 // ../utils/dist/server.js
 var sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+var COMMAND_INSTALL_MAP = {
+  "cursor-agent": "Install Cursor (https://cursor.com) and ensure 'cursor-agent' is in your PATH.",
+  gemini: "Install the Gemini CLI: npm install -g @anthropic-ai/gemini-cli\nOr see: https://github.com/google-gemini/gemini-cli",
+  claude: "Install Claude Code: npm install -g @anthropic-ai/claude-code\nOr see: https://github.com/anthropics/claude-code"
+};
+var formatSpawnError = (error, commandName) => {
+  const spawnError = error;
+  const isNotFound = spawnError.code === "ENOENT" || spawnError.message && spawnError.message.includes("ENOENT");
+  if (isNotFound) {
+    const installInfo = COMMAND_INSTALL_MAP[commandName];
+    const baseMessage = `Command '${commandName}' not found.`;
+    {
+      return `${baseMessage}
+
+${installInfo}`;
+    }
+  }
+  const isPermissionDenied = spawnError.code === "EACCES" || spawnError.message && spawnError.message.includes("EACCES");
+  if (isPermissionDenied) {
+    return `Permission denied when trying to run '${commandName}'.
+
+Check that the command is executable: chmod +x $(which ${commandName})`;
+  }
+  return error.message;
+};
 
 // src/server.ts
-var VERSION = "0.0.84";
+var VERSION = "0.0.86";
+try {
+  fetch(`https://www.react-grab.com/api/version?source=claude-code&t=${Date.now()}`).catch(() => {
+  });
+} catch {
+}
 var resolveClaudePath = () => {
   const command = process.platform === "win32" ? "where claude" : "which claude";
   try {
@@ -18173,6 +18204,7 @@ var resolveClaudePath = () => {
 };
 var claudeSessionMap = /* @__PURE__ */ new Map();
 var abortedSessions = /* @__PURE__ */ new Set();
+var lastClaudeSessionId;
 var isTextBlock = (block) => block.type === "text";
 var createServer = () => {
   const app = new Hono2();
@@ -18188,7 +18220,7 @@ ${content}`;
     return streamSSE(context, async (stream2) => {
       const isAborted2 = () => sessionId && abortedSessions.has(sessionId);
       try {
-        await stream2.writeSSE({ data: "Thinking...", event: "status" });
+        await stream2.writeSSE({ data: "Thinking\u2026", event: "status" });
         const env = { ...process.env };
         delete env.NODE_OPTIONS;
         delete env.VSCODE_INSPECTOR_OPTIONS;
@@ -18196,10 +18228,10 @@ ${content}`;
           prompt: userPrompt,
           options: {
             pathToClaudeCodeExecutable: resolveClaudePath(),
-            cwd: process.cwd(),
             includePartialMessages: true,
             env,
             ...options,
+            cwd: options?.cwd ?? process.env.REACT_GRAB_CWD ?? process.cwd(),
             ...isFollowUp && claudeSessionId ? { resume: claudeSessionId } : {}
           }
         });
@@ -18217,7 +18249,7 @@ ${content}`;
           }
           if (message.type === "result") {
             await stream2.writeSSE({
-              data: message.subtype === "success" ? "Completed successfully" : "Task finished",
+              data: message.subtype === "success" ? COMPLETED_STATUS : "Task finished",
               event: "status"
             });
           }
@@ -18226,13 +18258,14 @@ ${content}`;
           if (sessionId) {
             claudeSessionMap.set(sessionId, capturedClaudeSessionId);
           }
+          lastClaudeSessionId = capturedClaudeSessionId;
         }
         if (!isAborted2()) {
           await stream2.writeSSE({ data: "", event: "done" });
         }
       } catch (error) {
         if (!isAborted2()) {
-          const errorMessage = error instanceof Error ? error.message : "Unknown error";
+          const errorMessage = error instanceof Error ? formatSpawnError(error, "claude") : "Unknown error";
           const stderr = error instanceof Error && "stderr" in error ? String(error.stderr) : void 0;
           const fullError = stderr && stderr.trim() ? `${errorMessage}
 
@@ -18255,6 +18288,31 @@ ${stderr.trim()}` : errorMessage;
     abortedSessions.add(sessionId);
     return context.json({ status: "ok" });
   });
+  app.post("/undo", async (context) => {
+    if (!lastClaudeSessionId) {
+      return context.json({ status: "error", message: "No session to undo" });
+    }
+    try {
+      const env = { ...process.env };
+      delete env.NODE_OPTIONS;
+      delete env.VSCODE_INSPECTOR_OPTIONS;
+      const queryResult = query({
+        prompt: "undo",
+        options: {
+          pathToClaudeCodeExecutable: resolveClaudePath(),
+          env,
+          cwd: process.env.REACT_GRAB_CWD ?? process.cwd(),
+          resume: lastClaudeSessionId
+        }
+      });
+      for await (const _message of queryResult) {
+      }
+      return context.json({ status: "ok" });
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : "Unknown error";
+      return context.json({ status: "error", message: errorMessage });
+    }
+  });
   app.get("/health", (context) => {
     return context.json({ status: "ok", provider: "claude" });
   });
@@ -18267,7 +18325,7 @@ var startServer = async (port = DEFAULT_PORT) => {
   const app = createServer();
   serve({ fetch: app.fetch, port });
   console.log(
-    `${import_picocolors.default.magenta("\u269B")} ${import_picocolors.default.bold("React Grab")} ${import_picocolors.default.gray(VERSION)} ${import_picocolors.default.dim("(Claude Code)")}`
+    `${import_picocolors.default.magenta("\u273F")} ${import_picocolors.default.bold("React Grab")} ${import_picocolors.default.gray(VERSION)} ${import_picocolors.default.dim("(Claude Code)")}`
   );
   console.log(`- Local:    ${import_picocolors.default.cyan(`http://localhost:${port}`)}`);
 };

package/dist/server.js

@@ -18127,12 +18127,43 @@ function query({
 
 // src/constants.ts
 var DEFAULT_PORT = 4567;
+var COMPLETED_STATUS = "Completed successfully";
 
 // ../utils/dist/server.js
 var sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+var COMMAND_INSTALL_MAP = {
+  "cursor-agent": "Install Cursor (https://cursor.com) and ensure 'cursor-agent' is in your PATH.",
+  gemini: "Install the Gemini CLI: npm install -g @anthropic-ai/gemini-cli\nOr see: https://github.com/google-gemini/gemini-cli",
+  claude: "Install Claude Code: npm install -g @anthropic-ai/claude-code\nOr see: https://github.com/anthropics/claude-code"
+};
+var formatSpawnError = (error, commandName) => {
+  const spawnError = error;
+  const isNotFound = spawnError.code === "ENOENT" || spawnError.message && spawnError.message.includes("ENOENT");
+  if (isNotFound) {
+    const installInfo = COMMAND_INSTALL_MAP[commandName];
+    const baseMessage = `Command '${commandName}' not found.`;
+    {
+      return `${baseMessage}
+
+${installInfo}`;
+    }
+  }
+  const isPermissionDenied = spawnError.code === "EACCES" || spawnError.message && spawnError.message.includes("EACCES");
+  if (isPermissionDenied) {
+    return `Permission denied when trying to run '${commandName}'.
+
+Check that the command is executable: chmod +x $(which ${commandName})`;
+  }
+  return error.message;
+};
 
 // src/server.ts
-var VERSION = "0.0.84";
+var VERSION = "0.0.86";
+try {
+  fetch(`https://www.react-grab.com/api/version?source=claude-code&t=${Date.now()}`).catch(() => {
+  });
+} catch {
+}
 var resolveClaudePath = () => {
   const command = process.platform === "win32" ? "where claude" : "which claude";
   try {
@@ -18144,6 +18175,7 @@ var resolveClaudePath = () => {
 };
 var claudeSessionMap = /* @__PURE__ */ new Map();
 var abortedSessions = /* @__PURE__ */ new Set();
+var lastClaudeSessionId;
 var isTextBlock = (block) => block.type === "text";
 var createServer = () => {
   const app = new Hono2();
@@ -18159,7 +18191,7 @@ ${content}`;
     return streamSSE(context, async (stream2) => {
       const isAborted2 = () => sessionId && abortedSessions.has(sessionId);
       try {
-        await stream2.writeSSE({ data: "Thinking...", event: "status" });
+        await stream2.writeSSE({ data: "Thinking\u2026", event: "status" });
         const env = { ...process.env };
         delete env.NODE_OPTIONS;
         delete env.VSCODE_INSPECTOR_OPTIONS;
@@ -18167,10 +18199,10 @@ ${content}`;
           prompt: userPrompt,
           options: {
             pathToClaudeCodeExecutable: resolveClaudePath(),
-            cwd: process.cwd(),
             includePartialMessages: true,
             env,
             ...options,
+            cwd: options?.cwd ?? process.env.REACT_GRAB_CWD ?? process.cwd(),
             ...isFollowUp && claudeSessionId ? { resume: claudeSessionId } : {}
           }
         });
@@ -18188,7 +18220,7 @@ ${content}`;
           }
           if (message.type === "result") {
             await stream2.writeSSE({
-              data: message.subtype === "success" ? "Completed successfully" : "Task finished",
+              data: message.subtype === "success" ? COMPLETED_STATUS : "Task finished",
               event: "status"
             });
           }
@@ -18197,13 +18229,14 @@ ${content}`;
           if (sessionId) {
             claudeSessionMap.set(sessionId, capturedClaudeSessionId);
           }
+          lastClaudeSessionId = capturedClaudeSessionId;
         }
         if (!isAborted2()) {
           await stream2.writeSSE({ data: "", event: "done" });
         }
       } catch (error) {
         if (!isAborted2()) {
-          const errorMessage = error instanceof Error ? error.message : "Unknown error";
+          const errorMessage = error instanceof Error ? formatSpawnError(error, "claude") : "Unknown error";
           const stderr = error instanceof Error && "stderr" in error ? String(error.stderr) : void 0;
           const fullError = stderr && stderr.trim() ? `${errorMessage}
 
@@ -18226,6 +18259,31 @@ ${stderr.trim()}` : errorMessage;
     abortedSessions.add(sessionId);
     return context.json({ status: "ok" });
   });
+  app.post("/undo", async (context) => {
+    if (!lastClaudeSessionId) {
+      return context.json({ status: "error", message: "No session to undo" });
+    }
+    try {
+      const env = { ...process.env };
+      delete env.NODE_OPTIONS;
+      delete env.VSCODE_INSPECTOR_OPTIONS;
+      const queryResult = query({
+        prompt: "undo",
+        options: {
+          pathToClaudeCodeExecutable: resolveClaudePath(),
+          env,
+          cwd: process.env.REACT_GRAB_CWD ?? process.cwd(),
+          resume: lastClaudeSessionId
+        }
+      });
+      for await (const _message of queryResult) {
+      }
+      return context.json({ status: "ok" });
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : "Unknown error";
+      return context.json({ status: "error", message: errorMessage });
+    }
+  });
   app.get("/health", (context) => {
     return context.json({ status: "ok", provider: "claude" });
   });
@@ -18238,7 +18296,7 @@ var startServer = async (port = DEFAULT_PORT) => {
   const app = createServer();
   serve({ fetch: app.fetch, port });
   console.log(
-    `${import_picocolors.default.magenta("\u269B")} ${import_picocolors.default.bold("React Grab")} ${import_picocolors.default.gray(VERSION)} ${import_picocolors.default.dim("(Claude Code)")}`
+    `${import_picocolors.default.magenta("\u273F")} ${import_picocolors.default.bold("React Grab")} ${import_picocolors.default.gray(VERSION)} ${import_picocolors.default.dim("(Claude Code)")}`
   );
   console.log(`- Local:    ${import_picocolors.default.cyan(`http://localhost:${port}`)}`);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-grab/claude-code",
-  "version": "0.0.84",
+  "version": "0.0.86",
   "type": "module",
   "bin": {
     "react-grab-claude-code": "./dist/cli.cjs"
@@ -24,8 +24,9 @@
     "dist"
   ],
   "devDependencies": {
+    "@types/node": "^22.10.7",
     "tsup": "^8.4.0",
-    "@react-grab/utils": "0.0.84"
+    "@react-grab/utils": "0.0.86"
   },
   "dependencies": {
     "@anthropic-ai/claude-agent-sdk": "^0.1.0",
@@ -34,7 +35,7 @@
     "fkill": "^9.0.0",
     "hono": "^4.0.0",
     "picocolors": "^1.1.1",
-    "react-grab": "0.0.84"
+    "react-grab": "0.0.86"
   },
   "scripts": {
     "dev": "tsup --watch",