@prenta/admin 1.9.2 → 1.10.0

package/dist/views/page-editor/theme-chrome/ThemeChromeFrame.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { THEME_CHROME_MAIN_ID, } from '../../../lib/theme-chrome.js';
+import { ThemeChromeSlot } from './ThemeChromeSlot.js';
+export function ThemeChromeFrame({ spec, mode, breakpoint, locale, dir, document, onEditChrome, onHealthChange, children, }) {
+    const [headerStatus, setHeaderStatus] = useState('placeholder');
+    const [footerStatus, setFooterStatus] = useState('placeholder');
+    const [headerH1, setHeaderH1] = useState(false);
+    const [footerH1, setFooterH1] = useState(false);
+    const chromeProps = useMemo(() => ({
+        breakpoint,
+        mode,
+        preview: true,
+        locale,
+        dir,
+        document,
+        onEditChrome,
+    }), [breakpoint, mode, locale, dir, document, onEditChrome]);
+    const onHeaderOutline = useCallback((hasH1) => setHeaderH1(hasH1), []);
+    const onFooterOutline = useCallback((hasH1) => setFooterH1(hasH1), []);
+    useEffect(() => {
+        onHealthChange?.({
+            header: headerStatus,
+            footer: footerStatus,
+            outlineWarning: headerH1 || footerH1,
+        });
+    }, [headerStatus, footerStatus, headerH1, footerH1, onHealthChange]);
+    const headerProps = { ...chromeProps, region: 'header' };
+    const footerProps = { ...chromeProps, region: 'footer' };
+    const frameClass = mode === 'frame' ? 'flex h-full min-h-0 flex-col' : 'flex min-h-0 flex-col';
+    return (_jsxs("div", { className: frameClass, "data-prenta-theme-chrome-mode": mode, "data-prenta-theme-chrome-locale": locale, "data-prenta-theme-chrome-dir": dir, "data-prenta-theme-chrome-path": document.path, children: [_jsx("a", { href: `#${THEME_CHROME_MAIN_ID}`, className: "bg-primary text-primary-foreground sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 focus:z-30 focus:rounded-md focus:px-3 focus:py-1.5 focus:text-sm", children: "Skip to content" }), _jsx("div", { className: mode === 'frame' ? 'shrink-0' : undefined, children: _jsx(ThemeChromeSlot, { region: "header", spec: spec, chromeProps: headerProps, onOutlineIssue: onHeaderOutline, onStatus: setHeaderStatus }) }), _jsx("div", { id: THEME_CHROME_MAIN_ID, className: mode === 'frame' ? 'min-h-0 flex-1 overflow-auto' : undefined, children: children }), _jsx("div", { className: mode === 'frame' ? 'shrink-0' : undefined, children: _jsx(ThemeChromeSlot, { region: "footer", spec: spec, chromeProps: footerProps, onOutlineIssue: onFooterOutline, onStatus: setFooterStatus }) })] }));
+}
+//# sourceMappingURL=ThemeChromeFrame.js.map

package/dist/views/page-editor/theme-chrome/ThemeChromeFrame.js.map

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

package/dist/views/page-editor/theme-chrome/ThemeChromeHealth.d.ts

@@ -0,0 +1,12 @@
+import type { ThemeChromeSlotStatus } from '../../../lib/theme-chrome.js';
+export interface ThemeChromeHealthProps {
+    locale: string;
+    dir: 'ltr' | 'rtl';
+    header: ThemeChromeSlotStatus;
+    footer: ThemeChromeSlotStatus;
+    outlineWarning: boolean;
+    navLinkCount?: number;
+    brandPresent?: boolean;
+}
+export declare function ThemeChromeHealth({ locale, dir, header, footer, outlineWarning, navLinkCount, brandPresent, }: ThemeChromeHealthProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ThemeChromeHealth.d.ts.map

package/dist/views/page-editor/theme-chrome/ThemeChromeHealth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeChromeHealth.d.ts","sourceRoot":"","sources":["../../../../src/views/page-editor/theme-chrome/ThemeChromeHealth.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAEzE,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,MAAM,CAAA;IACd,GAAG,EAAE,KAAK,GAAG,KAAK,CAAA;IAClB,MAAM,EAAE,qBAAqB,CAAA;IAC7B,MAAM,EAAE,qBAAqB,CAAA;IAC7B,cAAc,EAAE,OAAO,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AASD,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,GAAG,EACH,MAAM,EACN,MAAM,EACN,cAAc,EACd,YAAY,EACZ,YAAY,GACb,EAAE,sBAAsB,2CAoCxB"}

package/dist/views/page-editor/theme-chrome/ThemeChromeHealth.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+const STATUS_LABEL = {
+    ok: 'ok',
+    preview: 'preview',
+    fallback: 'fallback',
+    placeholder: 'View site',
+};
+export function ThemeChromeHealth({ locale, dir, header, footer, outlineWarning, navLinkCount, brandPresent, }) {
+    return (_jsxs("p", { className: "text-muted-foreground mb-3 flex flex-wrap items-center justify-center gap-x-1.5 gap-y-1 text-[11px] font-medium tracking-[0.3px]", "data-prenta-theme-chrome-health": "", "aria-live": "polite", children: [_jsxs("span", { className: "text-foreground/70 uppercase", children: [locale, " \u00B7 ", dir.toUpperCase()] }), _jsx("span", { "aria-hidden": true, children: "|" }), _jsxs("span", { children: ["Header ", STATUS_LABEL[header]] }), _jsx("span", { "aria-hidden": true, children: "|" }), _jsxs("span", { children: ["Footer ", STATUS_LABEL[footer]] }), typeof navLinkCount === 'number' ? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": true, children: "|" }), _jsxs("span", { children: ["Nav: ", navLinkCount, " links"] })] })) : null, brandPresent === true ? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": true, children: "|" }), _jsx("span", { children: "Brand" })] })) : null, outlineWarning ? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": true, children: "|" }), _jsx("span", { className: "text-destructive", "data-prenta-theme-chrome-outline-warning": "", children: "Chrome uses H1 \u2014 page outline will be wrong" })] })) : null] }));
+}
+//# sourceMappingURL=ThemeChromeHealth.js.map

package/dist/views/page-editor/theme-chrome/ThemeChromeHealth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeChromeHealth.js","sourceRoot":"","sources":["../../../../src/views/page-editor/theme-chrome/ThemeChromeHealth.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAcZ,MAAM,YAAY,GAA0C;IAC1D,EAAE,EAAE,IAAI;IACR,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,WAAW;CACzB,CAAA;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,MAAM,EACN,GAAG,EACH,MAAM,EACN,MAAM,EACN,cAAc,EACd,YAAY,EACZ,YAAY,GACW;IACvB,OAAO,CACL,aACE,SAAS,EAAC,kIAAkI,qCAC5G,EAAE,eACxB,QAAQ,aAElB,gBAAM,SAAS,EAAC,8BAA8B,aAC3C,MAAM,cAAK,GAAG,CAAC,WAAW,EAAE,IACxB,EACP,oDAA0B,EAC1B,sCAAc,YAAY,CAAC,MAAM,CAAC,IAAQ,EAC1C,oDAA0B,EAC1B,sCAAc,YAAY,CAAC,MAAM,CAAC,IAAQ,EACzC,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,CAClC,8BACE,oDAA0B,EAC1B,oCAAY,YAAY,cAAc,IACrC,CACJ,CAAC,CAAC,CAAC,IAAI,EACP,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,CACvB,8BACE,oDAA0B,EAC1B,mCAAkB,IACjB,CACJ,CAAC,CAAC,CAAC,IAAI,EACP,cAAc,CAAC,CAAC,CAAC,CAChB,8BACE,oDAA0B,EAC1B,eAAM,SAAS,EAAC,kBAAkB,8CAA0C,EAAE,iEAEvE,IACN,CACJ,CAAC,CAAC,CAAC,IAAI,IACN,CACL,CAAA;AACH,CAAC"}

package/dist/views/page-editor/theme-chrome/ThemeChromeModeToggle.d.ts

@@ -0,0 +1,11 @@
+import type { ThemeChromeMode } from '../../../lib/theme-chrome.js';
+export interface ThemeChromeModeToggleProps {
+    mode: ThemeChromeMode;
+    onChange: (mode: ThemeChromeMode) => void;
+}
+/**
+ * Page = real document scroll (sellable preview). Frame = pinned chrome
+ * for authoring. Frame is a working view, not the live page.
+ */
+export declare function ThemeChromeModeToggle({ mode, onChange }: ThemeChromeModeToggleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ThemeChromeModeToggle.d.ts.map

package/dist/views/page-editor/theme-chrome/ThemeChromeModeToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeChromeModeToggle.d.ts","sourceRoot":"","sources":["../../../../src/views/page-editor/theme-chrome/ThemeChromeModeToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAEnE,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,eAAe,CAAA;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;CAC1C;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,0BAA0B,2CAqBnF"}

package/dist/views/page-editor/theme-chrome/ThemeChromeModeToggle.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Page = real document scroll (sellable preview). Frame = pinned chrome
+ * for authoring. Frame is a working view, not the live page.
+ */
+export function ThemeChromeModeToggle({ mode, onChange }) {
+    return (_jsxs("div", { role: "group", "aria-label": "Canvas layout. Page scrolls like the live site. Frame pins the header and footer.", className: "border-border bg-card inline-flex h-[34px] overflow-hidden rounded-lg border", children: [_jsx(ModeButton, { label: "Page", pressed: mode === 'flow', title: "Page \u2014 header, bands, and footer scroll together like the live site.", onClick: () => onChange('flow') }), _jsx(ModeButton, { label: "Frame", pressed: mode === 'frame', title: "Frame \u2014 header and footer stay pinned while bands scroll. Authoring view, not the live page.", onClick: () => onChange('frame') })] }));
+}
+function ModeButton({ label, pressed, title, onClick, }) {
+    return (_jsx("button", { type: "button", "aria-pressed": pressed, title: title, onClick: onClick, className: `h-full px-2.5 text-[12.5px] font-medium transition-colors ${pressed
+            ? 'bg-primary text-primary-foreground'
+            : 'text-muted-foreground hover:bg-accent hover:text-accent-foreground'}`, children: label }));
+}
+//# sourceMappingURL=ThemeChromeModeToggle.js.map

package/dist/views/page-editor/theme-chrome/ThemeChromeModeToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeChromeModeToggle.js","sourceRoot":"","sources":["../../../../src/views/page-editor/theme-chrome/ThemeChromeModeToggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AASZ;;;GAGG;AACH,MAAM,UAAU,qBAAqB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAA8B;IAClF,OAAO,CACL,eACE,IAAI,EAAC,OAAO,gBACD,mFAAmF,EAC9F,SAAS,EAAC,8EAA8E,aAExF,KAAC,UAAU,IACT,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,IAAI,KAAK,MAAM,EACxB,KAAK,EAAC,2EAAsE,EAC5E,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,GAC/B,EACF,KAAC,UAAU,IACT,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,IAAI,KAAK,OAAO,EACzB,KAAK,EAAC,mGAA8F,EACpG,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,GAChC,IACE,CACP,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,KAAK,EACL,OAAO,EACP,KAAK,EACL,OAAO,GAMR;IACC,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,kBACC,OAAO,EACrB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,6DACT,OAAO;YACL,CAAC,CAAC,oCAAoC;YACtC,CAAC,CAAC,oEACN,EAAE,YAED,KAAK,GACC,CACV,CAAA;AACH,CAAC"}

package/dist/views/page-editor/theme-chrome/ThemeChromeProvider.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+import type { AdminThemeChrome, AdminThemeChromeProps } from '../../../lib/theme-chrome.js';
+export declare function ThemeChromeProvider({ value, children, }: {
+    value: AdminThemeChrome | null;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/** The `themeChrome` prop passed to `<AdminRoot>`, or null when omitted. */
+export declare function useThemeChromeSpec(): AdminThemeChrome | null;
+export declare function ThemeChromeRenderProvider({ value, children, }: {
+    value: AdminThemeChromeProps;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Fields passed to a consumer `SiteHeader` / `SiteFooter` so they can
+ * highlight the current path and locale without prop-drilling.
+ */
+export declare function useThemeChromeContext(): AdminThemeChromeProps | null;
+//# sourceMappingURL=ThemeChromeProvider.d.ts.map

package/dist/views/page-editor/theme-chrome/ThemeChromeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeChromeProvider.d.ts","sourceRoot":"","sources":["../../../../src/views/page-editor/theme-chrome/ThemeChromeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAI3F,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC9B,QAAQ,EAAE,SAAS,CAAA;CACpB,2CAEA;AAED,4EAA4E;AAC5E,wBAAgB,kBAAkB,IAAI,gBAAgB,GAAG,IAAI,CAE5D;AAID,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,qBAAqB,CAAA;IAC5B,QAAQ,EAAE,SAAS,CAAA;CACpB,2CAIA;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,IAAI,qBAAqB,GAAG,IAAI,CAEpE"}

package/dist/views/page-editor/theme-chrome/ThemeChromeProvider.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+const ThemeChromeSpecContext = createContext(null);
+export function ThemeChromeProvider({ value, children, }) {
+    return _jsx(ThemeChromeSpecContext.Provider, { value: value, children: children });
+}
+/** The `themeChrome` prop passed to `<AdminRoot>`, or null when omitted. */
+export function useThemeChromeSpec() {
+    return useContext(ThemeChromeSpecContext);
+}
+const ThemeChromeRenderContext = createContext(null);
+export function ThemeChromeRenderProvider({ value, children, }) {
+    return (_jsx(ThemeChromeRenderContext.Provider, { value: value, children: children }));
+}
+/**
+ * Fields passed to a consumer `SiteHeader` / `SiteFooter` so they can
+ * highlight the current path and locale without prop-drilling.
+ */
+export function useThemeChromeContext() {
+    return useContext(ThemeChromeRenderContext);
+}
+//# sourceMappingURL=ThemeChromeProvider.js.map

package/dist/views/page-editor/theme-chrome/ThemeChromeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeChromeProvider.js","sourceRoot":"","sources":["../../../../src/views/page-editor/theme-chrome/ThemeChromeProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,aAAa,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAA;AAGjE,MAAM,sBAAsB,GAAG,aAAa,CAA0B,IAAI,CAAC,CAAA;AAE3E,MAAM,UAAU,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,GAIT;IACC,OAAO,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAmC,CAAA;AACpG,CAAC;AAED,4EAA4E;AAC5E,MAAM,UAAU,kBAAkB;IAChC,OAAO,UAAU,CAAC,sBAAsB,CAAC,CAAA;AAC3C,CAAC;AAED,MAAM,wBAAwB,GAAG,aAAa,CAA+B,IAAI,CAAC,CAAA;AAElF,MAAM,UAAU,yBAAyB,CAAC,EACxC,KAAK,EACL,QAAQ,GAIT;IACC,OAAO,CACL,KAAC,wBAAwB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAqC,CAChG,CAAA;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,qBAAqB;IACnC,OAAO,UAAU,CAAC,wBAAwB,CAAC,CAAA;AAC7C,CAAC"}

package/dist/views/page-editor/theme-chrome/ThemeChromeSlot.d.ts

@@ -0,0 +1,11 @@
+import { type AdminThemeChrome, type AdminThemeChromeProps, type ThemeChromeSlotStatus } from '../../../lib/theme-chrome.js';
+interface ThemeChromeSlotProps {
+    region: 'header' | 'footer';
+    spec: AdminThemeChrome;
+    chromeProps: AdminThemeChromeProps;
+    onOutlineIssue: (hasH1: boolean) => void;
+    onStatus: (status: ThemeChromeSlotStatus) => void;
+}
+export declare function ThemeChromeSlot({ region, spec, chromeProps, onOutlineIssue, onStatus, }: ThemeChromeSlotProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ThemeChromeSlot.d.ts.map

package/dist/views/page-editor/theme-chrome/ThemeChromeSlot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeChromeSlot.d.ts","sourceRoot":"","sources":["../../../../src/views/page-editor/theme-chrome/ThemeChromeSlot.tsx"],"names":[],"mappings":"AAOA,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC3B,MAAM,8BAA8B,CAAA;AAGrC,UAAU,oBAAoB;IAC5B,MAAM,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC3B,IAAI,EAAE,gBAAgB,CAAA;IACtB,WAAW,EAAE,qBAAqB,CAAA;IAClC,cAAc,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACxC,QAAQ,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAA;CAClD;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,IAAI,EACJ,WAAW,EACX,cAAc,EACd,QAAQ,GACT,EAAE,oBAAoB,2CAsFtB"}

package/dist/views/page-editor/theme-chrome/ThemeChromeSlot.js

@@ -0,0 +1,82 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useLayoutEffect, useRef, useState } from 'react';
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
+import { Pencil } from 'lucide-react';
+import { ErrorBoundary } from '../../../components/ErrorBoundary.js';
+import { adminPortalContainer } from '../../../lib/portal-container.js';
+import { closestAnchor, isSameOriginPreviewSrc, } from '../../../lib/theme-chrome.js';
+import { ThemeChromeRenderProvider } from './ThemeChromeProvider.js';
+export function ThemeChromeSlot({ region, spec, chromeProps, onOutlineIssue, onStatus, }) {
+    const rootRef = useRef(null);
+    const [menuOpen, setMenuOpen] = useState(false);
+    useLayoutEffect(() => {
+        onOutlineIssue(Boolean(rootRef.current?.querySelector('h1')));
+    });
+    const openEditMenu = useCallback(() => {
+        setMenuOpen(true);
+    }, []);
+    const onClickCapture = useCallback((event) => {
+        const target = event.target;
+        if (target instanceof Element && target.closest('[data-prenta-theme-chrome-edit]')) {
+            return;
+        }
+        if (closestAnchor(target)) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+        openEditMenu();
+    }, [openEditMenu]);
+    const onAuxClickCapture = useCallback((event) => {
+        if (closestAnchor(event.target)) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+    }, []);
+    const label = region === 'header' ? 'Site header' : 'Site footer';
+    const renderer = region === 'header' ? spec.header : spec.footer;
+    const previewSrc = region === 'header' ? spec.previewSrc?.header : spec.previewSrc?.footer;
+    return (_jsx(ThemeChromeRenderProvider, { value: chromeProps, children: _jsxs("div", { ref: rootRef, "data-prenta-theme-chrome": region, "aria-label": label, className: "relative", onClickCapture: onClickCapture, onAuxClickCapture: onAuxClickCapture, children: [_jsx(ErrorBoundary, { fallback: _jsx(ChromeFallback, { region: region, spec: spec, chromeProps: chromeProps, previewSrc: previewSrc, onStatus: onStatus }), children: _jsx(ChromeBody, { region: region, renderer: renderer, fallback: spec.fallback, previewSrc: previewSrc, chromeProps: chromeProps, onStatus: onStatus }) }), _jsxs(DropdownMenu.Root, { open: menuOpen, onOpenChange: setMenuOpen, children: [_jsx(DropdownMenu.Trigger, { asChild: true, children: _jsx("button", { type: "button", "data-prenta-theme-chrome-edit": "", "aria-label": `Edit ${label.toLowerCase()}`, title: `Edit ${label.toLowerCase()}`, className: "border-border bg-card text-foreground hover:bg-accent focus-visible:outline-ring absolute top-2 right-2 z-20 inline-flex h-9 w-9 items-center justify-center rounded-md border shadow-sm", children: _jsx(Pencil, { size: 16, "aria-hidden": true }) }) }), _jsx(ChromeEditMenu, { onEditChrome: chromeProps.onEditChrome })] })] }) }));
+}
+function ChromeEditMenu({ onEditChrome }) {
+    const menu = (_jsxs(DropdownMenu.Content, { align: "end", sideOffset: 6, className: "border-border bg-popover z-[120] min-w-[12rem] rounded-[10px] border p-[5px] shadow-[0_12px_34px_rgba(26,24,39,0.17)]", children: [_jsx(ChromeEditItem, { onSelect: () => onEditChrome('navigations'), label: "Edit navigation" }), _jsx(ChromeEditItem, { onSelect: () => onEditChrome('appearance'), label: "Edit appearance" }), _jsx(ChromeEditItem, { onSelect: () => onEditChrome('settings'), label: "Edit site settings" })] }));
+    const portalRoot = adminPortalContainer();
+    return portalRoot ? (_jsx(DropdownMenu.Portal, { container: portalRoot, children: menu })) : (menu);
+}
+function ChromeEditItem({ onSelect, label }) {
+    return (_jsx(DropdownMenu.Item, { onSelect: onSelect, className: "hover:bg-accent focus:bg-accent cursor-pointer rounded-md px-2.5 py-1.5 text-sm outline-none", children: label }));
+}
+function ChromeBody({ region, renderer, fallback, previewSrc, chromeProps, onStatus, }) {
+    useLayoutEffect(() => {
+        if (renderer)
+            onStatus('ok');
+    }, [renderer, onStatus]);
+    if (renderer) {
+        return _jsx(_Fragment, { children: renderer(chromeProps) });
+    }
+    return (_jsx(ChromeFallback, { region: region, spec: { fallback, previewSrc: previewSrc ? { [region]: previewSrc } : undefined }, chromeProps: chromeProps, previewSrc: previewSrc, onStatus: onStatus }));
+}
+function ChromeFallback({ region, spec, chromeProps, previewSrc, onStatus, }) {
+    const usePreview = Boolean(previewSrc && isSameOriginPreviewSrc(previewSrc));
+    const useFallback = Boolean(!usePreview && spec.fallback);
+    useLayoutEffect(() => {
+        if (usePreview)
+            onStatus('preview');
+        else if (useFallback)
+            onStatus('fallback');
+        else
+            onStatus('placeholder');
+    }, [usePreview, useFallback, onStatus]);
+    if (usePreview && previewSrc) {
+        return (_jsx("iframe", { src: previewSrc, title: region === 'header' ? 'Site header preview' : 'Site footer preview', sandbox: "allow-same-origin", className: "block w-full border-0" }));
+    }
+    if (useFallback && spec.fallback) {
+        return _jsx(_Fragment, { children: spec.fallback(chromeProps) });
+    }
+    return _jsx(ChromePlaceholder, { region: region });
+}
+function ChromePlaceholder({ region }) {
+    const label = region === 'header' ? 'Site header' : 'Site footer';
+    return (_jsxs("div", { "data-prenta-theme-chrome-placeholder": region, className: "border-border bg-muted text-muted-foreground flex flex-col items-start gap-1 border-b px-6 py-4 text-left text-sm", children: [_jsx("p", { className: "text-foreground font-medium", children: label }), _jsxs("p", { children: ["This site has not supplied a client-safe ", region, " for the canvas. Use", ' ', _jsx("span", { className: "text-foreground", children: "View site" }), " to see the live page."] })] }));
+}
+//# sourceMappingURL=ThemeChromeSlot.js.map

package/dist/views/page-editor/theme-chrome/ThemeChromeSlot.js.map

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

package/dist/views/page-editor/theme-chrome/index.d.ts

@@ -0,0 +1,9 @@
+export { ThemeChromeProvider, useThemeChromeSpec, useThemeChromeContext, } from './ThemeChromeProvider.js';
+export { ThemeChromeFrame } from './ThemeChromeFrame.js';
+export type { ThemeChromeFrameProps, ThemeChromeHealthState } from './ThemeChromeFrame.js';
+export { ThemeChromeHealth } from './ThemeChromeHealth.js';
+export type { ThemeChromeHealthProps } from './ThemeChromeHealth.js';
+export { ThemeChromeModeToggle } from './ThemeChromeModeToggle.js';
+export type { ThemeChromeModeToggleProps } from './ThemeChromeModeToggle.js';
+export { useThemeChromeMode } from './useThemeChromeMode.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/views/page-editor/theme-chrome/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/page-editor/theme-chrome/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAA;AAC1F,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,YAAY,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/views/page-editor/theme-chrome/index.js

@@ -0,0 +1,6 @@
+export { ThemeChromeProvider, useThemeChromeSpec, useThemeChromeContext, } from './ThemeChromeProvider.js';
+export { ThemeChromeFrame } from './ThemeChromeFrame.js';
+export { ThemeChromeHealth } from './ThemeChromeHealth.js';
+export { ThemeChromeModeToggle } from './ThemeChromeModeToggle.js';
+export { useThemeChromeMode } from './useThemeChromeMode.js';
+//# sourceMappingURL=index.js.map

package/dist/views/page-editor/theme-chrome/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/page-editor/theme-chrome/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAExD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAElE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/views/page-editor/theme-chrome/useThemeChromeMode.d.ts

@@ -0,0 +1,3 @@
+import { type ThemeChromeMode } from '../../../lib/theme-chrome.js';
+export declare function useThemeChromeMode(defaultMode?: ThemeChromeMode): readonly [ThemeChromeMode, (next: ThemeChromeMode) => void];
+//# sourceMappingURL=useThemeChromeMode.d.ts.map

package/dist/views/page-editor/theme-chrome/useThemeChromeMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeChromeMode.d.ts","sourceRoot":"","sources":["../../../../src/views/page-editor/theme-chrome/useThemeChromeMode.ts"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,8BAA8B,CAAA;AAErC,wBAAgB,kBAAkB,CAAC,WAAW,GAAE,eAAwB,qCAQnC,eAAe,WAMnD"}

package/dist/views/page-editor/theme-chrome/useThemeChromeMode.js

@@ -0,0 +1,17 @@
+'use client';
+import { useCallback, useEffect, useState } from 'react';
+import { readStoredChromeMode, writeStoredChromeMode, } from '../../../lib/theme-chrome.js';
+export function useThemeChromeMode(defaultMode = 'flow') {
+    const [mode, setModeState] = useState(defaultMode);
+    useEffect(() => {
+        const stored = readStoredChromeMode();
+        if (stored)
+            setModeState(stored);
+    }, []);
+    const setMode = useCallback((next) => {
+        setModeState(next);
+        writeStoredChromeMode(next);
+    }, []);
+    return [mode, setMode];
+}
+//# sourceMappingURL=useThemeChromeMode.js.map

package/dist/views/page-editor/theme-chrome/useThemeChromeMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeChromeMode.js","sourceRoot":"","sources":["../../../../src/views/page-editor/theme-chrome/useThemeChromeMode.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EACL,oBAAoB,EACpB,qBAAqB,GAEtB,MAAM,8BAA8B,CAAA;AAErC,MAAM,UAAU,kBAAkB,CAAC,cAA+B,MAAM;IACtE,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAkB,WAAW,CAAC,CAAA;IAEnE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,oBAAoB,EAAE,CAAA;QACrC,IAAI,MAAM;YAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IAClC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,IAAqB,EAAE,EAAE;QACpD,YAAY,CAAC,IAAI,CAAC,CAAA;QAClB,qBAAqB,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CAAC,IAAI,EAAE,OAAO,CAAU,CAAA;AACjC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prenta/admin",
-  "version": "1.9.2",
+  "version": "1.10.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -98,16 +98,16 @@
     "tailwindcss": "^4.0.0",
     "typescript": "^5.7.0",
     "vitest": "^4.1.0",
-    "@prenta/core": "5.0.2",
     "@prenta/component-blocks": "0.3.1",
+    "@prenta/core": "5.0.3",
     "@prenta/plugin-ai": "1.0.0",
     "@prenta/plugin-blocks": "0.2.0",
     "@prenta/plugin-commerce": "0.2.1",
     "@prenta/plugin-forms": "0.1.0",
-    "@prenta/plugin-navigation": "0.3.0",
     "@prenta/plugin-media": "0.2.0",
+    "@prenta/plugin-navigation": "0.3.0",
     "@prenta/plugin-seo": "0.1.2",
-    "@prenta/sections-react": "0.17.26"
+    "@prenta/sections-react": "0.17.27"
   },
   "scripts": {
     "build": "tsc --project tsconfig.json && npx @tailwindcss/cli -i src/styles/build-input.css -o dist/prenta-admin.css --minify",

package/src/AdminRoot.tsx

@@ -47,6 +47,8 @@ import {
   AdminSectionRenderersProvider,
   type AdminSectionRendererMap,
 } from './views/page-editor/sections/index.js'
+import { ThemeChromeProvider } from './views/page-editor/theme-chrome/index.js'
+import type { AdminThemeChrome } from './lib/theme-chrome.js'
 import { Trash } from './views/Trash.js'
 import { PagesListView } from './views/Pages/PagesListView.js'
 import { PageTagManager } from './views/Pages/PageTagManager.js'
@@ -131,6 +133,15 @@ export interface AdminRootProps {
    * the admin route, or the canvas renders correct markup unstyled.
    */
   sectionRenderers?: AdminSectionRendererMap
+  /**
+   * Site header/footer painted around page-editor bands. Client-safe React
+   * only — never put these components on `prenta.config.ts` (that file is
+   * server-loaded). Omit to keep today's sections-only canvas.
+   *
+   * Default mode is in-flow (real page scroll). Frame mode is an authoring
+   * toggle. View site remains the pixel-perfect and head-tag check.
+   */
+  themeChrome?: AdminThemeChrome
   /** Browser Sentry DSN for admin error reporting (e.g. `NEXT_PUBLIC_SENTRY_DSN`). */
   sentryDsn?: string
 }
@@ -855,7 +866,9 @@ export function AdminRoot(props: AdminRootProps) {
       <ThemeProvider defaultDarkMode={defaultDarkMode}>
         <LocaleProvider config={props.config}>
           <AdminSectionRenderersProvider value={props.sectionRenderers ?? EMPTY_RENDERERS}>
-            <AdminShell {...props} />
+            <ThemeChromeProvider value={props.themeChrome ?? null}>
+              <AdminShell {...props} />
+            </ThemeChromeProvider>
           </AdminSectionRenderersProvider>
         </LocaleProvider>
       </ThemeProvider>

package/src/__tests__/lib/theme-chrome.test.ts

@@ -0,0 +1,132 @@
+// @vitest-environment happy-dom
+import { describe, expect, it } from 'vitest'
+import { auditPage } from '@prenta/core/seo/page-audit'
+import {
+  chromeContainsH1,
+  closestAnchor,
+  isSameOriginPreviewSrc,
+  isThemeChromeEnabled,
+  resolveThemeChromeDir,
+  resolveThemeChromeLocale,
+  resolveThemeChromePath,
+  themeChromeEditPath,
+} from '../../lib/theme-chrome.js'
+
+describe('isThemeChromeEnabled', () => {
+  const spec = {}
+
+  it('is off when the AdminRoot prop is omitted', () => {
+    expect(isThemeChromeEnabled(null, undefined, 'pages')).toBe(false)
+  })
+
+  it('defaults to pages only', () => {
+    expect(isThemeChromeEnabled(spec, undefined, 'pages')).toBe(true)
+    expect(isThemeChromeEnabled(spec, undefined, 'posts')).toBe(false)
+  })
+
+  it('honours the config kill-switch', () => {
+    expect(isThemeChromeEnabled(spec, false, 'pages')).toBe(false)
+    expect(isThemeChromeEnabled(spec, { pages: false }, 'pages')).toBe(false)
+    expect(isThemeChromeEnabled({ surfaces: ['pages', 'posts'] }, { posts: false }, 'posts')).toBe(
+      false,
+    )
+  })
+})
+
+describe('isSameOriginPreviewSrc', () => {
+  it('accepts same-origin relative paths', () => {
+    expect(isSameOriginPreviewSrc('/preview/chrome/header')).toBe(true)
+  })
+
+  it('rejects protocol-relative and off-origin URLs', () => {
+    expect(isSameOriginPreviewSrc('//evil.example/x')).toBe(false)
+    expect(isSameOriginPreviewSrc('https://evil.example/header', 'https://cms.example')).toBe(false)
+    expect(isSameOriginPreviewSrc('javascript:alert(1)')).toBe(false)
+    expect(isSameOriginPreviewSrc('data:text/html,hi')).toBe(false)
+  })
+
+  it('accepts an absolute URL on the same origin', () => {
+    expect(
+      isSameOriginPreviewSrc('https://cms.example/preview/chrome/header', 'https://cms.example'),
+    ).toBe(true)
+  })
+})
+
+describe('theme chrome locale and path', () => {
+  it('prefers document locale, then active, then default', () => {
+    expect(
+      resolveThemeChromeLocale({
+        documentLocale: 'ar',
+        activeLocale: 'en',
+        defaultLocale: 'de',
+      }),
+    ).toBe('ar')
+    expect(resolveThemeChromeLocale({ activeLocale: 'fr', defaultLocale: 'en' })).toBe('fr')
+    expect(resolveThemeChromeLocale({})).toBe('en')
+  })
+
+  it('resolves dir from i18n locale list', () => {
+    expect(resolveThemeChromeDir('ar', [{ code: 'ar', dir: 'rtl' }])).toBe('rtl')
+    expect(resolveThemeChromeDir('en', [{ code: 'en' }])).toBe('ltr')
+  })
+
+  it('uses the public path, never an admin route', () => {
+    expect(resolveThemeChromePath('/about', 'about')).toBe('/about')
+    expect(resolveThemeChromePath('', 'home')).toBe('/')
+    expect(resolveThemeChromePath('contact')).toBe('/contact')
+    expect(resolveThemeChromePath('')).toBe('/')
+  })
+
+  it('maps edit targets to existing admin routes', () => {
+    expect(themeChromeEditPath('navigations')).toBe('/navigations')
+    expect(themeChromeEditPath('appearance')).toBe('/settings?tab=appearance')
+    expect(themeChromeEditPath('settings')).toBe('/settings?tab=general')
+  })
+})
+
+describe('chrome outline helpers', () => {
+  it('detects an h1 inside chrome', () => {
+    const root = document.createElement('div')
+    root.innerHTML = '<header><h1>Site</h1></header>'
+    expect(chromeContainsH1(root)).toBe(true)
+    root.innerHTML = '<header><p>Site</p></header>'
+    expect(chromeContainsH1(root)).toBe(false)
+  })
+
+  it('finds the closest anchor', () => {
+    const root = document.createElement('div')
+    root.innerHTML = '<a href="/about"><span>About</span></a>'
+    const span = root.querySelector('span')
+    expect(closestAnchor(span)?.getAttribute('href')).toBe('/about')
+    expect(closestAnchor(root)).toBeNull()
+  })
+})
+
+describe('page-audit stays body-only', () => {
+  it('does not pass brand-up-front just because a brand name exists', () => {
+    const result = auditPage({
+      sections: [
+        {
+          id: 's1',
+          sectionType: 'text',
+          name: 'Body',
+          visible: true,
+          content: { body: 'A long enough opening that still never names the company at all.' },
+          settings: {},
+        },
+      ],
+      seo: {
+        title: 'About',
+        description: 'About the firm',
+        slug: 'about',
+        keyword: '',
+        schema: 'WebPage',
+        robots: { index: true, snippet: true },
+      },
+      llmsTxt: true,
+      brand: 'Acme Legal',
+    })
+    const brand = result.geo.checks.find((c) => c.id === 'brand-up-front')
+    expect(brand?.outcome).toBe('fail')
+  })
+})

package/src/__tests__/views/editor-top-bar.render.test.tsx

@@ -241,4 +241,17 @@ describe('EditorTopBar history button', () => {
     expect(screen.getByRole('button', { name: 'Post settings' })).toBeTruthy()
     expect(screen.queryByRole('button', { name: 'Page settings' })).toBeNull()
   })
+
+  it('hides the Page / Frame toggle until theme chrome is on', () => {
+    render(<EditorTopBar {...baseProps} />)
+    expect(screen.queryByRole('group', { name: /Canvas layout/ })).toBeNull()
+  })
+
+  it('toggles Page and Frame when theme chrome is enabled', () => {
+    const onChromeMode = vi.fn()
+    render(<EditorTopBar {...baseProps} chromeMode="flow" onChromeMode={onChromeMode} />)
+    expect(screen.getByRole('button', { name: /^Page$/ }).getAttribute('aria-pressed')).toBe('true')
+    fireEvent.click(screen.getByRole('button', { name: /^Frame$/ }))
+    expect(onChromeMode).toHaveBeenCalledWith('frame')
+  })
 })