@agent-native/core 0.182.1-nightly-20260917183518 → 0.182.1

package/corpus/templates/content/app/components/editor/useDocumentReconcileRecovery.ts

@@ -173,6 +173,85 @@ export function useDocumentReconcileRecovery({
     [current, latestDraft, publish, retainLatest],
   );
 
+  const resolveAutomatically = useCallback(
+    async (
+      initialDraft: ReconcileRecoveryDraft,
+      base: ReconcileSaveBase,
+    ): Promise<boolean> => {
+      if (current.current || inFlight.current) {
+        generation.current += 1;
+        publish({
+          reason: current.current?.reason ?? "conflict",
+          ...initialDraft,
+          saving: false,
+        });
+        try {
+          if (callbacks.current.retain)
+            await callbacks.current.retain(initialDraft);
+        } catch {
+          const latest = current.current;
+          if (latest)
+            publish({ ...latest, reason: "save-failed", saving: false });
+        }
+        return false;
+      }
+      inFlight.current = true;
+      const started = generation.current;
+      let saveBase: ReconcileSaveBase | undefined = base;
+      let draft = initialDraft;
+      let attempts = 0;
+      try {
+        while (
+          generation.current === started &&
+          !current.current &&
+          attempts < 3
+        ) {
+          attempts += 1;
+          const identity = callbacks.current.getSaveIdentity();
+          const persisted = await callbacks.current.save(draft, saveBase);
+          if (generation.current !== started || current.current) {
+            await retainLatest();
+            return false;
+          }
+          if (!persisted) {
+            await retainLatest();
+            publish({
+              reason: "conflict",
+              ...latestDraft(),
+              saving: false,
+            });
+            return false;
+          }
+          if (callbacks.current.getSaveIdentity() === identity) return true;
+          draft = latestDraft();
+          saveBase = undefined;
+        }
+        await retainLatest();
+        if (generation.current === started && !current.current) {
+          publish({ reason: "conflict", ...latestDraft(), saving: false });
+        }
+        return false;
+      } catch {
+        if (generation.current === started && !current.current) {
+          try {
+            await retainLatest();
+          } catch {
+            // The visible recovery state remains the final fallback.
+          }
+          publish({
+            reason: "save-failed",
+            ...latestDraft(),
+            saving: false,
+          });
+        }
+        return false;
+      } finally {
+        inFlight.current = false;
+      }
+    },
+    [current, latestDraft, publish, retainLatest],
+  );
+
   const resolveChoice = useCallback(
     async (
       base: ReconcileSaveBase,
@@ -241,6 +320,7 @@ export function useDocumentReconcileRecovery({
     updateDraft,
     reportRetentionFailure,
     resolve,
+    resolveAutomatically,
     resolveChoice,
     release,
     current,

package/corpus/templates/content/changelog/2026-09-16-recovery-choices-stay-attached-to-the-draft-you-reviewed.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-09-16
+---
+
+Content now combines non-overlapping edits from another tab or agent automatically, while recovery choices stay attached to the exact draft and saved page version you reviewed.

package/corpus/templates/design/CHANGELOG.md

@@ -3,15 +3,35 @@
 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-09-17
+
+### Added
+
+- Design can open running localhost apps through the current browser session
+
+### Improved
+
+- Design loads faster and large .fig imports can target selected frames
+
+### Fixed
+
+- Large .fig files import directly in the browser without the old upload ceiling
+
 ## 2026-09-16
 
 ### Improved
 
+- Design files avoid cold-start scans and open faster after idle periods
+- Design marquee selections stay responsive on large screens
 - Design editor agent chat uses shared conversation tabs and stays usable at narrow widths
 - Empty template libraries now link directly back to your designs.
 
 ### Fixed
 
+- Design comments keep keyboard mentions and selected recipients through drafts and replies
+- Design Fill editing uses the visible background paint on text-bearing controls
+- Design inspector controls match compact Figma spacing
+- URL-backed visual edits keep their editor state through consent and source writeback
 - Canvas zoom controls and keyboard shortcuts now update the canvas immediately
 - Design auto layout controls stay aligned to the 28-column inspector grid
 - Design review pins follow screens and keep comment actions together
@@ -26,6 +46,10 @@ from the command menu (Cmd+K → "What's new") or from Settings.
 
 ## 2026-09-15
 
+### Added
+
+- Added draggable corner-radius handles to the selection outline (drag inward to round corners, like Figma) and polished the outer resize handle styling
+
 ### Improved
 
 - Auto layout controls use a compact alignment and gap layout with smaller constraint controls.
@@ -41,6 +65,11 @@ from the command menu (Cmd+K → "What's new") or from Settings.
 
 ### Fixed
 
+- Fixed .fig file import placing multi-frame flows in reverse order — frames now import in left-to-right canvas order instead of layer/creation order
+- Fixed fill dialog tooltips (paint type tabs, eyedropper, document colors) rendering behind the dialog instead of in front of it
+- Fixed the live width × height readout shown while drawing a new shape to render as a rounded blue pill, matching the equivalent resize readout
+- Fixed polygon and star shapes getting letterboxed instead of resizing with their bounding box
+- Fixed the width × height label shown while resizing an element rendering as plain unstyled text instead of a visible colored badge
 - Alt-dragging a layer inside a group now keeps the duplicate under the cursor for the whole drag instead of jumping into place on release.
 - Breakpoint width edits preserve the existing breakpoint, and new Screens stay clear of visible breakpoint previews.
 - Changing a grid's column or row count no longer turns fill or hug tracks into fixed pixel sizes

package/corpus/templates/design/actions/import-design-source.ts

@@ -1,4 +1,5 @@
 import { defineAction } from "@agent-native/core/action";
+import { commitUploadReceiptsForImport } from "@agent-native/core/file-upload/actions/upload-image";
 import { assertAccess } from "@agent-native/core/sharing";
 import { z } from "zod";
 
@@ -6,11 +7,13 @@ import { snapshotDesignBeforeAgentEdit } from "../server/lib/design-versions.js"
 import { saveFigmaPasteHtmlFallback } from "../server/lib/figma-paste-fallback.js";
 import {
   normalizeImportedHtmlDocument,
+  findImportedDesignFileByOperationSource,
   resolveImportDesignId,
   saveImportedDesignFiles,
 } from "../server/lib/import-design-files.js";
+import { MAX_FIG_FRAME_HTML_BYTES } from "../shared/fig-to-frames.js";
 
-const MAX_HTML_IMPORT_BYTES = 2 * 1024 * 1024;
+const MAX_HTML_IMPORT_BYTES = MAX_FIG_FRAME_HTML_BYTES;
 
 function ensureHtmlSize(content: string) {
   if (Buffer.byteLength(content, "utf8") > MAX_HTML_IMPORT_BYTES) {
@@ -42,6 +45,9 @@ export default defineAction({
     frameTitle: z.string().optional(),
     frameWidth: z.number().optional(),
     frameHeight: z.number().optional(),
+    clientImportId: z.string().max(200).optional(),
+    clientImportBatchId: z.string().max(200).optional(),
+    clientImportFinalFrame: z.boolean().optional(),
   }),
   run: async (
     {
@@ -52,6 +58,9 @@ export default defineAction({
       frameTitle,
       frameWidth,
       frameHeight,
+      clientImportId,
+      clientImportBatchId,
+      clientImportFinalFrame,
     },
     context,
   ) => {
@@ -64,6 +73,29 @@ export default defineAction({
     // keeps every request far below the ~6MB a Netlify function will accept —
     // the cap the server route has to chunk around.
     if (sourceType === "fig-frame") {
+      const operationSource = clientImportId
+        ? `fig-import:${clientImportId}`
+        : undefined;
+      if (operationSource) {
+        const existing = await findImportedDesignFileByOperationSource(
+          resolvedDesignId,
+          operationSource,
+        );
+        if (existing?.placed) {
+          if (clientImportBatchId && clientImportFinalFrame) {
+            await commitUploadReceiptsForImport(clientImportBatchId);
+          }
+          return {
+            designId: resolvedDesignId,
+            files: [existing.file],
+            warnings: [],
+            placedFrames: [],
+            overview: true,
+            urlPath: `/design/${resolvedDesignId}`,
+            stats: { sourceKind: "fig-frame", frameCount: 1 },
+          };
+        }
+      }
       await snapshotDesignBeforeAgentEdit(resolvedDesignId, context);
       const saved = await saveImportedDesignFiles({
         designId: resolvedDesignId,
@@ -76,7 +108,12 @@ export default defineAction({
               content,
               `experimental .fig upload ${originalName ?? "design"}`,
             ),
-            source: { sourceType: "fig-frame", originalName },
+            source: {
+              sourceType: "fig-frame",
+              originalName,
+              ...(operationSource ? { operationSource } : {}),
+            },
+            operationSource,
             preferredFrame: {
               title: frameTitle,
               width: frameWidth,
@@ -85,6 +122,9 @@ export default defineAction({
           },
         ],
       });
+      if (clientImportBatchId && clientImportFinalFrame) {
+        await commitUploadReceiptsForImport(clientImportBatchId);
+      }
       return {
         ...saved,
         stats: { sourceKind: "fig-frame", frameCount: saved.files.length },

package/corpus/templates/design/app/components/design/DesignImportPanel.tsx

@@ -25,7 +25,7 @@ import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { Textarea } from "@/components/ui/textarea";
 import {
-  MAX_FIG_UPLOAD_MB,
+  MAX_FIG_UPLOAD_BYTES,
   uploadDesignFile,
   validateFigUploadFile,
 } from "@/lib/design-file-upload";
@@ -144,6 +144,14 @@ export function DesignImportPanel(p: DesignImportPanelProps) {
           }),
         );
       }
+      const skippedEmbeddedImageCount = result?.skippedEmbeddedImageCount;
+      if (skippedEmbeddedImageCount) {
+        fidelityWarnings.push(
+          t("designEditor.import.figUploadImagesSkippedWarning", {
+            count: formatNumber(skippedEmbeddedImageCount),
+          }),
+        );
+      }
       const notification = importResultNotification(result, fallback, {
         fidelityWarnings,
       });
@@ -322,7 +330,14 @@ export function DesignImportPanel(p: DesignImportPanelProps) {
             },
           });
         } catch (localError) {
-          if (selection) throw localError;
+          if (
+            selection ||
+            prepared.file.size > MAX_FIG_UPLOAD_BYTES ||
+            (localError as { remoteMutationStarted?: unknown })
+              .remoteMutationStarted === true
+          ) {
+            throw localError;
+          }
           console.warn(
             "[fig-import] in-browser conversion failed; falling back to the upload route.",
             localError,
@@ -348,7 +363,7 @@ export function DesignImportPanel(p: DesignImportPanelProps) {
     async (file: File | undefined) => {
       if (!file) return;
       setActiveMode("fig-upload");
-      const validationError = validateFigUploadFile(file);
+      const validationError = validateFigUploadFile(file, { maxBytes: null });
       if (validationError === "invalid-extension") {
         toast.error(t("designEditor.import.errors.uploadFailed"), {
           description: t("designEditor.import.errors.invalidFigFile"),
@@ -356,15 +371,6 @@ export function DesignImportPanel(p: DesignImportPanelProps) {
         if (figFileInputRef.current) figFileInputRef.current.value = "";
         return;
       }
-      if (validationError === "too-large") {
-        toast.error(t("designEditor.import.errors.uploadFailed"), {
-          description: t("designEditor.import.errors.figFileTooLarge", {
-            max: MAX_FIG_UPLOAD_MB,
-          }),
-        });
-        if (figFileInputRef.current) figFileInputRef.current.value = "";
-        return;
-      }
 
       setFigUploadName(file.name);
       setFigUploadProgress(0);
@@ -393,6 +399,13 @@ export function DesignImportPanel(p: DesignImportPanelProps) {
             return;
           }
         } catch (localError) {
+          if (
+            file.size > MAX_FIG_UPLOAD_BYTES ||
+            (localError as { remoteMutationStarted?: unknown })
+              .remoteMutationStarted === true
+          ) {
+            throw localError;
+          }
           console.warn(
             "[fig-import] in-browser decode failed; falling back to the upload route.",
             localError,
@@ -681,9 +694,7 @@ export function DesignImportPanel(p: DesignImportPanelProps) {
           >
             <div className="space-y-2 p-2">
               <p className="text-[11px] leading-snug text-muted-foreground">
-                {t("designEditor.import.figUploadDescription", {
-                  max: MAX_FIG_UPLOAD_MB,
-                })}
+                {t("designEditor.import.figUploadDescriptionShort")}
               </p>
               {figImportPreview ? (
                 <div

package/corpus/templates/design/app/components/design/edit-panel/code-inspect-helpers.tsx

@@ -20,6 +20,14 @@ const VOID_HTML_TAGS = new Set([
 ]);
 
 const INSPECT_CODE_MAX_INLINE_TAG_LENGTH = 48;
+const INSPECT_CODE_OPENING_TAG_PATTERN =
+  /<[a-zA-Z][\w:-]*(?:"[^"]*"|'[^']*'|[^'"<>])*\/?>/g;
+const INSPECT_CODE_RAW_TEXT_TAGS = new Set([
+  "script",
+  "style",
+  "textarea",
+  "title",
+]);
 
 interface ParsedOpeningTag {
   tagName: string;
@@ -163,9 +171,65 @@ function fallbackOpeningTag(
   return `<${tag}${attrs.length ? ` ${attrs.join(" ")}` : ""}>`;
 }
 
+function formatInspectCodeMarkup(markup: string): string {
+  const formatted: string[] = [];
+  let cursor = 0;
+
+  while (cursor < markup.length) {
+    INSPECT_CODE_OPENING_TAG_PATTERN.lastIndex = cursor;
+    const match = INSPECT_CODE_OPENING_TAG_PATTERN.exec(markup);
+    if (!match) {
+      formatted.push(markup.slice(cursor));
+      break;
+    }
+
+    const tagIndex = match.index ?? cursor;
+    const commentIndex = markup.indexOf("<!--", cursor);
+    if (commentIndex !== -1 && commentIndex < tagIndex) {
+      const commentEnd = markup.indexOf("-->", commentIndex + 4);
+      if (commentEnd === -1) {
+        formatted.push(markup.slice(cursor));
+        break;
+      }
+      formatted.push(markup.slice(cursor, commentEnd + 3));
+      cursor = commentEnd + 3;
+      continue;
+    }
+
+    const openingTag = match[0];
+    formatted.push(markup.slice(cursor, tagIndex));
+    formatted.push(formatInspectCodeOpeningTag(openingTag));
+    cursor = tagIndex + openingTag.length;
+
+    const tagName = tagNameFromOpeningTag(openingTag);
+    if (
+      !tagName ||
+      !INSPECT_CODE_RAW_TEXT_TAGS.has(tagName) ||
+      isSelfClosingOpeningTag(openingTag, tagName)
+    ) {
+      continue;
+    }
+
+    const closingTag = new RegExp(`</\\s*${tagName}\\s*>`, "i").exec(
+      markup.slice(cursor),
+    );
+    if (!closingTag) {
+      formatted.push(markup.slice(cursor));
+      break;
+    }
+    const closingIndex = cursor + (closingTag.index ?? 0);
+    const closingEnd = closingIndex + closingTag[0].length;
+    formatted.push(markup.slice(cursor, closingEnd));
+    cursor = closingEnd;
+  }
+
+  return formatted.join("");
+}
+
 export function elementHtmlPreview(
   data: Pick<InspectCodeData, "html" | "tagName" | "id" | "classes">,
 ): string | null {
+  const sourceHtml = data.html?.trim();
   const openingTag = openingTagOf(data.html);
   const hasFallbackMetadata = Boolean(
     data.tagName?.trim() ||
@@ -182,7 +246,25 @@ export function elementHtmlPreview(
   if (isSelfClosingOpeningTag(previewOpeningTag, tagName)) {
     return previewOpeningTag;
   }
-  return `${previewOpeningTag}\n  ...\n</${tagName}>`;
+  const closingTag = sourceHtml
+    ? new RegExp(`</\\s*${tagName}\\s*>\\s*$`, "i").exec(sourceHtml)
+    : null;
+  if (
+    !sourceHtml ||
+    !openingTag ||
+    !sourceHtml.startsWith(openingTag) ||
+    !closingTag
+  ) {
+    return `${previewOpeningTag}\n  ...\n</${tagName}>`;
+  }
+  const innerHtml = sourceHtml
+    .slice(openingTag.length, closingTag.index)
+    .trim();
+  if (!innerHtml) return `${previewOpeningTag}</${tagName}>`;
+  const formattedInnerHtml = formatInspectCodeMarkup(innerHtml)
+    .trim()
+    .replace(/^/gm, "  ");
+  return `${previewOpeningTag}\n${formattedInnerHtml}\n</${tagName}>`;
 }
 
 type HtmlTokenKind = "plain" | "punctuation" | "tag" | "attribute" | "value";

package/corpus/templates/design/app/i18n-data.ts

@@ -693,7 +693,9 @@ const enUS = {
       figImportAll: "Import all",
       figImportAnalyzing: "Analyzing…",
       figUploadDescriptionShort:
-        "Local import — no Figma API quota used. Embedded images included.",
+        "Local import — no Figma API quota used. Supported embedded images are included.",
+      figUploadImagesSkippedWarning:
+        "Skipped embedded images ({{count}}) because browser uploads have a per-image limit.",
       figmaPasteBodyUnlimited:
         "Works without a Figma token — geometry, layout, and text import immediately.",
       figmaPasteBodyImages:

package/corpus/templates/design/app/lib/design-file-upload.ts

@@ -1,9 +1,8 @@
 import { parseUploadResponse, type ImportResult } from "@/lib/design-import";
 import { MAX_UPLOAD_BYTES } from "@/lib/upload-limits";
 
-/** Mirrors `server/lib/fig-file-limits.ts`'s decoder cap — the real ceiling for
- * a `.fig` import now that files above the wire cap upload in chunks. Held to
- * the server value by the alignment test in `design-file-upload.test.ts`. */
+/** Server fallback and token-free image-hydration ceiling. Browser-local `.fig`
+ * imports do not use this raw-file cap. */
 export const MAX_FIG_UPLOAD_BYTES = 50 * 1024 * 1024;
 export const MAX_FIG_UPLOAD_MB = MAX_FIG_UPLOAD_BYTES / 1024 / 1024;
 
@@ -15,9 +14,12 @@ export type FigUploadValidationError = "invalid-extension" | "too-large";
 
 export function validateFigUploadFile(
   file: Pick<File, "name" | "size">,
+  options?: { maxBytes?: number | null },
 ): FigUploadValidationError | null {
   if (!file.name.toLowerCase().endsWith(".fig")) return "invalid-extension";
-  if (file.size > MAX_FIG_UPLOAD_BYTES) return "too-large";
+  const maxBytes =
+    options?.maxBytes === undefined ? MAX_FIG_UPLOAD_BYTES : options.maxBytes;
+  if (maxBytes !== null && file.size > maxBytes) return "too-large";
   return null;
 }
 

package/corpus/templates/design/app/lib/design-import.ts

@@ -41,6 +41,8 @@ export interface ImportResult {
   unresolvedImages?: number;
   /** Set by .fig file upload: number of IMAGE fills not in the embedded blobs (need Figma API to resolve). */
   unresolvedImageRefCount?: number;
+  /** Set by the browser .fig importer when transport-sized embedded images are skipped. */
+  skippedEmbeddedImageCount?: number;
   /** Set by import-figma-clipboard when it fell back: why the REST match didn't happen. */
   matchStatus?: "matched" | "ambiguous" | "none" | "error";
   rateLimitRetryAfter?: number;