@agent-native/core 0.182.1 → 0.182.2-nightly-20260917210345

package/corpus/templates/design/app/pages/design-editor/source-publication.ts

@@ -102,9 +102,21 @@ export function resolveSourceBaseForPublication(args: {
   persistedContent?: string | null;
   beforeContent: string;
 }): string {
+  const pendingContent = args.pending?.content;
+  const migrationSource = args.pending?.identityMigrationSourceContent;
+  // Identity repair is a real full-document save. Keep its raw CAS base while
+  // that save is still in flight, but switch to the canonical pending bytes as
+  // soon as the collab or persisted mirror has acknowledged them.
+  if (
+    pendingContent !== undefined &&
+    migrationSource !== undefined &&
+    args.collabContent !== pendingContent &&
+    args.persistedContent !== pendingContent
+  ) {
+    return migrationSource;
+  }
   const raw =
-    args.pending?.identityMigrationSourceContent ??
-    args.pending?.content ??
+    pendingContent ??
     args.collabContent ??
     args.persistedContent ??
     args.beforeContent;

package/corpus/templates/design/changelog/2026-09-16-design-components-retain-linked-identities-when-edited-and-d.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-09-16
+---
+
+Design components retain linked identities when edited and duplicated

package/corpus/templates/design/changelog/2026-09-17-screen-deletion-is-immediate-and-undoable-with-history-that-.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-09-17
+---
+
+Screen deletion is immediate and undoable, with history that survives reloads.

package/corpus/templates/design/e2e/fixtures/design-component-react/index.html

@@ -0,0 +1,98 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Design component React fixture</title>
+    <style>
+      body {
+        margin: 0;
+        min-height: 700px;
+        background: #111827;
+        color: white;
+        font: 16px system-ui;
+      }
+      main {
+        padding: 40px;
+      }
+      .card {
+        display: grid;
+        gap: 8px;
+        width: 260px;
+        padding: 20px;
+        border-radius: 14px;
+        background: #1f2937;
+      }
+      .card button {
+        padding: 10px 14px;
+        border: 0;
+        border-radius: 8px;
+        background: #6366f1;
+        color: white;
+      }
+      [data-agent-native-component-ref] {
+        outline: 1px dashed #f59e0b;
+      }
+    </style>
+  </head>
+  <body>
+    <main
+      data-agent-native-node-id="react-screen"
+      data-agent-native-layer-name="React Component Screen"
+      data-agent-native-source-kind="react"
+      data-agent-native-source-path="src/App.tsx"
+      data-agent-native-source-file="src/App.tsx"
+      data-agent-native-source-line="1"
+      data-agent-native-source-column="1"
+    >
+      <div
+        data-agent-native-node-id="promotion-target"
+        data-agent-native-layer-name="Promotion target"
+      >
+        Promote me
+      </div>
+      <section
+        class="card"
+        data-agent-native-node-id="card-main"
+        data-agent-native-layer-name="Card Main"
+        data-agent-native-component="ReusableCard"
+        data-agent-native-component-id="cmp-reusable-card"
+        data-agent-native-source-file="src/App.tsx"
+        data-agent-native-source-line="3"
+        data-agent-native-source-column="1"
+        data-source-framework="react"
+        data-source-file="src/App.tsx"
+        data-source-line="3"
+        data-source-column="1"
+        data-component-name="ReusableCard"
+      >
+        <strong data-agent-native-node-id="card-title">Canonical card</strong>
+        <button
+          data-agent-native-node-id="card-button"
+          data-agent-native-prop-label="Open"
+        >
+          Open
+        </button>
+      </section>
+      <section
+        class="card"
+        data-agent-native-node-id="card-instance"
+        data-agent-native-layer-name="Card Instance"
+        data-agent-native-component="ReusableCard"
+        data-agent-native-component-ref="cmp-reusable-card"
+        data-agent-native-component-overrides="%7B%22card-title%22%3A%7B%22textContent%22%3A%22Instance%20override%22%7D%7D"
+      >
+        <strong
+          data-agent-native-node-id="card-instance-title"
+          data-agent-native-component-source-node-id="card-title"
+          >Instance override</strong
+        >
+        <button
+          data-agent-native-node-id="card-instance-button"
+          data-agent-native-component-source-node-id="card-button"
+        >
+          Open
+        </button>
+      </section>
+    </main>
+  </body>
+</html>

package/corpus/templates/design/e2e/fixtures/design-component-react/inline-component.html

@@ -0,0 +1,65 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Inline component fixture</title>
+  </head>
+  <body style="margin: 0; position: relative; min-height: 900px">
+    <aside
+      data-agent-native-node-id="legacy-copy"
+      data-agent-native-layer-name="Legacy same-name copy"
+      data-agent-native-component="ReusableCard"
+      style="
+        position: absolute;
+        left: 40px;
+        top: 40px;
+        width: 180px;
+        height: 80px;
+        background: #ddd;
+      "
+    >
+      Legacy
+    </aside>
+    <section
+      data-agent-native-node-id="card-main"
+      data-agent-native-layer-name="Card Main"
+      style="
+        position: absolute;
+        left: 300px;
+        top: 40px;
+        width: 420px;
+        height: 360px;
+        padding: 20px;
+        background: #1f2937;
+        color: white;
+      "
+    >
+      <div
+        data-agent-native-node-id="card-body"
+        data-agent-native-layer-name="Card Body"
+        style="display: grid; gap: 8px"
+      >
+        <strong data-agent-native-node-id="card-title"
+          ><span data-agent-native-node-id="card-title-text"
+            >Canonical card</span
+          ></strong
+        >
+        <button
+          data-agent-native-node-id="card-button"
+          data-agent-native-layer-name="Card Action"
+          data-agent-native-prop-label="Open"
+          style="width: 120px; padding: 10px; background: #6366f1; color: white"
+        >
+          Open
+        </button>
+      </div>
+      <div
+        data-agent-native-node-id="card-slot"
+        data-agent-native-layer-name="Card Slot"
+        style="min-height: 70px; padding: 10px; background: #374151"
+      >
+        Reparent target
+      </div>
+    </section>
+  </body>
+</html>

package/corpus/templates/design/server/lib/design-data-mutation.ts

@@ -2,6 +2,10 @@ import { assertAccess } from "@agent-native/core/sharing";
 import { and, eq, isNull, sql } from "drizzle-orm";
 
 import { getDb, schema } from "../db/index.js";
+import {
+  designSourceMutationLockKey,
+  lockDesignFilesTable,
+} from "../source-workspace.js";
 
 const DEFAULT_MAX_ATTEMPTS = 8;
 const CONFLICT_BACKOFF_MS = 8;
@@ -199,11 +203,10 @@ async function mutateDesignDataUnlocked({
           // Keep the design-data CAS and HTML rewrites in one transaction.
           // ponytail: reuse the existing design-file lock; split by design only
           // if breakpoint edits become a measurable multi-tenant bottleneck.
-          await (
-            tx as unknown as {
-              execute: (query: unknown) => Promise<unknown>;
-            }
-          ).execute(sql`LOCK TABLE design_files IN SHARE ROW EXCLUSIVE MODE`);
+          await tx.execute(
+            sql`SELECT pg_advisory_xact_lock(hashtextextended(${designSourceMutationLockKey(designId)}, 0::bigint))`,
+          );
+          await lockDesignFilesTable(tx);
         }
 
         const [currentRow] = await tx
@@ -233,6 +236,7 @@ async function mutateDesignDataUnlocked({
               })
               .from(schema.designFiles)
               .where(eq(schema.designFiles.designId, designId))
+              .for("update")
           : [];
         const revisionConditions = [
           eq(schema.designs.id, designId),

package/corpus/templates/design/server/lib/design-snapshot.ts

@@ -43,6 +43,13 @@ export interface DesignSnapshot {
   resolvedCssVars: Record<string, string>;
 }
 
+export interface BuildDesignSnapshotOptions {
+  /** Read the persisted SQL rows even when a live collaboration document exists. */
+  preferStoredFileContent?: boolean;
+}
+
+type SnapshotDatabase = Pick<ReturnType<typeof getDb>, "select">;
+
 function parseDesignData(data?: string | null): Record<string, unknown> {
   if (!data) return {};
   try {
@@ -62,8 +69,10 @@ function parseDesignData(data?: string | null): Record<string, unknown> {
 export async function buildDesignSnapshot(
   designId: string,
   designData?: string | null,
+  options: BuildDesignSnapshotOptions = {},
+  database?: SnapshotDatabase,
 ): Promise<DesignSnapshot> {
-  const db = getDb();
+  const db = database ?? getDb();
 
   const rows = await db
     .select()
@@ -76,23 +85,26 @@ export async function buildDesignSnapshot(
     let source: "collab" | "stored" = "stored";
     // Prefer live collab text when an editing session exists for this file so
     // an external agent sees in-flight edits, not the last persisted snapshot.
-    try {
-      if (await hasCollabState(f.id)) {
-        const live = await getText(f.id, "content");
-        if (
-          typeof live === "string" &&
-          shouldUseLiveFileContent({
-            liveContent: live,
-            storedContent: f.content,
-            fileType: f.fileType,
-          })
-        ) {
-          content = live;
-          source = "collab";
+    if (!options.preferStoredFileContent) {
+      try {
+        if (await hasCollabState(f.id)) {
+          const live = await getText(f.id, "content");
+          if (
+            typeof live === "string" &&
+            shouldUseLiveFileContent({
+              liveContent: live,
+              storedContent: f.content,
+              fileType: f.fileType,
+            })
+          ) {
+            content = live;
+            source = "collab";
+          }
         }
+      } catch {
+        // coercion-ok: live collaboration is optional; stored content remains explicitly tagged.
+        // Collab read is best-effort; fall back to stored content.
       }
-    } catch {
-      // Collab read is best-effort; fall back to stored content.
     }
     files.push({
       id: f.id,