npm - @agent-native/core - Versions diffs - 0.90.1 → 0.90.2 - Mend

@agent-native/core 0.90.1 → 0.90.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (295) hide show

package/corpus/templates/design/app/pages/Index.tsx CHANGED Viewed

@@ -9,6 +9,7 @@ import {
   useSetPageTitle,
 } from "@agent-native/toolkit/app-shell";
 import { FULL_APP_BUILDING_ENABLED } from "@shared/full-app";
+import { derivePromptTitle } from "@shared/prompt-title";
 import {
   IconChecks,
   IconPlus,
@@ -115,6 +116,10 @@ export default function Index() {
   const deleteMutation = useActionMutation("delete-design");
   const duplicateMutation = useActionMutation("duplicate-design");
   const updateMutation = useActionMutation("update-design");
+  const generateTitleMutation = useActionMutation("generate-design-title");
+  // Designs the user has manually renamed since creation — an AI-generated
+  // title that resolves later must never clobber an explicit rename.
+  const userRenamedDesignIdsRef = useRef<Set<string>>(new Set());
   const {
     designSystems,
     defaultSystem,
@@ -267,6 +272,38 @@ export default function Index() {
     [queryClient, createMutation],
   );
+  // Mirrors the chat-title flow: the placeholder (derivePromptTitle) shows
+  // immediately, then a short AI-generated name replaces it in the
+  // background once it resolves. Never blocks navigation or generation.
+  const handleGenerateDesignTitle = useCallback(
+    (designId: string, prompt: string, previousTitle: string) => {
+      generateTitleMutation
+        .mutateAsync({ designId, prompt, previousTitle } as any)
+        .then((result: any) => {
+          if (!result?.updated || !result.title) return;
+          if (userRenamedDesignIdsRef.current.has(designId)) return;
+          queryClient.setQueriesData(
+            { queryKey: ["action", "list-designs"] },
+            (old: any) => {
+              if (!old || typeof old !== "object") return old;
+              return {
+                ...old,
+                count: old.count ?? (old.designs ?? []).length,
+                designs: (old.designs ?? []).map((d: Design) =>
+                  d.id === designId ? { ...d, title: result.title } : d,
+                ),
+              };
+            },
+          );
+        })
+        .catch(() => {
+          // Best-effort background enhancement — the placeholder title
+          // already saved at creation time stays as the final title.
+        });
+    },
+    [generateTitleMutation, queryClient],
+  );
   const handleSubmitPrompt = useCallback(
     (
       prompt: string,
@@ -284,6 +321,7 @@ export default function Index() {
           : newDesignSystemId;
       const { id, title, ready } = createDesign(derivedTitle, designSystemId);
+      handleGenerateDesignTitle(id, prompt, title);
       if (FULL_APP_BUILDING_ENABLED && newDesignMode === "app") {
         // Full-app designs are backed by a real running container, not a
@@ -344,6 +382,7 @@ export default function Index() {
     [
       createDesign,
       createFusionAppMutation,
+      handleGenerateDesignTitle,
       navigate,
       newDesignMode,
       newDesignSystemId,
@@ -434,6 +473,8 @@ export default function Index() {
     setRenameId(null);
     if (!next) return;
+    userRenamedDesignIdsRef.current.add(id);
     queryClient.setQueriesData(
       { queryKey: ["action", "list-designs"] },
       (old: any) => {
@@ -815,28 +856,6 @@ export default function Index() {
   );
 }
-/**
- * Derive a short, friendly title from a prompt. The full prompt still drives
- * generation — the title is just a label that shows up in the editor header
- * and the design card, so longer is worse.
- *
- * Strategy: take the first line, strip trailing punctuation, then truncate
- * at the nearest word boundary near 40 chars (with an ellipsis when cut).
- */
-function derivePromptTitle(prompt: string): string {
-  const firstLine = prompt
-    .split("\n")[0]
-    ?.trim()
-    .replace(/[.!?]+$/, "");
-  if (!firstLine) return "Untitled Design";
-  const MAX = 40;
-  if (firstLine.length <= MAX) return firstLine;
-  const slice = firstLine.slice(0, MAX);
-  const lastSpace = slice.lastIndexOf(" ");
-  const trimmed = lastSpace > 20 ? slice.slice(0, lastSpace) : slice;
-  return `${trimmed.trim()}…`;
-}
 /**
  * Render the design's index.html as a non-interactive thumbnail. The iframe
  * renders at a fixed natural size (so designs that assume a desktop viewport

package/corpus/templates/design/changelog/2026-06-29-design-inspector-controls-now-match-figmas-softer-dark-chrome.md CHANGED Viewed

@@ -3,4 +3,4 @@ type: improved
 date: 2026-06-29
 ---
-Design inspector controls now match Figma's softer dark chrome more closely.
+Design inspector controls now use a softer, more refined dark chrome.

package/corpus/templates/design/changelog/2026-06-30-design-now-has-a-figma-style-left-rail-for-file-agent-assets.md CHANGED Viewed

@@ -3,4 +3,4 @@ type: improved
 date: 2026-06-30
 ---
-Design now has a Figma-style left rail for File, Agent, Assets, Tools, and Tokens.
+Design now has a slim left rail for File, Agent, Assets, Tools, and Tokens.

package/corpus/templates/design/changelog/2026-06-30-design-tools-now-use-a-quieter-figma-style-list-layout.md CHANGED Viewed

@@ -3,4 +3,4 @@ type: improved
 date: 2026-06-30
 ---
-Design tools now use a quieter Figma-style list layout.
+Design tools now use a quieter, more compact list layout.

package/corpus/templates/design/changelog/2026-06-30-multi-select-outlines-now-stay-consistent-across-all-screens.md CHANGED Viewed

@@ -3,4 +3,4 @@ type: fixed
 date: 2026-06-30
 ---
-Multi-select outlines now stay consistent across All screens and root canvas marquee selection works more like Figma.
+Multi-select outlines now stay consistent across All screens and root canvas marquee selection is more predictable.

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

@@ -3,4 +3,4 @@ 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
+Canvas interactions are sharper: 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-layers-panel-matches-figma-top-layer-on-top-drag-with-auto-s.md CHANGED Viewed

@@ -3,4 +3,4 @@ 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
+Layers panel is smarter: 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-05-designs-get-ai-generated-names-from-your-prompt.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-05
+---
+Designs get AI-generated names from your prompt

package/corpus/templates/design/changelog/2026-07-05-local-code-screens-keep-their-connection-when-duplicated-and.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-05
+---
+Local-code screens keep their connection when duplicated, and source saves now detect conflicts

package/corpus/templates/design/changelog/2026-07-05-press-a-to-draw-screens-on-the-canvas-inside-a-screen-it-dr.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-05
+---
+Press A to draw screens on the canvas; inside a screen it draws a plain frame div

package/corpus/templates/design/changelog/2026-07-06-3d-rotation-and-perspective-controls-on-every-element.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-06
+---
+3D rotation and perspective controls on every element

package/corpus/templates/design/changelog/2026-07-06-ai-generated-and-duplicated-screens-now-get-their-editor-sel.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+AI-generated and duplicated screens now get their editor selection IDs stamped automatically, and multi-screen generation sizes each screen to its intended device instead of forcing every screen to the same size

package/corpus/templates/design/changelog/2026-07-06-applying-shaders-and-fills-in-quick-succession-can-no-longer.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Applying shaders and fills in quick succession can no longer corrupt a screen

package/corpus/templates/design/changelog/2026-07-06-breakpoint-frames-in-the-overview-now-support-click-to-selec.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-06
+---
+Breakpoint frames in the overview now support click-to-select, a width/remove menu, and full-view entry, and deleting an element while a breakpoint is active now hides it only at that width instead of removing it everywhere

package/corpus/templates/design/changelog/2026-07-06-breakpoint-segments-in-the-inspector-now-show-a-device-icon-.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-06
+---
+Breakpoint segments in the inspector now show a device icon (phone/tablet/desktop) for each width

package/corpus/templates/design/changelog/2026-07-06-breakpoint-targeting-now-lives-in-one-compact-control-in-the.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-06
+---
+Breakpoint targeting now lives in one compact control in the inspector header, with per-breakpoint options to change width or remove it

package/corpus/templates/design/changelog/2026-07-06-canvas-edits-can-no-longer-be-overwritten-by-stale-collabora.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Canvas edits can no longer be overwritten by stale collaborative sessions

package/corpus/templates/design/changelog/2026-07-06-canvas-edits-inside-screens-save-reliably-again.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Canvas edits inside screens save reliably again

package/corpus/templates/design/changelog/2026-07-06-cleaner-inspector-removed-the-ask-ai-box-from-the-design-tab.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-06
+---
+Cleaner inspector: removed the Ask AI box from the Design tab

package/corpus/templates/design/changelog/2026-07-06-clicking-empty-canvas-space-now-deselects-an-element-inside-.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Clicking empty canvas space now deselects an element inside a screen, not just a selected screen frame

package/corpus/templates/design/changelog/2026-07-06-dragging-an-element-onto-a-rectangle-now-nests-it-inside-wit.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-06
+---
+Dragging an element onto a rectangle now nests it inside with auto-layout, just like dropping into a frame

package/corpus/templates/design/changelog/2026-07-06-dragging-screens-and-objects-on-the-canvas-is-now-much-smoot.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-06
+---
+Dragging screens and objects on the canvas is now much smoother, especially in boards with many screens

package/corpus/templates/design/changelog/2026-07-06-drawing-a-shape-or-text-on-the-canvas-no-longer-flashes-away.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Drawing a shape or text on the canvas no longer flashes away and back — it stays visible while it saves, and new text can be typed into immediately

package/corpus/templates/design/changelog/2026-07-06-dropping-an-element-between-two-others-inside-a-screen-now-s.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Dropping an element between two others inside a screen now shows the insertion line and lands exactly where you point

package/corpus/templates/design/changelog/2026-07-06-duplicating-a-screen-now-places-the-copy-exactly-where-you-d.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Duplicating a screen now places the copy exactly where you drop it, matching the original screen's size

package/corpus/templates/design/changelog/2026-07-06-edit-gradients-directly-on-elements-inside-screens-scale-str.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-06
+---
+Edit gradients directly on elements inside screens, scale strokes proportionally with K, and drop assets exactly where you point

package/corpus/templates/design/changelog/2026-07-06-edits-from-collaborators-and-the-agent-now-update-the-canvas.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Edits from collaborators and the agent now update the canvas in place instead of briefly flashing the screen

package/corpus/templates/design/changelog/2026-07-06-fixed-a-bug-where-most-style-position-and-text-edits-briefly.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Fixed a bug where most style, position, and text edits briefly flashed the whole screen preview, especially at responsive breakpoints

package/corpus/templates/design/changelog/2026-07-06-fixed-a-confusing-raw-error-message-when-a-file-upload-fails.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Fixed a confusing raw error message when a file upload fails with a non-JSON server response

package/corpus/templates/design/changelog/2026-07-06-fixed-a-rare-case-where-an-edit-could-be-silently-overwritte.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Fixed a rare case where an edit could be silently overwritten if another change landed at the exact same moment

package/corpus/templates/design/changelog/2026-07-06-fixed-inserted-assets-sometimes-disappearing-reappearing-or-.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Fixed inserted assets sometimes disappearing, reappearing, or corrupting the screen when added while other edits were in progress

package/corpus/templates/design/changelog/2026-07-06-fixed-inspector-value-scrubbing-producing-erratic-numbers-an.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Fixed inspector value scrubbing producing erratic numbers and typed values reverting after pressing Enter

package/corpus/templates/design/changelog/2026-07-06-fixed-padding-gap-and-min-max-size-scrubbing-not-updating-th.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Fixed padding, gap, and min/max size scrubbing not updating the canvas live while dragging

package/corpus/templates/design/changelog/2026-07-06-fixed-text-stroke-color-turning-black-and-glyphs-disappearin.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Fixed text stroke color turning black and glyphs disappearing when the fill was removed on text with an outline

package/corpus/templates/design/changelog/2026-07-06-fixed-the-collapsed-effects-and-stroke-inspector-sections-sh.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Fixed the collapsed Effects and Stroke inspector sections showing an empty gap under their headers for plain elements

package/corpus/templates/design/changelog/2026-07-06-fixed-the-new-design-dialog-closing-unexpectedly-when-using-.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Fixed the New Design dialog closing unexpectedly when using the project or design-system dropdown inside it

package/corpus/templates/design/changelog/2026-07-06-fixed-the-typography-section-missing-when-selecting-text-nes.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Fixed the Typography section missing when selecting text nested inside a rectangle

package/corpus/templates/design/changelog/2026-07-06-full-view-no-longer-flashes-back-to-the-overview-on-entry-no.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Full view no longer flashes back to the overview on entry, no bar covers the top of your page anymore, and zooming out keeps the screen centered

package/corpus/templates/design/changelog/2026-07-06-keyframe-animation-timeline-per-property-keyframes-easing-cu.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-06
+---
+Keyframe animation timeline — per-property keyframes, easing curves and springs, and loop modes

package/corpus/templates/design/changelog/2026-07-06-moving-restyling-and-scrubbing-values-on-elements-in-ai-gene.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Moving, restyling, and scrubbing values on elements in AI-generated designs now works reliably — elements get a stable id the moment you select them

package/corpus/templates/design/changelog/2026-07-06-padding-and-corner-radius-value-scrubbing-now-snaps-to-whole.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-06
+---
+Padding and corner-radius value scrubbing now snaps to whole pixels, and scrubbing the combined padding control no longer flips it into the per-side view mid-drag.

package/corpus/templates/design/changelog/2026-07-06-padding-handles-now-only-resize-on-the-handle-line-itself-sh.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-06
+---
+Padding handles now only resize on the handle line itself, show a live value while hovering or dragging, and the drop-position indicator is visible again when reordering elements

package/corpus/templates/design/changelog/2026-07-06-preview-and-edit-hover-focus-and-pressed-states-with-real-cs.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-06
+---
+Preview and edit hover, focus, and pressed states with real CSS output

package/corpus/templates/design/changelog/2026-07-06-promoting-an-element-to-a-component-now-works-correctly-for-.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Promoting an element to a component now works correctly for elements on any screen, not just the first one

package/corpus/templates/design/changelog/2026-07-06-reduced-url-history-churn-and-selection-overlay-flicker-whil.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-06
+---
+Reduced URL history churn and selection-overlay flicker while zooming or editing

package/corpus/templates/design/changelog/2026-07-06-removed-the-decorative-dot-before-screen-names-in-the-overvi.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-06
+---
+Removed the decorative dot before screen names in the overview

package/corpus/templates/design/changelog/2026-07-06-responsive-breakpoints-edit-at-any-width-with-cascading-over.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-06
+---
+Responsive breakpoints: pick a device width from the inspector, edits at any width persist as cascading overrides, and breakpoint frames render side by side linked to the base screen

package/corpus/templates/design/changelog/2026-07-06-screen-labels-no-longer-turn-blue-when-you-hover-inside-the-.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Screen labels no longer turn blue when you hover inside the screen, only when you hover the label itself or select the screen

package/corpus/templates/design/changelog/2026-07-06-scrolling-a-screen-with-an-element-selected-stays-smooth-on-.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Scrolling a screen with an element selected stays smooth on complex pages

package/corpus/templates/design/changelog/2026-07-06-selecting-multiple-elements-and-dragging-now-moves-the-whole.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-06
+---
+Selecting multiple elements and dragging now moves the whole selection together, keeping their spacing

package/corpus/templates/design/changelog/2026-07-06-selection-borders-handles-and-value-readouts-now-stay-the-sa.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Selection borders, handles, and value readouts now stay the same size on screen at any zoom level

package/corpus/templates/design/changelog/2026-07-06-selection-handles-and-editing-chrome-now-stay-a-constant-siz.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Selection handles and editing chrome now stay a constant size as you zoom in single-screen view

package/corpus/templates/design/changelog/2026-07-06-shader-fills-and-effects-ai-authored-or-preset-glsl-shaders-.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-06
+---
+Shader fills and effects: AI-authored or preset GLSL shaders with live uniform knobs, editable source in the Code panel, and WebGL rendering that works in exports

package/corpus/templates/design/changelog/2026-07-06-text-drawn-on-the-canvas-now-defaults-to-white-and-inter-in-.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Text drawn on the canvas now defaults to white and Inter in dark mode so it is readable, instead of invisible dark serif text

package/corpus/templates/design/changelog/2026-07-06-text-dropped-into-a-shape-now-stays-readable-instead-of-disa.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Text dropped into a shape now stays readable instead of disappearing when its color matches the background

package/corpus/templates/design/changelog/2026-07-06-the-add-tweak-controls-prompt-no-longer-jumps-to-the-corner-.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+The add-tweak-controls prompt no longer jumps to the corner of the screen while closing or opening

package/corpus/templates/design/changelog/2026-07-06-the-padding-value-readout-now-stays-visible-while-you-hover-.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+The padding value readout now stays visible while you hover or drag a padding handle

package/corpus/templates/design/changelog/2026-07-06-the-selected-element-attachment-now-clears-from-the-chat-com.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+The selected element attachment now clears from the chat composer after you send an edit request

package/corpus/templates/design/changelog/2026-07-06-the-zoom-menu-is-more-compact-with-tight-rows-and-right-alig.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-06
+---
+The zoom menu is more compact with tight rows and right-aligned shortcuts

package/corpus/templates/design/changelog/2026-07-06-undo-and-redo-no-longer-flash-the-screen-changes-now-apply-i.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Undo and redo no longer flash the screen — changes now apply in place instead of reloading the canvas

package/corpus/templates/design/changelog/2026-07-06-zoom-presets-like-zoom-to-50-now-stay-on-the-focused-screen-.md ADDED Viewed

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-06
+---
+Zoom presets like "Zoom to 50%" now stay on the focused screen instead of jumping back to the overview

package/corpus/templates/design/server/lib/import-design-files.ts CHANGED Viewed

@@ -12,6 +12,7 @@ import {
   mergeCanvasFramePlacements,
   type CanvasFramePlacement,
 } from "../../shared/canvas-frames.js";
+import { annotateScreenHtmlForPersist } from "../../shared/screen-annotation.js";
 import { getDb, schema } from "../db/index.js";
 const DEFAULT_FRAME_WIDTH = 1440;
@@ -228,16 +229,24 @@ export async function saveImportedDesignFiles(
         usedFilenames,
       );
       const fileId = nanoid();
+      // Stamp missing data-agent-native-node-id attributes before persisting
+      // so imported screens are fully addressable by id-keyed editor
+      // operations immediately, instead of depending on a client-side
+      // backfill the first time someone opens the imported screen.
+      const annotatedContent = annotateScreenHtmlForPersist(
+        file.content,
+        file.fileType,
+      );
       await tx.insert(schema.designFiles).values({
         id: fileId,
         designId,
         filename,
         fileType: file.fileType,
-        content: file.content,
+        content: annotatedContent,
         createdAt: now,
         updatedAt: now,
       });
-      seedRecords.push({ id: fileId, content: file.content });
+      seedRecords.push({ id: fileId, content: annotatedContent });
       const width = positiveDimension(
         file.preferredFrame?.width,