qapture2 0.7.0 → 0.7.2

package/dist/{chunk-QBBWY3BF.js → chunk-NVFFN7SC.js}

@@ -1511,6 +1511,128 @@ function matchRouteToSteps(journey, route) {
   return [...exact, ...param];
 }
 
+// src/lib/fallbackJourney.ts
+var ANY_PAGE = "*";
+var FALLBACK_JOURNEY = [
+  {
+    id: "first-run",
+    role: { en: "First look", ar: "\u0627\u0644\u0646\u0638\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u0649" },
+    steps: [
+      {
+        path: ANY_PAGE,
+        what: { en: "Open the app fresh and let it finish loading", ar: "\u0627\u0641\u062A\u062D \u0627\u0644\u062A\u0637\u0628\u064A\u0642 \u0645\u0646 \u062C\u062F\u064A\u062F \u0648\u0627\u062A\u0631\u0643\u0647 \u064A\u0643\u0645\u0644 \u0627\u0644\u062A\u062D\u0645\u064A\u0644" },
+        expect: {
+          en: "Content appears, nothing flashes or jumps, no error in the corner",
+          ar: "\u064A\u0638\u0647\u0631 \u0627\u0644\u0645\u062D\u062A\u0648\u0649 \u062F\u0648\u0646 \u0648\u0645\u064A\u0636 \u0623\u0648 \u0642\u0641\u0632\u060C \u0648\u0628\u062F\u0648\u0646 \u0631\u0633\u0627\u0644\u0629 \u062E\u0637\u0623"
+        },
+        risk: "red"
+      },
+      {
+        path: ANY_PAGE,
+        what: { en: "Read the first screen as a new user would", ar: "\u0627\u0642\u0631\u0623 \u0627\u0644\u0634\u0627\u0634\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0628\u0639\u064A\u0646 \u0645\u0633\u062A\u062E\u062F\u0645 \u062C\u062F\u064A\u062F" },
+        expect: {
+          en: "It is obvious what this is and what to do next",
+          ar: "\u0648\u0627\u0636\u062D \u0645\u0627 \u0647\u0630\u0627 \u0648\u0645\u0627 \u0627\u0644\u062E\u0637\u0648\u0629 \u0627\u0644\u062A\u0627\u0644\u064A\u0629"
+        },
+        risk: "amber"
+      }
+    ]
+  },
+  {
+    id: "moving-around",
+    role: { en: "Moving around", ar: "\u0627\u0644\u062A\u0646\u0642\u0644" },
+    steps: [
+      {
+        path: ANY_PAGE,
+        what: { en: "Visit every item in the main menu", ar: "\u0627\u0641\u062A\u062D \u0643\u0644 \u0639\u0646\u0635\u0631 \u0641\u064A \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0631\u0626\u064A\u0633\u064A\u0629" },
+        expect: { en: "Each one opens the page it names \u2014 no blank screens", ar: "\u0643\u0644 \u0639\u0646\u0635\u0631 \u064A\u0641\u062A\u062D \u0635\u0641\u062D\u062A\u0647 \u2014 \u0628\u062F\u0648\u0646 \u0634\u0627\u0634\u0627\u062A \u0641\u0627\u0631\u063A\u0629" },
+        risk: "red"
+      },
+      {
+        path: ANY_PAGE,
+        what: { en: "Press the browser Back button after moving", ar: "\u0627\u0636\u063A\u0637 \u0632\u0631 \u0627\u0644\u0631\u062C\u0648\u0639 \u0641\u064A \u0627\u0644\u0645\u062A\u0635\u0641\u062D \u0628\u0639\u062F \u0627\u0644\u062A\u0646\u0642\u0644" },
+        expect: { en: "You land where you were, with your place kept", ar: "\u062A\u0639\u0648\u062F \u0625\u0644\u0649 \u062D\u064A\u062B \u0643\u0646\u062A \u0645\u0639 \u0628\u0642\u0627\u0621 \u0645\u0648\u0636\u0639\u0643" },
+        risk: "amber"
+      },
+      {
+        path: ANY_PAGE,
+        what: { en: "Reload the page you are on", ar: "\u0623\u0639\u062F \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0635\u0641\u062D\u0629 \u0627\u0644\u062D\u0627\u0644\u064A\u0629" },
+        expect: { en: "The same page comes back, still signed in", ar: "\u062A\u0639\u0648\u062F \u0627\u0644\u0635\u0641\u062D\u0629 \u0646\u0641\u0633\u0647\u0627 \u0648\u064A\u0628\u0642\u0649 \u062A\u0633\u062C\u064A\u0644 \u0627\u0644\u062F\u062E\u0648\u0644" },
+        risk: "red"
+      }
+    ]
+  },
+  {
+    id: "the-main-thing",
+    role: { en: "The main thing", ar: "\u0627\u0644\u0645\u0647\u0645\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064A\u0629" },
+    steps: [
+      {
+        path: ANY_PAGE,
+        what: {
+          en: "Do what this app is for, start to finish, without shortcuts",
+          ar: "\u0646\u0641\u0651\u0630 \u0627\u0644\u063A\u0631\u0636 \u0627\u0644\u0623\u0633\u0627\u0633\u064A \u0645\u0646 \u0627\u0644\u062A\u0637\u0628\u064A\u0642 \u0645\u0646 \u0627\u0644\u0628\u062F\u0627\u064A\u0629 \u0644\u0644\u0646\u0647\u0627\u064A\u0629 \u062F\u0648\u0646 \u0627\u062E\u062A\u0635\u0627\u0631\u0627\u062A"
+        },
+        expect: { en: "It completes, and you are told clearly that it did", ar: "\u062A\u0643\u062A\u0645\u0644 \u0627\u0644\u0645\u0647\u0645\u0629 \u0648\u064A\u0635\u0644\u0643 \u062A\u0623\u0643\u064A\u062F \u0648\u0627\u0636\u062D" },
+        risk: "red"
+      },
+      {
+        path: ANY_PAGE,
+        what: { en: "Do it a second time with different choices", ar: "\u0643\u0631\u0631\u0647\u0627 \u0645\u0631\u0629 \u062B\u0627\u0646\u064A\u0629 \u0628\u062E\u064A\u0627\u0631\u0627\u062A \u0645\u062E\u062A\u0644\u0641\u0629" },
+        expect: { en: "Same result, nothing left over from the first run", ar: "\u0627\u0644\u0646\u062A\u064A\u062C\u0629 \u0646\u0641\u0633\u0647\u0627\u060C \u062F\u0648\u0646 \u0628\u0642\u0627\u064A\u0627 \u0645\u0646 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649" },
+        risk: "amber"
+      }
+    ]
+  },
+  {
+    id: "when-it-goes-wrong",
+    role: { en: "When it goes wrong", ar: "\u0639\u0646\u062F \u0627\u0644\u062E\u0637\u0623" },
+    steps: [
+      {
+        path: ANY_PAGE,
+        what: { en: "Submit a form empty, then with obviously wrong values", ar: "\u0623\u0631\u0633\u0644 \u0627\u0644\u0646\u0645\u0648\u0630\u062C \u0641\u0627\u0631\u063A\u064B\u0627 \u062B\u0645 \u0628\u0642\u064A\u0645 \u062E\u0627\u0637\u0626\u0629 \u0628\u0648\u0636\u0648\u062D" },
+        expect: {
+          en: "It refuses politely and says which field and why \u2014 it does not crash or save",
+          ar: "\u064A\u0631\u0641\u0636 \u0628\u0644\u0637\u0641 \u0648\u064A\u0648\u0636\u062D \u0627\u0644\u062D\u0642\u0644 \u0648\u0627\u0644\u0633\u0628\u0628 \u2014 \u062F\u0648\u0646 \u062A\u0639\u0637\u0644 \u0623\u0648 \u062D\u0641\u0638"
+        },
+        risk: "red"
+      },
+      {
+        path: ANY_PAGE,
+        what: { en: "Press the main button twice, quickly", ar: "\u0627\u0636\u063A\u0637 \u0627\u0644\u0632\u0631 \u0627\u0644\u0631\u0626\u064A\u0633\u064A \u0645\u0631\u062A\u064A\u0646 \u0628\u0633\u0631\u0639\u0629" },
+        expect: { en: "One result, not two", ar: "\u0646\u062A\u064A\u062C\u0629 \u0648\u0627\u062D\u062F\u0629 \u0644\u0627 \u0627\u062B\u0646\u062A\u0627\u0646" },
+        risk: "amber"
+      },
+      {
+        path: ANY_PAGE,
+        what: { en: "Open a page you should not be allowed to see", ar: "\u0627\u0641\u062A\u062D \u0635\u0641\u062D\u0629 \u0644\u0627 \u064A\u064F\u0641\u062A\u0631\u0636 \u0623\u0646 \u062A\u0635\u0644 \u0625\u0644\u064A\u0647\u0627" },
+        expect: { en: "You are turned away, not shown someone else\u2019s data", ar: "\u064A\u062A\u0645 \u0645\u0646\u0639\u0643\u060C \u0648\u0644\u0627 \u062A\u0638\u0647\u0631 \u0628\u064A\u0627\u0646\u0627\u062A \u0634\u062E\u0635 \u0622\u062E\u0631" },
+        risk: "red"
+      }
+    ]
+  },
+  {
+    id: "on-a-phone",
+    role: { en: "On a phone", ar: "\u0639\u0644\u0649 \u0627\u0644\u0647\u0627\u062A\u0641" },
+    steps: [
+      {
+        path: ANY_PAGE,
+        what: { en: "Make the window narrow, or open it on a phone", ar: "\u0635\u063A\u0651\u0631 \u0627\u0644\u0646\u0627\u0641\u0630\u0629 \u0623\u0648 \u0627\u0641\u062A\u062D\u0647 \u0639\u0644\u0649 \u0627\u0644\u0647\u0627\u062A\u0641" },
+        expect: {
+          en: "Nothing is cut off, nothing overlaps, no sideways scrolling",
+          ar: "\u0644\u0627 \u0634\u064A\u0621 \u0645\u0642\u0635\u0648\u0635 \u0623\u0648 \u0645\u062A\u062F\u0627\u062E\u0644\u060C \u0648\u0628\u062F\u0648\u0646 \u062A\u0645\u0631\u064A\u0631 \u062C\u0627\u0646\u0628\u064A"
+        },
+        risk: "amber"
+      },
+      {
+        path: ANY_PAGE,
+        what: { en: "Tap the small controls with a thumb", ar: "\u0627\u0636\u063A\u0637 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0635\u063A\u064A\u0631\u0629 \u0628\u0625\u0628\u0647\u0627\u0645\u0643" },
+        expect: { en: "They are big enough to hit first time", ar: "\u0643\u0628\u064A\u0631\u0629 \u0628\u0645\u0627 \u064A\u0643\u0641\u064A \u0644\u0644\u0636\u063A\u0637 \u0645\u0646 \u0623\u0648\u0644 \u0645\u0631\u0629" },
+        risk: "green"
+      }
+    ]
+  }
+];
+
 // src/lib/storage.ts
 function isStorageAvailable() {
   if (typeof window === "undefined") return false;
@@ -1613,6 +1735,7 @@ var STR = {
     loc_hide: "Hide location",
     loc_locate: "Locate on page",
     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",
     export_name_placeholder: "file name",
     tap_element: "Tap an element",
@@ -1676,6 +1799,12 @@ var STR = {
     sync_lost_permission: "Folder access expired \u2014 click Reconnect to keep saving",
     sync_write_failed: "Couldn't write to the folder \u2014 notes are still saved in this browser",
     sync_unsupported: "Folder saving needs Chrome, Edge or Brave on desktop. Use Export here.",
+    sync_zip_mode: "This browser cannot write into a folder directly, so Qapture builds the folder for you: name the project and campaign, and you get a zip that unzips into exactly that structure. It refreshes itself every few points.",
+    sync_zip_start: "Start saving",
+    sync_zip_save_now: "Save folder now",
+    sync_zip_saved: "Saved {name} to your downloads",
+    sync_zip_failed: "Couldn't build the folder \u2014 your notes are still safe in this browser",
+    sync_zip_where: "Unzip into your QA folder:",
     sync_writing_to: "Writing to",
     storage_title: "Storage",
     storage_used: "{used} of {quota} used",
@@ -1800,6 +1929,7 @@ var STR = {
     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",
     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",
     export_name_placeholder: "\u0627\u0633\u0645 \u0627\u0644\u0645\u0644\u0641",
     tap_element: "\u0627\u0646\u0642\u0631 \u0639\u0644\u0649 \u0639\u0646\u0635\u0631",
@@ -1863,6 +1993,12 @@ var STR = {
     sync_lost_permission: "\u0627\u0646\u062A\u0647\u062A \u0635\u0644\u0627\u062D\u064A\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u0645\u062C\u0644\u062F \u2014 \u0627\u0636\u063A\u0637 \u0625\u0639\u0627\u062F\u0629 \u0627\u0644\u0631\u0628\u0637 \u0644\u0644\u0645\u062A\u0627\u0628\u0639\u0629",
     sync_write_failed: "\u062A\u0639\u0630\u0651\u0631\u062A \u0627\u0644\u0643\u062A\u0627\u0628\u0629 \u0641\u064A \u0627\u0644\u0645\u062C\u0644\u062F \u2014 \u0627\u0644\u0645\u0644\u0627\u062D\u0638\u0627\u062A \u0645\u062D\u0641\u0648\u0638\u0629 \u0641\u064A \u0627\u0644\u0645\u062A\u0635\u0641\u062D",
     sync_unsupported: "\u0627\u0644\u062D\u0641\u0638 \u0641\u064A \u0645\u062C\u0644\u062F \u064A\u062A\u0637\u0644\u0628 Chrome \u0623\u0648 Edge \u0623\u0648 Brave \u0639\u0644\u0649 \u0633\u0637\u062D \u0627\u0644\u0645\u0643\u062A\u0628. \u0627\u0633\u062A\u062E\u062F\u0645 \u0627\u0644\u062A\u0635\u062F\u064A\u0631 \u0647\u0646\u0627.",
+    sync_zip_mode: "\u0647\u0630\u0627 \u0627\u0644\u0645\u062A\u0635\u0641\u062D \u0644\u0627 \u064A\u0633\u062A\u0637\u064A\u0639 \u0627\u0644\u0643\u062A\u0627\u0628\u0629 \u062F\u0627\u062E\u0644 \u0645\u062C\u0644\u062F \u0645\u0628\u0627\u0634\u0631\u0629\u060C \u0644\u0630\u0644\u0643 \u064A\u0628\u0646\u064A Qapture \u0627\u0644\u0645\u062C\u0644\u062F \u0646\u064A\u0627\u0628\u0629\u064B \u0639\u0646\u0643: \u0627\u0643\u062A\u0628 \u0627\u0633\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0644\u062D\u0645\u0644\u0629\u060C \u0648\u0633\u062A\u062D\u0635\u0644 \u0639\u0644\u0649 \u0645\u0644\u0641 \u0645\u0636\u063A\u0648\u0637 \u064A\u064F\u0641\u064E\u0643 \u0625\u0644\u0649 \u0627\u0644\u0628\u0646\u064A\u0629 \u0646\u0641\u0633\u0647\u0627 \u062A\u0645\u0627\u0645\u064B\u0627. \u0648\u064A\u062A\u062D\u062F\u0651\u062B \u062A\u0644\u0642\u0627\u0626\u064A\u064B\u0627 \u0643\u0644 \u0628\u0636\u0639 \u0646\u0642\u0627\u0637.",
+    sync_zip_start: "\u0627\u0628\u062F\u0623 \u0627\u0644\u062D\u0641\u0638",
+    sync_zip_save_now: "\u0627\u062D\u0641\u0638 \u0627\u0644\u0645\u062C\u0644\u062F \u0627\u0644\u0622\u0646",
+    sync_zip_saved: "\u062A\u0645 \u062D\u0641\u0638 {name} \u0641\u064A \u0627\u0644\u062A\u0646\u0632\u064A\u0644\u0627\u062A",
+    sync_zip_failed: "\u062A\u0639\u0630\u0651\u0631 \u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u062C\u0644\u062F \u2014 \u0645\u0644\u0627\u062D\u0638\u0627\u062A\u0643 \u0645\u0627 \u0632\u0627\u0644\u062A \u0645\u062D\u0641\u0648\u0638\u0629 \u0641\u064A \u0647\u0630\u0627 \u0627\u0644\u0645\u062A\u0635\u0641\u062D",
+    sync_zip_where: "\u0641\u064F\u0643\u0651 \u0627\u0644\u0636\u063A\u0637 \u062F\u0627\u062E\u0644 \u0645\u062C\u0644\u062F QA \u0644\u062F\u064A\u0643:",
     sync_writing_to: "\u0627\u0644\u0643\u062A\u0627\u0628\u0629 \u0625\u0644\u0649",
     storage_title: "\u0627\u0644\u062A\u062E\u0632\u064A\u0646",
     storage_used: "{used} \u0645\u0646 {quota} \u0645\u0633\u062A\u062E\u062F\u064E\u0645\u0629",
@@ -2249,12 +2385,153 @@ async function grabExactRegion(rect) {
   }
 }
 
+// src/lib/cssColors.ts
+var UNSUPPORTED_FN = /\b(?:oklch|oklab|lch|lab|color-mix|color)\(/i;
+function unsupportedFnScanner() {
+  return /\b(?:oklch|oklab|lch|lab|color-mix|color)\(/gi;
+}
+var COLOR_PROPS = [
+  "color",
+  "backgroundColor",
+  "borderTopColor",
+  "borderRightColor",
+  "borderBottomColor",
+  "borderLeftColor",
+  "outlineColor",
+  "textDecorationColor",
+  "columnRuleColor",
+  "caretColor",
+  "fill",
+  "stroke"
+];
+var COMPOUND_PROPS = ["backgroundImage", "boxShadow", "textShadow"];
+var probeCtx;
+function getProbe() {
+  if (probeCtx !== void 0) return probeCtx;
+  try {
+    const canvas = document.createElement("canvas");
+    canvas.width = canvas.height = 1;
+    probeCtx = canvas.getContext("2d", { willReadFrequently: true });
+  } catch {
+    probeCtx = null;
+  }
+  return probeCtx;
+}
+var conversionCache = /* @__PURE__ */ new Map();
+function toRenderableColor(value) {
+  const ctx = getProbe();
+  if (!ctx || !value) return null;
+  const cached = conversionCache.get(value);
+  if (cached !== void 0) return cached;
+  const result = convertUncached(ctx, value);
+  conversionCache.set(value, result);
+  return result;
+}
+function convertUncached(ctx, value) {
+  try {
+    ctx.fillStyle = "#000000";
+    ctx.fillStyle = value;
+    const fromBlack = String(ctx.fillStyle);
+    ctx.fillStyle = "#ffffff";
+    ctx.fillStyle = value;
+    if (fromBlack !== String(ctx.fillStyle)) return null;
+    if (!UNSUPPORTED_FN.test(fromBlack)) return fromBlack;
+    ctx.clearRect(0, 0, 1, 1);
+    ctx.fillStyle = value;
+    ctx.fillRect(0, 0, 1, 1);
+    const [r, g, b, a] = ctx.getImageData(0, 0, 1, 1).data;
+    return a === 255 ? `rgb(${r}, ${g}, ${b})` : `rgba(${r}, ${g}, ${b}, ${(a / 255).toFixed(3)})`;
+  } catch {
+    return null;
+  }
+}
+function neutralizeColorFunctions(value) {
+  if (!value || !UNSUPPORTED_FN.test(value)) return value;
+  const scanner = unsupportedFnScanner();
+  let out = "";
+  let last = 0;
+  let match;
+  while ((match = scanner.exec(value)) !== null) {
+    const start = match.index;
+    if (start < last) continue;
+    let depth = 0;
+    let i = start + match[0].length - 1;
+    for (; i < value.length; i++) {
+      if (value[i] === "(") depth++;
+      else if (value[i] === ")") {
+        depth--;
+        if (depth === 0) break;
+      }
+    }
+    if (i >= value.length) break;
+    const converted = toRenderableColor(value.slice(start, i + 1));
+    out += value.slice(last, start) + (converted ?? "rgba(0, 0, 0, 0)");
+    last = i + 1;
+    scanner.lastIndex = last;
+  }
+  return out + value.slice(last);
+}
+function hasUnsupportedColor(value) {
+  return !!value && UNSUPPORTED_FN.test(value);
+}
+function safeBackgroundColor(value, fallback = "#ffffff") {
+  if (!hasUnsupportedColor(value)) return value;
+  return toRenderableColor(value) ?? fallback;
+}
+function neutralizeDocumentColors(doc, aggressive = false) {
+  const view = doc.defaultView;
+  if (!view || typeof view.getComputedStyle !== "function") return 0;
+  let touched = 0;
+  const all = doc.querySelectorAll("*");
+  const elements = [doc.documentElement, ...Array.from(all)];
+  for (const el of elements) {
+    if (!el || !el.style) continue;
+    let changed = false;
+    let computed;
+    try {
+      computed = view.getComputedStyle(el);
+    } catch {
+      continue;
+    }
+    for (const prop of COLOR_PROPS) {
+      const value = computed[prop] ?? computed[prop];
+      if (!hasUnsupportedColor(value)) continue;
+      const converted = toRenderableColor(value);
+      if (converted) {
+        el.style[prop] = converted;
+        changed = true;
+      }
+    }
+    for (const prop of COMPOUND_PROPS) {
+      const value = computed[prop];
+      if (!value || value === "none") continue;
+      if (aggressive && prop !== "backgroundImage") {
+        el.style[prop] = "none";
+        changed = true;
+        continue;
+      }
+      if (!hasUnsupportedColor(value)) continue;
+      if (aggressive) {
+        el.style[prop] = "none";
+        changed = true;
+        continue;
+      }
+      el.style[prop] = neutralizeColorFunctions(value);
+      changed = true;
+    }
+    if (changed) touched++;
+  }
+  return touched;
+}
+
 // src/lib/capture.ts
 var HTML2CANVAS_TIMEOUT_MS = 1e4;
 var FALLBACK_PAGE_BACKGROUND = "#ffffff";
 var MAX_SHOT_EDGE = 1800;
 var WEBP_QUALITY = 0.92;
 var STUCK_ATTR = "data-qa-stuck";
+var MAX_CAPTURE_EDGE = 4e3;
+var MAX_RENDER_VIEWPORTS = 4;
 function withTimeout(promise, ms) {
   let timer;
   return Promise.race([
@@ -2420,37 +2697,86 @@ function cropCanvas(full, rect, scale) {
   ctx.drawImage(full, sx, sy, sw, sh, 0, 0, sw, sh);
   return out;
 }
-async function captureViaDom(rect, sx, sy) {
+function viewportSize() {
+  return {
+    vw: document.documentElement.clientWidth || window.innerWidth,
+    vh: document.documentElement.clientHeight || window.innerHeight
+  };
+}
+function intersectViewport(rect) {
+  const { vw, vh } = viewportSize();
+  const left = Math.max(0, rect.left);
+  const top = Math.max(0, rect.top);
+  const right = Math.min(vw, rect.left + rect.width);
+  const bottom = Math.min(vh, rect.top + rect.height);
+  if (right - left < 2 || bottom - top < 2) return null;
+  return { left, top, width: right - left, height: bottom - top };
+}
+function planRender(rect, sx, sy, vw, vh) {
+  let left = rect.left + sx;
+  let top = rect.top + sy;
+  let width = rect.width;
+  let height = rect.height;
+  if (width > MAX_CAPTURE_EDGE) {
+    left = Math.max(left, Math.min(sx, left + width - MAX_CAPTURE_EDGE));
+    width = MAX_CAPTURE_EDGE;
+  }
+  if (height > MAX_CAPTURE_EDGE) {
+    top = Math.max(top, Math.min(sy, top + height - MAX_CAPTURE_EDGE));
+    height = MAX_CAPTURE_EDGE;
+  }
+  const x = Math.floor(Math.min(sx, left));
+  const y = Math.floor(Math.min(sy, top));
+  const right = Math.ceil(Math.max(sx + vw, left + width));
+  const bottom = Math.ceil(Math.max(sy + vh, top + height));
+  return {
+    render: { x, y, width: right - x, height: bottom - y },
+    crop: { left: left - x, top: top - y, width, height }
+  };
+}
+async function captureViaDom(rect, sx, sy, aggressiveColors = false) {
   const { default: html2canvas } = await import('html2canvas');
-  const scale = Math.min(window.devicePixelRatio || 1, 2);
-  const vw = document.documentElement.clientWidth || window.innerWidth;
-  const vh = document.documentElement.clientHeight || window.innerHeight;
+  const { vw, vh } = viewportSize();
+  const plan = planRender(rect, sx, sy, vw, vh);
+  let scale = Math.min(window.devicePixelRatio || 1, 2);
+  const budget = vw * vh * MAX_RENDER_VIEWPORTS;
+  const area = plan.render.width * plan.render.height;
+  if (area > budget) scale *= Math.sqrt(budget / area);
   const marked = markStuckElements();
   try {
     const full = await withTimeout(
       html2canvas(document.body, {
-        // Render exactly the current viewport, in document coordinates.
-        x: sx,
-        y: sy,
-        width: vw,
-        height: vh,
+        // The box to render, in document coordinates.
+        x: plan.render.x,
+        y: plan.render.y,
+        width: plan.render.width,
+        height: plan.render.height,
         scale,
         useCORS: true,
         allowTaint: true,
         // The page's own background, never null — see resolvePageBackground().
-        backgroundColor: resolvePageBackground(),
+        // Passed straight to html2canvas's parser, so it gets the same
+        // CSS Color 4 treatment the document walk applies.
+        backgroundColor: safeBackgroundColor(resolvePageBackground(), FALLBACK_PAGE_BACKGROUND),
         logging: false,
+        // The clone's own scroll + viewport, which is what `position: fixed`
+        // resolves against. It stays the LIVE viewport even when the render
+        // box is bigger, so fixed chrome is drawn where the tester sees it
+        // rather than smeared over the whole render.
         scrollX: sx,
         scrollY: sy,
         windowWidth: vw,
         windowHeight: vh,
         ignoreElements: (el) => el.nodeType === 1 && typeof el.hasAttribute === "function" && el.hasAttribute("data-qa-overlay"),
-        onclone: (doc) => pinStuckClones(doc)
+        onclone: (doc) => {
+          neutralizeDocumentColors(doc, aggressiveColors);
+          pinStuckClones(doc);
+        }
       }),
       HTML2CANVAS_TIMEOUT_MS
     );
     if (!full) return null;
-    return cropCanvas(full, rect, scale);
+    return cropCanvas(full, plan.crop, scale);
   } finally {
     unmarkStuckElements(marked);
   }
@@ -2463,8 +2789,10 @@ async function captureRegion(rect, scroll, prefer = "auto") {
   const sx = scroll?.x ?? window.scrollX;
   const sy = scroll?.y ?? window.scrollY;
   if (prefer !== "dom" && getExactCaptureStatus() === "live") {
+    const visible = intersectViewport(rect);
+    if (!visible) return { status: "empty" };
     try {
-      const canvas = await withOverlayHidden(() => grabExactRegion(rect));
+      const canvas = await withOverlayHidden(() => grabExactRegion(visible));
       if (canvas) {
         const blob = await encodeShot(canvas);
         if (blob) return { status: "ok", blob, engine: "exact" };
@@ -2480,8 +2808,16 @@ async function captureRegion(rect, scroll, prefer = "auto") {
     const blob = await encodeShot(canvas);
     return blob ? { status: "ok", blob, engine: "dom" } : { status: "failed" };
   } catch (err) {
-    console.warn("[QA] region capture failed:", err);
-    return { status: "failed" };
+    console.warn("[QA] region capture failed, retrying without gradients/shadows:", err);
+    try {
+      const canvas = await captureViaDom(rect, sx, sy, true);
+      if (!canvas) return { status: "failed" };
+      const blob = await encodeShot(canvas);
+      return blob ? { status: "ok", blob, engine: "dom" } : { status: "failed" };
+    } catch (retryErr) {
+      console.warn("[QA] region capture failed after retry:", retryErr);
+      return { status: "failed" };
+    }
   }
 }
 
@@ -2904,6 +3240,7 @@ async function shareZipFile(blob, filename, title) {
 // src/lib/fsSync.ts
 var MAX_SLUG_LENGTH = 48;
 var FS_ROOT_META_KEY = "fsSyncRoot";
+var FS_CAMPAIGN_META_KEY = "fsSyncCampaign";
 var root = null;
 var campaignDir = null;
 var notesDir = null;
@@ -2912,6 +3249,7 @@ var campaign = null;
 var noteIndex = {};
 var state = "unsupported";
 var lastError = "";
+var metaStore = null;
 var bulkWriting = false;
 var listeners = /* @__PURE__ */ new Set();
 function setState(next, error = "") {
@@ -2934,8 +3272,20 @@ function onFsSyncChange(fn) {
 function isFsSyncSupported() {
   return typeof window !== "undefined" && typeof window.showDirectoryPicker === "function";
 }
+function isFsSyncAvailable() {
+  return typeof window !== "undefined";
+}
+function getFsSyncEngine() {
+  if (isFsSyncSupported() || typeof document === "undefined") return "disk";
+  return "download";
+}
 function getFsSyncState() {
-  if (!isFsSyncSupported()) return "unsupported";
+  if (!isFsSyncAvailable()) return "unsupported";
+  if (!isFsSyncSupported()) {
+    if (state === "syncing") return "syncing";
+    if (state === "error") return "error";
+    return "connected";
+  }
   return state === "unsupported" ? "off" : state;
 }
 function getFsSyncError() {
@@ -2945,9 +3295,18 @@ function getFsSyncCampaign() {
   return campaign;
 }
 function getFsSyncPath() {
+  if (getFsSyncEngine() === "download") return campaign ? campaignRelativePath() : "";
   if (!root) return "";
   if (!campaign) return root.name;
-  return `${root.name}/${safeSegment(campaign.project)}/${safeSegment(campaign.campaign)}`;
+  return `${root.name}/${campaignRelativePath()}`;
+}
+function campaignRelativePath() {
+  if (!campaign) return "";
+  return `${safeSegment(campaign.project)}/${safeSegment(campaign.campaign)}`;
+}
+function campaignZipFileName() {
+  if (!campaign) return "qa-campaign.zip";
+  return `${safeSegment(campaign.project)} - ${safeSegment(campaign.campaign)}.zip`;
 }
 function safeSegment(input, fallback = "untitled") {
   let s = (input ?? "").normalize("NFC").replace(/[\\/:*?"<>|\u0000-\u001F]/g, "-");
@@ -2989,10 +3348,25 @@ async function permissionFor(handle, request) {
   return "granted";
 }
 async function restoreFsSync(store) {
-  if (!isFsSyncSupported()) {
+  metaStore = store;
+  if (!isFsSyncAvailable()) {
     setState("unsupported");
     return "unsupported";
   }
+  if (getFsSyncEngine() === "download") {
+    try {
+      const saved = await store.getMeta(FS_CAMPAIGN_META_KEY);
+      if (saved?.campaign?.project && saved.active !== false) {
+        campaign = saved.campaign;
+        noteIndex = saved.notes ?? {};
+        setState("syncing");
+        return "syncing";
+      }
+    } catch {
+    }
+    setState("connected");
+    return "connected";
+  }
   try {
     const saved = await store.getMeta(FS_ROOT_META_KEY);
     if (!saved || typeof saved.getDirectoryHandle !== "function") {
@@ -3009,7 +3383,11 @@ async function restoreFsSync(store) {
   }
 }
 async function chooseFsSyncRoot(store) {
-  if (!isFsSyncSupported()) return false;
+  metaStore = store;
+  if (!isFsSyncSupported()) {
+    setState("connected");
+    return true;
+  }
   const picker = window.showDirectoryPicker;
   try {
     const handle = await picker({ id: "qapture-qa", mode: "readwrite", startIn: "documents" });
@@ -3057,6 +3435,30 @@ function describeError(err) {
   return e?.message || "write-failed";
 }
 async function openFsCampaign(input) {
+  if (getFsSyncEngine() === "download") {
+    const sameAsBefore = campaign?.project === input.project && campaign?.campaign === input.campaign;
+    let startedAt = sameAsBefore && campaign ? campaign.startedAt : (/* @__PURE__ */ new Date()).toISOString();
+    if (!sameAsBefore) {
+      noteIndex = {};
+      try {
+        const saved = await metaStore?.getMeta(FS_CAMPAIGN_META_KEY);
+        if (saved?.campaign?.project === input.project && saved.campaign.campaign === input.campaign) {
+          noteIndex = saved.notes ?? {};
+          startedAt = saved.campaign.startedAt || startedAt;
+        }
+      } catch {
+      }
+    }
+    campaign = {
+      project: input.project,
+      campaign: input.campaign,
+      tester: input.tester,
+      startedAt
+    };
+    await persistDownloadCampaign();
+    setState("syncing");
+    return true;
+  }
   if (!root) return false;
   try {
     const perm = await permissionFor(root, false);
@@ -3095,11 +3497,23 @@ async function openFsCampaign(input) {
   }
 }
 function closeFsCampaign() {
+  if (getFsSyncEngine() === "download") void persistDownloadCampaign(false);
   campaignDir = notesDir = shotsDir = null;
   campaign = null;
   noteIndex = {};
+  if (getFsSyncEngine() === "download") {
+    setState("connected");
+    return;
+  }
   if (root) setState("connected");
 }
+async function persistDownloadCampaign(active = true) {
+  if (!metaStore || !campaign) return;
+  try {
+    await metaStore.setMeta(FS_CAMPAIGN_META_KEY, { campaign, notes: noteIndex, active });
+  } catch {
+  }
+}
 async function writeFile(dir, name, data) {
   const handle = await dir.getFileHandle(name, { create: true });
   const writable = await handle.createWritable();
@@ -3130,6 +3544,13 @@ function entryFor(note) {
   };
 }
 async function syncNoteToDisk(note, allNotes) {
+  if (getFsSyncEngine() === "download") {
+    if (!campaign) return false;
+    noteIndex[note.id] = entryFor(note);
+    await persistDownloadCampaign();
+    setState("syncing");
+    return true;
+  }
   if (!campaignDir || !notesDir || !shotsDir || !campaign) return false;
   try {
     const previous = noteIndex[note.id];
@@ -3157,6 +3578,12 @@ async function syncNoteToDisk(note, allNotes) {
   }
 }
 async function removeNoteFromDisk(noteId, allNotes) {
+  if (getFsSyncEngine() === "download") {
+    if (!noteIndex[noteId]) return true;
+    delete noteIndex[noteId];
+    await persistDownloadCampaign();
+    return true;
+  }
   if (!campaignDir || !notesDir || !shotsDir) return false;
   const entry = noteIndex[noteId];
   if (!entry) return true;
@@ -3182,8 +3609,15 @@ function noteMarkdownForDisk(note, entry) {
 }
 async function flushCampaignFiles(allNotes) {
   if (!campaignDir || !campaign) return;
-  const known = allNotes.filter((n) => noteIndex[n.id]);
-  const ordered = known.slice().sort((a, b) => (noteIndex[a.id].seq ?? 0) - (noteIndex[b.id].seq ?? 0));
+  await writeFile(campaignDir, "campaign.json", campaignJsonText(allNotes));
+  await writeFile(campaignDir, "REPORT.md", reportMarkdownText(allNotes));
+}
+function orderedKnownNotes(allNotes) {
+  return allNotes.filter((n) => noteIndex[n.id]).slice().sort((a, b) => (noteIndex[a.id].seq ?? 0) - (noteIndex[b.id].seq ?? 0));
+}
+function campaignJsonText(allNotes) {
+  if (!campaign) return "{}";
+  const ordered = orderedKnownNotes(allNotes);
   const meta = {
     project: campaign.project,
     campaign: campaign.campaign,
@@ -3193,7 +3627,11 @@ async function flushCampaignFiles(allNotes) {
     noteCount: ordered.length,
     notes: noteIndex
   };
-  await writeFile(campaignDir, "campaign.json", JSON.stringify(meta, null, 2));
+  return JSON.stringify(meta, null, 2);
+}
+function reportMarkdownText(allNotes) {
+  if (!campaign) return "";
+  const ordered = orderedKnownNotes(allNotes);
   const counts = { bug: 0, question: 0, polish: 0, verified: 0 };
   for (const n of ordered) {
     const sev = n.severity ?? "bug";
@@ -3207,20 +3645,66 @@ async function flushCampaignFiles(allNotes) {
     "",
     campaign.tester ? `Tester: ${campaign.tester}  ` : "",
     `Started: ${campaign.startedAt}  `,
-    `Updated: ${meta.updatedAt}  `,
+    `Updated: ${(/* @__PURE__ */ new Date()).toISOString()}  `,
     `Points: ${ordered.length} (${counts.bug} bug, ${counts.question} question, ${counts.polish} polish \xB7 ${counts.verified} verified)`,
     "",
-    "Written live by Qapture as each point was saved. Screenshots are in",
+    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/`.",
     "",
     "---",
     ""
   ].filter((line) => line !== "").join("\n");
   const body = ordered.map((n) => noteMarkdownForDisk(n, noteIndex[n.id])).join("\n---\n\n");
-  await writeFile(campaignDir, "REPORT.md", `${header}
-${body}`);
+  return `${header}
+${body}`;
+}
+async function buildCampaignZipBlob(allNotes) {
+  if (!campaign || typeof document === "undefined") return null;
+  try {
+    const { default: JSZip } = await import('jszip');
+    const zip = new JSZip();
+    const base = zip.folder(safeSegment(campaign.project, "Project"))?.folder(safeSegment(campaign.campaign, defaultCampaignName()));
+    if (!base) return null;
+    base.file("campaign.json", campaignJsonText(allNotes));
+    base.file("REPORT.md", reportMarkdownText(allNotes));
+    const notesFolder = base.folder("notes");
+    const shotsFolder = base.folder("screenshots");
+    for (const note of orderedKnownNotes(allNotes)) {
+      const entry = noteIndex[note.id];
+      notesFolder?.file(entry.file, noteMarkdownForDisk(note, entry));
+      if (note.screenshot && entry.shot) shotsFolder?.file(entry.shot, note.screenshot);
+      if (note.afterScreenshot && entry.after) shotsFolder?.file(entry.after, note.afterScreenshot);
+    }
+    return await zip.generateAsync({ type: "blob" });
+  } catch (err) {
+    setState("error", describeError(err));
+    return null;
+  }
+}
+async function downloadCampaignZip(allNotes) {
+  const blob = await buildCampaignZipBlob(allNotes);
+  if (!blob) return false;
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = campaignZipFileName();
+  document.body.appendChild(a);
+  a.click();
+  a.remove();
+  setTimeout(() => URL.revokeObjectURL(url), 2e3);
+  setState("syncing");
+  return true;
 }
 async function syncAllToDisk(allNotes) {
+  if (getFsSyncEngine() === "download") {
+    if (!campaign) return false;
+    for (const note of allNotes.slice().reverse()) {
+      if (!noteIndex[note.id]) noteIndex[note.id] = entryFor(note);
+    }
+    await persistDownloadCampaign();
+    setState("syncing");
+    return true;
+  }
   if (!campaignDir) return false;
   const ordered = allNotes.slice().reverse();
   bulkWriting = true;
@@ -4016,6 +4500,15 @@ function QaProvider({
     closeFsCampaign();
     notify(t("sync_paused"), { id: "sync-state" });
   }, [notify, t]);
+  const saveSyncFolderNow = useCallback(async () => {
+    const name = campaignZipFileName();
+    const ok = await downloadCampaignZip(notesRef.current);
+    notify(ok ? t("sync_zip_saved", { name }) : t("sync_zip_failed"), {
+      tone: ok ? "success" : "error",
+      id: "sync-zip"
+    });
+    return ok;
+  }, [notify, t]);
   const forgetSyncFolder = useCallback(async () => {
     await disconnectFsSync(idb);
     storage.setJSON(LAST_CAMPAIGN_KEY, {});
@@ -4064,10 +4557,23 @@ function QaProvider({
   useEffect(() => {
     if (!autoBackup) return;
     if (notes.length === 0 || isExporting) return;
-    if (getFsSyncState() === "syncing") return;
+    const syncing = getFsSyncState() === "syncing";
+    const viaDownload = getFsSyncEngine() === "download";
+    if (syncing && !viaDownload) return;
     const lastAt = Number(storage.getItem(AUTO_BACKUP_AT_KEY) ?? "0") || 0;
     if (notes.length < lastAt + AUTO_BACKUP_EVERY) return;
     storage.setItem(AUTO_BACKUP_AT_KEY, String(notes.length));
+    if (syncing && viaDownload) {
+      const name = campaignZipFileName();
+      void downloadCampaignZip(notesRef.current).then((ok) => {
+        notify(ok ? t("sync_zip_saved", { name }) : t("sync_zip_failed"), {
+          tone: ok ? "success" : "error",
+          id: "sync-zip",
+          duration: 3e3
+        });
+      });
+      return;
+    }
     const stamp = nowIso().slice(0, 16).replace(/[:T]/g, "-");
     void exportZipRef.current(`qa-autosave-${stamp}-${notes.length}`).then(() => {
       notify(t("autosave_done", { n: notes.length }), { id: "autosave", duration: 3e3 });
@@ -4368,6 +4874,7 @@ function QaProvider({
   }, []);
   useEffect(() => {
     if (typeof window === "undefined") return;
+    if (notesLoading) return;
     const params = new URLSearchParams(window.location.search);
     const raw = params.get("qa");
     if (!raw || !raw.startsWith("walk")) return;
@@ -4386,7 +4893,7 @@ function QaProvider({
     } else {
       startWalk("plan", 0);
     }
-  }, [startWalk]);
+  }, [startWalk, notesLoading]);
   const value = {
     // Data
     notes,
@@ -4407,7 +4914,10 @@ function QaProvider({
     brand: config.brand,
     loginField: config.loginField,
     credentials: config.credentials,
-    journey: config.journey,
+    // Never the raw config value: an unconfigured project falls back to the
+    // generic plan so the Guide is never a blank page.
+    journey: journeyOrEmpty(config.journey),
+    journeyIsGeneric: !config.journey?.some((lane) => lane.steps.length > 0),
     preamble: config.preamble,
     // i18n helpers
     t,
@@ -4455,7 +4965,8 @@ function QaProvider({
     // rebuilt when fsSync's module state changes (path/campaign live outside
     // React).
     sync: {
-      supported: isFsSyncSupported(),
+      supported: isFsSyncAvailable(),
+      engine: getFsSyncEngine(),
       state: syncState,
       path: syncTick >= 0 ? getFsSyncPath() : "",
       campaign: getFsSyncCampaign(),
@@ -4465,6 +4976,7 @@ function QaProvider({
     reconnectSyncFolder,
     startSyncCampaign,
     stopSyncCampaign,
+    saveSyncFolderNow,
     forgetSyncFolder,
     suggestCampaignName,
     lastCampaign,
@@ -4509,7 +5021,9 @@ function QaProvider({
   return /* @__PURE__ */ jsx(QaContext.Provider, { value, children });
 }
 function journeyOrEmpty(journey) {
-  return Array.isArray(journey) ? journey : [];
+  const configured = Array.isArray(journey) ? journey : [];
+  const hasSteps = configured.some((lane) => lane.steps.length > 0);
+  return hasSteps ? configured : FALLBACK_JOURNEY;
 }
 function useQa() {
   const ctx = useContext(QaContext);
@@ -6490,6 +7004,7 @@ function SettingsSheet({ onClose }) {
     forgetSyncFolder,
     suggestCampaignName,
     lastCampaign,
+    saveSyncFolderNow,
     storageHealth,
     refreshStorageHealth,
     requestPersistentStorage: requestPersistentStorage2,
@@ -6531,6 +7046,7 @@ function SettingsSheet({ onClose }) {
     }
   };
   const syncing = sync.state === "syncing";
+  const viaZip = sync.engine === "download";
   const quotaKnown = storageHealth.supported && storageHealth.quotaBytes > 0;
   const usedPct = quotaKnown ? Math.min(100, Math.round(storageHealth.ratio * 100)) : 0;
   const meterColor = storageHealth.level === "critical" ? "var(--qa-danger)" : storageHealth.level === "warn" ? "var(--qa-warn)" : "var(--qa-accent)";
@@ -6558,6 +7074,7 @@ function SettingsSheet({ onClose }) {
         /* @__PURE__ */ jsxs("div", { className: "qa-flex-1 qa-space-y-4 qa-overflow-y-auto qa-p-3", children: [
           /* @__PURE__ */ jsxs(Section, { icon: "Folder", title: t("sync_title"), children: [
             /* @__PURE__ */ jsx("p", { className: "qa-m-0 qa-text-10 qa-text-lo qa-leading-relaxed", children: t("sync_hint") }),
+            viaZip ? /* @__PURE__ */ jsx("p", { className: "qa-m-0 qa-rounded-lg qa-border qa-border-dashed qa-border-subtle qa-p-2 qa-text-10 qa-text-mid qa-leading-relaxed", children: t("sync_zip_mode") }) : null,
             !sync.supported ? /* @__PURE__ */ jsx("p", { className: "qa-m-0 qa-rounded-lg qa-border qa-border-dashed qa-border-subtle qa-p-2 qa-text-10 qa-text-mid", children: t("sync_unsupported") }) : sync.state === "off" ? /* @__PURE__ */ jsxs(
               "button",
               {
@@ -6585,24 +7102,41 @@ function SettingsSheet({ onClose }) {
                 ]
               }
             ) : syncing ? /* @__PURE__ */ jsxs("div", { className: "qa-space-y-2", children: [
+              viaZip && /* @__PURE__ */ jsx("p", { className: "qa-m-0 qa-text-10 qa-text-lo", children: t("sync_zip_where") }),
               /* @__PURE__ */ jsxs("p", { className: "qa-m-0 qa-flex qa-items-center qa-gap-1.5 qa-rounded-lg qa-bg-success-tint qa-text-success qa-px-2 qa-py-1.5 qa-text-10", children: [
                 /* @__PURE__ */ jsx(Icon, { name: "FolderCheck", size: 13, className: "qa-shrink-0" }),
                 /* @__PURE__ */ jsx("span", { className: "qa-truncate qa-dir-ltr", dir: "ltr", title: sync.path, children: sync.path })
               ] }),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: stopSyncCampaign,
-                  className: "qa-tap qa-rounded-lg qa-border qa-border-subtle qa-px-2 qa-py-1 qa-text-10 qa-text-mid",
-                  style: { background: "transparent", cursor: "pointer" },
-                  children: t("sync_stop")
-                }
-              )
+              /* @__PURE__ */ jsxs("div", { className: "qa-flex qa-flex-wrap qa-gap-2", children: [
+                viaZip && /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    disabled: busy,
+                    onClick: () => void run2(saveSyncFolderNow),
+                    className: "qa-tap qa-inline-flex qa-items-center qa-gap-1.5 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: [
+                      /* @__PURE__ */ jsx(Icon, { name: "Download", size: 13 }),
+                      t("sync_zip_save_now")
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: stopSyncCampaign,
+                    className: "qa-tap qa-rounded-lg qa-border qa-border-subtle qa-px-2 qa-py-1 qa-text-10 qa-text-mid",
+                    style: { background: "transparent", cursor: "pointer" },
+                    children: t("sync_stop")
+                  }
+                )
+              ] })
             ] }) : (
               /* connected: folder chosen, campaign not open yet */
               /* @__PURE__ */ jsxs("div", { className: "qa-space-y-2", children: [
-                /* @__PURE__ */ jsxs("p", { className: "qa-m-0 qa-flex qa-items-center qa-gap-1.5 qa-text-10 qa-text-mid", children: [
+                !viaZip && /* @__PURE__ */ jsxs("p", { className: "qa-m-0 qa-flex qa-items-center qa-gap-1.5 qa-text-10 qa-text-mid", children: [
                   /* @__PURE__ */ jsx(Icon, { name: "Folder", size: 12, className: "qa-shrink-0" }),
                   /* @__PURE__ */ jsx("span", { className: "qa-truncate qa-dir-ltr", dir: "ltr", children: sync.path })
                 ] }),
@@ -6624,11 +7158,11 @@ function SettingsSheet({ onClose }) {
                       style: { border: "none", cursor: "pointer" },
                       children: [
                         /* @__PURE__ */ jsx(Icon, { name: "Check", size: 13 }),
-                        t("sync_start")
+                        viaZip ? t("sync_zip_start") : t("sync_start")
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx(
+                  !viaZip && /* @__PURE__ */ jsx(
                     "button",
                     {
                       type: "button",
@@ -7138,12 +7672,31 @@ function Lane({
   ] });
 }
 function GuideSection() {
-  const { guideChecked, toggleGuide, t, journey, pick: pick2, lang, startTestAlong, startWalk, testAlongSteps } = useQa();
+  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" }),
@@ -7200,8 +7753,7 @@ function GuideSection() {
         pick: pick2
       },
       g.id
-    )),
-    journey.length === 0 && /* @__PURE__ */ jsx("p", { className: "qa-py-8 qa-text-center qa-text-sm qa-text-slate-400", children: t("tab_guide") })
+    ))
   ] });
 }
 var TABS = [
@@ -8046,7 +8598,7 @@ function WalkHud() {
       )
     ] });
   }
-  const onThisPage = typeof window !== "undefined" && stop.path === window.location.pathname;
+  const onThisPage = stop.path === ANY_PAGE || typeof window !== "undefined" && stop.path === window.location.pathname;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -9144,6 +9696,7 @@ function CaptureMode() {
                         type: "button",
                         onClick: () => selection && void runCapture(selection.rect),
                         className: "qa-tap qa-inline-flex qa-items-center qa-gap-1.5 qa-rounded-md qa-border qa-border-subtle qa-px-2 qa-py-1 qa-text-xs qa-text-mid qa-focus-ring",
+                        style: { background: "transparent", cursor: "pointer" },
                         children: [
                           /* @__PURE__ */ jsx(Icon, { name: "RotateCcw", size: 13 }),
                           t("retry")
@@ -9443,5 +9996,5 @@ function Qapture({ config }) {
 }
 
 export { Qapture, deleteQaDatabase, initQaStudio };
-//# sourceMappingURL=chunk-QBBWY3BF.js.map
-//# sourceMappingURL=chunk-QBBWY3BF.js.map
+//# sourceMappingURL=chunk-NVFFN7SC.js.map
+//# sourceMappingURL=chunk-NVFFN7SC.js.map