agentation

Agentation Setup

Set up the Agentation annotation toolbar in this project.

Steps

1. Check if already installed
2. Look for agentation in package.json dependencies
3. If not found, run npm install agentation (or pnpm/yarn based on lockfile)

1. Check if already configured
2. Search for <Agentation or import { Agentation } in src/ or app/
3. If found, report that Agentation is already set up and exit

1. Detect framework
2. Next.js App Router: has app/layout.tsx or app/layout.js
3. Next.js Pages Router: has pages/_app.tsx or pages/_app.js

1. Add the component

For Next.js App Router, add to the root layout: ```tsx import { Agentation } from "agentation";

// Add inside the body, after children: {process.env.NODE_ENV === "development" && <Agentation />} ```

For Next.js Pages Router, add to _app: ```tsx import { Agentation } from "agentation";

// Add after Component: {process.env.NODE_ENV === "development" && <Agentation />} ```

1. Confirm setup
2. Tell the user to run their dev server and look for the Agentation toolbar (floating button in bottom-right corner)

Notes

• The NODE_ENV check ensures Agentation only loads in development
• Agentation requires React 18
• No additional configuration needed — it works out of the box