qapture2 0.7.7 → 0.7.8

package/dist/{chunk-WU7QMHPK.cjs → chunk-4LMLW73U.cjs}

@@ -1869,6 +1869,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.",
@@ -2067,6 +2074,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.",
@@ -2111,18 +2125,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 };
@@ -2976,16 +2978,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;
@@ -3001,9 +3006,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);
@@ -3198,6 +3227,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;
@@ -3284,7 +3323,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;
@@ -3296,6 +3335,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)) {
@@ -3311,6 +3351,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));
@@ -3365,6 +3406,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.
@@ -4609,6 +4658,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) {
@@ -6604,6 +6658,8 @@ function NoteItem({
   const thumbUrl = useObjectUrl(editing ? img ?? void 0 : note.screenshot);
   const afterUrl = useObjectUrl(note.afterScreenshot);
   const [retesting, setRetesting] = React.useState(false);
+  const [editingFollowUp, setEditingFollowUp] = React.useState(false);
+  const [followUpDraft, setFollowUpDraft] = React.useState(note.followUp ?? "");
   const [open, setOpen] = React.useState(false);
   const severity = note.severity ?? "bug";
   const status = note.status ?? "open";
@@ -6937,7 +6993,96 @@ function NoteItem({
                 style: { borderColor: "var(--qa-success)" }
               }
             )
-          ] })
+          ] }),
+          (status === "fixed" || note.followUp) && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("label", { className: "qa-text-10 qa-text-lo", htmlFor: `qa-fu-${note.id}`, children: t("followup_label") }),
+                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("p", { className: "qa-mt-1 qa-text-10 qa-text-lo", children: t("followup_hint") }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "qa-mt-1.5 qa-flex qa-gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Icon, { name: "Check", size: 12 }),
+                        t("save")
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "qa-flex qa-items-center qa-gap-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "RotateCcw", size: 11, className: "qa-shrink-0 qa-text-warn" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "qa-text-10 qa-text-warn", children: t("followup_label") }),
+                  /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Icon, { name: "Pencil", size: 11 })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "qa-mt-1 qa-whitespace-pre-wrap qa-break-words qa-text-xs qa-text-hi", children: note.followUp })
+              ] }) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Icon, { name: "Plus", size: 12 }),
+                    t("followup_add")
+                  ]
+                }
+              )
+            }
+          )
         ] })
       ]
     }
@@ -7170,8 +7315,11 @@ function FilterChip({ chip }) {
   );
 }
 function NoteFilterBar() {
-  const { filter, setFilter, noteCounts, notes, t } = useQa();
+  const { filter, setFilter, noteCounts, notes, deleteNotes, t } = useQa();
+  const [confirmPrune, setConfirmPrune] = React.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 = [
@@ -7276,7 +7424,48 @@ function NoteFilterBar() {
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "qa-flex qa-flex-wrap qa-gap-1", children: chips.map((chip) => /* @__PURE__ */ jsxRuntime.jsx(FilterChip, { chip }, chip.key)) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "qa-flex qa-flex-wrap qa-gap-1", children: chips.map((chip) => /* @__PURE__ */ jsxRuntime.jsx(FilterChip, { chip }, chip.key)) }),
+    showPrune && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "qa-text-11", "data-qa-prune": "true", children: confirmPrune ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "qa-text-mid", children: [
+      t("keep_only_retest_q", { n: others.length }),
+      " ",
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setConfirmPrune(false),
+          className: "qa-text-accent qa-tap",
+          style: { background: "transparent", border: "none", cursor: "pointer" },
+          children: t("no")
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Icon, { name: "Trash", size: 11 }),
+          t("keep_only_retest", { n: noteCounts.fixed })
+        ]
+      }
+    ) })
   ] });
 }
 function Section({
@@ -7812,249 +8001,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__ */ jsxRuntime.jsxs("div", { className: "qa-rounded-xl qa-border qa-border-subtle qa-bg-2 qa-p-3 qa-elev-1", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "qa-mb-2 qa-flex qa-items-center qa-gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          className: "qa-h-2.5 qa-w-2.5 qa-rounded-full",
-          style: { background: color }
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "qa-text-sm qa-font-bold qa-text-hi", children: pick2(group.role) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "qa-ms-auto qa-text-11 qa-font-medium qa-text-slate-400", children: [
-        done,
-        "/",
-        steps2.length
-      ] }),
-      uncoveredRedCount > 0 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: "qa-mb-3 qa-h-1.5 qa-overflow-hidden qa-rounded-full",
-        style: { background: `${color}22` },
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: "qa-h-full qa-rounded-full qa-transition-all",
-            style: { width: `${pct}%`, background: color }
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs("ol", { className: "qa-relative qa-ms-1.5", children: [
-      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("li", { className: "qa-relative qa-mb-2 qa-last-mb-0", children: [
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Icon, { name: "Play", size: 12 })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Icon, { name: "Check", size: 10, strokeWidth: 3, className: "qa-text-white" }),
-                      !on && failed && /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "AlertTriangle", size: 9, strokeWidth: 2.5, className: "qa-text-danger" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "qa-min-w-0", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "qa-flex qa-items-center qa-gap-1", children: [
-                    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-                      "span",
-                      {
-                        className: "qa-inline-block qa-rounded-full qa-shrink-0",
-                        style: {
-                          width: "6px",
-                          height: "6px",
-                          background: riskColor,
-                          flexShrink: 0
-                        },
-                        title: dotTitle
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "qa-space-y-3", children: [
-    journeyIsGeneric && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "qa-mb-1 qa-flex qa-items-center qa-gap-1.5 qa-text-11", children: [
-        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "qa-flex qa-items-center qa-justify-between qa-text-sm qa-font-semibold qa-text-hi", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("journey_title") }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "qa-dir-ltr", children: [
-          done,
-          "/",
-          all.length,
-          " \xB7 ",
-          pct,
-          "%"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "qa-mt-2 qa-h-2 qa-overflow-hidden qa-rounded-full qa-bg-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: "qa-h-full qa-rounded-full qa-bg-accent qa-transition-all",
-          style: { width: `${pct}%` }
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "qa-mt-2 qa-flex qa-justify-end", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Icon, { name: "Play", size: 13 }),
-            t("start_walkthrough")
-          ]
-        }
-      ) })
-    ] }),
-    journey.map((g) => /* @__PURE__ */ jsxRuntime.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 {
@@ -8078,11 +8027,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)}`;
 }
@@ -8117,7 +8070,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,
@@ -8148,6 +8101,7 @@ function QaPanel() {
     panelCollapsed,
     setPanelCollapsed
   } = useQa();
+  const activeTab = visibleTab(storedTab);
   const [confirmClear, setConfirmClear] = React.useState(false);
   const [naming, setNaming] = React.useState(false);
   const [filename, setFilename] = React.useState("");
@@ -8515,7 +8469,7 @@ function QaPanel() {
               ) })
             ] }),
             !simpleMode && activeTab === "logins" && /* @__PURE__ */ jsxRuntime.jsx(CredentialsSection, {}),
-            !simpleMode && activeTab === "guide" && /* @__PURE__ */ jsxRuntime.jsx(GuideSection, {})
+            !simpleMode && GUIDE_TAB_ENABLED
           ] })
         ] }),
         settingsOpen && /* @__PURE__ */ jsxRuntime.jsx(SettingsSheet, { onClose: () => setSettingsOpen(false) }),
@@ -10374,5 +10328,5 @@ function Qapture({ config }) {
 exports.Qapture = Qapture;
 exports.deleteQaDatabase = deleteQaDatabase;
 exports.initQaStudio = initQaStudio;
-//# sourceMappingURL=chunk-WU7QMHPK.cjs.map
-//# sourceMappingURL=chunk-WU7QMHPK.cjs.map
+//# sourceMappingURL=chunk-4LMLW73U.cjs.map
+//# sourceMappingURL=chunk-4LMLW73U.cjs.map

package/dist/index.cjs

@@ -1,24 +1,24 @@
 'use strict';
 
-var chunkWU7QMHPK_cjs = require('./chunk-WU7QMHPK.cjs');
+var chunk4LMLW73U_cjs = require('./chunk-4LMLW73U.cjs');
 
 
 
 Object.defineProperty(exports, "QaStudio", {
   enumerable: true,
-  get: function () { return chunkWU7QMHPK_cjs.Qapture; }
+  get: function () { return chunk4LMLW73U_cjs.Qapture; }
 });
 Object.defineProperty(exports, "Qapture", {
   enumerable: true,
-  get: function () { return chunkWU7QMHPK_cjs.Qapture; }
+  get: function () { return chunk4LMLW73U_cjs.Qapture; }
 });
 Object.defineProperty(exports, "deleteQaDatabase", {
   enumerable: true,
-  get: function () { return chunkWU7QMHPK_cjs.deleteQaDatabase; }
+  get: function () { return chunk4LMLW73U_cjs.deleteQaDatabase; }
 });
 Object.defineProperty(exports, "initQaStudio", {
   enumerable: true,
-  get: function () { return chunkWU7QMHPK_cjs.initQaStudio; }
+  get: function () { return chunk4LMLW73U_cjs.initQaStudio; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map