@react-grab/cli 0.0.70 → 0.0.71

package/dist/cli.js

@@ -3,8 +3,8 @@ import { select, confirm } from '@inquirer/prompts';
 import pc from 'picocolors';
 import yargs from 'yargs';
 import { hideBin } from 'yargs/helpers';
-import { existsSync, readFileSync, writeFileSync, accessSync, constants } from 'fs';
-import { join } from 'path';
+import { readFileSync, existsSync, writeFileSync, readdirSync, accessSync, constants } from 'fs';
+import { join, basename } from 'path';
 import { detect } from '@antfu/ni';
 import { execSync } from 'child_process';
 
@@ -73,22 +73,165 @@ var detectMonorepo = (projectRoot) => {
   }
   return false;
 };
-var detectReactGrab = (projectRoot) => {
+var getWorkspacePatterns = (projectRoot) => {
+  const patterns = [];
+  const pnpmWorkspacePath = join(projectRoot, "pnpm-workspace.yaml");
+  if (existsSync(pnpmWorkspacePath)) {
+    const content = readFileSync(pnpmWorkspacePath, "utf-8");
+    const lines = content.split("\n");
+    let inPackages = false;
+    for (const line of lines) {
+      if (line.match(/^packages:\s*$/)) {
+        inPackages = true;
+        continue;
+      }
+      if (inPackages) {
+        if (line.match(/^[a-zA-Z]/) || line.trim() === "") {
+          if (line.match(/^[a-zA-Z]/)) inPackages = false;
+          continue;
+        }
+        const match = line.match(/^\s*-\s*['"]?([^'"#\n]+?)['"]?\s*$/);
+        if (match) {
+          patterns.push(match[1].trim());
+        }
+      }
+    }
+  }
+  const lernaJsonPath = join(projectRoot, "lerna.json");
+  if (existsSync(lernaJsonPath)) {
+    try {
+      const lernaJson = JSON.parse(readFileSync(lernaJsonPath, "utf-8"));
+      if (Array.isArray(lernaJson.packages)) {
+        patterns.push(...lernaJson.packages);
+      }
+    } catch {
+    }
+  }
   const packageJsonPath = join(projectRoot, "package.json");
-  if (!existsSync(packageJsonPath)) {
-    return false;
+  if (existsSync(packageJsonPath)) {
+    try {
+      const packageJson = JSON.parse(readFileSync(packageJsonPath, "utf-8"));
+      if (Array.isArray(packageJson.workspaces)) {
+        patterns.push(...packageJson.workspaces);
+      } else if (packageJson.workspaces?.packages) {
+        patterns.push(...packageJson.workspaces.packages);
+      }
+    } catch {
+    }
   }
+  return [...new Set(patterns)];
+};
+var expandWorkspacePattern = (projectRoot, pattern) => {
+  const results = [];
+  const cleanPattern = pattern.replace(/\/\*$/, "");
+  const basePath = join(projectRoot, cleanPattern);
+  if (!existsSync(basePath)) return results;
+  try {
+    const entries = readdirSync(basePath, { withFileTypes: true });
+    for (const entry of entries) {
+      if (entry.isDirectory()) {
+        const packageJsonPath = join(basePath, entry.name, "package.json");
+        if (existsSync(packageJsonPath)) {
+          results.push(join(basePath, entry.name));
+        }
+      }
+    }
+  } catch {
+    return results;
+  }
+  return results;
+};
+var hasReactDependency = (projectPath) => {
+  const packageJsonPath = join(projectPath, "package.json");
+  if (!existsSync(packageJsonPath)) return false;
   try {
     const packageJson = JSON.parse(readFileSync(packageJsonPath, "utf-8"));
-    const allDependencies = {
-      ...packageJson.dependencies,
-      ...packageJson.devDependencies
-    };
-    return Boolean(allDependencies["react-grab"]);
+    const allDeps = { ...packageJson.dependencies, ...packageJson.devDependencies };
+    return Boolean(allDeps["react"] || allDeps["react-dom"]);
   } catch {
     return false;
   }
 };
+var findWorkspaceProjects = (projectRoot) => {
+  const patterns = getWorkspacePatterns(projectRoot);
+  const projects = [];
+  for (const pattern of patterns) {
+    const projectPaths = expandWorkspacePattern(projectRoot, pattern);
+    for (const projectPath of projectPaths) {
+      const framework = detectFramework(projectPath);
+      const hasReact = hasReactDependency(projectPath);
+      if (hasReact || framework !== "unknown") {
+        const packageJsonPath = join(projectPath, "package.json");
+        let name = basename(projectPath);
+        try {
+          const packageJson = JSON.parse(readFileSync(packageJsonPath, "utf-8"));
+          name = packageJson.name || name;
+        } catch {
+        }
+        projects.push({
+          name,
+          path: projectPath,
+          framework,
+          hasReact
+        });
+      }
+    }
+  }
+  return projects;
+};
+var hasReactGrabInFile = (filePath) => {
+  if (!existsSync(filePath)) return false;
+  try {
+    const content = readFileSync(filePath, "utf-8");
+    const fuzzyPatterns = [
+      /["'`][^"'`]*react-grab/,
+      /react-grab[^"'`]*["'`]/,
+      /<[^>]*react-grab/i,
+      /import[^;]*react-grab/i,
+      /require[^)]*react-grab/i,
+      /from\s+[^;]*react-grab/i,
+      /src[^>]*react-grab/i
+    ];
+    return fuzzyPatterns.some((pattern) => pattern.test(content));
+  } catch {
+    return false;
+  }
+};
+var detectReactGrab = (projectRoot) => {
+  const packageJsonPath = join(projectRoot, "package.json");
+  if (existsSync(packageJsonPath)) {
+    try {
+      const packageJson = JSON.parse(readFileSync(packageJsonPath, "utf-8"));
+      const allDependencies = {
+        ...packageJson.dependencies,
+        ...packageJson.devDependencies
+      };
+      if (allDependencies["react-grab"]) {
+        return true;
+      }
+    } catch {
+    }
+  }
+  const filesToCheck = [
+    join(projectRoot, "app", "layout.tsx"),
+    join(projectRoot, "app", "layout.jsx"),
+    join(projectRoot, "src", "app", "layout.tsx"),
+    join(projectRoot, "src", "app", "layout.jsx"),
+    join(projectRoot, "pages", "_document.tsx"),
+    join(projectRoot, "pages", "_document.jsx"),
+    join(projectRoot, "instrumentation-client.ts"),
+    join(projectRoot, "instrumentation-client.js"),
+    join(projectRoot, "src", "instrumentation-client.ts"),
+    join(projectRoot, "src", "instrumentation-client.js"),
+    join(projectRoot, "index.html"),
+    join(projectRoot, "public", "index.html"),
+    join(projectRoot, "src", "index.tsx"),
+    join(projectRoot, "src", "index.ts"),
+    join(projectRoot, "src", "main.tsx"),
+    join(projectRoot, "src", "main.ts")
+  ];
+  return filesToCheck.some(hasReactGrabInFile);
+};
 var AGENT_PACKAGES = ["@react-grab/claude-code", "@react-grab/cursor", "@react-grab/opencode"];
 var detectUnsupportedFramework = (projectRoot) => {
   const packageJsonPath = join(projectRoot, "package.json");
@@ -343,6 +486,19 @@ var WEBPACK_IMPORT_WITH_AGENT = (agent) => {
 var SCRIPT_IMPORT = 'import Script from "next/script";';
 
 // src/transform.ts
+var hasReactGrabCode = (content) => {
+  const fuzzyPatterns = [
+    /["'`][^"'`]*react-grab/,
+    /react-grab[^"'`]*["'`]/,
+    /<[^>]*react-grab/i,
+    /import[^;]*react-grab/i,
+    /require[^)]*react-grab/i,
+    /from\s+[^;]*react-grab/i,
+    /src[^>]*react-grab/i,
+    /href[^>]*react-grab/i
+  ];
+  return fuzzyPatterns.some((pattern) => pattern.test(content));
+};
 var findLayoutFile = (projectRoot) => {
   const possiblePaths = [
     join(projectRoot, "app", "layout.tsx"),
@@ -357,6 +513,26 @@ var findLayoutFile = (projectRoot) => {
   }
   return null;
 };
+var findInstrumentationFile = (projectRoot) => {
+  const possiblePaths = [
+    join(projectRoot, "instrumentation-client.ts"),
+    join(projectRoot, "instrumentation-client.js"),
+    join(projectRoot, "src", "instrumentation-client.ts"),
+    join(projectRoot, "src", "instrumentation-client.js")
+  ];
+  for (const filePath of possiblePaths) {
+    if (existsSync(filePath)) {
+      return filePath;
+    }
+  }
+  return null;
+};
+var hasReactGrabInInstrumentation = (projectRoot) => {
+  const instrumentationPath = findInstrumentationFile(projectRoot);
+  if (!instrumentationPath) return false;
+  const content = readFileSync(instrumentationPath, "utf-8");
+  return hasReactGrabCode(content);
+};
 var findDocumentFile = (projectRoot) => {
   const possiblePaths = [
     join(projectRoot, "pages", "_document.tsx"),
@@ -424,7 +600,7 @@ var addAgentToExistingNextApp = (originalContent, agent, filePath) => {
               strategy="lazyOnload"
             />`;
   const reactGrabScriptMatch = originalContent.match(
-    /<Script[^>]*src="[^"]*react-grab[^"]*"[^>]*\/?>/
+    /<(?:Script|script|NextScript)[^>]*react-grab[^>]*\/?>/is
   );
   if (reactGrabScriptMatch) {
     const newContent = originalContent.replace(
@@ -537,15 +713,16 @@ var transformNextAppRouter = (projectRoot, agent, reactGrabAlreadyConfigured) =>
   }
   const originalContent = readFileSync(layoutPath, "utf-8");
   let newContent = originalContent;
-  const hasReactGrabInFile = originalContent.includes("react-grab");
-  if (hasReactGrabInFile && reactGrabAlreadyConfigured) {
+  const hasReactGrabInFile2 = hasReactGrabCode(originalContent);
+  const hasReactGrabInInstrumentationFile = hasReactGrabInInstrumentation(projectRoot);
+  if (hasReactGrabInFile2 && reactGrabAlreadyConfigured) {
     return addAgentToExistingNextApp(originalContent, agent, layoutPath);
   }
-  if (hasReactGrabInFile) {
+  if (hasReactGrabInFile2 || hasReactGrabInInstrumentationFile) {
     return {
       success: true,
       filePath: layoutPath,
-      message: "React Grab is already installed in this file",
+      message: "React Grab is already installed" + (hasReactGrabInInstrumentationFile ? " in instrumentation-client" : " in this file"),
       noChanges: true
     };
   }
@@ -596,15 +773,16 @@ var transformNextPagesRouter = (projectRoot, agent, reactGrabAlreadyConfigured)
   }
   const originalContent = readFileSync(documentPath, "utf-8");
   let newContent = originalContent;
-  const hasReactGrabInFile = originalContent.includes("react-grab");
-  if (hasReactGrabInFile && reactGrabAlreadyConfigured) {
+  const hasReactGrabInFile2 = hasReactGrabCode(originalContent);
+  const hasReactGrabInInstrumentationFile = hasReactGrabInInstrumentation(projectRoot);
+  if (hasReactGrabInFile2 && reactGrabAlreadyConfigured) {
     return addAgentToExistingNextApp(originalContent, agent, documentPath);
   }
-  if (hasReactGrabInFile) {
+  if (hasReactGrabInFile2 || hasReactGrabInInstrumentationFile) {
     return {
       success: true,
       filePath: documentPath,
-      message: "React Grab is already installed in this file",
+      message: "React Grab is already installed" + (hasReactGrabInInstrumentationFile ? " in instrumentation-client" : " in this file"),
       noChanges: true
     };
   }
@@ -640,11 +818,11 @@ var transformVite = (projectRoot, agent, reactGrabAlreadyConfigured) => {
   }
   const originalContent = readFileSync(indexPath, "utf-8");
   let newContent = originalContent;
-  const hasReactGrabInFile = originalContent.includes("react-grab");
-  if (hasReactGrabInFile && reactGrabAlreadyConfigured) {
+  const hasReactGrabInFile2 = hasReactGrabCode(originalContent);
+  if (hasReactGrabInFile2 && reactGrabAlreadyConfigured) {
     return addAgentToExistingVite(originalContent, agent, indexPath);
   }
-  if (hasReactGrabInFile) {
+  if (hasReactGrabInFile2) {
     return {
       success: true,
       filePath: indexPath,
@@ -676,11 +854,11 @@ var transformWebpack = (projectRoot, agent, reactGrabAlreadyConfigured) => {
     };
   }
   const originalContent = readFileSync(entryPath, "utf-8");
-  const hasReactGrabInFile = originalContent.includes("react-grab");
-  if (hasReactGrabInFile && reactGrabAlreadyConfigured) {
+  const hasReactGrabInFile2 = hasReactGrabCode(originalContent);
+  if (hasReactGrabInFile2 && reactGrabAlreadyConfigured) {
     return addAgentToExistingWebpack(originalContent, agent, entryPath);
   }
-  if (hasReactGrabInFile) {
+  if (hasReactGrabInFile2) {
     return {
       success: true,
       filePath: entryPath,
@@ -846,7 +1024,25 @@ var applyPackageJsonTransform = (result) => {
 };
 
 // src/cli.ts
-var VERSION = "0.0.68";
+var VERSION = "0.0.71";
+var REPORT_URL = "https://reactgrab.com/api/report-cli";
+var reportToCli = async (type, config, error) => {
+  try {
+    await fetch(REPORT_URL, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        type,
+        version: VERSION,
+        config,
+        error: error ? { message: error.message, stack: error.stack } : void 0,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      })
+    }).catch(() => {
+    });
+  } catch {
+  }
+};
 var FRAMEWORK_NAMES = {
   next: "Next.js",
   vite: "Vite",
@@ -877,49 +1073,122 @@ var showDocsLink = () => {
 `);
 };
 var showManualInstructions = (framework, nextRouterType) => {
-  console.log(`
+  console.log(
+    `
 ${pc.yellow("\u26A0\uFE0F")} ${pc.yellow("Manual Setup Instructions:")}
-`);
+`
+  );
   if (framework === "next" && nextRouterType === "app") {
     console.log(`${pc.bold("Next.js App Router:")}`);
     console.log(`  1. Install: ${pc.cyan("npm install -D react-grab")}`);
-    console.log(`  2. Add to ${pc.cyan("app/layout.tsx")}:`);
+    console.log(`  2. Add to ${pc.cyan("app/layout.tsx")} inside <head>:`);
     console.log(`     ${pc.gray('import Script from "next/script";')}`);
-    console.log(`     ${pc.gray("// Inside <head> or after <html>:")}`);
-    console.log(`     ${pc.gray('<Script src="//unpkg.com/react-grab/dist/index.global.js" strategy="beforeInteractive" />')}`);
+    console.log(
+      `     ${pc.gray('{process.env.NODE_ENV === "development" && (')}`
+    );
+    console.log(`     ${pc.gray("  <Script")}`);
+    console.log(
+      `     ${pc.gray('    src="//unpkg.com/react-grab/dist/index.global.js"')}`
+    );
+    console.log(`     ${pc.gray('    crossOrigin="anonymous"')}`);
+    console.log(`     ${pc.gray('    strategy="beforeInteractive"')}`);
+    console.log(`     ${pc.gray("  />")}`);
+    console.log(`     ${pc.gray(")}")}`);
   } else if (framework === "next" && nextRouterType === "pages") {
     console.log(`${pc.bold("Next.js Pages Router:")}`);
     console.log(`  1. Install: ${pc.cyan("npm install -D react-grab")}`);
-    console.log(`  2. Create or edit ${pc.cyan("pages/_document.tsx")}:`);
+    console.log(`  2. Add to ${pc.cyan("pages/_document.tsx")} inside <Head>:`);
     console.log(`     ${pc.gray('import Script from "next/script";')}`);
-    console.log(`     ${pc.gray("// Inside <Head>:")}`);
-    console.log(`     ${pc.gray('<Script src="//unpkg.com/react-grab/dist/index.global.js" strategy="beforeInteractive" />')}`);
+    console.log(
+      `     ${pc.gray('{process.env.NODE_ENV === "development" && (')}`
+    );
+    console.log(`     ${pc.gray("  <Script")}`);
+    console.log(
+      `     ${pc.gray('    src="//unpkg.com/react-grab/dist/index.global.js"')}`
+    );
+    console.log(`     ${pc.gray('    crossOrigin="anonymous"')}`);
+    console.log(`     ${pc.gray('    strategy="beforeInteractive"')}`);
+    console.log(`     ${pc.gray("  />")}`);
+    console.log(`     ${pc.gray(")}")}`);
   } else if (framework === "vite") {
     console.log(`${pc.bold("Vite:")}`);
     console.log(`  1. Install: ${pc.cyan("npm install -D react-grab")}`);
     console.log(`  2. Add to ${pc.cyan("index.html")} inside <head>:`);
     console.log(`     ${pc.gray('<script type="module">')}`);
-    console.log(`     ${pc.gray('  if (import.meta.env.DEV) { import("react-grab"); }')}`);
+    console.log(
+      `     ${pc.gray('  if (import.meta.env.DEV) { import("react-grab"); }')}`
+    );
     console.log(`     ${pc.gray("</script>")}`);
   } else if (framework === "webpack") {
     console.log(`${pc.bold("Webpack:")}`);
     console.log(`  1. Install: ${pc.cyan("npm install -D react-grab")}`);
-    console.log(`  2. Add to your entry file (e.g., ${pc.cyan("src/index.tsx")}):`);
-    console.log(`     ${pc.gray('if (process.env.NODE_ENV === "development") {')}`);
+    console.log(
+      `  2. Add to your entry file (e.g., ${pc.cyan("src/index.tsx")}):`
+    );
+    console.log(
+      `     ${pc.gray('if (process.env.NODE_ENV === "development") {')}`
+    );
     console.log(`     ${pc.gray('  import("react-grab");')}`);
     console.log(`     ${pc.gray("}")}`);
   } else {
-    console.log(`${pc.bold("Generic Setup:")}`);
-    console.log(`  1. Install: ${pc.cyan("npm install -D react-grab")}`);
-    console.log(`  2. Add the script to your HTML or entry file.`);
-    console.log(`  3. See docs for framework-specific instructions.`);
+    console.log(
+      `${pc.bold("Next.js App Router:")} Add to ${pc.cyan("app/layout.tsx")} inside <head>:`
+    );
+    console.log(`     ${pc.gray('import Script from "next/script";')}`);
+    console.log(
+      `     ${pc.gray('{process.env.NODE_ENV === "development" && (')}`
+    );
+    console.log(
+      `     ${pc.gray('  <Script src="//unpkg.com/react-grab/dist/index.global.js" strategy="beforeInteractive" />')}`
+    );
+    console.log(`     ${pc.gray(")}")}`);
+    console.log("");
+    console.log(
+      `${pc.bold("Next.js Pages Router:")} Add to ${pc.cyan("pages/_document.tsx")} inside <Head>:`
+    );
+    console.log(`     ${pc.gray('import Script from "next/script";')}`);
+    console.log(
+      `     ${pc.gray('{process.env.NODE_ENV === "development" && (')}`
+    );
+    console.log(
+      `     ${pc.gray('  <Script src="//unpkg.com/react-grab/dist/index.global.js" strategy="beforeInteractive" />')}`
+    );
+    console.log(`     ${pc.gray(")}")}`);
+    console.log("");
+    console.log(
+      `${pc.bold("Vite:")} Add to ${pc.cyan("index.html")} inside <head>:`
+    );
+    console.log(`     ${pc.gray('<script type="module">')}`);
+    console.log(
+      `     ${pc.gray('  if (import.meta.env.DEV) { import("react-grab"); }')}`
+    );
+    console.log(`     ${pc.gray("</script>")}`);
+    console.log("");
+    console.log(
+      `${pc.bold("Webpack:")} Add to entry file (e.g., ${pc.cyan("src/index.tsx")}):`
+    );
+    console.log(
+      `     ${pc.gray('if (process.env.NODE_ENV === "development") {')}`
+    );
+    console.log(`     ${pc.gray('  import("react-grab");')}`);
+    console.log(`     ${pc.gray("}")}`);
+    console.log("");
+    console.log(`For full instructions, visit:`);
+    console.log(
+      `  ${pc.cyan("https://github.com/aidenybai/react-grab#readme")}`
+    );
+    return;
   }
   showDocsLink();
 };
 var showAccuracyWarning = () => {
-  console.log(`
-${pc.yellow("\u26A0\uFE0F")} ${pc.yellow("Auto-detection may not be 100% accurate.")}`);
-  console.log(`${pc.yellow("   Please verify the changes in your file before committing.")}`);
+  console.log(
+    `
+${pc.yellow("\u26A0\uFE0F")} ${pc.yellow("Auto-detection may not be 100% accurate.")}`
+  );
+  console.log(
+    `${pc.yellow("   Please verify the changes in your file before committing.")}`
+  );
 };
 var parseArgs = async () => {
   const argv = await yargs(hideBin(process.argv)).scriptName("react-grab").usage(
@@ -961,7 +1230,13 @@ router type) and installs React Grab with optional agent integrations.`
     type: "boolean",
     default: false,
     description: "Only modify config files, skip npm/yarn/pnpm install"
-  }).help().alias("help", "h").version(VERSION).alias("version", "v").example("$0", "Run interactive setup with prompts").example("$0 -y", "Auto-detect everything and install without prompts").example("$0 -f next -r app", "Configure for Next.js App Router").example("$0 -a cursor -y", "Add Cursor agent integration non-interactively").example("$0 -p pnpm -a claude-code", "Use pnpm and add Claude Code agent").example("$0 --skip-install", "Only modify files, install packages manually").epilog(
+  }).help().alias("help", "h").version(VERSION).alias("version", "v").example("$0", "Run interactive setup with prompts").example("$0 -y", "Auto-detect everything and install without prompts").example("$0 -f next -r app", "Configure for Next.js App Router").example(
+    "$0 -a cursor -y",
+    "Add Cursor agent integration non-interactively"
+  ).example("$0 -p pnpm -a claude-code", "Use pnpm and add Claude Code agent").example(
+    "$0 --skip-install",
+    "Only modify files, install packages manually"
+  ).epilog(
     `${pc.bold("Agent Integrations:")}
   ${pc.cyan("claude-code")}  Connect React Grab to Claude Code
   ${pc.cyan("cursor")}       Connect React Grab to Cursor IDE
@@ -986,33 +1261,104 @@ ${pc.bold("Documentation:")} ${pc.underline(DOCS_URL)}`
 var main = async () => {
   const args = await parseArgs();
   const isNonInteractive = args.yes;
-  console.log(`
-${pc.magenta("\u269B")} ${pc.bold("React Grab")} ${pc.gray(VERSION)}`);
+  console.log(
+    `
+${pc.magenta("\u269B")} ${pc.bold("React Grab")} ${pc.gray(VERSION)}`
+  );
   const projectInfo = await detectProject(process.cwd());
-  console.log(`- Framework:       ${pc.cyan(FRAMEWORK_NAMES[projectInfo.framework])}`);
-  console.log(`- Package Manager: ${pc.cyan(PACKAGE_MANAGER_NAMES[projectInfo.packageManager])}`);
+  console.log(
+    `- Framework:       ${pc.cyan(FRAMEWORK_NAMES[projectInfo.framework])}`
+  );
+  console.log(
+    `- Package Manager: ${pc.cyan(PACKAGE_MANAGER_NAMES[projectInfo.packageManager])}`
+  );
   if (projectInfo.framework === "next") {
-    console.log(`- Router Type:     ${pc.cyan(projectInfo.nextRouterType === "app" ? "App Router" : "Pages Router")}`);
+    console.log(
+      `- Router Type:     ${pc.cyan(projectInfo.nextRouterType === "app" ? "App Router" : "Pages Router")}`
+    );
   }
-  console.log(`- Monorepo:        ${pc.cyan(projectInfo.isMonorepo ? "Yes" : "No")}`);
-  console.log(`- React Grab:      ${projectInfo.hasReactGrab ? pc.green("Installed") : pc.yellow("Not installed")}`);
+  console.log(
+    `- Monorepo:        ${pc.cyan(projectInfo.isMonorepo ? "Yes" : "No")}`
+  );
+  console.log(
+    `- React Grab:      ${projectInfo.hasReactGrab ? pc.green("Installed") : pc.yellow("Not installed")}`
+  );
   if (projectInfo.installedAgents.length > 0) {
-    console.log(`- Agents:          ${pc.cyan(projectInfo.installedAgents.map((agent) => AGENT_NAMES[agent] || agent).join(", "))}`);
+    console.log(
+      `- Agents:          ${pc.cyan(projectInfo.installedAgents.map((agent) => AGENT_NAMES[agent] || agent).join(", "))}`
+    );
   }
   console.log("");
   if (projectInfo.unsupportedFramework) {
     const frameworkName = UNSUPPORTED_FRAMEWORK_NAMES[projectInfo.unsupportedFramework];
-    console.log(`${pc.yellow("\u26A0\uFE0F")} ${pc.yellow(`Detected ${frameworkName} - this framework requires manual setup.`)}`);
-    console.log(`${pc.yellow("   React Grab may not work correctly with auto-configuration.")}
-`);
+    console.log(
+      `${pc.yellow("\u26A0\uFE0F")} ${pc.yellow(`Detected ${frameworkName} - this framework requires manual setup.`)}`
+    );
+    console.log(
+      `${pc.yellow("   React Grab may not work correctly with auto-configuration.")}
+`
+    );
     showManualInstructions(projectInfo.framework, projectInfo.nextRouterType);
     process.exit(0);
   }
   if (projectInfo.framework === "unknown") {
-    console.log(`${pc.yellow("\u26A0\uFE0F")} ${pc.yellow("Could not detect framework automatically.")}
-`);
-    showManualInstructions("unknown");
-    process.exit(0);
+    if (projectInfo.isMonorepo && !isNonInteractive) {
+      const workspaceProjects = findWorkspaceProjects(projectInfo.projectRoot);
+      const reactProjects = workspaceProjects.filter(
+        (p) => p.hasReact || p.framework !== "unknown"
+      );
+      if (reactProjects.length > 0) {
+        console.log(
+          `${pc.cyan("\u2139")} ${pc.cyan("Found React projects in this monorepo:")}
+`
+        );
+        const selectedProject = await select({
+          message: "Select a project to install React Grab:",
+          choices: reactProjects.map((project) => ({
+            name: `${project.name} ${pc.gray(`(${FRAMEWORK_NAMES[project.framework] || "React"})`)}`,
+            value: project.path
+          }))
+        });
+        console.log(
+          `
+${pc.magenta("\u269B")} Switching to ${pc.cyan(selectedProject)}...
+`
+        );
+        process.chdir(selectedProject);
+        const newProjectInfo = await detectProject(selectedProject);
+        projectInfo.framework = newProjectInfo.framework;
+        projectInfo.nextRouterType = newProjectInfo.nextRouterType;
+        projectInfo.hasReactGrab = newProjectInfo.hasReactGrab;
+        projectInfo.installedAgents = newProjectInfo.installedAgents;
+        projectInfo.projectRoot = newProjectInfo.projectRoot;
+        console.log(
+          `- Framework:       ${pc.cyan(FRAMEWORK_NAMES[newProjectInfo.framework])}`
+        );
+        if (newProjectInfo.framework === "next") {
+          console.log(
+            `- Router Type:     ${pc.cyan(newProjectInfo.nextRouterType === "app" ? "App Router" : "Pages Router")}`
+          );
+        }
+        console.log(
+          `- React Grab:      ${newProjectInfo.hasReactGrab ? pc.green("Installed") : pc.yellow("Not installed")}`
+        );
+        console.log("");
+      } else {
+        console.log(
+          `${pc.yellow("\u26A0\uFE0F")} ${pc.yellow("Could not detect framework automatically.")}
+`
+        );
+        showManualInstructions("unknown");
+        process.exit(0);
+      }
+    } else {
+      console.log(
+        `${pc.yellow("\u26A0\uFE0F")} ${pc.yellow("Could not detect framework automatically.")}
+`
+      );
+      showManualInstructions("unknown");
+      process.exit(0);
+    }
   }
   let action = "install-all";
   if (projectInfo.hasReactGrab && !isNonInteractive) {
@@ -1027,9 +1373,13 @@ ${pc.magenta("\u269B")} ${pc.bold("React Grab")} ${pc.gray(VERSION)}`);
   } else if (projectInfo.hasReactGrab && args.agent && args.agent !== "none") {
     action = "add-agent";
   } else if (projectInfo.hasReactGrab && isNonInteractive && !args.agent) {
-    console.log(`${pc.yellow("\u26A0\uFE0F")} ${pc.yellow("React Grab is already installed.")}`);
-    console.log(`${pc.yellow("   Use --agent to add an agent, or run without -y for interactive mode.")}
-`);
+    console.log(
+      `${pc.yellow("\u26A0\uFE0F")} ${pc.yellow("React Grab is already installed.")}`
+    );
+    console.log(
+      `${pc.yellow("   Use --agent to add an agent, or run without -y for interactive mode.")}
+`
+    );
     action = "reconfigure";
   }
   let finalFramework = args.framework || projectInfo.framework;
@@ -1081,9 +1431,11 @@ ${pc.magenta("\u269B")} ${pc.bold("React Grab")} ${pc.gray(VERSION)}`);
       { name: "Opencode", value: "opencode" }
     ].filter((agent) => !projectInfo.installedAgents.includes(agent.value));
     if (availableAgents.length === 0) {
-      console.log(`
+      console.log(
+        `
 ${pc.green("All agent integrations are already installed.")}
-`);
+`
+      );
     } else if (action === "add-agent") {
       agentIntegration = await select({
         message: "Select an agent integration to add:",
@@ -1139,7 +1491,11 @@ ${pc.magenta("\u269B")} Previewing changes...
         if (hasLayoutChanges) {
           console.log("");
         }
-        printDiff(packageJsonResult.filePath, packageJsonResult.originalContent, packageJsonResult.newContent);
+        printDiff(
+          packageJsonResult.filePath,
+          packageJsonResult.originalContent,
+          packageJsonResult.newContent
+        );
       }
       if (hasLayoutChanges || hasPackageJsonChanges) {
         showAccuracyWarning();
@@ -1156,16 +1512,25 @@ ${pc.yellow("Changes cancelled.")}
           }
         }
       }
-      const shouldInstallReactGrab = action === "install-all" && !projectInfo.hasReactGrab;
+      const shouldInstallReactGrab = (action === "install-all" || action === "add-agent") && !projectInfo.hasReactGrab;
       const shouldInstallAgent = agentIntegration !== "none" && !projectInfo.installedAgents.includes(agentIntegration);
       if (!args.skipInstall && (shouldInstallReactGrab || shouldInstallAgent)) {
-        const packages = getPackagesToInstall(agentIntegration, shouldInstallReactGrab);
+        const packages = getPackagesToInstall(
+          agentIntegration,
+          shouldInstallReactGrab
+        );
         if (packages.length > 0) {
-          console.log(`
+          console.log(
+            `
 ${pc.magenta("\u269B")} Installing: ${pc.cyan(packages.join(", "))}
-`);
+`
+          );
           try {
-            installPackages(packages, finalPackageManager, projectInfo.projectRoot);
+            installPackages(
+              packages,
+              finalPackageManager,
+              projectInfo.projectRoot
+            );
             console.log(`
 ${pc.green("Packages installed successfully!")}
 `);
@@ -1191,8 +1556,10 @@ ${pc.green("Applied:")} ${result.filePath}`);
       if (hasPackageJsonChanges) {
         const packageJsonWriteResult = applyPackageJsonTransform(packageJsonResult);
         if (!packageJsonWriteResult.success) {
-          console.error(`
-${pc.red("Error:")} ${packageJsonWriteResult.error}`);
+          console.error(
+            `
+${pc.red("Error:")} ${packageJsonWriteResult.error}`
+          );
           showDocsLink();
           process.exit(1);
         }
@@ -1204,20 +1571,30 @@ ${pc.red("Error:")} ${packageJsonWriteResult.error}`);
 ${pc.green("Done!")}`);
   console.log(`
 Next steps:`);
-  console.log(`  - Start your development server`);
-  console.log(`  - Select an element to copy its context`);
-  console.log(`  - Learn more at ${pc.cyan(DOCS_URL)}
+  console.log(`- Start your development server`);
+  console.log(`- Select an element to copy its context`);
+  console.log(`- Learn more at ${pc.cyan(DOCS_URL)}
 `);
   if (agentIntegration !== "none") {
-    console.log(`${pc.magenta("\u269B")} Agent: ${pc.cyan(AGENT_NAMES[agentIntegration])}`);
+    console.log(
+      `${pc.magenta("\u269B")} Agent: ${pc.cyan(AGENT_NAMES[agentIntegration])}`
+    );
     console.log(`  Make sure to start the agent server before using it.
 `);
   }
+  await reportToCli("completed", {
+    framework: finalFramework,
+    packageManager: finalPackageManager,
+    router: finalNextRouterType,
+    agent: agentIntegration !== "none" ? agentIntegration : void 0,
+    isMonorepo: projectInfo.isMonorepo
+  });
 };
-main().catch((error) => {
+main().catch(async (error) => {
   console.error(`${pc.red("Error:")}`, error);
   console.log("\nFor manual installation instructions, visit:");
   console.log(`  ${DOCS_URL}
 `);
+  await reportToCli("error", void 0, error);
   process.exit(1);
 });