agentation

Agentation visual feedback toolbar for Next.js development with AI agent annotation syncing. Set up the Agentation annotation toolbar in this project. Check if already installed Check if already configured Detect framework Add the component For Next.js App Router, add to the root layout: For Next.js Pages Router, add to _app: Confirm component setup Recommend MCP server setup - Installs a development-only React component that displays in your Next.js app (App Router or Pages Router) when NODE_ENV is development - Requires React 18 and integrates via a single component import in your root layout or _app file - Optional MCP server setup enables real-time annotation syncing with 9+ AI agents including Claude Code, Cursor, and Windsurf through tools like agentation_get_all_pending and agentation_resolve - MCP server runs on port 4747 by default; use agentation-mcp doctor to verify configuration after setup - Check if already installed - Look for agentation in package.json dependencies - If not found, run npm install agentation (or pnpm/yarn based on lockfile) - Check if already configured - Search for } For Next.js Pages Router, add to _app: import { Agentation } from "agentation" ; // Add after Component: { process . env . NODE_ENV === "development" && } - Confirm component setup - Tell the user the Agentation toolbar component is configured - Recommend MCP server setup - Explain...