@prenta/admin 0.95.1 → 0.96.0

package/dist/views/page-editor/CanvasSurface.d.ts

@@ -0,0 +1,55 @@
+import { type BreakpointId, type Zoom } from '../../lib/breakpoints.js';
+export interface CanvasSurfaceProps {
+    breakpoint: BreakpointId;
+    zoom?: Zoom;
+    /**
+     * Reports the measured scale so the header's zoom chip can show a real
+     * percentage. Only the canvas knows the available width, so the number has
+     * to travel up rather than being recomputed by the header.
+     */
+    onScaleChange?: (scale: number) => void;
+    /**
+     * Reports the canvas surface element, so the reflow guard can clone it. The
+     * guard needs the real element rather than a `document.querySelector`, which
+     * would also match the site-preview frame's canvas when that is mounted.
+     */
+    onCanvasElement?: (el: HTMLElement | null) => void;
+    /** Tips, notices, or the review bar — rendered above the meta line. */
+    chrome?: React.ReactNode;
+    /** The page itself. Rendered inside the scaled, container-queried surface. */
+    children: React.ReactNode;
+}
+/**
+ * The scaled preview surface, shared by the page and post editors.
+ *
+ * The canvas renders at the breakpoint's **real CSS width** and is scaled down
+ * with a transform. Combined with `container-type: inline-size`, that makes the
+ * page reflow against its own width — the same container queries that style the
+ * live page decide the layout. A max-width clamp cannot do this: it yields a
+ * narrow desktop layout rather than the mobile one.
+ *
+ * Extracted because the arithmetic was being maintained in two places and got
+ * it wrong in one of them (see the `clientWidth - 48` entry in
+ * docs/page-builder-handoff-followups.md). The editors differ only in what
+ * they put INSIDE the surface — the post editor renders a header above its
+ * sections — and not at all in how it is measured, sized or scaled.
+ *
+ * Two measurement rules, both learned the hard way:
+ *
+ *   1. Available width comes from a **zero-height sentinel** rendered as the
+ *      panel's first child, not from `panel.clientWidth - padding`. The two
+ *      disagree once a scrollbar appears or the host scales the preview, and
+ *      the padding arithmetic silently rots whenever the gutter changes.
+ *   2. Both measurements are re-taken on **every render**, not only from the
+ *      ResizeObserver. Page height changes with every text edit, image swap and
+ *      show/hide — none of which resize the observed elements. The observer
+ *      exists for later window resizes; its first callback is not a substitute.
+ */
+export declare function CanvasSurface({ breakpoint, zoom, onScaleChange, onCanvasElement, chrome, children, }: CanvasSurfaceProps): import("react/jsx-runtime").JSX.Element;
+/** The scroll container both editors wrap their surface in. */
+export declare function CanvasScroll({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/** Registers section DOM nodes so the canvas can scroll one into view. */
+export declare function useSectionRefs(selectedId: string | null): (id: string, el: HTMLElement | null) => void;
+//# sourceMappingURL=CanvasSurface.d.ts.map

package/dist/views/page-editor/CanvasSurface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasSurface.d.ts","sourceRoot":"","sources":["../../../src/views/page-editor/CanvasSurface.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA2B,KAAK,YAAY,EAAE,KAAK,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAEhG,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,YAAY,CAAA;IACxB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAClD,uEAAuE;IACvE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,8EAA8E;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,IAAY,EACZ,aAAa,EACb,eAAe,EACf,MAAM,EACN,QAAQ,GACT,EAAE,kBAAkB,2CAoFpB;AAED,+DAA+D;AAC/D,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAMvE;AAED,0EAA0E;AAC1E,wBAAgB,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,QAGjB,MAAM,MAAM,WAAW,GAAG,IAAI,UAWpE"}

package/dist/views/page-editor/CanvasSurface.js

@@ -0,0 +1,94 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { CanvasMetaLine } from './CanvasMetaLine.js';
+import { fitScale, getBreakpoint } from '../../lib/breakpoints.js';
+/**
+ * The scaled preview surface, shared by the page and post editors.
+ *
+ * The canvas renders at the breakpoint's **real CSS width** and is scaled down
+ * with a transform. Combined with `container-type: inline-size`, that makes the
+ * page reflow against its own width — the same container queries that style the
+ * live page decide the layout. A max-width clamp cannot do this: it yields a
+ * narrow desktop layout rather than the mobile one.
+ *
+ * Extracted because the arithmetic was being maintained in two places and got
+ * it wrong in one of them (see the `clientWidth - 48` entry in
+ * docs/page-builder-handoff-followups.md). The editors differ only in what
+ * they put INSIDE the surface — the post editor renders a header above its
+ * sections — and not at all in how it is measured, sized or scaled.
+ *
+ * Two measurement rules, both learned the hard way:
+ *
+ *   1. Available width comes from a **zero-height sentinel** rendered as the
+ *      panel's first child, not from `panel.clientWidth - padding`. The two
+ *      disagree once a scrollbar appears or the host scales the preview, and
+ *      the padding arithmetic silently rots whenever the gutter changes.
+ *   2. Both measurements are re-taken on **every render**, not only from the
+ *      ResizeObserver. Page height changes with every text edit, image swap and
+ *      show/hide — none of which resize the observed elements. The observer
+ *      exists for later window resizes; its first callback is not a substitute.
+ */
+export function CanvasSurface({ breakpoint, zoom = 'fit', onScaleChange, onCanvasElement, chrome, children, }) {
+    const bp = getBreakpoint(breakpoint);
+    const sentinelRef = useRef(null);
+    const surfaceRef = useRef(null);
+    const [available, setAvailable] = useState(0);
+    const [pageHeight, setPageHeight] = useState(0);
+    // No dependency array: page height changes on edits that resize nothing the
+    // observer watches. Both setters bail when the value is unchanged, so this
+    // settles after one extra pass instead of looping.
+    useLayoutEffect(() => {
+        const measure = () => {
+            const sentinelWidth = sentinelRef.current?.offsetWidth ?? 0;
+            if (sentinelWidth > 0)
+                setAvailable((prev) => (prev === sentinelWidth ? prev : sentinelWidth));
+            const height = surfaceRef.current?.offsetHeight ?? 0;
+            if (height > 0)
+                setPageHeight((prev) => (prev === height ? prev : height));
+        };
+        measure();
+        const ro = new ResizeObserver(measure);
+        if (sentinelRef.current)
+            ro.observe(sentinelRef.current);
+        if (surfaceRef.current)
+            ro.observe(surfaceRef.current);
+        return () => ro.disconnect();
+    });
+    const scale = fitScale(available, bp.width, zoom);
+    useEffect(() => {
+        onScaleChange?.(scale);
+    }, [scale, onScaleChange]);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: sentinelRef, "aria-hidden": true, className: "h-0" }), chrome, _jsx(CanvasMetaLine, { breakpoint: bp, pageHeight: pageHeight, scale: scale }), _jsx("div", { className: "prenta-canvas-fit mx-auto block", style: {
+                    width: Math.round(bp.width * scale),
+                    height: pageHeight ? Math.round(pageHeight * scale) : undefined,
+                }, children: _jsx("div", { ref: (el) => {
+                        surfaceRef.current = el;
+                        onCanvasElement?.(el);
+                    }, className: "prenta-canvas border-border bg-card origin-top-left overflow-hidden rounded-lg text-left shadow-[0_2px_20px_rgba(0,0,0,0.12)] motion-safe:transition-[width,transform] motion-safe:duration-(--mo-slow) motion-safe:ease-(--ease)", style: {
+                        width: bp.width,
+                        transform: `scale(${scale})`,
+                        transformOrigin: 'top left',
+                    }, children: children }) })] }));
+}
+/** The scroll container both editors wrap their surface in. */
+export function CanvasScroll({ children }) {
+    return (_jsx("div", { className: "prenta-canvas-scroll bg-muted h-full overflow-auto px-6 pt-4.5 pb-10 text-center", children: children }));
+}
+/** Registers section DOM nodes so the canvas can scroll one into view. */
+export function useSectionRefs(selectedId) {
+    const sectionRefs = useRef(new Map());
+    const registerRef = useCallback((id, el) => {
+        if (el)
+            sectionRefs.current.set(id, el);
+        else
+            sectionRefs.current.delete(id);
+    }, []);
+    useEffect(() => {
+        if (!selectedId)
+            return;
+        sectionRefs.current.get(selectedId)?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+    }, [selectedId]);
+    return registerRef;
+}
+//# sourceMappingURL=CanvasSurface.js.map

package/dist/views/page-editor/CanvasSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasSurface.js","sourceRoot":"","sources":["../../../src/views/page-editor/CanvasSurface.tsx"],"names":[],"mappings":"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"}

package/dist/views/page-editor/EditorCanvas.d.ts

@@ -1,4 +1,4 @@
-import { type BreakpointId, type Zoom } from '../../lib/breakpoints.js';
+import type { BreakpointId, Zoom } from '../../lib/breakpoints.js';
 import type { PageSection } from '../../lib/page-editor-service.js';
 interface EditorCanvasProps {
     sections: PageSection[];
@@ -6,17 +6,7 @@ interface EditorCanvasProps {
     breakpoint: BreakpointId;
     zoom?: Zoom;
     onSelect: (id: string) => void;
-    /**
-     * Reports the measured scale so the header's zoom chip can show a real
-     * percentage. Only the canvas knows the available width, so the number has
-     * to travel up rather than being recomputed by the header.
-     */
     onScaleChange?: (scale: number) => void;
-    /**
-     * Reports the canvas surface element, so the reflow guard can clone it. The
-     * guard needs the real element rather than a `document.querySelector`, which
-     * would also match the site-preview frame's canvas when that is mounted.
-     */
     onCanvasElement?: (el: HTMLElement | null) => void;
     /** Section types rendered as placeholders — shows the "Structure view" notice. */
     structuralTypes?: string[];
@@ -36,24 +26,11 @@ interface EditorCanvasProps {
     reviewBar?: React.ReactNode;
 }
 /**
- * The preview canvas.
- *
- * The canvas renders at the breakpoint's **real CSS width** and is scaled down
- * with a transform. Combined with `container-type: inline-size`, that makes the
- * page reflow against its own width — the same container queries that style the
- * live page decide the layout. A max-width clamp cannot do this: it yields a
- * narrow desktop layout rather than the mobile one.
- *
- * Two measurement rules, both learned the hard way:
+ * The page editor's preview canvas.
  *
- *   1. Available width comes from a **zero-height sentinel** rendered as the
- *      panel's first child, not from `panel.clientWidth - padding`. The two
- *      disagree once a scrollbar appears or the host scales the preview, and
- *      the padding arithmetic silently rots whenever the gutter changes.
- *   2. Both measurements are re-taken on **every render**, not only from the
- *      ResizeObserver. Page height changes with every text edit, image swap and
- *      show/hide — none of which resize the observed elements. The observer
- *      exists for later window resizes; its first callback is not a substitute.
+ * Measurement, scaling and the fit box live in {@link CanvasSurface}, shared
+ * with the post editor. What is left here is what is genuinely page-specific:
+ * which chrome sits above the canvas, and what goes inside it.
  */
 export declare function EditorCanvas({ sections, selectedId, breakpoint, zoom, onSelect, onScaleChange, onCanvasElement, structuralTypes, sitePreviewAvailable, reviewing, changedSectionIds, reviewBar, }: EditorCanvasProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/views/page-editor/EditorCanvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorCanvas.d.ts","sourceRoot":"","sources":["../../../src/views/page-editor/EditorCanvas.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA2B,KAAK,YAAY,EAAE,KAAK,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAChG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAInE,UAAU,iBAAiB;IACzB,QAAQ,EAAE,WAAW,EAAE,CAAA;IACvB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,UAAU,EAAE,YAAY,CAAA;IACxB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAClD,kFAAkF;IAClF,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,2EAA2E;IAC3E,iBAAiB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACvC;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC5B;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,UAAU,EACV,UAAU,EACV,IAAY,EACZ,QAAQ,EACR,aAAa,EACb,eAAe,EACf,eAAoB,EACpB,oBAA4B,EAC5B,SAAiB,EACjB,iBAAiB,EACjB,SAAS,GACV,EAAE,iBAAiB,2CA+HnB"}
+{"version":3,"file":"EditorCanvas.d.ts","sourceRoot":"","sources":["../../../src/views/page-editor/EditorCanvas.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAInE,UAAU,iBAAiB;IACzB,QAAQ,EAAE,WAAW,EAAE,CAAA;IACvB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,UAAU,EAAE,YAAY,CAAA;IACxB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAClD,kFAAkF;IAClF,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,2EAA2E;IAC3E,iBAAiB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACvC;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC5B;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,UAAU,EACV,UAAU,EACV,IAAY,EACZ,QAAQ,EACR,aAAa,EACb,eAAe,EACf,eAAoB,EACpB,oBAA4B,EAC5B,SAAiB,EACjB,iBAAiB,EACjB,SAAS,GACV,EAAE,iBAAiB,2CAqDnB"}

package/dist/views/page-editor/EditorCanvas.js

@@ -1,92 +1,30 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { LayoutTemplate } from 'lucide-react';
 import { CanvasEditTip } from '../../components/CanvasEditTip.js';
-import { CanvasMetaLine } from './CanvasMetaLine.js';
-import { fitScale, getBreakpoint } from '../../lib/breakpoints.js';
+import { CanvasScroll, CanvasSurface, useSectionRefs } from './CanvasSurface.js';
 import { SectionRenderer } from './sections/index.js';
 import { StructureNotice } from './StructureNotice.js';
 /**
- * The preview canvas.
+ * The page editor's preview canvas.
  *
- * The canvas renders at the breakpoint's **real CSS width** and is scaled down
- * with a transform. Combined with `container-type: inline-size`, that makes the
- * page reflow against its own width — the same container queries that style the
- * live page decide the layout. A max-width clamp cannot do this: it yields a
- * narrow desktop layout rather than the mobile one.
- *
- * Two measurement rules, both learned the hard way:
- *
- *   1. Available width comes from a **zero-height sentinel** rendered as the
- *      panel's first child, not from `panel.clientWidth - padding`. The two
- *      disagree once a scrollbar appears or the host scales the preview, and
- *      the padding arithmetic silently rots whenever the gutter changes.
- *   2. Both measurements are re-taken on **every render**, not only from the
- *      ResizeObserver. Page height changes with every text edit, image swap and
- *      show/hide — none of which resize the observed elements. The observer
- *      exists for later window resizes; its first callback is not a substitute.
+ * Measurement, scaling and the fit box live in {@link CanvasSurface}, shared
+ * with the post editor. What is left here is what is genuinely page-specific:
+ * which chrome sits above the canvas, and what goes inside it.
  */
 export function EditorCanvas({ sections, selectedId, breakpoint, zoom = 'fit', onSelect, onScaleChange, onCanvasElement, structuralTypes = [], sitePreviewAvailable = false, reviewing = false, changedSectionIds, reviewBar, }) {
-    const bp = getBreakpoint(breakpoint);
-    const sentinelRef = useRef(null);
-    const surfaceRef = useRef(null);
-    const sectionRefs = useRef(new Map());
-    const [available, setAvailable] = useState(0);
-    const [pageHeight, setPageHeight] = useState(0);
-    const registerRef = useCallback((id, el) => {
-        if (el)
-            sectionRefs.current.set(id, el);
-        else
-            sectionRefs.current.delete(id);
-    }, []);
-    // No dependency array: page height changes on edits that resize nothing the
-    // observer watches. Both setters bail when the value is unchanged, so this
-    // settles after one extra pass instead of looping.
-    useLayoutEffect(() => {
-        const measure = () => {
-            const sentinelWidth = sentinelRef.current?.offsetWidth ?? 0;
-            if (sentinelWidth > 0)
-                setAvailable((prev) => (prev === sentinelWidth ? prev : sentinelWidth));
-            const height = surfaceRef.current?.offsetHeight ?? 0;
-            if (height > 0)
-                setPageHeight((prev) => (prev === height ? prev : height));
-        };
-        measure();
-        const ro = new ResizeObserver(measure);
-        if (sentinelRef.current)
-            ro.observe(sentinelRef.current);
-        if (surfaceRef.current)
-            ro.observe(surfaceRef.current);
-        return () => ro.disconnect();
-    });
-    // Scroll the selected section into view within the canvas.
-    useEffect(() => {
-        if (!selectedId)
-            return;
-        const el = sectionRefs.current.get(selectedId);
-        if (el)
-            el.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
-    }, [selectedId]);
-    const scale = fitScale(available, bp.width, zoom);
-    useEffect(() => {
-        onScaleChange?.(scale);
-    }, [scale, onScaleChange]);
-    return (_jsxs("div", { className: "prenta-canvas-scroll bg-muted h-full overflow-auto px-6 pt-4.5 pb-10 text-center", children: [_jsx("div", { ref: sentinelRef, "aria-hidden": true, className: "h-0" }), sections.length === 0 ? (_jsx(EmptyCanvas, {})) : (_jsxs(_Fragment, { children: [reviewing ? (reviewBar) : (_jsxs(_Fragment, { children: [_jsx(CanvasEditTip, {}), _jsx(StructureNotice, { structuralTypes: structuralTypes, sitePreviewAvailable: sitePreviewAvailable })] })), _jsx(CanvasMetaLine, { breakpoint: bp, pageHeight: pageHeight, scale: scale }), _jsx("div", { className: "prenta-canvas-fit mx-auto block", style: {
-                            width: Math.round(bp.width * scale),
-                            height: pageHeight ? Math.round(pageHeight * scale) : undefined,
-                        }, children: _jsx("div", { ref: (el) => {
-                                surfaceRef.current = el;
-                                onCanvasElement?.(el);
-                            }, 
-                            // `prenta-canvas` carries `container-type: inline-size` (theme.css)
-                            // — that is what makes the `@pv-*` steps in the section renderers
-                            // resolve against the simulated width instead of the viewport.
-                            className: "prenta-canvas border-border bg-card origin-top-left overflow-hidden rounded-lg text-left shadow-[0_2px_20px_rgba(0,0,0,0.12)] motion-safe:transition-[width,transform] motion-safe:duration-(--mo-slow) motion-safe:ease-(--ease)", style: {
-                                width: bp.width,
-                                transform: `scale(${scale})`,
-                                transformOrigin: 'top left',
-                            }, children: sections.map((section) => (_jsx(SectionRenderer, { section: section, editable: true, reviewing: reviewing, changed: changedSectionIds?.has(section.id) ?? false, selected: section.id === selectedId, onSelect: onSelect, registerRef: registerRef }, section.id))) }) })] }))] }));
+    const registerRef = useSectionRefs(selectedId);
+    // A design-owned page always ships the template's sections, so an empty
+    // canvas means the template resolved to nothing — a configuration problem,
+    // not a page to scale and measure.
+    if (sections.length === 0) {
+        return (_jsx(CanvasScroll, { children: _jsx(EmptyCanvas, {}) }));
+    }
+    return (_jsx(CanvasScroll, { children: _jsx(CanvasSurface, { breakpoint: breakpoint, zoom: zoom, onScaleChange: onScaleChange, onCanvasElement: onCanvasElement, chrome: 
+            // The review bar REPLACES the editing chrome rather than joining it:
+            // a tip about clicking sections to edit them is actively wrong while
+            // the canvas is showing a version you cannot edit.
+            reviewing ? (reviewBar) : (_jsxs(_Fragment, { children: [_jsx(CanvasEditTip, {}), _jsx(StructureNotice, { structuralTypes: structuralTypes, sitePreviewAvailable: sitePreviewAvailable })] })), children: sections.map((section) => (_jsx(SectionRenderer, { section: section, editable: true, reviewing: reviewing, changed: changedSectionIds?.has(section.id) ?? false, selected: section.id === selectedId, onSelect: onSelect, registerRef: registerRef }, section.id))) }) }));
 }
 /**
  * Design-owned pages always ship the template's sections, so an empty canvas

package/dist/views/page-editor/EditorCanvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditorCanvas.js","sourceRoot":"","sources":["../../../src/views/page-editor/EditorCanvas.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"EditorCanvas.js","sourceRoot":"","sources":["../../../src/views/page-editor/EditorCanvas.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AACjE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAGhF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AA4BtD;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,UAAU,EACV,UAAU,EACV,IAAI,GAAG,KAAK,EACZ,QAAQ,EACR,aAAa,EACb,eAAe,EACf,eAAe,GAAG,EAAE,EACpB,oBAAoB,GAAG,KAAK,EAC5B,SAAS,GAAG,KAAK,EACjB,iBAAiB,EACjB,SAAS,GACS;IAClB,MAAM,WAAW,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;IAE9C,wEAAwE;IACxE,2EAA2E;IAC3E,mCAAmC;IACnC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,CACL,KAAC,YAAY,cACX,KAAC,WAAW,KAAG,GACF,CAChB,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,YAAY,cACX,KAAC,aAAa,IACZ,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,MAAM;YACJ,qEAAqE;YACrE,qEAAqE;YACrE,mDAAmD;YACnD,SAAS,CAAC,CAAC,CAAC,CACV,SAAS,CACV,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,aAAa,KAAG,EACjB,KAAC,eAAe,IACd,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,GAC1C,IACD,CACJ,YAGF,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,KAAC,eAAe,IAEd,OAAO,EAAE,OAAO,EAChB,QAAQ,QACR,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,iBAAiB,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,KAAK,EACpD,QAAQ,EAAE,OAAO,CAAC,EAAE,KAAK,UAAU,EACnC,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,IAPnB,OAAO,CAAC,EAAE,CAQf,CACH,CAAC,GACY,GACH,CAChB,CAAA;AACH,CAAC;AAED;;;;GAIG;AACH,SAAS,WAAW;IAClB,OAAO,CACL,eAAK,SAAS,EAAC,+EAA+E,aAC5F,cAAK,SAAS,EAAC,2FAA2F,YACxG,KAAC,cAAc,IAAC,SAAS,EAAC,+BAA+B,wBAAe,GACpE,EACN,aAAI,SAAS,EAAC,qCAAqC,kDAAuC,EAC1F,YAAG,SAAS,EAAC,oCAAoC,qLAG7C,IACA,CACP,CAAA;AACH,CAAC"}

package/dist/views/post-editor/PostEditorCanvas.d.ts

@@ -1,3 +1,4 @@
+import type { Zoom } from '../../lib/breakpoints.js';
 import type { PageSection, PostHeaderConfig } from '../../lib/post-editor-service.js';
 import { type PostRenderContext } from '../page-editor/sections/index.js';
 import { type ViewportId } from '../page-editor/viewports.js';
@@ -7,7 +8,10 @@ interface PostEditorCanvasProps {
     context: PostRenderContext;
     selectedId: string | null;
     viewport: ViewportId;
+    zoom?: Zoom;
     onSelect: (id: string) => void;
+    onScaleChange?: (scale: number) => void;
+    onCanvasElement?: (el: HTMLElement | null) => void;
     /** Add-section CTA on the empty canvas. Omitted by design-owned editors. */
     onAddSection?: () => void;
     /** Section types rendered as placeholders — shows the "Structure view" notice. */
@@ -16,11 +20,18 @@ interface PostEditorCanvasProps {
     sitePreviewAvailable?: boolean;
 }
 /**
- * Post preview canvas. Mirrors the Page editor canvas (scaled surface that
- * fits the selected viewport) but renders the post header above the section
- * list so the editor shows the full post layout — header regions plus body
- * sections — exactly as it will ship.
+ * Post preview canvas.
+ *
+ * Shares {@link CanvasSurface} with the page editor, so measurement, scaling,
+ * the fit box and the meta line are one implementation rather than two. What is
+ * post-specific is what goes inside: the post header renders above the body
+ * sections, so the editor shows the full layout — header regions plus sections
+ * — exactly as it will ship.
+ *
+ * Before this shared surface the post canvas derived its width from
+ * `container.clientWidth - 48`, which disagrees with the canvas's own metrics
+ * once a scrollbar appears, and it had no breakpoint/scale readout at all.
  */
-export declare function PostEditorCanvas({ sections, header, context, selectedId, viewport, onSelect, onAddSection, structuralTypes, sitePreviewAvailable, }: PostEditorCanvasProps): import("react/jsx-runtime").JSX.Element;
+export declare function PostEditorCanvas({ sections, header, context, selectedId, viewport, zoom, onSelect, onScaleChange, onCanvasElement, onAddSection, structuralTypes, sitePreviewAvailable, }: PostEditorCanvasProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=PostEditorCanvas.d.ts.map

package/dist/views/post-editor/PostEditorCanvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PostEditorCanvas.d.ts","sourceRoot":"","sources":["../../../src/views/post-editor/PostEditorCanvas.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AACrF,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AAE1F,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAG1E,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,WAAW,EAAE,CAAA;IACvB,MAAM,EAAE,gBAAgB,CAAA;IACxB,OAAO,EAAE,iBAAiB,CAAA;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,QAAQ,EAAE,UAAU,CAAA;IACpB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,kFAAkF;IAClF,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,2EAA2E;IAC3E,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,eAAoB,EACpB,oBAA4B,GAC7B,EAAE,qBAAqB,2CAyEvB"}
+{"version":3,"file":"PostEditorCanvas.d.ts","sourceRoot":"","sources":["../../../src/views/post-editor/PostEditorCanvas.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AAErF,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AAE1F,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAG7D,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,WAAW,EAAE,CAAA;IACvB,MAAM,EAAE,gBAAgB,CAAA;IACxB,OAAO,EAAE,iBAAiB,CAAA;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,QAAQ,EAAE,UAAU,CAAA;IACpB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAClD,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,kFAAkF;IAClF,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,2EAA2E;IAC3E,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,OAAO,EACP,UAAU,EACV,QAAQ,EACR,IAAY,EACZ,QAAQ,EACR,aAAa,EACb,eAAe,EACf,YAAY,EACZ,eAAoB,EACpB,oBAA4B,GAC7B,EAAE,qBAAqB,2CAuCvB"}

package/dist/views/post-editor/PostEditorCanvas.js

@@ -1,58 +1,27 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { FileText, Plus } from 'lucide-react';
 import { CanvasEditTip } from '../../components/CanvasEditTip.js';
+import { CanvasScroll, CanvasSurface, useSectionRefs } from '../page-editor/CanvasSurface.js';
 import { SectionRenderer } from '../page-editor/sections/index.js';
 import { StructureNotice } from '../page-editor/StructureNotice.js';
-import { getViewport } from '../page-editor/viewports.js';
 import { PostHeader } from './PostHeader.js';
 /**
- * Post preview canvas. Mirrors the Page editor canvas (scaled surface that
- * fits the selected viewport) but renders the post header above the section
- * list so the editor shows the full post layout — header regions plus body
- * sections — exactly as it will ship.
+ * Post preview canvas.
+ *
+ * Shares {@link CanvasSurface} with the page editor, so measurement, scaling,
+ * the fit box and the meta line are one implementation rather than two. What is
+ * post-specific is what goes inside: the post header renders above the body
+ * sections, so the editor shows the full layout — header regions plus sections
+ * — exactly as it will ship.
+ *
+ * Before this shared surface the post canvas derived its width from
+ * `container.clientWidth - 48`, which disagrees with the canvas's own metrics
+ * once a scrollbar appears, and it had no breakpoint/scale readout at all.
  */
-export function PostEditorCanvas({ sections, header, context, selectedId, viewport, onSelect, onAddSection, structuralTypes = [], sitePreviewAvailable = false, }) {
-    const vp = getViewport(viewport);
-    const containerRef = useRef(null);
-    const surfaceRef = useRef(null);
-    const sectionRefs = useRef(new Map());
-    const [scale, setScale] = useState(1);
-    const [surfaceHeight, setSurfaceHeight] = useState(null);
-    const registerRef = useCallback((id, el) => {
-        if (el)
-            sectionRefs.current.set(id, el);
-        else
-            sectionRefs.current.delete(id);
-    }, []);
-    useLayoutEffect(() => {
-        const container = containerRef.current;
-        if (!container)
-            return;
-        const recompute = () => {
-            const available = container.clientWidth - 48;
-            const next = Math.min(1, available / vp.width);
-            setScale(next > 0 ? next : 1);
-            if (surfaceRef.current) {
-                setSurfaceHeight(surfaceRef.current.offsetHeight * (next > 0 ? next : 1));
-            }
-        };
-        recompute();
-        const ro = new ResizeObserver(recompute);
-        ro.observe(container);
-        if (surfaceRef.current)
-            ro.observe(surfaceRef.current);
-        return () => ro.disconnect();
-    }, [vp.width, sections, header, context]);
-    useEffect(() => {
-        if (!selectedId)
-            return;
-        const el = sectionRefs.current.get(selectedId);
-        if (el)
-            el.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
-    }, [selectedId]);
-    return (_jsxs("div", { ref: containerRef, className: "bg-muted h-full overflow-auto p-6", children: [sections.length > 0 && _jsx(CanvasEditTip, {}), _jsx(StructureNotice, { structuralTypes: structuralTypes, sitePreviewAvailable: sitePreviewAvailable }), _jsx("div", { className: "mx-auto", style: { width: vp.width * scale, height: surfaceHeight ?? undefined }, children: _jsxs("div", { ref: surfaceRef, className: "prenta-canvas border-border bg-card origin-top overflow-hidden rounded-xl border shadow-sm", style: { width: vp.width, transform: `scale(${scale})`, transformOrigin: 'top left' }, children: [_jsx(PostHeader, { config: header, context: context }), sections.length === 0 ? (_jsx(EmptyBody, { onAddSection: onAddSection })) : (sections.map((section) => (_jsx(SectionRenderer, { section: section, context: context, editable: true, selected: section.id === selectedId, onSelect: onSelect, registerRef: registerRef }, section.id))))] }) })] }));
+export function PostEditorCanvas({ sections, header, context, selectedId, viewport, zoom = 'fit', onSelect, onScaleChange, onCanvasElement, onAddSection, structuralTypes = [], sitePreviewAvailable = false, }) {
+    const registerRef = useSectionRefs(selectedId);
+    return (_jsx(CanvasScroll, { children: _jsxs(CanvasSurface, { breakpoint: viewport, zoom: zoom, onScaleChange: onScaleChange, onCanvasElement: onCanvasElement, chrome: _jsxs(_Fragment, { children: [sections.length > 0 && _jsx(CanvasEditTip, {}), _jsx(StructureNotice, { structuralTypes: structuralTypes, sitePreviewAvailable: sitePreviewAvailable })] }), children: [_jsx(PostHeader, { config: header, context: context }), sections.length === 0 ? (_jsx(EmptyBody, { onAddSection: onAddSection })) : (sections.map((section) => (_jsx(SectionRenderer, { section: section, context: context, editable: true, selected: section.id === selectedId, onSelect: onSelect, registerRef: registerRef }, section.id))))] }) }));
 }
 function EmptyBody({ onAddSection }) {
     // This block sits inside the fixed-white preview surface, so the neutral

package/dist/views/post-editor/PostEditorCanvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostEditorCanvas.js","sourceRoot":"","sources":["../../../src/views/post-editor/PostEditorCanvas.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PostEditorCanvas.js","sourceRoot":"","sources":["../../../src/views/post-editor/PostEditorCanvas.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAGjE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAC7F,OAAO,EAAE,eAAe,EAA0B,MAAM,kCAAkC,CAAA;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAA;AAEnE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAoB5C;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,OAAO,EACP,UAAU,EACV,QAAQ,EACR,IAAI,GAAG,KAAK,EACZ,QAAQ,EACR,aAAa,EACb,eAAe,EACf,YAAY,EACZ,eAAe,GAAG,EAAE,EACpB,oBAAoB,GAAG,KAAK,GACN;IACtB,MAAM,WAAW,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;IAE9C,OAAO,CACL,KAAC,YAAY,cACX,MAAC,aAAa,IACZ,UAAU,EAAE,QAAQ,EACpB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,MAAM,EACJ,8BACG,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,aAAa,KAAG,EACzC,KAAC,eAAe,IACd,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,GAC1C,IACD,aAGL,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,EAC/C,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACvB,KAAC,SAAS,IAAC,YAAY,EAAE,YAAY,GAAI,CAC1C,CAAC,CAAC,CAAC,CACF,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACxB,KAAC,eAAe,IAEd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,QACR,QAAQ,EAAE,OAAO,CAAC,EAAE,KAAK,UAAU,EACnC,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,IANnB,OAAO,CAAC,EAAE,CAOf,CACH,CAAC,CACH,IACa,GACH,CAChB,CAAA;AACH,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,YAAY,EAAiC;IAChE,yEAAyE;IACzE,2EAA2E;IAC3E,4EAA4E;IAC5E,4EAA4E;IAC5E,wEAAwE;IACxE,gEAAgE;IAChE,OAAO,CACL,eAAK,SAAS,EAAC,iGAAiG,aAC9G,eAAM,SAAS,EAAC,kEAAkE,YAChF,KAAC,QAAQ,IAAC,SAAS,EAAC,+BAA+B,wBAAe,GAC7D,EACP,YAAG,SAAS,EAAC,+BAA+B,YACzC,YAAY;oBACX,CAAC,CAAC,wNAAwN;oBAC1N,CAAC,CAAC,2LAA2L,GAC7L,EACH,YAAY,IAAI,CACf,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,kJAAkJ,aAE5J,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,wBAAe,mBAEjC,CACV,IACG,CACP,CAAA;AACH,CAAC"}

package/dist/views/post-editor/PostSectionEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PostSectionEditor.d.ts","sourceRoot":"","sources":["../../../src/views/post-editor/PostSectionEditor.tsx"],"names":[],"mappings":"AAmDA,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAE5E,8DAA8D;AAC9D,UAAU,YAAY;IACpB,WAAW,CAAC,EAAE,MAAM,CAClB,MAAM,EACJ;QACE,MAAM,CAAC,EAAE;YAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;QAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,GAAG,SAAS,CAAC,CAAA;KACrD,GACD,SAAS,CACZ,CAAA;IACD,GAAG,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC1B,KAAK,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE;YAAE,kBAAkB,CAAC,EAAE,OAAO,GAAG;gBAAE,KAAK,CAAC,EAAE,OAAO,CAAC;gBAAC,KAAK,CAAC,EAAE,OAAO,CAAA;aAAE,CAAA;SAAE,CAAA;KAAE,CAAA;CAC7F;AAED,wDAAwD;AACxD,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CACxD;AAED,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,MAAM,CAAA;IAChB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CACjG;AAgBD,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,UAAU,EACV,MAAM,EACN,OAAO,EACP,UAAU,EACV,aAAa,GACd,EAAE,sBAAsB,2CAosBxB"}
+{"version":3,"file":"PostSectionEditor.d.ts","sourceRoot":"","sources":["../../../src/views/post-editor/PostSectionEditor.tsx"],"names":[],"mappings":"AAwDA,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAE5E,8DAA8D;AAC9D,UAAU,YAAY;IACpB,WAAW,CAAC,EAAE,MAAM,CAClB,MAAM,EACJ;QACE,MAAM,CAAC,EAAE;YAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;QAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,GAAG,SAAS,CAAC,CAAA;KACrD,GACD,SAAS,CACZ,CAAA;IACD,GAAG,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC1B,KAAK,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE;YAAE,kBAAkB,CAAC,EAAE,OAAO,GAAG;gBAAE,KAAK,CAAC,EAAE,OAAO,CAAC;gBAAC,KAAK,CAAC,EAAE,OAAO,CAAA;aAAE,CAAA;SAAE,CAAA;KAAE,CAAA;CAC7F;AAED,wDAAwD;AACxD,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CACxD;AAED,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,MAAM,CAAA;IAChB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CACjG;AAgBD,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,UAAU,EACV,MAAM,EACN,OAAO,EACP,UAAU,EACV,aAAa,GACd,EAAE,sBAAsB,2CAkyBxB"}