@drawnagency/primitives 0.1.72 → 0.1.73

package/dist/{chunk-2HZB675H.js → chunk-7T2WQSWF.js}

@@ -4,7 +4,7 @@ import {
   MediaBlock,
   containerGridClass,
   useEditableCollection
-} from "./chunk-WCALKWPO.js";
+} from "./chunk-T7MP7ANP.js";
 import {
   Checkbox,
   FormLabel,
@@ -15,7 +15,7 @@ import {
   DeleteIcon,
   DragHandle,
   IconButton
-} from "./chunk-7SIZ2LV5.js";
+} from "./chunk-IFHRHV7S.js";
 import {
   DEFAULT_LINK,
   LinkValueSchema

package/dist/{chunk-7SIZ2LV5.js → chunk-IFHRHV7S.js}

@@ -1,6 +1,6 @@
 import {
   getMediaProvider
-} from "./chunk-TOBPMMRM.js";
+} from "./chunk-S55OZ7F2.js";
 import {
   cn
 } from "./chunk-7EOSDFS3.js";

package/dist/{chunk-BTGHF3SW.js → chunk-N6AE6NBB.js}

@@ -14,7 +14,7 @@ import {
   SettingsIcon,
   useMediaLibrary,
   useResolvedMedia
-} from "./chunk-7SIZ2LV5.js";
+} from "./chunk-IFHRHV7S.js";
 import {
   cn
 } from "./chunk-7EOSDFS3.js";

package/dist/{chunk-VHINNGIF.js → chunk-NKVZGPR6.js}

@@ -1,6 +1,6 @@
 import {
   EditablePlainText
-} from "./chunk-WCALKWPO.js";
+} from "./chunk-T7MP7ANP.js";
 import {
   Button,
   usePages

package/dist/{chunk-TOBPMMRM.js → chunk-S55OZ7F2.js}

@@ -220,6 +220,12 @@ function resolveManifestReferences(content, manifest, sizes, provider) {
   }
   return content;
 }
+var BAKED_MEDIA_KEYS = ["src", "srcset", "alt", "width", "height", "poster"];
+function rebindImageRef(ref, imageId) {
+  const fresh = { ...ref, imageId };
+  for (const key of BAKED_MEDIA_KEYS) delete fresh[key];
+  return fresh;
+}
 
 // src/media/videoPoster.ts
 function generateVideoPoster(blob, quality) {
@@ -312,6 +318,8 @@ export {
   ProcessingQueue,
   resolveMedia,
   resolveManifestReferences,
+  BAKED_MEDIA_KEYS,
+  rebindImageRef,
   generateVideoPoster,
   setMediaProvider,
   getMediaProvider

package/dist/{chunk-WCALKWPO.js → chunk-T7MP7ANP.js}

@@ -6,7 +6,10 @@ import {
   SettingsIcon,
   useMediaLibrary,
   useResolvedMedia
-} from "./chunk-7SIZ2LV5.js";
+} from "./chunk-IFHRHV7S.js";
+import {
+  rebindImageRef
+} from "./chunk-S55OZ7F2.js";
 import {
   cn
 } from "./chunk-7EOSDFS3.js";
@@ -140,13 +143,14 @@ function ResolvedMedia({
   invertFrom
 }) {
   const resolved = useResolvedMedia(imageId);
-  const src = propSrc || resolved.src;
-  const srcset = propSrcset || resolved.srcset;
+  const hasResolved = !!resolved.src;
+  const src = hasResolved ? resolved.src : propSrc;
+  const srcset = hasResolved ? resolved.srcset : propSrcset;
   const poster = resolved.poster;
-  const alt = propAlt ?? resolved.alt;
+  const alt = hasResolved ? resolved.alt : propAlt ?? "";
   const kind = resolved.kind;
-  const width = propWidth ?? resolved.width;
-  const height = propHeight ?? resolved.height;
+  const width = hasResolved ? resolved.width : propWidth;
+  const height = hasResolved ? resolved.height : propHeight;
   const [loaded, setLoaded] = useState2(false);
   const invertClass = invertFrom === "light" ? "invert dark:invert-0" : invertFrom === "dark" ? "dark:invert" : void 0;
   const mediaClass = cn("relative h-full w-full", imgClassName, invertClass);
@@ -259,7 +263,7 @@ function MediaBlock({ refValue, options, link, isEditMode, onRefChange }) {
   const fitClass = fit === "cover" ? "object-cover" : "object-contain";
   const showBorder = refValue.border ?? options.border;
   const captionStr = refValue.caption ? Array.isArray(refValue.caption) ? refValue.caption.join("\n") : refValue.caption : "";
-  const replace = onRefChange ? (imageId) => onRefChange({ ...refValue, imageId }) : void 0;
+  const replace = onRefChange ? (imageId) => onRefChange(rebindImageRef(refValue, imageId)) : void 0;
   const baked = refValue;
   const bakedWidth = typeof baked.width === "number" ? baked.width : void 0;
   const bakedHeight = typeof baked.height === "number" ? baked.height : void 0;

package/dist/{chunk-UBK2IZ6G.js → chunk-XTRTK26E.js}

@@ -1,7 +1,7 @@
 import {
   EditableRichText,
   defineHeadingSection
-} from "./chunk-VHINNGIF.js";
+} from "./chunk-NKVZGPR6.js";
 import {
   embedUrl
 } from "./chunk-RBTSUR5V.js";
@@ -10,7 +10,7 @@ import {
   pluralize,
   stripHtmlToPlainText,
   truncate
-} from "./chunk-2HZB675H.js";
+} from "./chunk-7T2WQSWF.js";
 import {
   EditablePlainText,
   ImageDropZone,
@@ -19,7 +19,7 @@ import {
   colSpanClass,
   containerGridClass,
   spacerHiddenClass
-} from "./chunk-WCALKWPO.js";
+} from "./chunk-T7MP7ANP.js";
 import {
   DeleteButton,
   DragHandle,
@@ -31,11 +31,11 @@ import {
   buildBlockDropData,
   canDropBlock,
   isBlockDragData
-} from "./chunk-BTGHF3SW.js";
+} from "./chunk-N6AE6NBB.js";
 import {
   useMediaLibrary,
   useResolvedMedia
-} from "./chunk-7SIZ2LV5.js";
+} from "./chunk-IFHRHV7S.js";
 import {
   DEFAULT_LINK,
   LinkValueSchema

package/dist/components/editor/index.js

@@ -11,14 +11,14 @@ import {
   buildBlockDropData,
   canDropBlock,
   isBlockDragData
-} from "../../chunk-BTGHF3SW.js";
+} from "../../chunk-N6AE6NBB.js";
 import "../../chunk-ZSPCE6MZ.js";
 import "../../chunk-5THS4K5D.js";
 import {
   AddIcon,
   IconButton
-} from "../../chunk-7SIZ2LV5.js";
-import "../../chunk-TOBPMMRM.js";
+} from "../../chunk-IFHRHV7S.js";
+import "../../chunk-S55OZ7F2.js";
 import "../../chunk-677NTHAZ.js";
 import {
   cn

package/dist/components/primitives/ResolvedMedia.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResolvedMedia.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/ResolvedMedia.tsx"],"names":[],"mappings":"AAKA,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,GAAG,EAAE,OAAO,EACZ,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,UAAU,EAClB,SAAS,EACT,YAAY,EACZ,UAAU,GACX,EAAE,kBAAkB,2CAsEpB"}
+{"version":3,"file":"ResolvedMedia.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/ResolvedMedia.tsx"],"names":[],"mappings":"AAKA,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,GAAG,EAAE,OAAO,EACZ,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,UAAU,EAClB,SAAS,EACT,YAAY,EACZ,UAAU,GACX,EAAE,kBAAkB,2CA2EpB"}

package/dist/components/primitives/index.js

@@ -2,7 +2,7 @@ import {
   EditableRichText,
   LinkPopover,
   defineHeadingSection
-} from "../../chunk-VHINNGIF.js";
+} from "../../chunk-NKVZGPR6.js";
 import {
   EditableGrid,
   EditablePlainText,
@@ -10,14 +10,14 @@ import {
   MediaBlock,
   ResolvedMedia,
   useEditableCollection
-} from "../../chunk-WCALKWPO.js";
+} from "../../chunk-T7MP7ANP.js";
 import "../../chunk-ZSPCE6MZ.js";
 import {
   DeleteIcon,
   DragHandle,
   IconButton
-} from "../../chunk-7SIZ2LV5.js";
-import "../../chunk-TOBPMMRM.js";
+} from "../../chunk-IFHRHV7S.js";
+import "../../chunk-S55OZ7F2.js";
 import "../../chunk-53DKVAB6.js";
 import {
   cn

package/dist/components/sections/Media/MediaBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MediaBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Media/MediaBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAOvD,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,OAAO,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAAE,CAAC;IACxG,4EAA4E;IAC5E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACnD;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,eAAe,2CA2F/F"}
+{"version":3,"file":"MediaBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Media/MediaBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAQvD,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,OAAO,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAAE,CAAC;IACxG,4EAA4E;IAC5E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACnD;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,eAAe,2CA2F/F"}

package/dist/components/sections/brand-guide.js

@@ -2,11 +2,11 @@ import {
   ColorItemSchema,
   ColorSpaceSchema,
   brandGuideSectionDefs
-} from "../../chunk-2HZB675H.js";
-import "../../chunk-WCALKWPO.js";
+} from "../../chunk-7T2WQSWF.js";
+import "../../chunk-T7MP7ANP.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-7SIZ2LV5.js";
-import "../../chunk-TOBPMMRM.js";
+import "../../chunk-IFHRHV7S.js";
+import "../../chunk-S55OZ7F2.js";
 import "../../chunk-PZJL2S3Z.js";
 import "../../chunk-WDSVHKAH.js";
 import "../../chunk-7EOSDFS3.js";

package/dist/components/sections/register-schemas.js

@@ -1,15 +1,15 @@
 import {
   allSectionDefs
-} from "../../chunk-UBK2IZ6G.js";
-import "../../chunk-VHINNGIF.js";
+} from "../../chunk-XTRTK26E.js";
+import "../../chunk-NKVZGPR6.js";
 import "../../chunk-RBTSUR5V.js";
-import "../../chunk-2HZB675H.js";
-import "../../chunk-WCALKWPO.js";
-import "../../chunk-BTGHF3SW.js";
+import "../../chunk-7T2WQSWF.js";
+import "../../chunk-T7MP7ANP.js";
+import "../../chunk-N6AE6NBB.js";
 import "../../chunk-ZSPCE6MZ.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-7SIZ2LV5.js";
-import "../../chunk-TOBPMMRM.js";
+import "../../chunk-IFHRHV7S.js";
+import "../../chunk-S55OZ7F2.js";
 import "../../chunk-PZJL2S3Z.js";
 import "../../chunk-53DKVAB6.js";
 import "../../chunk-WDSVHKAH.js";

package/dist/components/sections/register.js

@@ -1,15 +1,15 @@
 import {
   allSectionDefs
-} from "../../chunk-UBK2IZ6G.js";
-import "../../chunk-VHINNGIF.js";
+} from "../../chunk-XTRTK26E.js";
+import "../../chunk-NKVZGPR6.js";
 import "../../chunk-RBTSUR5V.js";
-import "../../chunk-2HZB675H.js";
-import "../../chunk-WCALKWPO.js";
-import "../../chunk-BTGHF3SW.js";
+import "../../chunk-7T2WQSWF.js";
+import "../../chunk-T7MP7ANP.js";
+import "../../chunk-N6AE6NBB.js";
 import "../../chunk-ZSPCE6MZ.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-7SIZ2LV5.js";
-import "../../chunk-TOBPMMRM.js";
+import "../../chunk-IFHRHV7S.js";
+import "../../chunk-S55OZ7F2.js";
 import "../../chunk-PZJL2S3Z.js";
 import "../../chunk-53DKVAB6.js";
 import "../../chunk-WDSVHKAH.js";

package/dist/components/shell/EditorShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorShell.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorShell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA0EjD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAQxD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAIhB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,YAAY,EAAE;QACZ,KAAK,EAAE,OAAO,CAAC;QACf,aAAa,EAAE,OAAO,CAAC;QACvB,YAAY,EAAE,OAAO,CAAC;QACtB,cAAc,EAAE,OAAO,CAAC;QACxB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,cAAc,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,GAAG,IAAI,CAAC;IAIhE,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EACZ,WAAW,EACX,sBAA8B,GAC/B,EAAE,KAAK,2CAy8BP"}
+{"version":3,"file":"EditorShell.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorShell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA0EjD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAQxD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAIhB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,YAAY,EAAE;QACZ,KAAK,EAAE,OAAO,CAAC;QACf,aAAa,EAAE,OAAO,CAAC;QACvB,YAAY,EAAE,OAAO,CAAC;QACtB,cAAc,EAAE,OAAO,CAAC;QACxB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,cAAc,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,GAAG,IAAI,CAAC;IAIhE,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EACZ,WAAW,EACX,sBAA8B,GAC/B,EAAE,KAAK,2CA08BP"}

package/dist/hooks/useEditorPublish.d.ts

@@ -20,11 +20,14 @@ interface PublishDeps {
     onShasUpdated: (savedSha: string | null, mainSha: string | null) => void;
     onPublishComplete?: () => void;
     getBaseVersion: () => string | null;
+    /** Test hook: overrides the per-request payload budget (default 4MB). */
+    saveChunkBudget?: number;
 }
 export type PublishAction = "idle" | "saving" | "publishing";
-export declare function useEditorPublish({ flushNow, cancelPendingFlush, isConfigDirty, clearConfigDirty, siteIndexRef, siteConfig, sections, deletedSectionIds, onSuccess, mediaManifest, manifestDirty, clearManifestDirty, pendingMediaItems, pendingMediaDeletions, onMediaPublished, onShasUpdated, onPublishComplete, getBaseVersion, }: PublishDeps): {
+export declare function useEditorPublish({ flushNow, cancelPendingFlush, isConfigDirty, clearConfigDirty, siteIndexRef, siteConfig, sections, deletedSectionIds, onSuccess, mediaManifest, manifestDirty, clearManifestDirty, pendingMediaItems, pendingMediaDeletions, onMediaPublished, onShasUpdated, onPublishComplete, getBaseVersion, saveChunkBudget, }: PublishDeps): {
     publishAction: PublishAction;
     publishFeedback: string | null;
+    saveProgress: string | null;
     handleSave: () => Promise<void>;
     handlePublish: () => Promise<void>;
     handleSaveAndPublish: () => Promise<void>;

package/dist/hooks/useEditorPublish.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEditorPublish.d.ts","sourceRoot":"","sources":["../../src/hooks/useEditorPublish.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAe/D,UAAU,WAAW;IACnB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,aAAa,EAAE,MAAM,OAAO,CAAC;IAC7B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,EAAE,SAAS,EAAE,CAAC;IAC/B,qBAAqB,EAAE,MAAM,EAAE,CAAC;IAChC,gBAAgB,EAAE,CAAC,cAAc,EAAE,SAAS,EAAE,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtF,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzE,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAI/B,cAAc,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;CACrC;AAQD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAC;AAE7D,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,kBAAkB,EAClB,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,iBAAiB,EACjB,SAAS,EACT,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,cAAc,GACf,EAAE,WAAW;;;;;;EAiUb"}
+{"version":3,"file":"useEditorPublish.d.ts","sourceRoot":"","sources":["../../src/hooks/useEditorPublish.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AA6C/D,UAAU,WAAW;IACnB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,aAAa,EAAE,MAAM,OAAO,CAAC;IAC7B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,EAAE,SAAS,EAAE,CAAC;IAC/B,qBAAqB,EAAE,MAAM,EAAE,CAAC;IAChC,gBAAgB,EAAE,CAAC,cAAc,EAAE,SAAS,EAAE,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtF,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzE,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAI/B,cAAc,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IACpC,yEAAyE;IACzE,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAQD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAC;AAE7D,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,kBAAkB,EAClB,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,iBAAiB,EACjB,SAAS,EACT,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,cAAc,EACd,eAAe,GAChB,EAAE,WAAW;;;;;;;EAoXb"}

package/dist/index.js

@@ -13,6 +13,7 @@ import {
   verifySessionToken
 } from "./chunk-EM5DFHDZ.js";
 import {
+  BAKED_MEDIA_KEYS,
   EXT_TO_MIME,
   MIME_TO_EXT,
   ProcessingQueue,
@@ -23,11 +24,12 @@ import {
   getMediaProvider,
   hashFileBuffer,
   mimeToExt,
+  rebindImageRef,
   resolveManifestReferences,
   resolveMedia,
   sanitizeMediaName,
   setMediaProvider
-} from "./chunk-TOBPMMRM.js";
+} from "./chunk-S55OZ7F2.js";
 import {
   AudienceColorSchema,
   AudienceNameSchema,
@@ -140,6 +142,7 @@ export {
   AudienceColorSchema,
   AudienceNameSchema,
   AudienceSchema,
+  BAKED_MEDIA_KEYS,
   ChatbotConfigSchema,
   ChatbotTaskSchema,
   DEFAULT_LINK,
@@ -210,6 +213,7 @@ export {
   mimeToExt,
   navChangeEvent,
   normalizeSiteIndex,
+  rebindImageRef,
   registerSchema,
   registerSection,
   requireSessionSecret,

package/dist/lib/save-chunks.d.ts

@@ -0,0 +1,28 @@
+import type { MediaItem } from "../media/types";
+export interface MediaUploadPayload {
+    item: MediaItem;
+    blobs: {
+        path: string;
+        base64: string;
+    }[];
+}
+/**
+ * Serialized-payload budget per /api/save request. Netlify rejects function
+ * request bodies over ~6MB at the platform level (before the app runs); 4MB
+ * leaves headroom for the JSON envelope plus sections/index/config riding the
+ * final chunk.
+ */
+export declare const SAVE_CHUNK_BUDGET_BYTES: number;
+/** Approximate serialized size of one upload: base64 dominates; the fixed
+ *  allowances cover JSON keys, quoting, and the item's manifest metadata. */
+export declare function uploadSizeBytes(upload: MediaUploadPayload): number;
+export interface PackedUploads {
+    chunks: MediaUploadPayload[][];
+    oversized: MediaUploadPayload[];
+}
+/** Greedy in-order packing of uploads into budget-sized chunks. An item whose
+ *  blobs alone exceed the budget can never be sent — it lands in `oversized`
+ *  for the caller to reject with a per-file error. Items are never split
+ *  across chunks (the manifest may only reference fully-committed items). */
+export declare function packUploads(uploads: MediaUploadPayload[], budget?: number): PackedUploads;
+//# sourceMappingURL=save-chunks.d.ts.map

package/dist/lib/save-chunks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"save-chunks.d.ts","sourceRoot":"","sources":["../../src/lib/save-chunks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC3C;AAED;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,QAAkB,CAAC;AAEvD;6EAC6E;AAC7E,wBAAgB,eAAe,CAAC,MAAM,EAAE,kBAAkB,GAAG,MAAM,CAElE;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,kBAAkB,EAAE,EAAE,CAAC;IAC/B,SAAS,EAAE,kBAAkB,EAAE,CAAC;CACjC;AAED;;;6EAG6E;AAC7E,wBAAgB,WAAW,CAAC,OAAO,EAAE,kBAAkB,EAAE,EAAE,MAAM,SAA0B,GAAG,aAAa,CAsB1G"}

package/dist/media/index.js

@@ -1,4 +1,5 @@
 import {
+  BAKED_MEDIA_KEYS,
   EXT_TO_MIME,
   MIME_TO_EXT,
   ProcessingQueue,
@@ -9,11 +10,12 @@ import {
   getMediaProvider,
   hashFileBuffer,
   mimeToExt,
+  rebindImageRef,
   resolveManifestReferences,
   resolveMedia,
   sanitizeMediaName,
   setMediaProvider
-} from "../chunk-TOBPMMRM.js";
+} from "../chunk-S55OZ7F2.js";
 import "../chunk-4YEOTFVU.js";
 import {
   ImageManifestSchema,
@@ -23,6 +25,7 @@ import {
 } from "../chunk-SWIHUIFT.js";
 import "../chunk-JSBRDJBE.js";
 export {
+  BAKED_MEDIA_KEYS,
   EXT_TO_MIME,
   ImageManifestSchema,
   MIME_TO_EXT,
@@ -37,6 +40,7 @@ export {
   getMediaProvider,
   hashFileBuffer,
   mimeToExt,
+  rebindImageRef,
   resolveManifestReferences,
   resolveMedia,
   sanitizeMediaName,

package/dist/media/resolve.d.ts

@@ -12,4 +12,18 @@ export declare function resolveMedia(item: {
  * without needing to know about the manifest themselves.
  */
 export declare function resolveManifestReferences(content: unknown, manifest: MediaManifest, sizes: number[], provider: MediaProvider): unknown;
+/**
+ * Keys stamped onto media refs by resolveManifestReferences above — derived
+ * from the referenced media item, never authored by the editor. Must stay in
+ * sync with the `patch` object built in resolveManifestReferences.
+ */
+export declare const BAKED_MEDIA_KEYS: readonly ["src", "srcset", "alt", "width", "height", "poster"];
+/**
+ * Re-point a media ref at a different library item. Drops every baked field so
+ * stale values resolved for the PREVIOUS image can't shadow the new one in the
+ * editor (ResolvedMedia prefers an explicit src prop over live resolution).
+ */
+export declare function rebindImageRef<T extends {
+    imageId?: string;
+}>(ref: T, imageId: string): T;
 //# sourceMappingURL=resolve.d.ts.map

package/dist/media/resolve.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolve.d.ts","sourceRoot":"","sources":["../../src/media/resolve.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wBAAgB,YAAY,CAC1B,IAAI,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,EACxC,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,MAAM,EAAE,EACf,QAAQ,EAAE,aAAa,GACtB,aAAa,GAAG,IAAI,CAKtB;AAED;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,MAAM,EAAE,EACf,QAAQ,EAAE,aAAa,GACtB,OAAO,CA0CT"}
+{"version":3,"file":"resolve.d.ts","sourceRoot":"","sources":["../../src/media/resolve.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wBAAgB,YAAY,CAC1B,IAAI,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,EACxC,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,MAAM,EAAE,EACf,QAAQ,EAAE,aAAa,GACtB,aAAa,GAAG,IAAI,CAKtB;AAED;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,MAAM,EAAE,EACf,QAAQ,EAAE,aAAa,GACtB,OAAO,CA0CT;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,gEAAiE,CAAC;AAE/F;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC,CAIzF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drawnagency/primitives",
-  "version": "0.1.72",
+  "version": "0.1.73",
   "type": "module",
   "exports": {
     "./package.json": "./package.json",

package/src/components/primitives/ResolvedMedia.tsx

@@ -27,13 +27,18 @@ export function ResolvedMedia({
   invertFrom,
 }: ResolvedMediaProps) {
   const resolved = useResolvedMedia(imageId);
-  const src = propSrc || resolved.src;
-  const srcset = propSrcset || resolved.srcset;
+  // A successful live resolution is always fresher than baked props (the ref
+  // may have been re-pointed since the server baked them) — prefer it, and use
+  // the baked values only where resolution is unavailable (zero-JS viewer,
+  // deleted/unknown id).
+  const hasResolved = !!resolved.src;
+  const src = hasResolved ? resolved.src : propSrc;
+  const srcset = hasResolved ? resolved.srcset : propSrcset;
   const poster = resolved.poster;
-  const alt = propAlt ?? resolved.alt;
+  const alt = hasResolved ? resolved.alt : (propAlt ?? "");
   const kind = resolved.kind;
-  const width = propWidth ?? resolved.width;
-  const height = propHeight ?? resolved.height;
+  const width = hasResolved ? resolved.width : propWidth;
+  const height = hasResolved ? resolved.height : propHeight;
 
   // `loaded` fades the placeholder out via onLoad in the hydrated editor. In the
   // zero-JS viewer this stays false (no JS), so the placeholder remains painted

package/src/components/sections/Media/MediaBlock.tsx

@@ -5,6 +5,7 @@ import { ResolvedMedia } from "../../primitives/ResolvedMedia";
 import { ImageDropZone } from "../../primitives/ImageDropZone";
 import { EditablePlainText } from "../../primitives/EditablePlainText";
 import { useMediaLibrary } from "../../shell/MediaLibraryContext";
+import { rebindImageRef } from "../../../media/resolve";
 
 export interface MediaBlockProps {
   refValue: SingleMediaReference;
@@ -25,7 +26,7 @@ export function MediaBlock({ refValue, options, link, isEditMode, onRefChange }:
     ? Array.isArray(refValue.caption) ? refValue.caption.join("\n") : refValue.caption
     : "";
 
-  const replace = onRefChange ? (imageId: string) => onRefChange({ ...refValue, imageId }) : undefined;
+  const replace = onRefChange ? (imageId: string) => onRefChange(rebindImageRef(refValue, imageId)) : undefined;
 
   // The zero-JS viewer has no MediaLibraryContext, so useResolvedMedia() can't
   // resolve the URL. The SSR pass (resolveManifestReferences) bakes src/srcset/alt

package/src/components/shell/EditorShell.tsx

@@ -232,7 +232,7 @@ export default function EditorShell({
 
   const buildStatus = useBuildStatus();
 
-  const { publishAction, publishFeedback, handleSave, handlePublish, handleSaveAndPublish } = useEditorPublish({
+  const { publishAction, publishFeedback, saveProgress, handleSave, handlePublish, handleSaveAndPublish } = useEditorPublish({
     flushNow: persistence.flushNow,
     cancelPendingFlush: persistence.cancelPendingFlush,
     isConfigDirty: persistence.isConfigDirty,
@@ -884,6 +884,7 @@ export default function EditorShell({
             localChangesExist={localChangesExist}
             publishAction={publishAction}
             publishFeedback={publishFeedback}
+            saveProgress={saveProgress}
             onSave={handleSave}
             onPublish={handlePublish}
             onSaveAndPublish={handleSaveAndPublish}
@@ -1489,12 +1490,14 @@ function DismissButton({ onClick }: { onClick: () => void }) {
 function StatusText({
   publishAction,
   publishFeedback,
+  saveProgress,
   buildState,
   buildElapsed,
   onDismiss,
 }: {
   publishAction: "idle" | "saving" | "publishing";
   publishFeedback: string | null;
+  saveProgress: string | null;
   buildState: "idle" | "building" | "ready" | "error" | "fading";
   buildElapsed: number;
   onDismiss: () => void;
@@ -1502,7 +1505,7 @@ function StatusText({
   if (publishAction === "saving") {
     return (
       <span className="relative text-xs font-medium text-base-content/60">
-        Saving changes<LoadingEllipsis />
+        {saveProgress ?? <>Saving changes<LoadingEllipsis /></>}
       </span>
     );
   }
@@ -1550,6 +1553,7 @@ function EditorToolbar({
   localChangesExist,
   publishAction,
   publishFeedback,
+  saveProgress,
   onSave,
   onPublish,
   onSaveAndPublish,
@@ -1569,6 +1573,7 @@ function EditorToolbar({
   localChangesExist: boolean;
   publishAction: "idle" | "saving" | "publishing";
   publishFeedback: string | null;
+  saveProgress: string | null;
   onSave: () => void;
   onPublish: () => void;
   onSaveAndPublish: () => void;
@@ -1640,6 +1645,7 @@ function EditorToolbar({
               <StatusText
                 publishAction={publishAction}
                 publishFeedback={publishFeedback}
+                saveProgress={saveProgress}
                 buildState={buildState}
                 buildElapsed={buildElapsed}
                 onDismiss={onBuildDismiss}

package/src/hooks/useEditorPublish.ts

@@ -3,6 +3,7 @@ import type { SiteIndex, SiteConfig } from "../schemas/site-config";
 import type { LoadedSection } from "../lib/loader";
 import type { MediaManifest, MediaItem } from "../media/types";
 import { getDirtySectionRows, hasLocalChanges, discardSavedChanges, cacheContent, clearContentCache, getPendingMediaBlobs, clearPendingMediaByIds } from "../lib/dexie";
+import { packUploads, type MediaUploadPayload } from "../lib/save-chunks";
 
 function blobToBase64(blob: Blob): Promise<string> {
   return new Promise((resolve, reject) => {
@@ -16,6 +17,35 @@ function blobToBase64(blob: Blob): Promise<string> {
   });
 }
 
+/** One /api/save request with honest failure semantics: the server's message
+ *  is preserved verbatim; non-JSON bodies (platform-level rejections) get a
+ *  status-coded fallback — or a size hint when the request body itself was
+ *  near Netlify's ~6MB limit (should be unreachable once saves are chunked). */
+async function postSave(payload: object): Promise<{ sha: string }> {
+  const body = JSON.stringify(payload);
+  let response: Response;
+  try {
+    response = await fetch("/api/save", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body,
+    });
+  } catch {
+    throw new Error("Network error while saving — check your connection and try again.");
+  }
+  if (!response.ok) {
+    const errorBody = await response.json().catch(() => null) as { message?: string; error?: string } | null;
+    const serverMessage = errorBody?.message || errorBody?.error;
+    const fallback = !errorBody && body.length > 5_500_000
+      ? "This save is too large to send in one request — remove some images from the media library and try again."
+      : `Save failed (HTTP ${response.status})`;
+    throw Object.assign(new Error(serverMessage || fallback), { status: response.status });
+  }
+  const data = await response.json().catch(() => null) as { sha?: string } | null;
+  if (!data?.sha) throw new Error("Save response missing SHA");
+  return data as { sha: string };
+}
+
 interface PublishDeps {
   flushNow: () => Promise<void>;
   cancelPendingFlush: () => void;
@@ -38,6 +68,8 @@ interface PublishDeps {
   // no draft exists yet). Sent with saves so the server can 409 on a concurrent
   // edit instead of silently overwriting it. Read at save time (latest value).
   getBaseVersion: () => string | null;
+  /** Test hook: overrides the per-request payload budget (default 4MB). */
+  saveChunkBudget?: number;
 }
 
 interface GatheredMedia {
@@ -67,9 +99,11 @@ export function useEditorPublish({
   onShasUpdated,
   onPublishComplete,
   getBaseVersion,
+  saveChunkBudget,
 }: PublishDeps) {
   const [publishAction, setPublishAction] = useState<PublishAction>("idle");
   const [publishFeedback, setPublishFeedback] = useState<string | null>(null);
+  const [saveProgress, setSaveProgress] = useState<string | null>(null);
   const feedbackTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const inFlightRef = useRef(false);
 
@@ -148,6 +182,7 @@ export function useEditorPublish({
     pendingMediaDeletions: string[];
     mediaManifest: MediaManifest;
     manifestDirty: boolean;
+    saveChunkBudget?: number;
   }): Promise<{ sha: string; savedSections: { sectionId: string; updatedAt: string }[]; uploadedItems: MediaItem[] }> {
     const dirty = await getDirtySectionRows();
     const gathered = await gatherMediaPayload(
@@ -157,6 +192,14 @@ export function useEditorPublish({
       args.manifestDirty,
     );
 
+    const { chunks, oversized } = packUploads(gathered.mediaUploads, args.saveChunkBudget);
+    if (oversized.length > 0) {
+      const names = oversized.map((u) => `"${u.item.originalName}"`).join(", ");
+      throw new Error(
+        `${names} ${oversized.length === 1 ? "is" : "are"} too large to save — resize or compress the file, re-add it to the media library, and try again.`,
+      );
+    }
+
     let siteIndex = args.siteIndexRef.current;
     if (args.deletedSectionIds?.length) {
       const deleteSet = new Set(args.deletedSectionIds);
@@ -171,48 +214,71 @@ export function useEditorPublish({
       };
     }
 
-    const response = await fetch("/api/save", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({
-        sections: dirty.map(({ sectionId, content }) => ({
-          id: sectionId,
-          content,
-        })),
-        siteIndex,
-        baseVersion: getBaseVersion(),
-        ...(args.deletedSectionIds?.length ? { deletedSectionIds: args.deletedSectionIds } : {}),
-        ...(args.isConfigDirty() ? { siteConfig: args.siteConfig } : {}),
-        ...(gathered.hasMediaChanges ? {
-          media: {
-            uploads: gathered.mediaUploads.map(({ item, blobs }) => ({ item, blobs })),
-            deletions: args.pendingMediaDeletions.map((id) => ({
-              id,
-              folder: args.mediaManifest.images[id]?.folder,
-            })).filter((d) => d.folder),
-            manifest: gathered.updatedManifest,
-          },
-        } : {}),
-      }),
-    });
-
-    if (!response.ok) {
-      const errorBody = await response.json().catch(() => ({}));
-      const message = errorBody.message || errorBody.error || "Save failed";
-      throw Object.assign(new Error(message), { status: response.status });
+    let baseVersion = getBaseVersion();
+    const uploadedItems: MediaItem[] = [];
+    const totalUploads = gathered.mediaUploads.length;
+
+    // Lead chunks: media-only saves. The server skips the index write for
+    // these, so the draft never references section files that don't exist
+    // yet; a failure after chunk k leaves chunks 1..k committed AND in the
+    // committed manifest. The remainder stays pending in Dexie, but the
+    // caller's savedShaRef only advances on full success — so an IMMEDIATE
+    // retry may 409 against the moved draft head; after a reload the save
+    // resumes cleanly with only the uncommitted remainder.
+    const leadChunks = chunks.slice(0, -1); // empty when chunks.length <= 1
+    const finalUploads: MediaUploadPayload[] = chunks.length > 0 ? chunks[chunks.length - 1] : [];
+    const committedImages: Record<string, MediaItem> = {};
+    let sent = 0;
+
+    for (const chunk of leadChunks) {
+      setSaveProgress(`Saving images ${sent + chunk.length}/${totalUploads}…`);
+      for (const upload of chunk) committedImages[upload.item.id] = upload.item;
+      const manifest: MediaManifest = { images: { ...args.mediaManifest.images, ...committedImages } };
+      const data = await postSave({
+        baseVersion,
+        media: { uploads: chunk, deletions: [], manifest },
+      });
+      baseVersion = data.sha;
+      sent += chunk.length;
+      const chunkItems = chunk.map((u) => u.item);
+      uploadedItems.push(...chunkItems);
+      // Promote committed items immediately so a later failure can't re-send
+      // them. A failure HERE is tolerable: re-sending identical blobs on the
+      // next save is harmless (same content, same paths).
+      try {
+        await clearPendingMediaByIds(chunkItems.map((i) => i.id), []);
+        onMediaPublished(chunkItems, []);
+      } catch (promoteError) {
+        console.error("Failed to promote committed media chunk locally:", promoteError);
+      }
     }
 
-    const responseData = await response.json().catch(() => null);
-    if (!responseData?.sha) {
-      throw new Error("Save response missing SHA");
+    if (leadChunks.length > 0) {
+      setSaveProgress(finalUploads.length > 0 ? `Saving images ${totalUploads}/${totalUploads}…` : null);
     }
+
+    const responseData = await postSave({
+      sections: dirty.map(({ sectionId, content }) => ({ id: sectionId, content })),
+      siteIndex,
+      baseVersion,
+      ...(args.deletedSectionIds?.length ? { deletedSectionIds: args.deletedSectionIds } : {}),
+      ...(args.isConfigDirty() ? { siteConfig: args.siteConfig } : {}),
+      ...(gathered.hasMediaChanges ? {
+        media: {
+          uploads: finalUploads,
+          deletions: args.pendingMediaDeletions.map((id) => ({
+            id,
+            folder: args.mediaManifest.images[id]?.folder,
+          })).filter((d) => d.folder),
+          manifest: gathered.updatedManifest,
+        },
+      } : {}),
+    });
+
     return {
-      sha: responseData.sha as string,
+      sha: responseData.sha,
       savedSections: dirty.map(({ sectionId, updatedAt }) => ({ sectionId, updatedAt })),
-      // Only the items whose blobs were actually written to GitHub. Items skipped
-      // by gatherMediaPayload (blobs not yet persisted) are excluded so the caller
-      // never promotes them into the manifest as orphans.
-      uploadedItems: gathered.mediaUploads.map(({ item }) => item),
+      uploadedItems: [...uploadedItems, ...finalUploads.map((u) => u.item)],
     };
   }
 
@@ -242,6 +308,7 @@ export function useEditorPublish({
       siteConfig: siteConfig!,
       siteIndexRef, deletedSectionIds, isConfigDirty,
       pendingMediaItems, pendingMediaDeletions, mediaManifest, manifestDirty,
+      saveChunkBudget,
     });
   }
 
@@ -269,8 +336,9 @@ export function useEditorPublish({
 
   function reportSaveError(error: unknown, failLabel: string): void {
     console.error(`${failLabel} failed:`, error);
+    const message = error instanceof Error && error.message ? error.message : `${failLabel} failed`;
     const isConflict = (error as { status?: number })?.status === 409;
-    showFeedback(isConflict ? (error as Error).message : `${failLabel} failed`, isConflict ? 8000 : 5000);
+    showFeedback(message, isConflict ? 8000 : 6000);
   }
 
   const handleSave = useCallback(async () => {
@@ -286,19 +354,26 @@ export function useEditorPublish({
       }
 
       const { sha, savedSections, uploadedItems } = await runPerformSave();
-
-      await commitSavedRows(savedSections, uploadedItems);
-      finishSave(uploadedItems);
       onShasUpdated(sha, null);
 
+      try {
+        await commitSavedRows(savedSections, uploadedItems);
+        finishSave(uploadedItems);
+      } catch (cleanupError) {
+        console.error("Save succeeded but local cleanup failed:", cleanupError);
+        showFeedback("Saved, but the local cache couldn't be updated — reload the editor.", 8000);
+        return;
+      }
+
       showFeedback("Saved", 3000);
     } catch (error) {
       reportSaveError(error, "Save");
     } finally {
       inFlightRef.current = false;
       setPublishAction("idle");
+      setSaveProgress(null);
     }
-  }, [flushNow, cancelPendingFlush, isConfigDirty, clearConfigDirty, siteIndexRef, siteConfig, deletedSectionIds, onSuccess, mediaManifest, manifestDirty, clearManifestDirty, pendingMediaItems, pendingMediaDeletions, onMediaPublished, onShasUpdated, showFeedback]);
+  }, [flushNow, cancelPendingFlush, isConfigDirty, clearConfigDirty, siteIndexRef, siteConfig, deletedSectionIds, onSuccess, mediaManifest, manifestDirty, clearManifestDirty, pendingMediaItems, pendingMediaDeletions, onMediaPublished, onShasUpdated, showFeedback, saveChunkBudget]);
 
   const handlePublish = useCallback(async () => {
     setPublishAction("publishing");
@@ -369,12 +444,20 @@ export function useEditorPublish({
       const { sha } = publishData;
 
       if (hasLocalEdits) {
-        await commitSavedRows(savedSections, uploadedItems);
-        // Re-cache against the PUBLISHED sha (commitSavedRows just invalidated the
-        // cache); the draft branch is gone after publish, so this is the snapshot a
-        // later cache hit restores.
-        await cacheContent(sha, sections, siteIndexRef.current, siteConfig!);
-        finishSave(uploadedItems);
+        try {
+          await commitSavedRows(savedSections, uploadedItems);
+          // Re-cache against the PUBLISHED sha (commitSavedRows just invalidated the
+          // cache); the draft branch is gone after publish, so this is the snapshot a
+          // later cache hit restores.
+          await cacheContent(sha, sections, siteIndexRef.current, siteConfig!);
+          finishSave(uploadedItems);
+        } catch (cleanupError) {
+          console.error("Publish succeeded but local cleanup failed:", cleanupError);
+          onShasUpdated(null, sha);
+          onPublishComplete?.();
+          showFeedback("Published, but the local cache couldn't be updated — reload the editor.", 8000);
+          return;
+        }
       }
 
       onShasUpdated(null, sha);
@@ -384,8 +467,9 @@ export function useEditorPublish({
     } finally {
       inFlightRef.current = false;
       setPublishAction("idle");
+      setSaveProgress(null);
     }
-  }, [flushNow, cancelPendingFlush, isConfigDirty, clearConfigDirty, siteIndexRef, siteConfig, sections, deletedSectionIds, onSuccess, mediaManifest, manifestDirty, clearManifestDirty, pendingMediaItems, pendingMediaDeletions, onMediaPublished, onShasUpdated, showFeedback, onPublishComplete]);
+  }, [flushNow, cancelPendingFlush, isConfigDirty, clearConfigDirty, siteIndexRef, siteConfig, sections, deletedSectionIds, onSuccess, mediaManifest, manifestDirty, clearManifestDirty, pendingMediaItems, pendingMediaDeletions, onMediaPublished, onShasUpdated, showFeedback, onPublishComplete, saveChunkBudget]);
 
-  return { publishAction, publishFeedback, handleSave, handlePublish, handleSaveAndPublish };
+  return { publishAction, publishFeedback, saveProgress, handleSave, handlePublish, handleSaveAndPublish };
 }

package/src/lib/save-chunks.ts

@@ -0,0 +1,53 @@
+import type { MediaItem } from "../media/types";
+
+export interface MediaUploadPayload {
+  item: MediaItem;
+  blobs: { path: string; base64: string }[];
+}
+
+/**
+ * Serialized-payload budget per /api/save request. Netlify rejects function
+ * request bodies over ~6MB at the platform level (before the app runs); 4MB
+ * leaves headroom for the JSON envelope plus sections/index/config riding the
+ * final chunk.
+ */
+export const SAVE_CHUNK_BUDGET_BYTES = 4 * 1024 * 1024;
+
+/** Approximate serialized size of one upload: base64 dominates; the fixed
+ *  allowances cover JSON keys, quoting, and the item's manifest metadata. */
+export function uploadSizeBytes(upload: MediaUploadPayload): number {
+  return upload.blobs.reduce((sum, b) => sum + b.base64.length + b.path.length + 64, 512);
+}
+
+export interface PackedUploads {
+  chunks: MediaUploadPayload[][];
+  oversized: MediaUploadPayload[];
+}
+
+/** Greedy in-order packing of uploads into budget-sized chunks. An item whose
+ *  blobs alone exceed the budget can never be sent — it lands in `oversized`
+ *  for the caller to reject with a per-file error. Items are never split
+ *  across chunks (the manifest may only reference fully-committed items). */
+export function packUploads(uploads: MediaUploadPayload[], budget = SAVE_CHUNK_BUDGET_BYTES): PackedUploads {
+  const chunks: MediaUploadPayload[][] = [];
+  const oversized: MediaUploadPayload[] = [];
+  let current: MediaUploadPayload[] = [];
+  let currentBytes = 0;
+
+  for (const upload of uploads) {
+    const size = uploadSizeBytes(upload);
+    if (size > budget) {
+      oversized.push(upload);
+      continue;
+    }
+    if (current.length > 0 && currentBytes + size > budget) {
+      chunks.push(current);
+      current = [];
+      currentBytes = 0;
+    }
+    current.push(upload);
+    currentBytes += size;
+  }
+  if (current.length > 0) chunks.push(current);
+  return { chunks, oversized };
+}

package/src/media/resolve.ts

@@ -68,3 +68,21 @@ export function resolveManifestReferences(
 
   return content;
 }
+
+/**
+ * Keys stamped onto media refs by resolveManifestReferences above — derived
+ * from the referenced media item, never authored by the editor. Must stay in
+ * sync with the `patch` object built in resolveManifestReferences.
+ */
+export const BAKED_MEDIA_KEYS = ["src", "srcset", "alt", "width", "height", "poster"] as const;
+
+/**
+ * Re-point a media ref at a different library item. Drops every baked field so
+ * stale values resolved for the PREVIOUS image can't shadow the new one in the
+ * editor (ResolvedMedia prefers an explicit src prop over live resolution).
+ */
+export function rebindImageRef<T extends { imageId?: string }>(ref: T, imageId: string): T {
+  const fresh = { ...ref, imageId } as Record<string, unknown>;
+  for (const key of BAKED_MEDIA_KEYS) delete fresh[key];
+  return fresh as T;
+}