pagepilot-visual-editor 1.0.33 → 1.0.35

package/CHANGELOG.md

@@ -7,6 +7,34 @@ adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 ## [Unreleased]
 
 ### Changed
+- Synced ahd-fe bc20f58b2 (auto refresh minutes):
+  - Pages data source now GETs `/tenant/:id/client/page` with only the mapped
+    fields (`buildPagesUrl`) and maps raw page rows onto sub-field ids
+    client-side (`mapPageRows`), in the panel and in editor auto-refresh.
+    Field list / mapping guesses updated (`groups`, `createdAt`, `heroImage`);
+    a saved mapping to an unlisted field stays selectable.
+  - Per-source TTL inputs removed from the API / Pages source forms; auto
+    refresh is now page-level: "Auto Refresh (minutes)" in the publish dialog,
+    sent as `ttlMinutes` on `upsert-page-item` and merged into the record.
+- Re-synced the vendored editor with ahd-fe `plugin-integration` (2aa96315d),
+  covering everything since the 67f2b933 sync. Upstream behaviour pulled in
+  includes:
+  - "Change design" in the block tune menu: swap a template section for
+    another design, carrying content over (`sectionScope`,
+    `changeSectionDesign`, `ChangeDesignFlow`, compare dialog + variables pane).
+  - "Edit variable" dialog: rename a `{{token}}` across the page or convert it
+    back to plain text, from the Variables tab, bound inputs or the canvas.
+  - MenuPicker: sub-menu text color / font size / font weight, header /
+    footer / navigation labels, page-link picker for site pages.
+  - Layers panel: section category in labels, copy/paste whole page buttons
+    disabled when there's nothing to copy/paste.
+  - Add-block keeps preassigned IDs, "Edit Content" in the add menu, Section
+    Library "View all" / "All sections", Video / Rating / Progress token fields.
+  - Inline text caret is restored correctly on undo/redo.
+- Host stubs: `modules/content/view/contentViewSelectors` (no record),
+  trimmed `view/page/form/dialog/PageVariablesPreview`, full
+  `view/template/form/fields/types` + `renameFieldTokens`; i18n defaults
+  regenerated with the new keys.
 - Re-synced the vendored editor with ahd-fe `master` (9661ba36b), on top of
   the 82ec6ec4b sync below. Upstream behaviour pulled in includes:
   - Host-application theme support (theme slots, surface lock, dark-host

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

@@ -24,6 +24,8 @@ interface PagePublishDialogProps {
         injectCarouselScript?: boolean;
         injectPaginationScript?: boolean;
         injectAnimationScript?: boolean;
+        /** Page-level auto refresh in minutes (0 = off). */
+        ttlMinutes?: number;
     }) => Promise<boolean>;
 }
 export default function PagePublishDialog({ open, onClose, record, apiClient, onSubmit, }: PagePublishDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/helpers/inputs/VariableLinkHint.d.ts

@@ -1,4 +1,16 @@
 import { default as React } from 'react';
+/** Inline "Edit variable" link — rename the token(s) behind `value` or convert them to text. */
+export declare function EditVariableLink({ value }: {
+    value: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Compact pencil (fits inside a locked input's end adornment) opening "Edit
+ * variable". Opts back into pointer events — VariableBoundClickArea switches
+ * them off on the input — and stops the click reaching that wrapper.
+ */
+export declare function EditVariableIcon({ value }: {
+    value: string;
+}): import("react/jsx-runtime").JSX.Element;
 /**
  * Wraps a locked, variable-bound input so clicking anywhere on it jumps to the
  * Variables tab (a disabled input swallows clicks itself, so its own pointer

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

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+/**
+ * "Change design" for one section: pick a block template (the library opens
+ * on the section's category), review the section before/after, then swap it
+ * in place keeping the section's content. See changeSectionDesign.
+ */
+declare const ChangeDesignFlow: React.FC<{
+    blockId: string;
+    open: boolean;
+    onClose: () => void;
+    /** Render the library in the sidebar (Section library tab) instead of a dialog. */
+    inline?: boolean;
+    /** Offer "Add as new section" in the compare dialog; inserts the picked section. */
+    onInsert?: (block: any, preassignedId?: string) => void;
+}>;
+export default ChangeDesignFlow;

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

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { FieldPatches } from './templateHelpers';
+interface ChangeTemplateCompareDialogProps {
+    open: boolean;
+    templateId?: string;
+    before: any;
+    after: any;
+    loading?: boolean;
+    onConfirm: (fieldPatches?: FieldPatches) => void;
+    onClose: () => void;
+    title?: string;
+    description?: string;
+    confirmLabel?: string;
+    secondaryLabel?: string;
+    onSecondary?: () => void;
+    notes?: string[];
+}
+/**
+ * "Change template" confirm: the current page on the left, the page as it
+ * will look after the change on the right — either rendered, or as each
+ * side's variables. The right side's variable values can be edited; the
+ * edits ride along with the confirm.
+ */
+declare const ChangeTemplateCompareDialog: React.FC<ChangeTemplateCompareDialogProps>;
+export default ChangeTemplateCompareDialog;

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

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { TemplateFormField } from '../../../documents/editor/templateVariables';
+/**
+ * A page's variables (`root.data.formFields`), grouped the way the editor's
+ * Variables tab groups them. The "Change template" compare shows one per
+ * side, so the user sees which values the new template keeps; with
+ * `onPatch` the values can be edited before the change is applied, without
+ * it the same fields render disabled.
+ */
+declare const ChangeTemplateVariablesPane: React.FC<{
+    document: any;
+    onPatch?: (fieldId: string, patch: Partial<TemplateFormField>) => void;
+}>;
+export default ChangeTemplateVariablesPane;

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+/**
+ * Section library sidebar tab. With a section selected on the canvas it works
+ * like the tune menu's "Change design" (opens on the section's category, pick →
+ * before/after compare → swap in place, or "Add as new section" from the
+ * compare dialog); otherwise picking appends a section.
+ */
+declare const SectionLibraryTab: React.FC;
+export default SectionLibraryTab;

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

@@ -2,6 +2,15 @@ interface SectionsModalProps {
     open: boolean;
     onClose: () => void;
     onInsert?: (block: any, preassignedId?: string) => void;
+    /** Category tab to open on (falls back to "Overall" when it has no templates). */
+    initialCategory?: string;
+    /** Pick mode ("Change design"): hand the fetched template back instead of inserting it. */
+    onPick?: (record: any) => void;
+    title?: string;
+    /** Render without the Dialog, laid out for the narrow left-panel tab. */
+    inline?: boolean;
 }
+/** Insert a fetched section template into the page (as a new section). */
+export declare function insertSectionRecord(record: any, onInsert?: (block: any, preassignedId?: string) => void): void;
 declare const SectionsModal: React.FC<SectionsModalProps>;
 export default SectionsModal;

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

@@ -12,5 +12,9 @@ export interface TemplatePreviewDialogProps {
     changeLoading?: boolean;
     /** True when the template is gated to a plan the tenant doesn't have. */
     locked?: boolean;
+    /** Hide the "Choose design" (use whole template) button, e.g. in the Section library. */
+    hideUse?: boolean;
+    /** Dialog title; defaults to "Template Preview". */
+    title?: string;
 }
-export default function TemplatePreviewDialog({ open, template, onClose, onUse, onUseStyles, onAppend, loading, styleLoading, appendLoading, onChangeTemplate, changeLoading, locked, }: TemplatePreviewDialogProps): import("react/jsx-runtime").JSX.Element;
+export default function TemplatePreviewDialog({ open, template, onClose, onUse, onUseStyles, onAppend, loading, styleLoading, appendLoading, onChangeTemplate, changeLoading, locked, hideUse, title, }: TemplatePreviewDialogProps): import("react/jsx-runtime").JSX.Element;

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

@@ -2,5 +2,6 @@ interface LayoutPanelProps {
     record?: any;
     onUpdateRecord?: (record: any) => void;
 }
+export declare const appendSectionToRoot: (block: any, preassignedId?: string) => void;
 declare const LayoutPanel: (_props: LayoutPanelProps) => import("react/jsx-runtime").JSX.Element;
 export default LayoutPanel;

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

@@ -0,0 +1 @@
+export declare function humanizeCategory(category: string): string;

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

@@ -79,32 +79,12 @@ export declare function mergeTemplateFormFields(templateRecord: any, idMapping?:
     [oldId: string]: string;
 }): void;
 /**
- * Merge incoming formFields into the existing ones. Used by "Add this section"
- * so adding Template B that shares {{name}} with Template A keeps the typed
- * value and only appends B's new fields. Then jumps to Variables.
- *
- * Two dedupe rules — different because these fields mean different things:
- *
- *  - Scalar / plain-array fields are dedupe'd by `id`. A page-level `{{name}}`
- *    is a single slot; inserting Template B that also references `{{name}}`
- *    should reuse Template A's (possibly user-filled) value, not stomp it.
- *
- *  - Container-repeat fields (`type === 'array' && sourceBlockId`) are dedupe'd
- *    by `sourceBlockId`. Each such field is scoped to ONE container instance
- *    (a specific Grid / FlexColumns / Carousel), and its `sourceBlockId` gets
- *    remapped per insertion. Inserting a testimonial section twice produces
- *    two independent grid instances; BOTH need their own field or the second
- *    grid's `{{this.subField}}` tokens can't find their row in
- *    `buildRepeatRowIndex` (which keys off sourceBlockId/rowIds) and render as
- *    bare pills. Same-token-id but different sourceBlockId → different field.
- *
- * When a new container-repeat field's id collides with an already-registered
- * field (either a scalar sharing that name, or the same section inserted
- * before), we suffix the id with its sourceBlockId so `buildContext` doesn't
- * silently overwrite the earlier field. Sub-field tokens (`{{this.X}}`) are
- * resolved via the row index by block id, so they don't care about the outer
- * field's id.
+ * "Choose design" with a multi-section page template: replaces the page's
+ * sections with the template's (each carrying its own prefilled variables),
+ * loads the first internal section onto the canvas and returns its index so
+ * the caller can make it active.
  */
+export declare function applyPageSectionsTemplate(configuration: any, templateRecord: any, record: any, onUpdateRecord: (record: any) => void, resetDocument: (doc: any) => void): number;
 export declare function appendTemplateFormFields(templateRecord: any, idMapping?: {
     [oldId: string]: string;
 }): void;
@@ -119,7 +99,15 @@ export declare const buildChangeTemplateDocument: (configuration: any, document:
     fields: any[];
     current: any;
 } | null;
-export declare const applyChangeTemplate: (configuration: any, document: any, resetDocument: (doc: any) => void, templateRecord?: any) => void;
+export type FieldPatches = Record<string, Record<string, any>>;
+/**
+ * Apply field edits (field id → patch) made in the "Change template" compare
+ * to a document's `root.data.formFields`. An items-array field's rows are
+ * mirrored onto its block's items too — those blocks render from their own
+ * props, not from the field.
+ */
+export declare const applyFieldPatches: (doc: any, patches: FieldPatches) => any;
+export declare const applyChangeTemplate: (configuration: any, document: any, resetDocument: (doc: any) => void, templateRecord?: any, fieldPatches?: FieldPatches) => void;
 /**
  * "Use this Styles" for non-tour modules (pages, FAQ, app-banner, tooltip,
  * template). Applies the template's styling — the root canvas AND every

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/ArrayFieldEditor.d.ts

@@ -1,4 +1,7 @@
 import { TemplateArrayRow, TemplateFormField } from '../../../documents/editor/templateVariables';
+/** Window event `{ fieldId, rowIndex }` — expand that row (canvas selection
+ * landed inside a repeated copy). */
+export declare const FOCUS_REPEAT_ROW_EVENT = "variables:focus-repeat-row";
 type ArrayFieldEditorProps = {
     field: TemplateFormField;
     onChange: (rows: TemplateArrayRow[]) => void;

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/DataReferencePanel.d.ts

@@ -8,6 +8,8 @@ type DataReferencePanelProps = {
     addRow: () => void;
     removeRow: (rowIndex: number) => void;
     updateCell: (rowIndex: number, key: string, value: string) => void;
+    /** Drag-and-drop reorder of the item list. */
+    moveRow?: (from: number, to: number) => void;
     onPatch?: (patch: Partial<TemplateFormField>) => void;
 };
 /**
@@ -16,5 +18,5 @@ type DataReferencePanelProps = {
  * an API endpoint, or a Menu. JSON/API/Menu seed one copy per object, mapping
  * object keys → sub-field ids.
  */
-export default function DataReferencePanel({ field, rows, itemFields, expandedRow, toggleRow, addRow, removeRow, updateCell, onPatch, }: DataReferencePanelProps): import("react/jsx-runtime").JSX.Element;
+export default function DataReferencePanel({ field, rows, itemFields, expandedRow, toggleRow, addRow, removeRow, updateCell, moveRow, onPatch, }: DataReferencePanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/EditVariableDialog.d.ts

@@ -0,0 +1,9 @@
+/**
+ * "Edit variable" — rename a declared `{{token}}` / `{{this.token}}` (every
+ * use on the page is rewritten, the value is kept) or turn it back into plain
+ * text. Opened via `openEditVariable` from the Variables tab, a bound input in
+ * the block sidebar, or the canvas tune menu — the last two pass EVERY
+ * variable they use (a Button's label + link), so one "Convert to text" frees
+ * the whole block.
+ */
+export default function EditVariableDialog(): import("react/jsx-runtime").JSX.Element;

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/RowCard.d.ts

@@ -9,15 +9,23 @@ type RowCardProps = {
     onRemove: null | (() => void);
     updateCell: (rowIndex: number, key: string, value: string) => void;
     headerLabel: string;
+    /** Read-only: the row still expands, its inputs are disabled. */
+    disabled?: boolean;
+    /** Shows an "Edit variable" icon per sub-field (`{{this.subId}}` rename/unlink/delete). */
+    onEditSub?: (subId: string) => void;
+    /** When set, a drag handle is shown in the header (drag-and-drop reorder). */
+    dragHandleProps?: React.HTMLAttributes<HTMLElement> & {
+        draggable?: boolean;
+    };
 };
 /**
  * The bare list of sub-field inputs for one row — no card chrome. Used inside
  * RowCard (behind its collapse) and directly by the Template Modifier, which
  * doesn't need a second collapsible layer around its single template row.
  */
-export declare function RowFields({ rowIndex, row, itemFields, updateCell, sx, }: Pick<RowCardProps, 'rowIndex' | 'row' | 'itemFields' | 'updateCell'> & {
+export declare function RowFields({ rowIndex, row, itemFields, updateCell, sx, disabled, onEditSub, }: Pick<RowCardProps, 'rowIndex' | 'row' | 'itemFields' | 'updateCell' | 'disabled' | 'onEditSub'> & {
     sx?: object;
 }): import("react/jsx-runtime").JSX.Element;
 /** One collapsible copy/template card in the Variables array editor. */
-export default function RowCard({ rowIndex, row, itemFields, isExpanded, onToggle, onRemove, updateCell, headerLabel, }: RowCardProps): import("react/jsx-runtime").JSX.Element;
+export default function RowCard({ rowIndex, row, itemFields, isExpanded, onToggle, onRemove, updateCell, headerLabel, disabled, onEditSub, dragHandleProps, }: RowCardProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/ScalarFieldRow.d.ts

@@ -5,11 +5,13 @@ type Props = {
     onPatch: (patch: Partial<TemplateFormField>) => void;
     /** Optional control rendered at the right of the label row (e.g. "locate in canvas"). */
     headerAction?: ReactNode;
+    /** Read-only: shows the value and its controls, all disabled. */
+    disabled?: boolean;
 };
 /**
  * One scalar variable row: name, a type selector (Text / Number / Date / Time /
  * Image), the value input, and — for `date` / `time` — the format + timezone
  * controls.
  */
-export default function ScalarFieldRow({ field, onPatch, headerAction }: Props): import("react/jsx-runtime").JSX.Element;
+export default function ScalarFieldRow({ field, onPatch, headerAction, disabled }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/dataReferenceUtils.d.ts

@@ -26,12 +26,14 @@ export declare function buildReferenceJson(itemFields: TemplateFormField['itemFi
  */
 export declare function extractArrayFromResponse(body: any, path?: string): Record<string, any>[] | null;
 /**
- * GET a URL and return the array of objects from its JSON response. Throws with
- * a user-facing message on a bad URL, network error, non-OK status, non-JSON
- * body, or a response that carries no array. Only GET is supported today
- * (POST is planned — the panel disables it).
+ * GET (or POST with a JSON `body`) a URL and return the array of objects from
+ * its JSON response. Throws with a user-facing message on a bad URL, network
+ * error, non-OK status, non-JSON body, or a response that carries no array.
  */
-export declare function fetchApiRows(url: string, responsePath?: string): Promise<Record<string, any>[]>;
+export declare function fetchApiRows(url: string, responsePath?: string, request?: {
+    method?: 'GET' | 'POST';
+    body?: unknown;
+}): Promise<Record<string, any>[]>;
 /**
  * GET a URL and return a SINGLE object from its JSON response, for scalar
  * (non-repeatable) variables. When `responsePath` is given, resolve it via
@@ -50,3 +52,16 @@ export declare function fetchApiObject(url: string, responsePath?: string): Prom
 export declare function fetchApiRaw(url: string): Promise<string>;
 /** Copy `text` to the clipboard, toasting success/failure. */
 export declare function copyToClipboard(text: string): Promise<void>;
+/** Page fields offered in the Pages source mapping (same list as the docs' Endpoint builder). */
+export declare const PAGE_FIELD_OPTIONS: readonly ["slug", "name", "title", "metaDescription", "thumbnailImage", "heroImage", "tags", "groups", "createdAt", "updatedAt"];
+/** Best-guess page field for each sub-field id (unmatched sub-fields are left out). */
+export declare function guessPageFieldMap(itemFields: TemplateFormField['itemFields']): Record<string, string>;
+/** `pageGroup` value meaning "every live page, no group filter". */
+export declare const ALL_PAGES_GROUP = "__all__";
+/**
+ * Absolute `client/page` URL for the Pages source — absolute so the backend
+ * refresh can call it too. Selects only the mapped fields, never sections.
+ */
+export declare function buildPagesUrl(backendUrl: string, tenantId: string, group: string, map: Record<string, string>): string;
+/** Key each raw page row by sub-field id, using the Pages source mapping. */
+export declare function mapPageRows(rows: Record<string, any>[], map: Record<string, string>): Record<string, any>[];

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/useAutoRefreshDataSources.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Live refresh for repeatable fields bound to an `api` / `pages` source with
+ * `dataSource.ttlMinutes` set: every N minutes the saved request is re-run and
+ * the field reseeded, so the canvas keeps up with the source while the page is
+ * open (the published page refreshes server-side on the same interval).
+ * Silent: failures keep the current rows; a grid that's too small grows by rows.
+ */
+export default function useAutoRefreshDataSources(): void;

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/useAutoRegisterTokenFields.d.ts

@@ -4,5 +4,10 @@
  * token with no matching form field. Once added it's no longer "missing", so
  * this can't loop. Mounted from the always-present inspector drawer so the
  * variable already exists when the Variables tab is opened.
+ *
+ * A token edited away (present on the previous scan, gone now) drops its
+ * field. When exactly one token vanished and one new token appeared it's a
+ * rename (`{{old}}` → `{{new}}`): the field is re-keyed in place so its value
+ * and settings carry over instead of leaving both variables behind.
  */
 export default function useAutoRegisterTokenFields(): void;

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/variableEditActions.d.ts

@@ -0,0 +1,32 @@
+/**
+ * A variable the "Edit variable" dialog acts on: a top-level `{{id}}` field,
+ * or a `{{this.subId}}` sub-field of a container-repeat field.
+ */
+export type VariableEditTarget = {
+    fieldId: string;
+    subId?: string;
+};
+export type VariableIdError = 'invalid' | 'duplicate';
+/** Opens the dialog for one variable, or every variable a block / input uses. */
+export declare const openEditVariable: (targets: VariableEditTarget | VariableEditTarget[]) => void;
+export declare const closeEditVariable: () => void;
+export declare const useEditVariableState: () => {
+    open: boolean;
+    targets: VariableEditTarget[];
+    openId: number;
+};
+export declare const VARIABLE_ID_RE: RegExp;
+/** All variables a block's own token-bearing props use (a Button: label + link). */
+export declare const getBlockVariableTargets: (blockId: string) => VariableEditTarget[];
+/** All variables behind one bound input value. */
+export declare const getValueVariableTargets: (value: string, blockId: string | null) => VariableEditTarget[];
+/**
+ * Per-target reason `nextIds[i]` can't be used, or null when it's fine (or
+ * unchanged). Keys must be unique against the page's other variables and
+ * against each other within the dialog.
+ */
+export declare function validateVariableIds(targets: VariableEditTarget[], nextIds: string[]): (VariableIdError | null)[];
+/** Renames every changed key, as ONE undo step. */
+export declare function renameVariables(targets: VariableEditTarget[], nextIds: string[]): void;
+/** Turns every target back into plain text, as ONE undo step. */
+export declare function unlinkVariables(targets: VariableEditTarget[]): void;

package/dist/editor-sample/App/InspectorDrawer/components/DateFieldControls.d.ts

@@ -2,11 +2,12 @@ import { TemplateFormField } from '../../../documents/editor/templateVariables';
 type Props = {
     field: TemplateFormField;
     onPatch: (patch: Partial<TemplateFormField>) => void;
+    disabled?: boolean;
 };
 /**
  * Format + timezone controls for a `date` scalar variable, shown under the
  * datetime input. `relative` recomputes in the reader's browser at view time;
  * every other preset is a fixed string baked in `dateTz` on publish.
  */
-export default function DateFieldControls({ field, onPatch }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DateFieldControls({ field, onPatch, disabled }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/components/DateTimeFieldControls.d.ts

@@ -2,6 +2,7 @@ import { TemplateFormField } from '../../../documents/editor/templateVariables';
 type Props = {
     field: TemplateFormField;
     onPatch: (patch: Partial<TemplateFormField>) => void;
+    disabled?: boolean;
 };
 /**
  * Controls for a `datetime` scalar variable: one ISO value, exposed as two
@@ -10,5 +11,5 @@ type Props = {
  * may be `relative` (recomputed in the reader's browser); the time part is
  * always a fixed string.
  */
-export default function DateTimeFieldControls({ field, onPatch }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DateTimeFieldControls({ field, onPatch, disabled }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/components/MiniRichTextInput.d.ts

@@ -3,6 +3,7 @@ type Props = {
     value: string;
     onChange: (value: string) => void;
     fieldId?: string;
+    disabled?: boolean;
 };
 declare const MiniRichTextInput: React.FC<Props>;
 export default MiniRichTextInput;

package/dist/editor-sample/App/InspectorDrawer/components/ScalarFieldInput.d.ts

@@ -6,6 +6,7 @@ type Props = {
     onChange: (value: string) => void;
     onPaperBackground?: boolean;
     fieldId?: string;
+    disabled?: boolean;
 };
-declare const ScalarFieldInput: ({ type, label, value, onChange, onPaperBackground, fieldId }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const ScalarFieldInput: ({ type, label, value, onChange, onPaperBackground, fieldId, disabled, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default ScalarFieldInput;

package/dist/editor-sample/App/InspectorDrawer/components/TimeFieldControls.d.ts

@@ -2,11 +2,12 @@ import { TemplateFormField } from '../../../documents/editor/templateVariables';
 type Props = {
     field: TemplateFormField;
     onPatch: (patch: Partial<TemplateFormField>) => void;
+    disabled?: boolean;
 };
 /**
  * Format + timezone controls for a `time` scalar variable, shown under the
  * datetime input. `time` always bakes to a fixed string (24h or AM/PM) rendered
  * in the chosen timezone — there's no view-time / relative mode.
  */
-export default function TimeFieldControls({ field, onPatch }: Props): import("react/jsx-runtime").JSX.Element;
+export default function TimeFieldControls({ field, onPatch, disabled }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/hooks/page/useSaveHandler.d.ts

@@ -8,6 +8,7 @@ type UseSaveHandlerReturn = {
             startDate?: Date | null;
             endDate?: Date | null;
         };
+        ttlMinutes?: number;
     }) => Promise<any>;
     loading: boolean | undefined;
 };

package/dist/editor-sample/App/shared/SectionsDropdown.d.ts

@@ -3,8 +3,8 @@ type Props = {
     sections: PageSection[];
     activeSectionIndex: number;
     onSelectSection: (index: number) => void;
-    onDeleteSection: (index: number) => void;
-    onEditSection: (index: number) => void;
+    onDeleteSection?: (index: number) => void;
+    onEditSection?: (index: number) => void;
     onReorderSections?: (fromIndex: number, toIndex: number) => void;
 };
 declare const SectionsDropdown: ({ sections, activeSectionIndex, onSelectSection, onDeleteSection, onEditSection, onReorderSections, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/editor-sample/App/shared/pageSections.d.ts

@@ -24,5 +24,12 @@ export declare const isExternalSection: (section: Partial<PageSection> | undefin
  * Identifier is auto-generated as `${sectionType}-${Date.now()}`.
  */
 export declare const createPageSectionFromDraft: (draft: SectionDraft, defaultDocument: TEditorConfiguration) => PageSection;
+/**
+ * Turns a multi-section page template's `sections` into page sections, giving
+ * each internal section's root the `formFields` tagged for it (`stepIndex` =
+ * section index, tag stripped). `existing` sections at the same index keep
+ * their `_id` / `identifier` so applying onto a saved page updates in place.
+ */
+export declare const buildSectionsFromTemplate: (templateSections: PageSection[], formFields?: any[], existing?: PageSection[]) => PageSection[];
 /** Writes the live editor document back into the active section before switching or saving. */
 export declare const mergeCurrentDocumentIntoSections: (sections: PageSection[], activeSectionIndex: number, document: TEditorConfiguration) => PageSection[];

package/dist/editor-sample/documents/blocks/MenuPicker/MenuPropsSchema.d.ts

@@ -34,6 +34,9 @@ declare const MenuPropsSchema: z.ZodObject<{
     submenuBackgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
     submenuRadius: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
     submenuIconSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+    submenuTextColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    submenuFontSize: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    submenuFontWeight: z.ZodNullable<z.ZodOptional<z.ZodString>>;
     submenuPadding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         top: z.ZodNumber;
         right: z.ZodNumber;

package/dist/editor-sample/documents/blocks/MenuPicker/menuBlockLabel.d.ts

@@ -0,0 +1,4 @@
+export declare const menuBlockLabel: (props?: {
+    navRole?: string | null;
+    orientation?: string;
+} | null) => string;

package/dist/editor-sample/documents/blocks/helpers/EditorChildrenIds/AddBlockMenu/ScopePickerMenu.d.ts

@@ -7,8 +7,9 @@ export type ScopeOption = {
 };
 type Props = {
     anchorEl: HTMLElement | null;
-    options: [ScopeOption, ScopeOption];
+    options: ScopeOption[];
     onClose: () => void;
+    title?: string;
 };
-export default function ScopePickerMenu({ anchorEl, options, onClose }: Props): import("react/jsx-runtime").JSX.Element;
+export default function ScopePickerMenu({ anchorEl, options, onClose, title }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/documents/blocks/helpers/EditorChildrenIds/AddBlockMenu/index.d.ts

@@ -11,6 +11,7 @@ type Props = {
     containerNeighbors?: ContainerNeighbor[];
     onInsertIntoContainer?: (block: TEditorBlock, containerId: string, insertAt: 'start' | 'end') => void;
     insertAboveCallback?: (block: TEditorBlock) => void;
+    onEditContent?: () => void;
 };
-export default function AddBlockButton({ onSelect, onPaste, placeholder, suppressAdd, containerNeighbors, onInsertIntoContainer, insertAboveCallback, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function AddBlockButton({ onSelect, onPaste, placeholder, suppressAdd, containerNeighbors, onInsertIntoContainer, insertAboveCallback, onEditContent, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/documents/blocks/helpers/block-wrappers/saveAsTemplateUtils.d.ts

@@ -33,6 +33,8 @@ export type BlockTemplateConfiguration = {
  * type's own child-id layout) into a flat `{ id: block }` map.
  */
 export declare function collectBlockSubtree(document: BlockMap, rootBlockId: string): BlockMap;
+/** `firstName` → "First Name" for a human-readable field label. */
+export declare const humanize: (id: string) => string;
 export declare function extractFormFieldsFromBlocks(blocks: BlockMap, rootBlockId: string): FormField[];
 /**
  * Scalar `{{id}}` tokens present in the live document that have no matching
@@ -43,6 +45,14 @@ export declare function extractFormFieldsFromBlocks(blocks: BlockMap, rootBlockI
  * explicit repeatable-container flow.
  */
 export declare function detectMissingScalarFields(document: BlockMap, forms: FormField[]): FormField[];
+/**
+ * Add every `{{this.sub}}` token found inside a container-repeat field's own
+ * blocks (source + row subtrees) to that field's `itemFields`, so a row token
+ * typed after the repeat was set up shows in the Variables panel and survives
+ * save. Blocks belonging to a nested repeat are skipped — their tokens are
+ * that inner field's. Returns `forms` itself when nothing was added.
+ */
+export declare function mergeDetectedRowSubFields(document: BlockMap, forms: FormField[]): FormField[];
 /**
  * Convert one live root field into an authoring field for the template dialog.
  * Only the DEFINITION is kept (id, name, type, itemFields, target blocks);

package/dist/editor-sample/documents/blocks/helpers/documentUtils.d.ts

@@ -299,6 +299,12 @@ export declare const duplicateBlock: (documentTree: Record<string, any>, rootId:
     updatedDocument: Record<string, any>;
     newRootId: string;
 };
+/**
+ * Re-point a repeat field at its copied blocks. Items-array fields (MenuPicker
+ * custom menu) follow their block; container-repeat fields keep a row per
+ * copied row block. Null when the field's blocks weren't copied.
+ */
+export declare function cloneRepeatField(f: any, idMap: Record<string, string>): any | null;
 export declare const cloneCopiedBlocks: (copiedConfig: {
     rootBlockId: string;
     blocks: Record<string, any>;

package/dist/editor-sample/documents/editor/EditorContext.d.ts

@@ -6,7 +6,7 @@ type TValue = {
     document: TEditorConfiguration;
     record: any | null;
     selectedBlockId: string | null;
-    selectedSidebarTab: 'block-configuration' | 'styles' | 'behaviour' | 'layout' | 'settings' | 'background' | 'page-pilot-ai' | 'layers' | 'brand' | 'seo' | 'variables' | 'research';
+    selectedSidebarTab: 'block-configuration' | 'styles' | 'behaviour' | 'layout' | 'settings' | 'background' | 'page-pilot-ai' | 'layers' | 'brand' | 'seo' | 'variables' | 'research' | 'sections';
     selectedMainTab: 'editor' | 'preview' | 'json' | 'html';
     selectedScreenSize: 'desktop' | 'mobile' | 'tablet';
     previewHostTheme: PreviewHostTheme;
@@ -189,7 +189,7 @@ type SetActiveStepIndexOptions = {
 };
 export declare function setActiveStepIndex(activeStepIndex: number, options?: SetActiveStepIndexOptions): void;
 export declare function setSelectedMainTab(selectedMainTab: TValue['selectedMainTab']): void;
-export declare function useSelectedSidebarTab(): "layout" | "background" | "behaviour" | "block-configuration" | "styles" | "settings" | "page-pilot-ai" | "layers" | "brand" | "seo" | "variables" | "research";
+export declare function useSelectedSidebarTab(): "layout" | "background" | "behaviour" | "block-configuration" | "styles" | "settings" | "page-pilot-ai" | "layers" | "brand" | "seo" | "variables" | "research" | "sections";
 export declare function useInspectorDrawerOpen(): boolean;
 export declare function useSamplesDrawerOpen(): boolean;
 export declare function useInlineEditingEnabled(): boolean;