@abbox/inspector 0.4.11 → 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,CA2FjB"}
+{"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

@@ -9,26 +9,8 @@ export function createInspectorClient(options) {
     const send = (message) => {
         if (!win.parent || win.parent === win)
             return;
-        let sent = false;
-        // Try each allowed origin
         for (const targetOrigin of allowedOrigins) {
-            try {
-                win.parent.postMessage(message, targetOrigin);
-                sent = true;
-                break;
-            }
-            catch (err) {
-                // Try next origin
-            }
-        }
-        // If all allowed origins failed, try wildcard
-        if (!sent) {
-            try {
-                win.parent.postMessage(message, "*");
-            }
-            catch (err) {
-                // Give up silently
-            }
+            win.parent.postMessage(message, targetOrigin);
         }
     };
     const base = () => ({
@@ -59,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/host/validate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validate.d.ts","sourceRoot":"","sources":["../../src/host/validate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAsB,MAAM,gBAAgB,CAAC;AAE3E,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,SAAS,MAAM,EAAE,CAAC;CACnC,CAAC;AAEF,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,OAAO,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,eAAe,GACvB,gBAAgB,GAAG,IAAI,CAKzB;AAED,wBAAgB,YAAY,CAC1B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,gBAAgB,EACzB,YAAY,EAAE,MAAM,GACnB,IAAI,CA6BN"}
+{"version":3,"file":"validate.d.ts","sourceRoot":"","sources":["../../src/host/validate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAsB,MAAM,gBAAgB,CAAC;AAE3E,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,SAAS,MAAM,EAAE,CAAC;CACnC,CAAC;AAEF,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,OAAO,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,eAAe,GACvB,gBAAgB,GAAG,IAAI,CAKzB;AAED,wBAAgB,YAAY,CAC1B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,gBAAgB,EACzB,YAAY,EAAE,MAAM,GACnB,IAAI,CAEN"}

package/dist/host/validate.js

@@ -9,32 +9,5 @@ export function validateIncomingMessage(data, origin, options) {
     return data;
 }
 export function postToTarget(target, message, targetOrigin) {
-    // Try primary origin first
-    try {
-        target.postMessage(message, targetOrigin);
-        return;
-    }
-    catch {
-        // Silently fail and try fallback
-    }
-    // Try localhost/127.0.0.1 variant
-    const variant = targetOrigin
-        .replace("://localhost", "://127.0.0.1")
-        .replace("://127.0.0.1", "://localhost");
-    if (variant !== targetOrigin) {
-        try {
-            target.postMessage(message, variant);
-            return;
-        }
-        catch {
-            // Silently fail and try wildcard
-        }
-    }
-    // Last resort: wildcard (bypasses origin check)
-    try {
-        target.postMessage(message, "*");
-    }
-    catch {
-        // Give up silently
-    }
+    target.postMessage(message, targetOrigin);
 }

package/dist/protocol.d.ts

@@ -47,6 +47,21 @@ export type ElementMetadata = {
     /** Native disabled state when the element supports it (e.g. button, input). */
     disabled: boolean | null;
     attributes: Record<string, string>;
+    /**
+     * Live state of form controls near the element (its form, or the nearest
+     * container with controls). Values are never included, only whether filled.
+     */
+    nearbyFields?: NearbyFieldState[];
+};
+export type NearbyFieldState = {
+    tagName: string;
+    type: string | null;
+    label: string | null;
+    placeholder: string | null;
+    required: boolean;
+    disabled: boolean;
+    state: "empty" | "filled" | "checked" | "unchecked";
+    isSelected: boolean;
 };
 export type RuntimeElementRef = {
     /** Stable within a preview session for a given DOM node identity. */
@@ -94,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,CA0OlB"}
+{"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);
@@ -15,6 +32,35 @@ export function createInspectorRuntime(options) {
     const teardownListeners = () => {
         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) => {
+        if (event.relatedTarget)
+            return;
+        if (raf) {
+            win.cancelAnimationFrame(raf);
+            raf = 0;
+        }
+        pendingTarget = null;
+        hovered = null;
+        hideHighlight(overlay.highlight);
     };
     const onMove = (event) => {
         if (!enabled)
@@ -37,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;
@@ -81,56 +126,120 @@ export function createInspectorRuntime(options) {
         options.onHover?.(payloadFor(el));
     }
     function select(el) {
-        console.log("[inspector] element selected", el.tagName);
         selected = el;
         hovered = el;
         positionSelectedHighlight(overlay.selectedHighlight, rectForElement(el));
         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;
@@ -147,6 +256,10 @@ export function createInspectorRuntime(options) {
             enabled = true;
             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)
@@ -163,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: () => {
@@ -191,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,EACf,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,CAiC5D;AA+BD,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

@@ -60,8 +60,62 @@ export function extractMetadata(el) {
         textPreview,
         disabled: readDisabledState(el),
         attributes,
+        nearbyFields: nearbyFieldStates(el),
     };
 }
+const FIELD_SELECTOR = "input:not([type=hidden]), textarea, select";
+const MAX_CONTAINER_HOPS = 4;
+const MAX_NEARBY_FIELDS = 15;
+function fieldContainer(el) {
+    const form = el.closest("form");
+    if (form)
+        return form;
+    let node = el.parentElement;
+    for (let hop = 0; node && hop < MAX_CONTAINER_HOPS; hop++) {
+        if (node.querySelector(FIELD_SELECTOR))
+            return node;
+        node = node.parentElement;
+    }
+    return null;
+}
+function fieldLabel(control) {
+    const text = control.getAttribute("aria-label") ??
+        control.labels?.[0]?.textContent ??
+        null;
+    return text?.trim().slice(0, 80) || null;
+}
+/** Field emptiness only; typed values never leave the preview. */
+function nearbyFieldStates(el) {
+    const container = fieldContainer(el);
+    if (!container)
+        return undefined;
+    const controls = Array.from(container.querySelectorAll(FIELD_SELECTOR)).slice(0, MAX_NEARBY_FIELDS);
+    if (controls.length === 0)
+        return undefined;
+    return controls.map((control) => {
+        const type = control instanceof HTMLInputElement
+            ? control.type
+            : control.getAttribute("type");
+        const checkable = control instanceof HTMLInputElement &&
+            (control.type === "checkbox" || control.type === "radio");
+        return {
+            tagName: control.tagName.toLowerCase(),
+            type,
+            label: fieldLabel(control),
+            placeholder: control.getAttribute("placeholder"),
+            required: control.required,
+            disabled: control.disabled,
+            state: checkable
+                ? control.checked
+                    ? "checked"
+                    : "unchecked"
+                : control.value.trim()
+                    ? "filled"
+                    : "empty",
+            isSelected: control === el,
+        };
+    });
+}
 function readDisabledState(el) {
     if (el instanceof HTMLButtonElement ||
         el instanceof HTMLInputElement ||

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

@@ -1 +1 @@
-{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../src/runtime/overlay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMhE,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,EAAE,cAAc,CAAC;IAC1B,iBAAiB,EAAE,cAAc,CAAC;IAClC,WAAW,EAAE,cAAc,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,cAAc,CAiD5D;AAED,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,cAAc,EACzB,IAAI,EAAE,WAAW,GAChB,IAAI,CAQN;AAED,wBAAgB,yBAAyB,CACvC,iBAAiB,EAAE,cAAc,EACjC,IAAI,EAAE,WAAW,GAChB,IAAI,CASN;AAED,wBAAgB,aAAa,CAAC,SAAS,EAAE,cAAc,GAAG,IAAI,CAE7D;AAED,wBAAgB,qBAAqB,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI,CAE7E;AAED,wBAAgB,cAAc,CAAC,EAAE,EAAE,OAAO,GAAG,WAAW,CAQvD;AAOD,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,YAAY,EAAE,EACvB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,EACjD,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,GACpC,IAAI,CA+DN"}
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../src/runtime/overlay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMhE,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,EAAE,cAAc,CAAC;IAC1B,iBAAiB,EAAE,cAAc,CAAC;IAClC,WAAW,EAAE,cAAc,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,cAAc,CAgD5D;AAED,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,cAAc,EACzB,IAAI,EAAE,WAAW,GAChB,IAAI,CAQN;AAED,wBAAgB,yBAAyB,CACvC,iBAAiB,EAAE,cAAc,EACjC,IAAI,EAAE,WAAW,GAChB,IAAI,CAQN;AAED,wBAAgB,aAAa,CAAC,SAAS,EAAE,cAAc,GAAG,IAAI,CAE7D;AAED,wBAAgB,qBAAqB,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI,CAE7E;AAED,wBAAgB,cAAc,CAAC,EAAE,EAAE,OAAO,GAAG,WAAW,CAQvD;AAOD,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,YAAY,EAAE,EACvB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,EACjD,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,GACpC,IAAI,CA+DN"}

package/dist/runtime/overlay.js

@@ -2,13 +2,12 @@ const HIGHLIGHT_Z = 2147483646;
 const SELECTED_HIGHLIGHT_Z = 2147483643;
 const MARKER_Z = 2147483645;
 export function createOverlay(root) {
-    console.log("[inspector] creating overlay");
     const selectedHighlight = root.createElement("div");
     selectedHighlight.setAttribute("data-abbox-inspector", "selected-highlight");
     Object.assign(selectedHighlight.style, {
         position: "fixed",
         pointerEvents: "none",
-        border: "40px dashed #2563eb",
+        border: "2px dashed #2563eb",
         background: "rgba(37, 99, 235, 0.06)",
         borderRadius: "2px",
         zIndex: String(SELECTED_HIGHLIGHT_Z),
@@ -20,7 +19,7 @@ export function createOverlay(root) {
     Object.assign(highlight.style, {
         position: "fixed",
         pointerEvents: "none",
-        border: "20px solid #2563eb",
+        border: "2px solid #2563eb",
         background: "rgba(37, 99, 235, 0.12)",
         borderRadius: "2px",
         zIndex: String(HIGHLIGHT_Z),
@@ -57,7 +56,6 @@ export function positionHighlight(highlight, rect) {
     });
 }
 export function positionSelectedHighlight(selectedHighlight, rect) {
-    console.log("[inspector] positioning selected highlight at", rect);
     Object.assign(selectedHighlight.style, {
         display: "block",
         left: `${rect.x}px`,
@@ -117,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",
@@ -142,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.11",
+  "version": "0.4.13",
   "publishConfig": {
     "access": "public"
   },