@react-grab/cli 0.1.1 → 0.1.3

package/dist/cli.cjs

@@ -3,7 +3,7 @@
 
 var commander = require('commander');
 var pc = require('picocolors');
-var prompts3 = require('prompts');
+var basePrompts = require('prompts');
 var child_process = require('child_process');
 var fs = require('fs');
 var path = require('path');
@@ -13,9 +13,52 @@ var ora = require('ora');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var pc__default = /*#__PURE__*/_interopDefault(pc);
-var prompts3__default = /*#__PURE__*/_interopDefault(prompts3);
+var basePrompts__default = /*#__PURE__*/_interopDefault(basePrompts);
 var ora__default = /*#__PURE__*/_interopDefault(ora);
 
+var highlighter = {
+  error: pc__default.default.red,
+  warn: pc__default.default.yellow,
+  info: pc__default.default.cyan,
+  success: pc__default.default.green,
+  dim: pc__default.default.dim
+};
+
+// src/utils/logger.ts
+var logger = {
+  error(...args) {
+    console.log(highlighter.error(args.join(" ")));
+  },
+  warn(...args) {
+    console.log(highlighter.warn(args.join(" ")));
+  },
+  info(...args) {
+    console.log(highlighter.info(args.join(" ")));
+  },
+  success(...args) {
+    console.log(highlighter.success(args.join(" ")));
+  },
+  dim(...args) {
+    console.log(highlighter.dim(args.join(" ")));
+  },
+  log(...args) {
+    console.log(args.join(" "));
+  },
+  break() {
+    console.log("");
+  }
+};
+
+// src/utils/prompts.ts
+var onCancel = () => {
+  logger.break();
+  logger.log("Cancelled.");
+  logger.break();
+  process.exit(0);
+};
+var prompts = (questions) => {
+  return basePrompts__default.default(questions, { onCancel });
+};
 var detectPackageManager = async (projectRoot) => {
   const detected = await ni.detect({ cwd: projectRoot });
   if (detected && ["npm", "yarn", "pnpm", "bun"].includes(detected)) {
@@ -421,38 +464,6 @@ ${BOLD}File: ${filePath}${RESET}`);
   console.log(formatDiff(diff));
   console.log("\u2500".repeat(60));
 };
-var highlighter = {
-  error: pc__default.default.red,
-  warn: pc__default.default.yellow,
-  info: pc__default.default.cyan,
-  success: pc__default.default.green,
-  dim: pc__default.default.dim
-};
-
-// src/utils/logger.ts
-var logger = {
-  error(...args) {
-    console.log(highlighter.error(args.join(" ")));
-  },
-  warn(...args) {
-    console.log(highlighter.warn(args.join(" ")));
-  },
-  info(...args) {
-    console.log(highlighter.info(args.join(" ")));
-  },
-  success(...args) {
-    console.log(highlighter.success(args.join(" ")));
-  },
-  dim(...args) {
-    console.log(highlighter.dim(args.join(" ")));
-  },
-  log(...args) {
-    console.log(args.join(" "));
-  },
-  break() {
-    console.log("");
-  }
-};
 
 // src/utils/handle-error.ts
 var handleError = (error) => {
@@ -1455,7 +1466,7 @@ var findReactGrabFile = (projectRoot, framework, nextRouterType) => {
 };
 var addOptionsToNextScript = (originalContent, options, filePath) => {
   const reactGrabScriptMatch = originalContent.match(
-    /(<Script[^>]*react-grab[^>]*)(\/?>)/is
+    /(<Script[\s\S]*?react-grab[\s\S]*?)\s*(\/?>)/i
   );
   if (!reactGrabScriptMatch) {
     return {
@@ -1822,7 +1833,7 @@ var previewPackageJsonAgentRemoval = (projectRoot, agent) => {
 };
 
 // src/commands/add.ts
-var VERSION = "0.1.0";
+var VERSION = "0.1.2";
 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(
   "-c, --cwd <cwd>",
@@ -1881,7 +1892,7 @@ var add = new commander.Command().name("add").alias("install").description("add
         );
         logger.break();
         logger.warn(`${installedNames} is already installed.`);
-        const { action } = await prompts3__default.default({
+        const { action } = await prompts({
           type: "select",
           name: "action",
           message: "How would you like to proceed?",
@@ -1915,7 +1926,7 @@ var add = new commander.Command().name("add").alias("install").description("add
         logger.warn(`Currently installed: ${installedNames}`);
         logger.break();
       }
-      const { agent } = await prompts3__default.default({
+      const { agent } = await prompts({
         type: "select",
         name: "agent",
         message: `Which ${highlighter.info("agent integration")} would you like to add?`,
@@ -1933,7 +1944,7 @@ var add = new commander.Command().name("add").alias("install").description("add
         const installedNames = formatInstalledAgentNames(
           projectInfo.installedAgents
         );
-        const { action } = await prompts3__default.default({
+        const { action } = await prompts({
           type: "select",
           name: "action",
           message: "How would you like to proceed?",
@@ -2078,7 +2089,7 @@ var add = new commander.Command().name("add").alias("install").description("add
       }
       if (!isNonInteractive && agentsToRemove.length === 0) {
         logger.break();
-        const { proceed } = await prompts3__default.default({
+        const { proceed } = await prompts({
           type: "confirm",
           name: "proceed",
           message: "Apply these changes?",
@@ -2158,7 +2169,7 @@ var MAX_KEY_HOLD_DURATION_MS = 2e3;
 var MAX_CONTEXT_LINES = 50;
 
 // src/commands/configure.ts
-var VERSION2 = "0.1.0";
+var VERSION2 = "0.1.2";
 var isMac = process.platform === "darwin";
 var META_LABEL = isMac ? "Cmd" : "Win";
 var ALT_LABEL = isMac ? "Option" : "Alt";
@@ -2440,7 +2451,7 @@ var configure = new commander.Command().name("configure").alias("config").descri
         logger.log(`  Max context lines: ${highlighter.info(String(lines))}`);
       }
     } else {
-      const { selectedOption } = await prompts3__default.default({
+      const { selectedOption } = await prompts({
         type: "autocomplete",
         name: "selectedOption",
         message: "Search for an option to configure:",
@@ -2460,7 +2471,7 @@ var configure = new commander.Command().name("configure").alias("config").descri
         process.exit(1);
       }
       if (selectedOption === "activationKey") {
-        const { selectedCombo } = await prompts3__default.default({
+        const { selectedCombo } = await prompts({
           type: "autocomplete",
           name: "selectedCombo",
           message: "Type key combination (e.g. ctrl+shift+g):",
@@ -2477,7 +2488,7 @@ var configure = new commander.Command().name("configure").alias("config").descri
         );
       }
       if (selectedOption === "activationMode") {
-        const { activationMode } = await prompts3__default.default({
+        const { activationMode } = await prompts({
           type: "select",
           name: "activationMode",
           message: `Select ${highlighter.info("activation mode")}:`,
@@ -2497,7 +2508,7 @@ var configure = new commander.Command().name("configure").alias("config").descri
         collectedOptions.activationMode = activationMode;
       }
       if (selectedOption === "keyHoldDuration") {
-        const { keyHoldDuration } = await prompts3__default.default({
+        const { keyHoldDuration } = await prompts({
           type: "number",
           name: "keyHoldDuration",
           message: `Enter ${highlighter.info("key hold duration")} in milliseconds:`,
@@ -2512,7 +2523,7 @@ var configure = new commander.Command().name("configure").alias("config").descri
         collectedOptions.keyHoldDuration = keyHoldDuration;
       }
       if (selectedOption === "allowActivationInsideInput") {
-        const { allowActivationInsideInput } = await prompts3__default.default({
+        const { allowActivationInsideInput } = await prompts({
           type: "confirm",
           name: "allowActivationInsideInput",
           message: `Allow activation ${highlighter.info("inside input fields")}?`,
@@ -2525,7 +2536,7 @@ var configure = new commander.Command().name("configure").alias("config").descri
         collectedOptions.allowActivationInsideInput = allowActivationInsideInput;
       }
       if (selectedOption === "maxContextLines") {
-        const { maxContextLines } = await prompts3__default.default({
+        const { maxContextLines } = await prompts({
           type: "number",
           name: "maxContextLines",
           message: `Enter ${highlighter.info("max context lines")} to include:`,
@@ -2565,7 +2576,7 @@ var configure = new commander.Command().name("configure").alias("config").descri
       printDiff(result.filePath, result.originalContent, result.newContent);
       if (!opts.yes) {
         logger.break();
-        const { proceed } = await prompts3__default.default({
+        const { proceed } = await prompts({
           type: "confirm",
           name: "proceed",
           message: "Apply these changes?",
@@ -2658,7 +2669,7 @@ var uninstallPackagesWithFeedback = (packages, packageManager, projectRoot) => {
 };
 
 // src/commands/init.ts
-var VERSION3 = "0.1.0";
+var VERSION3 = "0.1.2";
 var REPORT_URL = "https://react-grab.com/api/report-cli";
 var DOCS_URL = "https://github.com/aidenybai/react-grab";
 var reportToCli = (type, config, error) => {
@@ -2785,7 +2796,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
         );
         logger.break();
       }
-      const { wantCustomizeOptions } = await prompts3__default.default({
+      const { wantCustomizeOptions } = await prompts({
         type: "confirm",
         name: "wantCustomizeOptions",
         message: `Would you like to customize ${highlighter.info("options")}?`,
@@ -2806,7 +2817,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
             `  Activation key: ${highlighter.info(formatActivationKeyDisplay2(collectedOptions.activationKey))}`
           );
         } else {
-          const { wantActivationKey } = await prompts3__default.default({
+          const { wantActivationKey } = await prompts({
             type: "confirm",
             name: "wantActivationKey",
             message: `Configure ${highlighter.info("activation key")}?`,
@@ -2817,7 +2828,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
             process.exit(1);
           }
           if (wantActivationKey) {
-            const { key } = await prompts3__default.default({
+            const { key } = await prompts({
               type: "text",
               name: "key",
               message: "Enter the activation key (e.g., g, k, space):",
@@ -2833,7 +2844,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
             );
           }
         }
-        const { activationMode } = await prompts3__default.default({
+        const { activationMode } = await prompts({
           type: "select",
           name: "activationMode",
           message: `Select ${highlighter.info("activation mode")}:`,
@@ -2852,7 +2863,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
         }
         collectedOptions.activationMode = activationMode;
         if (activationMode === "hold") {
-          const { keyHoldDuration } = await prompts3__default.default({
+          const { keyHoldDuration } = await prompts({
             type: "number",
             name: "keyHoldDuration",
             message: `Enter ${highlighter.info("key hold duration")} in milliseconds:`,
@@ -2866,7 +2877,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
           }
           collectedOptions.keyHoldDuration = keyHoldDuration;
         }
-        const { allowActivationInsideInput } = await prompts3__default.default({
+        const { allowActivationInsideInput } = await prompts({
           type: "confirm",
           name: "allowActivationInsideInput",
           message: `Allow activation ${highlighter.info("inside input fields")}?`,
@@ -2877,7 +2888,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
           process.exit(1);
         }
         collectedOptions.allowActivationInsideInput = allowActivationInsideInput;
-        const { maxContextLines } = await prompts3__default.default({
+        const { maxContextLines } = await prompts({
           type: "number",
           name: "maxContextLines",
           message: `Enter ${highlighter.info("max context lines")} to include:`,
@@ -2911,7 +2922,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
             optionsResult.newContent
           );
           logger.break();
-          const { proceed } = await prompts3__default.default({
+          const { proceed } = await prompts({
             type: "confirm",
             name: "proceed",
             message: "Apply these changes?",
@@ -2935,7 +2946,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
       );
       if (availableAgents.length > 0) {
         logger.break();
-        const { wantAddAgent } = await prompts3__default.default({
+        const { wantAddAgent } = await prompts({
           type: "confirm",
           name: "wantAddAgent",
           message: `Would you like to add an ${highlighter.info("agent integration")}?`,
@@ -2946,7 +2957,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
           process.exit(1);
         }
         if (wantAddAgent) {
-          const { agent } = await prompts3__default.default({
+          const { agent } = await prompts({
             type: "select",
             name: "agent",
             message: `Which ${highlighter.info("agent integration")} would you like to add?`,
@@ -2968,7 +2979,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
             const installedNames = formatInstalledAgentNames2(
               projectInfo.installedAgents
             );
-            const { action } = await prompts3__default.default({
+            const { action } = await prompts({
               type: "select",
               name: "action",
               message: "How would you like to proceed?",
@@ -3039,7 +3050,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
                 }
                 if (agentsToRemove2.length === 0) {
                   logger.break();
-                  const { proceed } = await prompts3__default.default({
+                  const { proceed } = await prompts({
                     type: "confirm",
                     name: "proceed",
                     message: "Apply these changes?",
@@ -3084,6 +3095,75 @@ var init = new commander.Command().name("init").description("initialize React Gr
                 }
               }
             }
+          } else {
+            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);
+            }
+            const hasLayoutChanges2 = !result2.noChanges && result2.originalContent && result2.newContent;
+            const hasPackageJsonChanges2 = packageJsonResult2.success && !packageJsonResult2.noChanges && packageJsonResult2.originalContent && packageJsonResult2.newContent;
+            if (hasLayoutChanges2 || hasPackageJsonChanges2) {
+              logger.break();
+              if (hasLayoutChanges2) {
+                printDiff(
+                  result2.filePath,
+                  result2.originalContent,
+                  result2.newContent
+                );
+              }
+              if (hasPackageJsonChanges2) {
+                if (hasLayoutChanges2) {
+                  logger.break();
+                }
+                printDiff(
+                  packageJsonResult2.filePath,
+                  packageJsonResult2.originalContent,
+                  packageJsonResult2.newContent
+                );
+              }
+              logger.break();
+              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.`
+                );
+              }
+            }
           }
         }
       }
@@ -3121,7 +3201,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
               return 0;
             }
           );
-          const { selectedProject } = await prompts3__default.default({
+          const { selectedProject } = await prompts({
             type: "select",
             name: "selectedProject",
             message: "Select a project to install React Grab:",
@@ -3188,7 +3268,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
     const agentsToRemove = [];
     if (!isNonInteractive && !opts.agent) {
       logger.break();
-      const { wantAddAgent } = await prompts3__default.default({
+      const { wantAddAgent } = await prompts({
         type: "confirm",
         name: "wantAddAgent",
         message: `Would you like to add an ${highlighter.info("agent integration")}?`,
@@ -3199,7 +3279,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
         process.exit(1);
       }
       if (wantAddAgent) {
-        const { agent } = await prompts3__default.default({
+        const { agent } = await prompts({
           type: "select",
           name: "agent",
           message: `Which ${highlighter.info("agent integration")} would you like to add?`,
@@ -3266,7 +3346,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
       logger.warn("Please verify the changes before committing.");
       if (!isNonInteractive) {
         logger.break();
-        const { proceed } = await prompts3__default.default({
+        const { proceed } = await prompts({
           type: "confirm",
           name: "proceed",
           message: "Apply these changes?",
@@ -3325,7 +3405,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
     reportToCli("error", void 0, error);
   }
 });
-var VERSION4 = "0.1.0";
+var VERSION4 = "0.1.2";
 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)"
@@ -3374,7 +3454,7 @@ var remove = new commander.Command().name("remove").description("remove an agent
       agentToRemove = agentArg;
     } else if (!isNonInteractive) {
       logger.break();
-      const { agent } = await prompts3__default.default({
+      const { agent } = await prompts({
         type: "select",
         name: "agent",
         message: `Which ${highlighter.info("agent integration")} would you like to remove?`,
@@ -3434,7 +3514,7 @@ var remove = new commander.Command().name("remove").description("remove an agent
       }
       if (!isNonInteractive) {
         logger.break();
-        const { proceed } = await prompts3__default.default({
+        const { proceed } = await prompts({
           type: "confirm",
           name: "proceed",
           message: "Apply these changes?",
@@ -3504,7 +3584,7 @@ var remove = new commander.Command().name("remove").description("remove an agent
 });
 
 // src/cli.ts
-var VERSION5 = "0.1.0";
+var VERSION5 = "0.1.2";
 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

@@ -1,13 +1,56 @@
 #!/usr/bin/env node
 import { Command } from 'commander';
 import pc from 'picocolors';
-import prompts3 from 'prompts';
+import basePrompts from 'prompts';
 import { execSync } from 'child_process';
 import { readFileSync, existsSync, writeFileSync, accessSync, constants, readdirSync } from 'fs';
 import { join, basename } from 'path';
 import { detect } from '@antfu/ni';
 import ora from 'ora';
 
+var highlighter = {
+  error: pc.red,
+  warn: pc.yellow,
+  info: pc.cyan,
+  success: pc.green,
+  dim: pc.dim
+};
+
+// src/utils/logger.ts
+var logger = {
+  error(...args) {
+    console.log(highlighter.error(args.join(" ")));
+  },
+  warn(...args) {
+    console.log(highlighter.warn(args.join(" ")));
+  },
+  info(...args) {
+    console.log(highlighter.info(args.join(" ")));
+  },
+  success(...args) {
+    console.log(highlighter.success(args.join(" ")));
+  },
+  dim(...args) {
+    console.log(highlighter.dim(args.join(" ")));
+  },
+  log(...args) {
+    console.log(args.join(" "));
+  },
+  break() {
+    console.log("");
+  }
+};
+
+// src/utils/prompts.ts
+var onCancel = () => {
+  logger.break();
+  logger.log("Cancelled.");
+  logger.break();
+  process.exit(0);
+};
+var prompts = (questions) => {
+  return basePrompts(questions, { onCancel });
+};
 var detectPackageManager = async (projectRoot) => {
   const detected = await detect({ cwd: projectRoot });
   if (detected && ["npm", "yarn", "pnpm", "bun"].includes(detected)) {
@@ -413,38 +456,6 @@ ${BOLD}File: ${filePath}${RESET}`);
   console.log(formatDiff(diff));
   console.log("\u2500".repeat(60));
 };
-var highlighter = {
-  error: pc.red,
-  warn: pc.yellow,
-  info: pc.cyan,
-  success: pc.green,
-  dim: pc.dim
-};
-
-// src/utils/logger.ts
-var logger = {
-  error(...args) {
-    console.log(highlighter.error(args.join(" ")));
-  },
-  warn(...args) {
-    console.log(highlighter.warn(args.join(" ")));
-  },
-  info(...args) {
-    console.log(highlighter.info(args.join(" ")));
-  },
-  success(...args) {
-    console.log(highlighter.success(args.join(" ")));
-  },
-  dim(...args) {
-    console.log(highlighter.dim(args.join(" ")));
-  },
-  log(...args) {
-    console.log(args.join(" "));
-  },
-  break() {
-    console.log("");
-  }
-};
 
 // src/utils/handle-error.ts
 var handleError = (error) => {
@@ -1447,7 +1458,7 @@ var findReactGrabFile = (projectRoot, framework, nextRouterType) => {
 };
 var addOptionsToNextScript = (originalContent, options, filePath) => {
   const reactGrabScriptMatch = originalContent.match(
-    /(<Script[^>]*react-grab[^>]*)(\/?>)/is
+    /(<Script[\s\S]*?react-grab[\s\S]*?)\s*(\/?>)/i
   );
   if (!reactGrabScriptMatch) {
     return {
@@ -1814,7 +1825,7 @@ var previewPackageJsonAgentRemoval = (projectRoot, agent) => {
 };
 
 // src/commands/add.ts
-var VERSION = "0.1.0";
+var VERSION = "0.1.2";
 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(
   "-c, --cwd <cwd>",
@@ -1873,7 +1884,7 @@ var add = new Command().name("add").alias("install").description("add an agent i
         );
         logger.break();
         logger.warn(`${installedNames} is already installed.`);
-        const { action } = await prompts3({
+        const { action } = await prompts({
           type: "select",
           name: "action",
           message: "How would you like to proceed?",
@@ -1907,7 +1918,7 @@ var add = new Command().name("add").alias("install").description("add an agent i
         logger.warn(`Currently installed: ${installedNames}`);
         logger.break();
       }
-      const { agent } = await prompts3({
+      const { agent } = await prompts({
         type: "select",
         name: "agent",
         message: `Which ${highlighter.info("agent integration")} would you like to add?`,
@@ -1925,7 +1936,7 @@ var add = new Command().name("add").alias("install").description("add an agent i
         const installedNames = formatInstalledAgentNames(
           projectInfo.installedAgents
         );
-        const { action } = await prompts3({
+        const { action } = await prompts({
           type: "select",
           name: "action",
           message: "How would you like to proceed?",
@@ -2070,7 +2081,7 @@ var add = new Command().name("add").alias("install").description("add an agent i
       }
       if (!isNonInteractive && agentsToRemove.length === 0) {
         logger.break();
-        const { proceed } = await prompts3({
+        const { proceed } = await prompts({
           type: "confirm",
           name: "proceed",
           message: "Apply these changes?",
@@ -2150,7 +2161,7 @@ var MAX_KEY_HOLD_DURATION_MS = 2e3;
 var MAX_CONTEXT_LINES = 50;
 
 // src/commands/configure.ts
-var VERSION2 = "0.1.0";
+var VERSION2 = "0.1.2";
 var isMac = process.platform === "darwin";
 var META_LABEL = isMac ? "Cmd" : "Win";
 var ALT_LABEL = isMac ? "Option" : "Alt";
@@ -2432,7 +2443,7 @@ var configure = new Command().name("configure").alias("config").description("con
         logger.log(`  Max context lines: ${highlighter.info(String(lines))}`);
       }
     } else {
-      const { selectedOption } = await prompts3({
+      const { selectedOption } = await prompts({
         type: "autocomplete",
         name: "selectedOption",
         message: "Search for an option to configure:",
@@ -2452,7 +2463,7 @@ var configure = new Command().name("configure").alias("config").description("con
         process.exit(1);
       }
       if (selectedOption === "activationKey") {
-        const { selectedCombo } = await prompts3({
+        const { selectedCombo } = await prompts({
           type: "autocomplete",
           name: "selectedCombo",
           message: "Type key combination (e.g. ctrl+shift+g):",
@@ -2469,7 +2480,7 @@ var configure = new Command().name("configure").alias("config").description("con
         );
       }
       if (selectedOption === "activationMode") {
-        const { activationMode } = await prompts3({
+        const { activationMode } = await prompts({
           type: "select",
           name: "activationMode",
           message: `Select ${highlighter.info("activation mode")}:`,
@@ -2489,7 +2500,7 @@ var configure = new Command().name("configure").alias("config").description("con
         collectedOptions.activationMode = activationMode;
       }
       if (selectedOption === "keyHoldDuration") {
-        const { keyHoldDuration } = await prompts3({
+        const { keyHoldDuration } = await prompts({
           type: "number",
           name: "keyHoldDuration",
           message: `Enter ${highlighter.info("key hold duration")} in milliseconds:`,
@@ -2504,7 +2515,7 @@ var configure = new Command().name("configure").alias("config").description("con
         collectedOptions.keyHoldDuration = keyHoldDuration;
       }
       if (selectedOption === "allowActivationInsideInput") {
-        const { allowActivationInsideInput } = await prompts3({
+        const { allowActivationInsideInput } = await prompts({
           type: "confirm",
           name: "allowActivationInsideInput",
           message: `Allow activation ${highlighter.info("inside input fields")}?`,
@@ -2517,7 +2528,7 @@ var configure = new Command().name("configure").alias("config").description("con
         collectedOptions.allowActivationInsideInput = allowActivationInsideInput;
       }
       if (selectedOption === "maxContextLines") {
-        const { maxContextLines } = await prompts3({
+        const { maxContextLines } = await prompts({
           type: "number",
           name: "maxContextLines",
           message: `Enter ${highlighter.info("max context lines")} to include:`,
@@ -2557,7 +2568,7 @@ var configure = new Command().name("configure").alias("config").description("con
       printDiff(result.filePath, result.originalContent, result.newContent);
       if (!opts.yes) {
         logger.break();
-        const { proceed } = await prompts3({
+        const { proceed } = await prompts({
           type: "confirm",
           name: "proceed",
           message: "Apply these changes?",
@@ -2650,7 +2661,7 @@ var uninstallPackagesWithFeedback = (packages, packageManager, projectRoot) => {
 };
 
 // src/commands/init.ts
-var VERSION3 = "0.1.0";
+var VERSION3 = "0.1.2";
 var REPORT_URL = "https://react-grab.com/api/report-cli";
 var DOCS_URL = "https://github.com/aidenybai/react-grab";
 var reportToCli = (type, config, error) => {
@@ -2777,7 +2788,7 @@ var init = new Command().name("init").description("initialize React Grab in your
         );
         logger.break();
       }
-      const { wantCustomizeOptions } = await prompts3({
+      const { wantCustomizeOptions } = await prompts({
         type: "confirm",
         name: "wantCustomizeOptions",
         message: `Would you like to customize ${highlighter.info("options")}?`,
@@ -2798,7 +2809,7 @@ var init = new Command().name("init").description("initialize React Grab in your
             `  Activation key: ${highlighter.info(formatActivationKeyDisplay2(collectedOptions.activationKey))}`
           );
         } else {
-          const { wantActivationKey } = await prompts3({
+          const { wantActivationKey } = await prompts({
             type: "confirm",
             name: "wantActivationKey",
             message: `Configure ${highlighter.info("activation key")}?`,
@@ -2809,7 +2820,7 @@ var init = new Command().name("init").description("initialize React Grab in your
             process.exit(1);
           }
           if (wantActivationKey) {
-            const { key } = await prompts3({
+            const { key } = await prompts({
               type: "text",
               name: "key",
               message: "Enter the activation key (e.g., g, k, space):",
@@ -2825,7 +2836,7 @@ var init = new Command().name("init").description("initialize React Grab in your
             );
           }
         }
-        const { activationMode } = await prompts3({
+        const { activationMode } = await prompts({
           type: "select",
           name: "activationMode",
           message: `Select ${highlighter.info("activation mode")}:`,
@@ -2844,7 +2855,7 @@ var init = new Command().name("init").description("initialize React Grab in your
         }
         collectedOptions.activationMode = activationMode;
         if (activationMode === "hold") {
-          const { keyHoldDuration } = await prompts3({
+          const { keyHoldDuration } = await prompts({
             type: "number",
             name: "keyHoldDuration",
             message: `Enter ${highlighter.info("key hold duration")} in milliseconds:`,
@@ -2858,7 +2869,7 @@ var init = new Command().name("init").description("initialize React Grab in your
           }
           collectedOptions.keyHoldDuration = keyHoldDuration;
         }
-        const { allowActivationInsideInput } = await prompts3({
+        const { allowActivationInsideInput } = await prompts({
           type: "confirm",
           name: "allowActivationInsideInput",
           message: `Allow activation ${highlighter.info("inside input fields")}?`,
@@ -2869,7 +2880,7 @@ var init = new Command().name("init").description("initialize React Grab in your
           process.exit(1);
         }
         collectedOptions.allowActivationInsideInput = allowActivationInsideInput;
-        const { maxContextLines } = await prompts3({
+        const { maxContextLines } = await prompts({
           type: "number",
           name: "maxContextLines",
           message: `Enter ${highlighter.info("max context lines")} to include:`,
@@ -2903,7 +2914,7 @@ var init = new Command().name("init").description("initialize React Grab in your
             optionsResult.newContent
           );
           logger.break();
-          const { proceed } = await prompts3({
+          const { proceed } = await prompts({
             type: "confirm",
             name: "proceed",
             message: "Apply these changes?",
@@ -2927,7 +2938,7 @@ var init = new Command().name("init").description("initialize React Grab in your
       );
       if (availableAgents.length > 0) {
         logger.break();
-        const { wantAddAgent } = await prompts3({
+        const { wantAddAgent } = await prompts({
           type: "confirm",
           name: "wantAddAgent",
           message: `Would you like to add an ${highlighter.info("agent integration")}?`,
@@ -2938,7 +2949,7 @@ var init = new Command().name("init").description("initialize React Grab in your
           process.exit(1);
         }
         if (wantAddAgent) {
-          const { agent } = await prompts3({
+          const { agent } = await prompts({
             type: "select",
             name: "agent",
             message: `Which ${highlighter.info("agent integration")} would you like to add?`,
@@ -2960,7 +2971,7 @@ var init = new Command().name("init").description("initialize React Grab in your
             const installedNames = formatInstalledAgentNames2(
               projectInfo.installedAgents
             );
-            const { action } = await prompts3({
+            const { action } = await prompts({
               type: "select",
               name: "action",
               message: "How would you like to proceed?",
@@ -3031,7 +3042,7 @@ var init = new Command().name("init").description("initialize React Grab in your
                 }
                 if (agentsToRemove2.length === 0) {
                   logger.break();
-                  const { proceed } = await prompts3({
+                  const { proceed } = await prompts({
                     type: "confirm",
                     name: "proceed",
                     message: "Apply these changes?",
@@ -3076,6 +3087,75 @@ var init = new Command().name("init").description("initialize React Grab in your
                 }
               }
             }
+          } else {
+            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);
+            }
+            const hasLayoutChanges2 = !result2.noChanges && result2.originalContent && result2.newContent;
+            const hasPackageJsonChanges2 = packageJsonResult2.success && !packageJsonResult2.noChanges && packageJsonResult2.originalContent && packageJsonResult2.newContent;
+            if (hasLayoutChanges2 || hasPackageJsonChanges2) {
+              logger.break();
+              if (hasLayoutChanges2) {
+                printDiff(
+                  result2.filePath,
+                  result2.originalContent,
+                  result2.newContent
+                );
+              }
+              if (hasPackageJsonChanges2) {
+                if (hasLayoutChanges2) {
+                  logger.break();
+                }
+                printDiff(
+                  packageJsonResult2.filePath,
+                  packageJsonResult2.originalContent,
+                  packageJsonResult2.newContent
+                );
+              }
+              logger.break();
+              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.`
+                );
+              }
+            }
           }
         }
       }
@@ -3113,7 +3193,7 @@ var init = new Command().name("init").description("initialize React Grab in your
               return 0;
             }
           );
-          const { selectedProject } = await prompts3({
+          const { selectedProject } = await prompts({
             type: "select",
             name: "selectedProject",
             message: "Select a project to install React Grab:",
@@ -3180,7 +3260,7 @@ var init = new Command().name("init").description("initialize React Grab in your
     const agentsToRemove = [];
     if (!isNonInteractive && !opts.agent) {
       logger.break();
-      const { wantAddAgent } = await prompts3({
+      const { wantAddAgent } = await prompts({
         type: "confirm",
         name: "wantAddAgent",
         message: `Would you like to add an ${highlighter.info("agent integration")}?`,
@@ -3191,7 +3271,7 @@ var init = new Command().name("init").description("initialize React Grab in your
         process.exit(1);
       }
       if (wantAddAgent) {
-        const { agent } = await prompts3({
+        const { agent } = await prompts({
           type: "select",
           name: "agent",
           message: `Which ${highlighter.info("agent integration")} would you like to add?`,
@@ -3258,7 +3338,7 @@ var init = new Command().name("init").description("initialize React Grab in your
       logger.warn("Please verify the changes before committing.");
       if (!isNonInteractive) {
         logger.break();
-        const { proceed } = await prompts3({
+        const { proceed } = await prompts({
           type: "confirm",
           name: "proceed",
           message: "Apply these changes?",
@@ -3317,7 +3397,7 @@ var init = new Command().name("init").description("initialize React Grab in your
     reportToCli("error", void 0, error);
   }
 });
-var VERSION4 = "0.1.0";
+var VERSION4 = "0.1.2";
 var remove = new Command().name("remove").description("remove an agent integration").argument(
   "[agent]",
   "agent to remove (claude-code, cursor, opencode, codex, gemini, amp, ami)"
@@ -3366,7 +3446,7 @@ var remove = new Command().name("remove").description("remove an agent integrati
       agentToRemove = agentArg;
     } else if (!isNonInteractive) {
       logger.break();
-      const { agent } = await prompts3({
+      const { agent } = await prompts({
         type: "select",
         name: "agent",
         message: `Which ${highlighter.info("agent integration")} would you like to remove?`,
@@ -3426,7 +3506,7 @@ var remove = new Command().name("remove").description("remove an agent integrati
       }
       if (!isNonInteractive) {
         logger.break();
-        const { proceed } = await prompts3({
+        const { proceed } = await prompts({
           type: "confirm",
           name: "proceed",
           message: "Apply these changes?",
@@ -3496,7 +3576,7 @@ var remove = new Command().name("remove").description("remove an agent integrati
 });
 
 // src/cli.ts
-var VERSION5 = "0.1.0";
+var VERSION5 = "0.1.2";
 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.1",
+  "version": "0.1.3",
   "bin": {
     "react-grab": "./dist/cli.js"
   },