qapture2 0.7.8 → 0.7.9

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

@@ -1741,6 +1741,8 @@ var STR = {
     loc_show: "Show captured location",
     loc_hide: "Hide location",
     loc_locate: "Locate on page",
+    loc_other_page: "This one was filed on {path}, not the page you are on.",
+    loc_go_there: "Go to {path}",
     journey_title: "Testing journey",
     journey_generic: "No test plan was set up for this project, so this is a general one that fits any app. Work through it, or ask whoever set up Qapture to add the real journey to qa.config.",
     export_name_title: "Name your export",
@@ -1896,6 +1898,7 @@ var STR = {
     capture_screen: "Whole screen",
     walk_title: "Walkthrough",
     walk_take_me: "Take me to {path}",
+    walk_taking_you: "Taking you there\u2026",
     walk_reload_hint: "Reload the page instead (use this if the app didn't move)",
     walk_note_title: "Point {n}",
     walk_still_broken: "Still broken",
@@ -1946,6 +1949,8 @@ var STR = {
     loc_show: "\u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0645\u064F\u0644\u062A\u0642\u064E\u0637",
     loc_hide: "\u0625\u062E\u0641\u0627\u0621 \u0627\u0644\u0645\u0648\u0642\u0639",
     loc_locate: "\u0625\u0638\u0647\u0627\u0631 \u0639\u0644\u0649 \u0627\u0644\u0635\u0641\u062D\u0629",
+    loc_other_page: "\u0633\u064F\u062C\u0651\u0644\u062A \u0647\u0630\u0647 \u0641\u064A {path}\u060C \u0648\u0644\u064A\u0633\u062A \u0627\u0644\u0635\u0641\u062D\u0629 \u0627\u0644\u062A\u064A \u0623\u0646\u062A \u0641\u064A\u0647\u0627.",
+    loc_go_there: "\u0627\u0630\u0647\u0628 \u0625\u0644\u0649 {path}",
     journey_title: "\u0631\u062D\u0644\u0629 \u0627\u0644\u0627\u062E\u062A\u0628\u0627\u0631",
     journey_generic: "\u0644\u0645 \u064A\u062A\u0645 \u0625\u0639\u062F\u0627\u062F \u062E\u0637\u0629 \u0627\u062E\u062A\u0628\u0627\u0631 \u0644\u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060C \u0644\u0630\u0644\u0643 \u0647\u0630\u0647 \u062E\u0637\u0629 \u0639\u0627\u0645\u0629 \u062A\u0635\u0644\u062D \u0644\u0623\u064A \u062A\u0637\u0628\u064A\u0642. \u0627\u0639\u0645\u0644 \u0628\u0647\u0627\u060C \u0623\u0648 \u0627\u0637\u0644\u0628 \u0645\u0645\u0646 \u062B\u0628\u0651\u062A Qapture \u0623\u0646 \u064A\u0636\u064A\u0641 \u0631\u062D\u0644\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0641\u064A qa.config.",
     export_name_title: "\u0633\u0645\u0650\u0651 \u0645\u0644\u0641 \u0627\u0644\u062A\u0635\u062F\u064A\u0631",
@@ -2101,6 +2106,7 @@ var STR = {
     capture_screen: "\u0627\u0644\u0634\u0627\u0634\u0629 \u0643\u0627\u0645\u0644\u0629",
     walk_title: "\u0627\u0644\u062C\u0648\u0644\u0629",
     walk_take_me: "\u062E\u0630\u0646\u064A \u0625\u0644\u0649 {path}",
+    walk_taking_you: "\u062C\u0627\u0631\u064D \u0646\u0642\u0644\u0643\u2026",
     walk_reload_hint: "\u0623\u0639\u062F \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0635\u0641\u062D\u0629 \u0628\u062F\u0644\u064B\u0627 \u0645\u0646 \u0630\u0644\u0643 (\u0627\u0633\u062A\u062E\u062F\u0645\u0647 \u0625\u0630\u0627 \u0644\u0645 \u064A\u0646\u062A\u0642\u0644 \u0627\u0644\u062A\u0637\u0628\u064A\u0642)",
     walk_note_title: "\u0627\u0644\u0646\u0642\u0637\u0629 {n}",
     walk_still_broken: "\u0645\u0627 \u0632\u0627\u0644 \u0645\u0639\u0637\u0644\u064B\u0627",
@@ -4218,6 +4224,13 @@ var DENSE_NOTES_KEY = "denseNotes";
 var PANEL_OPEN_KEY = "panelOpen";
 var ACTIVE_TAB_KEY = "activeTab";
 var WALK_KEY = "walk";
+var SOFT_NAV_PROOF_MS = 700;
+function pageSignature() {
+  if (typeof document === "undefined" || !document.body) return "";
+  const body = document.body;
+  const text = body.textContent || "";
+  return [document.title, body.childElementCount, text.length, text.slice(0, 200)].join("\0");
+}
 var GUIDE_SKIPPED_KEY = "guideSkipped";
 var NOTICE_QUEUE_CAP = 3;
 var NOTICE_DURATION_INFO = 4e3;
@@ -5254,16 +5267,23 @@ function QaProvider({
   const walkNavigate = React.useCallback((path, hard = false) => {
     if (typeof window === "undefined" || !path) return;
     const target = path.startsWith("/") ? path : `/${path}`;
-    if (hard) {
+    if (hard || target === window.location.pathname) {
       window.location.assign(target);
       return;
     }
+    const before = pageSignature();
     try {
-      window.history.pushState({}, "", target);
-      window.dispatchEvent(new PopStateEvent("popstate"));
+      window.history.pushState(window.history.state, "", target);
+      window.dispatchEvent(new PopStateEvent("popstate", { state: window.history.state }));
     } catch {
       window.location.assign(target);
+      return;
     }
+    window.setTimeout(() => {
+      if (window.location.pathname !== target) return;
+      if (pageSignature() !== before) return;
+      window.location.assign(target);
+    }, SOFT_NAV_PROOF_MS);
   }, []);
   React.useEffect(() => {
     if (typeof window === "undefined") return;
@@ -6146,11 +6166,17 @@ function flashLocate(target) {
     paint(rect);
   }
 }
-function LocationReveal({ target }) {
-  const { t } = useQa();
+function LocationReveal({
+  target,
+  route
+}) {
+  const { t, walkNavigate } = useQa();
   const [open, setOpen] = React.useState(false);
   if (!target) return null;
   const r = target.rect;
+  const notePath = (route || "").split("?")[0].split("#")[0];
+  const here = typeof window === "undefined" ? "" : window.location.pathname;
+  const elsewhere = !!notePath && notePath !== here;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "qa-rounded-lg qa-border qa-border-subtle qa-bg-2", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "qa-flex qa-items-center qa-gap-1.5 qa-px-2 qa-py-1.5 qa-text-11", children: [
       /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "CheckCircle2", size: 14, className: "qa-text-success" }),
@@ -6214,7 +6240,21 @@ function LocationReveal({ target }) {
         "\xD7",
         Math.round(r.height)
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
+      elsewhere ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "qa-mt-1 qa-mb-1 qa-m-0 qa-text-lo", children: t("loc_other_page", { path: notePath }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            onClick: () => walkNavigate(notePath),
+            className: "qa-inline-flex qa-items-center qa-gap-1 qa-rounded-md qa-px-2 qa-py-1 qa-font-medium qa-tap qa-bg-accent",
+            style: { border: "none", cursor: "pointer" },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "MapPinned", size: 12 }),
+              t("loc_go_there", { path: notePath })
+            ]
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           onClick: () => flashLocate(target),
@@ -6932,7 +6972,7 @@ function NoteItem({
               /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "MapPin", size: 12, className: "qa-shrink-0" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "qa-truncate qa-dir-ltr", title: note.url, children: note.route })
             ] }),
-            note.target && /* @__PURE__ */ jsxRuntime.jsx(LocationReveal, { target: note.target }),
+            note.target && /* @__PURE__ */ jsxRuntime.jsx(LocationReveal, { target: note.target, route: note.route }),
             contextEventCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { children: t("context_attached", { n: contextEventCount }) }),
             stepCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "qa-flex qa-items-center qa-gap-1", children: [
               /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "ClipboardList", size: 12, className: "qa-shrink-0" }),
@@ -8676,6 +8716,20 @@ var RISK_COLOR = {
   amber: "var(--qa-warn)",
   green: "var(--qa-success)"
 };
+function useCurrentPath() {
+  const [path, setPath] = React.useState(() => typeof window === "undefined" ? "" : window.location.pathname);
+  React.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const sync = () => setPath(window.location.pathname);
+    window.addEventListener("popstate", sync);
+    window.addEventListener("hashchange", sync);
+    return () => {
+      window.removeEventListener("popstate", sync);
+      window.removeEventListener("hashchange", sync);
+    };
+  }, []);
+  return path;
+}
 function WalkHud() {
   const {
     dir,
@@ -8695,10 +8749,13 @@ function WalkHud() {
     startCapture,
     updateNote,
     retestNote,
-    notes
+    notes,
+    notesLoading
   } = useQa();
   const index = Math.min(walk.index, Math.max(0, walkStops.length - 1));
   const stop = walkStops[index];
+  const currentPath = useCurrentPath();
+  const [going, setGoing] = React.useState(false);
   const backIcon = dir === "rtl" ? "ChevronRight" : "ChevronLeft";
   const nextIcon = dir === "rtl" ? "ChevronLeft" : "ChevronRight";
   React.useEffect(() => {
@@ -8712,8 +8769,9 @@ function WalkHud() {
     if (latest?.target) flashLocate(latest.target);
   }, [index, walk.source]);
   React.useEffect(() => {
+    if (notesLoading) return;
     if (walk.active && walkStops.length === 0) exitWalk();
-  }, [walk.active, walkStops.length, exitWalk]);
+  }, [walk.active, walkStops.length, exitWalk, notesLoading]);
   if (!walk.active || !stop) return null;
   const atLast = index >= walkStops.length - 1;
   let title;
@@ -8874,7 +8932,7 @@ function WalkHud() {
       )
     ] });
   }
-  const onThisPage = stop.path === ANY_PAGE || typeof window !== "undefined" && stop.path === window.location.pathname;
+  const onThisPage = stop.path === ANY_PAGE || stop.path === currentPath;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -8910,12 +8968,24 @@ function WalkHud() {
             "button",
             {
               type: "button",
-              onClick: () => walkNavigate(stop.path),
+              disabled: going,
+              onClick: () => {
+                setGoing(true);
+                walkNavigate(stop.path);
+                window.setTimeout(() => setGoing(false), 900);
+              },
               className: "qa-tap qa-inline-flex qa-flex-1 qa-items-center qa-justify-center qa-gap-1.5 qa-rounded-lg qa-bg-accent qa-px-2 qa-py-1.5 qa-text-11 qa-font-semibold",
-              style: { border: "none", cursor: "pointer" },
+              style: { border: "none", cursor: going ? "default" : "pointer" },
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "MapPinned", size: 13 }),
-                t("walk_take_me", { path: stop.path })
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Icon,
+                  {
+                    name: going ? "Loader2" : "MapPinned",
+                    size: 13,
+                    className: going ? "qa-animate-spin" : void 0
+                  }
+                ),
+                going ? t("walk_taking_you") : t("walk_take_me", { path: stop.path })
               ]
             }
           ),
@@ -10328,5 +10398,5 @@ function Qapture({ config }) {
 exports.Qapture = Qapture;
 exports.deleteQaDatabase = deleteQaDatabase;
 exports.initQaStudio = initQaStudio;
-//# sourceMappingURL=chunk-4LMLW73U.cjs.map
-//# sourceMappingURL=chunk-4LMLW73U.cjs.map
+//# sourceMappingURL=chunk-6UNSUNJS.cjs.map
+//# sourceMappingURL=chunk-6UNSUNJS.cjs.map

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

@@ -1734,6 +1734,8 @@ var STR = {
     loc_show: "Show captured location",
     loc_hide: "Hide location",
     loc_locate: "Locate on page",
+    loc_other_page: "This one was filed on {path}, not the page you are on.",
+    loc_go_there: "Go to {path}",
     journey_title: "Testing journey",
     journey_generic: "No test plan was set up for this project, so this is a general one that fits any app. Work through it, or ask whoever set up Qapture to add the real journey to qa.config.",
     export_name_title: "Name your export",
@@ -1889,6 +1891,7 @@ var STR = {
     capture_screen: "Whole screen",
     walk_title: "Walkthrough",
     walk_take_me: "Take me to {path}",
+    walk_taking_you: "Taking you there\u2026",
     walk_reload_hint: "Reload the page instead (use this if the app didn't move)",
     walk_note_title: "Point {n}",
     walk_still_broken: "Still broken",
@@ -1939,6 +1942,8 @@ var STR = {
     loc_show: "\u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0645\u064F\u0644\u062A\u0642\u064E\u0637",
     loc_hide: "\u0625\u062E\u0641\u0627\u0621 \u0627\u0644\u0645\u0648\u0642\u0639",
     loc_locate: "\u0625\u0638\u0647\u0627\u0631 \u0639\u0644\u0649 \u0627\u0644\u0635\u0641\u062D\u0629",
+    loc_other_page: "\u0633\u064F\u062C\u0651\u0644\u062A \u0647\u0630\u0647 \u0641\u064A {path}\u060C \u0648\u0644\u064A\u0633\u062A \u0627\u0644\u0635\u0641\u062D\u0629 \u0627\u0644\u062A\u064A \u0623\u0646\u062A \u0641\u064A\u0647\u0627.",
+    loc_go_there: "\u0627\u0630\u0647\u0628 \u0625\u0644\u0649 {path}",
     journey_title: "\u0631\u062D\u0644\u0629 \u0627\u0644\u0627\u062E\u062A\u0628\u0627\u0631",
     journey_generic: "\u0644\u0645 \u064A\u062A\u0645 \u0625\u0639\u062F\u0627\u062F \u062E\u0637\u0629 \u0627\u062E\u062A\u0628\u0627\u0631 \u0644\u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060C \u0644\u0630\u0644\u0643 \u0647\u0630\u0647 \u062E\u0637\u0629 \u0639\u0627\u0645\u0629 \u062A\u0635\u0644\u062D \u0644\u0623\u064A \u062A\u0637\u0628\u064A\u0642. \u0627\u0639\u0645\u0644 \u0628\u0647\u0627\u060C \u0623\u0648 \u0627\u0637\u0644\u0628 \u0645\u0645\u0646 \u062B\u0628\u0651\u062A Qapture \u0623\u0646 \u064A\u0636\u064A\u0641 \u0631\u062D\u0644\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0641\u064A qa.config.",
     export_name_title: "\u0633\u0645\u0650\u0651 \u0645\u0644\u0641 \u0627\u0644\u062A\u0635\u062F\u064A\u0631",
@@ -2094,6 +2099,7 @@ var STR = {
     capture_screen: "\u0627\u0644\u0634\u0627\u0634\u0629 \u0643\u0627\u0645\u0644\u0629",
     walk_title: "\u0627\u0644\u062C\u0648\u0644\u0629",
     walk_take_me: "\u062E\u0630\u0646\u064A \u0625\u0644\u0649 {path}",
+    walk_taking_you: "\u062C\u0627\u0631\u064D \u0646\u0642\u0644\u0643\u2026",
     walk_reload_hint: "\u0623\u0639\u062F \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0635\u0641\u062D\u0629 \u0628\u062F\u0644\u064B\u0627 \u0645\u0646 \u0630\u0644\u0643 (\u0627\u0633\u062A\u062E\u062F\u0645\u0647 \u0625\u0630\u0627 \u0644\u0645 \u064A\u0646\u062A\u0642\u0644 \u0627\u0644\u062A\u0637\u0628\u064A\u0642)",
     walk_note_title: "\u0627\u0644\u0646\u0642\u0637\u0629 {n}",
     walk_still_broken: "\u0645\u0627 \u0632\u0627\u0644 \u0645\u0639\u0637\u0644\u064B\u0627",
@@ -4211,6 +4217,13 @@ var DENSE_NOTES_KEY = "denseNotes";
 var PANEL_OPEN_KEY = "panelOpen";
 var ACTIVE_TAB_KEY = "activeTab";
 var WALK_KEY = "walk";
+var SOFT_NAV_PROOF_MS = 700;
+function pageSignature() {
+  if (typeof document === "undefined" || !document.body) return "";
+  const body = document.body;
+  const text = body.textContent || "";
+  return [document.title, body.childElementCount, text.length, text.slice(0, 200)].join("\0");
+}
 var GUIDE_SKIPPED_KEY = "guideSkipped";
 var NOTICE_QUEUE_CAP = 3;
 var NOTICE_DURATION_INFO = 4e3;
@@ -5247,16 +5260,23 @@ function QaProvider({
   const walkNavigate = useCallback((path, hard = false) => {
     if (typeof window === "undefined" || !path) return;
     const target = path.startsWith("/") ? path : `/${path}`;
-    if (hard) {
+    if (hard || target === window.location.pathname) {
       window.location.assign(target);
       return;
     }
+    const before = pageSignature();
     try {
-      window.history.pushState({}, "", target);
-      window.dispatchEvent(new PopStateEvent("popstate"));
+      window.history.pushState(window.history.state, "", target);
+      window.dispatchEvent(new PopStateEvent("popstate", { state: window.history.state }));
     } catch {
       window.location.assign(target);
+      return;
     }
+    window.setTimeout(() => {
+      if (window.location.pathname !== target) return;
+      if (pageSignature() !== before) return;
+      window.location.assign(target);
+    }, SOFT_NAV_PROOF_MS);
   }, []);
   useEffect(() => {
     if (typeof window === "undefined") return;
@@ -6139,11 +6159,17 @@ function flashLocate(target) {
     paint(rect);
   }
 }
-function LocationReveal({ target }) {
-  const { t } = useQa();
+function LocationReveal({
+  target,
+  route
+}) {
+  const { t, walkNavigate } = useQa();
   const [open, setOpen] = useState(false);
   if (!target) return null;
   const r = target.rect;
+  const notePath = (route || "").split("?")[0].split("#")[0];
+  const here = typeof window === "undefined" ? "" : window.location.pathname;
+  const elsewhere = !!notePath && notePath !== here;
   return /* @__PURE__ */ jsxs("div", { className: "qa-rounded-lg qa-border qa-border-subtle qa-bg-2", children: [
     /* @__PURE__ */ jsxs("div", { className: "qa-flex qa-items-center qa-gap-1.5 qa-px-2 qa-py-1.5 qa-text-11", children: [
       /* @__PURE__ */ jsx(Icon, { name: "CheckCircle2", size: 14, className: "qa-text-success" }),
@@ -6207,7 +6233,21 @@ function LocationReveal({ target }) {
         "\xD7",
         Math.round(r.height)
       ] }),
-      /* @__PURE__ */ jsxs(
+      elsewhere ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: "qa-mt-1 qa-mb-1 qa-m-0 qa-text-lo", children: t("loc_other_page", { path: notePath }) }),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => walkNavigate(notePath),
+            className: "qa-inline-flex qa-items-center qa-gap-1 qa-rounded-md qa-px-2 qa-py-1 qa-font-medium qa-tap qa-bg-accent",
+            style: { border: "none", cursor: "pointer" },
+            children: [
+              /* @__PURE__ */ jsx(Icon, { name: "MapPinned", size: 12 }),
+              t("loc_go_there", { path: notePath })
+            ]
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxs(
         "button",
         {
           onClick: () => flashLocate(target),
@@ -6925,7 +6965,7 @@ function NoteItem({
               /* @__PURE__ */ jsx(Icon, { name: "MapPin", size: 12, className: "qa-shrink-0" }),
               /* @__PURE__ */ jsx("span", { className: "qa-truncate qa-dir-ltr", title: note.url, children: note.route })
             ] }),
-            note.target && /* @__PURE__ */ jsx(LocationReveal, { target: note.target }),
+            note.target && /* @__PURE__ */ jsx(LocationReveal, { target: note.target, route: note.route }),
             contextEventCount > 0 && /* @__PURE__ */ jsx("div", { children: t("context_attached", { n: contextEventCount }) }),
             stepCount > 0 && /* @__PURE__ */ jsxs("div", { className: "qa-flex qa-items-center qa-gap-1", children: [
               /* @__PURE__ */ jsx(Icon, { name: "ClipboardList", size: 12, className: "qa-shrink-0" }),
@@ -8669,6 +8709,20 @@ var RISK_COLOR = {
   amber: "var(--qa-warn)",
   green: "var(--qa-success)"
 };
+function useCurrentPath() {
+  const [path, setPath] = useState(() => typeof window === "undefined" ? "" : window.location.pathname);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const sync = () => setPath(window.location.pathname);
+    window.addEventListener("popstate", sync);
+    window.addEventListener("hashchange", sync);
+    return () => {
+      window.removeEventListener("popstate", sync);
+      window.removeEventListener("hashchange", sync);
+    };
+  }, []);
+  return path;
+}
 function WalkHud() {
   const {
     dir,
@@ -8688,10 +8742,13 @@ function WalkHud() {
     startCapture,
     updateNote,
     retestNote,
-    notes
+    notes,
+    notesLoading
   } = useQa();
   const index = Math.min(walk.index, Math.max(0, walkStops.length - 1));
   const stop = walkStops[index];
+  const currentPath = useCurrentPath();
+  const [going, setGoing] = useState(false);
   const backIcon = dir === "rtl" ? "ChevronRight" : "ChevronLeft";
   const nextIcon = dir === "rtl" ? "ChevronLeft" : "ChevronRight";
   useEffect(() => {
@@ -8705,8 +8762,9 @@ function WalkHud() {
     if (latest?.target) flashLocate(latest.target);
   }, [index, walk.source]);
   useEffect(() => {
+    if (notesLoading) return;
     if (walk.active && walkStops.length === 0) exitWalk();
-  }, [walk.active, walkStops.length, exitWalk]);
+  }, [walk.active, walkStops.length, exitWalk, notesLoading]);
   if (!walk.active || !stop) return null;
   const atLast = index >= walkStops.length - 1;
   let title;
@@ -8867,7 +8925,7 @@ function WalkHud() {
       )
     ] });
   }
-  const onThisPage = stop.path === ANY_PAGE || typeof window !== "undefined" && stop.path === window.location.pathname;
+  const onThisPage = stop.path === ANY_PAGE || stop.path === currentPath;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -8903,12 +8961,24 @@ function WalkHud() {
             "button",
             {
               type: "button",
-              onClick: () => walkNavigate(stop.path),
+              disabled: going,
+              onClick: () => {
+                setGoing(true);
+                walkNavigate(stop.path);
+                window.setTimeout(() => setGoing(false), 900);
+              },
               className: "qa-tap qa-inline-flex qa-flex-1 qa-items-center qa-justify-center qa-gap-1.5 qa-rounded-lg qa-bg-accent qa-px-2 qa-py-1.5 qa-text-11 qa-font-semibold",
-              style: { border: "none", cursor: "pointer" },
+              style: { border: "none", cursor: going ? "default" : "pointer" },
               children: [
-                /* @__PURE__ */ jsx(Icon, { name: "MapPinned", size: 13 }),
-                t("walk_take_me", { path: stop.path })
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    name: going ? "Loader2" : "MapPinned",
+                    size: 13,
+                    className: going ? "qa-animate-spin" : void 0
+                  }
+                ),
+                going ? t("walk_taking_you") : t("walk_take_me", { path: stop.path })
               ]
             }
           ),
@@ -10319,5 +10389,5 @@ function Qapture({ config }) {
 }
 
 export { Qapture, deleteQaDatabase, initQaStudio };
-//# sourceMappingURL=chunk-2JX7YU2P.js.map
-//# sourceMappingURL=chunk-2JX7YU2P.js.map
+//# sourceMappingURL=chunk-G6O4SIEH.js.map
+//# sourceMappingURL=chunk-G6O4SIEH.js.map

package/dist/index.cjs

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

package/dist/index.js

@@ -1,3 +1,3 @@
-export { Qapture as QaStudio, Qapture, deleteQaDatabase, initQaStudio } from './chunk-2JX7YU2P.js';
+export { Qapture as QaStudio, Qapture, deleteQaDatabase, initQaStudio } from './chunk-G6O4SIEH.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/next.cjs

@@ -1,21 +1,21 @@
 "use client";
 'use strict';
 
-var chunk4LMLW73U_cjs = require('./chunk-4LMLW73U.cjs');
+var chunk6UNSUNJS_cjs = require('./chunk-6UNSUNJS.cjs');
 
 
 
 Object.defineProperty(exports, "QaStudio", {
   enumerable: true,
-  get: function () { return chunk4LMLW73U_cjs.Qapture; }
+  get: function () { return chunk6UNSUNJS_cjs.Qapture; }
 });
 Object.defineProperty(exports, "Qapture", {
   enumerable: true,
-  get: function () { return chunk4LMLW73U_cjs.Qapture; }
+  get: function () { return chunk6UNSUNJS_cjs.Qapture; }
 });
 Object.defineProperty(exports, "initQaStudio", {
   enumerable: true,
-  get: function () { return chunk4LMLW73U_cjs.initQaStudio; }
+  get: function () { return chunk6UNSUNJS_cjs.initQaStudio; }
 });
 //# sourceMappingURL=next.cjs.map
 //# sourceMappingURL=next.cjs.map

package/dist/next.js

@@ -1,4 +1,4 @@
 "use client";
-export { Qapture as QaStudio, Qapture, initQaStudio } from './chunk-2JX7YU2P.js';
+export { Qapture as QaStudio, Qapture, initQaStudio } from './chunk-G6O4SIEH.js';
 //# sourceMappingURL=next.js.map
 //# sourceMappingURL=next.js.map

package/dist/standalone.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk4LMLW73U_cjs = require('./chunk-4LMLW73U.cjs');
+var chunk6UNSUNJS_cjs = require('./chunk-6UNSUNJS.cjs');
 
 // src/standalone.ts
 if (typeof window !== "undefined" && typeof customElements !== "undefined" && !customElements.get("qapture-widget")) {
@@ -38,7 +38,7 @@ if (typeof window !== "undefined" && typeof customElements !== "undefined" && !c
 
 Object.defineProperty(exports, "initQaStudio", {
   enumerable: true,
-  get: function () { return chunk4LMLW73U_cjs.initQaStudio; }
+  get: function () { return chunk6UNSUNJS_cjs.initQaStudio; }
 });
 //# sourceMappingURL=standalone.cjs.map
 //# sourceMappingURL=standalone.cjs.map

package/dist/standalone.js

@@ -1,4 +1,4 @@
-export { initQaStudio } from './chunk-2JX7YU2P.js';
+export { initQaStudio } from './chunk-G6O4SIEH.js';
 
 // src/standalone.ts
 if (typeof window !== "undefined" && typeof customElements !== "undefined" && !customElements.get("qapture-widget")) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qapture2",
-  "version": "0.7.8",
+  "version": "0.7.9",
   "description": "Drop-in, AI-aware in-browser QA capture widget. A tester annotates the live app (element/region + auto-screenshot + note), tracks a graded testing journey, and exports a ZIP your own coding agent reads. Ships zero AI.",
   "type": "module",
   "license": "MIT",
@@ -96,7 +96,8 @@
     "walk-test": "node scripts/walk-test.mjs",
     "modern-css-test": "node scripts/modern-css-test.mjs",
     "verify": "npm run typecheck && npm run typecheck:bin && npm run build && npm run smoke && npm run export-smoke && npm run cli-smoke && npm run cli-detectors-smoke && npm run selector-smoke && npm run capture-timeout-smoke && npm run fs-sync-smoke && npm run frame-calibration-smoke && npm run standalone-smoke",
-    "play": "npm --prefix playground run dev"
+    "play": "npm --prefix playground run dev",
+    "walk-navigation-test": "node scripts/walk-navigation-test.mjs"
   },
   "engines": {
     "node": ">=18"