@morphika/andami 0.5.4 → 0.5.6

package/components/builder/editors/ImageGridBlockEditor.tsx

@@ -95,35 +95,37 @@ function ImageThumb({
 // ============================================
 
 export default function ImageGridBlockEditor({ block }: Props) {
-  const store = useBuilderStore();
+  const updateBlock = useBuilderStore((s) => s.updateBlock);
+  const updateBlockDebounced = useBuilderStore((s) => s.updateBlockDebounced);
+  const _pushSnapshot = useBuilderStore((s) => s._pushSnapshot);
   const viewport = useActiveViewport();
   const images = block.images || [];
   const [browserOpen, setBrowserOpen] = useState(false);
 
-  const snapshotOnFocus = () => store._pushSnapshot();
+  const snapshotOnFocus = () => _pushSnapshot();
 
   // Responsive update helper
   const updateResponsive = (property: string, value: unknown) => {
     if (viewport === "desktop") {
-      store.updateBlock(block._key, { [property]: value } as Partial<ContentBlock>);
+      updateBlock(block._key, { [property]: value } as Partial<ContentBlock>);
     } else {
       const overrides = setResponsiveOverride(block, viewport, property, value);
-      store.updateBlock(block._key, overrides as Partial<ContentBlock>);
+      updateBlock(block._key, overrides as Partial<ContentBlock>);
     }
   };
 
   const resetOverride = (property: string) => {
     const overrides = setResponsiveOverride(block, viewport, property, undefined);
-    store.updateBlock(block._key, overrides as Partial<ContentBlock>);
+    updateBlock(block._key, overrides as Partial<ContentBlock>);
   };
 
   // Direct update (always base block — for images content)
   const update = (updates: Partial<ImageGridBlock>) => {
-    store.updateBlock(block._key, updates as Partial<ContentBlock>);
+    updateBlock(block._key, updates as Partial<ContentBlock>);
   };
 
   const updateDebounced = (updates: Partial<ImageGridBlock>) => {
-    store.updateBlockDebounced(block._key, updates as Partial<ContentBlock>);
+    updateBlockDebounced(block._key, updates as Partial<ContentBlock>);
   };
 
   // Add multiple images at once from browser
@@ -378,7 +380,7 @@ export default function ImageGridBlockEditor({ block }: Props) {
               value={String(getEffectiveValue<string>(block, viewport, "border_radius", block.border_radius || "")).replace(/px$/i, "")}
               onFocus={snapshotOnFocus}
               onChange={(v) => {
-                store._pushSnapshot();
+                _pushSnapshot();
                 updateResponsive("border_radius", v.replace(/[^0-9]/g, ""));
               }}
               placeholder="0"

package/components/builder/editors/SpacerBlockEditor.tsx

@@ -39,21 +39,21 @@ export function getSpacerPx(block: SpacerBlock): number {
 }
 
 export default function SpacerBlockEditor({ block }: Props) {
-  const store = useBuilderStore();
+  const updateBlock = useBuilderStore((s) => s.updateBlock);
   const viewport = useActiveViewport();
 
   const updateResponsive = (property: string, value: unknown) => {
     if (viewport === "desktop") {
-      store.updateBlock(block._key, { [property]: value } as Partial<ContentBlock>);
+      updateBlock(block._key, { [property]: value } as Partial<ContentBlock>);
     } else {
       const overrides = setResponsiveOverride(block, viewport, property, value);
-      store.updateBlock(block._key, overrides as Partial<ContentBlock>);
+      updateBlock(block._key, overrides as Partial<ContentBlock>);
     }
   };
 
   const resetOverride = (property: string) => {
     const overrides = setResponsiveOverride(block, viewport, property, undefined);
-    store.updateBlock(block._key, overrides as Partial<ContentBlock>);
+    updateBlock(block._key, overrides as Partial<ContentBlock>);
   };
 
   const effectiveHeight = getEffectiveValue<string>(