@react-grab/cli 0.1.0-beta.8 → 0.1.0-beta.9

package/dist/cli.cjs

@@ -136,18 +136,18 @@ var MCP_CLIENTS = [
   // "claude",
 ];
 var MCP_CLIENT_NAMES = {
-  "cursor": "Cursor",
+  cursor: "Cursor",
   "claude-code": "Claude Code",
-  "vscode": "VSCode",
-  "opencode": "OpenCode",
-  "codex": "Codex",
+  vscode: "VSCode",
+  opencode: "OpenCode",
+  codex: "Codex",
   "gemini-cli": "Gemini CLI",
   // "cline": "Cline",
   // "roo-cline": "Roo Cline",
-  "windsurf": "Windsurf",
-  "zed": "Zed",
+  windsurf: "Windsurf",
+  zed: "Zed",
   // "warp": "Warp",
-  "droid": "Droid"
+  droid: "Droid"
   // "claude": "Claude Desktop",
 };
 var SKILL_AGENTS = [
@@ -1267,7 +1267,9 @@ var findSkillAgent = (id) => {
 };
 var formatInstalledAgentNames = (agents) => agents.map((agent) => AGENT_NAMES[agent] ?? agent).join(", ");
 var applyTransformWithFeedback = (result, message) => {
-  const writeSpinner = spinner(message ?? `Applying changes to ${result.filePath}.`).start();
+  const writeSpinner = spinner(
+    message ?? `Applying changes to ${result.filePath}.`
+  ).start();
   const writeResult = applyTransform(result);
   if (!writeResult.success) {
     writeSpinner.fail();
@@ -1279,7 +1281,9 @@ var applyTransformWithFeedback = (result, message) => {
   writeSpinner.succeed();
 };
 var applyPackageJsonWithFeedback = (result, message) => {
-  const writeSpinner = spinner(message ?? `Applying changes to ${result.filePath}.`).start();
+  const writeSpinner = spinner(
+    message ?? `Applying changes to ${result.filePath}.`
+  ).start();
   const writeResult = applyPackageJsonTransform(result);
   if (!writeResult.success) {
     writeSpinner.fail();
@@ -1711,21 +1715,29 @@ ${BOLD}File: ${filePath}${RESET}`);
   console.log(formatDiff(diff));
   console.log("\u2500".repeat(60));
 };
-var VERSION = "0.1.0-beta.7";
+var VERSION = "0.1.0-beta.8";
 var configureMcp = (mcpClient, cwd, customPkg) => {
-  const mcpCommand = customPkg ? `npx -y ${customPkg} browser mcp` : `npx -y @react-grab/cli browser mcp`;
-  const mcpSpinner = spinner(`Installing MCP server for ${MCP_CLIENT_NAMES[mcpClient]}`).start();
+  const mcpCommand = customPkg ? `npx -y ${customPkg} browser mcp` : `npx -y grab browser mcp`;
+  const mcpSpinner = spinner(
+    `Installing MCP server for ${MCP_CLIENT_NAMES[mcpClient]}`
+  ).start();
   try {
-    child_process.execSync(
-      `npx -y install-mcp '${mcpCommand}' --client ${mcpClient} --yes`,
-      { stdio: "ignore", cwd }
+    child_process.execSync(`npx -y install-mcp '${mcpCommand}' --client ${mcpClient} --yes`, {
+      stdio: "ignore",
+      cwd
+    });
+    mcpSpinner.succeed(
+      `MCP server installed for ${MCP_CLIENT_NAMES[mcpClient]}`
     );
-    mcpSpinner.succeed(`MCP server installed for ${MCP_CLIENT_NAMES[mcpClient]}`);
     logger.break();
     process.exit(0);
   } catch {
-    mcpSpinner.fail(`Failed to configure MCP for ${MCP_CLIENT_NAMES[mcpClient]}`);
-    logger.dim(`Try manually: npx -y install-mcp '${mcpCommand}' --client ${mcpClient}`);
+    mcpSpinner.fail(
+      `Failed to configure MCP for ${MCP_CLIENT_NAMES[mcpClient]}`
+    );
+    logger.dim(
+      `Try manually: npx -y install-mcp '${mcpCommand}' --client ${mcpClient}`
+    );
     logger.break();
     process.exit(1);
   }
@@ -1743,21 +1755,17 @@ var installSkill = (agent, cwd) => {
     process.exit(0);
   } catch {
     skillSpinner.fail(`Failed to install skill for ${agent.name}`);
-    logger.warn(`Try manually: npx -y add-skill aidenybai/react-grab --agent ${agent.id}`);
+    logger.warn(
+      `Try manually: npx -y add-skill aidenybai/react-grab --agent ${agent.id}`
+    );
     logger.break();
     process.exit(1);
   }
 };
-var add = new commander.Command().name("add").alias("install").description("add browser automation for your AI agent").argument(
-  "[agent]",
-  `agent to add (${AGENTS.join(", ")}, mcp, skill)`
-).option("-y, --yes", "skip confirmation prompts", false).option(
+var add = new commander.Command().name("add").alias("install").description("add browser automation for your AI agent").argument("[agent]", `agent to add (${AGENTS.join(", ")}, mcp, skill)`).option("-y, --yes", "skip confirmation prompts", false).option(
   "--client <client>",
   "MCP client to configure (cursor, claude-code, vscode, etc.)"
-).option(
-  "--pkg <pkg>",
-  "custom package URL for CLI (e.g., @react-grab/cli)"
-).option(
+).option("--pkg <pkg>", "custom package URL for CLI (e.g., grab)").option(
   "-c, --cwd <cwd>",
   "working directory (defaults to current directory)",
   process.cwd()
@@ -1814,7 +1822,9 @@ var add = new commander.Command().name("add").alias("install").description("add
       if (clientArg && !selectedAgent) {
         logger.break();
         logger.error(`Invalid skill agent: ${clientArg}`);
-        logger.error(`Available agents: ${SKILL_AGENTS.map((a) => a.id).join(", ")}`);
+        logger.error(
+          `Available agents: ${SKILL_AGENTS.map((a) => a.id).join(", ")}`
+        );
         logger.break();
         process.exit(1);
       }
@@ -1822,7 +1832,9 @@ var add = new commander.Command().name("add").alias("install").description("add
         if (detectedAgents.length === 0) {
           logger.break();
           logger.warn("No supported agent folders detected.");
-          logger.log("Supported agents: " + SKILL_AGENTS.map((a) => a.id).join(", "));
+          logger.log(
+            "Supported agents: " + SKILL_AGENTS.map((a) => a.id).join(", ")
+          );
           logger.break();
           process.exit(0);
         }
@@ -1848,7 +1860,9 @@ var add = new commander.Command().name("add").alias("install").description("add
       if (!selectedAgent) {
         logger.break();
         logger.error("Please specify an agent with --client");
-        logger.error(`Available agents: ${SKILL_AGENTS.map((a) => a.id).join(", ")}`);
+        logger.error(
+          `Available agents: ${SKILL_AGENTS.map((a) => a.id).join(", ")}`
+        );
         logger.break();
         process.exit(1);
       }
@@ -1896,14 +1910,20 @@ var add = new commander.Command().name("add").alias("install").description("add
           logger.break();
           process.exit(1);
         }
-        configureMcp(client, cwd, opts2.pkg);
+        configureMcp(
+          client,
+          cwd,
+          opts2.pkg
+        );
       }
       if (addType === "skill") {
         const detectedAgents = detectSkillAgents(cwd);
         if (detectedAgents.length === 0) {
           logger.break();
           logger.warn("No supported agent folders detected.");
-          logger.log("Supported agents: " + SKILL_AGENTS.map((a) => a.id).join(", "));
+          logger.log(
+            "Supported agents: " + SKILL_AGENTS.map((a) => a.id).join(", ")
+          );
           logger.break();
           process.exit(0);
         }
@@ -2460,9 +2480,14 @@ var createComponentHelper = (getActivePage2) => {
       async (args) => {
         const g2 = globalThis;
         if (!g2.__REACT_GRAB_FIND_BY_COMPONENT__) {
-          throw new Error("React introspection not available. Make sure react-grab is installed.");
+          throw new Error(
+            "React introspection not available. Make sure react-grab is installed."
+          );
         }
-        const result = await g2.__REACT_GRAB_FIND_BY_COMPONENT__(args.name, args.nth !== void 0 ? { nth: args.nth } : void 0);
+        const result = await g2.__REACT_GRAB_FIND_BY_COMPONENT__(
+          args.name,
+          args.nth !== void 0 ? { nth: args.nth } : void 0
+        );
         if (!result) return null;
         if (args.nth !== void 0) {
           const single = result;
@@ -2473,7 +2498,10 @@ var createComponentHelper = (getActivePage2) => {
       },
       { name: componentName, nth }
     );
-    const isNull = await currentPage2.evaluate((value) => value === null, elementHandles);
+    const isNull = await currentPage2.evaluate(
+      (value) => value === null,
+      elementHandles
+    );
     if (isNull) {
       await elementHandles.dispose();
       return null;
@@ -2521,7 +2549,8 @@ var createDragHelper = (getActivePage2) => {
       }) => {
         const fromElement = document.querySelector(fromSel);
         const toElement = document.querySelector(toSel);
-        if (!fromElement) throw new Error(`Source element not found: ${fromSel}`);
+        if (!fromElement)
+          throw new Error(`Source element not found: ${fromSel}`);
         if (!toElement) throw new Error(`Target element not found: ${toSel}`);
         const dataTransferObject = new DataTransfer();
         for (const [type, value] of Object.entries(data)) {
@@ -2583,16 +2612,26 @@ var createDispatchHelper = (getActivePage2) => {
             for (const [type, value] of Object.entries(opts2.dataTransfer)) {
               dataTransferObject.setData(type, value);
             }
-            return new DragEvent(eventType, { ...baseOpts, dataTransfer: dataTransferObject });
+            return new DragEvent(eventType, {
+              ...baseOpts,
+              dataTransfer: dataTransferObject
+            });
           }
           if (opts2.detail !== void 0) {
-            return new CustomEvent(eventType, { ...baseOpts, detail: opts2.detail });
+            return new CustomEvent(eventType, {
+              ...baseOpts,
+              detail: opts2.detail
+            });
           }
           return new Event(eventType, baseOpts);
         };
         return element.dispatchEvent(createEvent());
       },
-      { sel: selector, eventType: event, opts: { bubbles, cancelable, dataTransfer, detail } }
+      {
+        sel: selector,
+        eventType: event,
+        opts: { bubbles, cancelable, dataTransfer, detail }
+      }
     );
   };
 };
@@ -2641,11 +2680,16 @@ var createWaitForHelper = (getActivePage2) => {
     const currentPage2 = getActivePage2();
     const timeout = options2?.timeout;
     if (LOAD_STATES.has(selectorOrState)) {
-      await currentPage2.waitForLoadState(selectorOrState, { timeout });
+      await currentPage2.waitForLoadState(
+        selectorOrState,
+        { timeout }
+      );
       return;
     }
     if (/^e\d+$/.test(selectorOrState)) {
-      await currentPage2.waitForSelector(`[aria-ref="${selectorOrState}"]`, { timeout });
+      await currentPage2.waitForSelector(`[aria-ref="${selectorOrState}"]`, {
+        timeout
+      });
       return;
     }
     await currentPage2.waitForSelector(selectorOrState, { timeout });
@@ -16482,7 +16526,9 @@ After getting refs, use browser_execute with: getRef('e1').click()`,
         screenshot: external_exports.boolean().optional().default(false).describe(
           "Viewport screenshot. For element screenshots (PREFERRED), use browser_execute: getRef('eX').screenshot()"
         ),
-        reactTree: external_exports.boolean().optional().default(false).describe("(Experimental) React tree view. Note: Regular snapshot already includes [component=X] and [source=X] - prefer that."),
+        reactTree: external_exports.boolean().optional().default(false).describe(
+          "(Experimental) React tree view. Note: Regular snapshot already includes [component=X] and [source=X] - prefer that."
+        ),
         includeProps: external_exports.boolean().optional().default(false).describe("Include props when reactTree=true")
       }
     },
@@ -16511,7 +16557,10 @@ After getting refs, use browser_execute with: getRef('e1').click()`,
               }
               return g2.__REACT_GRAB_GET_COMPONENT_TREE__(opts2);
             },
-            { maxDepth: maxDepth ?? DEFAULT_COMPONENT_TREE_MAX_DEPTH, includeProps: includeProps ?? false }
+            {
+              maxDepth: maxDepth ?? DEFAULT_COMPONENT_TREE_MAX_DEPTH,
+              includeProps: includeProps ?? false
+            }
           );
           const renderTree = (nodes) => {
             const lines = [];
@@ -16532,7 +16581,9 @@ After getting refs, use browser_execute with: getRef('e1').click()`,
           };
           textResult = renderTree(componentTree) || "No React components found. Make sure react-grab is installed and the page uses React.";
         } else {
-          textResult = await createSnapshotHelper(() => activePage)({ maxDepth });
+          textResult = await createSnapshotHelper(() => activePage)({
+            maxDepth
+          });
         }
         if (screenshot) {
           const screenshotBuffer = await activePage.screenshot({
@@ -16700,7 +16751,7 @@ PERFORMANCE: Batch multiple actions in one execute call.`,
 };
 
 // src/commands/browser.ts
-var VERSION2 = "0.1.0-beta.7";
+var VERSION2 = "0.1.0-beta.8";
 var printHeader = () => {
   console.log(
     `${pc__default.default.magenta("\u273F")} ${pc__default.default.bold("React Grab")} ${pc__default.default.gray(VERSION2)}`
@@ -16766,7 +16817,10 @@ var dump = new commander.Command().name("dump").description("dump cookies from a
     exitWithError(error48);
   }
 });
-var start = new commander.Command().name("start").description("start browser server manually (auto-starts on first execute)").option("-p, --port <port>", "HTTP API port", String(browser$1.DEFAULT_SERVER_PORT)).option("--headed", "show browser window (default is headless)").option("-b, --browser <browser>", "source browser for cookies (chrome, edge, brave, arc)").option("-d, --domain <domain>", "only load cookies matching this domain").option("--foreground", "run in foreground instead of detaching").action(async (options2) => {
+var start = new commander.Command().name("start").description("start browser server manually (auto-starts on first execute)").option("-p, --port <port>", "HTTP API port", String(browser$1.DEFAULT_SERVER_PORT)).option("--headed", "show browser window (default is headless)").option(
+  "-b, --browser <browser>",
+  "source browser for cookies (chrome, edge, brave, arc)"
+).option("-d, --domain <domain>", "only load cookies matching this domain").option("--foreground", "run in foreground instead of detaching").action(async (options2) => {
   const isForeground = options2.foreground;
   if (!isForeground) {
     printHeader();
@@ -16826,7 +16880,9 @@ var start = new commander.Command().name("start").description("start browser ser
     await new Promise(() => {
     });
   } catch (error48) {
-    console.error(error48 instanceof Error ? error48.message : "Failed to start server");
+    console.error(
+      error48 instanceof Error ? error48.message : "Failed to start server"
+    );
     process.exit(1);
   }
 });
@@ -16853,17 +16909,21 @@ var status = new commander.Command().name("status").description("check server st
     const info = browser$1.getServerInfo();
     let pagesData = [];
     try {
-      const pagesResponse = await fetch(`http://127.0.0.1:${info?.port}/pages`);
+      const pagesResponse = await fetch(
+        `http://127.0.0.1:${info?.port}/pages`
+      );
       const pagesResult = await pagesResponse.json();
       pagesData = pagesResult.pages;
     } catch {
     }
     if (jsonMode) {
-      console.log(JSON.stringify({
-        running: true,
-        port: info?.port,
-        pages: pagesData
-      }));
+      console.log(
+        JSON.stringify({
+          running: true,
+          port: info?.port,
+          pages: pagesData
+        })
+      );
     } else {
       logger.success(`Server running on port ${info?.port}`);
       if (pagesData.length > 0) {
@@ -16876,17 +16936,30 @@ var status = new commander.Command().name("status").description("check server st
     }
   } else {
     if (jsonMode) {
-      console.log(JSON.stringify({
-        running: false,
-        port: null,
-        pages: []
-      }));
+      console.log(
+        JSON.stringify({
+          running: false,
+          port: null,
+          pages: []
+        })
+      );
     } else {
       logger.log("Server not running");
     }
   }
 });
-var execute = new commander.Command().name("execute").description("run Playwright code with 'page' variable available").argument("<code>", "JavaScript code to execute (use 'page' for Playwright Page, 'return' for output)").option("-b, --browser <browser>", "source browser for cookies").option("-d, --domain <domain>", "filter cookies by domain").option("-u, --url <url>", "navigate to URL before executing").option("-p, --page <name>", "named page context for multi-turn sessions", "default").option("-t, --timeout <ms>", `navigation timeout in milliseconds (default: ${browser$1.DEFAULT_NAVIGATION_TIMEOUT_MS})`, String(browser$1.DEFAULT_NAVIGATION_TIMEOUT_MS)).action(async (code, options2) => {
+var execute = new commander.Command().name("execute").description("run Playwright code with 'page' variable available").argument(
+  "<code>",
+  "JavaScript code to execute (use 'page' for Playwright Page, 'return' for output)"
+).option("-b, --browser <browser>", "source browser for cookies").option("-d, --domain <domain>", "filter cookies by domain").option("-u, --url <url>", "navigate to URL before executing").option(
+  "-p, --page <name>",
+  "named page context for multi-turn sessions",
+  "default"
+).option(
+  "-t, --timeout <ms>",
+  `navigation timeout in milliseconds (default: ${browser$1.DEFAULT_NAVIGATION_TIMEOUT_MS})`,
+  String(browser$1.DEFAULT_NAVIGATION_TIMEOUT_MS)
+).action(async (code, options2) => {
   const pageName = options2.page;
   const navigationTimeout = parseInt(options2.timeout, 10);
   let activePage = null;
@@ -16952,7 +17025,15 @@ var execute = new commander.Command().name("execute").description("run Playwrigh
     );
     console.log(JSON.stringify(await outputJson(true, result)));
   } catch (error48) {
-    console.log(JSON.stringify(await outputJson(false, void 0, error48 instanceof Error ? error48.message : "Failed")));
+    console.log(
+      JSON.stringify(
+        await outputJson(
+          false,
+          void 0,
+          error48 instanceof Error ? error48.message : "Failed"
+        )
+      )
+    );
     exitCode = 1;
   } finally {
     if (activePage && pageOpenHandler) {
@@ -16974,13 +17055,19 @@ var pages = new commander.Command().name("pages").description("manage server pag
     const pagesResponse2 = await fetch(`${serverUrl}/pages`);
     const pagesResult2 = await pagesResponse2.json();
     for (const pageEntry of pagesResult2.pages) {
-      await fetch(`${serverUrl}/pages/${encodeURIComponent(pageEntry.name)}`, { method: "DELETE" });
+      await fetch(
+        `${serverUrl}/pages/${encodeURIComponent(pageEntry.name)}`,
+        { method: "DELETE" }
+      );
       logger.success(`Unregistered ${pageEntry.name}`);
     }
     return;
   }
   if (options2.kill) {
-    const deleteResponse = await fetch(`${serverUrl}/pages/${encodeURIComponent(options2.kill)}`, { method: "DELETE" });
+    const deleteResponse = await fetch(
+      `${serverUrl}/pages/${encodeURIComponent(options2.kill)}`,
+      { method: "DELETE" }
+    );
     if (deleteResponse.ok) {
       logger.success(`Unregistered ${options2.kill}`);
     } else {
@@ -17120,7 +17207,9 @@ MULTI-PAGE SESSIONS
 
 PLAYWRIGHT DOCS: https://playwright.dev/docs/api/class-page
 `;
-var browser = new commander.Command().name("browser").description("browser automation with persistent page state and real cookie injection").addHelpText("after", BROWSER_HELP).action(() => {
+var browser = new commander.Command().name("browser").description(
+  "browser automation with persistent page state and real cookie injection"
+).addHelpText("after", BROWSER_HELP).action(() => {
   browser.help();
 });
 var mcp = new commander.Command().name("mcp").description("start MCP server for browser automation (stdio transport)").action(async () => {
@@ -17170,7 +17259,7 @@ browser.addCommand(status);
 browser.addCommand(execute);
 browser.addCommand(pages);
 browser.addCommand(mcp);
-var VERSION3 = "0.1.0-beta.7";
+var VERSION3 = "0.1.0-beta.8";
 var isMac = process.platform === "darwin";
 var META_LABEL = isMac ? "Cmd" : "Win";
 var ALT_LABEL = isMac ? "Option" : "Alt";
@@ -17368,19 +17457,13 @@ var comboToString = (combo) => {
 var configure = new commander.Command().name("configure").alias("config").description("configure React Grab options").option("-y, --yes", "skip confirmation prompts", false).option(
   "-k, --key <key>",
   "activation key (e.g., Meta+K, Ctrl+Shift+G, Space)"
-).option(
-  "-m, --mode <mode>",
-  "activation mode (toggle, hold)"
-).option(
+).option("-m, --mode <mode>", "activation mode (toggle, hold)").option(
   "--hold-duration <ms>",
   "key hold duration in milliseconds (for hold mode)"
 ).option(
   "--allow-input <boolean>",
   "allow activation inside input fields (true/false)"
-).option(
-  "--context-lines <lines>",
-  "max context lines to include"
-).option(
+).option("--context-lines <lines>", "max context lines to include").option(
   "-c, --cwd <cwd>",
   "working directory (defaults to current directory)",
   process.cwd()
@@ -17427,22 +17510,30 @@ var configure = new commander.Command().name("configure").alias("config").descri
       if (opts2.holdDuration) {
         const duration3 = parseInt(opts2.holdDuration, 10);
         if (isNaN(duration3) || duration3 < 0 || duration3 > MAX_KEY_HOLD_DURATION_MS) {
-          logger.error(`Invalid hold duration. Must be 0-${MAX_KEY_HOLD_DURATION_MS}ms.`);
+          logger.error(
+            `Invalid hold duration. Must be 0-${MAX_KEY_HOLD_DURATION_MS}ms.`
+          );
           logger.break();
           process.exit(1);
         }
         collectedOptions.keyHoldDuration = duration3;
-        logger.log(`  Key hold duration: ${highlighter.info(`${duration3}ms`)}`);
+        logger.log(
+          `  Key hold duration: ${highlighter.info(`${duration3}ms`)}`
+        );
       }
       if (opts2.allowInput !== void 0) {
         const allowInput = opts2.allowInput === "true" || opts2.allowInput === true;
         collectedOptions.allowActivationInsideInput = allowInput;
-        logger.log(`  Allow activation inside input: ${highlighter.info(String(allowInput))}`);
+        logger.log(
+          `  Allow activation inside input: ${highlighter.info(String(allowInput))}`
+        );
       }
       if (opts2.contextLines) {
         const lines = parseInt(opts2.contextLines, 10);
         if (isNaN(lines) || lines < 0 || lines > MAX_CONTEXT_LINES) {
-          logger.error(`Invalid context lines. Must be 0-${MAX_CONTEXT_LINES}.`);
+          logger.error(
+            `Invalid context lines. Must be 0-${MAX_CONTEXT_LINES}.`
+          );
           logger.break();
           process.exit(1);
         }
@@ -17492,7 +17583,10 @@ var configure = new commander.Command().name("configure").alias("config").descri
           name: "activationMode",
           message: `Select ${highlighter.info("activation mode")}:`,
           choices: [
-            { title: "Toggle (press to activate/deactivate)", value: "toggle" },
+            {
+              title: "Toggle (press to activate/deactivate)",
+              value: "toggle"
+            },
             { title: "Hold (hold key to keep active)", value: "hold" }
           ],
           initial: 0
@@ -17558,7 +17652,9 @@ var configure = new commander.Command().name("configure").alias("config").descri
       logger.warn(result.message);
       logger.break();
       const configJson = JSON.stringify(collectedOptions);
-      logger.log(`Add this to your ${highlighter.info("init()")} call or ${highlighter.info("data-options")} attribute:`);
+      logger.log(
+        `Add this to your ${highlighter.info("init()")} call or ${highlighter.info("data-options")} attribute:`
+      );
       logger.break();
       console.log(`  ${pc__default.default.cyan(configJson)}`);
       logger.break();
@@ -17608,7 +17704,7 @@ var configure = new commander.Command().name("configure").alias("config").descri
     handleError(error48);
   }
 });
-var VERSION4 = "0.1.0-beta.7";
+var VERSION4 = "0.1.0-beta.8";
 var REPORT_URL = "https://react-grab.com/api/report-cli";
 var DOCS_URL = "https://github.com/aidenybai/react-grab";
 var promptSkillInstall = async (cwd) => {
@@ -17616,7 +17712,9 @@ var promptSkillInstall = async (cwd) => {
   if (detectedAgents.length === 0) {
     return;
   }
-  logger.log(`The ${highlighter.info("React Grab skill")} gives your agent access to the browser.`);
+  logger.log(
+    `The ${highlighter.info("React Grab skill")} gives your agent access to the browser.`
+  );
   logger.log(`Learn more at ${highlighter.info("https://skill.md")}`);
   logger.break();
   const { wantSkill } = await prompts3__default.default({
@@ -17640,16 +17738,23 @@ var promptSkillInstall = async (cwd) => {
   });
   if (selectedAgent) {
     logger.break();
-    const skillSpinner = spinner(`Installing skill for ${selectedAgent.name}`).start();
+    const skillSpinner = spinner(
+      `Installing skill for ${selectedAgent.name}`
+    ).start();
     try {
-      child_process.execSync(`npx -y add-skill aidenybai/react-grab -y --agent ${selectedAgent.id}`, {
-        stdio: "ignore",
-        cwd
-      });
+      child_process.execSync(
+        `npx -y add-skill aidenybai/react-grab -y --agent ${selectedAgent.id}`,
+        {
+          stdio: "ignore",
+          cwd
+        }
+      );
       skillSpinner.succeed(`Skill installed for ${selectedAgent.name}.`);
     } catch {
       skillSpinner.fail(`Failed to install skill for ${selectedAgent.name}.`);
-      logger.warn(`Try manually: npx -y add-skill aidenybai/react-grab --agent ${selectedAgent.id}`);
+      logger.warn(
+        `Try manually: npx -y add-skill aidenybai/react-grab --agent ${selectedAgent.id}`
+      );
     }
   }
   logger.break();
@@ -17710,10 +17815,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
 ).option(
   "-k, --key <key>",
   "activation key (e.g., Meta+K, Ctrl+Shift+G, Space)"
-).option("--skip-install", "skip package installation", false).option(
-  "--pkg <pkg>",
-  "custom package URL for CLI (e.g., @react-grab/cli)"
-).option(
+).option("--skip-install", "skip package installation", false).option("--pkg <pkg>", "custom package URL for CLI (e.g., grab)").option(
   "-c, --cwd <cwd>",
   "working directory (defaults to current directory)",
   process.cwd()
@@ -17961,7 +18063,9 @@ var init = new commander.Command().name("init").description("initialize React Gr
           const agentIntegration2 = agent;
           let agentsToRemove2 = [];
           if (projectInfo.installedAgents.length > 0) {
-            const installedNames = formatInstalledAgentNames(projectInfo.installedAgents);
+            const installedNames = formatInstalledAgentNames(
+              projectInfo.installedAgents
+            );
             const { action } = await prompts3__default.default({
               type: "select",
               name: "action",
@@ -18289,7 +18393,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
     reportToCli("error", void 0, error48);
   }
 });
-var VERSION5 = "0.1.0-beta.7";
+var VERSION5 = "0.1.0-beta.8";
 var remove = new commander.Command().name("remove").description("remove an agent integration").argument(
   "[agent]",
   "agent to remove (claude-code, cursor, opencode, codex, gemini, amp, ami, visual-edit)"
@@ -18469,18 +18573,18 @@ var remove = new commander.Command().name("remove").description("remove an agent
 var uninstall = new commander.Command().name("uninstall").description("uninstall React Grab CLI globally").action(() => {
   console.log("Uninstalling React Grab CLI...");
   try {
-    child_process.execSync("npm uninstall -g @react-grab/cli", { stdio: "inherit" });
+    child_process.execSync("npm uninstall -g grab", { stdio: "inherit" });
     console.log("React Grab CLI has been uninstalled.");
   } catch {
-    console.error("Failed to uninstall. Please try: npm uninstall -g @react-grab/cli");
+    console.error("Failed to uninstall. Please try: npm uninstall -g grab");
     process.exit(1);
   }
 });
-var VERSION6 = "0.1.0-beta.7";
-var UPDATE_COMMAND = "npm install -g @react-grab/cli@latest";
+var VERSION6 = "0.1.0-beta.8";
+var UPDATE_COMMAND = "npm install -g grab@latest";
 var getLatestVersion = () => {
   try {
-    return child_process.execSync("npm view @react-grab/cli version", {
+    return child_process.execSync("npm view grab version", {
       encoding: "utf-8",
       stdio: ["pipe", "pipe", "pipe"]
     }).trim();
@@ -18498,7 +18602,9 @@ var update = new commander.Command().name("update").alias("upgrade").description
   if (!latestVersion) {
     checkSpinner.fail("Failed to fetch latest version");
     logger.break();
-    logger.error("Could not reach npm registry. Check your network connection.");
+    logger.error(
+      "Could not reach npm registry. Check your network connection."
+    );
     logger.break();
     process.exit(1);
   }
@@ -18513,7 +18619,9 @@ var update = new commander.Command().name("update").alias("upgrade").description
   logger.break();
   if (opts2.check) {
     logger.log(`Update available: ${VERSION6} \u2192 ${latestVersion}`);
-    logger.log(`Run ${highlighter.info("grab update")} to install the update.`);
+    logger.log(
+      `Run ${highlighter.info("grab update")} to install the update.`
+    );
     logger.break();
     process.exit(0);
   }
@@ -18542,7 +18650,9 @@ var update = new commander.Command().name("update").alias("upgrade").description
   } catch (error48) {
     updateSpinner.fail("Failed to update");
     logger.break();
-    logger.error(`Update failed. Try manually: ${highlighter.info(UPDATE_COMMAND)}`);
+    logger.error(
+      `Update failed. Try manually: ${highlighter.info(UPDATE_COMMAND)}`
+    );
     if (error48 instanceof Error && error48.message) {
       logger.dim(error48.message);
     }
@@ -18552,7 +18662,7 @@ var update = new commander.Command().name("update").alias("upgrade").description
 });
 
 // src/cli.ts
-var VERSION7 = "0.1.0-beta.7";
+var VERSION7 = "0.1.0-beta.8";
 var VERSION_API_URL = "https://www.react-grab.com/api/version";
 process.on("SIGINT", () => process.exit(0));
 process.on("SIGTERM", () => process.exit(0));