@agent-native/core 0.85.6 → 0.85.7

package/corpus/templates/design/changelog/2026-07-03-canvas-interactions-now-match-figma-rotation-aware-resizing-.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-03
+---
+
+Canvas interactions now match Figma: rotation-aware resizing, shift constraints, smarter snapping with equal-gap guides, group rotation, and reliable alt-drag duplicating

package/corpus/templates/design/changelog/2026-07-03-inspector-fixes-mixed-selections-show-mixed-instead-of-wrong.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-03
+---
+
+Inspector fixes: mixed selections show Mixed instead of wrong values, gradients edit safely, and hidden fills restore their original colors

package/corpus/templates/design/changelog/2026-07-03-keyframe-timeline-works-reliably-drag-keyframes-smoothly-pic.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-03
+---
+
+Keyframe timeline works reliably: drag keyframes smoothly, pick easing per keyframe, and motion edits save safely without reverting

package/corpus/templates/design/changelog/2026-07-03-layers-panel-matches-figma-top-layer-on-top-drag-with-auto-s.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-03
+---
+
+Layers panel matches Figma: top layer on top, drag with auto-scroll and spring-open folders, and hidden layers stay out of exports

package/corpus/templates/design/changelog/2026-07-03-much-faster-editor-smooth-dragging-zooming-and-panel-updates.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-03
+---
+
+Much faster editor: smooth dragging, zooming, and panel updates in large multi-screen files

package/corpus/templates/design/changelog/2026-07-03-pen-tool-refinements-click-the-first-point-to-close-with-a-d.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-03
+---
+
+Pen tool refinements: click the first point to close with a drag-to-curve, double-click to finish, alt to break handles, and anchors stay visible at any zoom

package/corpus/templates/design/changelog/2026-07-03-text-editing-enter-adds-a-line-break-international-ime-typin.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-03
+---
+
+Text editing: Enter adds a line break, international (IME) typing works, and text keeps its content during live collaboration

package/corpus/templates/design/changelog/2026-07-03-undo-and-redo-are-dependable-across-agent-edits-screen-switc.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-03
+---
+
+Undo and redo are dependable across agent edits, screen switches, and copy/paste between tabs

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

@@ -17,6 +17,47 @@ function escapeHtml(str: string): string {
     .replace(/"/g, """);
 }
 
+// Layers toggled hidden in the editor are only visually suppressed by the
+// live editor bridge (which paints `display:none` on
+// `[data-agent-native-hidden="true"]` inside the canvas iframe). Exports never
+// go through that bridge, so without this rule hidden layers would leak back
+// into every exported artifact. Inject the same rule at export time so
+// hidden-in-editor stays hidden-in-export.
+export const HIDDEN_LAYER_EXPORT_STYLE_MARKER =
+  "data-agent-native-export-hidden";
+export const HIDDEN_LAYER_EXPORT_CSS = `[data-agent-native-hidden="true"]{display:none!important}`;
+
+/**
+ * Wraps the hidden-layer suppression rule in a marked <style> tag so callers
+ * can idempotently check whether it's already present (e.g. before injecting
+ * into HTML that may have already been through this pipeline).
+ */
+export function hiddenLayerExportStyleTag(): string {
+  return `<style ${HIDDEN_LAYER_EXPORT_STYLE_MARKER}>${HIDDEN_LAYER_EXPORT_CSS}</style>`;
+}
+
+/**
+ * Injects the hidden-layer suppression rule into a standalone HTML document,
+ * before `</head>` when present, otherwise prepended to the document. Safe to
+ * call more than once — re-injection is skipped if the marked style tag is
+ * already present.
+ */
+export function injectHiddenLayerExportStyle(html: string): string {
+  if (
+    new RegExp(`<style[^>]*${HIDDEN_LAYER_EXPORT_STYLE_MARKER}\\b`, "i").test(
+      html,
+    )
+  ) {
+    return html;
+  }
+  const styleTag = hiddenLayerExportStyleTag();
+  const closeHead = html.lastIndexOf("</head>");
+  if (closeHead !== -1) {
+    return `${html.slice(0, closeHead)}${styleTag}\n${html.slice(closeHead)}`;
+  }
+  return `${styleTag}\n${html}`;
+}
+
 function extractRenderableHtml(content: string): string {
   const bodyMatch = content.match(/<body\b[^>]*>([\s\S]*?)<\/body>/i);
   if (bodyMatch) return bodyMatch[1].trim();
@@ -90,7 +131,7 @@ export function buildStandaloneHtml(args: {
       }
     }
 
-    return html;
+    return injectHiddenLayerExportStyle(html);
   }
 
   const combinedBody = [...htmlFiles, ...jsxFiles]
@@ -108,6 +149,7 @@ export function buildStandaloneHtml(args: {
   <style>
     ${combinedCss}
   </style>
+  ${hiddenLayerExportStyleTag()}
 </head>
 <body>
   ${combinedBody}

package/corpus/templates/design/shared/board-file.ts

@@ -104,13 +104,18 @@ export function boardObjectEntryToHtmlFragment(
   const nodeId = id;
   const layerName = name ?? kindToLayerName(kind);
 
+  // Auto-sized text grows to fit its content (matches the creation path in
+  // DesignEditor.tsx canvasPrimitiveHtmlDocument, which omits width/height for
+  // `kind === "text" && primitive.autoSize`). Persisting a fixed width/height
+  // for these would fight the auto-size behavior on reload.
+  const isAutoSizeText = kind === "text" && entry.autoSize === true;
+
   // Base inline style — negative left/top are kept as-is.
   const baseStyle = [
     "position:absolute",
     `left:${x}px`,
     `top:${y}px`,
-    `width:${width}px`,
-    `height:${height}px`,
+    ...(isAutoSizeText ? [] : [`width:${width}px`, `height:${height}px`]),
     ...(geometry.rotation ? [`transform:rotate(${geometry.rotation}deg)`] : []),
     ...(typeof geometry.z === "number" ? [`z-index:${geometry.z}`] : []),
   ].join(";");
@@ -152,7 +157,19 @@ export function boardObjectEntryToHtmlFragment(
       markerEnd = ` marker-end="url(#${escapeAttr(markerId)})"`;
     }
 
-    return `<svg style="${baseStyle}" xmlns="http://www.w3.org/2000/svg" overflow="visible" ${dataAttrs}>${markerDefs}<path d="${escapeAttr(d)}" fill="none" stroke="${escapeAttr(strokeColor)}" stroke-width="${sw}" stroke-linecap="round" stroke-linejoin="round"${markerEnd}/></svg>`;
+    // Pen-authored paths (pathData present) serialize anchors in absolute
+    // canvas/geometry space, not relative to the fragment's own 0,0 origin
+    // like the synthesized `pts`-based `d` above. Without a matching viewBox,
+    // the SVG paints those absolute coordinates directly inside its own
+    // top-left-at-0,0 box while the box itself is *also* offset to
+    // geometry.x/y via baseStyle's left/top — doubling the displacement.
+    // Give the SVG a viewBox anchored at the geometry origin so pathData
+    // coordinates land exactly where they were authored.
+    const viewBoxAttr = pathData
+      ? ` viewBox="${x} ${y} ${width} ${height}"`
+      : "";
+
+    return `<svg style="${baseStyle}" xmlns="http://www.w3.org/2000/svg" overflow="visible"${viewBoxAttr} ${dataAttrs}>${markerDefs}<path d="${escapeAttr(d)}" fill="none" stroke="${escapeAttr(strokeColor)}" stroke-width="${sw}" stroke-linecap="round" stroke-linejoin="round"${markerEnd}/></svg>`;
   }
 
   // Ellipse kind uses a <div> with border-radius.
@@ -165,10 +182,13 @@ export function boardObjectEntryToHtmlFragment(
     return `<div style="${style}" ${dataAttrs}></div>`;
   }
 
-  // Text kind uses a <div> with text content.
+  // Text kind uses a <div> with text content. font-size/line-height defaults
+  // match the creation path (DesignEditor.tsx canvasPrimitiveHtmlDocument:
+  // element.style.fontSize = "16px"; element.style.lineHeight = "1.2";) so a
+  // freshly persisted board text object looks identical to its draft preview.
   if (kind === "text") {
     const color = fill ?? "inherit";
-    const style = `${baseStyle};color:${color};white-space:pre-wrap;`;
+    const style = `${baseStyle};color:${color};white-space:pre-wrap;font-size:16px;line-height:1.2;`;
     return `<div style="${style}" ${dataAttrs}>${text ? escapeHtml(text) : ""}</div>`;
   }