pagepilot-visual-editor 1.0.7 → 1.0.9

package/dist/blocks-internal/block-grid/src/index.d.ts

@@ -24,8 +24,8 @@ export declare const GridPropsSchema: z.ZodObject<{
         columnsGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         rowsGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            top: "top";
             bottom: "bottom";
+            top: "top";
             middle: "middle";
         }>>>;
     }, z.core.$strip>>>;

package/dist/blocks-internal/block-heading/src/index.d.ts

@@ -56,11 +56,11 @@ export declare const HeadingPropsSchema: z.ZodObject<{
         fontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         fontWeight: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             bold: "bold";
+            normal: "normal";
             400: "400";
             500: "500";
             600: "600";
             700: "700";
-            normal: "normal";
         }>>>;
         fontStyle: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             normal: "normal";
@@ -68,14 +68,14 @@ export declare const HeadingPropsSchema: z.ZodObject<{
         }>>>;
         textDecoration: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             none: "none";
-            underline: "underline";
             "line-through": "line-through";
+            underline: "underline";
             "underline line-through": "underline line-through";
         }>>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
-            left: "left";
             center: "center";
+            left: "left";
+            right: "right";
         }>>>;
         padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
             top: z.ZodNumber;
@@ -83,6 +83,12 @@ export declare const HeadingPropsSchema: z.ZodObject<{
             right: z.ZodNumber;
             left: z.ZodNumber;
         }, z.core.$strip>>>;
+        margin: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;
 export type HeadingProps = z.infer<typeof HeadingPropsSchema>;
@@ -96,4 +102,4 @@ export declare const HeadingPropsDefaults: {
     readonly openInNewTab: false;
 };
 export declare function Heading({ props, style }: HeadingProps): import("react/jsx-runtime").JSX.Element;
-export declare function getFontSize(level: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'): 16 | 32 | 20 | 24 | 18 | 14;
+export declare function getFontSize(level: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'): 14 | 16 | 18 | 20 | 24 | 32;

package/dist/blocks-internal/block-html/src/index.d.ts

@@ -36,9 +36,9 @@ export declare const HtmlPropsSchema: z.ZodObject<{
         }>>>;
         fontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
-            left: "left";
             center: "center";
+            left: "left";
+            right: "right";
         }>>>;
         padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
             top: z.ZodNumber;

package/dist/blocks-internal/block-iframe/src/index.d.ts

@@ -12,9 +12,9 @@ export declare const IframePropsSchema: z.ZodObject<{
             left: z.ZodNumber;
         }, z.core.$strip>>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
-            left: "left";
             center: "center";
+            left: "left";
+            right: "right";
         }>>>;
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{

package/dist/blocks-internal/block-image/src/index.d.ts

@@ -9,9 +9,9 @@ export declare const ImagePropsSchema: z.ZodObject<{
         }, z.core.$strip>>>;
         backgroundColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
-            left: "left";
             center: "center";
+            left: "left";
+            right: "right";
         }>>>;
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
@@ -37,8 +37,8 @@ export declare const ImagePropsSchema: z.ZodObject<{
         decorative: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         linkHref: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            top: "top";
             bottom: "bottom";
+            top: "top";
             middle: "middle";
         }>>>;
         borderRadius: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodObject<{

package/dist/blocks-internal/block-list/src/index.d.ts

@@ -0,0 +1,90 @@
+import { z } from 'zod';
+export declare const UNORDERED_MARKERS: readonly ["disc", "circle", "square", "dash", "arrow", "check", "cross", "none"];
+export declare const ORDERED_MARKERS: readonly ["decimal", "decimal-zero", "lower-alpha", "upper-alpha", "lower-roman", "upper-roman"];
+declare const ITEM_SCHEMA: z.ZodObject<{
+    text: z.ZodString;
+}, z.core.$strip>;
+export declare const ListPropsSchema: z.ZodObject<{
+    style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        color: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
+        backgroundColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
+        textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            center: "center";
+            left: "left";
+            right: "right";
+        }>>>;
+        fontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        fontFamily: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        fontWeight: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>>;
+        lineHeight: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+        margin: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+    }, z.core.$strip>>>;
+    props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        listType: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            ordered: "ordered";
+            unordered: "unordered";
+        }>>>;
+        marker: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            circle: "circle";
+            none: "none";
+            square: "square";
+            check: "check";
+            disc: "disc";
+            dash: "dash";
+            arrow: "arrow";
+            cross: "cross";
+            decimal: "decimal";
+            "decimal-zero": "decimal-zero";
+            "lower-alpha": "lower-alpha";
+            "upper-alpha": "upper-alpha";
+            "lower-roman": "lower-roman";
+            "upper-roman": "upper-roman";
+        }>>>;
+        numberSuffix: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            ".": ".";
+            ")": ")";
+        }>>>;
+        startNumber: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        markerColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
+        markerSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        itemGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        items: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodObject<{
+            text: z.ZodString;
+        }, z.core.$strip>>>>;
+    }, z.core.$strip>>>;
+    responsive: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        tablet: z.ZodNullable<z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>>;
+        mobile: z.ZodNullable<z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>>;
+    }, z.core.$strip>>>;
+}, z.core.$strip>;
+export type ListProps = z.infer<typeof ListPropsSchema>;
+export type ListItem = z.infer<typeof ITEM_SCHEMA>;
+export declare const ListPropsDefaults: {
+    readonly listType: "unordered";
+    readonly marker: "disc";
+    readonly numberSuffix: ".";
+    readonly startNumber: 1;
+    readonly markerColor: any;
+    readonly markerSize: 16;
+    readonly itemGap: 8;
+    readonly items: readonly [{
+        readonly text: "First list item";
+    }, {
+        readonly text: "Second list item";
+    }, {
+        readonly text: "Third list item";
+    }];
+};
+export declare function List({ style, props }: ListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/blocks-internal/block-logo/src/index.d.ts

@@ -9,9 +9,9 @@ export declare const LogoPropsSchema: z.ZodObject<{
         }, z.core.$strip>>>;
         backgroundColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
-            left: "left";
             center: "center";
+            left: "left";
+            right: "right";
         }>>>;
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{

package/dist/blocks-internal/block-stepper/src/index.d.ts

@@ -3,9 +3,9 @@ export declare const StepperPropsSchema: z.ZodObject<{
     style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         backgroundColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
-            left: "left";
             center: "center";
+            left: "left";
+            right: "right";
         }>>>;
         padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
             top: z.ZodNumber;
@@ -13,12 +13,18 @@ export declare const StepperPropsSchema: z.ZodObject<{
             right: z.ZodNumber;
             left: z.ZodNumber;
         }, z.core.$strip>>>;
+        margin: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         stepperType: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            both: "both";
             dots: "dots";
             numeric: "numeric";
-            both: "both";
         }>>>;
         totalDots: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         activeIndex: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
@@ -29,8 +35,8 @@ export declare const StepperPropsSchema: z.ZodObject<{
         numericColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
         numericFontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         numericPosition: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
             left: "left";
+            right: "right";
             above: "above";
             below: "below";
         }>>>;

package/dist/blocks-internal/block-text/src/index.d.ts

@@ -37,16 +37,16 @@ export declare const TextPropsSchema: z.ZodObject<{
         }>>>;
         fontWeight: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             bold: "bold";
+            normal: "normal";
             400: "400";
             500: "500";
             600: "600";
             700: "700";
-            normal: "normal";
         }>>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
-            left: "left";
             center: "center";
+            left: "left";
+            right: "right";
         }>>>;
         padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
             top: z.ZodNumber;
@@ -54,6 +54,12 @@ export declare const TextPropsSchema: z.ZodObject<{
             right: z.ZodNumber;
             left: z.ZodNumber;
         }, z.core.$strip>>>;
+        margin: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         text: z.ZodNullable<z.ZodOptional<z.ZodString>>;

package/dist/blocks-internal/block-video/src/index.d.ts

@@ -9,9 +9,9 @@ export declare const VideoPropsSchema: z.ZodObject<{
         }, z.core.$strip>>>;
         backgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
-            left: "left";
             center: "center";
+            left: "left";
+            right: "right";
         }>>>;
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
@@ -25,8 +25,8 @@ export declare const VideoPropsSchema: z.ZodObject<{
         alt: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         linkHref: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            top: "top";
             bottom: "bottom";
+            top: "top";
             middle: "middle";
         }>>>;
         name: z.ZodNullable<z.ZodOptional<z.ZodString>>;

package/dist/blocks-internal/block-youtube-url/src/index.d.ts

@@ -9,9 +9,9 @@ export declare const YouTubeUrlPropsSchema: z.ZodObject<{
         }, z.core.$strip>>>;
         backgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
-            left: "left";
             center: "center";
+            left: "left";
+            right: "right";
         }>>>;
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
@@ -25,8 +25,8 @@ export declare const YouTubeUrlPropsSchema: z.ZodObject<{
         alt: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         linkHref: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            top: "top";
             bottom: "bottom";
+            top: "top";
             middle: "middle";
         }>>>;
     }, z.core.$strip>>>;

package/dist/editor/Shell.d.ts

@@ -1,5 +1,5 @@
 import { PagePilotEditorProps } from './types';
-export default function Shell({ record, contentMetadata, behaviour, steps, sections, activeStepIndex, panels, title, recordTitle, recordStatus, headerExtra, children, onUpdateRecord, onChange, onSaveChanges, onPublish, onPublishMenu, renderPublish, onBack, onTogglePreview, onBackgroundChange, onNavigateBranding, onAddSection, onApiError, topbar, mode, onToggleMode, }: PagePilotEditorProps & {
+export default function Shell({ record, contentMetadata, behaviour, steps, sections, activeStepIndex, panels, title, recordTitle, recordStatus, headerExtra, children, onUpdateRecord, onChange, onSaveChanges, onPublish, onPublishMenu, renderPublish, onBack, onTogglePreview, onBackgroundChange, onNavigateBranding, onAddSection, onApiError, topbar, mode, onToggleMode, autoSaveEnabled: autoSaveEnabledProp, onAutoSaveChange, autoSaveIntervalMs, }: PagePilotEditorProps & {
     mode?: "light" | "dark";
     onToggleMode?: () => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/editor/Topbar.d.ts

@@ -23,5 +23,9 @@ export interface TopbarProps {
     onToggleMode?: () => void;
     /** Disables Save Changes when false — the user has nothing to save. */
     isDirty?: boolean;
+    /** Checked state of the Auto Save switch. */
+    autoSaveEnabled?: boolean;
+    /** Fired when the user toggles the Auto Save switch. */
+    onAutoSaveChange?: (enabled: boolean) => void;
 }
-export default function Topbar({ toggles, title, recordTitle, recordStatus, onBack, onSave, onPublish, onPublishMenu, publishSlot, onPreview, onToggleFullscreen, isFullscreen, onOpenMoreMenu, sectionsDropdown, mode, onToggleMode, isDirty, }: TopbarProps): import("react/jsx-runtime").JSX.Element;
+export default function Topbar({ toggles, title, recordTitle, recordStatus, onBack, onSave, onPublish, onPublishMenu, publishSlot, onPreview, onToggleFullscreen, isFullscreen, onOpenMoreMenu, sectionsDropdown, mode, onToggleMode, isDirty, autoSaveEnabled, onAutoSaveChange, }: TopbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/editor/blockToggles.d.ts

@@ -1,5 +1,5 @@
 /** All block tile keys exposed in the Add-Block menu. */
-export type BlockKey = "heading" | "text" | "button" | "image" | "logo" | "video" | "avatar" | "divider" | "spacer" | "html" | "columns" | "flexColumns" | "grid" | "buttonGroup" | "container" | "stepper" | "accordion" | "pricingAccordion" | "tabs" | "carousel" | "rating" | "marquee" | "iframe" | "skipToMain" | "accessibilityTools" | "timer" | "pagination" | "table" | "demoPicker" | "menuPicker" | "formsPicker" | "appBannerPicker" | "faqPicker";
+export type BlockKey = "heading" | "list" | "text" | "button" | "image" | "logo" | "video" | "avatar" | "divider" | "spacer" | "html" | "columns" | "flexColumns" | "grid" | "buttonGroup" | "container" | "stepper" | "accordion" | "pricingAccordion" | "tabs" | "carousel" | "rating" | "marquee" | "iframe" | "skipToMain" | "accessibilityTools" | "timer" | "pagination" | "table" | "demoPicker" | "menuPicker" | "formsPicker" | "appBannerPicker" | "faqPicker";
 export type BlockToggles = Partial<Record<BlockKey, boolean>>;
 /** Maps a block's `type` string to the BlockKey that controls its tile. */
 export declare const BLOCK_TYPE_TO_KEY: Record<string, BlockKey>;

package/dist/editor/publish/PagePublishDialog.d.ts

@@ -9,12 +9,19 @@ interface PagePublishDialogProps {
      * Called when the user hits Save Draft or Publish. Should trigger the
      * matching Shell action (`runPublishAction`) — the dialog awaits it and
      * only closes on `true`.
+     *
+     * `injectTabsScrollSyncScript` / `injectCarouselScript` come from the
+     * Scripts & Styles tab and default to `true` (matching the published-HTML
+     * default in `renderToStaticMarkup`). Turning either OFF causes Shell to
+     * re-render the payload without inlining that runtime.
      */
     onSubmit: (action: "save" | "publish", opts: {
         schedule: {
             startDate: Date | null;
             endDate: Date | null;
         };
+        injectTabsScrollSyncScript?: boolean;
+        injectCarouselScript?: boolean;
     }) => Promise<boolean>;
 }
 export default function PagePublishDialog({ open, onClose, record, apiClient, onSubmit, }: PagePublishDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/editor/renderSections.d.ts

@@ -0,0 +1,68 @@
+export interface SectionForRender {
+    sectionType?: "internal" | "external" | string;
+    content?: string;
+    contentMetadata?: {
+        document?: any;
+        [key: string]: any;
+    };
+    [key: string]: any;
+}
+export interface RenderDocumentForSaveOptions {
+    rootBlockId?: string;
+    injectTabsScrollSyncScript?: boolean;
+    injectCarouselScript?: boolean;
+    injectFontAssets?: boolean;
+    headHtml?: string;
+    bodyBottomHtml?: string;
+    isBanner?: boolean;
+    seo?: any;
+}
+export declare function isExternalSection(section: SectionForRender | undefined): boolean;
+/**
+ * Same call `Shell.buildPayload` makes: `renderToStaticMarkup` with the
+ * defaults the editor persists on Save Changes (root id, ids injected,
+ * page CSS included, css minified, lang / skipLink / accessibilityTools
+ * auto-derived from the document's root data).
+ */
+export declare function renderDocumentForSave(document: any, options?: RenderDocumentForSaveOptions): string;
+export interface CombineSectionsOptions extends RenderDocumentForSaveOptions {
+    /**
+     * External sections come from the API as stored `content` strings —
+     * usually `<div id="…"></div>` anchor placeholders. When true (default),
+     * that content is passed through. When false, external sections are
+     * skipped entirely.
+     */
+    includeExternalSections?: boolean;
+    /**
+     * When false, only the concatenated fragments are returned — no
+     * `<!doctype html>` shell. Defaults to true, matching Shell.buildPayload.
+     */
+    wrapInDocumentShell?: boolean;
+    /**
+     * Overrides for the outer shell. When omitted, values come from the
+     * first internal section's EmailLayout root data.
+     */
+    lang?: string;
+    canvasColor?: string;
+    fontFamily?: string;
+    seoTitle?: string;
+    seoDescription?: string;
+    extraHead?: string;
+    extraBodyBottom?: string;
+}
+/**
+ * Render each section's document to a fragment, then stitch them into the
+ * same `<!doctype html>` shell Shell.tsx uses on Save Changes.
+ *
+ * Returns `{ html, sectionHtml, flushedSections }`:
+ *  - `html`: combined document (or bare fragments when `wrapInDocumentShell` is false).
+ *  - `sectionHtml`: per-section fragments in input order.
+ *  - `flushedSections`: input sections with their re-rendered `content` field
+ *    written back — matches the shape `Shell.buildPayload` persists in
+ *    `SaveChangesPayload.record.sections`.
+ */
+export declare function combineSectionsToHtml(sections: SectionForRender[], options?: CombineSectionsOptions): {
+    html: string;
+    sectionHtml: string[];
+    flushedSections: SectionForRender[];
+};

package/dist/editor/types.d.ts

@@ -83,6 +83,15 @@ export interface TopbarToggles {
      */
     unselect?: boolean;
     save?: boolean;
+    /**
+     * "Auto Save" switch in the topbar. When on, the editor persists
+     * unsaved changes on a fixed interval by re-running the same handler
+     * the Save Changes button uses. Defaults to `false` — hosts opt in
+     * per-editor. Whether the switch is *checked* is controlled by
+     * `autoSaveEnabled` (or the built-in localStorage fallback when the
+     * host leaves it unset).
+     */
+    autoSave?: boolean;
     /**
      * Desktop / Tablet / Mobile icon toggle that constrains the canvas
      * preview width and keeps the sidebar's per-device tabs in sync. Same
@@ -192,6 +201,25 @@ export interface PagePilotEditorProps {
     onBackgroundChange?: (image: string) => void;
     onNavigateBranding?: () => void;
     onAddSection?: () => void;
+    /**
+     * Controlled value for the Auto Save switch. When set, the host owns
+     * the checked state and must update it via `onAutoSaveChange`. When
+     * left `undefined`, the switch runs uncontrolled with a localStorage-
+     * backed default so the user's choice survives a reload.
+     */
+    autoSaveEnabled?: boolean;
+    /**
+     * Fired when the user flips the Auto Save switch. Receives the new
+     * checked state. Called for both controlled and uncontrolled use so
+     * hosts can persist / mirror the flag if they want to.
+     */
+    onAutoSaveChange?: (enabled: boolean) => void;
+    /**
+     * Autosave interval in milliseconds. Defaults to 60000 (60s), matching
+     * ahd-fe. Set to `0` to disable the interval while still showing the
+     * switch — useful for tests.
+     */
+    autoSaveIntervalMs?: number;
     headerExtra?: ReactNode;
     children?: ReactNode;
 }

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/AppBannerPickerSidebarPanel.d.ts

@@ -4,6 +4,12 @@ type PaddingValue = {
     bottom: number;
     left: number;
 };
+type MarginValue = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
 type Props = {
     data: {
         props: {
@@ -11,6 +17,7 @@ type Props = {
             bannerName?: string | null;
             contentHtml?: string | null;
             padding?: PaddingValue | null;
+            margin?: MarginValue | null;
         };
     };
     setData: (data: any) => void;

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/FaqPickerSidebarPanel.d.ts

@@ -4,12 +4,19 @@ type PaddingValue = {
     bottom: number;
     left: number;
 };
+type MarginValue = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
 type Props = {
     data: {
         props: {
             faqGroupId: string;
             faqGroupName?: string | null;
             padding?: PaddingValue | null;
+            margin?: MarginValue | null;
         };
     };
     setData: (data: any) => void;

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/ListSidebarPanel.d.ts

@@ -0,0 +1,7 @@
+import { ListProps } from '../../../../../blocks-internal/block-list/src/index.tsx';
+type Props = {
+    data: ListProps;
+    setData: (value: ListProps) => void;
+};
+export default function ListSidebarPanel({ data, setData }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor-sample/App/InspectorDrawer/LayersPanelStyles.d.ts

@@ -4,10 +4,10 @@ export declare const PanelRoot: import('@emotion/styled').StyledComponent<import
 export declare const PanelHeader: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
 export declare const PanelContent: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
 export declare const HeaderBox: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
-export declare const HeaderTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "children" | "top" | "bottom" | "right" | "left" | "fontSize" | "fontFamily" | "fontWeight" | "textAlign" | "padding" | "style" | "borderRadius" | "borderColor" | "width" | "px" | "margin" | "height" | "overflow" | "marginBottom" | "color" | "position" | "gap" | "align" | "fontStyle" | "paddingX" | "paddingY" | "marginX" | "marginY" | "lineHeight" | "maxWidth" | "maxHeight" | "boxShadow" | "borderTop" | "border" | "flex" | "py" | "className" | "p" | "bgcolor" | "display" | "zIndex" | "typography" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "displayPrint" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const HeaderTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "children" | "className" | "style" | "classes" | "color" | "fontSize" | "sx" | "p" | "height" | "width" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "border" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
 export declare const ClipboardBar: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
 export declare const ActionSpan: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const ActionButton: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "style" | "fullWidth" | "size" | "action" | "color" | "className" | "href" | "disabled" | "tabIndex" | "loading" | "classes" | "sx" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const ActionButton: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "className" | "style" | "classes" | "color" | "sx" | "tabIndex" | "href" | "action" | "disabled" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loading" | "loadingIndicator" | "disableElevation" | "endIcon" | "fullWidth" | "loadingPosition" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
 export declare const connectorVLineSx: (depth: number, isLast: boolean, INDENT: number) => SxProps<Theme>;
 export declare const connectorHLineSx: (depth: number, INDENT: number) => SxProps<Theme>;
 export declare const rowSx: (depth: number, INDENT: number, isSelected: boolean, dropPos: "before" | "after" | "inside" | null) => SxProps<Theme>;

package/dist/editor-sample/App/InspectorDrawer/LayoutPanel/TemplatesList.d.ts

@@ -10,8 +10,13 @@ export interface TemplateRow {
     [key: string]: any;
 }
 interface TemplatesListProps {
-    /** Fetch a paginated slice from the templates endpoint. */
-    fetchPage: (offset: number, limit: number) => Promise<PageListResponse>;
+    /** Fetch a paginated slice from the templates endpoint. The `opts.blocksOnly`
+     *  flag is toggled by the Templates/Blocks switch above the list — callers
+     *  translate it into whichever `type` filter their backend expects
+     *  (typically `type: 'block'` vs `type: 'page'`). */
+    fetchPage: (offset: number, limit: number, opts?: {
+        blocksOnly?: boolean;
+    }) => Promise<PageListResponse>;
     /** Fetch a single template's full record (with `configuration`). */
     fetchOne: (id: string) => Promise<TemplateRow>;
     /** Optional delete handler — shown as a hover-icon on each card. */
@@ -22,8 +27,16 @@ interface TemplatesListProps {
     emptyMessage?: string;
     /** Empty-state message when a search returned no results. */
     emptySearchMessage?: string;
+    /** Show the Templates/Blocks toggle above the list. Only useful for the
+     *  global templates catalog (blocks aren't a concept on the Saved tab). */
+    showBlocksToggle?: boolean;
+    /** Enables sessionStorage caching for rows. Distinct callers (global vs
+     *  saved) should pass distinct keys so their lists don't clobber each
+     *  other. The current viewMode (templates/blocks) is folded in
+     *  automatically. */
+    cacheKey?: string;
 }
-export default function TemplatesList({ fetchPage, fetchOne, onDelete, searchPlaceholder, emptyMessage, emptySearchMessage, }: TemplatesListProps): import("react/jsx-runtime").JSX.Element;
+export default function TemplatesList({ fetchPage, fetchOne, onDelete, searchPlaceholder, emptyMessage, emptySearchMessage, showBlocksToggle, cacheKey, }: TemplatesListProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Bind a TemplatesList to the global-template endpoint. Filters to
  * `type: 'page'` on the wire so the browsable list only shows templates
@@ -38,7 +51,9 @@ export default function TemplatesList({ fetchPage, fetchOne, onDelete, searchPla
 export declare function GlobalTemplatesList({ client, }: {
     client?: PagepilotApiClient | null;
 }): import("react/jsx-runtime").JSX.Element;
-/** Bind a TemplatesList to the per-tenant `mytemplate` endpoint. */
+/** Bind a TemplatesList to the per-tenant private templates endpoint. Mirrors
+ * ahd-fe's `useInfinitePrivateTemplates`, which hits `/tenant/:id/template`
+ * with `visibility: 'private'` (NOT `/mytemplate`). */
 export declare function SavedTemplatesList({ client }: {
     client: PagepilotApiClient;
 }): import("react/jsx-runtime").JSX.Element;