@agent-native/core 0.137.7 → 0.137.8

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

@@ -29,6 +29,7 @@ import {
   getFigmaConnectionStatus,
   saveFigmaAccessToken,
 } from "@/lib/figma-connection";
+import { MAX_UPLOAD_MB } from "@/lib/upload-limits";
 
 interface FigmaHydrationDialogProps {
   open: boolean;
@@ -70,8 +71,16 @@ export function FigmaHydrationDialog({
     const file = e.target.files?.[0];
     e.target.value = "";
     if (!file) return;
-    if (validateFigUploadFile(file)) {
-      setError(t("designEditor.import.figmaHydrationInvalidFig"));
+    const validationError = validateFigUploadFile(file);
+    if (validationError) {
+      setError(
+        t(
+          validationError === "too-large"
+            ? "designEditor.import.errors.figFileTooLarge"
+            : "designEditor.import.figmaHydrationInvalidFig",
+          { max: MAX_UPLOAD_MB },
+        ),
+      );
       return;
     }
     setBusy(true);

package/corpus/templates/design/app/components/editor/PromptDialog.tsx

@@ -52,6 +52,7 @@ import {
   TooltipContent,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
+import { MAX_UPLOAD_BYTES, MAX_UPLOAD_MB } from "@/lib/upload-limits";
 import { cn } from "@/lib/utils";
 
 export interface UploadedFile {
@@ -513,6 +514,12 @@ export default function PromptPopover({
   const uploadFiles = useCallback(
     async (files: File[]): Promise<UploadedFile[]> => {
       if (files.length === 0) return [];
+      const totalBytes = files.reduce((sum, file) => sum + file.size, 0);
+      if (totalBytes > MAX_UPLOAD_BYTES) {
+        throw new Error(
+          t("promptDialog.attachmentsTooLarge", { max: MAX_UPLOAD_MB }),
+        );
+      }
       setUploading(true);
       try {
         const formData = new FormData();
@@ -552,7 +559,7 @@ export default function PromptPopover({
         setUploading(false);
       }
     },
-    [],
+    [t],
   );
 
   const handleSubmit = useCallback(

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

@@ -635,7 +635,7 @@ const enUS = {
       figmaHydrationFigError: "Couldn't read images from that .fig file.",
       figUploadTitle: "Upload .fig",
       figUploadDescription:
-        "Local import using Figma's .fig format — no API quota. Embedded images are included. Format may change between Figma versions. Maximum 50 MB.",
+        "Local import using Figma's .fig format — no API quota. Embedded images are included. Format may change between Figma versions. Maximum {{max}} MB.",
       chooseFigFile: "Choose .fig file",
       figUploadUploading: "Uploading {{progress}}%",
       figUploadProcessing: "Converting…",
@@ -683,7 +683,8 @@ const enUS = {
         figmaPasteFailed: "Figma paste import failed",
         uploadFailed: "File upload failed",
         invalidFigFile: "Choose a file ending in .fig.",
-        figFileTooLarge: ".fig files must be 50 MB or smaller.",
+        figFileTooLarge:
+          "That .fig is too large — uploads are limited to {{max}} MB. In Figma, copy just the frame you want into a new file and export that as .fig, or use Paste from Figma instead.",
       },
     },
     generationMayHaveStopped:
@@ -1249,6 +1250,8 @@ const enUS = {
     assetAdded: "Asset added",
     assetsNoImageUrl: "Assets did not return an image URL.",
     failedToUploadFile: "Failed to upload file",
+    attachmentsTooLarge:
+      "Those attachments are too large. Uploads are limited to {{max}} MB in total — attach fewer or smaller files.",
     failedToSubmitPrompt: "Failed to submit prompt",
     skipPrompt: "Skip prompt",
     designSystem: "Design system",
@@ -5590,6 +5593,8 @@ const designRawLiteralOverrides = {
       assetAdded: "添加资产",
       assetsNoImageUrl: "Assets 未返回图片 URL。",
       failedToUploadFile: "上传文件失败",
+      attachmentsTooLarge:
+        "这些附件太大。上传总大小上限为 {{max}} MB — 请减少文件数量或使用更小的文件。",
       designSystem: "Design系统",
       noDesignSystem: "没有设计系统",
       newDesignSystem: "新",
@@ -5749,6 +5754,8 @@ const designRawLiteralOverrides = {
       assetAdded: "Activo agregado",
       assetsNoImageUrl: "Assets no devolvió una URL de imagen.",
       failedToUploadFile: "No se pudo cargar el archivo",
+      attachmentsTooLarge:
+        "Esos adjuntos son demasiado grandes. Las subidas están limitadas a {{max}} MB en total: adjunta menos archivos o más pequeños.",
       designSystem: "sistema Design",
       noDesignSystem: "Sin sistema de diseño",
       newDesignSystem: "Nuevo",
@@ -5912,6 +5919,8 @@ const designRawLiteralOverrides = {
       assetAdded: "Actif ajouté",
       assetsNoImageUrl: "Assets n'a pas renvoyé d'URL d'image.",
       failedToUploadFile: "Échec du téléchargement du fichier",
+      attachmentsTooLarge:
+        "Ces pièces jointes sont trop volumineuses. Les téléversements sont limités à {{max}} Mo au total : joignez moins de fichiers ou des fichiers plus petits.",
       designSystem: "Système Design",
       noDesignSystem: "Aucun système de conception",
       newDesignSystem: "Nouveau",
@@ -6075,6 +6084,8 @@ const designRawLiteralOverrides = {
       assetAdded: "Asset hinzugefügt",
       assetsNoImageUrl: "Assets hat keine Bild-URL zurückgegeben.",
       failedToUploadFile: "Datei konnte nicht hochgeladen werden",
+      attachmentsTooLarge:
+        "Diese Anhänge sind zu groß. Uploads sind auf insgesamt {{max}} MB begrenzt – hänge weniger oder kleinere Dateien an.",
       designSystem: "Design-System",
       noDesignSystem: "Kein Designsystem",
       newDesignSystem: "Neu",
@@ -6238,6 +6249,8 @@ const designRawLiteralOverrides = {
       assetAdded: "アセットが追加されました",
       assetsNoImageUrl: "Assets が画像 URL を返しませんでした。",
       failedToUploadFile: "ファイルのアップロードに失敗しました",
+      attachmentsTooLarge:
+        "添付ファイルが大きすぎます。アップロードは合計 {{max}} MB までです。ファイル数を減らすか、より小さいファイルを添付してください。",
       designSystem: "Designシステム",
       noDesignSystem: "デザインシステムがない",
       newDesignSystem: "新しい",
@@ -6396,6 +6409,8 @@ const designRawLiteralOverrides = {
       assetAdded: "자산이 추가됨",
       assetsNoImageUrl: "Assets에서 이미지 URL을 반환하지 않았습니다.",
       failedToUploadFile: "파일을 업로드하지 못했습니다.",
+      attachmentsTooLarge:
+        "첨부 파일이 너무 큽니다. 업로드는 총 {{max}}MB까지 지원됩니다. 파일 수를 줄이거나 더 작은 파일을 첨부하세요.",
       designSystem: "Design 시스템",
       noDesignSystem: "디자인 시스템 없음",
       newDesignSystem: "새로운",
@@ -6556,6 +6571,8 @@ const designRawLiteralOverrides = {
       assetAdded: "Recurso adicionado",
       assetsNoImageUrl: "Assets não retornou uma URL de imagem.",
       failedToUploadFile: "Falha ao carregar o arquivo",
+      attachmentsTooLarge:
+        "Esses anexos são grandes demais. Os envios são limitados a {{max}} MB no total — anexe menos arquivos ou arquivos menores.",
       designSystem: "Sistema Design",
       noDesignSystem: "Nenhum sistema de design",
       newDesignSystem: "Novo",
@@ -6717,6 +6734,8 @@ const designRawLiteralOverrides = {
       assetAdded: "संपत्ति जोड़ी गई",
       assetsNoImageUrl: "Assets ने कोई छवि URL नहीं लौटाया।",
       failedToUploadFile: "फ़ाइल अपलोड करने में विफल",
+      attachmentsTooLarge:
+        "ये attachments बहुत बड़े हैं। Uploads की कुल सीमा {{max}} MB है — कम या छोटी files attach करें।",
       designSystem: "Design प्रणाली",
       noDesignSystem: "कोई डिज़ाइन प्रणाली नहीं",
       newDesignSystem: "नया",
@@ -6875,6 +6894,8 @@ const designRawLiteralOverrides = {
       assetAdded: "تمت إضافة الأصول",
       assetsNoImageUrl: "لم تُرجع Assets عنوان URL للصورة.",
       failedToUploadFile: "فشل تحميل الملف",
+      attachmentsTooLarge:
+        "المرفقات كبيرة جدًا. الحد الأقصى للرفع هو {{max}} ميغابايت إجمالًا — أرفق ملفات أقل أو أصغر.",
       designSystem: "نظام Design",
       noDesignSystem: "لا يوجد نظام التصميم",
       newDesignSystem: "جديد",
@@ -12233,7 +12254,7 @@ const designImportOverrides = {
           "已從 Figma 填入 {{count}} 個圖片{{plural}}。",
         figUploadTitle: "上傳 .fig",
         figUploadDescription:
-          "實驗性功能：Figma 的 .fig 格式為專有格式且可能變更。支援的圖層會轉為可編輯螢幕，部分功能可能不同。上限為 50 MB。",
+          "實驗性功能：Figma 的 .fig 格式為專有格式且可能變更。支援的圖層會轉為可編輯螢幕，部分功能可能不同。上限為 {{max}} MB。",
         chooseFigFile: "選擇 .fig 檔案",
         figUploadUploading: "上傳中 {{progress}}%",
         figUploadProcessing: "轉換中…",
@@ -12265,7 +12286,8 @@ const designImportOverrides = {
           figmaPasteFailed: "Figma 貼上匯入失敗",
           uploadFailed: "檔案上傳失敗",
           invalidFigFile: "請選擇副檔名為 .fig 的檔案。",
-          figFileTooLarge: ".fig 檔案必須為 50 MB 或更小。",
+          figFileTooLarge:
+            "此 .fig 檔案太大 — 上傳上限為 {{max}} MB。請在 Figma 中將要匯入的畫框複製到新檔案，並匯出該檔案為 .fig，或改用「從 Figma 貼上」。",
         },
       },
     },
@@ -12296,7 +12318,7 @@ const designImportOverrides = {
           "已从 Figma 填入 {{count}} 张图片{{plural}}。",
         figUploadTitle: "上传 .fig",
         figUploadDescription:
-          "实验性功能：Figma 的 .fig 格式为专有格式且可能变化。支持的图层会转换为可编辑屏幕，部分功能可能有所不同。最大 50 MB。",
+          "实验性功能：Figma 的 .fig 格式为专有格式且可能变化。支持的图层会转换为可编辑屏幕，部分功能可能有所不同。最大 {{max}} MB。",
         chooseFigFile: "选择 .fig 文件",
         figUploadUploading: "正在上传 {{progress}}%",
         figUploadProcessing: "正在转换…",
@@ -12328,7 +12350,8 @@ const designImportOverrides = {
           figmaPasteFailed: "Figma 粘贴导入失败",
           uploadFailed: "文件上传失败",
           invalidFigFile: "请选择以 .fig 结尾的文件。",
-          figFileTooLarge: ".fig 文件必须为 50 MB 或更小。",
+          figFileTooLarge:
+            "该 .fig 文件太大 — 上传上限为 {{max}} MB。请在 Figma 中将需要导入的画板复制到新文件，然后导出该文件为 .fig，或改用“从 Figma 粘贴”。",
         },
       },
     },
@@ -12362,7 +12385,7 @@ const designImportOverrides = {
           "{{count}} imagen{{plural}} rellenada{{plural}} desde Figma.",
         figUploadTitle: "Subir .fig",
         figUploadDescription:
-          "Experimental: el formato .fig de Figma es propietario y puede cambiar. Las capas compatibles se convierten en pantallas editables; algunas funciones pueden variar. Máximo 50 MB.",
+          "Experimental: el formato .fig de Figma es propietario y puede cambiar. Las capas compatibles se convierten en pantallas editables; algunas funciones pueden variar. Máximo {{max}} MB.",
         chooseFigFile: "Elegir archivo .fig",
         figUploadUploading: "Subiendo {{progress}}%",
         figUploadProcessing: "Convirtiendo…",
@@ -12396,7 +12419,8 @@ const designImportOverrides = {
           figmaPasteFailed: "Error al importar el pegado de Figma",
           uploadFailed: "Error al subir el archivo",
           invalidFigFile: "Elige un archivo que termine en .fig.",
-          figFileTooLarge: "Los archivos .fig deben tener 50 MB o menos.",
+          figFileTooLarge:
+            "Ese .fig es demasiado grande: las subidas están limitadas a {{max}} MB. En Figma, copia solo el frame que quieras a un archivo nuevo y exporta ese archivo como .fig, o usa Pegar desde Figma.",
         },
       },
     },
@@ -12430,7 +12454,7 @@ const designImportOverrides = {
           "{{count}} image{{plural}} remplie{{plural}} depuis Figma.",
         figUploadTitle: "Téléverser .fig",
         figUploadDescription:
-          "Expérimental : le format .fig de Figma est propriétaire et peut évoluer. Les calques pris en charge deviennent des écrans modifiables ; certaines fonctions peuvent différer. Maximum 50 Mo.",
+          "Expérimental : le format .fig de Figma est propriétaire et peut évoluer. Les calques pris en charge deviennent des écrans modifiables ; certaines fonctions peuvent différer. Maximum {{max}} Mo.",
         chooseFigFile: "Choisir un fichier .fig",
         figUploadUploading: "Téléversement {{progress}} %",
         figUploadProcessing: "Conversion…",
@@ -12464,7 +12488,8 @@ const designImportOverrides = {
           figmaPasteFailed: "Échec de l’import du collage Figma",
           uploadFailed: "Échec du téléversement",
           invalidFigFile: "Choisissez un fichier se terminant par .fig.",
-          figFileTooLarge: "Les fichiers .fig doivent faire 50 Mo ou moins.",
+          figFileTooLarge:
+            "Ce .fig est trop volumineux : les téléversements sont limités à {{max}} Mo. Dans Figma, copiez uniquement le frame souhaité dans un nouveau fichier et exportez ce fichier en .fig, ou utilisez Coller depuis Figma.",
         },
       },
     },
@@ -12498,7 +12523,7 @@ const designImportOverrides = {
           "{{count}} Bild{{plural}} aus Figma ausgefüllt.",
         figUploadTitle: ".fig hochladen",
         figUploadDescription:
-          "Experimentell: Das .fig-Format von Figma ist proprietär und kann sich ändern. Unterstützte Ebenen werden zu bearbeitbaren Screens; einige Funktionen können abweichen. Maximal 50 MB.",
+          "Experimentell: Das .fig-Format von Figma ist proprietär und kann sich ändern. Unterstützte Ebenen werden zu bearbeitbaren Screens; einige Funktionen können abweichen. Maximal {{max}} MB.",
         chooseFigFile: ".fig-Datei wählen",
         figUploadUploading: "Wird hochgeladen: {{progress}} %",
         figUploadProcessing: "Wird konvertiert…",
@@ -12531,7 +12556,8 @@ const designImportOverrides = {
           figmaPasteFailed: "Figma-Einfügeimport fehlgeschlagen",
           uploadFailed: "Dateiupload fehlgeschlagen",
           invalidFigFile: "Wähle eine Datei mit der Endung .fig.",
-          figFileTooLarge: ".fig-Dateien dürfen höchstens 50 MB groß sein.",
+          figFileTooLarge:
+            "Diese .fig-Datei ist zu groß – Uploads sind auf {{max}} MB begrenzt. Kopiere in Figma nur den gewünschten Frame in eine neue Datei und exportiere diese als .fig, oder nutze „Aus Figma einfügen“.",
         },
       },
     },
@@ -12565,7 +12591,7 @@ const designImportOverrides = {
           "Figma から {{count}} 枚の画像{{plural}}が入力されました。",
         figUploadTitle: ".fig をアップロード",
         figUploadDescription:
-          "試験的機能：Figma の .fig 形式は独自仕様で、変更される可能性があります。対応レイヤーは編集可能な画面になりますが、一部の機能は異なる場合があります。最大 50 MB。",
+          "試験的機能：Figma の .fig 形式は独自仕様で、変更される可能性があります。対応レイヤーは編集可能な画面になりますが、一部の機能は異なる場合があります。最大 {{max}} MB。",
         chooseFigFile: ".fig ファイルを選択",
         figUploadUploading: "アップロード中 {{progress}}%",
         figUploadProcessing: "変換中…",
@@ -12599,7 +12625,8 @@ const designImportOverrides = {
           figmaPasteFailed: "Figma 貼り付けのインポートに失敗しました",
           uploadFailed: "ファイルのアップロードに失敗しました",
           invalidFigFile: ".fig で終わるファイルを選択してください。",
-          figFileTooLarge: ".fig ファイルは 50 MB 以下にしてください。",
+          figFileTooLarge:
+            "この .fig ファイルは大きすぎます。アップロードは {{max}} MB までです。Figma で目的のフレームだけを新しいファイルにコピーし、そのファイルを .fig として書き出すか、「Figma から貼り付け」をご利用ください。",
         },
       },
     },
@@ -12632,7 +12659,7 @@ const designImportOverrides = {
           "Figma에서 {{count}}개의 이미지{{plural}}가 채워졌습니다.",
         figUploadTitle: ".fig 업로드",
         figUploadDescription:
-          "실험적 기능: Figma의 .fig 형식은 독점 형식이며 변경될 수 있습니다. 지원되는 레이어는 편집 가능한 화면으로 변환되지만 일부 기능은 다를 수 있습니다. 최대 50MB.",
+          "실험적 기능: Figma의 .fig 형식은 독점 형식이며 변경될 수 있습니다. 지원되는 레이어는 편집 가능한 화면으로 변환되지만 일부 기능은 다를 수 있습니다. 최대 {{max}}MB.",
         chooseFigFile: ".fig 파일 선택",
         figUploadUploading: "업로드 중 {{progress}}%",
         figUploadProcessing: "변환 중…",
@@ -12666,7 +12693,8 @@ const designImportOverrides = {
           figmaPasteFailed: "Figma 붙여넣기 가져오기 실패",
           uploadFailed: "파일 업로드 실패",
           invalidFigFile: ".fig로 끝나는 파일을 선택하세요.",
-          figFileTooLarge: ".fig 파일은 50MB 이하여야 합니다.",
+          figFileTooLarge:
+            "이 .fig 파일은 너무 큽니다. 업로드는 {{max}}MB까지 지원됩니다. Figma에서 원하는 프레임만 새 파일로 복사한 뒤 그 파일을 .fig로 내보내거나, 'Figma에서 붙여넣기'를 사용하세요.",
         },
       },
     },
@@ -12701,7 +12729,7 @@ const designImportOverrides = {
           "{{count}} imagem{{plural}} preenchida{{plural}} do Figma.",
         figUploadTitle: "Enviar .fig",
         figUploadDescription:
-          "Experimental: o formato .fig do Figma é proprietário e pode mudar. As camadas compatíveis viram telas editáveis; alguns recursos podem ser diferentes. Máximo de 50 MB.",
+          "Experimental: o formato .fig do Figma é proprietário e pode mudar. As camadas compatíveis viram telas editáveis; alguns recursos podem ser diferentes. Máximo de {{max}} MB.",
         chooseFigFile: "Escolher arquivo .fig",
         figUploadUploading: "Enviando {{progress}}%",
         figUploadProcessing: "Convertendo…",
@@ -12735,7 +12763,8 @@ const designImportOverrides = {
           figmaPasteFailed: "Falha ao importar colagem do Figma",
           uploadFailed: "Falha no upload do arquivo",
           invalidFigFile: "Escolha um arquivo que termine em .fig.",
-          figFileTooLarge: "Arquivos .fig devem ter 50 MB ou menos.",
+          figFileTooLarge:
+            "Esse .fig é grande demais — os envios são limitados a {{max}} MB. No Figma, copie apenas o frame desejado para um novo arquivo e exporte esse arquivo como .fig, ou use Colar do Figma.",
         },
       },
     },
@@ -12769,7 +12798,7 @@ const designImportOverrides = {
           "Figma से {{count}} छवि{{plural}} भरी गई{{plural}}।",
         figUploadTitle: ".fig अपलोड करें",
         figUploadDescription:
-          "प्रायोगिक: Figma का .fig format proprietary है और बदल सकता है। समर्थित layers editable screens बनती हैं; कुछ features अलग हो सकते हैं। अधिकतम 50 MB।",
+          "प्रायोगिक: Figma का .fig format proprietary है और बदल सकता है। समर्थित layers editable screens बनती हैं; कुछ features अलग हो सकते हैं। अधिकतम {{max}} MB।",
         chooseFigFile: ".fig file चुनें",
         figUploadUploading: "अपलोड हो रहा है {{progress}}%",
         figUploadProcessing: "बदला जा रहा है…",
@@ -12803,7 +12832,8 @@ const designImportOverrides = {
           figmaPasteFailed: "Figma paste आयात विफल रहा",
           uploadFailed: "File upload विफल रहा",
           invalidFigFile: ".fig पर समाप्त होने वाली file चुनें।",
-          figFileTooLarge: ".fig files 50 MB या उससे छोटी होनी चाहिए।",
+          figFileTooLarge:
+            "यह .fig बहुत बड़ी है — uploads की सीमा {{max}} MB है। Figma में जिस frame को import करना है उसे एक नई file में copy करें और उस file को .fig के रूप में export करें, या Paste from Figma का उपयोग करें।",
         },
       },
     },
@@ -12836,7 +12866,7 @@ const designImportOverrides = {
           "تم ملء {{count}} صورة{{plural}} من Figma.",
         figUploadTitle: "رفع .fig",
         figUploadDescription:
-          "ميزة تجريبية: تنسيق .fig في Figma مملوك وقد يتغير. تتحول الطبقات المدعومة إلى شاشات قابلة للتحرير، وقد تختلف بعض الميزات. الحد الأقصى 50 ميغابايت.",
+          "ميزة تجريبية: تنسيق .fig في Figma مملوك وقد يتغير. تتحول الطبقات المدعومة إلى شاشات قابلة للتحرير، وقد تختلف بعض الميزات. الحد الأقصى {{max}} ميغابايت.",
         chooseFigFile: "اختر ملف .fig",
         figUploadUploading: "جار الرفع {{progress}}%",
         figUploadProcessing: "جار التحويل…",
@@ -12869,7 +12899,8 @@ const designImportOverrides = {
           figmaPasteFailed: "فشل استيراد لصق Figma",
           uploadFailed: "فشل رفع الملف",
           invalidFigFile: "اختر ملفا ينتهي بـ .fig.",
-          figFileTooLarge: "يجب ألا يتجاوز ملف .fig حجم 50 ميغابايت.",
+          figFileTooLarge:
+            "ملف ‎.fig‎ كبير جدًا — الحد الأقصى للرفع {{max}} ميغابايت. في Figma، انسخ الإطار المطلوب فقط إلى ملف جديد وصدّر ذلك الملف بصيغة ‎.fig‎، أو استخدم اللصق من Figma.",
         },
       },
     },

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

@@ -1,6 +1,5 @@
 import { parseUploadResponse, type ImportResult } from "@/lib/design-import";
-
-export const MAX_FIG_UPLOAD_BYTES = 50 * 1024 * 1024;
+import { MAX_UPLOAD_BYTES } from "@/lib/upload-limits";
 
 export type FigUploadValidationError = "invalid-extension" | "too-large";
 
@@ -8,7 +7,7 @@ export function validateFigUploadFile(
   file: Pick<File, "name" | "size">,
 ): FigUploadValidationError | null {
   if (!file.name.toLowerCase().endsWith(".fig")) return "invalid-extension";
-  if (file.size > MAX_FIG_UPLOAD_BYTES) return "too-large";
+  if (file.size > MAX_UPLOAD_BYTES) return "too-large";
   return null;
 }
 

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

@@ -0,0 +1,4 @@
+/** Mirrors the server wire cap in `server/lib/request-body-limits.ts`; the two
+ * are held together by the alignment test in `design-file-upload.test.ts`. */
+export const MAX_UPLOAD_BYTES = 4 * 1024 * 1024;
+export const MAX_UPLOAD_MB = MAX_UPLOAD_BYTES / 1024 / 1024;

package/corpus/templates/design/changelog/2026-08-05-chat-attachments-now-warn-before-upload-when-they-exceed-the.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-05
+---
+
+Chat attachments now warn before upload when they exceed the 4 MB total limit, instead of failing with an unexplained error.

package/corpus/templates/design/changelog/2026-08-05-figma-fig-uploads-now-show-a-clear-4-mb-limit-up-front-inste.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-05
+---
+
+Figma .fig uploads now show a clear 4 MB limit up front instead of failing partway through the upload.

package/corpus/templates/design/server/handlers/import-design-file.ts

@@ -10,15 +10,17 @@ import {
   setResponseStatus,
 } from "h3";
 
-import { MAX_FIG_FILE_BYTES } from "../lib/fig-file-limits.js";
 import {
   normalizeImportedHtmlDocument,
   saveImportedDesignFiles,
 } from "../lib/import-design-files.js";
+import {
+  MAX_UPLOAD_BYTES,
+  MAX_UPLOAD_MB,
+  TOTAL_BODY_LIMIT,
+} from "../lib/request-body-limits.js";
 
 const MAX_HTML_BYTES = 2 * 1024 * 1024;
-const MULTIPART_OVERHEAD_BYTES = 1024 * 1024;
-const TOTAL_BODY_LIMIT = MAX_FIG_FILE_BYTES + MULTIPART_OVERHEAD_BYTES;
 
 // Matches the local-kiwi clipboard frame cap so a token-free .fig hydration of
 // a multi-frame paste can fill every imported screen in one upload.
@@ -130,8 +132,10 @@ export const importDesignFile = defineEventHandler(async (event) => {
         }
 
         if (ext === ".fig") {
-          if (data.length > MAX_FIG_FILE_BYTES) {
-            throw new Error(".fig file is too large (max 50 MB).");
+          if (data.length > MAX_UPLOAD_BYTES) {
+            throw new Error(
+              `.fig file is too large (max ${MAX_UPLOAD_MB} MB). In Figma, copy just the frame you want into a new file and export that as .fig.`,
+            );
           }
 
           // Token-free hydration: fill the image placeholders left by a no-token

package/corpus/templates/design/server/handlers/uploads.ts

@@ -12,6 +12,12 @@ import {
 } from "h3";
 import { nanoid } from "nanoid";
 
+import {
+  MAX_UPLOAD_BYTES,
+  MAX_UPLOAD_MB,
+  TOTAL_BODY_LIMIT,
+} from "../lib/request-body-limits.js";
+
 function isServerlessRuntime(env: NodeJS.ProcessEnv = process.env): boolean {
   return Boolean(
     env.NETLIFY ||
@@ -176,12 +182,8 @@ export const uploadFiles = defineEventHandler(async (event) => {
   }
 
   const MAX_FILES = 20;
-  const MAX_FILE_SIZE = 50 * 1024 * 1024;
-  // Total-body pre-flight: reject before buffering if Content-Length is clearly
-  // over the theoretical max (MAX_FILES × MAX_FILE_SIZE each, plus overhead).
-  // Content-Length can be spoofed but cheaply eliminates accidental oversized
-  // uploads without allocating any memory for the body first.
-  const TOTAL_BODY_LIMIT = MAX_FILES * MAX_FILE_SIZE;
+  // Content-Length can be spoofed, so the parsed-byte check below is the real
+  // limit; this only avoids buffering an obviously oversized body first.
   const contentLength = Number(
     getRequestHeader(event, "content-length") ?? "0",
   );
@@ -203,10 +205,12 @@ export const uploadFiles = defineEventHandler(async (event) => {
     return { error: `Too many files (max ${MAX_FILES})` };
   }
 
-  const oversized = fileParts.find((p) => p.data.length > MAX_FILE_SIZE);
-  if (oversized) {
+  const totalBytes = fileParts.reduce((sum, p) => sum + p.data.length, 0);
+  if (totalBytes > MAX_UPLOAD_BYTES) {
     setResponseStatus(event, 413);
-    return { error: "File too large (max 50 MB per file)" };
+    return {
+      error: `Attachments are too large (max ${MAX_UPLOAD_MB} MB total)`,
+    };
   }
 
   const results = await Promise.allSettled<InternalUploadedFileResult>(

package/corpus/templates/design/server/lib/fig-file-limits.ts

@@ -1,3 +1,4 @@
-/** Shared request/decoder caps for the experimental untrusted `.fig` path. */
+/** Decoder caps for the experimental untrusted `.fig` path. The wire cap that
+ * bounds what can actually be uploaded lives in `request-body-limits.ts`. */
 export const MAX_FIG_FILE_BYTES = 50 * 1024 * 1024;
 export const MAX_FIG_DECOMPRESSED_BYTES = 96 * 1024 * 1024;

package/corpus/templates/design/server/lib/figma-image-hydration.ts

@@ -294,7 +294,7 @@ function mimeTypeForExt(ext: string): string {
 /**
  * Decode a `.fig` and index its embedded images by SHA-1 hash. Decode once per
  * upload and reuse the index across screens — a multi-screen hydration must not
- * re-parse the whole (up to 50 MB) file per screen.
+ * re-parse the whole file per screen.
  */
 export function indexFigImages(figBytes: Buffer): Map<string, DecodedFigImage> {
   const byHash = new Map<string, DecodedFigImage>();

package/corpus/templates/design/server/lib/request-body-limits.ts

@@ -0,0 +1,11 @@
+/**
+ * Netlify base64-encodes the body into a 6 MB function payload, so uploads need
+ * ~33% headroom; above this the platform 413s with an empty body before any
+ * handler runs, and raising the number here cannot help.
+ */
+export const MAX_UPLOAD_BYTES = 4 * 1024 * 1024;
+export const MAX_UPLOAD_MB = MAX_UPLOAD_BYTES / 1024 / 1024;
+
+/** Multipart boundaries and field headers carried on top of the file bytes. */
+export const MULTIPART_OVERHEAD_BYTES = 64 * 1024;
+export const TOTAL_BODY_LIMIT = MAX_UPLOAD_BYTES + MULTIPART_OVERHEAD_BYTES;

package/corpus/templates/design/shared/canvas-frames.ts

@@ -58,6 +58,87 @@ export function parseCanvasFrameGeometryById(
   );
 }
 
+/** Design-data maps whose per-entry dimension keys must be persisted as JSON
+ *  numbers. Every reader treats a non-number as absent, so accepting `"800"`
+ *  would silently drop the write instead of resizing anything. */
+const NUMERIC_DESIGN_DATA_ENTRY_KEYS: Record<string, ReadonlySet<string>> = {
+  canvasFrames: new Set(CANVAS_FRAME_GEOMETRY_KEYS),
+  screenMetadata: new Set(["width", "height"]),
+  localhostScreens: new Set(["width", "height"]),
+};
+
+function describeRejectedValue(value: unknown): string {
+  if (value === null) return "null";
+  if (typeof value === "string") return `the string ${JSON.stringify(value)}`;
+  if (typeof value === "number") return `the non-finite number ${value}`;
+  if (Array.isArray(value)) return "an array";
+  return `a ${typeof value}`;
+}
+
+function numericValueError(
+  map: string,
+  key: string,
+  value: unknown,
+): string | null {
+  if (typeof value === "number" && Number.isFinite(value)) return null;
+  return (
+    `Design ${map} "${key}" must be a finite JSON number, received ${describeRejectedValue(value)}. ` +
+    `Write dimensions and positions as numbers (800), not strings ("800" or "800px"); ` +
+    `use a delete operation to clear one.`
+  );
+}
+
+function numericEntryError(
+  map: string,
+  entry: unknown,
+  numericKeys: ReadonlySet<string>,
+): string | null {
+  if (!entry || typeof entry !== "object" || Array.isArray(entry)) return null;
+  for (const [key, value] of Object.entries(entry)) {
+    if (!numericKeys.has(key)) continue;
+    const error = numericValueError(map, key, value);
+    if (error) return error;
+  }
+  return null;
+}
+
+/**
+ * Message describing why a path-addressed design-data write carries a
+ * non-numeric dimension, or null when the write is acceptable.
+ *
+ * Callers must reject on a message rather than coercing: the readers below
+ * drop non-numbers, so a coerced write and an ignored one are indistinguishable
+ * to whoever asked for the resize.
+ */
+export function numericDesignDataWriteError(
+  path: readonly string[],
+  value: unknown,
+): string | null {
+  const map = path[0];
+  const numericKeys = map ? NUMERIC_DESIGN_DATA_ENTRY_KEYS[map] : undefined;
+  if (!map || !numericKeys) return null;
+
+  if (path.length === 1) {
+    if (!value || typeof value !== "object" || Array.isArray(value)) {
+      return null;
+    }
+    for (const entry of Object.values(value)) {
+      const error = numericEntryError(map, entry, numericKeys);
+      if (error) return error;
+    }
+    return null;
+  }
+
+  if (path.length === 2) return numericEntryError(map, value, numericKeys);
+
+  const key = path[2]!;
+  if (!numericKeys.has(key)) return null;
+  if (path.length > 3) {
+    return `Design ${map} "${key}" is a single number and has no nested values.`;
+  }
+  return numericValueError(map, key, value);
+}
+
 /** Y a new group must start at to clear existing frames, or 0 when the board is
  *  empty. Placing at y=0 unconditionally stacks each new group on the last. */
 export function nextFreeCanvasRowY(

package/dist/client/require-session.js

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Client-side session gate for an authenticated app shell.
  *
@@ -70,12 +70,12 @@ export function RequireSession({ children, fallback, redirect = true, signedOut,
     return (_jsx(ResolvedSessionGate, { fallback: fallback, redirect: redirect, signedOut: signedOut, children: children }));
 }
 function ResolvedSessionGate({ children, fallback, redirect = true, signedOut, }) {
-    const { session, isLoading } = useSession();
+    const { session, status, retry } = useSession();
     // Guard against firing the redirect more than once (effect re-runs, React
     // StrictMode double-invoke) — a second navigation while the first is in
     // flight is harmless but noisy.
     const redirectedRef = useRef(false);
-    const mustRedirect = !isLoading && !session && redirect;
+    const mustRedirect = status === "unauthenticated" && redirect;
     useEffect(() => {
         if (!mustRedirect)
             return;
@@ -97,8 +97,14 @@ function ResolvedSessionGate({ children, fallback, redirect = true, signedOut, }
     }, [mustRedirect]);
     // Still resolving, or redirect already in flight: show the loading fallback
     // rather than flashing app chrome the visitor can't use.
-    if (isLoading)
+    if (status === "loading")
         return _jsx(_Fragment, { children: fallback ?? _jsx(DefaultSpinner, {}) });
+    // Unreadable is not signed-out. Redirecting here would bounce a signed-in
+    // user to the sign-in page over a transient 5xx, and rendering the spinner
+    // would strand them on a screen that never resolves.
+    if (status === "unavailable") {
+        return _jsx(SessionUnavailableNotice, { retry: retry });
+    }
     if (!session) {
         if (redirect)
             return _jsx(_Fragment, { children: fallback ?? _jsx(DefaultSpinner, {}) });
@@ -106,4 +112,7 @@ function ResolvedSessionGate({ children, fallback, redirect = true, signedOut, }
     }
     return _jsx(_Fragment, { children: children });
 }
+function SessionUnavailableNotice({ retry }) {
+    return (_jsxs("div", { className: "flex h-screen w-full flex-col items-center justify-center gap-4 px-6 text-center", children: [_jsx("p", { className: "max-w-md text-sm text-muted-foreground", children: "We couldn't reach the server to confirm you're signed in. This is usually temporary." }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { type: "button", onClick: retry, className: "rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground", children: "Try again" }), _jsx("button", { type: "button", onClick: () => window.location.reload(), className: "rounded-md border border-border px-3 py-1.5 text-sm font-medium", children: "Reload page" })] })] }));
+}
 //# sourceMappingURL=require-session.js.map