@agent-native/core-corpus 0.203.1-nightly-20261007154213 → 0.203.1

package/corpus/README.md

@@ -32,4 +32,4 @@ rg -n "defineAction|useActionQuery" node_modules/@agent-native/core-corpus/corpu
 
 ## Generated Counts
 
-- template files: 11326
+- template files: 11341

package/corpus/templates/analytics/CHANGELOG.md

@@ -11,6 +11,10 @@ time from the command menu (Cmd+K → "What's new") or from Settings.
 - Save exact session replay screens as PNG screenshots.
 - Session replays can be saved as screenshots without the replay controls.
 
+### Improved
+
+- Agent dashboard edits are now checked against the live chart before they save, so the agent no longer reports a chart change that did not happen.
+
 ### Fixed
 
 - Collaborators see a consistent dashboard after simultaneous edits

package/corpus/templates/clips/app/components/library/library-grid.tsx

@@ -104,7 +104,7 @@ function Skeleton() {
   );
 }
 
-const PAGE_SIZE = 100;
+const PAGE_SIZE = 20;
 
 interface FolderTargetRow {
   id: string;
@@ -278,12 +278,6 @@ export function LibraryGrid({
     [view, kind, folderId, spaceId, tagFilter],
   );
   const { data: totalCount } = useRecordingsCount(countArgs);
-  const total = totalCount ?? 0;
-  const totalPages = Math.max(1, Math.ceil(total / PAGE_SIZE));
-
-  useEffect(() => {
-    if (page > totalPages) setPage(totalPages);
-  }, [page, totalPages]);
 
   const args: ListRecordingsArgs = useMemo(
     () => ({
@@ -302,6 +296,19 @@ export function LibraryGrid({
   const { data, isLoading, isError, refetch, isRefetching } =
     useRecordings(args);
 
+  // A failed count is not zero clips: without it, offer "next" while the page
+  // comes back full so later pages stay reachable.
+  const totalKnown = typeof totalCount === "number";
+  const total = totalKnown ? totalCount : 0;
+  const pageIsFull = (data?.recordings.length ?? 0) >= PAGE_SIZE;
+  const totalPages = totalKnown
+    ? Math.max(1, Math.ceil(total / PAGE_SIZE))
+    : page + (pageIsFull ? 1 : 0);
+
+  useEffect(() => {
+    if (totalKnown && page > totalPages) setPage(totalPages);
+  }, [totalKnown, page, totalPages]);
+
   const trashRecording = useTrashRecording();
   const archiveRecording = useArchiveRecording();
   const restoreRecording = useRestoreRecording();
@@ -889,11 +896,12 @@ export function LibraryGrid({
         {!isLoading && recordings.length > 0 && totalPages > 1 && (
           <div className="flex shrink-0 items-center justify-between gap-3 border-t border-border px-5 py-2.5">
             <span className="text-xs text-muted-foreground">
-              {t("libraryGrid.paginationRange", {
-                start: (page - 1) * PAGE_SIZE + 1,
-                end: (page - 1) * PAGE_SIZE + recordings.length,
-                total,
-              })}
+              {totalKnown &&
+                t("libraryGrid.paginationRange", {
+                  start: (page - 1) * PAGE_SIZE + 1,
+                  end: (page - 1) * PAGE_SIZE + recordings.length,
+                  total,
+                })}
             </span>
             <div className="flex items-center gap-2">
               <Button
@@ -907,7 +915,9 @@ export function LibraryGrid({
                 {t("libraryGrid.paginationPrevious")}
               </Button>
               <span className="text-xs text-muted-foreground">
-                {t("libraryGrid.paginationPage", { page, totalPages })}
+                {totalKnown
+                  ? t("libraryGrid.paginationPage", { page, totalPages })
+                  : page}
               </span>
               <Button
                 variant="outline"

package/corpus/templates/clips/app/components/library/recording-card.tsx

@@ -392,7 +392,7 @@ export function RecordingCard({
                 checked={selected}
                 onClick={handleCheckbox}
                 className={cn(
-                  "pointer-events-auto absolute start-2 top-2 z-20 size-5 rounded border-background/80 bg-foreground/25 text-background opacity-70 shadow-sm backdrop-blur-sm transition-[background-color,border-color,opacity] hover:bg-foreground/45",
+                  "pointer-events-auto absolute start-2 top-2 z-20 size-5 rounded border-background/80 bg-foreground/25 text-background opacity-70 shadow-sm transition-[background-color,border-color,opacity] hover:bg-foreground/45",
                   selectionMode || selected
                     ? "opacity-100 sm:opacity-100"
                     : "sm:opacity-0 sm:group-hover:opacity-100 sm:group-focus-within:opacity-100",
@@ -414,7 +414,7 @@ export function RecordingCard({
               )}
 
             {!displayFailed && !waitingForStorage && atRiskUpload && (
-              <div className="absolute inset-x-2 bottom-2 rounded-md border border-amber-500/30 bg-background/95 p-2 text-start shadow-sm backdrop-blur">
+              <div className="absolute inset-x-2 bottom-2 rounded-md border border-amber-500/30 bg-background/95 p-2 text-start shadow-sm">
                 <div className="flex items-start gap-2">
                   <IconAlertTriangle className="mt-0.5 h-3.5 w-3.5 shrink-0 text-amber-500" />
                   <div className="min-w-0 flex-1">
@@ -432,7 +432,7 @@ export function RecordingCard({
             {(displayFailed || waitingForStorage) && (
               <div
                 className={cn(
-                  "absolute inset-x-2 bottom-2 rounded-md border bg-background/95 p-2.5 text-start shadow-sm backdrop-blur",
+                  "absolute inset-x-2 bottom-2 rounded-md border bg-background/95 p-2.5 text-start shadow-sm",
                   waitingForStorage
                     ? "border-primary/30"
                     : "border-destructive/30",

package/corpus/templates/clips/app/hooks/use-library.ts

@@ -98,7 +98,8 @@ export function useRecordingsCount(
     "list-recordings",
     { ...normalizedArgs, countOnly: true } as any,
     {
-      select: (data: any) => (typeof data?.total === "number" ? data.total : 0),
+      select: (data: any) =>
+        typeof data?.total === "number" ? data.total : undefined,
       retry: false,
       throwOnError: false,
     },

package/corpus/templates/clips/app/routes/_app.trash.tsx

@@ -48,7 +48,7 @@ function Skeleton() {
   );
 }
 
-const PAGE_SIZE = 100;
+const PAGE_SIZE = 20;
 
 export default function TrashRoute() {
   const t = useT();
@@ -62,8 +62,6 @@ export default function TrashRoute() {
 
   const countArgs = useMemo(() => ({ view: "trash" as const }), []);
   const { data: totalCount } = useRecordingsCount(countArgs);
-  const total = totalCount ?? 0;
-  const totalPages = Math.max(1, Math.ceil(total / PAGE_SIZE));
 
   useEffect(() => {
     setPage(1);
@@ -71,10 +69,6 @@ export default function TrashRoute() {
     setLastSelectedId(null);
   }, [sort]);
 
-  useEffect(() => {
-    if (page > totalPages) setPage(totalPages);
-  }, [page, totalPages]);
-
   const args = useMemo(
     () => ({
       view: "trash" as const,
@@ -87,6 +81,19 @@ export default function TrashRoute() {
   const { data, isLoading, isError, isFetching, refetch } = useRecordings(args);
   const recordings = (data?.recordings ?? []) as RecordingSummary[];
 
+  // A failed count is not zero clips: without it, offer "next" while the page
+  // comes back full so later pages stay reachable.
+  const totalKnown = typeof totalCount === "number";
+  const total = totalKnown ? totalCount : 0;
+  const pageIsFull = recordings.length >= PAGE_SIZE;
+  const totalPages = totalKnown
+    ? Math.max(1, Math.ceil(total / PAGE_SIZE))
+    : page + (pageIsFull ? 1 : 0);
+
+  useEffect(() => {
+    if (totalKnown && page > totalPages) setPage(totalPages);
+  }, [totalKnown, page, totalPages]);
+
   const restore = useActionMutation<any, { id: string }>("restore-recording");
   const purge = useActionMutation<any, { id: string }>(
     "delete-recording-permanent",
@@ -311,11 +318,12 @@ export default function TrashRoute() {
       {!isLoading && recordings.length > 0 && totalPages > 1 && (
         <div className="flex shrink-0 items-center justify-between gap-3 border-t border-border px-5 py-2.5">
           <span className="text-xs text-muted-foreground">
-            {t("libraryGrid.paginationRange", {
-              start: (page - 1) * PAGE_SIZE + 1,
-              end: (page - 1) * PAGE_SIZE + recordings.length,
-              total,
-            })}
+            {totalKnown &&
+              t("libraryGrid.paginationRange", {
+                start: (page - 1) * PAGE_SIZE + 1,
+                end: (page - 1) * PAGE_SIZE + recordings.length,
+                total,
+              })}
           </span>
           <div className="flex items-center gap-2">
             <Button
@@ -329,7 +337,9 @@ export default function TrashRoute() {
               {t("libraryGrid.paginationPrevious")}
             </Button>
             <span className="text-xs text-muted-foreground">
-              {t("libraryGrid.paginationPage", { page, totalPages })}
+              {totalKnown
+                ? t("libraryGrid.paginationPage", { page, totalPages })
+                : page}
             </span>
             <Button
               variant="outline"

package/corpus/templates/content/CHANGELOG.md

@@ -7,6 +7,8 @@ time from the command menu (Cmd+K → "What's new").
 
 ### Fixed
 
+- ChatGPT widget previews show saved document bodies without a Content session.
+- Documents opened in ChatGPT show their saved content right away.
 - ChatGPT widgets show saved document bodies in read-only mode without a Content session.
 - Fixed Content pages that opened to an error in ChatGPT widgets
 

package/corpus/templates/design/.agents/skills/design-figma-parity/SKILL.md

@@ -0,0 +1,116 @@
+---
+name: design-figma-parity
+description: >-
+  Evidence rules for Design behavior parity claims and specs. Use when writing,
+  changing, reviewing, or triaging Design interaction behavior against Figma.
+scope: dev
+metadata:
+  internal: true
+---
+
+# Design and Figma parity
+
+Claude's packets, another agent's summary, clips, prior specs, and memory are
+evidence leads, not product authority. Steve decides product chrome and any
+intentional Design difference.
+
+## Rule
+
+State only behavior measured in native Figma or deliberately chosen by Steve.
+Keep every other behavior unmeasured; a screenshot pair, old spec, memory, or
+parity log is not a native Figma oracle.
+
+## Evidence
+
+- Cite a current `fig.*` record from `templates/design/parity/oracle/` for each
+  measured Figma behavior. Read and open its committed Figma artifact before
+  relying on it; a record proves provenance and integrity, not that its claim is
+  true.
+- Keep the measured gesture, native observation, date, operator, trial count,
+  relevant values, Design build, and source artifacts with the record. Measure
+  the same selection and state that the claim describes. Do not generalize
+  beyond the captured conditions.
+- A retracted or repeat-required record cannot support a test or behavior
+  change. Add a new record for a repeat; preserve the old record and its reason.
+- Mark a deliberate product choice `chosen`, name the decision maker and reason,
+  and link the measured behavior it differs from when known. Never describe a
+  chosen difference as parity.
+- If there is no usable record, say `unmeasured` and leave the behavior alone.
+  Ask Steve for a numbered gesture and the observable to capture when native
+  evidence is required. Do not infer behavior from clips, DOM state, old specs,
+  or another agent's summary.
+
+## Tests and review
+
+- Add a failing regression test before behavior changes. Design interaction
+  PRs must select the required, bounded (<10 minute) product-regression lane.
+  It covers position/alignment/layout inside a Frame, overlap drag, duplicate
+  without ghosts, Delete, paste, inspector X/Y, and the four
+  `canvas-invariants` / `inspector-styles` regressions. Verify collected test
+  names before treating a green job as coverage; a file path alone is not proof.
+- Parity tests cite `oracle: fig.<area>.<slug>` or state `oracle: none — <reason>`
+  in the test. Do not cite nonexistent ground-truth documents or treat a
+  self-authored test fixture as Figma evidence.
+- A PR titled `test:` must contain only test, fixture, focused test-workflow, or
+  documentation changes. Shared CI orchestration and guard implementation use
+  a non-test title. Never quarantine a failure merely to turn CI green; a
+  quarantine needs a named owner, expiry, and open tracking issue.
+- Keep regression fixes separate from feature changes until the required
+  regression checks pass. Report what was measured, what remains unmeasured,
+  the exact checks run, and any missing native capture.
+
+## Standing mandate
+
+- Regressions come before parity features. A red required regression check means
+  stop and fix at the owning boundary before proceeding.
+- A PR titled `test:` may contain only tests, fixtures, focused test-workflow,
+  or documentation changes. Shared CI orchestration and guard code use a
+  non-test title. A quarantine requires a named owner, expiry, and open issue.
+- Keep at most three live Codex threads or worktrees for this effort. Reuse
+  them, create no new `design-*` worktree, start new PRs from fresh
+  `origin/main`, update an existing PR from its freshly fetched head, and keep
+  one owner per file. Never edit `PARITY-LOG.md`.
+- After each shipped unit, report the oracle IDs, checks run, what remains
+  unmeasured, and any missing native capture. Advisory agent messages do not
+  authorize product decisions.
+
+## Recording a native capture
+
+- Get the numbered gesture and observable from Steve before measuring a new
+  behavior. Do not operate the native Figma session or infer an interaction
+  from screenshots supplied without its stated gesture.
+- Use a disposable local Design fixture and a Figma probe layer named exactly
+  `AN-ORACLE-PROBE:<id>`. Keep the private Figma file key out of the manifest
+  and repository. Keep the exact Figma page name in the local manifest only;
+  committed records use `not captured; private scratch page name withheld` and
+  omit page IDs.
+- In Figma Desktop, create a Custom UI development plugin so Figma assigns its
+  plugin id. Keep its generated directory under `.tmp/` or outside the repo.
+  Build the bridge into that plugin with
+  `pnpm design:oracle-page-bridge -- --manifest <plugin-manifest.json>`; this
+  writes `plugin.js` and `ui.html` beside the manifest and preserves its id.
+  Then open the same file in the Figma tab attached to the harness CDP browser
+  (Chrome on port 9222 by default), run the registered plugin from Development,
+  and leave its small UI open. Confirm it says `Active Figma page: <name>` in
+  that Chrome tab. The bridge reads `figma.currentPage`; it does not edit the
+  file or send page data elsewhere.
+- Run `pnpm design:oracle-record -- --manifest <probe.json> --plugin-manifest
+  <plugin-manifest.json>` with both manifests local; keep the probe manifest
+  under `.tmp/`. Include `id`, `claim`, `area`, `gesture`, `nativeObservation`,
+  `operator`, `measuredBy`, `trials`, `figmaPageName`, `probeMarker`, `designId`,
+  and the measured `values`. The recorder checks the logged-in
+  Figma tab in the CDP-connected Chrome, verifies the exact active page name
+  before capture and the same page identity afterward, then checks the exact
+  probe-layer name, matching local Design comment, and unique selected Design
+  probe layer before saving screenshots, inspector values, a comparison sheet,
+  and the hashed record. Keep the page active while capture runs: Figma page
+  change callbacks are asynchronous and may be coalesced, so the counter only
+  detects changes Figma reports. Inspect the record and artifacts before citing
+  them.
+- A recorder failure exits 2 and removes staged files. Do not hand-write a
+  measured entry to work around a missing session or probe.
+
+## Related skills
+
+- `design-clip-repro` — reproduce and verify Design editor behavior.
+- `verifying-changes` — exercise the broken path before reporting a fix done.

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

@@ -1402,7 +1402,13 @@ export const editorChromeBridgeScript: string = `"use strict";
       var host = ensureEditorChromeHost();
       editorChromeHostObserver?.disconnect();
       editorChromeDocumentObserver?.disconnect();
-      editorChromeHostObserver = new MutationObserver(repairEditorChromeHost);
+      editorChromeHostObserver = new MutationObserver(function() {
+        if (!editorChromeHost || editorChromeNodes.some(function(node) {
+          return node.parentNode !== editorChromeHost;
+        })) {
+          repairEditorChromeHost();
+        }
+      });
       editorChromeHostObserver.observe(host, { childList: true });
       editorChromeDocumentObserver = new MutationObserver(function() {
         if (!editorChromeHost || !editorChromeHost.isConnected || editorChromeHost.parentNode !== document.documentElement) {
@@ -3916,6 +3922,135 @@ export const editorChromeBridgeScript: string = `"use strict";
       }
       return el.parentElement;
     }
+    function positionReferenceRectForElement(el) {
+      var ancestor = el.parentElement;
+      while (ancestor) {
+        if (ancestor.getAttribute("data-an-primitive") === "frame") {
+          return rectInfoForElement(ancestor);
+        }
+        ancestor = ancestor.parentElement;
+      }
+      var root = el.ownerDocument.documentElement;
+      return {
+        x: 0,
+        y: 0,
+        width: root.clientWidth,
+        height: root.clientHeight
+      };
+    }
+    function multiplyPositionTransforms(left, right) {
+      return {
+        a: left.a * right.a + left.c * right.b,
+        b: left.b * right.a + left.d * right.b,
+        c: left.a * right.c + left.c * right.d,
+        d: left.b * right.c + left.d * right.d
+      };
+    }
+    function positionElementTransform(styles) {
+      var transform = styles.transform === "none" ? { a: 1, b: 0, c: 0, d: 1 } : new DOMMatrixReadOnly(styles.transform);
+      var result = {
+        a: transform.a,
+        b: transform.b,
+        c: transform.c,
+        d: transform.d
+      };
+      var scaleValue = styles.getPropertyValue("scale");
+      if (scaleValue && scaleValue !== "none") {
+        var scaleParts = scaleValue.trim().split(/\\s+/);
+        var scaleX = Number.parseFloat(scaleParts[0] || "1");
+        var scaleY = Number.parseFloat(scaleParts[1] || scaleParts[0] || "1");
+        result = multiplyPositionTransforms(
+          { a: scaleX, b: 0, c: 0, d: scaleY },
+          result
+        );
+      }
+      var rotateValue = styles.getPropertyValue("rotate");
+      if (rotateValue && rotateValue !== "none") {
+        var rotateParts = rotateValue.trim().split(/\\s+/);
+        var angle = rotateParts[rotateParts.length - 1] || "0deg";
+        var axis = rotateParts.length > 1 ? rotateParts[0] : "z";
+        var rotateFunction = axis === "x" || axis === "y" ? "rotate" + axis.toUpperCase() : "rotate";
+        var rotation = new DOMMatrixReadOnly(rotateFunction + "(" + angle + ")");
+        result = multiplyPositionTransforms(
+          { a: rotation.a, b: rotation.b, c: rotation.c, d: rotation.d },
+          result
+        );
+      }
+      var zoom = Number.parseFloat(styles.getPropertyValue("zoom"));
+      if (Number.isFinite(zoom) && zoom !== 1) {
+        result = multiplyPositionTransforms(
+          { a: zoom, b: 0, c: 0, d: zoom },
+          result
+        );
+      }
+      return result;
+    }
+    function establishesPositioningContext(styles) {
+      var translate = styles.getPropertyValue("translate");
+      var rotate = styles.getPropertyValue("rotate");
+      var scale = styles.getPropertyValue("scale");
+      var backdropFilter = styles.getPropertyValue("backdrop-filter");
+      return translate !== "" && translate !== "none" || rotate !== "" && rotate !== "none" || scale !== "" && scale !== "none" || styles.transform !== "none" || styles.perspective !== "none" || styles.filter !== "none" || backdropFilter !== "" && backdropFilter !== "none" || /(?:^|\\s)(?:layout|paint|strict|content)(?:\\s|$)/.test(styles.contain) || /transform|perspective|filter|contain/.test(styles.willChange) || styles.contentVisibility === "auto";
+    }
+    function positionComputedStylesForElement(el, cache) {
+      var cached = cache.get(el);
+      if (cached) return cached;
+      var styles = window.getComputedStyle(el);
+      cache.set(el, styles);
+      return styles;
+    }
+    function positionContainingBlockForElement(el, cache) {
+      var fixed = positionComputedStylesForElement(el, cache).position === "fixed";
+      var containingBlock = null;
+      var ancestor = el.parentElement;
+      while (ancestor) {
+        var styles = positionComputedStylesForElement(ancestor, cache);
+        if (fixed && establishesPositioningContext(styles) || !fixed && (styles.position !== "static" || establishesPositioningContext(styles))) {
+          containingBlock = ancestor;
+          break;
+        }
+        ancestor = ancestor.parentElement;
+      }
+      var transform = { a: 1, b: 0, c: 0, d: 1 };
+      for (ancestor = containingBlock; ancestor; ancestor = ancestor.parentElement) {
+        transform = multiplyPositionTransforms(
+          positionElementTransform(
+            positionComputedStylesForElement(ancestor, cache)
+          ),
+          transform
+        );
+      }
+      if (!containingBlock) {
+        return {
+          origin: { x: 0, y: 0 },
+          transform
+        };
+      }
+      var htmlContainingBlock = containingBlock;
+      var quaddedContainingBlock = containingBlock;
+      var paddingQuad = quaddedContainingBlock.getBoxQuads?.({
+        box: "padding"
+      })?.[0];
+      var scrollX = htmlContainingBlock.scrollLeft || 0;
+      var scrollY = htmlContainingBlock.scrollTop || 0;
+      if (paddingQuad) {
+        return {
+          origin: {
+            x: paddingQuad.p1.x + window.scrollX - transform.a * scrollX - transform.c * scrollY,
+            y: paddingQuad.p1.y + window.scrollY - transform.b * scrollX - transform.d * scrollY
+          },
+          transform
+        };
+      }
+      var rect = rectInfoForElement(containingBlock);
+      return {
+        origin: {
+          x: rect.x + transform.a * (htmlContainingBlock.clientLeft - scrollX) + transform.c * (htmlContainingBlock.clientTop - scrollY),
+          y: rect.y + transform.b * (htmlContainingBlock.clientLeft - scrollX) + transform.d * (htmlContainingBlock.clientTop - scrollY)
+        },
+        transform
+      };
+    }
     function autoLayoutParentInfo(el) {
       var parent = designParentForElement(el);
       if (!parent || parent === document.body || parent === document.documentElement) {
@@ -5433,14 +5568,24 @@ export const editorChromeBridgeScript: string = `"use strict";
         )
       };
     }
-    function getElementInfo(el, portableComputedStylesCache, includePortableStyleSnapshot = true) {
+    function getElementInfo(el, portableComputedStylesCache, includePortableStyleSnapshot = true, sharedPositionComputedStylesCache) {
       var cs = window.getComputedStyle(el);
+      var positionComputedStylesCache = sharedPositionComputedStylesCache || /* @__PURE__ */ new WeakMap();
+      positionComputedStylesCache.set(el, cs);
       var paintCs = window.getComputedStyle(vectorPaintTarget(el) || el);
       var boundingRect = rectInfoForElement(el);
       var componentName = componentNameForElement(el);
       var parentAutoLayout = autoLayoutParentInfo(el);
       var designParent = designParentForElement(el);
       var parentStyles = designParent ? window.getComputedStyle(designParent) : null;
+      if (designParent && parentStyles) {
+        positionComputedStylesCache.set(designParent, parentStyles);
+      }
+      var positionReferenceRect = positionReferenceRectForElement(el);
+      var positionCoordinateContext = positionContainingBlockForElement(
+        el,
+        positionComputedStylesCache
+      );
       var authoredSizeStyles = collectAuthoredSizeStyles(el);
       var parentDisplay = parentStyles ? parentStyles.display : void 0;
       var runtimeOnlyClone = isRuntimeOnlyClone(el);
@@ -5533,6 +5678,9 @@ export const editorChromeBridgeScript: string = `"use strict";
         styleSnapshotCaptureFailed: portableStyleSnapshot === null ? true : void 0,
         boundingRect,
         parentBoundingRect: designParent ? rectInfoForElement(designParent) : void 0,
+        positionReferenceRect,
+        positionContainingBlockOrigin: positionCoordinateContext.origin,
+        positionContainingBlockTransform: positionCoordinateContext.transform,
         textContent: el.textContent ? el.textContent.slice(0, 200) : void 0,
         textContentTruncated: el.textContent ? el.textContent.length > 200 : void 0,
         htmlContent: el.innerHTML && el.innerHTML !== el.textContent ? el.innerHTML.slice(0, 4e3) : void 0,
@@ -5704,6 +5852,7 @@ export const editorChromeBridgeScript: string = `"use strict";
     }
     function collectSelectableElementInfos(deep, atPoint, includePortableStyleSnapshot = true) {
       var targets = collectSelectableElements(deep);
+      var positionComputedStylesCache = /* @__PURE__ */ new WeakMap();
       if (atPoint) {
         targets = targets.filter(function(el) {
           return documentSpaceBoundsContainPoint(el, atPoint);
@@ -5711,14 +5860,24 @@ export const editorChromeBridgeScript: string = `"use strict";
       }
       if (!includePortableStyleSnapshot) {
         return targets.map(function(target) {
-          return getElementInfo(target, void 0, false);
+          return getElementInfo(
+            target,
+            void 0,
+            false,
+            positionComputedStylesCache
+          );
         });
       }
       portableStyleProbeDocument();
       var portableComputedStylesCache = createPortableStyleComputedStylesCache();
       try {
         return targets.map(function(target) {
-          return getElementInfo(target, portableComputedStylesCache, true);
+          return getElementInfo(
+            target,
+            portableComputedStylesCache,
+            true,
+            positionComputedStylesCache
+          );
         });
       } finally {
         if (portableComputedStylesCache) {
@@ -5795,6 +5954,7 @@ export const editorChromeBridgeScript: string = `"use strict";
       handle.setAttribute("data-agent-native-edit-handle", pos);
       var cursor = pos === "n" || pos === "s" ? "ns-resize" : pos === "e" || pos === "w" ? "ew-resize" : pos === "nw" || pos === "se" ? "nwse-resize" : "nesw-resize";
       handle.style.cssText = "position:absolute;z-index:1;width:7px;height:7px;border:1px solid var(--design-editor-accent-color);background:var(--design-editor-accent-contrast-color);box-sizing:border-box;border-radius:2px;box-shadow:0 1px 2px color-mix(in srgb,var(--design-editor-accent-color) 25%,transparent);pointer-events:auto;cursor:" + cursor + ";";
+      if (pos.length === 2) handle.style.zIndex = "4";
       if (pos.indexOf("n") !== -1) handle.style.top = "-4px";
       if (pos.indexOf("s") !== -1) handle.style.bottom = "-4px";
       if (pos.indexOf("w") !== -1) handle.style.left = "-4px";
@@ -8698,6 +8858,7 @@ export const editorChromeBridgeScript: string = `"use strict";
         var isRadiusHandleVisible = pos === hoveredRadiusHandleKey || pos === activeRadiusHandleKey;
         handle.style.visibility = isRadiusHandleVisible ? "visible" : "hidden";
         handle.style.pointerEvents = isRadiusHandleVisible ? "auto" : "none";
+        handle.style.zIndex = isRadiusHandleVisible ? "5" : "2";
         handle.style.width = size + "px";
         handle.style.height = size + "px";
         handle.style.borderWidth = 1.5 * line + "px";
@@ -20246,6 +20407,21 @@ export const editorChromeBridgeScript: string = `"use strict";
           }
           if (!focusInsideEdit) {
             if (!isEditorTypingTarget(activeNow)) {
+              if (e.key === "Delete" || e.key === "Backspace") {
+                var unfocusedEditHotkey = {
+                  key: e.key,
+                  code: e.code,
+                  metaKey: !!e.metaKey,
+                  ctrlKey: !!e.ctrlKey,
+                  shiftKey: !!e.shiftKey,
+                  altKey: !!e.altKey,
+                  repeat: !!e.repeat
+                };
+                stopNativeInteraction(e);
+                if (finishActiveTextEdit) finishActiveTextEdit(true);
+                postDesignHotkey(unfocusedEditHotkey);
+                return;
+              }
               try {
                 activeTextEditEl.focus();
                 collapseSelectionIntoContents(activeTextEditEl);
@@ -22283,6 +22459,9 @@ export const editorChromeBridgeScript: string = `"use strict";
           return;
         }
         if (e.data.applied) {
+          if (moveWasInsert && move.el && move.el.isConnected) {
+            move.el.removeAttribute("data-agent-native-transient-drag-clone");
+          }
           if (!moveWasInsert && move.el && move.el.isConnected && move.target) {
             applyRuntimeReorder(move.el, move.target);
             selectedEl = move.el;

package/corpus/templates/design/AGENTS.md

@@ -10,6 +10,7 @@ Read relevant guides before deeper work:
 - `.agents/skills/design-templates/SKILL.md` — when reusing existing Design work.
 - `.agents/skills/responsive-breakpoints/SKILL.md` — for breakpoint editing.
 - `.agents/skills/design-systems/SKILL.md` — for tokens, brand extraction, or Figma.
+- `.agents/skills/design-figma-parity/SKILL.md` — for evidence rules on measured Figma behavior claims.
 - `.agents/skills/creative-context/SKILL.md` — for cross-app sources and governed context.
 - `.agents/skills/design-review-feedback/SKILL.md` — for persisted review comments.
 - `.agents/skills/export-handoff/SKILL.md` — for exports and coding handoffs.

package/corpus/templates/design/CHANGELOG.md

@@ -3,6 +3,13 @@
 All notable user-facing changes to Design are documented here. Open it any time
 from the command menu (Cmd+K → "What's new") or from Settings.
 
+## 2026-10-07
+
+### Fixed
+
+- Design keeps frame-relative positions and selections stable when moving or pasting layers.
+- Position values stay aligned with selected layers in layouts with body margins.
+
 ## 2026-10-06
 
 ### Added