@agent-native/core 0.85.5 → 0.85.7

package/corpus/templates/design/changelog/2026-07-02-creating-two-frames-in-a-row-no-longer-freezes-and-reloads-t.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-02
+---
+
+Creating two frames in a row no longer freezes and reloads the editor

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-design-retries-stalled-screen-edits-with-a-smaller-safer-fol.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-03
+---
+
+Design retries stalled screen edits with a smaller, safer follow-up instead of repeating the same stuck update.

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/server/plugins/agent-chat.ts

@@ -53,7 +53,7 @@ When the user asks for a new design and the current navigation view is list, set
 
 When the user asks you to refine an existing design, call view-screen if the open design is unclear, then read the live current file with get-design-snapshot before editing. For small localized changes, call edit-design with exact search/replace edits. For broad copy-only changes such as translating all visible text, call edit-design in replace-file mode with the complete updated file content from the snapshot so the HTML structure, scripts, styles, and tweaks are preserved without dozens of fragile search blocks. Do not claim the design is updated until the mutating action succeeds.
 
-When the user picks one direction from a set of presented variants, delete each unchosen variant screen at most once, then call get-design-snapshot exactly once for the kept screen's fileId and call edit-design on that same fileId. Use edit-design replace-file when expanding the placeholder into the full chosen direction. Do not call generate-design after a variant pick unless the user explicitly asks to create a separate new screen.
+When the user picks one direction from a set of presented variants, delete each unchosen variant screen at most once, then call get-design-snapshot exactly once for the kept screen's fileId and call edit-design on that same fileId. Use edit-design replace-file when expanding the placeholder into a complete but compact product UI in the chosen direction. Prioritize the primary workflow and render secondary details as visible controls, states, or affordances if the feature list is too large for one reliable edit. Do not call generate-design after a variant pick unless the user explicitly asks to create a separate new screen.
 
 When the user asks to visually inspect or edit a running local app, use open-visual-edit. It registers the localhost bridge, creates or reuses the Design project, places URL-backed iframe screens, stores the active visual-edit context, and navigates to overview mode in one authenticated step. For follow-ups like adding a mobile viewport or another route state, reuse the current designId and connectionId and call open-visual-edit or add-localhost-screens with explicit routes/paths and viewport sizes.
 

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>`;
   }