agentation 2.3.2 → 3.0.0

package/README.md

@@ -1,9 +1,14 @@
-<img src="https://raw.githubusercontent.com/benjitaylor/agentation/main/package/logo.svg" alt="Agentation" width="50" />
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="logo-dark.svg">
+  <img src="logo.svg" alt="Agentation" width="200">
+</picture>
+
+<br>
 
 [![npm version](https://img.shields.io/npm/v/agentation)](https://www.npmjs.com/package/agentation)
 [![downloads](https://img.shields.io/npm/dm/agentation)](https://www.npmjs.com/package/agentation)
 
-**[Agentation](https://agentation.dev)** is an agent-agnostic visual feedback tool. Click elements on your page, add notes, and copy structured output that helps AI coding agents find the exact code you're referring to.
+**[Agentation](https://agentation.com)** is an agent-agnostic visual feedback tool. Click elements on your page, add notes, and copy structured output that helps AI coding agents find the exact code you're referring to.
 
 ## Install
 
@@ -113,7 +118,7 @@ type Annotation = {
 };
 ```
 
-> **Note:** This is a simplified type. The full type includes additional fields for Agent Sync (`url`, `status`, `thread`, `reactComponents`, etc.). See [agentation.dev/schema](https://agentation.dev/schema) for the complete schema.
+> **Note:** This is a simplified type. The full type includes additional fields for Agent Sync (`url`, `status`, `thread`, `reactComponents`, etc.). See [agentation.com/schema](https://agentation.com/schema) for the complete schema.
 
 ## How it works
 
@@ -126,7 +131,7 @@ Agentation captures class names, selectors, and element positions so AI agents c
 
 ## Docs
 
-Full documentation at [agentation.dev](https://agentation.dev)
+Full documentation at [agentation.com](https://agentation.com)
 
 ## License
 

package/dist/index.d.mts

@@ -26,12 +26,38 @@ type Annotation = {
     isFixed?: boolean;
     reactComponents?: string;
     sourceFile?: string;
+    drawingIndex?: number;
     elementBoundingBoxes?: Array<{
         x: number;
         y: number;
         width: number;
         height: number;
     }>;
+    kind?: "feedback" | "placement" | "rearrange";
+    placement?: {
+        componentType: string;
+        width: number;
+        height: number;
+        scrollY: number;
+        text?: string;
+    };
+    rearrange?: {
+        selector: string;
+        label: string;
+        tagName: string;
+        originalRect: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+        currentRect: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+    };
     sessionId?: string;
     url?: string;
     intent?: AnnotationIntent;
@@ -145,24 +171,25 @@ declare const IconListSparkle: ({ size, style, }: {
     size?: number;
     style?: React.CSSProperties;
 }) => react_jsx_runtime.JSX.Element;
-declare const IconHelp: ({ size }: {
+declare const IconHelp: ({ size, ...props }: {
     size?: number;
-}) => react_jsx_runtime.JSX.Element;
+} & React.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 declare const IconCheckSmallAnimated: ({ size }: {
     size?: number;
 }) => react_jsx_runtime.JSX.Element;
 declare const IconCopyAlt: ({ size }: {
     size?: number;
 }) => react_jsx_runtime.JSX.Element;
-declare const IconCopyAnimated: ({ size, copied }: {
+declare const IconCopyAnimated: ({ size, copied, tint, }: {
     size?: number;
     copied?: boolean;
+    tint?: string;
 }) => react_jsx_runtime.JSX.Element;
-declare const IconSendArrow: ({ size, state }: {
+declare const IconSendArrow: ({ size, state, }: {
     size?: number;
     state?: "idle" | "sending" | "sent" | "failed";
 }) => react_jsx_runtime.JSX.Element;
-declare const IconSendAnimated: ({ size, sent }: {
+declare const IconSendAnimated: ({ size, sent, }: {
     size?: number;
     sent?: boolean;
 }) => react_jsx_runtime.JSX.Element;
@@ -175,11 +202,11 @@ declare const IconEyeAlt: ({ size }: {
 declare const IconEyeClosed: ({ size }: {
     size?: number;
 }) => react_jsx_runtime.JSX.Element;
-declare const IconEyeAnimated: ({ size, isOpen }: {
+declare const IconEyeAnimated: ({ size, isOpen, }: {
     size?: number;
     isOpen?: boolean;
 }) => react_jsx_runtime.JSX.Element;
-declare const IconPausePlayAnimated: ({ size, isPaused }: {
+declare const IconPausePlayAnimated: ({ size, isPaused, }: {
     size?: number;
     isPaused?: boolean;
 }) => react_jsx_runtime.JSX.Element;
@@ -242,6 +269,9 @@ declare const AnimatedBunny: ({ size, color, }: {
     size?: number;
     color?: string;
 }) => react_jsx_runtime.JSX.Element;
+declare const IconLayout: ({ size }: {
+    size?: number;
+}) => react_jsx_runtime.JSX.Element;
 
 /**
  * Finds the closest ancestor matching a selector, crossing shadow DOM boundaries.
@@ -284,4 +314,4 @@ declare function getStorageKey(pathname: string): string;
 declare function loadAnnotations<T = Annotation>(pathname: string): T[];
 declare function saveAnnotations<T = Annotation>(pathname: string, annotations: T[]): void;
 
-export { PageFeedbackToolbarCSS as Agentation, type AgentationProps, AnimatedBunny, type Annotation, AnnotationPopupCSS, type AnnotationPopupCSSHandle, type AnnotationPopupCSSProps, type DemoAnnotation, IconChatEllipsis, IconCheck, IconCheckSmall, IconCheckSmallAnimated, IconCheckmark, IconCheckmarkCircle, IconCheckmarkLarge, IconChevronLeft, IconChevronRight, IconClose, IconCopyAlt, IconCopyAnimated, IconEdit, IconEye, IconEyeAlt, IconEyeAnimated, IconEyeClosed, IconEyeMinus, IconGear, IconHelp, IconListSparkle, IconMoon, IconPause, IconPauseAlt, IconPausePlayAnimated, IconPlayAlt, IconPlus, IconSendAnimated, IconSendArrow, IconSun, IconTrash, IconTrashAlt, IconXmark, IconXmarkLarge, PageFeedbackToolbarCSS, closestCrossingShadow, getElementClasses, getElementPath, getNearbyText, getShadowHost, getStorageKey, identifyAnimationElement, identifyElement, isInShadowDOM, loadAnnotations, saveAnnotations };
+export { PageFeedbackToolbarCSS as Agentation, type AgentationProps, AnimatedBunny, type Annotation, AnnotationPopupCSS, type AnnotationPopupCSSHandle, type AnnotationPopupCSSProps, type DemoAnnotation, IconChatEllipsis, IconCheck, IconCheckSmall, IconCheckSmallAnimated, IconCheckmark, IconCheckmarkCircle, IconCheckmarkLarge, IconChevronLeft, IconChevronRight, IconClose, IconCopyAlt, IconCopyAnimated, IconEdit, IconEye, IconEyeAlt, IconEyeAnimated, IconEyeClosed, IconEyeMinus, IconGear, IconHelp, IconLayout, IconListSparkle, IconMoon, IconPause, IconPauseAlt, IconPausePlayAnimated, IconPlayAlt, IconPlus, IconSendAnimated, IconSendArrow, IconSun, IconTrash, IconTrashAlt, IconXmark, IconXmarkLarge, PageFeedbackToolbarCSS, closestCrossingShadow, getElementClasses, getElementPath, getNearbyText, getShadowHost, getStorageKey, identifyAnimationElement, identifyElement, isInShadowDOM, loadAnnotations, saveAnnotations };

package/dist/index.d.ts

@@ -26,12 +26,38 @@ type Annotation = {
     isFixed?: boolean;
     reactComponents?: string;
     sourceFile?: string;
+    drawingIndex?: number;
     elementBoundingBoxes?: Array<{
         x: number;
         y: number;
         width: number;
         height: number;
     }>;
+    kind?: "feedback" | "placement" | "rearrange";
+    placement?: {
+        componentType: string;
+        width: number;
+        height: number;
+        scrollY: number;
+        text?: string;
+    };
+    rearrange?: {
+        selector: string;
+        label: string;
+        tagName: string;
+        originalRect: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+        currentRect: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+    };
     sessionId?: string;
     url?: string;
     intent?: AnnotationIntent;
@@ -145,24 +171,25 @@ declare const IconListSparkle: ({ size, style, }: {
     size?: number;
     style?: React.CSSProperties;
 }) => react_jsx_runtime.JSX.Element;
-declare const IconHelp: ({ size }: {
+declare const IconHelp: ({ size, ...props }: {
     size?: number;
-}) => react_jsx_runtime.JSX.Element;
+} & React.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 declare const IconCheckSmallAnimated: ({ size }: {
     size?: number;
 }) => react_jsx_runtime.JSX.Element;
 declare const IconCopyAlt: ({ size }: {
     size?: number;
 }) => react_jsx_runtime.JSX.Element;
-declare const IconCopyAnimated: ({ size, copied }: {
+declare const IconCopyAnimated: ({ size, copied, tint, }: {
     size?: number;
     copied?: boolean;
+    tint?: string;
 }) => react_jsx_runtime.JSX.Element;
-declare const IconSendArrow: ({ size, state }: {
+declare const IconSendArrow: ({ size, state, }: {
     size?: number;
     state?: "idle" | "sending" | "sent" | "failed";
 }) => react_jsx_runtime.JSX.Element;
-declare const IconSendAnimated: ({ size, sent }: {
+declare const IconSendAnimated: ({ size, sent, }: {
     size?: number;
     sent?: boolean;
 }) => react_jsx_runtime.JSX.Element;
@@ -175,11 +202,11 @@ declare const IconEyeAlt: ({ size }: {
 declare const IconEyeClosed: ({ size }: {
     size?: number;
 }) => react_jsx_runtime.JSX.Element;
-declare const IconEyeAnimated: ({ size, isOpen }: {
+declare const IconEyeAnimated: ({ size, isOpen, }: {
     size?: number;
     isOpen?: boolean;
 }) => react_jsx_runtime.JSX.Element;
-declare const IconPausePlayAnimated: ({ size, isPaused }: {
+declare const IconPausePlayAnimated: ({ size, isPaused, }: {
     size?: number;
     isPaused?: boolean;
 }) => react_jsx_runtime.JSX.Element;
@@ -242,6 +269,9 @@ declare const AnimatedBunny: ({ size, color, }: {
     size?: number;
     color?: string;
 }) => react_jsx_runtime.JSX.Element;
+declare const IconLayout: ({ size }: {
+    size?: number;
+}) => react_jsx_runtime.JSX.Element;
 
 /**
  * Finds the closest ancestor matching a selector, crossing shadow DOM boundaries.
@@ -284,4 +314,4 @@ declare function getStorageKey(pathname: string): string;
 declare function loadAnnotations<T = Annotation>(pathname: string): T[];
 declare function saveAnnotations<T = Annotation>(pathname: string, annotations: T[]): void;
 
-export { PageFeedbackToolbarCSS as Agentation, type AgentationProps, AnimatedBunny, type Annotation, AnnotationPopupCSS, type AnnotationPopupCSSHandle, type AnnotationPopupCSSProps, type DemoAnnotation, IconChatEllipsis, IconCheck, IconCheckSmall, IconCheckSmallAnimated, IconCheckmark, IconCheckmarkCircle, IconCheckmarkLarge, IconChevronLeft, IconChevronRight, IconClose, IconCopyAlt, IconCopyAnimated, IconEdit, IconEye, IconEyeAlt, IconEyeAnimated, IconEyeClosed, IconEyeMinus, IconGear, IconHelp, IconListSparkle, IconMoon, IconPause, IconPauseAlt, IconPausePlayAnimated, IconPlayAlt, IconPlus, IconSendAnimated, IconSendArrow, IconSun, IconTrash, IconTrashAlt, IconXmark, IconXmarkLarge, PageFeedbackToolbarCSS, closestCrossingShadow, getElementClasses, getElementPath, getNearbyText, getShadowHost, getStorageKey, identifyAnimationElement, identifyElement, isInShadowDOM, loadAnnotations, saveAnnotations };
+export { PageFeedbackToolbarCSS as Agentation, type AgentationProps, AnimatedBunny, type Annotation, AnnotationPopupCSS, type AnnotationPopupCSSHandle, type AnnotationPopupCSSProps, type DemoAnnotation, IconChatEllipsis, IconCheck, IconCheckSmall, IconCheckSmallAnimated, IconCheckmark, IconCheckmarkCircle, IconCheckmarkLarge, IconChevronLeft, IconChevronRight, IconClose, IconCopyAlt, IconCopyAnimated, IconEdit, IconEye, IconEyeAlt, IconEyeAnimated, IconEyeClosed, IconEyeMinus, IconGear, IconHelp, IconLayout, IconListSparkle, IconMoon, IconPause, IconPauseAlt, IconPausePlayAnimated, IconPlayAlt, IconPlus, IconSendAnimated, IconSendArrow, IconSun, IconTrash, IconTrashAlt, IconXmark, IconXmarkLarge, PageFeedbackToolbarCSS, closestCrossingShadow, getElementClasses, getElementPath, getNearbyText, getShadowHost, getStorageKey, identifyAnimationElement, identifyElement, isInShadowDOM, loadAnnotations, saveAnnotations };