ui-sniper 3.1.0 → 3.1.1

package/dist/index.d.mts

@@ -256,8 +256,10 @@ interface ReviewPanelProps {
     onDelete?: (annotation: Annotation) => void;
     /** Whether the panel is in dark or light mode */
     isDarkMode?: boolean;
+    /** Called when user clicks copy on an annotation */
+    onCopy?: (annotation: Annotation) => void;
 }
-declare function ReviewPanel({ annotations, onClose, onJumpTo, onDelete, }: ReviewPanelProps): react_jsx_runtime.JSX.Element;
+declare function ReviewPanel({ annotations, onClose, onJumpTo, onDelete, onCopy, }: ReviewPanelProps): react_jsx_runtime.JSX.Element;
 
 interface AnnotationPopupCSSProps {
     /** Element name to display in header */

package/dist/index.d.ts

@@ -256,8 +256,10 @@ interface ReviewPanelProps {
     onDelete?: (annotation: Annotation) => void;
     /** Whether the panel is in dark or light mode */
     isDarkMode?: boolean;
+    /** Called when user clicks copy on an annotation */
+    onCopy?: (annotation: Annotation) => void;
 }
-declare function ReviewPanel({ annotations, onClose, onJumpTo, onDelete, }: ReviewPanelProps): react_jsx_runtime.JSX.Element;
+declare function ReviewPanel({ annotations, onClose, onJumpTo, onDelete, onCopy, }: ReviewPanelProps): react_jsx_runtime.JSX.Element;
 
 interface AnnotationPopupCSSProps {
     /** Element name to display in header */

package/dist/index.js

@@ -8056,7 +8056,8 @@ function ReviewPanel({
   annotations,
   onClose,
   onJumpTo,
-  onDelete
+  onDelete,
+  onCopy
 }) {
   const [mode, setMode] = (0, import_react8.useState)("list");
   const [currentIndex, setCurrentIndex] = (0, import_react8.useState)(0);
@@ -8169,6 +8170,20 @@ function ReviewPanel({
                 ] })
               }
             ),
+            onCopy && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              "button",
+              {
+                type: "button",
+                className: styles_module_default4.cardActionBtn,
+                title: "Copy",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onCopy(ann);
+                },
+                "aria-label": "Copy annotation",
+                children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(IconCopyAlt, { size: 12 })
+              }
+            ),
             /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
               "button",
               {
@@ -8296,6 +8311,17 @@ function ReviewPanel({
             ]
           }
         ),
+        onCopy && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "button",
+          {
+            type: "button",
+            className: `${styles_module_default4.flashcardActionBtn} ${styles_module_default4.jumpBtn}`,
+            onClick: () => onCopy(currentAnnotation),
+            title: "Copy annotation",
+            "aria-label": "Copy annotation",
+            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(IconCopyAlt, { size: 13 })
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "button",
           {
@@ -8323,7 +8349,7 @@ function ReviewPanel({
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: styles_module_default4.panelHeader, children: [
           /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: styles_module_default4.panelTitle, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: styles_module_default4.panelTitleIcon, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(IconLayout, { size: 13 }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: styles_module_default4.panelTitleIcon, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(IconChatEllipsis, { size: 13 }) }),
             "Review",
             annotations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: styles_module_default4.panelCount, children: [
               reviewedIds.size,
@@ -8786,10 +8812,10 @@ function SettingsPanel({
             className: `${styles_module_default10.settingsPage} ${settingsPage === "automations" ? styles_module_default10.slideLeft : ""}`,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: styles_module_default10.settingsHeader, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("a", { className: styles_module_default10.settingsBrand, href: "https://hara-xy.com", target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { width: "72", height: "16", viewBox: "0 0 500 151", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("text", { x: "10", y: "110", "font-family": "'Arial Black', 'Impact', sans-serif", "font-size": "105", "font-weight": "900", "font-style": "italic", "letter-spacing": "-2", fill: "currentColor", children: "UI SNIPER" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("a", { className: styles_module_default10.settingsBrand, href: "https://hara-xy.com", target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { width: "72", height: "16", viewBox: "0 0 500 151", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("text", { x: "10", y: "110", fontFamily: "'Arial Black', 'Impact', sans-serif", fontSize: "105", fontWeight: "900", fontStyle: "italic", letterSpacing: "-2", fill: "currentColor", children: "UI SNIPER" }) }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("p", { className: styles_module_default10.settingsVersion, children: [
                   "v",
-                  "3.1.0"
+                  "3.1.1"
                 ] }),
                 /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                   "button",
@@ -9485,7 +9511,7 @@ function PageFeedbackToolbarCSS({
   }, [shouldShowMarkers]);
   (0, import_react10.useEffect)(() => {
     const checkMobile = () => {
-      setIsMobile(window.innerWidth < 768 || window.matchMedia("(pointer: coarse)").matches);
+      setIsMobile(window.innerWidth < 768 || window.matchMedia?.("(pointer: coarse)")?.matches);
     };
     checkMobile();
     window.addEventListener("resize", checkMobile);
@@ -12087,7 +12113,7 @@ function PageFeedbackToolbarCSS({
                                 ] })
                               ] }),
                               hasAnnotations && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: styles_module_default5.buttonWrapper, children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
                                   "button",
                                   {
                                     className: `${styles_module_default5.controlButton} ${showReviewPanel ? "" : ""}`,
@@ -12098,7 +12124,10 @@ function PageFeedbackToolbarCSS({
                                     },
                                     title: "Review annotations",
                                     "aria-label": "Review annotations",
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconLayout, { size: 20 })
+                                    children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconChatEllipsis, { size: 20 }),
+                                      annotations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: styles_module_default5.buttonBadge, children: annotations.length })
+                                    ]
                                   }
                                 ),
                                 /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: styles_module_default5.buttonTooltip, children: "Review notes" })
@@ -12368,6 +12397,13 @@ function PageFeedbackToolbarCSS({
                   },
                   onDelete: (ann) => {
                     deleteAnnotation2(ann.id);
+                  },
+                  onCopy: (ann) => {
+                    const output = generateOutput([ann], pathname, settings.outputDetail || "standard");
+                    if (navigator.clipboard) {
+                      navigator.clipboard.writeText(output).catch(() => {
+                      });
+                    }
                   }
                 }
               ),