qapture2 0.7.7 → 0.7.9

package/dist/{chunk-FVQKCQC3.js → chunk-G6O4SIEH.js}

@@ -1734,6 +1734,8 @@ var STR = {
     loc_show: "Show captured location",
     loc_hide: "Hide location",
     loc_locate: "Locate on page",
+    loc_other_page: "This one was filed on {path}, not the page you are on.",
+    loc_go_there: "Go to {path}",
     journey_title: "Testing journey",
     journey_generic: "No test plan was set up for this project, so this is a general one that fits any app. Work through it, or ask whoever set up Qapture to add the real journey to qa.config.",
     export_name_title: "Name your export",
@@ -1862,6 +1864,13 @@ var STR = {
     retest_not_found: "Can't find that spot on this page \u2014 open the right page first",
     before_label: "Before",
     after_label: "After",
+    followup_label: "What happened this time",
+    followup_add: "Say what happened",
+    followup_placeholder: "What did it do this time, and how is that different from what you asked for?",
+    followup_hint: "The first note stays as it is. This is added under it as round two.",
+    keep_only_retest: "Keep only these {n}",
+    keep_only_retest_q: "Delete the other {n}?",
+    keep_only_retest_hint: "Delete every note that is not waiting to be re-tested",
     welcome_title: "Testing {brand}",
     welcome_capture: 'Click "Capture from page", then click whatever looks wrong.',
     welcome_say: "Say what you expected in your own words. A screenshot is taken for you.",
@@ -1882,6 +1891,7 @@ var STR = {
     capture_screen: "Whole screen",
     walk_title: "Walkthrough",
     walk_take_me: "Take me to {path}",
+    walk_taking_you: "Taking you there\u2026",
     walk_reload_hint: "Reload the page instead (use this if the app didn't move)",
     walk_note_title: "Point {n}",
     walk_still_broken: "Still broken",
@@ -1932,6 +1942,8 @@ var STR = {
     loc_show: "\u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0645\u064F\u0644\u062A\u0642\u064E\u0637",
     loc_hide: "\u0625\u062E\u0641\u0627\u0621 \u0627\u0644\u0645\u0648\u0642\u0639",
     loc_locate: "\u0625\u0638\u0647\u0627\u0631 \u0639\u0644\u0649 \u0627\u0644\u0635\u0641\u062D\u0629",
+    loc_other_page: "\u0633\u064F\u062C\u0651\u0644\u062A \u0647\u0630\u0647 \u0641\u064A {path}\u060C \u0648\u0644\u064A\u0633\u062A \u0627\u0644\u0635\u0641\u062D\u0629 \u0627\u0644\u062A\u064A \u0623\u0646\u062A \u0641\u064A\u0647\u0627.",
+    loc_go_there: "\u0627\u0630\u0647\u0628 \u0625\u0644\u0649 {path}",
     journey_title: "\u0631\u062D\u0644\u0629 \u0627\u0644\u0627\u062E\u062A\u0628\u0627\u0631",
     journey_generic: "\u0644\u0645 \u064A\u062A\u0645 \u0625\u0639\u062F\u0627\u062F \u062E\u0637\u0629 \u0627\u062E\u062A\u0628\u0627\u0631 \u0644\u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060C \u0644\u0630\u0644\u0643 \u0647\u0630\u0647 \u062E\u0637\u0629 \u0639\u0627\u0645\u0629 \u062A\u0635\u0644\u062D \u0644\u0623\u064A \u062A\u0637\u0628\u064A\u0642. \u0627\u0639\u0645\u0644 \u0628\u0647\u0627\u060C \u0623\u0648 \u0627\u0637\u0644\u0628 \u0645\u0645\u0646 \u062B\u0628\u0651\u062A Qapture \u0623\u0646 \u064A\u0636\u064A\u0641 \u0631\u062D\u0644\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0641\u064A qa.config.",
     export_name_title: "\u0633\u0645\u0650\u0651 \u0645\u0644\u0641 \u0627\u0644\u062A\u0635\u062F\u064A\u0631",
@@ -2060,6 +2072,13 @@ var STR = {
     retest_not_found: "\u062A\u0639\u0630\u0651\u0631 \u0625\u064A\u062C\u0627\u062F \u0630\u0644\u0643 \u0627\u0644\u0645\u0648\u0636\u0639 \u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629 \u2014 \u0627\u0641\u062A\u062D \u0627\u0644\u0635\u0641\u062D\u0629 \u0627\u0644\u0635\u062D\u064A\u062D\u0629 \u0623\u0648\u0644\u064B\u0627",
     before_label: "\u0642\u0628\u0644",
     after_label: "\u0628\u0639\u062F",
+    followup_label: "\u0645\u0627\u0630\u0627 \u062D\u062F\u062B \u0647\u0630\u0647 \u0627\u0644\u0645\u0631\u0629",
+    followup_add: "\u0627\u0643\u062A\u0628 \u0645\u0627\u0630\u0627 \u062D\u062F\u062B",
+    followup_placeholder: "\u0645\u0627\u0630\u0627 \u0641\u0639\u0644 \u0647\u0630\u0647 \u0627\u0644\u0645\u0631\u0629\u060C \u0648\u0643\u064A\u0641 \u064A\u062E\u062A\u0644\u0641 \u0630\u0644\u0643 \u0639\u0645\u0651\u0627 \u0637\u0644\u0628\u062A\u0647\u061F",
+    followup_hint: "\u0627\u0644\u0645\u0644\u0627\u062D\u0638\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u062A\u0628\u0642\u0649 \u0643\u0645\u0627 \u0647\u064A. \u0647\u0630\u0647 \u062A\u064F\u0636\u0627\u0641 \u062A\u062D\u062A\u0647\u0627 \u0643\u062C\u0648\u0644\u0629 \u062B\u0627\u0646\u064A\u0629.",
+    keep_only_retest: "\u0623\u0628\u0642\u0650 \u0647\u0630\u0647 \u0627\u0644\u0640 {n} \u0641\u0642\u0637",
+    keep_only_retest_q: "\u062D\u0630\u0641 \u0627\u0644\u0640 {n} \u0627\u0644\u0623\u062E\u0631\u0649\u061F",
+    keep_only_retest_hint: "\u062D\u0630\u0641 \u0643\u0644 \u0645\u0644\u0627\u062D\u0638\u0629 \u0644\u064A\u0633\u062A \u0628\u0627\u0646\u062A\u0638\u0627\u0631 \u0625\u0639\u0627\u062F\u0629 \u0627\u0644\u0627\u062E\u062A\u0628\u0627\u0631",
     welcome_title: "\u0627\u062E\u062A\u0628\u0627\u0631 {brand}",
     welcome_capture: "\u0627\u0636\u063A\u0637 \xAB\u0627\u0644\u062A\u0642\u0627\u0637 \u0645\u0646 \u0627\u0644\u0635\u0641\u062D\u0629\xBB \u062B\u0645 \u0627\u0636\u063A\u0637 \u0639\u0644\u0649 \u0645\u0627 \u064A\u0628\u062F\u0648 \u062E\u0627\u0637\u0626\u064B\u0627.",
     welcome_say: "\u0627\u0643\u062A\u0628 \u0645\u0627 \u0643\u0646\u062A \u062A\u062A\u0648\u0642\u0639\u0647 \u0628\u0643\u0644\u0645\u0627\u062A\u0643. \u062A\u064F\u0644\u062A\u0642\u0637 \u0627\u0644\u0635\u0648\u0631\u0629 \u062A\u0644\u0642\u0627\u0626\u064A\u064B\u0627.",
@@ -2080,6 +2099,7 @@ var STR = {
     capture_screen: "\u0627\u0644\u0634\u0627\u0634\u0629 \u0643\u0627\u0645\u0644\u0629",
     walk_title: "\u0627\u0644\u062C\u0648\u0644\u0629",
     walk_take_me: "\u062E\u0630\u0646\u064A \u0625\u0644\u0649 {path}",
+    walk_taking_you: "\u062C\u0627\u0631\u064D \u0646\u0642\u0644\u0643\u2026",
     walk_reload_hint: "\u0623\u0639\u062F \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0635\u0641\u062D\u0629 \u0628\u062F\u0644\u064B\u0627 \u0645\u0646 \u0630\u0644\u0643 (\u0627\u0633\u062A\u062E\u062F\u0645\u0647 \u0625\u0630\u0627 \u0644\u0645 \u064A\u0646\u062A\u0642\u0644 \u0627\u0644\u062A\u0637\u0628\u064A\u0642)",
     walk_note_title: "\u0627\u0644\u0646\u0642\u0637\u0629 {n}",
     walk_still_broken: "\u0645\u0627 \u0632\u0627\u0644 \u0645\u0639\u0637\u0644\u064B\u0627",
@@ -2104,18 +2124,6 @@ function pick(value, lang) {
   if (typeof value === "string") return value;
   return value[lang] ?? value.en ?? "";
 }
-
-// src/lib/coverage.ts
-var RISK_COLORS = {
-  red: "#FF6B6B",
-  // --qa-danger
-  amber: "#FBBF24",
-  // --qa-warn
-  green: "#34D399",
-  // --qa-success
-  none: "#5B616B"
-  // --qa-neutral
-};
 function computeCoverage(journey, guideChecked, skipped) {
   const red = { total: 0, covered: 0 };
   const amber = { total: 0, covered: 0 };
@@ -2969,16 +2977,19 @@ function clipToPaintedArea(el, rect) {
   let top = rect.top;
   let right = rect.left + rect.width;
   let bottom = rect.top + rect.height;
+  const doc = el.ownerDocument;
+  const root2 = doc ? doc.documentElement : null;
+  const body = doc ? doc.body : null;
+  const rootStyle = root2 ? safeComputedStyle(root2) : null;
+  const bodyStyle = body ? safeComputedStyle(body) : null;
   let node = el.parentElement;
-  while (node) {
-    let style;
-    try {
-      style = getComputedStyle(node);
-    } catch {
-      break;
-    }
-    const clipsX = style.overflowX !== "visible";
-    const clipsY = style.overflowY !== "visible";
+  while (node && node !== root2) {
+    const style = safeComputedStyle(node);
+    if (!style) break;
+    const propagatedX = node === body && rootStyle?.overflowX === "visible";
+    const propagatedY = node === body && rootStyle?.overflowY === "visible";
+    const clipsX = !propagatedX && style.overflowX !== "visible";
+    const clipsY = !propagatedY && style.overflowY !== "visible";
     if (clipsX || clipsY) {
       const b = node.getBoundingClientRect();
       const padLeft = b.left + node.clientLeft;
@@ -2994,9 +3005,33 @@ function clipToPaintedArea(el, rect) {
     }
     node = node.parentElement;
   }
+  const vpX = usedViewportOverflow(rootStyle?.overflowX, bodyStyle?.overflowX);
+  const vpY = usedViewportOverflow(rootStyle?.overflowY, bodyStyle?.overflowY);
+  if (vpX === "hidden" || vpX === "clip" || vpY === "hidden" || vpY === "clip") {
+    const { vw, vh } = viewportSize();
+    if (vpX === "hidden" || vpX === "clip") {
+      left = Math.max(left, 0);
+      right = Math.min(right, vw);
+    }
+    if (vpY === "hidden" || vpY === "clip") {
+      top = Math.max(top, 0);
+      bottom = Math.min(bottom, vh);
+    }
+  }
   if (right - left < 2 || bottom - top < 2) return rect;
   return { left, top, width: right - left, height: bottom - top };
 }
+function safeComputedStyle(node) {
+  try {
+    return getComputedStyle(node);
+  } catch {
+    return null;
+  }
+}
+function usedViewportOverflow(rootValue, bodyValue) {
+  if (rootValue && rootValue !== "visible") return rootValue;
+  return bodyValue || "visible";
+}
 function intersectViewport(rect) {
   const { vw, vh } = viewportSize();
   const left = Math.max(0, rect.left);
@@ -3191,6 +3226,16 @@ function noteToMarkdown(note, opts) {
   }
   lines.push("");
   lines.push(oneLine(note.description) ? note.description.trim() : "_(no description)_");
+  if (note.followUp && oneLine(note.followUp)) {
+    lines.push("");
+    lines.push(
+      "> **This one came back \u2014 round 2.** The point above was already worked on once and it is still not right. What follows is the tester re-testing it, so treat it as the current ask and the point above as the history of what was originally wanted."
+    );
+    lines.push("");
+    lines.push(`**What happened this time**${note.followUpAt ? ` (${oneLine(note.followUpAt)})` : ""}`);
+    lines.push("");
+    lines.push(note.followUp.trim());
+  }
   const recordedSteps = note.context?.steps ?? [];
   if (recordedSteps.length) {
     const t0 = Date.parse(note.timestamp) || recordedSteps[recordedSteps.length - 1].t;
@@ -3277,7 +3322,7 @@ function fmtPct(n, d) {
 }
 function summariseSession(notes, stamp) {
   if (!notes.length) return "No points captured.";
-  let bugs = 0, enhancements = 0, designs = 0, verified = 0, awaiting = 0;
+  let bugs = 0, enhancements = 0, designs = 0, verified = 0, awaiting = 0, secondRound = 0;
   const pages = /* @__PURE__ */ new Set();
   let earliest = Number.POSITIVE_INFINITY;
   let latest = 0;
@@ -3289,6 +3334,7 @@ function summariseSession(notes, stamp) {
     const status = n.status ?? "open";
     if (status === "verified") verified++;
     else if (status === "fixed") awaiting++;
+    if (n.followUp && n.followUp.trim()) secondRound++;
     pages.add((n.route || "/").split("?")[0]);
     const t = Date.parse(n.timestamp);
     if (Number.isFinite(t)) {
@@ -3304,6 +3350,7 @@ function summariseSession(notes, stamp) {
   if (designs) parts.push(`${designs} design`);
   if (verified) parts.push(`${verified} verified`);
   if (awaiting) parts.push(`${awaiting} awaiting re-test`);
+  if (secondRound) parts.push(`${secondRound} back for a second round`);
   parts.push(`${pages.size} page${pages.size === 1 ? "" : "s"}`);
   if (Number.isFinite(earliest) && latest > earliest) {
     const minutes = Math.max(1, Math.round((latest - earliest) / 6e4));
@@ -3358,6 +3405,14 @@ The tester wants something added or changed: a new section, a new feature, a dif
 
 Push back only when you have a real reason: it would break something, or it conflicts with an invariant below. Then say so plainly and propose the alternative you would build instead.
 
+### A point with a "round 2" on it
+
+Some points carry a **round 2** block: the same finding, already worked on once, re-tested, and still not right. Two things follow from that.
+
+First, **the round-2 text is the current ask** and the paragraph above it is history \u2014 read the history to understand what was wanted, act on the round 2.
+
+Second, **the previous attempt is evidence.** Something about the first reading was wrong, so do not simply do it again more carefully. Work out what was misunderstood the first time and say so in one sentence, then fix that. If a "Before"/"After" screenshot pair is attached, the After is what the tester was looking at when they wrote the round 2.
+
 ### When the tag and the words disagree
 
 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.
@@ -4162,6 +4217,13 @@ var DENSE_NOTES_KEY = "denseNotes";
 var PANEL_OPEN_KEY = "panelOpen";
 var ACTIVE_TAB_KEY = "activeTab";
 var WALK_KEY = "walk";
+var SOFT_NAV_PROOF_MS = 700;
+function pageSignature() {
+  if (typeof document === "undefined" || !document.body) return "";
+  const body = document.body;
+  const text = body.textContent || "";
+  return [document.title, body.childElementCount, text.length, text.slice(0, 200)].join("\0");
+}
 var GUIDE_SKIPPED_KEY = "guideSkipped";
 var NOTICE_QUEUE_CAP = 3;
 var NOTICE_DURATION_INFO = 4e3;
@@ -4602,6 +4664,11 @@ function QaProvider({
       }
       if (patch.severity !== void 0) updated.severity = patch.severity;
       if (patch.status !== void 0) updated.status = patch.status;
+      if (patch.followUp !== void 0) {
+        const text = patch.followUp.trim();
+        updated.followUp = text || void 0;
+        updated.followUpAt = text ? nowIso() : void 0;
+      }
       applyNotes((prev) => prev.map((n) => n.id === id ? updated : n));
       const persisted = await idb.put(updated);
       if (!persisted) {
@@ -5193,16 +5260,23 @@ function QaProvider({
   const walkNavigate = useCallback((path, hard = false) => {
     if (typeof window === "undefined" || !path) return;
     const target = path.startsWith("/") ? path : `/${path}`;
-    if (hard) {
+    if (hard || target === window.location.pathname) {
       window.location.assign(target);
       return;
     }
+    const before = pageSignature();
     try {
-      window.history.pushState({}, "", target);
-      window.dispatchEvent(new PopStateEvent("popstate"));
+      window.history.pushState(window.history.state, "", target);
+      window.dispatchEvent(new PopStateEvent("popstate", { state: window.history.state }));
     } catch {
       window.location.assign(target);
+      return;
     }
+    window.setTimeout(() => {
+      if (window.location.pathname !== target) return;
+      if (pageSignature() !== before) return;
+      window.location.assign(target);
+    }, SOFT_NAV_PROOF_MS);
   }, []);
   useEffect(() => {
     if (typeof window === "undefined") return;
@@ -6085,11 +6159,17 @@ function flashLocate(target) {
     paint(rect);
   }
 }
-function LocationReveal({ target }) {
-  const { t } = useQa();
+function LocationReveal({
+  target,
+  route
+}) {
+  const { t, walkNavigate } = useQa();
   const [open, setOpen] = useState(false);
   if (!target) return null;
   const r = target.rect;
+  const notePath = (route || "").split("?")[0].split("#")[0];
+  const here = typeof window === "undefined" ? "" : window.location.pathname;
+  const elsewhere = !!notePath && notePath !== here;
   return /* @__PURE__ */ jsxs("div", { className: "qa-rounded-lg qa-border qa-border-subtle qa-bg-2", children: [
     /* @__PURE__ */ jsxs("div", { className: "qa-flex qa-items-center qa-gap-1.5 qa-px-2 qa-py-1.5 qa-text-11", children: [
       /* @__PURE__ */ jsx(Icon, { name: "CheckCircle2", size: 14, className: "qa-text-success" }),
@@ -6153,7 +6233,21 @@ function LocationReveal({ target }) {
         "\xD7",
         Math.round(r.height)
       ] }),
-      /* @__PURE__ */ jsxs(
+      elsewhere ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: "qa-mt-1 qa-mb-1 qa-m-0 qa-text-lo", children: t("loc_other_page", { path: notePath }) }),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => walkNavigate(notePath),
+            className: "qa-inline-flex qa-items-center qa-gap-1 qa-rounded-md qa-px-2 qa-py-1 qa-font-medium qa-tap qa-bg-accent",
+            style: { border: "none", cursor: "pointer" },
+            children: [
+              /* @__PURE__ */ jsx(Icon, { name: "MapPinned", size: 12 }),
+              t("loc_go_there", { path: notePath })
+            ]
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxs(
         "button",
         {
           onClick: () => flashLocate(target),
@@ -6597,6 +6691,8 @@ function NoteItem({
   const thumbUrl = useObjectUrl(editing ? img ?? void 0 : note.screenshot);
   const afterUrl = useObjectUrl(note.afterScreenshot);
   const [retesting, setRetesting] = useState(false);
+  const [editingFollowUp, setEditingFollowUp] = useState(false);
+  const [followUpDraft, setFollowUpDraft] = useState(note.followUp ?? "");
   const [open, setOpen] = useState(false);
   const severity = note.severity ?? "bug";
   const status = note.status ?? "open";
@@ -6869,7 +6965,7 @@ function NoteItem({
               /* @__PURE__ */ jsx(Icon, { name: "MapPin", size: 12, className: "qa-shrink-0" }),
               /* @__PURE__ */ jsx("span", { className: "qa-truncate qa-dir-ltr", title: note.url, children: note.route })
             ] }),
-            note.target && /* @__PURE__ */ jsx(LocationReveal, { target: note.target }),
+            note.target && /* @__PURE__ */ jsx(LocationReveal, { target: note.target, route: note.route }),
             contextEventCount > 0 && /* @__PURE__ */ jsx("div", { children: t("context_attached", { n: contextEventCount }) }),
             stepCount > 0 && /* @__PURE__ */ jsxs("div", { className: "qa-flex qa-items-center qa-gap-1", children: [
               /* @__PURE__ */ jsx(Icon, { name: "ClipboardList", size: 12, className: "qa-shrink-0" }),
@@ -6930,7 +7026,96 @@ function NoteItem({
                 style: { borderColor: "var(--qa-success)" }
               }
             )
-          ] })
+          ] }),
+          (status === "fixed" || note.followUp) && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "qa-mt-2 qa-rounded-lg qa-border qa-border-subtle qa-bg-2 qa-p-2",
+              "data-qa-followup": "true",
+              children: editingFollowUp ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("label", { className: "qa-text-10 qa-text-lo", htmlFor: `qa-fu-${note.id}`, children: t("followup_label") }),
+                /* @__PURE__ */ jsx(
+                  "textarea",
+                  {
+                    id: `qa-fu-${note.id}`,
+                    value: followUpDraft,
+                    onChange: (e) => setFollowUpDraft(e.target.value),
+                    placeholder: t("followup_placeholder"),
+                    rows: 3,
+                    className: "qa-mt-1 qa-w-full qa-rounded-lg qa-border qa-border-subtle qa-bg-1 qa-p-2 qa-text-xs qa-text-hi",
+                    style: { outline: "none", resize: "vertical" }
+                  }
+                ),
+                /* @__PURE__ */ jsx("p", { className: "qa-mt-1 qa-text-10 qa-text-lo", children: t("followup_hint") }),
+                /* @__PURE__ */ jsxs("div", { className: "qa-mt-1.5 qa-flex qa-gap-2", children: [
+                  /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => {
+                        void updateNote(note.id, { followUp: followUpDraft });
+                        setEditingFollowUp(false);
+                      },
+                      className: "qa-tap qa-inline-flex qa-items-center qa-gap-1 qa-rounded-lg qa-bg-accent qa-px-2 qa-py-1 qa-text-11 qa-font-semibold",
+                      style: { border: "none", cursor: "pointer" },
+                      children: [
+                        /* @__PURE__ */ jsx(Icon, { name: "Check", size: 12 }),
+                        t("save")
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => {
+                        setFollowUpDraft(note.followUp ?? "");
+                        setEditingFollowUp(false);
+                      },
+                      className: "qa-tap qa-rounded-lg qa-border qa-border-subtle qa-px-2 qa-py-1 qa-text-11 qa-text-mid",
+                      style: { background: "transparent", cursor: "pointer" },
+                      children: t("cancel")
+                    }
+                  )
+                ] })
+              ] }) : note.followUp ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsxs("div", { className: "qa-flex qa-items-center qa-gap-1", children: [
+                  /* @__PURE__ */ jsx(Icon, { name: "RotateCcw", size: 11, className: "qa-shrink-0 qa-text-warn" }),
+                  /* @__PURE__ */ jsx("span", { className: "qa-text-10 qa-text-warn", children: t("followup_label") }),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => {
+                        setFollowUpDraft(note.followUp ?? "");
+                        setEditingFollowUp(true);
+                      },
+                      "aria-label": t("edit"),
+                      className: "qa-tap-icon qa-ms-auto qa-text-lo",
+                      style: { background: "transparent", border: "none", cursor: "pointer" },
+                      children: /* @__PURE__ */ jsx(Icon, { name: "Pencil", size: 11 })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx("p", { className: "qa-mt-1 qa-whitespace-pre-wrap qa-break-words qa-text-xs qa-text-hi", children: note.followUp })
+              ] }) : /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    setFollowUpDraft("");
+                    setEditingFollowUp(true);
+                  },
+                  className: "qa-tap qa-inline-flex qa-items-center qa-gap-1 qa-text-11 qa-font-medium qa-text-accent",
+                  style: { background: "transparent", border: "none", cursor: "pointer" },
+                  children: [
+                    /* @__PURE__ */ jsx(Icon, { name: "Plus", size: 12 }),
+                    t("followup_add")
+                  ]
+                }
+              )
+            }
+          )
         ] })
       ]
     }
@@ -7163,8 +7348,11 @@ function FilterChip({ chip }) {
   );
 }
 function NoteFilterBar() {
-  const { filter, setFilter, noteCounts, notes, t } = useQa();
+  const { filter, setFilter, noteCounts, notes, deleteNotes, t } = useQa();
+  const [confirmPrune, setConfirmPrune] = useState(false);
   if (notes.length < 3) return null;
+  const others = notes.filter((n) => (n.status ?? "open") !== "fixed");
+  const showPrune = filter.status === "fixed" && noteCounts.fixed > 0 && others.length > 0;
   const sev = (key) => () => setFilter({ severity: filter.severity === key ? "all" : key });
   const stat = (key) => () => setFilter({ status: filter.status === key ? "all" : key });
   const chips = [
@@ -7269,7 +7457,48 @@ function NoteFilterBar() {
         ]
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "qa-flex qa-flex-wrap qa-gap-1", children: chips.map((chip) => /* @__PURE__ */ jsx(FilterChip, { chip }, chip.key)) })
+    /* @__PURE__ */ jsx("div", { className: "qa-flex qa-flex-wrap qa-gap-1", children: chips.map((chip) => /* @__PURE__ */ jsx(FilterChip, { chip }, chip.key)) }),
+    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 }),
+      " ",
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            void deleteNotes(others.map((n) => n.id));
+            setConfirmPrune(false);
+          },
+          className: "qa-font-semibold qa-text-danger qa-tap",
+          style: { background: "transparent", border: "none", cursor: "pointer" },
+          children: t("yes")
+        }
+      ),
+      " / ",
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setConfirmPrune(false),
+          className: "qa-text-accent qa-tap",
+          style: { background: "transparent", border: "none", cursor: "pointer" },
+          children: t("no")
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setConfirmPrune(true),
+        title: t("keep_only_retest_hint"),
+        className: "qa-tap qa-inline-flex qa-items-center qa-gap-1 qa-text-lo",
+        style: { background: "transparent", border: "none", cursor: "pointer" },
+        children: [
+          /* @__PURE__ */ jsx(Icon, { name: "Trash", size: 11 }),
+          t("keep_only_retest", { n: noteCounts.fixed })
+        ]
+      }
+    ) })
   ] });
 }
 function Section({
@@ -7805,249 +8034,9 @@ function CredentialsSection() {
     })
   ] });
 }
-var keyOf = (id, path) => `${id}::${path}`;
-var DEFAULT_LANE_COLOR = "#4D9CFF";
-function Lane({
-  group,
-  checked,
-  toggle,
-  pick: pick2,
-  onWalkFrom
-}) {
-  const { lang, t, guideFailed, evidenceByStep } = useQa();
-  const { id, color = DEFAULT_LANE_COLOR, steps: steps2 } = group;
-  const done = steps2.filter((s) => checked.has(keyOf(id, s.path))).length;
-  const pct = steps2.length > 0 ? Math.round(done / steps2.length * 100) : 0;
-  const uncoveredRedCount = steps2.filter(
-    (s) => s.risk === "red" && !checked.has(keyOf(id, s.path))
-  ).length;
-  return /* @__PURE__ */ jsxs("div", { className: "qa-rounded-xl qa-border qa-border-subtle qa-bg-2 qa-p-3 qa-elev-1", children: [
-    /* @__PURE__ */ jsxs("div", { className: "qa-mb-2 qa-flex qa-items-center qa-gap-2", children: [
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: "qa-h-2.5 qa-w-2.5 qa-rounded-full",
-          style: { background: color }
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: "qa-text-sm qa-font-bold qa-text-hi", children: pick2(group.role) }),
-      /* @__PURE__ */ jsxs("span", { className: "qa-ms-auto qa-text-11 qa-font-medium qa-text-slate-400", children: [
-        done,
-        "/",
-        steps2.length
-      ] }),
-      uncoveredRedCount > 0 && /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: "qa-bg-danger-tint qa-text-danger qa-rounded qa-px-1 qa-text-10 qa-font-medium",
-          title: lang === "ar" ? `${uncoveredRedCount} \u0645\u0646\u0637\u0642\u0629 \u062D\u0645\u0631\u0627\u0621 \u063A\u064A\u0631 \u0645\u063A\u0637\u0627\u0629` : `${uncoveredRedCount} uncovered red zone(s)`,
-          children: lang === "ar" ? `\u0623\u062D\u0645\u0631: ${uncoveredRedCount}` : `red: ${uncoveredRedCount}`
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "qa-mb-3 qa-h-1.5 qa-overflow-hidden qa-rounded-full",
-        style: { background: `${color}22` },
-        children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "qa-h-full qa-rounded-full qa-transition-all",
-            style: { width: `${pct}%`, background: color }
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxs("ol", { className: "qa-relative qa-ms-1.5", children: [
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: "qa-absolute qa-top-1 qa-bottom-0 qa-w-px",
-          style: { insetInlineStart: "7px", background: `${color}40`, bottom: "4px" }
-        }
-      ),
-      steps2.map((s, i) => {
-        const k = keyOf(id, s.path);
-        const on = checked.has(k);
-        const failed = guideFailed.has(k);
-        const evidence = evidenceByStep.get(k);
-        const evidenceCount = evidence ? evidence.length : 0;
-        const riskColor = s.risk ? RISK_COLORS[s.risk] : RISK_COLORS.none;
-        const dotTitle = !s.risk ? lang === "ar" ? "\u0644\u0645 \u064A\u062A\u0645 \u062A\u0642\u064A\u064A\u0645 \u0627\u0644\u0645\u062E\u0627\u0637\u0631 \u0628\u0639\u062F" : "not graded yet" : s.riskWhy ?? s.risk;
-        return /* @__PURE__ */ jsxs("li", { className: "qa-relative qa-mb-2 qa-last-mb-0", children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: () => onWalkFrom(k),
-              title: t("walk_take_me", { path: s.path }),
-              "aria-label": t("walk_take_me", { path: s.path }),
-              className: "qa-tap-icon qa-absolute qa-rounded-lg qa-text-mid qa-hover-text-slate-600",
-              style: {
-                top: 0,
-                insetInlineEnd: 0,
-                background: "transparent",
-                border: "none",
-                cursor: "pointer",
-                zIndex: 2
-              },
-              children: /* @__PURE__ */ jsx(Icon, { name: "Play", size: 12 })
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              onClick: () => toggle(k),
-              className: `qa-flex qa-w-full qa-items-start qa-gap-2.5 qa-rounded-lg qa-p-1 qa-text-start qa-hover-bg-black-3${failed ? " qa-bg-danger-tint" : ""}`,
-              style: { background: failed ? void 0 : "transparent", border: "none", cursor: "pointer" },
-              children: [
-                /* @__PURE__ */ jsxs(
-                  "span",
-                  {
-                    className: "qa-relative qa-z-1 qa-mt-0.5 qa-flex qa-h-4 qa-w-4 qa-shrink-0 qa-items-center qa-justify-center qa-rounded-full qa-border-2 qa-transition",
-                    style: {
-                      borderColor: failed ? "var(--qa-danger)" : color,
-                      background: on ? color : failed ? "var(--qa-danger-tint)" : "var(--qa-surface-1)",
-                      zIndex: 1
-                    },
-                    children: [
-                      on && /* @__PURE__ */ jsx(Icon, { name: "Check", size: 10, strokeWidth: 3, className: "qa-text-white" }),
-                      !on && failed && /* @__PURE__ */ jsx(Icon, { name: "AlertTriangle", size: 9, strokeWidth: 2.5, className: "qa-text-danger" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsxs("span", { className: "qa-min-w-0", children: [
-                  /* @__PURE__ */ jsxs("span", { className: "qa-flex qa-items-center qa-gap-1", children: [
-                    /* @__PURE__ */ jsx(
-                      "code",
-                      {
-                        className: "qa-rounded qa-px-1 qa-text-11 qa-font-semibold qa-dir-ltr qa-text-hi",
-                        style: {
-                          background: failed ? "var(--qa-danger-tint)" : `${color}14`,
-                          textDecoration: on ? "line-through" : "none",
-                          opacity: on ? 0.55 : 1
-                        },
-                        children: s.path
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        className: "qa-inline-block qa-rounded-full qa-shrink-0",
-                        style: {
-                          width: "6px",
-                          height: "6px",
-                          background: riskColor,
-                          flexShrink: 0
-                        },
-                        title: dotTitle
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      className: "qa-mt-0.5 qa-block qa-text-11 qa-leading-relaxed qa-text-slate-500",
-                      style: { opacity: on ? 0.5 : 1 },
-                      children: pick2(s.what)
-                    }
-                  ),
-                  evidenceCount > 0 && /* @__PURE__ */ jsx("span", { className: "qa-mt-1 qa-inline-flex qa-items-center qa-rounded qa-bg-accent-tint qa-text-accent qa-px-1 qa-text-10 qa-font-medium", children: t("evidence_n", { n: evidenceCount }) }),
-                  evidenceCount === 0 && on && /* @__PURE__ */ jsx("span", { className: "qa-mt-1 qa-inline-flex qa-items-center qa-rounded qa-bg-warn-tint qa-text-warn qa-px-1 qa-text-10 qa-font-medium", children: t("no_evidence") })
-                ] })
-              ]
-            }
-          )
-        ] }, `${k}-${i}`);
-      })
-    ] })
-  ] });
-}
-function GuideSection() {
-  const {
-    guideChecked,
-    toggleGuide,
-    t,
-    journey,
-    journeyIsGeneric,
-    pick: pick2,
-    lang,
-    startTestAlong,
-    startWalk,
-    testAlongSteps
-  } = useQa();
-  const all = journey.flatMap((g) => g.steps.map((s) => keyOf(g.id, s.path)));
-  const done = all.filter((k) => guideChecked.has(k)).length;
-  const pct = all.length > 0 ? Math.round(done / all.length * 100) : 0;
-  const coverage = computeCoverage(journey, guideChecked);
-  return /* @__PURE__ */ jsxs("div", { className: "qa-space-y-3", children: [
-    journeyIsGeneric && /* @__PURE__ */ jsx(
-      "p",
-      {
-        className: "qa-m-0 qa-rounded-xl qa-border qa-border-dashed qa-border-subtle qa-p-2 qa-text-10 qa-text-mid qa-leading-relaxed",
-        "data-qa-generic-plan": "true",
-        children: t("journey_generic")
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "qa-rounded-xl qa-border qa-border-accent qa-bg-accent-tint qa-p-3 qa-elev-1", children: [
-      coverage.red.total > 0 && /* @__PURE__ */ jsxs("div", { className: "qa-mb-1 qa-flex qa-items-center qa-gap-1.5 qa-text-11", children: [
-        /* @__PURE__ */ jsx("span", { className: "qa-bg-danger-tint qa-text-danger qa-rounded qa-px-1 qa-font-bold", children: lang === "ar" ? "\u0623\u062D\u0645\u0631" : "RED" }),
-        /* @__PURE__ */ jsxs("span", { className: "qa-dir-ltr qa-font-semibold qa-text-hi", children: [
-          coverage.red.covered,
-          "/",
-          coverage.red.total,
-          " ",
-          lang === "ar" ? "\u0645\u063A\u0637\u0649" : "covered"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "qa-flex qa-items-center qa-justify-between qa-text-sm qa-font-semibold qa-text-hi", children: [
-        /* @__PURE__ */ jsx("span", { children: t("journey_title") }),
-        /* @__PURE__ */ jsxs("span", { className: "qa-dir-ltr", children: [
-          done,
-          "/",
-          all.length,
-          " \xB7 ",
-          pct,
-          "%"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "qa-mt-2 qa-h-2 qa-overflow-hidden qa-rounded-full qa-bg-3", children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "qa-h-full qa-rounded-full qa-bg-accent qa-transition-all",
-          style: { width: `${pct}%` }
-        }
-      ) }),
-      /* @__PURE__ */ jsx("div", { className: "qa-mt-2 qa-flex qa-justify-end", children: /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: startTestAlong,
-          disabled: all.length === 0,
-          className: "qa-tap qa-inline-flex qa-items-center qa-gap-1.5 qa-rounded-full qa-bg-accent qa-border-0 qa-cursor-pointer qa-px-3 qa-py-1 qa-text-xs qa-font-semibold qa-focus-ring",
-          children: [
-            /* @__PURE__ */ jsx(Icon, { name: "Play", size: 13 }),
-            t("start_walkthrough")
-          ]
-        }
-      ) })
-    ] }),
-    journey.map((g) => /* @__PURE__ */ jsx(
-      Lane,
-      {
-        group: g,
-        checked: guideChecked,
-        toggle: toggleGuide,
-        onWalkFrom: (key) => {
-          const at = testAlongSteps.findIndex((step) => step.key === key);
-          startWalk("plan", at === -1 ? 0 : at);
-        },
-        pick: pick2
-      },
-      g.id
-    ))
-  ] });
-}
+
+// src/lib/features.ts
+var GUIDE_TAB_ENABLED = false;
 function isCoarsePointer() {
   if (typeof window === "undefined") return false;
   try {
@@ -8071,11 +8060,15 @@ function useCoarsePointer() {
   }, []);
   return coarse;
 }
-var TABS = [
+var ALL_TABS = [
   { key: "notes", labelKey: "tab_notes", icon: "StickyNote" },
   { key: "logins", labelKey: "tab_logins", icon: "KeyRound" },
   { key: "guide", labelKey: "tab_guide", icon: "Map" }
 ];
+var TABS = ALL_TABS.filter((tab) => tab.key !== "guide" || GUIDE_TAB_ENABLED);
+function visibleTab(tab) {
+  return tab === "guide" && !GUIDE_TAB_ENABLED ? "notes" : tab;
+}
 function todayName() {
   return `qa-notes-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}`;
 }
@@ -8110,7 +8103,7 @@ var PANEL_TRANSITION_WITH_LIFT = "opacity 200ms cubic-bezier(0.4,0,0.2,1), trans
 function QaPanel() {
   const {
     isOpen,
-    activeTab,
+    activeTab: storedTab,
     setActiveTab,
     notes,
     exportZip,
@@ -8141,6 +8134,7 @@ function QaPanel() {
     panelCollapsed,
     setPanelCollapsed
   } = useQa();
+  const activeTab = visibleTab(storedTab);
   const [confirmClear, setConfirmClear] = useState(false);
   const [naming, setNaming] = useState(false);
   const [filename, setFilename] = useState("");
@@ -8508,7 +8502,7 @@ function QaPanel() {
               ) })
             ] }),
             !simpleMode && activeTab === "logins" && /* @__PURE__ */ jsx(CredentialsSection, {}),
-            !simpleMode && activeTab === "guide" && /* @__PURE__ */ jsx(GuideSection, {})
+            !simpleMode && GUIDE_TAB_ENABLED
           ] })
         ] }),
         settingsOpen && /* @__PURE__ */ jsx(SettingsSheet, { onClose: () => setSettingsOpen(false) }),
@@ -8715,6 +8709,20 @@ var RISK_COLOR = {
   amber: "var(--qa-warn)",
   green: "var(--qa-success)"
 };
+function useCurrentPath() {
+  const [path, setPath] = useState(() => typeof window === "undefined" ? "" : window.location.pathname);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const sync = () => setPath(window.location.pathname);
+    window.addEventListener("popstate", sync);
+    window.addEventListener("hashchange", sync);
+    return () => {
+      window.removeEventListener("popstate", sync);
+      window.removeEventListener("hashchange", sync);
+    };
+  }, []);
+  return path;
+}
 function WalkHud() {
   const {
     dir,
@@ -8734,10 +8742,13 @@ function WalkHud() {
     startCapture,
     updateNote,
     retestNote,
-    notes
+    notes,
+    notesLoading
   } = useQa();
   const index = Math.min(walk.index, Math.max(0, walkStops.length - 1));
   const stop = walkStops[index];
+  const currentPath = useCurrentPath();
+  const [going, setGoing] = useState(false);
   const backIcon = dir === "rtl" ? "ChevronRight" : "ChevronLeft";
   const nextIcon = dir === "rtl" ? "ChevronLeft" : "ChevronRight";
   useEffect(() => {
@@ -8751,8 +8762,9 @@ function WalkHud() {
     if (latest?.target) flashLocate(latest.target);
   }, [index, walk.source]);
   useEffect(() => {
+    if (notesLoading) return;
     if (walk.active && walkStops.length === 0) exitWalk();
-  }, [walk.active, walkStops.length, exitWalk]);
+  }, [walk.active, walkStops.length, exitWalk, notesLoading]);
   if (!walk.active || !stop) return null;
   const atLast = index >= walkStops.length - 1;
   let title;
@@ -8913,7 +8925,7 @@ function WalkHud() {
       )
     ] });
   }
-  const onThisPage = stop.path === ANY_PAGE || typeof window !== "undefined" && stop.path === window.location.pathname;
+  const onThisPage = stop.path === ANY_PAGE || stop.path === currentPath;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -8949,12 +8961,24 @@ function WalkHud() {
             "button",
             {
               type: "button",
-              onClick: () => walkNavigate(stop.path),
+              disabled: going,
+              onClick: () => {
+                setGoing(true);
+                walkNavigate(stop.path);
+                window.setTimeout(() => setGoing(false), 900);
+              },
               className: "qa-tap qa-inline-flex qa-flex-1 qa-items-center qa-justify-center qa-gap-1.5 qa-rounded-lg qa-bg-accent qa-px-2 qa-py-1.5 qa-text-11 qa-font-semibold",
-              style: { border: "none", cursor: "pointer" },
+              style: { border: "none", cursor: going ? "default" : "pointer" },
               children: [
-                /* @__PURE__ */ jsx(Icon, { name: "MapPinned", size: 13 }),
-                t("walk_take_me", { path: stop.path })
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    name: going ? "Loader2" : "MapPinned",
+                    size: 13,
+                    className: going ? "qa-animate-spin" : void 0
+                  }
+                ),
+                going ? t("walk_taking_you") : t("walk_take_me", { path: stop.path })
               ]
             }
           ),
@@ -10365,5 +10389,5 @@ function Qapture({ config }) {
 }
 
 export { Qapture, deleteQaDatabase, initQaStudio };
-//# sourceMappingURL=chunk-FVQKCQC3.js.map
-//# sourceMappingURL=chunk-FVQKCQC3.js.map
+//# sourceMappingURL=chunk-G6O4SIEH.js.map
+//# sourceMappingURL=chunk-G6O4SIEH.js.map