@abbox/inspector 0.4.12 → 0.4.13

package/dist/host/client-bridge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client-bridge.d.ts","sourceRoot":"","sources":["../../src/host/client-bridge.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,kBAAkB,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;AAEF,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,sBAAsB,GAC9B,eAAe,CAyEjB"}
+{"version":3,"file":"client-bridge.d.ts","sourceRoot":"","sources":["../../src/host/client-bridge.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,kBAAkB,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;AAEF,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,sBAAsB,GAC9B,eAAe,CA4EjB"}

package/dist/host/client-bridge.js

@@ -41,6 +41,9 @@ export function createInspectorClient(options) {
         onChangeMarkerSelected: (changeId) => {
             send({ ...base(), type: "CHANGE_MARKER_SELECTED", changeId });
         },
+        onRouteChange: (path) => {
+            send({ ...base(), type: "ROUTE_CHANGED", path });
+        },
     });
     const onMessage = (event) => {
         const msg = validateIncomingMessage(event.data, event.origin, {

package/dist/host/host-bridge.d.ts

@@ -19,6 +19,7 @@ export type InspectorHostHandlers = {
     onSelect?: (payload: SelectPayload) => void;
     onCleared?: () => void;
     onChangeMarkerSelected?: (changeId: string) => void;
+    onRouteChange?: (path: string) => void;
     onError?: (code: string, message: string) => void;
 };
 export type InspectorHost = {

package/dist/host/host-bridge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"host-bridge.d.ts","sourceRoot":"","sources":["../../src/host/host-bridge.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,mBAAmB,EAGzB,MAAM,gBAAgB,CAAC;AAIxB,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,aAAa,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;CACvC,CAAC;AAEF,KAAK,YAAY,GAAG,OAAO,CACzB,mBAAmB,EACnB;IAAE,IAAI,EAAE,iBAAiB,CAAA;CAAE,CAC5B,CAAC,SAAS,CAAC,CAAC;AACb,KAAK,aAAa,GAAG,OAAO,CAC1B,mBAAmB,EACnB;IAAE,IAAI,EAAE,kBAAkB,CAAA;CAAE,CAC7B,CAAC,SAAS,CAAC,CAAC;AAEb,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,kBAAkB,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IACtD,0EAA0E;IAC1E,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,oBAAoB,EAC7B,QAAQ,EAAE,qBAAqB,GAC9B,aAAa,CA+Df"}
+{"version":3,"file":"host-bridge.d.ts","sourceRoot":"","sources":["../../src/host/host-bridge.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,mBAAmB,EAGzB,MAAM,gBAAgB,CAAC;AAIxB,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,aAAa,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;CACvC,CAAC;AAEF,KAAK,YAAY,GAAG,OAAO,CACzB,mBAAmB,EACnB;IAAE,IAAI,EAAE,iBAAiB,CAAA;CAAE,CAC5B,CAAC,SAAS,CAAC,CAAC;AACb,KAAK,aAAa,GAAG,OAAO,CAC1B,mBAAmB,EACnB;IAAE,IAAI,EAAE,kBAAkB,CAAA;CAAE,CAC7B,CAAC,SAAS,CAAC,CAAC;AAEb,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,kBAAkB,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IACtD,0EAA0E;IAC1E,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,oBAAoB,EAC7B,QAAQ,EAAE,qBAAqB,GAC9B,aAAa,CAkEf"}

package/dist/host/host-bridge.js

@@ -35,6 +35,9 @@ export function createInspectorHost(options, handlers) {
         if (msg.type === "CHANGE_MARKER_SELECTED") {
             handlers.onChangeMarkerSelected?.(msg.changeId);
         }
+        if (msg.type === "ROUTE_CHANGED") {
+            handlers.onRouteChange?.(msg.path);
+        }
         if (msg.type === "INSPECTOR_ERROR") {
             handlers.onError?.(msg.code, msg.message);
         }

package/dist/protocol.d.ts

@@ -109,12 +109,17 @@ export type ChangeMarkerSelectedMessage = InspectorMessageBase & {
     type: "CHANGE_MARKER_SELECTED";
     changeId: string;
 };
+/** The preview navigated (client-side or full load) to a new path. */
+export type RouteChangedMessage = InspectorMessageBase & {
+    type: "ROUTE_CHANGED";
+    path: string;
+};
 export type ApplyChangeMarkersMessage = InspectorMessageBase & {
     type: "APPLY_CHANGE_MARKERS";
     markers: ChangeMarker[];
 };
 export type HostToClientMessage = InspectorEnableMessage | InspectorDisableMessage | InspectorHostHelloMessage | ApplyChangeMarkersMessage;
-export type ClientToHostMessage = InspectorReadyMessage | ElementHoveredMessage | ElementSelectedMessage | ElementClearedMessage | ChangeMarkerSelectedMessage | InspectorErrorMessage;
+export type ClientToHostMessage = InspectorReadyMessage | ElementHoveredMessage | ElementSelectedMessage | ElementClearedMessage | ChangeMarkerSelectedMessage | RouteChangedMessage | InspectorErrorMessage;
 export type InspectorMessage = HostToClientMessage | ClientToHostMessage;
 export declare function isInspectorMessage(value: unknown): value is InspectorMessage;
 //# sourceMappingURL=protocol.d.ts.map

package/dist/protocol.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"protocol.d.ts","sourceRoot":"","sources":["../src/protocol.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"protocol.d.ts","sourceRoot":"","sources":["../src/protocol.ts"],"names":[],"mappings":"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"}

package/dist/runtime/bootstrap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bootstrap.d.ts","sourceRoot":"","sources":["../../src/runtime/bootstrap.ts"],"names":[],"mappings":"AAuCA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACzD,CAAC;AA8CF;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,GAAE,gBAAqB,GAC7B,IAAI,CAiDN;AAED,4CAA4C;AAC5C,wBAAgB,+BAA+B,IAAI,IAAI,CAMtD"}
+{"version":3,"file":"bootstrap.d.ts","sourceRoot":"","sources":["../../src/runtime/bootstrap.ts"],"names":[],"mappings":"AAuCA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACzD,CAAC;AA8CF;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,GAAE,gBAAqB,GAC7B,IAAI,CAkDN;AAED,4CAA4C;AAC5C,wBAAgB,+BAA+B,IAAI,IAAI,CAMtD"}

package/dist/runtime/bootstrap.js

@@ -75,9 +75,10 @@ export function bootstrapInspectorPreview(options = {}) {
     // In Next.js 13+ RSC, window.location.search may be empty. Fallback to passed searchParams.
     let params;
     if (options.searchParams) {
-        params = options.searchParams instanceof URLSearchParams
-            ? options.searchParams
-            : new URLSearchParams(options.searchParams);
+        params =
+            options.searchParams instanceof URLSearchParams
+                ? options.searchParams
+                : new URLSearchParams(options.searchParams);
     }
     else {
         params = new URLSearchParams(win.location.search);

package/dist/runtime/inspector.d.ts

@@ -6,6 +6,7 @@ export type InspectorRuntimeOptions = {
     onSelect?: (payload: ElementHoverPayload) => void;
     onClear?: () => void;
     onChangeMarkerSelected?: (changeId: string) => void;
+    onRouteChange?: (path: string) => void;
 };
 export type InspectorRuntime = {
     enable: () => void;

package/dist/runtime/inspector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inspector.d.ts","sourceRoot":"","sources":["../../src/runtime/inspector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAkBxE,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,OAAO,CAAC;IACzB,gBAAgB,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IACpD,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,uBAAuB,GAC/B,gBAAgB,CAuPlB"}
+{"version":3,"file":"inspector.d.ts","sourceRoot":"","sources":["../../src/runtime/inspector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAyCxE,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,OAAO,CAAC;IACzB,gBAAgB,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IACpD,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,uBAAuB,GAC/B,gBAAgB,CAkTlB"}

package/dist/runtime/inspector.js

@@ -1,6 +1,23 @@
 import { runtimeElementRefFor } from "./element-ref.js";
 import { extractMetadata, findSourceLocation, sourceKeyFor, sourceMappingStatus, } from "./metadata.js";
 import { createOverlay, hideHighlight, hideSelectedHighlight, positionHighlight, positionSelectedHighlight, rectForElement, renderChangeMarkers, } from "./overlay.js";
+const SOURCE_LINE_TOLERANCE = 2;
+function parseSourceKey(raw) {
+    const m = raw ? /^(.*?):(\d+)(?::\d+)?$/.exec(raw) : null;
+    return m?.[1] ? { file: m[1], line: Number(m[2]) } : null;
+}
+function sameFile(a, b) {
+    return a === b || a.endsWith(`/${b}`) || b.endsWith(`/${a}`);
+}
+const SWALLOWED_EVENTS = [
+    "pointerup",
+    "mousedown",
+    "mouseup",
+    "click",
+    "dblclick",
+    "auxclick",
+    "contextmenu",
+];
 export function createInspectorRuntime(options) {
     const { document: doc, window: win } = options;
     const overlay = createOverlay(doc);
@@ -16,6 +33,22 @@ export function createInspectorRuntime(options) {
         win.removeEventListener("mousemove", onMove, true);
         win.removeEventListener("pointerdown", onPointerDownCapture, true);
         doc.removeEventListener("mouseout", onLeave, true);
+        for (const type of SWALLOWED_EVENTS) {
+            win.removeEventListener(type, swallowAppInteraction, true);
+        }
+    };
+    const isChangeMarker = (target) => target instanceof Element &&
+        target.closest("[data-abbox-change-marker]") !== null;
+    /**
+     * While inspecting, a click only selects. Cancelling pointerdown alone does
+     * not stop the mousedown/mouseup/click that follow, so the app would still
+     * react (navigate, submit, open modals).
+     */
+    const swallowAppInteraction = (event) => {
+        if (!enabled || isChangeMarker(event.target))
+            return;
+        event.preventDefault();
+        event.stopImmediatePropagation();
     };
     /** No mousemove fires once the pointer leaves the iframe, so clear hover here. */
     const onLeave = (event) => {
@@ -50,13 +83,12 @@ export function createInspectorRuntime(options) {
     const onPointerDownCapture = (event) => {
         if (!enabled)
             return;
-        if (event.button !== 0)
-            return;
-        if (event.target instanceof Element &&
-            event.target.closest("[data-abbox-change-marker]"))
+        if (isChangeMarker(event.target))
             return;
         event.preventDefault();
-        event.stopPropagation();
+        event.stopImmediatePropagation();
+        if (event.button !== 0)
+            return;
         const target = deepestElementAt(doc, event.clientX, event.clientY, event.target);
         if (!target || !doc.body.contains(target))
             return;
@@ -100,49 +132,114 @@ export function createInspectorRuntime(options) {
         positionHighlight(overlay.highlight, rectForElement(el));
         options.onSelect?.(payloadFor(el));
     }
-    function resolveMarkerElements(next) {
+    const onCurrentRoute = (marker) => !marker.route ||
+        win.location.pathname.replace(/\/$/, "") ===
+            marker.route.replace(/\/$/, "");
+    function resolveMarkerElement(marker) {
         const isRendered = (node) => {
             const rect = node.getBoundingClientRect();
             return node.isConnected && rect.width > 0 && rect.height > 0;
         };
+        const target = parseSourceKey(marker.sourceKeyPrefix);
+        const byLine = new Map();
+        if (target) {
+            for (const node of Array.from(doc.querySelectorAll("[data-abbox-src]"))) {
+                const src = parseSourceKey(node.getAttribute("data-abbox-src"));
+                if (!src || !sameFile(src.file, target.file))
+                    continue;
+                const distance = Math.abs(src.line - target.line);
+                if (distance > SOURCE_LINE_TOLERANCE || !isRendered(node))
+                    continue;
+                byLine.set(distance, [...(byLine.get(distance) ?? []), node]);
+            }
+        }
+        const nearestDistance = Math.min(...byLine.keys());
+        const sourceCandidates = byLine.get(nearestDistance) ?? [];
+        const hint = marker.textHint?.trim();
+        const hasHint = (node) => node.textContent?.trim() === hint;
+        const sourceTextCandidates = hint ? sourceCandidates.filter(hasHint) : [];
+        const textCandidates = hint
+            ? Array.from(doc.querySelectorAll("body *")).filter((node) => node.children.length === 0 &&
+                isRendered(node) &&
+                hasHint(node) &&
+                !node.closest("[data-abbox-inspector]"))
+            : [];
+        if (sourceTextCandidates.length === 1)
+            return sourceTextCandidates[0] ?? null;
+        if (sourceCandidates.length === 1)
+            return sourceCandidates[0] ?? null;
+        if (textCandidates.length === 1)
+            return textCandidates[0] ?? null;
+        return null;
+    }
+    function resolveMarkerElements(next) {
         for (const marker of next) {
-            if (marker.route &&
-                win.location.pathname.replace(/\/$/, "") !==
-                    marker.route.replace(/\/$/, ""))
+            const cached = refIdToElement.get(marker.elementRefId);
+            if (cached?.isConnected && onCurrentRoute(marker))
                 continue;
-            if (refIdToElement.has(marker.elementRefId))
+            refIdToElement.delete(marker.elementRefId);
+            if (!onCurrentRoute(marker))
                 continue;
-            const sourceKey = marker.sourceKeyPrefix
-                ? `${marker.sourceKeyPrefix}:`
-                : null;
-            const sourceCandidates = sourceKey
-                ? Array.from(doc.querySelectorAll("[data-abbox-src]")).filter((node) => {
-                    const raw = node.getAttribute("data-abbox-src") ?? "";
-                    return (isRendered(node) &&
-                        (raw.startsWith(sourceKey) || raw.endsWith(`/${sourceKey}`)));
-                })
-                : [];
-            const hint = marker.textHint?.trim();
-            const textCandidates = hint
-                ? Array.from(doc.querySelectorAll("body *")).filter((node) => node.children.length === 0 &&
-                    isRendered(node) &&
-                    node.textContent?.trim() === hint &&
-                    !node.closest("[data-abbox-inspector]"))
-                : [];
-            const sourceTextCandidates = hint
-                ? sourceCandidates.filter((node) => node.textContent?.trim() === hint)
-                : [];
-            const match = sourceTextCandidates.length === 1
-                ? sourceTextCandidates[0]
-                : textCandidates.length === 1
-                    ? textCandidates[0]
-                    : !hint && sourceCandidates.length === 1
-                        ? sourceCandidates[0]
-                        : null;
+            const match = resolveMarkerElement(marker);
             if (match)
                 refIdToElement.set(marker.elementRefId, match);
         }
     }
+    /** Selects the element of the change the host focused, once it renders. */
+    function focusPulsedMarker() {
+        const focused = markers.find((marker) => marker.pulse && refIdToElement.has(marker.elementRefId));
+        if (!focused) {
+            if (!markers.some((marker) => marker.pulse))
+                focusedMarkerId = null;
+            return;
+        }
+        if (focused.elementRefId === focusedMarkerId)
+            return;
+        focusedMarkerId = focused.elementRefId;
+        const el = refIdToElement.get(focused.elementRefId);
+        if (!el)
+            return;
+        el.scrollIntoView?.({ block: "center", inline: "nearest" });
+        select(el);
+    }
+    function refreshMarkers() {
+        resolveMarkerElements(markers);
+        focusPulsedMarker();
+        renderChangeMarkers(overlay.markerLayer, markers, (id) => refIdToElement.get(id) ?? null, options.onChangeMarkerSelected);
+        if (selected?.isConnected) {
+            positionSelectedHighlight(overlay.selectedHighlight, rectForElement(selected));
+        }
+    }
+    let lastPath = win.location.pathname;
+    let refreshFrame = 0;
+    /** SPA navigation and async data swap the DOM after markers arrive. */
+    const scheduleRefresh = () => {
+        if (refreshFrame)
+            return;
+        refreshFrame = win.requestAnimationFrame(() => {
+            refreshFrame = 0;
+            if (win.location.pathname !== lastPath) {
+                lastPath = win.location.pathname;
+                options.onRouteChange?.(lastPath);
+            }
+            if (markers.length)
+                refreshMarkers();
+        });
+    };
+    const observer = typeof MutationObserver === "undefined"
+        ? null
+        : new MutationObserver((records) => {
+            const ownChange = records.every((record) => record.target instanceof Element &&
+                record.target.closest("[data-abbox-inspector]") !== null);
+            if (!ownChange)
+                scheduleRefresh();
+        });
+    observer?.observe(doc.body, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+    win.addEventListener("popstate", scheduleRefresh);
     function clearSelection() {
         hovered = null;
         selected = null;
@@ -160,6 +257,9 @@ export function createInspectorRuntime(options) {
             win.addEventListener("mousemove", onMove, true);
             win.addEventListener("pointerdown", onPointerDownCapture, true);
             doc.addEventListener("mouseout", onLeave, true);
+            for (const type of SWALLOWED_EVENTS) {
+                win.addEventListener(type, swallowAppInteraction, true);
+            }
         },
         disable: () => {
             if (!enabled)
@@ -176,25 +276,7 @@ export function createInspectorRuntime(options) {
             markers = next;
             for (const marker of next)
                 refIdToElement.delete(marker.elementRefId);
-            resolveMarkerElements(next);
-            const focused = next.find((marker) => marker.pulse && refIdToElement.has(marker.elementRefId));
-            if (focused && focused.elementRefId !== focusedMarkerId) {
-                refIdToElement
-                    .get(focused.elementRefId)
-                    ?.scrollIntoView?.({ block: "center", inline: "nearest" });
-            }
-            focusedMarkerId = focused?.elementRefId ?? null;
-            const unresolved = next.filter((marker) => (!marker.route ||
-                marker.route.replace(/\/$/, "") ===
-                    win.location.pathname.replace(/\/$/, "")) &&
-                !refIdToElement.has(marker.elementRefId));
-            if (unresolved.length) {
-                console.warn("[abbox-inspector] change markers could not be matched to rendered elements", {
-                    route: win.location.pathname,
-                    changeIds: unresolved.map((marker) => marker.elementRefId),
-                });
-            }
-            renderChangeMarkers(overlay.markerLayer, markers, (id) => refIdToElement.get(id) ?? null, options.onChangeMarkerSelected);
+            refreshMarkers();
         },
         getElementByRefId: (id) => refIdToElement.get(id) ?? null,
         destroy: () => {
@@ -204,6 +286,10 @@ export function createInspectorRuntime(options) {
             }
             win.removeEventListener("scroll", onScrollOrResize, true);
             win.removeEventListener("resize", onScrollOrResize);
+            win.removeEventListener("popstate", scheduleRefresh);
+            observer?.disconnect();
+            if (refreshFrame)
+                win.cancelAnimationFrame(refreshFrame);
             hovered = null;
             hideHighlight(overlay.highlight);
             overlay.destroy();

package/dist/runtime/metadata.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"metadata.d.ts","sourceRoot":"","sources":["../../src/runtime/metadata.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,eAAe,EAEf,cAAc,EACd,mBAAmB,EACpB,MAAM,gBAAgB,CAAC;AAYxB,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,OAAO,GAAG,cAAc,GAAG,IAAI,CAarE;AAED,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,cAAc,GAAG,IAAI,GAC5B,mBAAmB,CAGrB;AAED,wBAAgB,eAAe,CAAC,EAAE,EAAE,OAAO,GAAG,eAAe,CAkC5D;AAyFD,wBAAgB,YAAY,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAGzE"}
+{"version":3,"file":"metadata.d.ts","sourceRoot":"","sources":["../../src/runtime/metadata.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,eAAe,EAEf,cAAc,EACd,mBAAmB,EACpB,MAAM,gBAAgB,CAAC;AAYxB,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,OAAO,GAAG,cAAc,GAAG,IAAI,CAarE;AAED,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,cAAc,GAAG,IAAI,GAC5B,mBAAmB,CAGrB;AAED,wBAAgB,eAAe,CAAC,EAAE,EAAE,OAAO,GAAG,eAAe,CAkC5D;AA2FD,wBAAgB,YAAY,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAGzE"}

package/dist/runtime/metadata.js

@@ -93,7 +93,9 @@ function nearbyFieldStates(el) {
     if (controls.length === 0)
         return undefined;
     return controls.map((control) => {
-        const type = control instanceof HTMLInputElement ? control.type : control.getAttribute("type");
+        const type = control instanceof HTMLInputElement
+            ? control.type
+            : control.getAttribute("type");
         const checkable = control instanceof HTMLInputElement &&
             (control.type === "checkbox" || control.type === "radio");
         return {

package/dist/runtime/overlay.js

@@ -115,7 +115,7 @@ export function renderChangeMarkers(layer, markers, resolveElement, onSelect) {
                 background: marker.kind === "change-added"
                     ? "#22c55e"
                     : marker.kind === "change-modified"
-                        ? "#eab308"
+                        ? "#f97316"
                         : marker.kind === "mock"
                             ? "#f59e0b"
                             : "#ef4444",
@@ -140,8 +140,8 @@ export function renderChangeMarkers(layer, markers, resolveElement, onSelect) {
             : "0 0 0 1px rgba(0,0,0,0.2)";
         if (marker.pulse)
             ensurePulseStyle(layer.ownerDocument);
-        dot.style.left = `${rect.x + rect.width - 8}px`;
-        dot.style.top = `${rect.top - 4}px`;
+        dot.style.left = `${rect.x - 6}px`;
+        dot.style.top = `${rect.top - 6}px`;
     }
 }
 function ensurePulseStyle(doc) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abbox/inspector",
-  "version": "0.4.12",
+  "version": "0.4.13",
   "publishConfig": {
     "access": "public"
   },