qapture2 0.8.0 → 0.8.2

package/dist/{chunk-RJV6FTIB.js → chunk-JGSKPW7Y.js}

@@ -1725,11 +1725,15 @@ var STR = {
     sel_region: "Region selected",
     sel_element: "Element selected",
     capturing: "capturing screenshot\u2026",
+    too_heavy: "This page is too big to redraw \u2014 the tab would freeze. Photograph it instead: one frame, and maps and charts come out right.",
     no_shot: "no screenshot (location saved)",
     annotate_placeholder: "What do you want to do here? (add / remove / change\u2026)",
     save_point: "Save point",
+    save_next: "Save + next",
+    save_next_hint: "Save this one and mark up another part of the same screenshot \u2014 no second permission prompt.",
+    shot_reused: "{n} saved from this screenshot",
     reselect: "Reselect",
-    save_hint: "\u2318/Ctrl + Enter to save",
+    save_hint: "\u2318/Ctrl + Enter to save \xB7 add Shift to keep the same screenshot",
     login_with: "Log in with {field} + password.",
     used_count: "{n}/{m} used",
     used: "used",
@@ -1765,6 +1769,9 @@ var STR = {
     sev_design: "Design",
     sev_enhance: "Enhance",
     status_open: "Open",
+    status_sent: "Sent",
+    check_fixes: "Check the {n} fixes",
+    check_fixes_hint: "Walk back through everything the last export sent, one spot at a time, and say whether each is now what you asked for.",
     status_verified: "Verified",
     context_attached: "{n} runtime events attached",
     start_walkthrough: "Start walkthrough",
@@ -1933,11 +1940,15 @@ var STR = {
     sel_region: "\u062A\u0645 \u062A\u062D\u062F\u064A\u062F \u0645\u0646\u0637\u0642\u0629",
     sel_element: "\u062A\u0645 \u062A\u062D\u062F\u064A\u062F \u0639\u0646\u0635\u0631",
     capturing: "\u064A\u062A\u0645 \u0627\u0644\u062A\u0642\u0627\u0637 \u0627\u0644\u0635\u0648\u0631\u0629\u2026",
+    too_heavy: "\u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629 \u0623\u0643\u0628\u0631 \u0645\u0646 \u0623\u0646 \u064A\u064F\u0639\u0627\u062F \u0631\u0633\u0645\u0647\u0627 \u2014 \u0633\u064A\u062A\u062C\u0645\u0651\u062F \u0627\u0644\u062A\u0628\u0648\u064A\u0628. \u0635\u0648\u0651\u0631\u0647\u0627 \u0628\u062F\u0644 \u0630\u0644\u0643: \u0625\u0637\u0627\u0631 \u0648\u0627\u062D\u062F\u060C \u0648\u062A\u0638\u0647\u0631 \u0627\u0644\u062E\u0631\u0627\u0626\u0637 \u0648\u0627\u0644\u0631\u0633\u0648\u0645 \u0643\u0645\u0627 \u0647\u064A.",
     no_shot: "\u0628\u062F\u0648\u0646 \u0635\u0648\u0631\u0629 (\u062A\u0645 \u062D\u0641\u0638 \u0627\u0644\u0645\u0648\u0642\u0639)",
     annotate_placeholder: "\u0645\u0627\u0630\u0627 \u062A\u0631\u064A\u062F \u0623\u0646 \u062A\u0641\u0639\u0644 \u0647\u0646\u0627\u061F (\u0625\u0636\u0627\u0641\u0629 / \u062D\u0630\u0641 / \u062A\u063A\u064A\u064A\u0631\u2026)",
     save_point: "\u062D\u0641\u0638 \u0627\u0644\u0646\u0642\u0637\u0629",
+    save_next: "\u062D\u0641\u0638 + \u0627\u0644\u062A\u0627\u0644\u064A",
+    save_next_hint: "\u0627\u062D\u0641\u0638 \u0647\u0630\u0647 \u0648\u062D\u062F\u0651\u062F \u062C\u0632\u0621\u064B\u0627 \u0622\u062E\u0631 \u0645\u0646 \u0646\u0641\u0633 \u0627\u0644\u0644\u0642\u0637\u0629 \u2014 \u0628\u062F\u0648\u0646 \u0637\u0644\u0628 \u0625\u0630\u0646 \u062C\u062F\u064A\u062F.",
+    shot_reused: "\u062D\u064F\u0641\u0638\u062A {n} \u0645\u0646 \u0647\u0630\u0647 \u0627\u0644\u0644\u0642\u0637\u0629",
     reselect: "\u0625\u0639\u0627\u062F\u0629 \u0627\u0644\u062A\u062D\u062F\u064A\u062F",
-    save_hint: "\u2318/Ctrl + Enter \u0644\u0644\u062D\u0641\u0638",
+    save_hint: "\u2318/Ctrl + Enter \u0644\u0644\u062D\u0641\u0638 \xB7 \u0623\u0636\u0641 Shift \u0644\u0644\u0628\u0642\u0627\u0621 \u0639\u0644\u0649 \u0646\u0641\u0633 \u0627\u0644\u0644\u0642\u0637\u0629",
     login_with: "\u0633\u062C\u0651\u0644 \u0627\u0644\u062F\u062E\u0648\u0644 \u0628\u0640 {field} + \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631.",
     used_count: "{n}/{m} \u0645\u064F\u0633\u062A\u062E\u062F\u064E\u0645",
     used: "\u0645\u064F\u0633\u062A\u062E\u062F\u064E\u0645",
@@ -1973,6 +1984,9 @@ var STR = {
     sev_design: "Design",
     sev_enhance: "Enhance",
     status_open: "\u0645\u0641\u062A\u0648\u062D",
+    status_sent: "\u0645\u064F\u0631\u0633\u064E\u0644",
+    check_fixes: "\u062A\u062D\u0642\u0651\u0642 \u0645\u0646 {n} \u062A\u0639\u062F\u064A\u0644\u0627\u062A",
+    check_fixes_hint: "\u0645\u0631\u0651 \u0639\u0644\u0649 \u0643\u0644 \u0645\u0627 \u0623\u0631\u0633\u0644\u0647 \u0627\u0644\u062A\u0635\u062F\u064A\u0631 \u0627\u0644\u0623\u062E\u064A\u0631\u060C \u0646\u0642\u0637\u0629 \u0646\u0642\u0637\u0629\u060C \u0648\u0642\u0644 \u0647\u0644 \u0635\u0627\u0631 \u0643\u0645\u0627 \u0637\u0644\u0628\u062A \u0623\u0645 \u0644\u0627.",
     status_verified: "\u062A\u0645 \u0627\u0644\u062A\u062D\u0642\u0642",
     context_attached: "{n} \u0645\u0646 \u0623\u062D\u062F\u0627\u062B \u0627\u0644\u062A\u0634\u063A\u064A\u0644 \u0645\u0631\u0641\u0642\u0629",
     start_walkthrough: "\u0627\u0628\u062F\u0623 \u0627\u0644\u062C\u0648\u0644\u0629",
@@ -2786,12 +2800,21 @@ function neutralizeDocumentColors(doc, aggressive = false) {
 
 // src/lib/capture.ts
 var HTML2CANVAS_TIMEOUT_MS = 1e4;
+var CHUNK_TIMEOUT_MS = 8e3;
 var FALLBACK_PAGE_BACKGROUND = "#ffffff";
 var MAX_SHOT_EDGE = 1800;
 var WEBP_QUALITY = 0.92;
 var STUCK_ATTR = "data-qa-stuck";
 var MAX_CAPTURE_EDGE = 4e3;
 var MAX_RENDER_DEVICE_PIXELS = 16e6;
+var TOO_HEAVY_NODES = 6e3;
+function documentWeight() {
+  try {
+    return document.getElementsByTagName("*").length;
+  } catch {
+    return 0;
+  }
+}
 function withTimeout(promise, ms) {
   let timer;
   return Promise.race([
@@ -2853,8 +2876,13 @@ function fitToBudget(canvas) {
 function canvasToBlob(canvas, type, quality) {
   return new Promise((resolve) => {
     if (canvas.toBlob) {
-      canvas.toBlob((b) => resolve(b), type, quality);
-      return;
+      try {
+        canvas.toBlob((b) => resolve(b), type, quality);
+        return;
+      } catch {
+        resolve(null);
+        return;
+      }
     }
     try {
       const dataUrl = canvas.toDataURL(type, quality);
@@ -3041,7 +3069,9 @@ function planRender(rect, sx, sy, vw, vh) {
   };
 }
 async function captureViaDom(rect, sx, sy, aggressiveColors = false) {
-  const { default: html2canvas } = await import('html2canvas');
+  const mod = await withTimeout(import('html2canvas'), CHUNK_TIMEOUT_MS);
+  if (!mod) return null;
+  const { default: html2canvas } = mod;
   const { vw, vh } = viewportSize();
   const plan = planRender(rect, sx, sy, vw, vh);
   let scale = Math.min(window.devicePixelRatio || 1, 2);
@@ -3060,7 +3090,22 @@ async function captureViaDom(rect, sx, sy, aggressiveColors = false) {
         height: plan.render.height,
         scale,
         useCORS: true,
-        allowTaint: true,
+        // MUST stay false. `allowTaint: true` tells html2canvas to draw
+        // cross-origin images it could not fetch with CORS -- which succeeds,
+        // and TAINTS the canvas. A tainted canvas throws SecurityError from
+        // toBlob/toDataURL, so the render finishes and then the encode dies,
+        // and the tester gets "couldn't capture" with nothing to look at.
+        //
+        // That is one image away on any real page: a map tile, a news
+        // thumbnail, an avatar, an ad, a CDN logo. It made image-heavy pages
+        // fail 100% of the time while a plain page worked, which is exactly
+        // the "it works for you and not for me" this kept producing.
+        //
+        // False is strictly better: html2canvas SKIPS the images it cannot
+        // read, so those come out blank and everything else comes out right.
+        // A screenshot with two grey rectangles in it is worth having. A
+        // SecurityError is not.
+        allowTaint: false,
         // The page's own background, never null — see resolvePageBackground().
         // Passed straight to html2canvas's parser, so it gets the same
         // CSS Color 4 treatment the document walk applies.
@@ -3109,6 +3154,10 @@ async function captureRegion(rect, scroll, prefer = "auto") {
     }
     if (prefer === "exact") return { status: "failed" };
   }
+  const weight = documentWeight();
+  if (weight > TOO_HEAVY_NODES) {
+    return { status: "too-heavy", nodes: weight };
+  }
   try {
     const canvas = await captureViaDom(rect, sx, sy);
     if (!canvas) return { status: "failed" };
@@ -3166,6 +3215,12 @@ function formatEvent(ev, t0) {
   }
   return `[${rel}] uncaught: ${oneLine(ev.message)}`;
 }
+function noteCheckLine(note, index) {
+  const where = oneLine(note.route) || "/";
+  const what = oneLine(note.description) || "(no description)";
+  const trimmed = what.length > 160 ? `${what.slice(0, 157)}...` : what;
+  return `- [ ] **check-${index}** (\`${where}\`) \u2014 ${trimmed}`;
+}
 function noteToMarkdown(note, opts) {
   const brand = opts?.brand ?? "Qapture";
   const idx = opts?.index;
@@ -3223,6 +3278,14 @@ function noteToMarkdown(note, opts) {
       lines.push(`${i + 1}. ${formatStep(step, t0)}`);
     });
   }
+  if (idx != null) {
+    lines.push("");
+    lines.push(`**Check ${idx} \u2014 how this will be graded**`);
+    lines.push("");
+    lines.push(`The tester will be taken back to \`${oneLine(note.route) || "/"}\`` + (target?.selector ? `, shown \`${oneLine(target.selector)}\`` : ", shown this region") + ", and asked: *is this now what I asked for?*");
+    lines.push("");
+    lines.push(`Treat it as done only when the paragraph above is true on that page, on a fresh load, without the tester doing anything extra. Record the outcome against \`check-${idx}\` in \`verify.md\`.`);
+  }
   const ctx = note.context;
   if (ctx) {
     const env = ctx.env;
@@ -3395,6 +3458,17 @@ Second, **the previous attempt is evidence.** Something about the first reading
 The tag sets your starting posture; **the words win.** A point tagged Design that says "this crashes" is a bug \u2014 treat it as one, and mention that you changed lane. People pick the wrong chip all the time; that is not a reason to do the wrong work.
 
 And if a point is phrased as a question rather than a report, **answer it \u2014 do not change code on a maybe.**`
+  );
+  sections.push(
+    `## You Are Being Graded On This
+
+This archive is not a list of suggestions. Every point in \`notes.md\` is an acceptance test, and \`verify.md\` is the checklist those tests live in \u2014 one unticked box per point.
+
+**What happens next.** The tester will be walked back through these same checks on the real page, in this order, one stop at a time, and asked about each: *is this now what I asked for?* Anything they say is still wrong comes back to you as round two with their new words attached, so nothing quietly disappears.
+
+**What to do.** Do the work, then fill in \`verify.md\`: tick a box only when the check is true on a fresh load of the page named beside it, with the tester doing nothing extra. Where you could not do something, or you think it is the wrong thing to do, leave the box unticked and write one line saying why. An unticked box with a reason is a good answer. A ticked box that does not hold up is the only bad one \u2014 it costs the tester the trip to find out.
+
+Hand \`verify.md\` back with the work.`
   );
   const stack = typeof p.stack === "string" && p.stack.trim() ? p.stack.trim() : "(not provided)";
   const runArr = toStrings(p.runCommands);
@@ -3542,6 +3616,39 @@ async function buildZipBlob(notes, stamp, config, guideChecked, guideSkipped) {
 ` : "";
   const notesMd = preambleMd + "\n\n---NOTES---\n\n" + notesHeader + notesBody;
   zip.file("notes.md", notesMd);
+  zip.file("verify.md", [
+    `# ${brandLabel} \u2014 checks to satisfy`,
+    "",
+    `Exported: ${stamp}`,
+    `Checks: ${notes.length}`,
+    "",
+    "Each line below is one thing the tester asked for. The full ask, the",
+    "screenshot, the page and the element are in `notes.md` under the matching",
+    '"Point" heading.',
+    "",
+    "**What is expected of you**",
+    "",
+    "1. Do the work in `notes.md`.",
+    "2. Tick a box here only when the check is true on a fresh load of the page",
+    "   named beside it, with the tester doing nothing extra.",
+    "3. Leave a box unticked and write one line under it saying why, if you",
+    "   could not do it or disagree with it. An unticked box with a reason is a",
+    "   good answer; a ticked box that is not true is the only bad one.",
+    "4. Hand this file back with the work.",
+    "",
+    "The tester will then be walked back through these same checks on the real",
+    "page, in this order, and asked about each one. Anything they say is still",
+    "wrong comes back to you as round two, with their new words attached.",
+    "",
+    "---",
+    "",
+    ...notes.map((n, i) => noteCheckLine(n, i + 1)),
+    "",
+    "---",
+    "",
+    "Re-open the walkthrough on the tester's machine with `?qa=walk:verify`.",
+    ""
+  ].join("\n"));
   notes.forEach((n, i) => {
     if (n.screenshot && shots) {
       shots.file(`point-${i + 1}.${shotExtension(n.screenshot)}`, n.screenshot);
@@ -4181,6 +4288,9 @@ var GUIDE_FAILED_KEY = "guideFailed";
 var LOGIN_KEY = "logins";
 var PENDING_DELETE_KEY = "pendingDeleteIds";
 var EXACT_SHOTS_KEY = "exactShots";
+function exactShotsWanted(store) {
+  return store.getItem(EXACT_SHOTS_KEY) !== "0";
+}
 var SIMPLE_MODE_KEY = "simpleMode";
 var COMPACT_KEY = "compactCapture";
 var LAST_CAMPAIGN_KEY = "lastCampaign";
@@ -4259,7 +4369,7 @@ function QaProvider({
     () => new Set(storage.getJSON(LOGIN_KEY, []))
   );
   const [exactStatus, setExactStatus] = useState(() => {
-    if (storage.getItem(EXACT_SHOTS_KEY) === "1") armExactCapture();
+    if (exactShotsWanted(storage)) armExactCapture();
     return getExactCaptureStatus();
   });
   const exactSupported = isExactCaptureSupported();
@@ -4772,7 +4882,7 @@ function QaProvider({
     setCapturePrefill(prefill ?? "");
     setCaptureActive(true);
     setFrozenAt(null);
-    if (storage.getItem(EXACT_SHOTS_KEY) === "1" && isExactCaptureSupported()) {
+    if (exactShotsWanted(storage) && isExactCaptureSupported()) {
       resetExactCaptureDecline();
       void freezeViewport().then((frame) => {
         setFrozenAt(frame?.takenAt ?? null);
@@ -4804,19 +4914,36 @@ function QaProvider({
       return next;
     });
   }, [storage]);
+  const stampHandedOff = useCallback(async (ids, at) => {
+    if (!ids.length) return;
+    const idSet = new Set(ids);
+    const touched = [];
+    applyNotes(
+      (prev) => prev.map((n) => {
+        if (!idSet.has(n.id)) return n;
+        if ((n.status ?? "open") === "verified") return n;
+        const next = { ...n, handedOffAt: at };
+        touched.push(next);
+        return next;
+      })
+    );
+    for (const note of touched) await idb.put(note);
+  }, [applyNotes, idb]);
   const exportZipFn = useCallback(
     async (filename) => {
       if (!notes.length || isExporting) return;
       setIsExporting(true);
       try {
-        await buildAndDownloadZip(notes, nowIso(), filename, config, guideChecked, guideSkipped);
+        const stamp = nowIso();
+        await buildAndDownloadZip(notes, stamp, filename, config, guideChecked, guideSkipped);
+        await stampHandedOff(notes.map((n) => n.id), stamp);
       } catch (err) {
         console.error("[QA] export failed", err);
       } finally {
         setIsExporting(false);
       }
     },
-    [notes, isExporting, config, guideChecked, guideSkipped]
+    [notes, isExporting, config, guideChecked, guideSkipped, stampHandedOff]
   );
   const exportZipRef = useRef(async () => {
   });
@@ -5002,6 +5129,7 @@ function QaProvider({
       design: 0,
       enhance: 0,
       open: 0,
+      sent: 0,
       fixed: 0,
       verified: 0,
       thisPage: 0
@@ -5015,6 +5143,7 @@ function QaProvider({
       if (status === "verified") counts.verified++;
       else if (status === "fixed") counts.fixed++;
       else counts.open++;
+      if (n.handedOffAt && status !== "verified") counts.sent++;
       if (n.route.split("?")[0] === currentRoute) counts.thisPage++;
     }
     return counts;
@@ -5023,7 +5152,9 @@ function QaProvider({
     const q = filter.query.trim().toLowerCase();
     return notes.filter((n) => {
       if (filter.severity !== "all" && (n.severity ?? "bug") !== filter.severity) return false;
-      if (filter.status !== "all" && (n.status ?? "open") !== filter.status) return false;
+      if (filter.status === "sent") {
+        if (!n.handedOffAt || (n.status ?? "open") === "verified") return false;
+      } else if (filter.status !== "all" && (n.status ?? "open") !== filter.status) return false;
       if (filter.thisPageOnly && n.route.split("?")[0] !== currentRoute) return false;
       if (!q) return true;
       const haystack = `${n.description} ${n.route} ${n.target?.selector ?? ""} ${n.target?.text ?? ""}`;
@@ -5068,6 +5199,7 @@ function QaProvider({
       const blob = await buildZipBlob(notes, stamp, config, guideChecked, guideSkipped);
       if (!blob) return { status: "unsupported" };
       const outcome = await shareZipFile(blob, name, config.brand.label);
+      await stampHandedOff(notes.map((n) => n.id), stamp);
       if (outcome.status === "needs-gesture") {
         setPendingShare({ blob, filename: name });
       } else if (outcome.status === "unsupported") {
@@ -5079,7 +5211,7 @@ function QaProvider({
     } finally {
       setIsExporting(false);
     }
-  }, [notes, config, guideChecked, guideSkipped]);
+  }, [notes, config, guideChecked, guideSkipped, stampHandedOff]);
   const sharePending = useCallback(async () => {
     const pending = pendingShare;
     if (!pending) return { status: "unsupported" };
@@ -5295,7 +5427,10 @@ function QaProvider({
       window.history.replaceState({}, "", window.location.pathname + (qs ? `?${qs}` : ""));
     } catch {
     }
-    if (which === "retest") {
+    if (which === "verify") {
+      setFilterState((prev) => ({ ...prev, status: "sent", severity: "all", thisPageOnly: false }));
+      startWalk("notes", 0);
+    } else if (which === "retest") {
       setFilterState((prev) => ({ ...prev, status: "fixed", severity: "all", thisPageOnly: false }));
       startWalk("notes", 0);
     } else if (which === "notes") {
@@ -7353,7 +7488,7 @@ function FilterChip({ chip }) {
   );
 }
 function NoteFilterBar() {
-  const { filter, setFilter, noteCounts, notes, deleteNotes, t } = useQa();
+  const { filter, setFilter, noteCounts, notes, deleteNotes, startWalk, t } = useQa();
   const [confirmPrune, setConfirmPrune] = useState(false);
   if (notes.length < 3) return null;
   const others = notes.filter((n) => (n.status ?? "open") !== "fixed");
@@ -7395,6 +7530,18 @@ function NoteFilterBar() {
       tone: "accent",
       onClick: sev("design")
     },
+    // Only ever shown once something has actually been sent. A chip reading
+    // "Sent 0" on a first run is noise; the same chip reading "Sent 6" the
+    // morning after an export is the one thing the tester came back for.
+    ...noteCounts.sent > 0 ? [{
+      key: "sent",
+      label: t("status_sent"),
+      count: noteCounts.sent,
+      active: filter.status === "sent",
+      icon: "Camera",
+      tone: "accent",
+      onClick: () => setFilter({ status: "sent", severity: "all", thisPageOnly: false })
+    }] : [],
     {
       key: "open",
       label: t("status_open"),
@@ -7463,6 +7610,24 @@ function NoteFilterBar() {
       }
     ),
     /* @__PURE__ */ jsx("div", { className: "qa-flex qa-flex-wrap qa-gap-1", children: chips.map((chip) => /* @__PURE__ */ jsx(FilterChip, { chip }, chip.key)) }),
+    noteCounts.sent > 0 && /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "data-qa-verify-walk": "true",
+        onClick: () => {
+          setFilter({ status: "sent", severity: "all", thisPageOnly: false });
+          startWalk("notes", 0);
+        },
+        title: t("check_fixes_hint"),
+        className: "qa-tap qa-inline-flex qa-items-center qa-justify-center qa-gap-1.5 qa-rounded-md qa-border qa-border-subtle qa-px-2 qa-py-1.5 qa-text-xs qa-text-hi qa-focus-ring",
+        style: { background: "transparent", cursor: "pointer" },
+        children: [
+          /* @__PURE__ */ jsx(Icon, { name: "Check", size: 13 }),
+          t("check_fixes", { n: noteCounts.sent })
+        ]
+      }
+    ),
     showPrune && /* @__PURE__ */ jsx("div", { className: "qa-text-11", "data-qa-prune": "true", children: confirmPrune ? /* @__PURE__ */ jsxs("span", { className: "qa-text-mid", children: [
       t("keep_only_retest_q", { n: others.length }),
       " ",
@@ -9218,10 +9383,12 @@ function CaptureMode() {
   const [regionMode, setRegionMode] = useState(false);
   const [shot, setShot] = useState(null);
   const stillRef = useRef(null);
+  const [notesFromThisShot, setNotesFromThisShot] = useState(0);
   const [shotEngine, setShotEngine] = useState(null);
   const [shotUrl, setShotUrl] = useState(null);
   const [capturing, setCapturing] = useState(false);
   const [captureError, setCaptureError] = useState(false);
+  const [tooHeavy, setTooHeavy] = useState(false);
   const [description, setDescription] = useState(capturePrefill);
   const [severity, setSeverity] = useState("bug");
   const [targetForensics, setTargetForensics] = useState(void 0);
@@ -9251,6 +9418,7 @@ function CaptureMode() {
   const runCapture = useCallback(async (rect) => {
     setCapturing(true);
     setCaptureError(false);
+    setTooHeavy(false);
     lockPageScroll();
     try {
       const outcome = await captureRegion(rect, scrollSnap.current);
@@ -9261,6 +9429,7 @@ function CaptureMode() {
         return;
       }
       setCaptureError(outcome.status === "failed");
+      setTooHeavy(outcome.status === "too-heavy");
       setShotEngine(outcome.status === "ok" ? outcome.engine : null);
       setShot(blob);
       setShotUrl((old) => {
@@ -9522,7 +9691,17 @@ function CaptureMode() {
       canvas.removeAttribute("style");
     };
   }, [exactShots.frozenAt]);
-  const save = async () => {
+  const resetForNextNote = useCallback(() => {
+    setPhase("selecting");
+    setSelection(null);
+    setShot(null);
+    setShotEngine(null);
+    setDescription("");
+    setSeverity("bug");
+    setTargetForensics(void 0);
+    setCaptureError(false);
+  }, []);
+  const save = async (keepGoing = false) => {
     if (!selection || !description.trim()) return;
     const target = {
       kind: selection.kind,
@@ -9544,6 +9723,11 @@ function CaptureMode() {
       severity,
       forensics: selection.kind === "element" ? targetForensics : void 0
     });
+    if (keepGoing) {
+      setNotesFromThisShot((n) => n + 1);
+      resetForNextNote();
+      return;
+    }
     endCapture();
   };
   const popStyleFor = useCallback((r, cardWidth = 340) => {
@@ -9611,6 +9795,21 @@ function CaptureMode() {
       {
         className: "qa-fixed qa-left-half qa-top-4 qa-z-10095 qa-translate-x-neg-half qa-flex qa-items-center qa-gap-3 qa-rounded-full qa-border qa-border-subtle qa-bg-2 qa-px-4 qa-py-2 qa-text-sm qa-text-hi qa-elev-2",
         children: [
+          notesFromThisShot > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(
+              "span",
+              {
+                "data-qa-shot-reused": "true",
+                className: "qa-flex qa-items-center qa-gap-1.5",
+                style: { color: "var(--qa-success)" },
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { name: "Camera", size: 16 }),
+                  t("shot_reused", { n: String(notesFromThisShot) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "qa-opacity-50", children: "\xB7" })
+          ] }),
           /* @__PURE__ */ jsxs("span", { className: "qa-flex qa-items-center qa-gap-1.5", children: [
             /* @__PURE__ */ jsx(Icon, { name: "MousePointerClick", size: 16 }),
             t("cap_click")
@@ -10060,6 +10259,29 @@ function CaptureMode() {
                         )
                       ]
                     }
+                  ) : tooHeavy ? (
+                    // Not a failure to report — a refusal to explain, with the one
+                    // control that actually solves it.
+                    /* @__PURE__ */ jsxs("span", { className: "qa-flex qa-flex-col qa-items-center qa-gap-2 qa-py-3 qa-px-3 qa-text-center", children: [
+                      /* @__PURE__ */ jsx("span", { className: "qa-text-xs qa-text-mid", children: t("too_heavy") }),
+                      exactShots.supported ? /* @__PURE__ */ jsxs(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => void (async () => {
+                            const shot2 = await photographNow();
+                            if (shot2 && selection) void runCapture(selection.rect);
+                          })(),
+                          title: t("exact_hint"),
+                          className: "qa-tap qa-inline-flex qa-items-center qa-gap-1.5 qa-rounded-md qa-border qa-border-subtle qa-px-2 qa-py-1 qa-text-xs qa-text-hi qa-focus-ring",
+                          style: { background: "transparent", cursor: "pointer" },
+                          children: [
+                            /* @__PURE__ */ jsx(Icon, { name: "Camera", size: 13 }),
+                            t("redraw_action")
+                          ]
+                        }
+                      ) : /* @__PURE__ */ jsx("span", { className: "qa-text-10 qa-text-mid", children: t("redraw_no_engine") })
+                    ] })
                   ) : captureError ? (
                     // The render broke rather than being skipped — offer a retry
                     // against the same selection instead of a dead-end message.
@@ -10166,7 +10388,7 @@ function CaptureMode() {
                 value: description,
                 onChange: (e) => setDescription(e.target.value),
                 onKeyDown: (e) => {
-                  if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) void save();
+                  if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) void save(e.shiftKey);
                   if ((e.altKey || e.metaKey || e.ctrlKey) && SEVERITIES2[Number(e.key) - 1]) {
                     e.preventDefault();
                     setSeverity(SEVERITIES2[Number(e.key) - 1]);
@@ -10191,17 +10413,25 @@ function CaptureMode() {
                   ]
                 }
               ),
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  "data-qa-save-next": "true",
+                  onClick: () => void save(true),
+                  disabled: !description.trim(),
+                  title: t("save_next_hint"),
+                  className: "qa-tap qa-flex qa-items-center qa-justify-center qa-gap-1.5 qa-rounded-lg qa-border qa-border-subtle qa-px-3 qa-py-2 qa-text-sm qa-text-hi",
+                  style: { background: "transparent", cursor: "pointer" },
+                  children: [
+                    /* @__PURE__ */ jsx(Icon, { name: "Plus", size: 16 }),
+                    t("save_next")
+                  ]
+                }
+              ),
               /* @__PURE__ */ jsx(
                 "button",
                 {
-                  onClick: () => {
-                    setPhase("selecting");
-                    setSelection(null);
-                    setShot(null);
-                    setDescription("");
-                    setSeverity("bug");
-                    setTargetForensics(void 0);
-                  },
+                  onClick: resetForNextNote,
                   className: "qa-tap qa-rounded-lg qa-border qa-border-subtle qa-px-3 qa-py-2 qa-text-sm qa-text-mid",
                   style: { background: "transparent", cursor: "pointer" },
                   children: t("reselect")
@@ -10417,5 +10647,5 @@ function Qapture({ config }) {
 }
 
 export { Qapture, deleteQaDatabase, initQaStudio };
-//# sourceMappingURL=chunk-RJV6FTIB.js.map
-//# sourceMappingURL=chunk-RJV6FTIB.js.map
+//# sourceMappingURL=chunk-JGSKPW7Y.js.map
+//# sourceMappingURL=chunk-JGSKPW7Y.js.map

package/dist/index.cjs

@@ -1,24 +1,24 @@
 'use strict';
 
-var chunkE7OFH6EM_cjs = require('./chunk-E7OFH6EM.cjs');
+var chunkIYQ5JZJX_cjs = require('./chunk-IYQ5JZJX.cjs');
 
 
 
 Object.defineProperty(exports, "QaStudio", {
   enumerable: true,
-  get: function () { return chunkE7OFH6EM_cjs.Qapture; }
+  get: function () { return chunkIYQ5JZJX_cjs.Qapture; }
 });
 Object.defineProperty(exports, "Qapture", {
   enumerable: true,
-  get: function () { return chunkE7OFH6EM_cjs.Qapture; }
+  get: function () { return chunkIYQ5JZJX_cjs.Qapture; }
 });
 Object.defineProperty(exports, "deleteQaDatabase", {
   enumerable: true,
-  get: function () { return chunkE7OFH6EM_cjs.deleteQaDatabase; }
+  get: function () { return chunkIYQ5JZJX_cjs.deleteQaDatabase; }
 });
 Object.defineProperty(exports, "initQaStudio", {
   enumerable: true,
-  get: function () { return chunkE7OFH6EM_cjs.initQaStudio; }
+  get: function () { return chunkIYQ5JZJX_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-RJV6FTIB.js';
+export { Qapture as QaStudio, Qapture, deleteQaDatabase, initQaStudio } from './chunk-JGSKPW7Y.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/next.cjs

@@ -1,21 +1,21 @@
 "use client";
 'use strict';
 
-var chunkE7OFH6EM_cjs = require('./chunk-E7OFH6EM.cjs');
+var chunkIYQ5JZJX_cjs = require('./chunk-IYQ5JZJX.cjs');
 
 
 
 Object.defineProperty(exports, "QaStudio", {
   enumerable: true,
-  get: function () { return chunkE7OFH6EM_cjs.Qapture; }
+  get: function () { return chunkIYQ5JZJX_cjs.Qapture; }
 });
 Object.defineProperty(exports, "Qapture", {
   enumerable: true,
-  get: function () { return chunkE7OFH6EM_cjs.Qapture; }
+  get: function () { return chunkIYQ5JZJX_cjs.Qapture; }
 });
 Object.defineProperty(exports, "initQaStudio", {
   enumerable: true,
-  get: function () { return chunkE7OFH6EM_cjs.initQaStudio; }
+  get: function () { return chunkIYQ5JZJX_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-RJV6FTIB.js';
+export { Qapture as QaStudio, Qapture, initQaStudio } from './chunk-JGSKPW7Y.js';
 //# sourceMappingURL=next.js.map
 //# sourceMappingURL=next.js.map

package/dist/standalone.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkE7OFH6EM_cjs = require('./chunk-E7OFH6EM.cjs');
+var chunkIYQ5JZJX_cjs = require('./chunk-IYQ5JZJX.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 chunkE7OFH6EM_cjs.initQaStudio; }
+  get: function () { return chunkIYQ5JZJX_cjs.initQaStudio; }
 });
 //# sourceMappingURL=standalone.cjs.map
 //# sourceMappingURL=standalone.cjs.map

package/dist/standalone.js

@@ -1,4 +1,4 @@
-export { initQaStudio } from './chunk-RJV6FTIB.js';
+export { initQaStudio } from './chunk-JGSKPW7Y.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.8.0",
+  "version": "0.8.2",
   "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",