agentation 1.0.0 → 1.1.0

package/dist/index.d.mts

@@ -13,33 +13,6 @@ type PageFeedbackToolbarCSSProps = {
 };
 declare function PageFeedbackToolbarCSS({ demoAnnotations, demoDelay, enableDemoMode, }?: PageFeedbackToolbarCSSProps): react.ReactPortal | null;
 
-interface AnnotationPopupProps {
-    /** Element name to display in header */
-    element: string;
-    /** Optional timestamp display (e.g., "@ 1.23s" for animation feedback) */
-    timestamp?: string;
-    /** Optional selected/highlighted text */
-    selectedText?: string;
-    /** Placeholder text for the textarea */
-    placeholder?: string;
-    /** Called when annotation is submitted with text */
-    onSubmit: (text: string) => void;
-    /** Called when popup is cancelled/dismissed */
-    onCancel: () => void;
-    /** Position styles (left, top) */
-    style?: React.CSSProperties;
-    /** Color variant for submit button */
-    variant?: "blue" | "green";
-}
-interface AnnotationPopupHandle {
-    /** Shake the popup (e.g., when user clicks outside) */
-    shake: () => void;
-}
-declare const AnnotationPopup: react.ForwardRefExoticComponent<AnnotationPopupProps & react.RefAttributes<AnnotationPopupHandle>>;
-declare function AnnotationPopupPresence({ isOpen, ...props }: AnnotationPopupProps & {
-    isOpen: boolean;
-}): react_jsx_runtime.JSX.Element;
-
 interface AnnotationPopupCSSProps {
     /** Element name to display in header */
     element: string;
@@ -219,4 +192,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, PageFeedbackToolbarCSS as AgentationCSS, AnimatedBunny, type Annotation, AnnotationPopup, AnnotationPopupCSS, type AnnotationPopupCSSHandle, type AnnotationPopupCSSProps, type AnnotationPopupHandle, AnnotationPopupPresence, type AnnotationPopupProps, type DemoAnnotation, IconChatEllipsis, IconCheck, IconCheckSmall, IconCheckSmallAnimated, IconCheckmark, IconCheckmarkCircle, IconCheckmarkLarge, IconClose, IconCopyAlt, IconCopyAnimated, IconEye, IconEyeAlt, IconEyeAnimated, IconEyeClosed, IconEyeMinus, IconGear, IconHelp, IconListSparkle, IconMoon, IconPause, IconPauseAlt, IconPausePlayAnimated, IconPlayAlt, IconPlus, IconSun, IconTrashAlt, IconXmark, IconXmarkLarge, PageFeedbackToolbarCSS, getElementClasses, getElementPath, getNearbyText, getStorageKey, identifyAnimationElement, identifyElement, loadAnnotations, saveAnnotations };
+export { PageFeedbackToolbarCSS as Agentation, AnimatedBunny, type Annotation, AnnotationPopupCSS, type AnnotationPopupCSSHandle, type AnnotationPopupCSSProps, type DemoAnnotation, IconChatEllipsis, IconCheck, IconCheckSmall, IconCheckSmallAnimated, IconCheckmark, IconCheckmarkCircle, IconCheckmarkLarge, IconClose, IconCopyAlt, IconCopyAnimated, IconEye, IconEyeAlt, IconEyeAnimated, IconEyeClosed, IconEyeMinus, IconGear, IconHelp, IconListSparkle, IconMoon, IconPause, IconPauseAlt, IconPausePlayAnimated, IconPlayAlt, IconPlus, IconSun, IconTrashAlt, IconXmark, IconXmarkLarge, PageFeedbackToolbarCSS, getElementClasses, getElementPath, getNearbyText, getStorageKey, identifyAnimationElement, identifyElement, loadAnnotations, saveAnnotations };

package/dist/index.d.ts

@@ -13,33 +13,6 @@ type PageFeedbackToolbarCSSProps = {
 };
 declare function PageFeedbackToolbarCSS({ demoAnnotations, demoDelay, enableDemoMode, }?: PageFeedbackToolbarCSSProps): react.ReactPortal | null;
 
-interface AnnotationPopupProps {
-    /** Element name to display in header */
-    element: string;
-    /** Optional timestamp display (e.g., "@ 1.23s" for animation feedback) */
-    timestamp?: string;
-    /** Optional selected/highlighted text */
-    selectedText?: string;
-    /** Placeholder text for the textarea */
-    placeholder?: string;
-    /** Called when annotation is submitted with text */
-    onSubmit: (text: string) => void;
-    /** Called when popup is cancelled/dismissed */
-    onCancel: () => void;
-    /** Position styles (left, top) */
-    style?: React.CSSProperties;
-    /** Color variant for submit button */
-    variant?: "blue" | "green";
-}
-interface AnnotationPopupHandle {
-    /** Shake the popup (e.g., when user clicks outside) */
-    shake: () => void;
-}
-declare const AnnotationPopup: react.ForwardRefExoticComponent<AnnotationPopupProps & react.RefAttributes<AnnotationPopupHandle>>;
-declare function AnnotationPopupPresence({ isOpen, ...props }: AnnotationPopupProps & {
-    isOpen: boolean;
-}): react_jsx_runtime.JSX.Element;
-
 interface AnnotationPopupCSSProps {
     /** Element name to display in header */
     element: string;
@@ -219,4 +192,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, PageFeedbackToolbarCSS as AgentationCSS, AnimatedBunny, type Annotation, AnnotationPopup, AnnotationPopupCSS, type AnnotationPopupCSSHandle, type AnnotationPopupCSSProps, type AnnotationPopupHandle, AnnotationPopupPresence, type AnnotationPopupProps, type DemoAnnotation, IconChatEllipsis, IconCheck, IconCheckSmall, IconCheckSmallAnimated, IconCheckmark, IconCheckmarkCircle, IconCheckmarkLarge, IconClose, IconCopyAlt, IconCopyAnimated, IconEye, IconEyeAlt, IconEyeAnimated, IconEyeClosed, IconEyeMinus, IconGear, IconHelp, IconListSparkle, IconMoon, IconPause, IconPauseAlt, IconPausePlayAnimated, IconPlayAlt, IconPlus, IconSun, IconTrashAlt, IconXmark, IconXmarkLarge, PageFeedbackToolbarCSS, getElementClasses, getElementPath, getNearbyText, getStorageKey, identifyAnimationElement, identifyElement, loadAnnotations, saveAnnotations };
+export { PageFeedbackToolbarCSS as Agentation, AnimatedBunny, type Annotation, AnnotationPopupCSS, type AnnotationPopupCSSHandle, type AnnotationPopupCSSProps, type DemoAnnotation, IconChatEllipsis, IconCheck, IconCheckSmall, IconCheckSmallAnimated, IconCheckmark, IconCheckmarkCircle, IconCheckmarkLarge, IconClose, IconCopyAlt, IconCopyAnimated, IconEye, IconEyeAlt, IconEyeAnimated, IconEyeClosed, IconEyeMinus, IconGear, IconHelp, IconListSparkle, IconMoon, IconPause, IconPauseAlt, IconPausePlayAnimated, IconPlayAlt, IconPlus, IconSun, IconTrashAlt, IconXmark, IconXmarkLarge, PageFeedbackToolbarCSS, getElementClasses, getElementPath, getNearbyText, getStorageKey, identifyAnimationElement, identifyElement, loadAnnotations, saveAnnotations };

package/dist/index.js

@@ -22,11 +22,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   Agentation: () => PageFeedbackToolbarCSS,
-  AgentationCSS: () => PageFeedbackToolbarCSS,
   AnimatedBunny: () => AnimatedBunny,
-  AnnotationPopup: () => AnnotationPopup,
   AnnotationPopupCSS: () => AnnotationPopupCSS,
-  AnnotationPopupPresence: () => AnnotationPopupPresence,
   IconChatEllipsis: () => IconChatEllipsis,
   IconCheck: () => IconCheck,
   IconCheckSmall: () => IconCheckSmall,
@@ -2677,7 +2674,7 @@ function PageFeedbackToolbarCSS({
                         ] }),
                         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: styles_module_default2.settingsVersion, children: [
                           "v",
-                          "0.1.0"
+                          "1.1.0"
                         ] }),
                         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           "button",
@@ -3201,144 +3198,11 @@ function PageFeedbackToolbarCSS({
     document.body
   );
 }
-
-// src/components/annotation-popup/index.tsx
-var import_react3 = require("react");
-var import_framer_motion = require("framer-motion");
-
-// src/components/annotation-popup/styles.module.scss
-var css3 = '.styles-module__popup___MBQDV {\n  position: fixed;\n  transform: translateX(-50%);\n  width: 280px;\n  padding: 0.75rem 1rem 14px;\n  background: #1a1a1a;\n  border-radius: 16px;\n  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);\n  cursor: default;\n  z-index: 99999;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n}\n\n.styles-module__header___1q-wa {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 0.5rem;\n}\n\n.styles-module__element___tPxVO {\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.65);\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1;\n}\n\n.styles-module__timestamp___t7PEZ {\n  font-size: 0.625rem;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.35);\n  font-variant-numeric: tabular-nums;\n  margin-left: 0.5rem;\n  flex-shrink: 0;\n}\n\n.styles-module__quote___uFJyr {\n  font-size: 0.6875rem;\n  font-style: italic;\n  color: rgba(255, 255, 255, 0.5);\n  margin-bottom: 0.5rem;\n  padding: 0.4rem 0.5rem;\n  background: rgba(255, 255, 255, 0.05);\n  border-radius: 0.25rem;\n  line-height: 1.45;\n}\n\n.styles-module__textarea___Pw6C4 {\n  width: 100%;\n  padding: 0.5rem 0.625rem;\n  font-size: 0.8125rem;\n  font-family: inherit;\n  background: rgba(255, 255, 255, 0.05);\n  color: #fff;\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  border-radius: 8px;\n  resize: none;\n  outline: none;\n  transition: border-color 0.15s ease;\n}\n.styles-module__textarea___Pw6C4:focus {\n  border-color: #3c82f7;\n}\n.styles-module__textarea___Pw6C4.styles-module__green___zdmke:focus {\n  border-color: #34C759;\n}\n.styles-module__textarea___Pw6C4::placeholder {\n  color: rgba(255, 255, 255, 0.35);\n}\n.styles-module__textarea___Pw6C4::-webkit-scrollbar {\n  width: 6px;\n}\n.styles-module__textarea___Pw6C4::-webkit-scrollbar-track {\n  background: transparent;\n}\n.styles-module__textarea___Pw6C4::-webkit-scrollbar-thumb {\n  background: rgba(255, 255, 255, 0.2);\n  border-radius: 3px;\n}\n\n.styles-module__actions___bxQCu {\n  display: flex;\n  justify-content: flex-end;\n  gap: 0.375rem;\n  margin-top: 0.5rem;\n}\n\n.styles-module__cancel___-xAEc,\n.styles-module__submit___nnXO9 {\n  padding: 0.4rem 0.875rem;\n  font-size: 0.75rem;\n  font-weight: 500;\n  border-radius: 1rem;\n  border: none;\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.styles-module__cancel___-xAEc {\n  background: transparent;\n  color: rgba(255, 255, 255, 0.5);\n}\n.styles-module__cancel___-xAEc:hover {\n  background: rgba(255, 255, 255, 0.1);\n  color: rgba(255, 255, 255, 0.8);\n}\n\n.styles-module__submit___nnXO9 {\n  background: #3c82f7;\n  color: white;\n}\n.styles-module__submit___nnXO9:hover:not(:disabled) {\n  background: #2d6fdf;\n}\n.styles-module__submit___nnXO9:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n.styles-module__submit___nnXO9.styles-module__green___zdmke {\n  background: #34C759;\n}\n.styles-module__submit___nnXO9.styles-module__green___zdmke:hover:not(:disabled) {\n  background: #2db84d;\n}';
-var classNames3 = { "popup": "styles-module__popup___MBQDV", "header": "styles-module__header___1q-wa", "element": "styles-module__element___tPxVO", "timestamp": "styles-module__timestamp___t7PEZ", "quote": "styles-module__quote___uFJyr", "textarea": "styles-module__textarea___Pw6C4", "green": "styles-module__green___zdmke", "actions": "styles-module__actions___bxQCu", "cancel": "styles-module__cancel___-xAEc", "submit": "styles-module__submit___nnXO9" };
-if (typeof document !== "undefined") {
-  let style = document.getElementById("feedback-tool-styles-annotation-popup-styles");
-  if (!style) {
-    style = document.createElement("style");
-    style.id = "feedback-tool-styles-annotation-popup-styles";
-    style.textContent = css3;
-    document.head.appendChild(style);
-  }
-}
-var styles_module_default3 = classNames3;
-
-// src/components/annotation-popup/index.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var AnnotationPopup = (0, import_react3.forwardRef)(
-  function AnnotationPopup2({
-    element,
-    timestamp,
-    selectedText,
-    placeholder = "What should change?",
-    onSubmit,
-    onCancel,
-    style,
-    variant = "blue"
-  }, ref) {
-    const [text, setText] = (0, import_react3.useState)("");
-    const textareaRef = (0, import_react3.useRef)(null);
-    const controls = (0, import_framer_motion.useAnimation)();
-    (0, import_react3.useEffect)(() => {
-      controls.start({ opacity: 1, scale: 1, y: 0 });
-      const timer = setTimeout(() => {
-        const textarea = textareaRef.current;
-        if (textarea) {
-          textarea.focus();
-          textarea.selectionStart = textarea.selectionEnd = textarea.value.length;
-          textarea.scrollTop = textarea.scrollHeight;
-        }
-      }, 10);
-      return () => clearTimeout(timer);
-    }, [controls]);
-    const shake = (0, import_react3.useCallback)(async () => {
-      await controls.start({
-        x: [0, -3, 3, -2, 2, 0],
-        transition: { duration: 0.25, ease: "easeOut" }
-      });
-      textareaRef.current?.focus();
-    }, [controls]);
-    (0, import_react3.useImperativeHandle)(ref, () => ({
-      shake
-    }), [shake]);
-    const handleSubmit = (0, import_react3.useCallback)(() => {
-      if (!text.trim()) return;
-      onSubmit(text.trim());
-    }, [text, onSubmit]);
-    const handleKeyDown = (0, import_react3.useCallback)(
-      (e) => {
-        if (e.key === "Enter" && !e.shiftKey) {
-          e.preventDefault();
-          handleSubmit();
-        }
-        if (e.key === "Escape") {
-          onCancel();
-        }
-      },
-      [handleSubmit, onCancel]
-    );
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-      import_framer_motion.motion.div,
-      {
-        className: styles_module_default3.popup,
-        "data-annotation-popup": true,
-        initial: { opacity: 0, scale: 0.95, y: 4 },
-        animate: controls,
-        exit: { opacity: 0, scale: 0.95, y: 4 },
-        transition: { type: "spring", stiffness: 500, damping: 35 },
-        style,
-        onClick: (e) => e.stopPropagation(),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles_module_default3.header, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles_module_default3.element, children: element }),
-            timestamp && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles_module_default3.timestamp, children: timestamp })
-          ] }),
-          selectedText && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles_module_default3.quote, children: [
-            "\u201C",
-            selectedText.slice(0, 80),
-            selectedText.length > 80 ? "..." : "",
-            "\u201D"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            "textarea",
-            {
-              ref: textareaRef,
-              className: `${styles_module_default3.textarea} ${variant === "green" ? styles_module_default3.green : ""}`,
-              placeholder,
-              value: text,
-              onChange: (e) => setText(e.target.value),
-              rows: 2,
-              onKeyDown: handleKeyDown
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles_module_default3.actions, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: styles_module_default3.cancel, onClick: onCancel, children: "Cancel" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-              "button",
-              {
-                className: `${styles_module_default3.submit} ${variant === "green" ? styles_module_default3.green : ""}`,
-                onClick: handleSubmit,
-                disabled: !text.trim(),
-                children: "Add"
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
-function AnnotationPopupPresence({
-  isOpen,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_framer_motion.AnimatePresence, { children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AnnotationPopup, { ...props }) });
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Agentation,
-  AgentationCSS,
   AnimatedBunny,
-  AnnotationPopup,
   AnnotationPopupCSS,
-  AnnotationPopupPresence,
   IconChatEllipsis,
   IconCheck,
   IconCheckSmall,