npm - @agent-native/core - Versions diffs - 0.105.0 → 0.106.1 - Mend

@agent-native/core 0.105.0 → 0.106.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (194) hide show

package/corpus/templates/design/app/components/design/bridge/editor-chrome.bridge.ts CHANGED Viewed

@@ -2168,6 +2168,17 @@ declare var __RUNTIME_LAYER_SNAPSHOT_ENABLED__: boolean;
   var selectedEl: Element | null = null;
   var hoveredEl: Element | null = null;
+  type NodeHtmlPreviewSession = {
+    proposalId: string;
+    originalElement: Element;
+    originalOuterHTML: string;
+    startMarker: Comment;
+    endMarker: Comment;
+    currentElement: Element;
+    selectedWasInside: boolean;
+    hoveredWasInside: boolean;
+  };
+  var activeNodeHtmlPreview: NodeHtmlPreviewSession | null = null;
   // Last element an "element-hover" message was actually posted for. Lets
   // the shield's pointermove handler skip getLightElementInfo's two
   // getComputedStyle calls plus the postMessage on every one of the dozens
@@ -5120,6 +5131,178 @@ declare var __RUNTIME_LAYER_SNAPSHOT_ENABLED__: boolean;
     return null;
   }
+  function parseNodeHtmlPreviewElement(html: string): Element | null {
+    var trimmed = html.trim();
+    if (/^<body(?:\s|>)/i.test(trimmed)) {
+      var parsedDocument = new DOMParser().parseFromString(
+        "<!doctype html><html><head></head>" + trimmed + "</html>", // i18n-ignore parser scaffold
+        "text/html",
+      );
+      return parsedDocument.body;
+    }
+    var template = document.createElement("template");
+    template.innerHTML = html;
+    var element = template.content.firstElementChild;
+    if (!element || template.content.childElementCount !== 1) return null;
+    for (
+      var child = template.content.firstChild;
+      child;
+      child = child.nextSibling
+    ) {
+      if (child === element) continue;
+      if (child.nodeType !== 3 || String(child.textContent || "").trim()) {
+        return null;
+      }
+    }
+    return element;
+  }
+  function resolveNodeHtmlPreviewTarget(target: unknown): Element | null {
+    if (!target || typeof target !== "object") return null;
+    var nodeId = (target as { nodeId?: unknown }).nodeId;
+    if (typeof nodeId === "string" && nodeId) {
+      try {
+        var nodeMatch = document.querySelector(
+          '[data-agent-native-node-id="' + escapeAttribute(nodeId) + '"]',
+        );
+        if (nodeMatch && !isLayerInteractionBlocked(nodeMatch)) {
+          return nodeMatch;
+        }
+      } catch (_err) {}
+    }
+    var selector = (target as { selector?: unknown }).selector;
+    if (typeof selector !== "string" || !selector) return null;
+    try {
+      var selectorMatch = document.querySelector(selector);
+      return selectorMatch && !isLayerInteractionBlocked(selectorMatch)
+        ? selectorMatch
+        : null;
+    } catch (_err) {
+      return null;
+    }
+  }
+  function postNodeHtmlPreviewApplied(proposalId: string): void {
+    (window.parent as Window).postMessage(
+      {
+        type: "agent-native:node-html-preview-applied",
+        proposalId: proposalId,
+      },
+      "*",
+    );
+  }
+  function replaceNodeHtmlPreviewElement(
+    session: NodeHtmlPreviewSession,
+    nextElement: Element,
+  ): boolean {
+    var parent = session.startMarker.parentNode;
+    if (!parent || session.endMarker.parentNode !== parent) return false;
+    var cursor = session.startMarker.nextSibling;
+    while (cursor && cursor !== session.endMarker) {
+      var next = cursor.nextSibling;
+      parent.removeChild(cursor);
+      cursor = next;
+    }
+    if (cursor !== session.endMarker) return false;
+    nextElement.setAttribute(
+      "data-agent-native-node-rewrite-proposal",
+      session.proposalId,
+    );
+    parent.insertBefore(nextElement, session.endMarker);
+    session.currentElement = nextElement;
+    if (session.selectedWasInside) selectedEl = nextElement;
+    if (session.hoveredWasInside) hoveredEl = nextElement;
+    refreshOverlays();
+    return true;
+  }
+  function restoreActiveNodeHtmlPreview(proposalId?: string): boolean {
+    var session = activeNodeHtmlPreview;
+    if (!session || (proposalId && session.proposalId !== proposalId)) {
+      return false;
+    }
+    activeNodeHtmlPreview = null;
+    var parent = session.startMarker.parentNode;
+    if (!parent || session.endMarker.parentNode !== parent) return false;
+    var cursor = session.startMarker.nextSibling;
+    while (cursor && cursor !== session.endMarker) {
+      var next = cursor.nextSibling;
+      parent.removeChild(cursor);
+      cursor = next;
+    }
+    if (cursor !== session.endMarker) return false;
+    parent.insertBefore(session.originalElement, session.endMarker);
+    parent.removeChild(session.startMarker);
+    parent.removeChild(session.endMarker);
+    if (session.selectedWasInside) selectedEl = session.originalElement;
+    if (session.hoveredWasInside) hoveredEl = session.originalElement;
+    refreshOverlays();
+    return session.originalElement.outerHTML === session.originalOuterHTML;
+  }
+  function applyNodeHtmlPreview(data: {
+    proposalId?: unknown;
+    target?: unknown;
+    html?: unknown;
+  }): void {
+    var proposalId = data.proposalId;
+    if (
+      typeof proposalId !== "string" ||
+      !proposalId ||
+      typeof data.html !== "string"
+    ) {
+      return;
+    }
+    var nextElement = parseNodeHtmlPreviewElement(data.html);
+    if (!nextElement) return;
+    if (
+      activeNodeHtmlPreview &&
+      activeNodeHtmlPreview.proposalId === proposalId
+    ) {
+      if (replaceNodeHtmlPreviewElement(activeNodeHtmlPreview, nextElement)) {
+        postNodeHtmlPreviewApplied(proposalId);
+      }
+      return;
+    }
+    if (activeNodeHtmlPreview) restoreActiveNodeHtmlPreview();
+    var target = resolveNodeHtmlPreviewTarget(data.target);
+    if (!target || !target.parentNode || target === document.documentElement) {
+      return;
+    }
+    var originalOuterHTML = target.outerHTML;
+    nextElement.setAttribute(
+      "data-agent-native-node-rewrite-proposal",
+      proposalId,
+    );
+    var startMarker = document.createComment(
+      "agent-native:node-html-preview:start",
+    );
+    var endMarker = document.createComment(
+      "agent-native:node-html-preview:end",
+    );
+    var parent = target.parentNode;
+    var selectedWasInside = !!selectedEl && target.contains(selectedEl);
+    var hoveredWasInside = !!hoveredEl && target.contains(hoveredEl);
+    parent.insertBefore(startMarker, target);
+    parent.insertBefore(endMarker, target.nextSibling);
+    parent.replaceChild(nextElement, target);
+    activeNodeHtmlPreview = {
+      proposalId: proposalId,
+      originalElement: target,
+      originalOuterHTML: originalOuterHTML,
+      startMarker: startMarker,
+      endMarker: endMarker,
+      currentElement: nextElement,
+      selectedWasInside: selectedWasInside,
+      hoveredWasInside: hoveredWasInside,
+    };
+    if (selectedWasInside) selectedEl = nextElement;
+    if (hoveredWasInside) hoveredEl = nextElement;
+    refreshOverlays();
+    postNodeHtmlPreviewApplied(proposalId);
+  }
   // Host-driven Layers-panel moves must never inherit findRuntimeTarget's
   // selected-element shortcut or first-match querySelector behavior. Runtime
   // React trees routinely repeat classes and component markup, so a selector
@@ -11070,6 +11253,7 @@ declare var __RUNTIME_LAYER_SNAPSHOT_ENABLED__: boolean;
       return;
     }
     if (e.data.type === "replace-document-content") {
+      activeNodeHtmlPreview = null;
       replaceRuntimeDocument(
         e.data.content,
         e.data.forceFullDocument ? "" : e.data.selectedSelector,
@@ -11079,6 +11263,16 @@ declare var __RUNTIME_LAYER_SNAPSHOT_ENABLED__: boolean;
       );
       return;
     }
+    if (e.data.type === "node-html-preview") {
+      if (e.data.operation === "restore") {
+        if (typeof e.data.proposalId === "string") {
+          restoreActiveNodeHtmlPreview(e.data.proposalId);
+        }
+      } else if (e.data.operation === "preview") {
+        applyNodeHtmlPreview(e.data);
+      }
+      return;
+    }
     if (e.data.type === "delete-element") {
       removeRuntimeTarget(e.data.selector, e.data.selectorCandidates);
       return;

package/corpus/templates/design/app/components/design/bridge/hit-test.bridge.ts CHANGED Viewed

@@ -739,9 +739,20 @@
   ): Element | null {
     var element = elementFromEditorPoint(clientX, clientY);
     if (!element) return null;
-    return element.closest(
+    var identifiedAncestor = element.closest(
       "[data-agent-native-node-id],[data-code-layer-id],[data-layer-id],[data-builder-id],[id]",
     );
+    if (
+      identifiedAncestor &&
+      identifiedAncestor !== document.body &&
+      identifiedAncestor !== document.documentElement
+    ) {
+      return identifiedAncestor;
+    }
+    if (element === document.body || element === document.documentElement) {
+      return null;
+    }
+    return element;
   }
   function reviewNodeElements(nodeIds: string[]): Record<string, Element> {
@@ -808,14 +819,20 @@
         reviewPointX,
         reviewPointY,
       );
+      var reviewPointNodeId = reviewPointElement
+        ? getNodeId(reviewPointElement)
+        : "";
+      var reviewPointSelector =
+        reviewPointElement && !reviewPointNodeId
+          ? buildSourceEquivalentSelector(reviewPointElement)
+          : "";
       try {
         (window.parent as Window).postMessage(
           {
             type: "agent-native:review-anchor-at-point-result",
             correlationId: reviewPointCorrelationId,
-            nodeId: reviewPointElement
-              ? getNodeId(reviewPointElement) || undefined
-              : undefined,
+            nodeId: reviewPointNodeId || undefined,
+            targetSelector: reviewPointSelector || undefined,
             layerName:
               reviewPointElement?.getAttribute(
                 "data-agent-native-layer-name",

package/corpus/templates/design/app/components/design/design-canvas/iframe-events.ts CHANGED Viewed

@@ -23,3 +23,21 @@ export interface IframeContextMenuPayload {
   info?: ElementInfo | null;
   layerCandidates?: CanvasLayerHitCandidate[];
 }
+export interface IframeNodeHtmlPreviewTarget {
+  nodeId?: string;
+  selector?: string;
+}
+export interface IframeNodeHtmlPreviewMessage {
+  type: "node-html-preview";
+  proposalId: string;
+  target: IframeNodeHtmlPreviewTarget;
+  operation: "preview" | "restore";
+  html?: string;
+}
+export interface IframeNodeHtmlPreviewAppliedPayload {
+  type: "agent-native:node-html-preview-applied";
+  proposalId: string;
+}

package/corpus/templates/design/app/components/design/multi-screen/types.ts CHANGED Viewed

@@ -130,6 +130,10 @@ export interface MultiScreenCanvasProps {
    * transformed directly from the overview canvas. */
   lockedScreenIds?: ReadonlySet<string> | readonly string[];
   fullViewScreenIds?: string[];
+  /** Screens with generated candidates waiting for explicit review. */
+  pendingReviewScreenIds?: ReadonlySet<string> | readonly string[];
+  /** Opens candidate review for one pending screen. */
+  onReviewPendingScreen?: (screenId: string) => void;
   /** Lets every live frame receive native pointer interaction while the
    * overview camera and frame chrome remain available. */
   interactMode?: boolean;