ui-sniper 3.0.5 → 3.0.7

package/dist/index.js

@@ -7893,7 +7893,7 @@ function SettingsPanel({
                 /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("a", { className: styles_module_default9.settingsBrand, href: "https://hara-xy.com", target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ (0, import_jsx_runtime13.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_runtime13.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_runtime13.jsxs)("p", { className: styles_module_default9.settingsVersion, children: [
                   "v",
-                  "3.0.5"
+                  "3.0.7"
                 ] }),
                 /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                   "button",
@@ -7916,8 +7916,8 @@ function SettingsPanel({
               /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: styles_module_default9.settingsSection, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: styles_module_default9.settingsRow, children: [
                   /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: styles_module_default9.settingsLabel, children: [
-                    "Output Detail",
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(HelpTooltip, { content: "Controls how much detail is included in the copied output" })
+                    "How much info to copy?",
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(HelpTooltip, { content: "Pick how much context we bundle when you copy an annotation." })
                   ] }),
                   /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
                     "button",
@@ -7960,11 +7960,11 @@ function SettingsPanel({
                     className: `${styles_module_default9.settingsRow} ${styles_module_default9.settingsRowMarginTop} ${!isDevMode ? styles_module_default9.settingsRowDisabled : ""}`,
                     children: [
                       /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: styles_module_default9.settingsLabel, children: [
-                        "React Components",
+                        "React Component Names",
                         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                           HelpTooltip,
                           {
-                            content: !isDevMode ? "Disabled \u2014 production builds minify component names, making detection unreliable. Use in development mode." : "Include React component names in annotations"
+                            content: !isDevMode ? "We can't detect component names in production (minified) builds. Switch to dev mode to use this!" : "Let us grab the React component names for you so your AI agent knows exactly where to look."
                           }
                         )
                       ] }),
@@ -7985,8 +7985,8 @@ function SettingsPanel({
                     className: `${styles_module_default9.settingsRow} ${styles_module_default9.settingsRowMarginTop}`,
                     children: [
                       /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: styles_module_default9.settingsLabel, children: [
-                        "Hide Until Restart",
-                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(HelpTooltip, { content: "Hides the toolbar until you open a new tab" })
+                        "Hide until next visit",
+                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(HelpTooltip, { content: "We'll stay out of your way until you open a new tab or refresh." })
                       ] }),
                       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                         Switch,
@@ -8007,7 +8007,7 @@ function SettingsPanel({
                   "div",
                   {
                     className: `${styles_module_default9.settingsLabel} ${styles_module_default9.settingsLabelMarker}`,
-                    children: "Marker Color"
+                    children: "Pick your color"
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: styles_module_default9.colorOptions, children: COLOR_OPTIONS.map((color) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
@@ -8031,17 +8031,17 @@ function SettingsPanel({
                   CheckboxField,
                   {
                     className: "checkbox-field",
-                    label: "Clear on copy/send",
+                    label: "Auto-clear when done",
                     checked: settings.autoClearAfterCopy,
                     onChange: (e) => onSettingsChange({ autoClearAfterCopy: e.target.checked }),
-                    tooltip: "Automatically clear annotations after copying"
+                    tooltip: "We'll wipe the slate clean right after you copy or send your notes."
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                   CheckboxField,
                   {
                     className: styles_module_default9.checkboxField,
-                    label: "Block page interactions",
+                    label: "Freeze clicks & links",
                     checked: settings.blockInteractions,
                     onChange: (e) => onSettingsChange({ blockInteractions: e.target.checked })
                   }
@@ -8050,10 +8050,10 @@ function SettingsPanel({
                   CheckboxField,
                   {
                     className: styles_module_default9.checkboxField,
-                    label: "Include screenshots",
+                    label: "Grab a screenshot",
                     checked: settings.includeScreenshots,
                     onChange: (e) => onSettingsChange({ includeScreenshots: e.target.checked }),
-                    tooltip: "Capture a screenshot of the annotated element"
+                    tooltip: "We'll snap a quick picture of the element to show the agent exactly what it looks like."
                   }
                 )
               ] }),
@@ -8064,7 +8064,7 @@ function SettingsPanel({
                   className: styles_module_default9.settingsNavLink,
                   onClick: () => onSettingsPageChange("automations"),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: "Manage MCP & Webhooks" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: "Connect to AI / Webhooks" }),
                     /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: styles_module_default9.settingsNavLinkRight, children: [
                       endpoint && connectionStatus !== "disconnected" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                         "span",
@@ -8111,7 +8111,7 @@ function SettingsPanel({
                   onClick: () => onSettingsPageChange("main"),
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(IconChevronLeft, { size: 16 }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: "Manage MCP & Webhooks" })
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: "Connect to AI / Webhooks" })
                   ]
                 }
               ),
@@ -8119,8 +8119,8 @@ function SettingsPanel({
               /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: styles_module_default9.settingsSection, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: styles_module_default9.settingsRow, children: [
                   /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: styles_module_default9.automationHeader, children: [
-                    "MCP Connection",
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(HelpTooltip, { content: "Connect via Model Context Protocol to let AI agents like Claude Code receive annotations in real-time." })
+                    "Live AI Connection (MCP)",
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(HelpTooltip, { content: "Connect directly to Claude Code or Cursor via MCP so they can see your notes live as you click." })
                   ] }),
                   endpoint && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                     "div",
@@ -8136,7 +8136,7 @@ function SettingsPanel({
                     className: styles_module_default9.automationDescription,
                     style: { paddingBottom: 6 },
                     children: [
-                      "MCP connection allows agents to receive and act on annotations.",
+                      "Let your AI agent see and respond to your annotations without copy-pasting.",
                       " ",
                       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                         "a",
@@ -8160,8 +8160,8 @@ function SettingsPanel({
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: styles_module_default9.settingsRow, children: [
                       /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: styles_module_default9.automationHeader, children: [
-                        "Webhooks",
-                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(HelpTooltip, { content: "Send annotation data to any URL endpoint when annotations change. Useful for custom integrations." })
+                        "Send to your apps",
+                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(HelpTooltip, { content: "Want your notes to go to Slack, Jira, or a custom app? Drop a webhook URL here." })
                       ] }),
                       /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: styles_module_default9.autoSendContainer, children: [
                         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
@@ -8185,7 +8185,7 @@ function SettingsPanel({
                         )
                       ] })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: styles_module_default9.automationDescription, children: "The webhook URL will receive live annotation changes and annotation data." }),
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: styles_module_default9.automationDescription, children: "We'll post your annotations to this URL automatically." }),
                     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                       "textarea",
                       {
@@ -10663,6 +10663,16 @@ function PageFeedbackToolbarCSS({
         return;
       }
       if (isTyping || e.metaKey || e.ctrlKey) return;
+      if (e.key === "f" || e.key === "F") {
+        e.preventDefault();
+        hideTooltipsUntilMouseLeave();
+        if (isActive) {
+          deactivate();
+        } else {
+          setIsActive(true);
+        }
+        return;
+      }
       if (e.key === "p" || e.key === "P") {
         e.preventDefault();
         hideTooltipsUntilMouseLeave();
@@ -10795,7 +10805,7 @@ function PageFeedbackToolbarCSS({
               onMouseDown: handleToolbarMouseDown,
               role: !isActive ? "button" : void 0,
               tabIndex: !isActive ? 0 : -1,
-              title: !isActive ? "Start feedback mode" : void 0,
+              title: !isActive ? "Start taking notes" : void 0,
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
                   "div",
@@ -10839,7 +10849,7 @@ function PageFeedbackToolbarCSS({
                               }
                             ),
                             /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: styles_module_default4.buttonTooltip, children: [
-                              isFrozen ? "Resume animations" : "Pause animations",
+                              isFrozen ? "Unfreeze animations" : "Freeze animations",
                               /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: styles_module_default4.shortcut, children: "P" })
                             ] })
                           ]
@@ -10887,7 +10897,7 @@ function PageFeedbackToolbarCSS({
                           }
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: styles_module_default4.buttonTooltip, children: [
-                          showMarkers ? "Hide markers" : "Show markers",
+                          showMarkers ? "Hide your notes" : "Show your notes",
                           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: styles_module_default4.shortcut, children: "H" })
                         ] })
                       ] }),
@@ -10907,7 +10917,7 @@ function PageFeedbackToolbarCSS({
                           }
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: styles_module_default4.buttonTooltip, children: [
-                          isDesignMode && blankCanvas ? "Copy layout" : "Copy feedback",
+                          isDesignMode && blankCanvas ? "Copy layout" : "Copy your notes",
                           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: styles_module_default4.shortcut, children: "C" })
                         ] })
                       ] }),
@@ -10941,7 +10951,7 @@ function PageFeedbackToolbarCSS({
                               }
                             ),
                             /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: styles_module_default4.buttonTooltip, children: [
-                              "Send Annotations",
+                              "Send to AI",
                               /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: styles_module_default4.shortcut, children: "S" })
                             ] })
                           ]
@@ -10963,7 +10973,7 @@ function PageFeedbackToolbarCSS({
                           }
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: styles_module_default4.buttonTooltip, children: [
-                          "Clear all",
+                          "Clear your notes",
                           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: styles_module_default4.shortcut, children: "X" })
                         ] })
                       ] }),
@@ -10985,7 +10995,7 @@ function PageFeedbackToolbarCSS({
                           "span",
                           {
                             className: `${styles_module_default4.mcpIndicator} ${styles_module_default4[connectionStatus]} ${showSettings ? styles_module_default4.hidden : ""}`,
-                            title: connectionStatus === "connected" ? "MCP Connected" : "MCP Connecting..."
+                            title: connectionStatus === "connected" ? "Live AI Connected" : "Connecting to AI..."
                           }
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: styles_module_default4.buttonTooltip, children: "Settings" })
@@ -11014,7 +11024,7 @@ function PageFeedbackToolbarCSS({
                               }
                             ),
                             /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: styles_module_default4.buttonTooltip, children: [
-                              "Exit",
+                              "Close UI Sniper",
                               /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: styles_module_default4.shortcut, children: "Esc" })
                             ] })
                           ]
@@ -11598,7 +11608,7 @@ function PageFeedbackToolbarCSS({
                       element: pendingAnnotation.element,
                       selectedText: pendingAnnotation.selectedText,
                       computedStyles: pendingAnnotation.computedStylesObj,
-                      placeholder: pendingAnnotation.element === "Area selection" ? "What should change in this area?" : pendingAnnotation.isMultiSelect ? "Feedback for this group of elements..." : "What should change?",
+                      placeholder: pendingAnnotation.element === "Area selection" ? "What should we fix here?" : pendingAnnotation.isMultiSelect ? "What should we change about these?" : "Drop a note here...",
                       onSubmit: addAnnotation,
                       onCancel: cancelAnnotation,
                       isExiting: pendingExiting,
@@ -11698,7 +11708,7 @@ function PageFeedbackToolbarCSS({
                   computedStyles: parseComputedStylesString(
                     editingAnnotation.computedStyles
                   ),
-                  placeholder: "Edit your feedback...",
+                  placeholder: "Edit your note...",
                   initialValue: editingAnnotation.comment,
                   submitLabel: "Save",
                   onSubmit: updateAnnotation2,