qapture2 0.7.6 → 0.7.8

package/dist/{chunk-NM3IDVEL.js → chunk-2JX7YU2P.js}

@@ -1755,10 +1755,10 @@ var STR = {
     copied: "Copied",
     copy_failed: "Copy failed",
     copy_prompt: "Copy as agent prompt",
-    severity_label: "Severity",
+    severity_label: "What is this?",
     sev_bug: "Bug",
-    sev_question: "Question",
-    sev_polish: "Polish",
+    sev_design: "Design",
+    sev_enhance: "Enhance",
     status_open: "Open",
     status_verified: "Verified",
     context_attached: "{n} runtime events attached",
@@ -1862,6 +1862,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.",
@@ -1953,10 +1960,10 @@ var STR = {
     copied: "\u062A\u0645 \u0627\u0644\u0646\u0633\u062E",
     copy_failed: "\u0641\u0634\u0644 \u0627\u0644\u0646\u0633\u062E",
     copy_prompt: "\u0646\u0633\u062E \u0643\u0645\u0648\u062C\u0651\u0647 \u0644\u0644\u0648\u0643\u064A\u0644",
-    severity_label: "\u0627\u0644\u0623\u0647\u0645\u064A\u0629",
-    sev_bug: "\u062E\u0644\u0644",
-    sev_question: "\u0633\u0624\u0627\u0644",
-    sev_polish: "\u062A\u062D\u0633\u064A\u0646",
+    severity_label: "\u0645\u0627 \u0647\u0630\u0627\u061F",
+    sev_bug: "Bug",
+    sev_design: "Design",
+    sev_enhance: "Enhance",
     status_open: "\u0645\u0641\u062A\u0648\u062D",
     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",
@@ -2060,6 +2067,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.",
@@ -2104,18 +2118,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 +2971,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 +2999,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 +3220,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,18 +3316,19 @@ function fmtPct(n, d) {
 }
 function summariseSession(notes, stamp) {
   if (!notes.length) return "No points captured.";
-  let bugs = 0, questions = 0, polish = 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;
   for (const n of notes) {
     const sev = n.severity ?? "bug";
     if (sev === "bug") bugs++;
-    else if (sev === "question") questions++;
-    else polish++;
+    else if (sev === "enhance") enhancements++;
+    else designs++;
     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)) {
@@ -3300,10 +3340,11 @@ function summariseSession(notes, stamp) {
     `${notes.length} point${notes.length === 1 ? "" : "s"}`,
     `${bugs} bug${bugs === 1 ? "" : "s"}`
   ];
-  if (questions) parts.push(`${questions} question${questions === 1 ? "" : "s"}`);
-  if (polish) parts.push(`${polish} polish`);
+  if (enhancements) parts.push(`${enhancements} enhancement${enhancements === 1 ? "" : "s"}`);
+  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));
@@ -3332,6 +3373,45 @@ Exported: ${stamp}
 Points: ${noteCount}
 
 **Session:** ${summariseSession(notes, stamp)}`
+  );
+  sections.push(
+    `## What the tags mean
+
+Every point below is tagged **Bug**, **Design** or **Enhance**. These are not priorities \u2014 they are three different kinds of work. Read the tag before you decide what to do.
+
+### Bug \u2014 something is broken
+
+Find the **root cause**, not the symptom. Do not patch over it.
+
+State the cause in one plain sentence before you change anything \u2014 e.g. "the date was wrong because the server sends UTC and the list formats in local time". **If you cannot write that sentence, you have not found the cause yet.** Keep looking. The real cause is often something small and silly; that is normal, and it is still the cause.
+
+**The cause is not always in the code.** If the code does exactly what it was asked to do and the result is still wrong, then nothing is broken \u2014 what was *asked for* and what was *meant* did not match. That mismatch is the bug. Realign to what the owner meant and fix it there. If the note already says what they meant ("this isn't what I wanted, I wanted X"), they have told you \u2014 just do X. Do not stop to ask a question they have already answered.
+
+### Design \u2014 it works, but it looks or feels wrong
+
+The functionality is fine and is not in question. Do not go hunting for a fault; there isn't one. Think properly about the interface and the experience \u2014 layout, spacing, hierarchy, wording, states, what the person is actually trying to do \u2014 and change how it looks and feels.
+
+### Enhance \u2014 a new idea, thought of while using the app
+
+The tester wants something added or changed: a new section, a new feature, a different way of doing it.
+
+**Plan it before you build it.** Read the surrounding code, work out what it touches and what it might break, and choose an approach that fits how the app is already built. Then build it. You do not need to stop and ask for approval \u2014 plan well, then go.
+
+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.
+
+And if a point is phrased as a question rather than a report, **answer it \u2014 do not change code on a maybe.**`
   );
   const stack = typeof p.stack === "string" && p.stack.trim() ? p.stack.trim() : "(not provided)";
   const runArr = toStrings(p.runCommands);
@@ -3927,12 +4007,12 @@ function campaignJsonText(allNotes) {
 function reportMarkdownText(allNotes) {
   if (!campaign) return "";
   const ordered = orderedKnownNotes(allNotes);
-  const counts = { bug: 0, question: 0, polish: 0, verified: 0 };
+  const counts = { bug: 0, design: 0, enhance: 0, verified: 0 };
   for (const n of ordered) {
     const sev = n.severity ?? "bug";
     if (sev === "bug") counts.bug++;
-    else if (sev === "question") counts.question++;
-    else counts.polish++;
+    else if (sev === "enhance") counts.enhance++;
+    else counts.design++;
     if (n.status === "verified") counts.verified++;
   }
   const header = [
@@ -3941,7 +4021,7 @@ function reportMarkdownText(allNotes) {
     campaign.tester ? `Tester: ${campaign.tester}  ` : "",
     `Started: ${campaign.startedAt}  `,
     `Updated: ${(/* @__PURE__ */ new Date()).toISOString()}  `,
-    `Points: ${ordered.length} (${counts.bug} bug, ${counts.question} question, ${counts.polish} polish \xB7 ${counts.verified} verified)`,
+    `Points: ${ordered.length} (${counts.bug} bug, ${counts.design} design, ${counts.enhance} enhance \xB7 ${counts.verified} verified)`,
     "",
     getFsSyncEngine() === "download" ? "Saved by Qapture as the campaign was tested. Screenshots are in" : "Written live by Qapture as each point was saved. Screenshots are in",
     "`screenshots/`, one Markdown file per point in `notes/`.",
@@ -4293,6 +4373,12 @@ function QaProvider({
         for (const id of pendingIds) void idb.delete(id);
         storage.setJSON(PENDING_DELETE_KEY, []);
       }
+      live = live.map((n) => {
+        const legacy = n.severity;
+        if (legacy === "question") return { ...n, severity: "enhance" };
+        if (legacy === "polish") return { ...n, severity: "design" };
+        return n;
+      });
       const sorted = live.slice().sort(
         (a, b) => a.timestamp < b.timestamp ? 1 : -1
       );
@@ -4565,6 +4651,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) {
@@ -4891,8 +4982,8 @@ function QaProvider({
     const counts = {
       all: notes.length,
       bug: 0,
-      question: 0,
-      polish: 0,
+      design: 0,
+      enhance: 0,
       open: 0,
       fixed: 0,
       verified: 0,
@@ -4901,8 +4992,8 @@ function QaProvider({
     for (const n of notes) {
       const sev = n.severity ?? "bug";
       if (sev === "bug") counts.bug++;
-      else if (sev === "question") counts.question++;
-      else counts.polish++;
+      else if (sev === "enhance") counts.enhance++;
+      else counts.design++;
       const status = n.status ?? "open";
       if (status === "verified") counts.verified++;
       else if (status === "fixed") counts.fixed++;
@@ -5291,7 +5382,11 @@ function QaProvider({
     pendingShare,
     sharePending,
     retestNote,
-    showWelcome,
+    // The greeting explains how to capture. Once a note exists, the tester has
+    // either done it or found their own way, so the line has nothing left to
+    // say — take it away rather than making them dismiss it. (The stored flag
+    // still governs a first visit; this only hides it early.)
+    showWelcome: showWelcome && notes.length === 0,
     dismissWelcome,
     // v0.6
     panelSide,
@@ -5744,8 +5839,8 @@ function QaFab() {
 }
 var SEVERITIES = [
   { value: "bug", labelKey: "sev_bug", icon: "Bug" },
-  { value: "question", labelKey: "sev_question" },
-  { value: "polish", labelKey: "sev_polish" }
+  { value: "enhance", labelKey: "sev_enhance" },
+  { value: "design", labelKey: "sev_design" }
 ];
 function SeverityChipRow({
   value,
@@ -6490,13 +6585,13 @@ function KindBadge({
 }
 var SEVERITY_CLASS = {
   bug: "qa-bg-danger-tint qa-text-danger",
-  question: "qa-bg-warn-tint qa-text-warn",
-  polish: "qa-bg-accent-tint qa-text-accent"
+  enhance: "qa-bg-warn-tint qa-text-warn",
+  design: "qa-bg-accent-tint qa-text-accent"
 };
 var SEVERITY_LABEL_KEY = {
   bug: "sev_bug",
-  question: "sev_question",
-  polish: "sev_polish"
+  enhance: "sev_enhance",
+  design: "sev_design"
 };
 function SeverityChip({ severity, t }) {
   return /* @__PURE__ */ jsxs(
@@ -6556,6 +6651,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";
@@ -6601,7 +6698,7 @@ function NoteItem({
       notify(t("copy_failed"), { tone: "error" });
     }
   };
-  const severityDot = severity === "bug" ? "var(--qa-danger)" : severity === "question" ? "var(--qa-warn)" : "var(--qa-accent)";
+  const severityDot = severity === "bug" ? "var(--qa-danger)" : severity === "enhance" ? "var(--qa-warn)" : "var(--qa-accent)";
   if (dense && !open && !editing) {
     return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
       "button",
@@ -6889,7 +6986,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")
+                  ]
+                }
+              )
+            }
+          )
         ] })
       ]
     }
@@ -7122,8 +7308,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 = [
@@ -7144,22 +7333,22 @@ function NoteFilterBar() {
       onClick: sev("bug")
     },
     {
-      key: "question",
-      label: t("sev_question"),
-      count: noteCounts.question,
-      active: filter.severity === "question",
-      icon: "AlertTriangle",
+      key: "enhance",
+      label: t("sev_enhance"),
+      count: noteCounts.enhance,
+      active: filter.severity === "enhance",
+      icon: "Plus",
       tone: "warn",
-      onClick: sev("question")
+      onClick: sev("enhance")
     },
     {
-      key: "polish",
-      label: t("sev_polish"),
-      count: noteCounts.polish,
-      active: filter.severity === "polish",
+      key: "design",
+      label: t("sev_design"),
+      count: noteCounts.design,
+      active: filter.severity === "design",
       icon: "Pencil",
       tone: "accent",
-      onClick: sev("polish")
+      onClick: sev("design")
     },
     {
       key: "open",
@@ -7228,7 +7417,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({
@@ -7598,46 +7828,25 @@ function SettingsSheet({ onClose }) {
   );
 }
 function WelcomeCard() {
-  const { t, brand, dismissWelcome } = useQa();
+  const { t, dismissWelcome } = useQa();
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "qa-rounded-xl qa-border qa-border-subtle qa-bg-1 qa-p-3 qa-space-y-2",
+      className: "qa-flex qa-items-center qa-gap-2 qa-rounded-xl qa-border qa-border-subtle qa-bg-1 qa-px-3 qa-py-2",
       role: "note",
       children: [
-        /* @__PURE__ */ jsxs("p", { className: "qa-m-0 qa-flex qa-items-center qa-gap-1.5 qa-text-sm qa-font-semibold qa-text-hi", children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: "qa-shrink-0",
-              style: { width: 6, height: 6, background: "var(--qa-accent)" }
-            }
-          ),
-          t("welcome_title", { brand: brand.label })
-        ] }),
-        /* @__PURE__ */ jsxs("ul", { className: "qa-m-0 qa-space-y-1 qa-text-xs qa-text-mid", children: [
-          /* @__PURE__ */ jsxs("li", { className: "qa-flex qa-items-start qa-gap-1.5", children: [
-            /* @__PURE__ */ jsx(Icon, { name: "Crosshair", size: 12, className: "qa-shrink-0 qa-mt-1" }),
-            /* @__PURE__ */ jsx("span", { children: t("welcome_capture") })
-          ] }),
-          /* @__PURE__ */ jsxs("li", { className: "qa-flex qa-items-start qa-gap-1.5", children: [
-            /* @__PURE__ */ jsx(Icon, { name: "Pencil", size: 12, className: "qa-shrink-0 qa-mt-1" }),
-            /* @__PURE__ */ jsx("span", { children: t("welcome_say") })
-          ] }),
-          /* @__PURE__ */ jsxs("li", { className: "qa-flex qa-items-start qa-gap-1.5", children: [
-            /* @__PURE__ */ jsx(Icon, { name: "CheckCircle2", size: 12, className: "qa-shrink-0 qa-mt-1" }),
-            /* @__PURE__ */ jsx("span", { children: t("welcome_safe") })
-          ] })
-        ] }),
+        /* @__PURE__ */ jsx(Icon, { name: "Crosshair", size: 13, className: "qa-shrink-0 qa-text-accent" }),
+        /* @__PURE__ */ jsx("span", { className: "qa-flex-1 qa-text-xs qa-text-mid", children: t("welcome_capture") }),
         /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
             onClick: dismissWelcome,
-            className: "qa-tap qa-w-full qa-rounded-lg qa-bg-accent qa-px-3 qa-py-1.5 qa-text-xs qa-font-semibold",
-            style: { border: "none", cursor: "pointer" },
-            children: t("welcome_got_it")
+            "aria-label": t("welcome_got_it"),
+            title: t("welcome_got_it"),
+            className: "qa-tap-icon qa-shrink-0 qa-rounded-full qa-text-mid qa-focus-ring",
+            style: { background: "transparent", border: "none", cursor: "pointer", padding: 2 },
+            children: /* @__PURE__ */ jsx(Icon, { name: "X", size: 13 })
           }
         )
       ]
@@ -7785,249 +7994,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 {
@@ -8051,11 +8020,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)}`;
 }
@@ -8090,7 +8063,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,
@@ -8121,6 +8094,7 @@ function QaPanel() {
     panelCollapsed,
     setPanelCollapsed
   } = useQa();
+  const activeTab = visibleTab(storedTab);
   const [confirmClear, setConfirmClear] = useState(false);
   const [naming, setNaming] = useState(false);
   const [filename, setFilename] = useState("");
@@ -8488,7 +8462,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) }),
@@ -9104,16 +9078,16 @@ function unlockPageScroll() {
 var DRAG_THRESHOLD2 = 6;
 var TOUCH_DRAG_THRESHOLD = 12;
 var MIN_REGION_SIZE = 8;
-var SEVERITIES2 = ["bug", "question", "polish"];
+var SEVERITIES2 = ["bug", "design", "enhance"];
 var SEVERITY_ICON = {
   bug: "Bug",
-  question: "AlertTriangle",
-  polish: "Pencil"
+  design: "Pencil",
+  enhance: "Plus"
 };
 var SEVERITY_LABEL_KEY2 = {
   bug: "sev_bug",
-  question: "sev_question",
-  polish: "sev_polish"
+  design: "sev_design",
+  enhance: "sev_enhance"
 };
 function clampRegionRect(rect) {
   const vw = typeof window !== "undefined" ? window.innerWidth : rect.left + rect.width;
@@ -10067,7 +10041,7 @@ function CaptureMode() {
                   /* @__PURE__ */ jsx("span", { className: "qa-text-11 qa-text-mid qa-me-1", children: t("severity_label") }),
                   SEVERITIES2.map((sev) => {
                     const active = severity === sev;
-                    const toneClass = sev === "bug" ? "qa-bg-danger-tint qa-text-danger" : sev === "question" ? "qa-bg-warn-tint qa-text-warn" : "qa-bg-accent-tint qa-text-accent";
+                    const toneClass = sev === "bug" ? "qa-bg-danger-tint qa-text-danger" : sev === "enhance" ? "qa-bg-warn-tint qa-text-warn" : "qa-bg-accent-tint qa-text-accent";
                     return /* @__PURE__ */ jsxs(
                       "button",
                       {
@@ -10345,5 +10319,5 @@ function Qapture({ config }) {
 }
 
 export { Qapture, deleteQaDatabase, initQaStudio };
-//# sourceMappingURL=chunk-NM3IDVEL.js.map
-//# sourceMappingURL=chunk-NM3IDVEL.js.map
+//# sourceMappingURL=chunk-2JX7YU2P.js.map
+//# sourceMappingURL=chunk-2JX7YU2P.js.map