qapture2 0.7.3 → 0.7.5

package/README.md

@@ -351,9 +351,15 @@ Because by default it is. The DOM engine re-draws your page; fonts shift,
 shadows and gradients flatten, `<canvas>` and video come out blank. From
 v0.7.3 a redrawn capture says so under the preview and offers a one-tap **Use
 real screenshots**, which grants tab-share and re-shoots the same selection
-with the exact engine below. Chromium desktop only — on Safari and Firefox the
-redraw is the only engine there is, so for screenshot-critical QA, test in
-Chrome.
+with the exact engine below.
+
+That upgrade is Chromium-only, because it depends on `preferCurrentTab`. On
+Safari and Firefox the redraw is the only engine there is — so from v0.7.4 the
+card says so outright and points you at Chrome, rather than leaving you to
+conclude the tool is broken. **If your app draws anything with inline SVG, a
+`<canvas>`, or video, do your screenshot QA in Chrome.** A redraw will render
+an SVG chart as bare outlines and a canvas as a blank box, every time, in any
+tool built this way.
 
 ### `exact` — opt-in, pixel-for-pixel
 

package/dist/{chunk-C5WJFSMN.cjs → chunk-COQKFGKZ.cjs}

@@ -1784,6 +1784,8 @@ var STR = {
     exact_hint: "Screenshots become a real photo of the tab instead of a redraw. Asks once to share this tab; nothing leaves your device.",
     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",
@@ -1980,6 +1982,8 @@ var STR = {
     exact_hint: "\u062A\u0635\u0628\u062D \u0627\u0644\u0644\u0642\u0637\u0629 \u0635\u0648\u0631\u0629 \u062D\u0642\u064A\u0642\u064A\u0629 \u0644\u0644\u062A\u0628\u0648\u064A\u0628 \u0628\u062F\u0644 \u0625\u0639\u0627\u062F\u0629 \u0631\u0633\u0645\u0647. \u064A\u064F\u0637\u0644\u0628 \u0627\u0644\u0625\u0630\u0646 \u0645\u0631\u0629 \u0648\u0627\u062D\u062F\u0629\u060C \u0648\u0644\u0627 \u0634\u064A\u0621 \u064A\u063A\u0627\u062F\u0631 \u062C\u0647\u0627\u0632\u0643.",
     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",
@@ -5304,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;
@@ -5383,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);
@@ -5402,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();
@@ -5463,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,
@@ -5478,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(
@@ -7801,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" },
@@ -9758,7 +9762,7 @@ function CaptureMode() {
                       )
                     ] })
                   ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "qa-py-4 qa-text-xs qa-text-slate-400", children: t("no_shot") }),
-                  shotUrl && shotEngine === "dom" && exactShots.supported && exactShots.status !== "live" && /* @__PURE__ */ jsxRuntime.jsxs(
+                  shotUrl && shotEngine === "dom" && (exactShots.status !== "live" && exactShots.supported ? /* @__PURE__ */ jsxRuntime.jsxs(
                     "span",
                     {
                       "data-qa-redraw-offer": "true",
@@ -9784,7 +9788,25 @@ function CaptureMode() {
                         )
                       ]
                     }
-                  )
+                  ) : !exactShots.supported ? (
+                    // Safari and Firefox have no way to photograph the tab, so
+                    // there is nothing to offer — but saying NOTHING was the real
+                    // failure. A tester watching an SVG chart come back as bare
+                    // outlines concludes the tool is broken and files it as a bug,
+                    // over and over. Name the limit and name the way out.
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      "span",
+                      {
+                        "data-qa-redraw-note": "true",
+                        className: "qa-mt-1.5 qa-block qa-text-center qa-text-10 qa-text-mid",
+                        children: [
+                          t("redraw_notice"),
+                          " ",
+                          t("redraw_no_engine")
+                        ]
+                      }
+                    )
+                  ) : null)
                 ]
               }
             ),
@@ -10079,5 +10101,5 @@ function Qapture({ config }) {
 exports.Qapture = Qapture;
 exports.deleteQaDatabase = deleteQaDatabase;
 exports.initQaStudio = initQaStudio;
-//# sourceMappingURL=chunk-C5WJFSMN.cjs.map
-//# sourceMappingURL=chunk-C5WJFSMN.cjs.map
+//# sourceMappingURL=chunk-COQKFGKZ.cjs.map
+//# sourceMappingURL=chunk-COQKFGKZ.cjs.map

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

@@ -1777,6 +1777,8 @@ var STR = {
     exact_hint: "Screenshots become a real photo of the tab instead of a redraw. Asks once to share this tab; nothing leaves your device.",
     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",
@@ -1973,6 +1975,8 @@ var STR = {
     exact_hint: "\u062A\u0635\u0628\u062D \u0627\u0644\u0644\u0642\u0637\u0629 \u0635\u0648\u0631\u0629 \u062D\u0642\u064A\u0642\u064A\u0629 \u0644\u0644\u062A\u0628\u0648\u064A\u0628 \u0628\u062F\u0644 \u0625\u0639\u0627\u062F\u0629 \u0631\u0633\u0645\u0647. \u064A\u064F\u0637\u0644\u0628 \u0627\u0644\u0625\u0630\u0646 \u0645\u0631\u0629 \u0648\u0627\u062D\u062F\u0629\u060C \u0648\u0644\u0627 \u0634\u064A\u0621 \u064A\u063A\u0627\u062F\u0631 \u062C\u0647\u0627\u0632\u0643.",
     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",
@@ -5297,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;
@@ -5376,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);
@@ -5395,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();
@@ -5456,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,
@@ -5471,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(
@@ -7794,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" },
@@ -9751,7 +9755,7 @@ function CaptureMode() {
                       )
                     ] })
                   ) : /* @__PURE__ */ jsx("span", { className: "qa-py-4 qa-text-xs qa-text-slate-400", children: t("no_shot") }),
-                  shotUrl && shotEngine === "dom" && exactShots.supported && exactShots.status !== "live" && /* @__PURE__ */ jsxs(
+                  shotUrl && shotEngine === "dom" && (exactShots.status !== "live" && exactShots.supported ? /* @__PURE__ */ jsxs(
                     "span",
                     {
                       "data-qa-redraw-offer": "true",
@@ -9777,7 +9781,25 @@ function CaptureMode() {
                         )
                       ]
                     }
-                  )
+                  ) : !exactShots.supported ? (
+                    // Safari and Firefox have no way to photograph the tab, so
+                    // there is nothing to offer — but saying NOTHING was the real
+                    // failure. A tester watching an SVG chart come back as bare
+                    // outlines concludes the tool is broken and files it as a bug,
+                    // over and over. Name the limit and name the way out.
+                    /* @__PURE__ */ jsxs(
+                      "span",
+                      {
+                        "data-qa-redraw-note": "true",
+                        className: "qa-mt-1.5 qa-block qa-text-center qa-text-10 qa-text-mid",
+                        children: [
+                          t("redraw_notice"),
+                          " ",
+                          t("redraw_no_engine")
+                        ]
+                      }
+                    )
+                  ) : null)
                 ]
               }
             ),
@@ -10070,5 +10092,5 @@ function Qapture({ config }) {
 }
 
 export { Qapture, deleteQaDatabase, initQaStudio };
-//# sourceMappingURL=chunk-BM3ESR2O.js.map
-//# sourceMappingURL=chunk-BM3ESR2O.js.map
+//# sourceMappingURL=chunk-FBFESAG6.js.map
+//# sourceMappingURL=chunk-FBFESAG6.js.map

package/dist/index.cjs

@@ -1,24 +1,24 @@
 'use strict';
 
-var chunkC5WJFSMN_cjs = require('./chunk-C5WJFSMN.cjs');
+var chunkCOQKFGKZ_cjs = require('./chunk-COQKFGKZ.cjs');
 
 
 
 Object.defineProperty(exports, "QaStudio", {
   enumerable: true,
-  get: function () { return chunkC5WJFSMN_cjs.Qapture; }
+  get: function () { return chunkCOQKFGKZ_cjs.Qapture; }
 });
 Object.defineProperty(exports, "Qapture", {
   enumerable: true,
-  get: function () { return chunkC5WJFSMN_cjs.Qapture; }
+  get: function () { return chunkCOQKFGKZ_cjs.Qapture; }
 });
 Object.defineProperty(exports, "deleteQaDatabase", {
   enumerable: true,
-  get: function () { return chunkC5WJFSMN_cjs.deleteQaDatabase; }
+  get: function () { return chunkCOQKFGKZ_cjs.deleteQaDatabase; }
 });
 Object.defineProperty(exports, "initQaStudio", {
   enumerable: true,
-  get: function () { return chunkC5WJFSMN_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-BM3ESR2O.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 chunkC5WJFSMN_cjs = require('./chunk-C5WJFSMN.cjs');
+var chunkCOQKFGKZ_cjs = require('./chunk-COQKFGKZ.cjs');
 
 
 
 Object.defineProperty(exports, "QaStudio", {
   enumerable: true,
-  get: function () { return chunkC5WJFSMN_cjs.Qapture; }
+  get: function () { return chunkCOQKFGKZ_cjs.Qapture; }
 });
 Object.defineProperty(exports, "Qapture", {
   enumerable: true,
-  get: function () { return chunkC5WJFSMN_cjs.Qapture; }
+  get: function () { return chunkCOQKFGKZ_cjs.Qapture; }
 });
 Object.defineProperty(exports, "initQaStudio", {
   enumerable: true,
-  get: function () { return chunkC5WJFSMN_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-BM3ESR2O.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 chunkC5WJFSMN_cjs = require('./chunk-C5WJFSMN.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 chunkC5WJFSMN_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-BM3ESR2O.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.3",
+  "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",
@@ -90,6 +90,7 @@
     "browser-test": "node scripts/browser-test.mjs",
     "capture-accuracy-test": "node scripts/capture-accuracy-test.mjs",
     "element-capture-test": "node scripts/element-capture-test.mjs",
+    "svg-vars-test": "node scripts/svg-vars-test.mjs",
     "loop-features-test": "node scripts/loop-features-test.mjs",
     "walk-test": "node scripts/walk-test.mjs",
     "modern-css-test": "node scripts/modern-css-test.mjs",