agentation 1.0.0 → 1.1.0

package/dist/index.mjs

@@ -2610,7 +2610,7 @@ function PageFeedbackToolbarCSS({
                         ] }),
                         /* @__PURE__ */ jsxs3("span", { className: styles_module_default2.settingsVersion, children: [
                           "v",
-                          "0.1.0"
+                          "1.1.0"
                         ] }),
                         /* @__PURE__ */ jsx3(
                           "button",
@@ -3134,143 +3134,10 @@ function PageFeedbackToolbarCSS({
     document.body
   );
 }
-
-// src/components/annotation-popup/index.tsx
-import { useState as useState3, useRef as useRef3, useEffect as useEffect3, useCallback as useCallback3, forwardRef as forwardRef2, useImperativeHandle as useImperativeHandle2 } from "react";
-import { motion, AnimatePresence, useAnimation } from "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
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var AnnotationPopup = forwardRef2(
-  function AnnotationPopup2({
-    element,
-    timestamp,
-    selectedText,
-    placeholder = "What should change?",
-    onSubmit,
-    onCancel,
-    style,
-    variant = "blue"
-  }, ref) {
-    const [text, setText] = useState3("");
-    const textareaRef = useRef3(null);
-    const controls = useAnimation();
-    useEffect3(() => {
-      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 = useCallback3(async () => {
-      await controls.start({
-        x: [0, -3, 3, -2, 2, 0],
-        transition: { duration: 0.25, ease: "easeOut" }
-      });
-      textareaRef.current?.focus();
-    }, [controls]);
-    useImperativeHandle2(ref, () => ({
-      shake
-    }), [shake]);
-    const handleSubmit = useCallback3(() => {
-      if (!text.trim()) return;
-      onSubmit(text.trim());
-    }, [text, onSubmit]);
-    const handleKeyDown = useCallback3(
-      (e) => {
-        if (e.key === "Enter" && !e.shiftKey) {
-          e.preventDefault();
-          handleSubmit();
-        }
-        if (e.key === "Escape") {
-          onCancel();
-        }
-      },
-      [handleSubmit, onCancel]
-    );
-    return /* @__PURE__ */ jsxs4(
-      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__ */ jsxs4("div", { className: styles_module_default3.header, children: [
-            /* @__PURE__ */ jsx4("span", { className: styles_module_default3.element, children: element }),
-            timestamp && /* @__PURE__ */ jsx4("span", { className: styles_module_default3.timestamp, children: timestamp })
-          ] }),
-          selectedText && /* @__PURE__ */ jsxs4("div", { className: styles_module_default3.quote, children: [
-            "\u201C",
-            selectedText.slice(0, 80),
-            selectedText.length > 80 ? "..." : "",
-            "\u201D"
-          ] }),
-          /* @__PURE__ */ jsx4(
-            "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__ */ jsxs4("div", { className: styles_module_default3.actions, children: [
-            /* @__PURE__ */ jsx4("button", { className: styles_module_default3.cancel, onClick: onCancel, children: "Cancel" }),
-            /* @__PURE__ */ jsx4(
-              "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__ */ jsx4(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsx4(AnnotationPopup, { ...props }) });
-}
 export {
   PageFeedbackToolbarCSS as Agentation,
-  PageFeedbackToolbarCSS as AgentationCSS,
   AnimatedBunny,
-  AnnotationPopup,
   AnnotationPopupCSS,
-  AnnotationPopupPresence,
   IconChatEllipsis,
   IconCheck,
   IconCheckSmall,