@react-grab/cli 0.1.12 → 0.1.14

package/dist/cli.cjs

@@ -65,10 +65,19 @@ var onCancel = () => {
 var prompts = (questions) => {
   return basePrompts__default.default(questions, { onCancel });
 };
+var VALID_PACKAGE_MANAGERS = /* @__PURE__ */ new Set([
+  "npm",
+  "yarn",
+  "pnpm",
+  "bun"
+]);
 var detectPackageManager = async (projectRoot) => {
   const detected = await ni.detect({ cwd: projectRoot });
-  if (detected && ["npm", "yarn", "pnpm", "bun"].includes(detected)) {
-    return detected;
+  if (detected) {
+    const managerName = detected.split("@")[0];
+    if (VALID_PACKAGE_MANAGERS.has(managerName)) {
+      return managerName;
+    }
   }
   return "npm";
 };
@@ -308,7 +317,8 @@ var AGENT_PACKAGES = [
   "@react-grab/codex",
   "@react-grab/gemini",
   "@react-grab/amp",
-  "@react-grab/ami"
+  "@react-grab/ami",
+  "@react-grab/mcp"
 ];
 var detectUnsupportedFramework = (projectRoot) => {
   const packageJsonPath = path.join(projectRoot, "package.json");
@@ -855,6 +865,13 @@ var AGENT_NAMES = {
   ami: "Ami",
   droid: "Droid"
 };
+var getAgentDisplayName = (agent) => {
+  if (agent === "mcp") return "MCP";
+  if (agent in AGENT_NAMES) {
+    return AGENT_NAMES[agent];
+  }
+  return agent;
+};
 var NEXT_APP_ROUTER_SCRIPT = `{process.env.NODE_ENV === "development" && (
           <Script
             src="//unpkg.com/react-grab/dist/index.global.js"
@@ -1608,6 +1625,14 @@ var previewPackageJsonTransform = (projectRoot, agent, installedAgents, packageM
       noChanges: true
     };
   }
+  if (agent === "mcp") {
+    return {
+      success: true,
+      filePath: "",
+      message: "MCP does not use package.json dev script",
+      noChanges: true
+    };
+  }
   const packageJsonPath = path.join(projectRoot, "package.json");
   if (!fs.existsSync(packageJsonPath)) {
     return {
@@ -2169,9 +2194,9 @@ var previewCdnTransform = (projectRoot, framework, nextRouterType, targetCdnDoma
 };
 
 // src/commands/add.ts
-var VERSION = "0.1.12";
+var VERSION = "0.1.14";
 var formatInstalledAgentNames = (agents) => agents.map((agent) => AGENT_NAMES[agent] || agent).join(", ");
-var add = new commander.Command().name("add").alias("install").description("add an agent integration").argument("[agent]", `agent to add (${AGENTS.join(", ")})`).option("-y, --yes", "skip confirmation prompts", false).option(
+var add = new commander.Command().name("add").alias("install").description("connect React Grab to your agent").argument("[agent]", `agent to connect (${AGENTS.join(", ")}, mcp)`).option("-y, --yes", "skip confirmation prompts", false).option(
   "-c, --cwd <cwd>",
   "working directory (defaults to current directory)",
   process.cwd()
@@ -2198,9 +2223,10 @@ var add = new commander.Command().name("add").alias("install").description("add
     const availableAgents = AGENTS.filter(
       (agent) => !projectInfo.installedAgents.includes(agent)
     );
-    if (availableAgents.length === 0) {
+    if (availableAgents.length === 0 && isNonInteractive && !agentArg) {
       logger.break();
-      logger.success("All agent integrations are already installed.");
+      logger.success("All legacy agents are already installed.");
+      logger.log("Run without -y to add MCP.");
       logger.break();
       process.exit(0);
     }
@@ -2234,11 +2260,11 @@ var add = new commander.Command().name("add").alias("install").description("add
           message: "How would you like to proceed?",
           choices: [
             {
-              title: `Replace with ${AGENT_NAMES[agentIntegration]}`,
+              title: `Replace with ${getAgentDisplayName(agentIntegration)}`,
               value: "replace"
             },
             {
-              title: `Add ${AGENT_NAMES[agentIntegration]} alongside existing`,
+              title: `Add ${getAgentDisplayName(agentIntegration)} alongside existing`,
               value: "add"
             },
             { title: "Cancel", value: "cancel" }
@@ -2279,55 +2305,60 @@ var add = new commander.Command().name("add").alias("install").description("add
         );
         logger.log("Restart your agents to activate.");
         logger.break();
-        process.exit(0);
-      }
-      const { agent } = await prompts({
-        type: "select",
-        name: "agent",
-        message: `Which ${highlighter.info("agent integration")} would you like to add?`,
-        choices: availableAgents.map((availableAgent) => ({
-          title: AGENT_NAMES[availableAgent],
-          value: availableAgent
-        }))
-      });
-      if (!agent) {
-        logger.break();
-        process.exit(1);
-      }
-      agentIntegration = agent;
-      if (projectInfo.installedAgents.length > 0) {
-        const installedNames = formatInstalledAgentNames(
-          projectInfo.installedAgents
-        );
-        const { action } = await prompts({
+        agentIntegration = "mcp";
+        projectInfo.installedAgents = [...projectInfo.installedAgents, "mcp"];
+      } else {
+        const { agent } = await prompts({
           type: "select",
-          name: "action",
-          message: "How would you like to proceed?",
+          name: "agent",
+          message: `Which ${highlighter.info("agent")} would you like to connect?`,
           choices: [
-            {
-              title: `Replace ${installedNames} with ${AGENT_NAMES[agentIntegration]}`,
-              value: "replace"
-            },
-            {
-              title: `Add ${AGENT_NAMES[agentIntegration]} alongside existing`,
-              value: "add"
-            },
-            { title: "Cancel", value: "cancel" }
+            ...availableAgents.map((availableAgent) => ({
+              title: AGENT_NAMES[availableAgent],
+              value: availableAgent
+            })),
+            { title: "Skip", value: "skip" }
           ]
         });
-        if (!action || action === "cancel") {
-          logger.break();
-          logger.log("Changes cancelled.");
+        if (!agent || agent === "skip") {
           logger.break();
           process.exit(0);
         }
-        if (action === "replace") {
-          agentsToRemove = [...projectInfo.installedAgents];
+        agentIntegration = agent;
+        if (projectInfo.installedAgents.length > 0) {
+          const installedNames = formatInstalledAgentNames(
+            projectInfo.installedAgents
+          );
+          const { action } = await prompts({
+            type: "select",
+            name: "action",
+            message: "How would you like to proceed?",
+            choices: [
+              {
+                title: `Replace ${installedNames} with ${getAgentDisplayName(agentIntegration)}`,
+                value: "replace"
+              },
+              {
+                title: `Add ${getAgentDisplayName(agentIntegration)} alongside existing`,
+                value: "add"
+              },
+              { title: "Cancel", value: "cancel" }
+            ]
+          });
+          if (!action || action === "cancel") {
+            logger.break();
+            logger.log("Changes cancelled.");
+            logger.break();
+            process.exit(0);
+          }
+          if (action === "replace") {
+            agentsToRemove = [...projectInfo.installedAgents];
+          }
         }
       }
     } else {
       logger.break();
-      logger.error("Please specify an agent to add.");
+      logger.error("Please specify an agent to connect.");
       logger.error("Available agents: " + availableAgents.join(", "));
       logger.break();
       process.exit(1);
@@ -2399,7 +2430,7 @@ var add = new commander.Command().name("add").alias("install").description("add
       );
     }
     const addingSpinner = spinner(
-      `Adding ${AGENT_NAMES[agentIntegration]}.`
+      `Adding ${getAgentDisplayName(agentIntegration)}.`
     ).start();
     addingSpinner.succeed();
     const result = previewTransform(
@@ -2505,7 +2536,7 @@ var add = new commander.Command().name("add").alias("install").description("add
     }
     logger.break();
     logger.log(
-      `${highlighter.success("Success!")} ${AGENT_NAMES[agentIntegration]} has been added.`
+      `${highlighter.success("Success!")} ${getAgentDisplayName(agentIntegration)} has been added.`
     );
     if (packageJsonResult.warning) {
       logger.warn(packageJsonResult.warning);
@@ -2524,7 +2555,7 @@ var MAX_KEY_HOLD_DURATION_MS = 2e3;
 var MAX_CONTEXT_LINES = 50;
 
 // src/commands/configure.ts
-var VERSION2 = "0.1.12";
+var VERSION2 = "0.1.14";
 var isMac = process.platform === "darwin";
 var META_LABEL = isMac ? "Cmd" : "Win";
 var ALT_LABEL = isMac ? "Option" : "Alt";
@@ -3027,7 +3058,7 @@ var configure = new commander.Command().name("configure").alias("config").descri
 });
 
 // src/utils/cli-helpers.ts
-var formatInstalledAgentNames2 = (agents) => agents.map((agent) => AGENT_NAMES[agent] ?? agent).join(", ");
+var formatInstalledAgentNames2 = (agents) => agents.map(getAgentDisplayName).join(", ");
 var applyTransformWithFeedback = (result, message) => {
   const writeSpinner = spinner(
     message ?? `Applying changes to ${result.filePath}.`
@@ -3080,7 +3111,7 @@ var uninstallPackagesWithFeedback = (packages, packageManager, projectRoot) => {
 };
 
 // src/commands/init.ts
-var VERSION3 = "0.1.12";
+var VERSION3 = "0.1.14";
 var REPORT_URL = "https://react-grab.com/api/report-cli";
 var DOCS_URL = "https://github.com/aidenybai/react-grab";
 var reportToCli = (type, config, error) => {
@@ -3116,12 +3147,7 @@ var UNSUPPORTED_FRAMEWORK_NAMES = {
   sveltekit: "SvelteKit",
   gatsby: "Gatsby"
 };
-var getAgentName = (agent) => {
-  if (agent in AGENT_NAMES) {
-    return AGENT_NAMES[agent];
-  }
-  return agent;
-};
+var getAgentName = getAgentDisplayName;
 var formatActivationKeyDisplay2 = (activationKey) => {
   if (!activationKey) return "Default (Option/Alt)";
   return activationKey.split("+").map((part) => {
@@ -3136,7 +3162,7 @@ var formatActivationKeyDisplay2 = (activationKey) => {
 };
 var init = new commander.Command().name("init").description("initialize React Grab in your project").option("-y, --yes", "skip confirmation prompts", false).option("-f, --force", "force overwrite existing config", false).option(
   "-a, --agent <agent>",
-  "agent integration (claude-code, cursor, opencode, codex, gemini, amp)"
+  `connect to your agent (${AGENTS.join(", ")}, mcp)`
 ).option(
   "-k, --key <key>",
   "activation key (e.g., Meta+K, Ctrl+Shift+G, Space)"
@@ -3355,40 +3381,108 @@ var init = new commander.Command().name("init").description("initialize React Gr
       const availableAgents = AGENTS.filter(
         (agent) => !projectInfo.installedAgents.includes(agent)
       );
-      if (availableAgents.length > 0) {
+      logger.break();
+      const { wantAddAgent } = await prompts({
+        type: "confirm",
+        name: "wantAddAgent",
+        message: `Would you like to ${highlighter.info("connect it to your agent")}?`,
+        initial: false
+      });
+      if (wantAddAgent === void 0) {
         logger.break();
-        const { wantAddAgent } = await prompts({
-          type: "confirm",
-          name: "wantAddAgent",
-          message: `Would you like to add an ${highlighter.info("agent integration")}?`,
-          initial: false
-        });
-        if (wantAddAgent === void 0) {
+        process.exit(1);
+      }
+      if (wantAddAgent) {
+        const connectionMode = await promptConnectionMode();
+        if (connectionMode === void 0) {
           logger.break();
           process.exit(1);
         }
-        if (wantAddAgent) {
-          const connectionMode = await promptConnectionMode();
-          if (connectionMode === void 0) {
+        let agentIntegration2;
+        if (connectionMode === "mcp") {
+          const didInstall = await promptMcpInstall();
+          if (!didInstall) {
+            logger.break();
+            process.exit(0);
+          }
+          logger.break();
+          logger.success("MCP server has been configured.");
+          logger.log("Restart your agents to activate.");
+          agentIntegration2 = "mcp";
+          projectInfo.installedAgents = ["mcp"];
+          const result2 = previewTransform(
+            projectInfo.projectRoot,
+            projectInfo.framework,
+            projectInfo.nextRouterType,
+            agentIntegration2,
+            true
+          );
+          const packageJsonResult2 = previewPackageJsonTransform(
+            projectInfo.projectRoot,
+            agentIntegration2,
+            projectInfo.installedAgents,
+            projectInfo.packageManager
+          );
+          if (!result2.success) {
+            logger.break();
+            logger.error(result2.message);
             logger.break();
             process.exit(1);
           }
-          if (connectionMode === "mcp") {
-            const didInstall = await promptMcpInstall();
-            if (!didInstall) {
-              logger.break();
-              process.exit(0);
-            }
+          const hasLayoutChanges2 = !result2.noChanges && result2.originalContent && result2.newContent;
+          const hasPackageJsonChanges2 = packageJsonResult2.success && !packageJsonResult2.noChanges && packageJsonResult2.originalContent && packageJsonResult2.newContent;
+          if (hasLayoutChanges2 || hasPackageJsonChanges2) {
             logger.break();
-            logger.success("MCP server has been configured.");
-            logger.log("Restart your agents to activate.");
+            if (hasLayoutChanges2) {
+              printDiff(
+                result2.filePath,
+                result2.originalContent,
+                result2.newContent
+              );
+            }
+            if (hasPackageJsonChanges2) {
+              if (hasLayoutChanges2) {
+                logger.break();
+              }
+              printDiff(
+                packageJsonResult2.filePath,
+                packageJsonResult2.originalContent,
+                packageJsonResult2.newContent
+              );
+            }
             logger.break();
-            process.exit(0);
+            const { proceed } = await prompts({
+              type: "confirm",
+              name: "proceed",
+              message: "Apply these changes?",
+              initial: true
+            });
+            if (!proceed) {
+              logger.break();
+              logger.log("Agent addition cancelled.");
+            } else {
+              installPackagesWithFeedback(
+                getPackagesToInstall(agentIntegration2, false),
+                projectInfo.packageManager,
+                projectInfo.projectRoot
+              );
+              if (hasLayoutChanges2) {
+                applyTransformWithFeedback(result2);
+              }
+              if (hasPackageJsonChanges2) {
+                applyPackageJsonWithFeedback(packageJsonResult2);
+              }
+              logger.break();
+              logger.success(
+                `${getAgentName(agentIntegration2)} has been added.`
+              );
+            }
           }
+        } else {
           const { agent } = await prompts({
             type: "select",
             name: "agent",
-            message: `Which ${highlighter.info("agent integration")} would you like to add?`,
+            message: `Which ${highlighter.info("agent")} would you like to connect?`,
             choices: [
               ...availableAgents.map((innerAgent) => ({
                 title: getAgentName(innerAgent),
@@ -3401,7 +3495,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
             logger.break();
             process.exit(0);
           }
-          const agentIntegration2 = agent;
+          agentIntegration2 = agent;
           let agentsToRemove2 = [];
           if (projectInfo.installedAgents.length > 0) {
             const installedNames = formatInstalledAgentNames2(
@@ -3699,7 +3793,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
       const { wantAddAgent } = await prompts({
         type: "confirm",
         name: "wantAddAgent",
-        message: `Would you like to add an ${highlighter.info("agent integration")}?`,
+        message: `Would you like to ${highlighter.info("connect it to your agent")}?`,
         initial: false
       });
       if (wantAddAgent === void 0) {
@@ -3722,11 +3816,12 @@ var init = new commander.Command().name("init").description("initialize React Gr
           logger.success("MCP server has been configured.");
           logger.log("Continuing with React Grab installation...");
           logger.break();
+          agentIntegration = "mcp";
         } else {
           const { agent } = await prompts({
             type: "select",
             name: "agent",
-            message: `Which ${highlighter.info("agent integration")} would you like to add?`,
+            message: `Which ${highlighter.info("agent")} would you like to connect?`,
             choices: [
               ...AGENTS.map((innerAgent) => ({
                 title: getAgentName(innerAgent),
@@ -3850,11 +3945,8 @@ var init = new commander.Command().name("init").description("initialize React Gr
     reportToCli("error", void 0, error);
   }
 });
-var VERSION4 = "0.1.12";
-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)"
-).option("-y, --yes", "skip confirmation prompts", false).option(
+var VERSION4 = "0.1.14";
+var remove = new commander.Command().name("remove").description("disconnect React Grab from your agent").argument("[agent]", `agent to disconnect (${AGENTS.join(", ")}, mcp)`).option("-y, --yes", "skip confirmation prompts", false).option(
   "-c, --cwd <cwd>",
   "working directory (defaults to current directory)",
   process.cwd()
@@ -3880,7 +3972,7 @@ var remove = new commander.Command().name("remove").description("remove an agent
     if (projectInfo.installedAgents.length === 0) {
       preflightSpinner.succeed();
       logger.break();
-      logger.warn("No agent integrations are installed.");
+      logger.warn("No agent connections are installed.");
       logger.break();
       process.exit(0);
     }
@@ -3891,7 +3983,7 @@ var remove = new commander.Command().name("remove").description("remove an agent
         logger.break();
         logger.error(`Agent ${highlighter.info(agentArg)} is not installed.`);
         logger.log(
-          `Installed agents: ${projectInfo.installedAgents.map((innerAgent) => AGENT_NAMES[innerAgent] || innerAgent).join(", ")}`
+          `Installed agents: ${projectInfo.installedAgents.map(getAgentDisplayName).join(", ")}`
         );
         logger.break();
         process.exit(1);
@@ -3902,9 +3994,9 @@ var remove = new commander.Command().name("remove").description("remove an agent
       const { agent } = await prompts({
         type: "select",
         name: "agent",
-        message: `Which ${highlighter.info("agent integration")} would you like to remove?`,
+        message: `Which ${highlighter.info("agent")} would you like to disconnect?`,
         choices: projectInfo.installedAgents.map((innerAgent) => ({
-          title: AGENT_NAMES[innerAgent] || innerAgent,
+          title: getAgentDisplayName(innerAgent),
           value: innerAgent
         }))
       });
@@ -3915,7 +4007,7 @@ var remove = new commander.Command().name("remove").description("remove an agent
       agentToRemove = agent;
     } else {
       logger.break();
-      logger.error("Please specify an agent to remove.");
+      logger.error("Please specify an agent to disconnect.");
       logger.error(
         "Installed agents: " + projectInfo.installedAgents.join(", ")
       );
@@ -3923,7 +4015,7 @@ var remove = new commander.Command().name("remove").description("remove an agent
       process.exit(1);
     }
     const removingSpinner = spinner(
-      `Preparing to remove ${AGENT_NAMES[agentToRemove] || agentToRemove}.`
+      `Preparing to remove ${getAgentDisplayName(agentToRemove)}.`
     ).start();
     removingSpinner.succeed();
     const result = previewAgentRemoval(
@@ -4020,7 +4112,7 @@ var remove = new commander.Command().name("remove").description("remove an agent
     }
     logger.break();
     logger.log(
-      `${highlighter.success("Success!")} ${AGENT_NAMES[agentToRemove] || agentToRemove} has been removed.`
+      `${highlighter.success("Success!")} ${getAgentDisplayName(agentToRemove)} has been removed.`
     );
     logger.break();
   } catch (error) {
@@ -4029,7 +4121,7 @@ var remove = new commander.Command().name("remove").description("remove an agent
 });
 
 // src/cli.ts
-var VERSION5 = "0.1.12";
+var VERSION5 = "0.1.14";
 var VERSION_API_URL = "https://www.react-grab.com/api/version";
 process.on("SIGINT", () => process.exit(0));
 process.on("SIGTERM", () => process.exit(0));

package/dist/cli.js

@@ -53,10 +53,19 @@ var onCancel = () => {
 var prompts = (questions) => {
   return basePrompts(questions, { onCancel });
 };
+var VALID_PACKAGE_MANAGERS = /* @__PURE__ */ new Set([
+  "npm",
+  "yarn",
+  "pnpm",
+  "bun"
+]);
 var detectPackageManager = async (projectRoot) => {
   const detected = await detect({ cwd: projectRoot });
-  if (detected && ["npm", "yarn", "pnpm", "bun"].includes(detected)) {
-    return detected;
+  if (detected) {
+    const managerName = detected.split("@")[0];
+    if (VALID_PACKAGE_MANAGERS.has(managerName)) {
+      return managerName;
+    }
   }
   return "npm";
 };
@@ -296,7 +305,8 @@ var AGENT_PACKAGES = [
   "@react-grab/codex",
   "@react-grab/gemini",
   "@react-grab/amp",
-  "@react-grab/ami"
+  "@react-grab/ami",
+  "@react-grab/mcp"
 ];
 var detectUnsupportedFramework = (projectRoot) => {
   const packageJsonPath = join(projectRoot, "package.json");
@@ -843,6 +853,13 @@ var AGENT_NAMES = {
   ami: "Ami",
   droid: "Droid"
 };
+var getAgentDisplayName = (agent) => {
+  if (agent === "mcp") return "MCP";
+  if (agent in AGENT_NAMES) {
+    return AGENT_NAMES[agent];
+  }
+  return agent;
+};
 var NEXT_APP_ROUTER_SCRIPT = `{process.env.NODE_ENV === "development" && (
           <Script
             src="//unpkg.com/react-grab/dist/index.global.js"
@@ -1596,6 +1613,14 @@ var previewPackageJsonTransform = (projectRoot, agent, installedAgents, packageM
       noChanges: true
     };
   }
+  if (agent === "mcp") {
+    return {
+      success: true,
+      filePath: "",
+      message: "MCP does not use package.json dev script",
+      noChanges: true
+    };
+  }
   const packageJsonPath = join(projectRoot, "package.json");
   if (!existsSync(packageJsonPath)) {
     return {
@@ -2157,9 +2182,9 @@ var previewCdnTransform = (projectRoot, framework, nextRouterType, targetCdnDoma
 };
 
 // src/commands/add.ts
-var VERSION = "0.1.12";
+var VERSION = "0.1.14";
 var formatInstalledAgentNames = (agents) => agents.map((agent) => AGENT_NAMES[agent] || agent).join(", ");
-var add = new Command().name("add").alias("install").description("add an agent integration").argument("[agent]", `agent to add (${AGENTS.join(", ")})`).option("-y, --yes", "skip confirmation prompts", false).option(
+var add = new Command().name("add").alias("install").description("connect React Grab to your agent").argument("[agent]", `agent to connect (${AGENTS.join(", ")}, mcp)`).option("-y, --yes", "skip confirmation prompts", false).option(
   "-c, --cwd <cwd>",
   "working directory (defaults to current directory)",
   process.cwd()
@@ -2186,9 +2211,10 @@ var add = new Command().name("add").alias("install").description("add an agent i
     const availableAgents = AGENTS.filter(
       (agent) => !projectInfo.installedAgents.includes(agent)
     );
-    if (availableAgents.length === 0) {
+    if (availableAgents.length === 0 && isNonInteractive && !agentArg) {
       logger.break();
-      logger.success("All agent integrations are already installed.");
+      logger.success("All legacy agents are already installed.");
+      logger.log("Run without -y to add MCP.");
       logger.break();
       process.exit(0);
     }
@@ -2222,11 +2248,11 @@ var add = new Command().name("add").alias("install").description("add an agent i
           message: "How would you like to proceed?",
           choices: [
             {
-              title: `Replace with ${AGENT_NAMES[agentIntegration]}`,
+              title: `Replace with ${getAgentDisplayName(agentIntegration)}`,
               value: "replace"
             },
             {
-              title: `Add ${AGENT_NAMES[agentIntegration]} alongside existing`,
+              title: `Add ${getAgentDisplayName(agentIntegration)} alongside existing`,
               value: "add"
             },
             { title: "Cancel", value: "cancel" }
@@ -2267,55 +2293,60 @@ var add = new Command().name("add").alias("install").description("add an agent i
         );
         logger.log("Restart your agents to activate.");
         logger.break();
-        process.exit(0);
-      }
-      const { agent } = await prompts({
-        type: "select",
-        name: "agent",
-        message: `Which ${highlighter.info("agent integration")} would you like to add?`,
-        choices: availableAgents.map((availableAgent) => ({
-          title: AGENT_NAMES[availableAgent],
-          value: availableAgent
-        }))
-      });
-      if (!agent) {
-        logger.break();
-        process.exit(1);
-      }
-      agentIntegration = agent;
-      if (projectInfo.installedAgents.length > 0) {
-        const installedNames = formatInstalledAgentNames(
-          projectInfo.installedAgents
-        );
-        const { action } = await prompts({
+        agentIntegration = "mcp";
+        projectInfo.installedAgents = [...projectInfo.installedAgents, "mcp"];
+      } else {
+        const { agent } = await prompts({
           type: "select",
-          name: "action",
-          message: "How would you like to proceed?",
+          name: "agent",
+          message: `Which ${highlighter.info("agent")} would you like to connect?`,
           choices: [
-            {
-              title: `Replace ${installedNames} with ${AGENT_NAMES[agentIntegration]}`,
-              value: "replace"
-            },
-            {
-              title: `Add ${AGENT_NAMES[agentIntegration]} alongside existing`,
-              value: "add"
-            },
-            { title: "Cancel", value: "cancel" }
+            ...availableAgents.map((availableAgent) => ({
+              title: AGENT_NAMES[availableAgent],
+              value: availableAgent
+            })),
+            { title: "Skip", value: "skip" }
           ]
         });
-        if (!action || action === "cancel") {
-          logger.break();
-          logger.log("Changes cancelled.");
+        if (!agent || agent === "skip") {
           logger.break();
           process.exit(0);
         }
-        if (action === "replace") {
-          agentsToRemove = [...projectInfo.installedAgents];
+        agentIntegration = agent;
+        if (projectInfo.installedAgents.length > 0) {
+          const installedNames = formatInstalledAgentNames(
+            projectInfo.installedAgents
+          );
+          const { action } = await prompts({
+            type: "select",
+            name: "action",
+            message: "How would you like to proceed?",
+            choices: [
+              {
+                title: `Replace ${installedNames} with ${getAgentDisplayName(agentIntegration)}`,
+                value: "replace"
+              },
+              {
+                title: `Add ${getAgentDisplayName(agentIntegration)} alongside existing`,
+                value: "add"
+              },
+              { title: "Cancel", value: "cancel" }
+            ]
+          });
+          if (!action || action === "cancel") {
+            logger.break();
+            logger.log("Changes cancelled.");
+            logger.break();
+            process.exit(0);
+          }
+          if (action === "replace") {
+            agentsToRemove = [...projectInfo.installedAgents];
+          }
         }
       }
     } else {
       logger.break();
-      logger.error("Please specify an agent to add.");
+      logger.error("Please specify an agent to connect.");
       logger.error("Available agents: " + availableAgents.join(", "));
       logger.break();
       process.exit(1);
@@ -2387,7 +2418,7 @@ var add = new Command().name("add").alias("install").description("add an agent i
       );
     }
     const addingSpinner = spinner(
-      `Adding ${AGENT_NAMES[agentIntegration]}.`
+      `Adding ${getAgentDisplayName(agentIntegration)}.`
     ).start();
     addingSpinner.succeed();
     const result = previewTransform(
@@ -2493,7 +2524,7 @@ var add = new Command().name("add").alias("install").description("add an agent i
     }
     logger.break();
     logger.log(
-      `${highlighter.success("Success!")} ${AGENT_NAMES[agentIntegration]} has been added.`
+      `${highlighter.success("Success!")} ${getAgentDisplayName(agentIntegration)} has been added.`
     );
     if (packageJsonResult.warning) {
       logger.warn(packageJsonResult.warning);
@@ -2512,7 +2543,7 @@ var MAX_KEY_HOLD_DURATION_MS = 2e3;
 var MAX_CONTEXT_LINES = 50;
 
 // src/commands/configure.ts
-var VERSION2 = "0.1.12";
+var VERSION2 = "0.1.14";
 var isMac = process.platform === "darwin";
 var META_LABEL = isMac ? "Cmd" : "Win";
 var ALT_LABEL = isMac ? "Option" : "Alt";
@@ -3015,7 +3046,7 @@ var configure = new Command().name("configure").alias("config").description("con
 });
 
 // src/utils/cli-helpers.ts
-var formatInstalledAgentNames2 = (agents) => agents.map((agent) => AGENT_NAMES[agent] ?? agent).join(", ");
+var formatInstalledAgentNames2 = (agents) => agents.map(getAgentDisplayName).join(", ");
 var applyTransformWithFeedback = (result, message) => {
   const writeSpinner = spinner(
     message ?? `Applying changes to ${result.filePath}.`
@@ -3068,7 +3099,7 @@ var uninstallPackagesWithFeedback = (packages, packageManager, projectRoot) => {
 };
 
 // src/commands/init.ts
-var VERSION3 = "0.1.12";
+var VERSION3 = "0.1.14";
 var REPORT_URL = "https://react-grab.com/api/report-cli";
 var DOCS_URL = "https://github.com/aidenybai/react-grab";
 var reportToCli = (type, config, error) => {
@@ -3104,12 +3135,7 @@ var UNSUPPORTED_FRAMEWORK_NAMES = {
   sveltekit: "SvelteKit",
   gatsby: "Gatsby"
 };
-var getAgentName = (agent) => {
-  if (agent in AGENT_NAMES) {
-    return AGENT_NAMES[agent];
-  }
-  return agent;
-};
+var getAgentName = getAgentDisplayName;
 var formatActivationKeyDisplay2 = (activationKey) => {
   if (!activationKey) return "Default (Option/Alt)";
   return activationKey.split("+").map((part) => {
@@ -3124,7 +3150,7 @@ var formatActivationKeyDisplay2 = (activationKey) => {
 };
 var init = new Command().name("init").description("initialize React Grab in your project").option("-y, --yes", "skip confirmation prompts", false).option("-f, --force", "force overwrite existing config", false).option(
   "-a, --agent <agent>",
-  "agent integration (claude-code, cursor, opencode, codex, gemini, amp)"
+  `connect to your agent (${AGENTS.join(", ")}, mcp)`
 ).option(
   "-k, --key <key>",
   "activation key (e.g., Meta+K, Ctrl+Shift+G, Space)"
@@ -3343,40 +3369,108 @@ var init = new Command().name("init").description("initialize React Grab in your
       const availableAgents = AGENTS.filter(
         (agent) => !projectInfo.installedAgents.includes(agent)
       );
-      if (availableAgents.length > 0) {
+      logger.break();
+      const { wantAddAgent } = await prompts({
+        type: "confirm",
+        name: "wantAddAgent",
+        message: `Would you like to ${highlighter.info("connect it to your agent")}?`,
+        initial: false
+      });
+      if (wantAddAgent === void 0) {
         logger.break();
-        const { wantAddAgent } = await prompts({
-          type: "confirm",
-          name: "wantAddAgent",
-          message: `Would you like to add an ${highlighter.info("agent integration")}?`,
-          initial: false
-        });
-        if (wantAddAgent === void 0) {
+        process.exit(1);
+      }
+      if (wantAddAgent) {
+        const connectionMode = await promptConnectionMode();
+        if (connectionMode === void 0) {
           logger.break();
           process.exit(1);
         }
-        if (wantAddAgent) {
-          const connectionMode = await promptConnectionMode();
-          if (connectionMode === void 0) {
+        let agentIntegration2;
+        if (connectionMode === "mcp") {
+          const didInstall = await promptMcpInstall();
+          if (!didInstall) {
+            logger.break();
+            process.exit(0);
+          }
+          logger.break();
+          logger.success("MCP server has been configured.");
+          logger.log("Restart your agents to activate.");
+          agentIntegration2 = "mcp";
+          projectInfo.installedAgents = ["mcp"];
+          const result2 = previewTransform(
+            projectInfo.projectRoot,
+            projectInfo.framework,
+            projectInfo.nextRouterType,
+            agentIntegration2,
+            true
+          );
+          const packageJsonResult2 = previewPackageJsonTransform(
+            projectInfo.projectRoot,
+            agentIntegration2,
+            projectInfo.installedAgents,
+            projectInfo.packageManager
+          );
+          if (!result2.success) {
+            logger.break();
+            logger.error(result2.message);
             logger.break();
             process.exit(1);
           }
-          if (connectionMode === "mcp") {
-            const didInstall = await promptMcpInstall();
-            if (!didInstall) {
-              logger.break();
-              process.exit(0);
-            }
+          const hasLayoutChanges2 = !result2.noChanges && result2.originalContent && result2.newContent;
+          const hasPackageJsonChanges2 = packageJsonResult2.success && !packageJsonResult2.noChanges && packageJsonResult2.originalContent && packageJsonResult2.newContent;
+          if (hasLayoutChanges2 || hasPackageJsonChanges2) {
             logger.break();
-            logger.success("MCP server has been configured.");
-            logger.log("Restart your agents to activate.");
+            if (hasLayoutChanges2) {
+              printDiff(
+                result2.filePath,
+                result2.originalContent,
+                result2.newContent
+              );
+            }
+            if (hasPackageJsonChanges2) {
+              if (hasLayoutChanges2) {
+                logger.break();
+              }
+              printDiff(
+                packageJsonResult2.filePath,
+                packageJsonResult2.originalContent,
+                packageJsonResult2.newContent
+              );
+            }
             logger.break();
-            process.exit(0);
+            const { proceed } = await prompts({
+              type: "confirm",
+              name: "proceed",
+              message: "Apply these changes?",
+              initial: true
+            });
+            if (!proceed) {
+              logger.break();
+              logger.log("Agent addition cancelled.");
+            } else {
+              installPackagesWithFeedback(
+                getPackagesToInstall(agentIntegration2, false),
+                projectInfo.packageManager,
+                projectInfo.projectRoot
+              );
+              if (hasLayoutChanges2) {
+                applyTransformWithFeedback(result2);
+              }
+              if (hasPackageJsonChanges2) {
+                applyPackageJsonWithFeedback(packageJsonResult2);
+              }
+              logger.break();
+              logger.success(
+                `${getAgentName(agentIntegration2)} has been added.`
+              );
+            }
           }
+        } else {
           const { agent } = await prompts({
             type: "select",
             name: "agent",
-            message: `Which ${highlighter.info("agent integration")} would you like to add?`,
+            message: `Which ${highlighter.info("agent")} would you like to connect?`,
             choices: [
               ...availableAgents.map((innerAgent) => ({
                 title: getAgentName(innerAgent),
@@ -3389,7 +3483,7 @@ var init = new Command().name("init").description("initialize React Grab in your
             logger.break();
             process.exit(0);
           }
-          const agentIntegration2 = agent;
+          agentIntegration2 = agent;
           let agentsToRemove2 = [];
           if (projectInfo.installedAgents.length > 0) {
             const installedNames = formatInstalledAgentNames2(
@@ -3687,7 +3781,7 @@ var init = new Command().name("init").description("initialize React Grab in your
       const { wantAddAgent } = await prompts({
         type: "confirm",
         name: "wantAddAgent",
-        message: `Would you like to add an ${highlighter.info("agent integration")}?`,
+        message: `Would you like to ${highlighter.info("connect it to your agent")}?`,
         initial: false
       });
       if (wantAddAgent === void 0) {
@@ -3710,11 +3804,12 @@ var init = new Command().name("init").description("initialize React Grab in your
           logger.success("MCP server has been configured.");
           logger.log("Continuing with React Grab installation...");
           logger.break();
+          agentIntegration = "mcp";
         } else {
           const { agent } = await prompts({
             type: "select",
             name: "agent",
-            message: `Which ${highlighter.info("agent integration")} would you like to add?`,
+            message: `Which ${highlighter.info("agent")} would you like to connect?`,
             choices: [
               ...AGENTS.map((innerAgent) => ({
                 title: getAgentName(innerAgent),
@@ -3838,11 +3933,8 @@ var init = new Command().name("init").description("initialize React Grab in your
     reportToCli("error", void 0, error);
   }
 });
-var VERSION4 = "0.1.12";
-var remove = new Command().name("remove").description("remove an agent integration").argument(
-  "[agent]",
-  "agent to remove (claude-code, cursor, opencode, codex, gemini, amp, ami)"
-).option("-y, --yes", "skip confirmation prompts", false).option(
+var VERSION4 = "0.1.14";
+var remove = new Command().name("remove").description("disconnect React Grab from your agent").argument("[agent]", `agent to disconnect (${AGENTS.join(", ")}, mcp)`).option("-y, --yes", "skip confirmation prompts", false).option(
   "-c, --cwd <cwd>",
   "working directory (defaults to current directory)",
   process.cwd()
@@ -3868,7 +3960,7 @@ var remove = new Command().name("remove").description("remove an agent integrati
     if (projectInfo.installedAgents.length === 0) {
       preflightSpinner.succeed();
       logger.break();
-      logger.warn("No agent integrations are installed.");
+      logger.warn("No agent connections are installed.");
       logger.break();
       process.exit(0);
     }
@@ -3879,7 +3971,7 @@ var remove = new Command().name("remove").description("remove an agent integrati
         logger.break();
         logger.error(`Agent ${highlighter.info(agentArg)} is not installed.`);
         logger.log(
-          `Installed agents: ${projectInfo.installedAgents.map((innerAgent) => AGENT_NAMES[innerAgent] || innerAgent).join(", ")}`
+          `Installed agents: ${projectInfo.installedAgents.map(getAgentDisplayName).join(", ")}`
         );
         logger.break();
         process.exit(1);
@@ -3890,9 +3982,9 @@ var remove = new Command().name("remove").description("remove an agent integrati
       const { agent } = await prompts({
         type: "select",
         name: "agent",
-        message: `Which ${highlighter.info("agent integration")} would you like to remove?`,
+        message: `Which ${highlighter.info("agent")} would you like to disconnect?`,
         choices: projectInfo.installedAgents.map((innerAgent) => ({
-          title: AGENT_NAMES[innerAgent] || innerAgent,
+          title: getAgentDisplayName(innerAgent),
           value: innerAgent
         }))
       });
@@ -3903,7 +3995,7 @@ var remove = new Command().name("remove").description("remove an agent integrati
       agentToRemove = agent;
     } else {
       logger.break();
-      logger.error("Please specify an agent to remove.");
+      logger.error("Please specify an agent to disconnect.");
       logger.error(
         "Installed agents: " + projectInfo.installedAgents.join(", ")
       );
@@ -3911,7 +4003,7 @@ var remove = new Command().name("remove").description("remove an agent integrati
       process.exit(1);
     }
     const removingSpinner = spinner(
-      `Preparing to remove ${AGENT_NAMES[agentToRemove] || agentToRemove}.`
+      `Preparing to remove ${getAgentDisplayName(agentToRemove)}.`
     ).start();
     removingSpinner.succeed();
     const result = previewAgentRemoval(
@@ -4008,7 +4100,7 @@ var remove = new Command().name("remove").description("remove an agent integrati
     }
     logger.break();
     logger.log(
-      `${highlighter.success("Success!")} ${AGENT_NAMES[agentToRemove] || agentToRemove} has been removed.`
+      `${highlighter.success("Success!")} ${getAgentDisplayName(agentToRemove)} has been removed.`
     );
     logger.break();
   } catch (error) {
@@ -4017,7 +4109,7 @@ var remove = new Command().name("remove").description("remove an agent integrati
 });
 
 // src/cli.ts
-var VERSION5 = "0.1.12";
+var VERSION5 = "0.1.14";
 var VERSION_API_URL = "https://www.react-grab.com/api/version";
 process.on("SIGINT", () => process.exit(0));
 process.on("SIGTERM", () => process.exit(0));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-grab/cli",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "bin": {
     "react-grab": "./dist/cli.js"
   },