qapture2 0.7.4 → 0.7.5

package/dist/{chunk-7WHQBMVP.cjs → chunk-COQKFGKZ.cjs}

@@ -1785,6 +1785,7 @@ var STR = {
     redraw_notice: "This is a redraw of the page, not a real photo.",
     redraw_action: "Use real screenshots",
     redraw_no_engine: "This browser cannot photograph a tab, so charts and canvases may come out wrong. Open the app in Chrome, Edge or Brave for true screenshots.",
+    fab_title: "Qapture \u2014 click to open, drag to move it out of the way",
     exact_on: "Pixel-exact screenshots on",
     exact_off: "Back to redrawn screenshots",
     exact_declined: "Staying on redrawn screenshots",
@@ -1982,6 +1983,7 @@ var STR = {
     redraw_notice: "\u0647\u0630\u0647 \u0625\u0639\u0627\u062F\u0629 \u0631\u0633\u0645 \u0644\u0644\u0635\u0641\u062D\u0629\u060C \u0648\u0644\u064A\u0633\u062A \u0635\u0648\u0631\u0629 \u062D\u0642\u064A\u0642\u064A\u0629.",
     redraw_action: "\u0627\u0633\u062A\u062E\u062F\u0645 \u0644\u0642\u0637\u0627\u062A \u062D\u0642\u064A\u0642\u064A\u0629",
     redraw_no_engine: "\u0644\u0627 \u064A\u0633\u062A\u0637\u064A\u0639 \u0647\u0630\u0627 \u0627\u0644\u0645\u062A\u0635\u0641\u062D \u062A\u0635\u0648\u064A\u0631 \u0627\u0644\u062A\u0628\u0648\u064A\u0628\u060C \u0644\u0630\u0627 \u0642\u062F \u062A\u0638\u0647\u0631 \u0627\u0644\u0645\u062E\u0637\u0637\u0627\u062A \u0648\u0627\u0644\u0644\u0648\u062D\u0627\u062A \u0628\u0634\u0643\u0644 \u062E\u0627\u0637\u0626. \u0627\u0641\u062A\u062D \u0627\u0644\u062A\u0637\u0628\u064A\u0642 \u0641\u064A Chrome \u0623\u0648 Edge \u0623\u0648 Brave \u0644\u0644\u062D\u0635\u0648\u0644 \u0639\u0644\u0649 \u0644\u0642\u0637\u0627\u062A \u062D\u0642\u064A\u0642\u064A\u0629.",
+    fab_title: "Qapture \u2014 \u0627\u0636\u063A\u0637 \u0644\u0644\u0641\u062A\u062D\u060C \u0648\u0627\u0633\u062D\u0628 \u0644\u062A\u062D\u0631\u064A\u0643\u0647 \u0645\u0646 \u0645\u0643\u0627\u0646\u0647",
     exact_on: "\u062A\u0645 \u062A\u0641\u0639\u064A\u0644 \u0627\u0644\u0644\u0642\u0637\u0627\u062A \u0627\u0644\u0645\u0637\u0627\u0628\u0642\u0629",
     exact_off: "\u0627\u0644\u0639\u0648\u062F\u0629 \u0625\u0644\u0649 \u0627\u0644\u0644\u0642\u0637\u0627\u062A \u0627\u0644\u0645\u064F\u0639\u0627\u062F \u0631\u0633\u0645\u0647\u0627",
     exact_declined: "\u0633\u0646\u0628\u0642\u0649 \u0639\u0644\u0649 \u0627\u0644\u0644\u0642\u0637\u0627\u062A \u0627\u0644\u0645\u064F\u0639\u0627\u062F \u0631\u0633\u0645\u0647\u0627",
@@ -5306,29 +5308,6 @@ function Icon({
 function renderSvgElement(tag, attrs, key) {
   return React__default.default.createElement(tag, { key, ...attrs });
 }
-function isCoarsePointer() {
-  if (typeof window === "undefined") return false;
-  try {
-    if (window.matchMedia && window.matchMedia("(pointer: coarse)").matches) return true;
-  } catch {
-  }
-  return typeof navigator !== "undefined" && (navigator.maxTouchPoints || 0) > 0;
-}
-function useCoarsePointer() {
-  const [coarse, setCoarse] = React.useState(() => isCoarsePointer());
-  React.useEffect(() => {
-    if (typeof window === "undefined" || !window.matchMedia) return;
-    const mq = window.matchMedia("(pointer: coarse)");
-    const on = () => setCoarse(isCoarsePointer());
-    if (mq.addEventListener) mq.addEventListener("change", on);
-    else if (mq.addListener) mq.addListener(on);
-    return () => {
-      if (mq.removeEventListener) mq.removeEventListener("change", on);
-      else if (mq.removeListener) mq.removeListener(on);
-    };
-  }, []);
-  return coarse;
-}
 var DEFAULT_LEFT = "calc(1.25rem + env(safe-area-inset-left))";
 var DEFAULT_BOTTOM = "calc(5rem + env(safe-area-inset-bottom))";
 var FAB_SIZE_PX = 56;
@@ -5385,8 +5364,7 @@ function clampFabPos(p, w = FAB_SIZE_PX, h = FAB_SIZE_PX) {
   };
 }
 function QaFab() {
-  const { isOpen, setIsOpen, notes, captureActive, namespace } = useQa();
-  const coarse = useCoarsePointer();
+  const { isOpen, setIsOpen, notes, captureActive, namespace, t } = useQa();
   const [pos, setPos] = React.useState(() => loadFabPos(namespace));
   const dragRef = React.useRef(null);
   const didDragRef = React.useRef(false);
@@ -5404,6 +5382,7 @@ function QaFab() {
   if (captureActive) return null;
   const onPointerDown = (e) => {
     if (dragRef.current) return;
+    if (e.pointerType === "mouse" && e.button !== 0) return;
     didDragRef.current = false;
     const target = e.currentTarget;
     const rect = target.getBoundingClientRect();
@@ -5465,7 +5444,7 @@ function QaFab() {
     }
     setIsOpen(!isOpen);
   };
-  const applied = coarse && pos ? clampFabPos(pos) : null;
+  const applied = pos ? clampFabPos(pos) : null;
   const fabStyle = {
     left: applied ? `${applied.left}px` : DEFAULT_LEFT,
     bottom: applied ? `${applied.bottom}px` : DEFAULT_BOTTOM,
@@ -5480,13 +5459,13 @@ function QaFab() {
       "data-qa-overlay": "true",
       dir: "ltr",
       onClick: handleClick,
-      onPointerDown: coarse ? onPointerDown : void 0,
-      onPointerMove: coarse ? onPointerMove : void 0,
-      onPointerUp: coarse ? onPointerUp : void 0,
-      onPointerCancel: coarse ? onPointerCancel : void 0,
+      onPointerDown,
+      onPointerMove,
+      onPointerUp,
+      onPointerCancel,
       "aria-label": "Qapture \u2014 testing notes",
-      title: "Qapture",
-      className: `qa-fixed qa-flex qa-items-center qa-justify-center qa-rounded-full qa-bg-accent qa-elev-2 qa-print-hidden qa-fab-btn${coarse ? " qa-touch-none" : ""}`,
+      title: t("fab_title"),
+      className: "qa-fixed qa-flex qa-items-center qa-justify-center qa-rounded-full qa-bg-accent qa-elev-2 qa-print-hidden qa-fab-btn qa-touch-none",
       style: fabStyle,
       children: [
         !isOpen && /* @__PURE__ */ jsxRuntime.jsx(
@@ -7803,6 +7782,29 @@ function GuideSection() {
     ))
   ] });
 }
+function isCoarsePointer() {
+  if (typeof window === "undefined") return false;
+  try {
+    if (window.matchMedia && window.matchMedia("(pointer: coarse)").matches) return true;
+  } catch {
+  }
+  return typeof navigator !== "undefined" && (navigator.maxTouchPoints || 0) > 0;
+}
+function useCoarsePointer() {
+  const [coarse, setCoarse] = React.useState(() => isCoarsePointer());
+  React.useEffect(() => {
+    if (typeof window === "undefined" || !window.matchMedia) return;
+    const mq = window.matchMedia("(pointer: coarse)");
+    const on = () => setCoarse(isCoarsePointer());
+    if (mq.addEventListener) mq.addEventListener("change", on);
+    else if (mq.addListener) mq.addListener(on);
+    return () => {
+      if (mq.removeEventListener) mq.removeEventListener("change", on);
+      else if (mq.removeListener) mq.removeListener(on);
+    };
+  }, []);
+  return coarse;
+}
 var TABS = [
   { key: "notes", labelKey: "tab_notes", icon: "StickyNote" },
   { key: "logins", labelKey: "tab_logins", icon: "KeyRound" },
@@ -10099,5 +10101,5 @@ function Qapture({ config }) {
 exports.Qapture = Qapture;
 exports.deleteQaDatabase = deleteQaDatabase;
 exports.initQaStudio = initQaStudio;
-//# sourceMappingURL=chunk-7WHQBMVP.cjs.map
-//# sourceMappingURL=chunk-7WHQBMVP.cjs.map
+//# sourceMappingURL=chunk-COQKFGKZ.cjs.map
+//# sourceMappingURL=chunk-COQKFGKZ.cjs.map

package/dist/{chunk-ZAWR5VJR.js → chunk-FBFESAG6.js}

@@ -1778,6 +1778,7 @@ var STR = {
     redraw_notice: "This is a redraw of the page, not a real photo.",
     redraw_action: "Use real screenshots",
     redraw_no_engine: "This browser cannot photograph a tab, so charts and canvases may come out wrong. Open the app in Chrome, Edge or Brave for true screenshots.",
+    fab_title: "Qapture \u2014 click to open, drag to move it out of the way",
     exact_on: "Pixel-exact screenshots on",
     exact_off: "Back to redrawn screenshots",
     exact_declined: "Staying on redrawn screenshots",
@@ -1975,6 +1976,7 @@ var STR = {
     redraw_notice: "\u0647\u0630\u0647 \u0625\u0639\u0627\u062F\u0629 \u0631\u0633\u0645 \u0644\u0644\u0635\u0641\u062D\u0629\u060C \u0648\u0644\u064A\u0633\u062A \u0635\u0648\u0631\u0629 \u062D\u0642\u064A\u0642\u064A\u0629.",
     redraw_action: "\u0627\u0633\u062A\u062E\u062F\u0645 \u0644\u0642\u0637\u0627\u062A \u062D\u0642\u064A\u0642\u064A\u0629",
     redraw_no_engine: "\u0644\u0627 \u064A\u0633\u062A\u0637\u064A\u0639 \u0647\u0630\u0627 \u0627\u0644\u0645\u062A\u0635\u0641\u062D \u062A\u0635\u0648\u064A\u0631 \u0627\u0644\u062A\u0628\u0648\u064A\u0628\u060C \u0644\u0630\u0627 \u0642\u062F \u062A\u0638\u0647\u0631 \u0627\u0644\u0645\u062E\u0637\u0637\u0627\u062A \u0648\u0627\u0644\u0644\u0648\u062D\u0627\u062A \u0628\u0634\u0643\u0644 \u062E\u0627\u0637\u0626. \u0627\u0641\u062A\u062D \u0627\u0644\u062A\u0637\u0628\u064A\u0642 \u0641\u064A Chrome \u0623\u0648 Edge \u0623\u0648 Brave \u0644\u0644\u062D\u0635\u0648\u0644 \u0639\u0644\u0649 \u0644\u0642\u0637\u0627\u062A \u062D\u0642\u064A\u0642\u064A\u0629.",
+    fab_title: "Qapture \u2014 \u0627\u0636\u063A\u0637 \u0644\u0644\u0641\u062A\u062D\u060C \u0648\u0627\u0633\u062D\u0628 \u0644\u062A\u062D\u0631\u064A\u0643\u0647 \u0645\u0646 \u0645\u0643\u0627\u0646\u0647",
     exact_on: "\u062A\u0645 \u062A\u0641\u0639\u064A\u0644 \u0627\u0644\u0644\u0642\u0637\u0627\u062A \u0627\u0644\u0645\u0637\u0627\u0628\u0642\u0629",
     exact_off: "\u0627\u0644\u0639\u0648\u062F\u0629 \u0625\u0644\u0649 \u0627\u0644\u0644\u0642\u0637\u0627\u062A \u0627\u0644\u0645\u064F\u0639\u0627\u062F \u0631\u0633\u0645\u0647\u0627",
     exact_declined: "\u0633\u0646\u0628\u0642\u0649 \u0639\u0644\u0649 \u0627\u0644\u0644\u0642\u0637\u0627\u062A \u0627\u0644\u0645\u064F\u0639\u0627\u062F \u0631\u0633\u0645\u0647\u0627",
@@ -5299,29 +5301,6 @@ function Icon({
 function renderSvgElement(tag, attrs, key) {
   return React.createElement(tag, { key, ...attrs });
 }
-function isCoarsePointer() {
-  if (typeof window === "undefined") return false;
-  try {
-    if (window.matchMedia && window.matchMedia("(pointer: coarse)").matches) return true;
-  } catch {
-  }
-  return typeof navigator !== "undefined" && (navigator.maxTouchPoints || 0) > 0;
-}
-function useCoarsePointer() {
-  const [coarse, setCoarse] = useState(() => isCoarsePointer());
-  useEffect(() => {
-    if (typeof window === "undefined" || !window.matchMedia) return;
-    const mq = window.matchMedia("(pointer: coarse)");
-    const on = () => setCoarse(isCoarsePointer());
-    if (mq.addEventListener) mq.addEventListener("change", on);
-    else if (mq.addListener) mq.addListener(on);
-    return () => {
-      if (mq.removeEventListener) mq.removeEventListener("change", on);
-      else if (mq.removeListener) mq.removeListener(on);
-    };
-  }, []);
-  return coarse;
-}
 var DEFAULT_LEFT = "calc(1.25rem + env(safe-area-inset-left))";
 var DEFAULT_BOTTOM = "calc(5rem + env(safe-area-inset-bottom))";
 var FAB_SIZE_PX = 56;
@@ -5378,8 +5357,7 @@ function clampFabPos(p, w = FAB_SIZE_PX, h = FAB_SIZE_PX) {
   };
 }
 function QaFab() {
-  const { isOpen, setIsOpen, notes, captureActive, namespace } = useQa();
-  const coarse = useCoarsePointer();
+  const { isOpen, setIsOpen, notes, captureActive, namespace, t } = useQa();
   const [pos, setPos] = useState(() => loadFabPos(namespace));
   const dragRef = useRef(null);
   const didDragRef = useRef(false);
@@ -5397,6 +5375,7 @@ function QaFab() {
   if (captureActive) return null;
   const onPointerDown = (e) => {
     if (dragRef.current) return;
+    if (e.pointerType === "mouse" && e.button !== 0) return;
     didDragRef.current = false;
     const target = e.currentTarget;
     const rect = target.getBoundingClientRect();
@@ -5458,7 +5437,7 @@ function QaFab() {
     }
     setIsOpen(!isOpen);
   };
-  const applied = coarse && pos ? clampFabPos(pos) : null;
+  const applied = pos ? clampFabPos(pos) : null;
   const fabStyle = {
     left: applied ? `${applied.left}px` : DEFAULT_LEFT,
     bottom: applied ? `${applied.bottom}px` : DEFAULT_BOTTOM,
@@ -5473,13 +5452,13 @@ function QaFab() {
       "data-qa-overlay": "true",
       dir: "ltr",
       onClick: handleClick,
-      onPointerDown: coarse ? onPointerDown : void 0,
-      onPointerMove: coarse ? onPointerMove : void 0,
-      onPointerUp: coarse ? onPointerUp : void 0,
-      onPointerCancel: coarse ? onPointerCancel : void 0,
+      onPointerDown,
+      onPointerMove,
+      onPointerUp,
+      onPointerCancel,
       "aria-label": "Qapture \u2014 testing notes",
-      title: "Qapture",
-      className: `qa-fixed qa-flex qa-items-center qa-justify-center qa-rounded-full qa-bg-accent qa-elev-2 qa-print-hidden qa-fab-btn${coarse ? " qa-touch-none" : ""}`,
+      title: t("fab_title"),
+      className: "qa-fixed qa-flex qa-items-center qa-justify-center qa-rounded-full qa-bg-accent qa-elev-2 qa-print-hidden qa-fab-btn qa-touch-none",
       style: fabStyle,
       children: [
         !isOpen && /* @__PURE__ */ jsx(
@@ -7796,6 +7775,29 @@ function GuideSection() {
     ))
   ] });
 }
+function isCoarsePointer() {
+  if (typeof window === "undefined") return false;
+  try {
+    if (window.matchMedia && window.matchMedia("(pointer: coarse)").matches) return true;
+  } catch {
+  }
+  return typeof navigator !== "undefined" && (navigator.maxTouchPoints || 0) > 0;
+}
+function useCoarsePointer() {
+  const [coarse, setCoarse] = useState(() => isCoarsePointer());
+  useEffect(() => {
+    if (typeof window === "undefined" || !window.matchMedia) return;
+    const mq = window.matchMedia("(pointer: coarse)");
+    const on = () => setCoarse(isCoarsePointer());
+    if (mq.addEventListener) mq.addEventListener("change", on);
+    else if (mq.addListener) mq.addListener(on);
+    return () => {
+      if (mq.removeEventListener) mq.removeEventListener("change", on);
+      else if (mq.removeListener) mq.removeListener(on);
+    };
+  }, []);
+  return coarse;
+}
 var TABS = [
   { key: "notes", labelKey: "tab_notes", icon: "StickyNote" },
   { key: "logins", labelKey: "tab_logins", icon: "KeyRound" },
@@ -10090,5 +10092,5 @@ function Qapture({ config }) {
 }
 
 export { Qapture, deleteQaDatabase, initQaStudio };
-//# sourceMappingURL=chunk-ZAWR5VJR.js.map
-//# sourceMappingURL=chunk-ZAWR5VJR.js.map
+//# sourceMappingURL=chunk-FBFESAG6.js.map
+//# sourceMappingURL=chunk-FBFESAG6.js.map

package/dist/index.cjs

@@ -1,24 +1,24 @@
 'use strict';
 
-var chunk7WHQBMVP_cjs = require('./chunk-7WHQBMVP.cjs');
+var chunkCOQKFGKZ_cjs = require('./chunk-COQKFGKZ.cjs');
 
 
 
 Object.defineProperty(exports, "QaStudio", {
   enumerable: true,
-  get: function () { return chunk7WHQBMVP_cjs.Qapture; }
+  get: function () { return chunkCOQKFGKZ_cjs.Qapture; }
 });
 Object.defineProperty(exports, "Qapture", {
   enumerable: true,
-  get: function () { return chunk7WHQBMVP_cjs.Qapture; }
+  get: function () { return chunkCOQKFGKZ_cjs.Qapture; }
 });
 Object.defineProperty(exports, "deleteQaDatabase", {
   enumerable: true,
-  get: function () { return chunk7WHQBMVP_cjs.deleteQaDatabase; }
+  get: function () { return chunkCOQKFGKZ_cjs.deleteQaDatabase; }
 });
 Object.defineProperty(exports, "initQaStudio", {
   enumerable: true,
-  get: function () { return chunk7WHQBMVP_cjs.initQaStudio; }
+  get: function () { return chunkCOQKFGKZ_cjs.initQaStudio; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,3 +1,3 @@
-export { Qapture as QaStudio, Qapture, deleteQaDatabase, initQaStudio } from './chunk-ZAWR5VJR.js';
+export { Qapture as QaStudio, Qapture, deleteQaDatabase, initQaStudio } from './chunk-FBFESAG6.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/next.cjs

@@ -1,21 +1,21 @@
 "use client";
 'use strict';
 
-var chunk7WHQBMVP_cjs = require('./chunk-7WHQBMVP.cjs');
+var chunkCOQKFGKZ_cjs = require('./chunk-COQKFGKZ.cjs');
 
 
 
 Object.defineProperty(exports, "QaStudio", {
   enumerable: true,
-  get: function () { return chunk7WHQBMVP_cjs.Qapture; }
+  get: function () { return chunkCOQKFGKZ_cjs.Qapture; }
 });
 Object.defineProperty(exports, "Qapture", {
   enumerable: true,
-  get: function () { return chunk7WHQBMVP_cjs.Qapture; }
+  get: function () { return chunkCOQKFGKZ_cjs.Qapture; }
 });
 Object.defineProperty(exports, "initQaStudio", {
   enumerable: true,
-  get: function () { return chunk7WHQBMVP_cjs.initQaStudio; }
+  get: function () { return chunkCOQKFGKZ_cjs.initQaStudio; }
 });
 //# sourceMappingURL=next.cjs.map
 //# sourceMappingURL=next.cjs.map

package/dist/next.js

@@ -1,4 +1,4 @@
 "use client";
-export { Qapture as QaStudio, Qapture, initQaStudio } from './chunk-ZAWR5VJR.js';
+export { Qapture as QaStudio, Qapture, initQaStudio } from './chunk-FBFESAG6.js';
 //# sourceMappingURL=next.js.map
 //# sourceMappingURL=next.js.map

package/dist/standalone.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk7WHQBMVP_cjs = require('./chunk-7WHQBMVP.cjs');
+var chunkCOQKFGKZ_cjs = require('./chunk-COQKFGKZ.cjs');
 
 // src/standalone.ts
 if (typeof window !== "undefined" && typeof customElements !== "undefined" && !customElements.get("qapture-widget")) {
@@ -38,7 +38,7 @@ if (typeof window !== "undefined" && typeof customElements !== "undefined" && !c
 
 Object.defineProperty(exports, "initQaStudio", {
   enumerable: true,
-  get: function () { return chunk7WHQBMVP_cjs.initQaStudio; }
+  get: function () { return chunkCOQKFGKZ_cjs.initQaStudio; }
 });
 //# sourceMappingURL=standalone.cjs.map
 //# sourceMappingURL=standalone.cjs.map

package/dist/standalone.js

@@ -1,4 +1,4 @@
-export { initQaStudio } from './chunk-ZAWR5VJR.js';
+export { initQaStudio } from './chunk-FBFESAG6.js';
 
 // src/standalone.ts
 if (typeof window !== "undefined" && typeof customElements !== "undefined" && !customElements.get("qapture-widget")) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qapture2",
-  "version": "0.7.4",
+  "version": "0.7.5",
   "description": "Drop-in, AI-aware in-browser QA capture widget. A tester annotates the live app (element/region + auto-screenshot + note), tracks a graded testing journey, and exports a ZIP your own coding agent reads. Ships zero AI.",
   "type": "module",
   "license": "MIT",