@agent-native/core 0.165.4 → 0.167.1

package/corpus/templates/design/.generated/bridge/editor-chrome.generated.ts

@@ -2337,7 +2337,6 @@ export const editorChromeBridgeScript: string = `"use strict";
     var pendingShieldDrag = null;
     var suppressNextShieldClick = false;
     var suppressNextShieldClickTimer = null;
-    var selectedSpacingHovered = false;
     var hoveredSpacingHandleKey = "";
     var spacingHoverClearTimer = null;
     var lastSpacingPointerPoint = null;
@@ -2358,7 +2357,6 @@ export const editorChromeBridgeScript: string = `"use strict";
       clearHoverGate();
       setPassiveSelectionElements([]);
       clearSpacingHoverTimer();
-      selectedSpacingHovered = false;
       hoveredSpacingHandleKey = "";
       lastSpacingPointerPoint = null;
       spacingDrag = null;
@@ -2576,7 +2574,7 @@ export const editorChromeBridgeScript: string = `"use strict";
         lastSourceHeadHtml = nextHeadHtml;
       }
       var currentHeadHtml = lastSourceHeadHtml;
-      if (nextHeadHtml === currentHeadHtml && activeCandidates.length > 0) {
+      if (!forceFullDocument && nextHeadHtml === currentHeadHtml && activeCandidates.length > 0) {
         var currentMatch = null;
         var nextMatch = null;
         var matchedSelector = "";
@@ -3229,7 +3227,6 @@ export const editorChromeBridgeScript: string = `"use strict";
     function activateSpacingHandle(spacingKey) {
       if (!spacingKey) return;
       clearSpacingHoverTimer();
-      selectedSpacingHovered = true;
       setHoverToSelectedElementFromSpacingSurface();
       if (hoveredSpacingHandleKey !== spacingKey || spacingOverlay.style.display !== "block") {
         hoveredSpacingHandleKey = spacingKey;
@@ -3287,7 +3284,6 @@ export const editorChromeBridgeScript: string = `"use strict";
       }
       var hit = elementFromEditorPoint(clientX, clientY);
       if (hit && (hit === selectedEl || selectedEl.contains && selectedEl.contains(hit))) {
-        selectedSpacingHovered = true;
         return true;
       }
       return false;
@@ -3305,7 +3301,6 @@ export const editorChromeBridgeScript: string = `"use strict";
           updateSpacingOverlay(selectedEl);
           return;
         }
-        selectedSpacingHovered = false;
         hoveredSpacingHandleKey = "";
         updateSpacingOverlay(selectedEl);
       }, 80);
@@ -4135,7 +4130,6 @@ export const editorChromeBridgeScript: string = `"use strict";
         window.parent.postMessage({ type: "clear-selection" }, "*");
         return;
       }
-      selectedSpacingHovered = false;
       hoveredSpacingHandleKey = "";
       var previousSelectedEl = selectedEl;
       selectedEl = selectionTargetForHit(target);
@@ -4363,7 +4357,6 @@ export const editorChromeBridgeScript: string = `"use strict";
       var target = candidateElements[0] || null;
       var info = null;
       if (target) {
-        selectedSpacingHovered = false;
         hoveredSpacingHandleKey = "";
         selectedEl = selectionTargetForHit(target);
         if (selectedEl && !isLayerInteractionBlocked(selectedEl)) {
@@ -5064,7 +5057,6 @@ export const editorChromeBridgeScript: string = `"use strict";
       var startY = e.clientY;
       lastSpacingPointerPoint = { x: startX, y: startY };
       hoveredSpacingHandleKey = key;
-      selectedSpacingHovered = true;
       spacingDrag = {
         handle,
         currentValue: originValue,
@@ -6763,7 +6755,6 @@ export const editorChromeBridgeScript: string = `"use strict";
           var dx = cx - reorderPointerStart.clientX;
           var dy = cy - reorderPointerStart.clientY;
           var outside = cx < 0 || cy < 0 || cx > vw || cy > vh;
-          pointerOutsideIframe = outside;
           if (!isGroupDrag) {
             window.parent.postMessage(
               {
@@ -6986,7 +6977,6 @@ export const editorChromeBridgeScript: string = `"use strict";
           ctrl: Boolean(e.ctrlKey),
           target: dndTarget(currentTarget)
         });
-        var pointerOutsideIframe = false;
         var reorderSelector = getSelector(reorderEl);
         var reorderSourceId = getSourceId(reorderEl);
         var reorderStyleSnapshot = collectPortableStyleSnapshot(reorderEl);
@@ -7033,7 +7023,6 @@ export const editorChromeBridgeScript: string = `"use strict";
         return snapshot;
       });
       var gestureState = memberStates[groupEls.indexOf(gestureEl)] || memberStates[0];
-      var originalInlineOpacity = gestureState.originalOpacity;
       var originLeft = gestureState.originLeft;
       var originTop = gestureState.originTop;
       function setMembersOpacity(value) {
@@ -8507,7 +8496,6 @@ export const editorChromeBridgeScript: string = `"use strict";
           );
           if (hoveringSelectedSpacingSurface) {
             clearSpacingHoverTimer();
-            selectedSpacingHovered = true;
             lastSpacingPointerPoint = { x: e.clientX, y: e.clientY };
             updateSpacingOverlay(selectedEl);
             var pointSpacingKey = spacingHandleKeyAtPoint(e.clientX, e.clientY);
@@ -8904,7 +8892,6 @@ export const editorChromeBridgeScript: string = `"use strict";
         if (!target) return;
         var selectionChangedByHost = target !== selectedEl;
         if (selectionChangedByHost) {
-          selectedSpacingHovered = false;
           hoveredSpacingHandleKey = "";
         }
         selectedEl = target;

package/corpus/templates/design/AGENTS.md

@@ -85,7 +85,8 @@ Read the relevant skill before deeper work in that area.
 ## Application State
 
 - `navigation` — current view, design id, file id, and related UI state.
-- `navigate` — moves the UI; auto-deleted after the client consumes it.
+- `navigate` — moves the UI in the tab that asked; auto-deleted after the
+  client consumes it.
 - `design-selection` — active screen, selected element, overview mode,
   inspector tab, zoom, and screen list for the current tab.
 - `design-generation-session:<designId>`, `show-questions`, `guided-questions` —

package/corpus/templates/design/actions/apply-component-prop-edit.ts

@@ -48,11 +48,7 @@ import {
   applyVisualEdit,
   buildCodeLayerProjection,
 } from "../shared/code-layer.js";
-import type {
-  CodeLayerSource,
-  ClassEditIntent,
-  StyleEditIntent,
-} from "../shared/code-layer.js";
+import type { CodeLayerSource, ClassEditIntent } from "../shared/code-layer.js";
 import { agentSelectionDescriptor } from "../shared/collab-selection.js";
 import {
   componentNameFor,

package/corpus/templates/design/actions/generate-design.ts

@@ -13,7 +13,6 @@ import { buildDeepLink } from "@agent-native/core/server";
 import { assertAccess } from "@agent-native/core/sharing";
 import {
   getGenerationCreativeContext,
-  mergeCreativeContextReuseLabels,
   recordGenerationCreativeContext,
   replaceCreativeContextElementProvenance,
   resolveGenerationCreativeContext,

package/corpus/templates/design/actions/generate-screens.ts

@@ -1,5 +1,8 @@
 import { defineAction, embedApp } from "@agent-native/core";
-import { writeAppState } from "@agent-native/core/application-state";
+import {
+  writeAppState,
+  writeAppStateForCurrentTab,
+} from "@agent-native/core/application-state";
 import { buildDeepLink } from "@agent-native/core/server";
 import { assertAccess } from "@agent-native/core/sharing";
 import {
@@ -430,7 +433,7 @@ export default defineAction({
       designGenerationSessionKey(designId),
       session as unknown as Record<string, unknown>,
     );
-    await writeAppState("navigate", {
+    await writeAppStateForCurrentTab("navigate", {
       view: "editor",
       designId,
       editorView: "overview",

package/corpus/templates/design/actions/go-to-main-component.ts

@@ -28,7 +28,7 @@
  */
 
 import { defineAction } from "@agent-native/core/action";
-import { writeAppState } from "@agent-native/core/application-state";
+import { writeAppStateForCurrentTab } from "@agent-native/core/application-state";
 import { getText, hasCollabState } from "@agent-native/core/collab";
 import { accessFilter, resolveAccess } from "@agent-native/core/sharing";
 import { and, eq } from "drizzle-orm";
@@ -223,7 +223,7 @@ export default defineAction({
       };
     }
 
-    await writeAppState("navigate", {
+    await writeAppStateForCurrentTab("navigate", {
       view: "editor",
       designId,
       editorView: "single",

package/corpus/templates/design/actions/list-design-systems.ts

@@ -44,6 +44,16 @@ export default defineAction({
     await Promise.all(
       rows.map(async (row) => {
         const access = await resolveAccess("design-system", row.id);
+        if (!access) {
+          // accessFilter admitted this row but resolveAccess cannot name a
+          // role, so create-design's assertAccess will reject the same id the
+          // picker just offered.
+          console.warn(
+            `[design] list-design-systems: no resolvable access for ` +
+              `design-system ${row.id} ("${row.title}") that accessFilter ` +
+              `admitted; create-design will reject it.`,
+          );
+        }
         const role = access?.role ?? "viewer";
         accessById.set(row.id, { role, canManage: canManageRole(role) });
       }),

package/corpus/templates/design/actions/navigate.ts

@@ -29,7 +29,7 @@
  */
 
 import { defineAction } from "@agent-native/core";
-import { writeAppState } from "@agent-native/core/application-state";
+import { writeAppStateForCurrentTab } from "@agent-native/core/application-state";
 import { z } from "zod";
 
 const designEditorToolSchema = z.enum([
@@ -176,7 +176,7 @@ export default defineAction({
     if (args.designSystemId) nav.designSystemId = args.designSystemId;
     if (args.templateId) nav.templateId = args.templateId;
     if (args.path) nav.path = args.path;
-    await writeAppState("navigate", nav);
+    await writeAppStateForCurrentTab("navigate", nav);
     return `Navigating to ${args.view || args.path}${
       args.designId ? ` (design: ${args.designId})` : ""
     }${editorView ? ` (${editorView} view)` : ""}${

package/corpus/templates/design/actions/open-component-source.ts

@@ -17,15 +17,15 @@
  * gate is checked and the response includes the external file path for the IDE
  * to open.
  *
- * Navigation is written via `writeAppState("navigate", ...)` — the same
- * mechanism used by the `navigate` action. Because this writes transient
+ * Navigation is written via `writeAppStateForCurrentTab("navigate", ...)` —
+ * the same mechanism as the `navigate` action. Because this writes transient
  * application state, the action uses the default POST mutation transport.
  *
  * See DESIGN-STUDIO-PLAN.md §6.1 (jump-to-source) and §7 (action surface).
  */
 
 import { defineAction } from "@agent-native/core";
-import { writeAppState } from "@agent-native/core/application-state";
+import { writeAppStateForCurrentTab } from "@agent-native/core/application-state";
 import { getText, hasCollabState } from "@agent-native/core/collab";
 import { accessFilter, resolveAccess } from "@agent-native/core/sharing";
 import { and, eq } from "drizzle-orm";
@@ -190,7 +190,7 @@ export default defineAction({
     // ── Emit navigation command ──────────────────────────────────────────────
     // Use the same application state key as the `navigate` action so the UI
     // client picks it up and selects the element in the editor.
-    await writeAppState("navigate", {
+    await writeAppStateForCurrentTab("navigate", {
       view: "editor",
       designId,
       editorView: "single",

package/corpus/templates/design/actions/present-design-variants.ts

@@ -1,7 +1,6 @@
 import { defineAction, embedApp } from "@agent-native/core";
 import {
   deleteAppState,
-  writeAppState,
   writeAppStateForCurrentTab,
 } from "@agent-native/core/application-state";
 import { seedFromText } from "@agent-native/core/collab";
@@ -1169,7 +1168,7 @@ export default defineAction({
       },
     });
 
-    await writeAppState("navigate", {
+    await writeAppStateForCurrentTab("navigate", {
       view: "editor",
       designId,
       editorView: "overview",

package/corpus/templates/design/actions/run-design-audit.ts

@@ -34,28 +34,6 @@ import {
 // HTML helpers (static analysis — no DOM runtime available server-side)
 // ---------------------------------------------------------------------------
 
-/** Extract all attribute values matching a simple regex over raw HTML. */
-function extractAttrs(
-  html: string,
-  tagPattern: RegExp,
-  attrName: string,
-): string[] {
-  const attrRegex = new RegExp(
-    `${attrName}\\s*=\\s*(?:"([^"]*?)"|'([^']*?)')`,
-    "gi",
-  );
-  const results: string[] = [];
-  let match: RegExpExecArray | null;
-  const tagMatches = [...html.matchAll(tagPattern)];
-  for (const tm of tagMatches) {
-    attrRegex.lastIndex = 0;
-    while ((match = attrRegex.exec(tm[0])) !== null) {
-      results.push(match[1] ?? match[2] ?? "");
-    }
-  }
-  return results;
-}
-
 /** Pull a node id from a raw tag string (data-agent-native-node-id attr). */
 function extractNodeId(tagHtml: string): string | undefined {
   const m = tagHtml.match(

package/corpus/templates/design/actions/show-design-questions.ts

@@ -1,5 +1,8 @@
 import { defineAction, embedApp } from "@agent-native/core";
-import { writeAppState } from "@agent-native/core/application-state";
+import {
+  writeAppState,
+  writeAppStateForCurrentTab,
+} from "@agent-native/core/application-state";
 import { buildDeepLink } from "@agent-native/core/server";
 import { assertAccess } from "@agent-native/core/sharing";
 import { z } from "zod";
@@ -131,7 +134,7 @@ export default defineAction({
       submitLabel: submitLabel ?? "Continue",
       questions: normalizedQuestions,
     });
-    await writeAppState("navigate", {
+    await writeAppStateForCurrentTab("navigate", {
       view: "editor",
       designId,
       editorView: "overview",

package/corpus/templates/design/app/components/design/DesignCanvas.tsx

@@ -1312,7 +1312,7 @@ export function DesignCanvas({
   // twice from the same drawing.
   const [annotationCaptureBusy, setAnnotationCaptureBusy] = useState(false);
   const annotationCaptureBusyRef = useRef(false);
-  const [fetchedExternalSnapshot, setFetchedExternalSnapshot] = useState<{
+  const [, setFetchedExternalSnapshot] = useState<{
     url: string;
     html: string;
   } | null>(null);
@@ -1433,11 +1433,7 @@ export function DesignCanvas({
     (sourceType === "localhost" || sourceType === "fusion") &&
     Boolean(rawExternalPreviewUrl) &&
     Boolean(onRuntimeLayerSnapshot);
-  const activeExternalSnapshotHtml =
-    externalSnapshotHtml ??
-    (fetchedExternalSnapshot?.url === rawExternalPreviewUrl
-      ? fetchedExternalSnapshot.html
-      : undefined);
+
   // Bake a neutral scale of 1 here (not the zoom-folded scale): this script is
   // registered with the localhost bridge via a large POST, so folding live zoom
   // in would re-fire the registration effect on every zoom tick. Live scale is
@@ -4076,8 +4072,17 @@ export function DesignCanvas({
         preserveTextEditingSession?: boolean;
       },
     ) => {
+      // Raw content here drops the injected offset/background styles, moving a
+      // frame authored at a negative offset off screen. Both channels push the
+      // same shape.
       const replaced = replacePreviewContent(
-        nextContent,
+        getEmbeddedFrameDocumentContent({
+          content: withLocalRuntimes(nextContent),
+          embeddedFrameBackground,
+          transparentBackground,
+          contentOffsetX: embeddedFrame?.contentOffsetX ?? 0,
+          contentOffsetY: embeddedFrame?.contentOffsetY ?? 0,
+        }),
         selector,
         candidates,
         options,
@@ -4091,7 +4096,13 @@ export function DesignCanvas({
       }
       return replaced;
     },
-    [replacePreviewContent],
+    [
+      embeddedFrame?.contentOffsetX,
+      embeddedFrame?.contentOffsetY,
+      embeddedFrameBackground,
+      replacePreviewContent,
+      transparentBackground,
+    ],
   );
 
   const replaceRuntimeContentInPlace = useCallback(