@actuate-media/cms-admin 0.72.2 → 0.73.0

package/dist/components/ui/Modal.d.ts

@@ -1,10 +1,19 @@
 import { type ReactNode, type RefObject } from 'react';
+declare const MODAL_SIZE_CLASS: {
+    readonly md: "max-w-lg";
+    readonly lg: "max-w-3xl";
+    /** Wide form dialogs (post/page field editors) — body scrolls inside the shell. */
+    readonly xl: "flex max-h-[min(92vh,880px)] max-w-5xl flex-col";
+};
+export type ModalSize = keyof typeof MODAL_SIZE_CLASS;
 export interface ModalProps {
     open: boolean;
     onClose: () => void;
     title: string;
     children: ReactNode;
     actions?: ReactNode;
+    /** Dialog width preset. Defaults to `md` (512px). */
+    size?: ModalSize;
     /**
      * Accessible description for the dialog, announced after the title. Optional —
      * omit when the body content is self-explanatory.
@@ -16,6 +25,12 @@ export interface ModalProps {
      * form dialogs where the user should land in the first input.
      */
     initialFocusRef?: RefObject<HTMLElement | null>;
+    /**
+     * When set, overlay click, Escape, and the header X invoke this instead of
+     * closing immediately — use to confirm before discarding unsaved edits.
+     * The dialog stays open until the parent calls `onClose()`.
+     */
+    onDismiss?: () => void;
 }
 /**
  * The canonical admin modal. Built on Radix `Dialog`, which provides the
@@ -28,5 +43,6 @@ export interface ModalProps {
  * dialog inherits theme tokens and dark mode instead of rendering unstyled on
  * `document.body`.
  */
-export declare function Modal({ open, onClose, title, children, actions, description, initialFocusRef, }: ModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function Modal({ open, onClose, title, children, actions, size, description, initialFocusRef, onDismiss, }: ModalProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=Modal.d.ts.map

package/dist/components/ui/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Modal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtD,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAChD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,EACX,eAAe,GAChB,EAAE,UAAU,2CA2CZ"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Modal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtD,QAAA,MAAM,gBAAgB;;;IAGpB,mFAAmF;;CAE3E,CAAA;AAEV,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,gBAAgB,CAAA;AAErD,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,qDAAqD;IACrD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAC/C;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAW,EACX,WAAW,EACX,eAAe,EACf,SAAS,GACV,EAAE,UAAU,2CAmEZ"}

package/dist/components/ui/Modal.js

@@ -3,6 +3,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as Dialog from '@radix-ui/react-dialog';
 import { X } from 'lucide-react';
 import { adminPortalContainer } from '../../lib/portal-container.js';
+const MODAL_SIZE_CLASS = {
+    md: 'max-w-lg',
+    lg: 'max-w-3xl',
+    /** Wide form dialogs (post/page field editors) — body scrolls inside the shell. */
+    xl: 'flex max-h-[min(92vh,880px)] max-w-5xl flex-col',
+};
 /**
  * The canonical admin modal. Built on Radix `Dialog`, which provides the
  * accessibility contract for free: focus is trapped while open and restored to
@@ -14,14 +20,34 @@ import { adminPortalContainer } from '../../lib/portal-container.js';
  * dialog inherits theme tokens and dark mode instead of rendering unstyled on
  * `document.body`.
  */
-export function Modal({ open, onClose, title, children, actions, description, initialFocusRef, }) {
-    return (_jsx(Dialog.Root, { open: open, onOpenChange: (next) => !next && onClose(), children: _jsxs(Dialog.Portal, { container: adminPortalContainer(), children: [_jsx(Dialog.Overlay, { className: "fixed inset-0 z-60 bg-black/50" }), _jsxs(Dialog.Content, { className: "bg-card text-card-foreground border-border fixed top-1/2 left-1/2 z-60 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 rounded-lg border shadow-xl focus:outline-none", onOpenAutoFocus: initialFocusRef
+export function Modal({ open, onClose, title, children, actions, size = 'md', description, initialFocusRef, onDismiss, }) {
+    const scrollBody = size === 'xl';
+    function handleDismissAttempt() {
+        if (onDismiss)
+            onDismiss();
+        else
+            onClose();
+    }
+    return (_jsx(Dialog.Root, { open: open, onOpenChange: (next) => {
+            if (!next)
+                handleDismissAttempt();
+        }, children: _jsxs(Dialog.Portal, { container: adminPortalContainer(), children: [_jsx(Dialog.Overlay, { className: "fixed inset-0 z-60 bg-black/50" }), _jsxs(Dialog.Content, { className: `bg-card text-card-foreground border-border fixed top-1/2 left-1/2 z-60 w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 rounded-lg border shadow-xl focus:outline-none ${MODAL_SIZE_CLASS[size]}`, onInteractOutside: (event) => {
+                        if (!onDismiss)
+                            return;
+                        event.preventDefault();
+                        handleDismissAttempt();
+                    }, onEscapeKeyDown: (event) => {
+                        if (!onDismiss)
+                            return;
+                        event.preventDefault();
+                        handleDismissAttempt();
+                    }, onOpenAutoFocus: initialFocusRef
                         ? (event) => {
                             if (initialFocusRef.current) {
                                 event.preventDefault();
                                 initialFocusRef.current.focus();
                             }
                         }
-                        : undefined, children: [_jsxs("div", { className: "border-border flex items-center justify-between border-b px-6 py-4", children: [_jsx(Dialog.Title, { className: "text-foreground text-lg font-medium", children: title }), _jsx(Dialog.Close, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "Close dialog", className: "text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:ring-ring rounded-md p-1 transition-colors focus-visible:ring-2 focus-visible:outline-none", children: _jsx(X, { className: "h-4 w-4", "aria-hidden": true }) }) })] }), description && (_jsx(Dialog.Description, { className: "text-muted-foreground px-6 pt-4 text-sm", children: description })), _jsx("div", { className: "px-6 py-4", children: children }), actions && (_jsx("div", { className: "border-border flex justify-end gap-2 border-t px-6 py-4", children: actions }))] })] }) }));
+                        : undefined, children: [_jsxs("div", { className: "border-border flex items-center justify-between border-b px-6 py-4", children: [_jsx(Dialog.Title, { className: "text-foreground text-lg font-medium", children: title }), _jsx(Dialog.Close, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "Close dialog", className: "text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:ring-ring rounded-md p-1 transition-colors focus-visible:ring-2 focus-visible:outline-none", children: _jsx(X, { className: "h-4 w-4", "aria-hidden": true }) }) })] }), description && (_jsx(Dialog.Description, { className: "text-muted-foreground px-6 pt-4 text-sm", children: description })), _jsx("div", { className: scrollBody ? 'min-h-0 flex-1 overflow-y-auto px-6 py-4' : 'px-6 py-4', children: children }), actions && (_jsx("div", { className: "border-border flex justify-end gap-2 border-t px-6 py-4", children: actions }))] })] }) }));
 }
 //# sourceMappingURL=Modal.js.map

package/dist/components/ui/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/ui/Modal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAA;AAChD,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAA;AAEhC,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AAqBpE;;;;;;;;;;GAUG;AACH,MAAM,UAAU,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,EACX,eAAe,GACJ;IACX,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,OAAO,EAAE,YACjE,MAAC,MAAM,CAAC,MAAM,IAAC,SAAS,EAAE,oBAAoB,EAAE,aAC9C,KAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,gCAAgC,GAAG,EAC7D,MAAC,MAAM,CAAC,OAAO,IACb,SAAS,EAAC,yKAAyK,EACnL,eAAe,EACb,eAAe;wBACb,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;4BACR,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;gCAC5B,KAAK,CAAC,cAAc,EAAE,CAAA;gCACtB,eAAe,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;4BACjC,CAAC;wBACH,CAAC;wBACH,CAAC,CAAC,SAAS,aAGf,eAAK,SAAS,EAAC,oEAAoE,aACjF,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,qCAAqC,YAAE,KAAK,GAAgB,EACpF,KAAC,MAAM,CAAC,KAAK,IAAC,OAAO,kBACnB,iBACE,IAAI,EAAC,QAAQ,gBACF,cAAc,EACzB,SAAS,EAAC,sKAAsK,YAEhL,KAAC,CAAC,IAAC,SAAS,EAAC,SAAS,wBAAe,GAC9B,GACI,IACX,EACL,WAAW,IAAI,CACd,KAAC,MAAM,CAAC,WAAW,IAAC,SAAS,EAAC,yCAAyC,YACpE,WAAW,GACO,CACtB,EACD,cAAK,SAAS,EAAC,WAAW,YAAE,QAAQ,GAAO,EAC1C,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,yDAAyD,YAAE,OAAO,GAAO,CACzF,IACc,IACH,GACJ,CACf,CAAA;AACH,CAAC"}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/ui/Modal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAA;AAChD,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAA;AAEhC,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AAEpE,MAAM,gBAAgB,GAAG;IACvB,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,WAAW;IACf,mFAAmF;IACnF,EAAE,EAAE,iDAAiD;CAC7C,CAAA;AA+BV;;;;;;;;;;GAUG;AACH,MAAM,UAAU,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,GAAG,IAAI,EACX,WAAW,EACX,eAAe,EACf,SAAS,GACE;IACX,MAAM,UAAU,GAAG,IAAI,KAAK,IAAI,CAAA;IAEhC,SAAS,oBAAoB;QAC3B,IAAI,SAAS;YAAE,SAAS,EAAE,CAAA;;YACrB,OAAO,EAAE,CAAA;IAChB,CAAC;IAED,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,IACV,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,IAAI,CAAC,IAAI;gBAAE,oBAAoB,EAAE,CAAA;QACnC,CAAC,YAED,MAAC,MAAM,CAAC,MAAM,IAAC,SAAS,EAAE,oBAAoB,EAAE,aAC9C,KAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,gCAAgC,GAAG,EAC7D,MAAC,MAAM,CAAC,OAAO,IACb,SAAS,EAAE,+KAA+K,gBAAgB,CAAC,IAAI,CAAC,EAAE,EAClN,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE;wBAC3B,IAAI,CAAC,SAAS;4BAAE,OAAM;wBACtB,KAAK,CAAC,cAAc,EAAE,CAAA;wBACtB,oBAAoB,EAAE,CAAA;oBACxB,CAAC,EACD,eAAe,EAAE,CAAC,KAAK,EAAE,EAAE;wBACzB,IAAI,CAAC,SAAS;4BAAE,OAAM;wBACtB,KAAK,CAAC,cAAc,EAAE,CAAA;wBACtB,oBAAoB,EAAE,CAAA;oBACxB,CAAC,EACD,eAAe,EACb,eAAe;wBACb,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;4BACR,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;gCAC5B,KAAK,CAAC,cAAc,EAAE,CAAA;gCACtB,eAAe,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;4BACjC,CAAC;wBACH,CAAC;wBACH,CAAC,CAAC,SAAS,aAGf,eAAK,SAAS,EAAC,oEAAoE,aACjF,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,qCAAqC,YAAE,KAAK,GAAgB,EACpF,KAAC,MAAM,CAAC,KAAK,IAAC,OAAO,kBACnB,iBACE,IAAI,EAAC,QAAQ,gBACF,cAAc,EACzB,SAAS,EAAC,sKAAsK,YAEhL,KAAC,CAAC,IAAC,SAAS,EAAC,SAAS,wBAAe,GAC9B,GACI,IACX,EACL,WAAW,IAAI,CACd,KAAC,MAAM,CAAC,WAAW,IAAC,SAAS,EAAC,yCAAyC,YACpE,WAAW,GACO,CACtB,EACD,cAAK,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,CAAC,WAAW,YAClF,QAAQ,GACL,EACL,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,yDAAyD,YAAE,OAAO,GAAO,CACzF,IACc,IACH,GACJ,CACf,CAAA;AACH,CAAC"}

package/dist/components/ui/ResizableAside.d.ts

@@ -0,0 +1,38 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+export declare const SECTION_INSPECTOR_WIDTH_KEY = "actuate:section-inspector-width";
+export declare const SECTION_INSPECTOR_DEFAULT_WIDTH = 320;
+export declare const SECTION_INSPECTOR_MIN_WIDTH = 280;
+export declare const SECTION_INSPECTOR_MAX_WIDTH = 640;
+export declare const SECTION_INSPECTOR_MIN_CANVAS_WIDTH = 96;
+/** Below this editor-row width the expand action uses an overlay panel. */
+export declare const SECTION_INSPECTOR_OVERLAY_BREAKPOINT = 768;
+export declare const SECTION_INSPECTOR_OVERLAY_MAX_WIDTH = 480;
+/** Max inline width given the surrounding editor row. */
+export declare function computeInspectorMaxWidth(containerWidth: number): number;
+/** Width when expanded as an overlay on tablet/mobile. */
+export declare function computeInspectorOverlayWidth(containerWidth: number): number;
+export declare function readSectionInspectorWidth(): number;
+interface InspectorResizeContextValue {
+    width: number;
+    maxWidth: number;
+    isExpanded: boolean;
+    canExpand: boolean;
+    toggleExpanded: () => void;
+}
+export declare function useInspectorResize(): InspectorResizeContextValue | null;
+interface ResizableAsideProps extends ComponentPropsWithoutRef<'aside'> {
+    children: ReactNode;
+}
+/**
+ * Right-hand editor shell with a draggable left edge. Used by the page/post
+ * section inspector and post header panel (default 320px, persisted in
+ * localStorage). On tablet/mobile the handle uses a 44px touch target and
+ * the header expand button can grow the panel to an overlay width.
+ */
+export declare function ResizableAside({ children, className, style, ...props }: ResizableAsideProps): import("react/jsx-runtime").JSX.Element;
+/** One-tap expand/collapse for tablet and mobile inspector panels. */
+export declare function InspectorExpandButton({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=ResizableAside.d.ts.map

package/dist/components/ui/ResizableAside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizableAside.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ResizableAside.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,wBAAwB,EAG7B,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAGd,eAAO,MAAM,2BAA2B,oCAAoC,CAAA;AAC5E,eAAO,MAAM,+BAA+B,MAAM,CAAA;AAClD,eAAO,MAAM,2BAA2B,MAAM,CAAA;AAC9C,eAAO,MAAM,2BAA2B,MAAM,CAAA;AAC9C,eAAO,MAAM,kCAAkC,KAAK,CAAA;AACpD,2EAA2E;AAC3E,eAAO,MAAM,oCAAoC,MAAM,CAAA;AACvD,eAAO,MAAM,mCAAmC,MAAM,CAAA;AAMtD,yDAAyD;AACzD,wBAAgB,wBAAwB,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CASvE;AAED,0DAA0D;AAC1D,wBAAgB,4BAA4B,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAQ3E;AAED,wBAAgB,yBAAyB,IAAI,MAAM,CAWlD;AAUD,UAAU,2BAA2B;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,cAAc,EAAE,MAAM,IAAI,CAAA;CAC3B;AAID,wBAAgB,kBAAkB,IAAI,2BAA2B,GAAG,IAAI,CAEvE;AAED,UAAU,mBAAoB,SAAQ,wBAAwB,CAAC,OAAO,CAAC;IACrE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CA+L3F;AAKD,sEAAsE;AACtE,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,kDAsB1E"}

package/dist/components/ui/ResizableAside.js

@@ -0,0 +1,209 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useRef, useState, } from 'react';
+import { Maximize2, Minimize2 } from 'lucide-react';
+export const SECTION_INSPECTOR_WIDTH_KEY = 'actuate:section-inspector-width';
+export const SECTION_INSPECTOR_DEFAULT_WIDTH = 320;
+export const SECTION_INSPECTOR_MIN_WIDTH = 280;
+export const SECTION_INSPECTOR_MAX_WIDTH = 640;
+export const SECTION_INSPECTOR_MIN_CANVAS_WIDTH = 96;
+/** Below this editor-row width the expand action uses an overlay panel. */
+export const SECTION_INSPECTOR_OVERLAY_BREAKPOINT = 768;
+export const SECTION_INSPECTOR_OVERLAY_MAX_WIDTH = 480;
+function clampWidth(width, max = SECTION_INSPECTOR_MAX_WIDTH) {
+    return Math.min(max, Math.max(SECTION_INSPECTOR_MIN_WIDTH, width));
+}
+/** Max inline width given the surrounding editor row. */
+export function computeInspectorMaxWidth(containerWidth) {
+    if (!Number.isFinite(containerWidth) || containerWidth <= 0) {
+        return SECTION_INSPECTOR_MAX_WIDTH;
+    }
+    const containerCap = Math.max(SECTION_INSPECTOR_MIN_WIDTH, containerWidth - SECTION_INSPECTOR_MIN_CANVAS_WIDTH);
+    return Math.min(SECTION_INSPECTOR_MAX_WIDTH, containerCap);
+}
+/** Width when expanded as an overlay on tablet/mobile. */
+export function computeInspectorOverlayWidth(containerWidth) {
+    if (!Number.isFinite(containerWidth) || containerWidth <= 0) {
+        return SECTION_INSPECTOR_OVERLAY_MAX_WIDTH;
+    }
+    return Math.min(SECTION_INSPECTOR_OVERLAY_MAX_WIDTH, Math.max(SECTION_INSPECTOR_MIN_WIDTH, containerWidth - 32));
+}
+export function readSectionInspectorWidth() {
+    if (typeof window === 'undefined')
+        return SECTION_INSPECTOR_DEFAULT_WIDTH;
+    try {
+        const raw = localStorage.getItem(SECTION_INSPECTOR_WIDTH_KEY);
+        if (!raw)
+            return SECTION_INSPECTOR_DEFAULT_WIDTH;
+        const parsed = Number.parseInt(raw, 10);
+        if (!Number.isFinite(parsed))
+            return SECTION_INSPECTOR_DEFAULT_WIDTH;
+        return clampWidth(parsed);
+    }
+    catch {
+        return SECTION_INSPECTOR_DEFAULT_WIDTH;
+    }
+}
+function persistSectionInspectorWidth(width, max = SECTION_INSPECTOR_MAX_WIDTH) {
+    try {
+        localStorage.setItem(SECTION_INSPECTOR_WIDTH_KEY, String(clampWidth(width, max)));
+    }
+    catch {
+        // Storage may be unavailable in private mode.
+    }
+}
+const InspectorResizeContext = createContext(null);
+export function useInspectorResize() {
+    return useContext(InspectorResizeContext);
+}
+/**
+ * Right-hand editor shell with a draggable left edge. Used by the page/post
+ * section inspector and post header panel (default 320px, persisted in
+ * localStorage). On tablet/mobile the handle uses a 44px touch target and
+ * the header expand button can grow the panel to an overlay width.
+ */
+export function ResizableAside({ children, className, style, ...props }) {
+    const asideRef = useRef(null);
+    const [width, setWidth] = useState(SECTION_INSPECTOR_DEFAULT_WIDTH);
+    const [containerWidth, setContainerWidth] = useState(0);
+    const [isExpanded, setIsExpanded] = useState(false);
+    const [dragging, setDragging] = useState(false);
+    const widthRef = useRef(width);
+    const compactWidthRef = useRef(SECTION_INSPECTOR_DEFAULT_WIDTH);
+    const dragRef = useRef(null);
+    const inlineMax = computeInspectorMaxWidth(containerWidth);
+    const overlayMax = computeInspectorOverlayWidth(containerWidth);
+    const useOverlay = containerWidth > 0 && containerWidth < SECTION_INSPECTOR_OVERLAY_BREAKPOINT && isExpanded;
+    const effectiveMax = useOverlay ? overlayMax : inlineMax;
+    useEffect(() => {
+        setWidth(readSectionInspectorWidth());
+    }, []);
+    useEffect(() => {
+        widthRef.current = width;
+    }, [width]);
+    useEffect(() => {
+        const parent = asideRef.current?.parentElement;
+        if (!parent)
+            return;
+        const update = (nextWidth) => {
+            setContainerWidth(nextWidth);
+        };
+        update(parent.getBoundingClientRect().width);
+        const observer = new ResizeObserver((entries) => {
+            const entry = entries[0];
+            if (!entry)
+                return;
+            update(entry.contentRect.width);
+        });
+        observer.observe(parent);
+        return () => observer.disconnect();
+    }, []);
+    useEffect(() => {
+        setWidth((current) => clampWidth(current, effectiveMax));
+    }, [effectiveMax]);
+    const endDrag = useCallback(() => {
+        dragRef.current = null;
+        setDragging(false);
+        document.body.style.cursor = '';
+        document.body.style.userSelect = '';
+        persistSectionInspectorWidth(widthRef.current, inlineMax);
+        if (widthRef.current < effectiveMax - 24) {
+            setIsExpanded(false);
+        }
+    }, [effectiveMax, inlineMax]);
+    const onPointerDown = useCallback((event) => {
+        if (event.button !== 0)
+            return;
+        dragRef.current = { startX: event.clientX, startWidth: widthRef.current };
+        setDragging(true);
+        event.currentTarget.setPointerCapture(event.pointerId);
+        document.body.style.cursor = 'col-resize';
+        document.body.style.userSelect = 'none';
+    }, []);
+    const onPointerMove = useCallback((event) => {
+        if (!dragRef.current)
+            return;
+        const delta = dragRef.current.startX - event.clientX;
+        setWidth(clampWidth(dragRef.current.startWidth + delta, effectiveMax));
+    }, [effectiveMax]);
+    const onPointerUp = useCallback((event) => {
+        if (!dragRef.current)
+            return;
+        if (event.currentTarget.hasPointerCapture(event.pointerId)) {
+            event.currentTarget.releasePointerCapture(event.pointerId);
+        }
+        endDrag();
+    }, [endDrag]);
+    const nudgeWidth = useCallback((delta) => {
+        setWidth((current) => {
+            const next = clampWidth(current + delta, effectiveMax);
+            persistSectionInspectorWidth(next, inlineMax);
+            if (next < effectiveMax - 24)
+                setIsExpanded(false);
+            return next;
+        });
+    }, [effectiveMax, inlineMax]);
+    const onKeyDown = useCallback((event) => {
+        if (event.key === 'ArrowLeft') {
+            event.preventDefault();
+            nudgeWidth(16);
+        }
+        else if (event.key === 'ArrowRight') {
+            event.preventDefault();
+            nudgeWidth(-16);
+        }
+        else if (event.key === 'Home') {
+            event.preventDefault();
+            setIsExpanded(false);
+            setWidth(SECTION_INSPECTOR_MIN_WIDTH);
+            persistSectionInspectorWidth(SECTION_INSPECTOR_MIN_WIDTH, inlineMax);
+        }
+        else if (event.key === 'End') {
+            event.preventDefault();
+            setWidth(effectiveMax);
+            persistSectionInspectorWidth(effectiveMax, inlineMax);
+            setIsExpanded(effectiveMax >= inlineMax - 8);
+        }
+    }, [effectiveMax, inlineMax, nudgeWidth]);
+    const toggleExpanded = useCallback(() => {
+        if (isExpanded) {
+            const restored = clampWidth(compactWidthRef.current, inlineMax);
+            setIsExpanded(false);
+            setWidth(restored);
+            persistSectionInspectorWidth(restored, inlineMax);
+            return;
+        }
+        compactWidthRef.current = widthRef.current;
+        const target = containerWidth > 0 && containerWidth < SECTION_INSPECTOR_OVERLAY_BREAKPOINT
+            ? overlayMax
+            : inlineMax;
+        setIsExpanded(true);
+        setWidth(target);
+        persistSectionInspectorWidth(target, inlineMax);
+    }, [containerWidth, inlineMax, isExpanded, overlayMax]);
+    useEffect(() => {
+        return () => {
+            if (dragRef.current)
+                endDrag();
+        };
+    }, [endDrag]);
+    const canExpand = !isExpanded &&
+        (containerWidth > 0 && containerWidth < SECTION_INSPECTOR_OVERLAY_BREAKPOINT
+            ? overlayMax > width + 8
+            : inlineMax > width + 8);
+    return (_jsx(InspectorResizeContext.Provider, { value: { width, maxWidth: effectiveMax, isExpanded, canExpand, toggleExpanded }, children: _jsxs("aside", { ...props, ref: asideRef, "data-overlay": useOverlay ? '' : undefined, className: `relative shrink-0 ${useOverlay ? 'absolute top-0 right-0 bottom-0 z-20 shadow-lg' : ''} ${className ?? ''}`, style: { width, ...style }, children: [_jsx("div", { role: "separator", "aria-orientation": "vertical", "aria-label": "Resize inspector panel", "aria-valuemin": SECTION_INSPECTOR_MIN_WIDTH, "aria-valuemax": effectiveMax, "aria-valuenow": width, tabIndex: 0, "data-dragging": dragging ? '' : undefined, onPointerDown: onPointerDown, onPointerMove: onPointerMove, onPointerUp: onPointerUp, onPointerCancel: onPointerUp, onKeyDown: onKeyDown, className: "group absolute inset-y-0 -left-5 z-10 flex w-11 -translate-x-1/2 cursor-col-resize touch-none focus-visible:outline-none md:-left-1 md:w-3 md:translate-x-0", children: _jsx("div", { className: `mx-auto h-full w-px motion-safe:transition-colors md:mx-0 ${dragging
+                            ? 'bg-primary'
+                            : 'bg-border group-hover:bg-primary/50 group-focus-visible:bg-primary/50'}` }) }), children] }) }));
+}
+const EXPAND_BUTTON_CLASS = 'text-muted-foreground hover:text-foreground hover:bg-accent flex h-9 w-9 items-center justify-center rounded-md transition-colors focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none md:h-7 md:w-7';
+/** One-tap expand/collapse for tablet and mobile inspector panels. */
+export function InspectorExpandButton({ className }) {
+    const ctx = useInspectorResize();
+    if (!ctx)
+        return null;
+    const { isExpanded, canExpand, toggleExpanded } = ctx;
+    if (!canExpand && !isExpanded)
+        return null;
+    return (_jsx("button", { type: "button", onClick: toggleExpanded, "aria-label": isExpanded ? 'Collapse inspector panel' : 'Expand inspector panel', "aria-pressed": isExpanded, className: className ?? EXPAND_BUTTON_CLASS, children: isExpanded ? (_jsx(Minimize2, { className: "h-4 w-4", "aria-hidden": true })) : (_jsx(Maximize2, { className: "h-4 w-4", "aria-hidden": true })) }));
+}
+//# sourceMappingURL=ResizableAside.js.map

package/dist/components/ui/ResizableAside.js.map

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

package/dist/components/ui/Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Toggle.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAEvD,QAAA,MAAM,WAAW;;;;;;yBAoBhB,CAAA;AAED,QAAA,MAAM,WAAW;;;;;yBAYhB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAA;AAE7D,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,eAAe,EACf,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,EAAE,EACF,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,GACpC,EAAE,WAAW,2CAeb;AAED,OAAO,EAAE,WAAW,IAAI,mBAAmB,EAAE,WAAW,IAAI,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Toggle.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAEvD,QAAA,MAAM,WAAW;;;;;;yBAoBhB,CAAA;AAED,QAAA,MAAM,WAAW;;;;;yBAahB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAA;AAE7D,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,eAAe,EACf,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,EAAE,EACF,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,GACpC,EAAE,WAAW,2CAeb;AAED,OAAO,EAAE,WAAW,IAAI,mBAAmB,EAAE,WAAW,IAAI,mBAAmB,EAAE,CAAA"}

package/dist/components/ui/Toggle.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as Switch from '@radix-ui/react-switch';
 import { cv } from '../../lib/cv.js';
-const toggleTrack = cv('relative inline-flex shrink-0 cursor-pointer rounded-[var(--r-pill)] transition-colors duration-[var(--motion-base)] focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50', {
+const toggleTrack = cv('relative inline-block shrink-0 cursor-pointer rounded-[var(--r-pill)] border-0 p-0 transition-colors duration-[var(--motion-base)] focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50', {
     variants: {
         variant: {
             /** Design system default — accent when on. */
@@ -20,10 +20,11 @@ const toggleTrack = cv('relative inline-flex shrink-0 cursor-pointer rounded-[va
         size: 'md',
     },
 });
-const toggleThumb = cv('pointer-events-none block rounded-full bg-[var(--toggle-thumb)] shadow-[0_1px_3px_rgba(0,0,0,0.2)] transition-transform duration-[var(--motion-base)]', {
+const toggleThumb = cv('pointer-events-none absolute top-[2.5px] left-[2.5px] block rounded-full bg-[var(--toggle-thumb)] shadow-[0_1px_3px_rgba(0,0,0,0.2)] transition-[left] duration-[var(--motion-base)] data-[state=checked]:left-[19.5px]', {
     variants: {
         size: {
-            md: 'h-4 w-4 translate-x-0.5 data-[state=checked]:translate-x-[17.5px]',
+            /** Matches `.tog-thumb` in the design system handoff (16×16). */
+            md: 'h-4 w-4',
         },
     },
     defaultVariants: {

package/dist/components/ui/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/ui/Toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAA;AAChD,OAAO,EAAE,EAAE,EAAqB,MAAM,iBAAiB,CAAA;AAEvD,MAAM,WAAW,GAAG,EAAE,CACpB,uPAAuP,EACvP;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,8CAA8C;YAC9C,MAAM,EAAE,sDAAsD;YAC9D,6EAA6E;YAC7E,OAAO,EAAE,sDAAsD;SAChE;QACD,IAAI,EAAE;YACJ,iEAAiE;YACjE,EAAE,EAAE,mBAAmB;SACxB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,QAAQ;QACjB,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAA;AAED,MAAM,WAAW,GAAG,EAAE,CACpB,uJAAuJ,EACvJ;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,mEAAmE;SACxE;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAA;AAcD;;;GAGG;AACH,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,EACP,eAAe,EACf,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,EAAE,EACF,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,GACvB;IACZ,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,IACV,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,gBACN,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,YAEzC,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAE,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC,GAAI,GACtC,CACf,CAAA;AACH,CAAC;AAED,OAAO,EAAE,WAAW,IAAI,mBAAmB,EAAE,WAAW,IAAI,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/ui/Toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAA;AAChD,OAAO,EAAE,EAAE,EAAqB,MAAM,iBAAiB,CAAA;AAEvD,MAAM,WAAW,GAAG,EAAE,CACpB,qQAAqQ,EACrQ;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,8CAA8C;YAC9C,MAAM,EAAE,sDAAsD;YAC9D,6EAA6E;YAC7E,OAAO,EAAE,sDAAsD;SAChE;QACD,IAAI,EAAE;YACJ,iEAAiE;YACjE,EAAE,EAAE,mBAAmB;SACxB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,QAAQ;QACjB,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAA;AAED,MAAM,WAAW,GAAG,EAAE,CACpB,yNAAyN,EACzN;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,iEAAiE;YACjE,EAAE,EAAE,SAAS;SACd;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAA;AAcD;;;GAGG;AACH,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,EACP,eAAe,EACf,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,EAAE,EACF,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,GACvB;IACZ,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,IACV,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,gBACN,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,YAEzC,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAE,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC,GAAI,GACtC,CACf,CAAA;AACH,CAAC;AAED,OAAO,EAAE,WAAW,IAAI,mBAAmB,EAAE,WAAW,IAAI,mBAAmB,EAAE,CAAA"}

package/dist/fields/RichTextField.d.ts

@@ -4,6 +4,8 @@ export interface RichTextFieldProps {
     onChange: (value: string) => void;
     required?: boolean;
     helpText?: string;
+    /** Passed through to the underlying editor shell (e.g. max-height). */
+    className?: string;
 }
-export declare function RichTextField({ label, value, onChange, required, helpText, }: RichTextFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function RichTextField({ label, value, onChange, required, helpText, className, }: RichTextFieldProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=RichTextField.d.ts.map

package/dist/fields/RichTextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextField.d.ts","sourceRoot":"","sources":["../../src/fields/RichTextField.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAU,EACV,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,2CAWpB"}
+{"version":3,"file":"RichTextField.d.ts","sourceRoot":"","sources":["../../src/fields/RichTextField.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAU,EACV,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,kBAAkB,2CAWpB"}

package/dist/fields/RichTextField.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TipTapEditor } from '../components/TipTapEditor.js';
-export function RichTextField({ label, value = '', onChange, required, helpText, }) {
-    return (_jsxs("div", { children: [_jsxs("label", { className: "mb-1 block text-sm font-medium", children: [label, required && _jsx("span", { className: "ml-0.5 text-[var(--destructive)]", children: "*" })] }), _jsx(TipTapEditor, { content: value, onChange: onChange }), helpText && _jsx("p", { className: "mt-1 text-xs text-[var(--muted-foreground)]", children: helpText })] }));
+export function RichTextField({ label, value = '', onChange, required, helpText, className, }) {
+    return (_jsxs("div", { children: [_jsxs("label", { className: "mb-1 block text-sm font-medium", children: [label, required && _jsx("span", { className: "ml-0.5 text-[var(--destructive)]", children: "*" })] }), _jsx(TipTapEditor, { content: value, onChange: onChange, className: className }), helpText && _jsx("p", { className: "mt-1 text-xs text-[var(--muted-foreground)]", children: helpText })] }));
 }
 //# sourceMappingURL=RichTextField.js.map

package/dist/fields/RichTextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextField.js","sourceRoot":"","sources":["../../src/fields/RichTextField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAU5D,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,QAAQ,EACR,QAAQ,GACW;IACnB,OAAO,CACL,0BACE,iBAAO,SAAS,EAAC,gCAAgC,aAC9C,KAAK,EACL,QAAQ,IAAI,eAAM,SAAS,EAAC,kCAAkC,kBAAS,IAClE,EACR,KAAC,YAAY,IAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,EACnD,QAAQ,IAAI,YAAG,SAAS,EAAC,6CAA6C,YAAE,QAAQ,GAAK,IAClF,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"RichTextField.js","sourceRoot":"","sources":["../../src/fields/RichTextField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAY5D,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACU;IACnB,OAAO,CACL,0BACE,iBAAO,SAAS,EAAC,gCAAgC,aAC9C,KAAK,EACL,QAAQ,IAAI,eAAM,SAAS,EAAC,kCAAkC,kBAAS,IAClE,EACR,KAAC,YAAY,IAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAI,EACzE,QAAQ,IAAI,YAAG,SAAS,EAAC,6CAA6C,YAAE,QAAQ,GAAK,IAClF,CACP,CAAA;AACH,CAAC"}

package/dist/views/Dashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../src/views/Dashboard.tsx"],"names":[],"mappings":"AAsGA,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC;AAgHD,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,cAAc,2CA8sBxE"}
+{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../src/views/Dashboard.tsx"],"names":[],"mappings":"AAsGA,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC;AAgHD,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,cAAc,2CA+sBxE"}

package/dist/views/Dashboard.js

@@ -401,7 +401,7 @@ export function Dashboard({ config, session, onNavigate }) {
                                         : `Some CMS models are missing: ${Object.entries(health.models)
                                             .filter(([, v]) => !v)
                                             .map(([k]) => k)
-                                            .join(', ')}. Run your database migrations.` })] })] })), error && exhausted && (_jsxs("div", { className: "border-warning/30 bg-warning/10 flex items-center gap-3 rounded-lg border p-3", children: [_jsx(AlertTriangle, { className: "text-warning h-5 w-5 shrink-0" }), _jsx("span", { className: "text-warning flex-1 text-sm", children: "Some dashboard data may be unavailable." }), _jsx("button", { onClick: refetch, className: "border-warning/40 text-warning hover:bg-warning/10 rounded-lg border px-3 py-1 text-sm transition-colors", children: "Retry" })] })), _jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { className: "flex flex-col gap-1 sm:gap-0.5", children: [_jsxs("h1", { className: "text-foreground", children: [greeting, ", ", userName, " ", _jsx("span", { "aria-hidden": true, children: "\uD83D\uDC4B" })] }), _jsxs("p", { className: "text-muted-foreground text-sm", children: [dateStr, totalIssues > 0 && (_jsxs("span", { className: "hidden sm:inline", children: [' · ', totalIssues, " content item", totalIssues === 1 ? '' : 's', " need attention"] }))] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("button", { type: "button", onClick: () => nav(heroNewPostPath), className: "bg-primary text-primary-foreground hover:bg-primary/90 focus-visible:ring-ring inline-flex items-center gap-1.5 rounded-lg px-3.5 py-1.5 text-sm font-medium shadow-sm transition-colors focus:outline-none focus-visible:ring-2", children: [_jsx(Plus, { className: "h-3.5 w-3.5", "aria-hidden": true }), "New Post"] }), siteUrl ? (_jsxs("a", { href: siteUrl, target: "_blank", rel: "noopener noreferrer", className: "border-border bg-card text-foreground hover:bg-accent inline-flex items-center gap-1.5 rounded-lg border px-3 py-1.5 text-sm font-medium transition-colors", children: [_jsx(ExternalLink, { className: "h-3.5 w-3.5", "aria-hidden": true }), "View Site"] })) : null] })] }), _jsx("div", { className: "-mx-1 flex gap-2 overflow-x-auto px-1 pb-1 [scrollbar-width:thin]", children: quickActions.map((a) => (_jsxs("button", { onClick: a.onClick, className: "border-border bg-card hover:border-brand/50 hover:bg-brand/10 hover:text-brand inline-flex shrink-0 items-center gap-1.5 rounded-lg border px-3.5 py-2 text-sm shadow-sm transition-colors", children: [_jsx(a.icon, { className: "h-3.5 w-3.5" }), a.label] }, a.label))) }), _jsx("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-5", children: statCards.map((card) => {
+                                            .join(', ')}. Run your database migrations.` })] })] })), error && exhausted && (_jsxs("div", { className: "border-warning/30 bg-warning/10 flex items-center gap-3 rounded-lg border p-3", children: [_jsx(AlertTriangle, { className: "text-warning h-5 w-5 shrink-0" }), _jsx("span", { className: "text-warning flex-1 text-sm", children: "Some dashboard data may be unavailable." }), _jsx("button", { onClick: refetch, className: "border-warning/40 text-warning hover:bg-warning/10 rounded-lg border px-3 py-1 text-sm transition-colors", children: "Retry" })] })), _jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { className: "flex flex-col gap-1 sm:gap-0.5", children: [_jsxs("h1", { className: "text-foreground", children: [greeting, ", ", userName, " ", _jsx("span", { "aria-hidden": true, children: "\uD83D\uDC4B" })] }), _jsxs("p", { className: "text-muted-foreground text-sm", "data-volatile": true, children: [dateStr, totalIssues > 0 && (_jsxs("span", { className: "hidden sm:inline", children: [' · ', totalIssues, " content item", totalIssues === 1 ? '' : 's', " need attention"] }))] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("button", { type: "button", onClick: () => nav(heroNewPostPath), className: "bg-primary text-primary-foreground hover:bg-primary/90 focus-visible:ring-ring inline-flex items-center gap-1.5 rounded-lg px-3.5 py-1.5 text-sm font-medium shadow-sm transition-colors focus:outline-none focus-visible:ring-2", children: [_jsx(Plus, { className: "h-3.5 w-3.5", "aria-hidden": true }), "New Post"] }), siteUrl ? (_jsxs("a", { href: siteUrl, target: "_blank", rel: "noopener noreferrer", className: "border-border bg-card text-foreground hover:bg-accent inline-flex items-center gap-1.5 rounded-lg border px-3 py-1.5 text-sm font-medium transition-colors", children: [_jsx(ExternalLink, { className: "h-3.5 w-3.5", "aria-hidden": true }), "View Site"] })) : null] })] }), _jsx("div", { className: "-mx-1 flex gap-2 overflow-x-auto px-1 pb-1 [scrollbar-width:thin]", children: quickActions.map((a) => (_jsxs("button", { onClick: a.onClick, className: "border-border bg-card hover:border-brand/50 hover:bg-brand/10 hover:text-brand inline-flex shrink-0 items-center gap-1.5 rounded-lg border px-3.5 py-2 text-sm shadow-sm transition-colors", children: [_jsx(a.icon, { className: "h-3.5 w-3.5" }), a.label] }, a.label))) }), _jsx("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-5", children: statCards.map((card) => {
                     const Inner = (_jsxs(_Fragment, { children: [_jsx("div", { className: `mb-3 flex h-8 w-8 items-center justify-center rounded-lg ${card.iconBg}`, children: _jsx(card.icon, { className: `h-4 w-4 ${card.iconColor}` }) }), _jsxs("div", { className: "flex items-baseline gap-1", children: [_jsx("span", { className: "text-foreground text-2xl leading-none font-medium tracking-tight", children: card.value }), card.unit && (_jsx("span", { className: "text-muted-foreground text-sm font-medium", children: card.unit }))] }), _jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: card.label }), card.hint && (_jsx("p", { className: `mt-1.5 text-[11px] ${card.hintUp ? 'text-success' : 'text-muted-foreground'}`, children: card.hint }))] }));
                     return card.href ? (_jsx("button", { type: "button", onClick: () => nav(card.href), className: "bg-card border-border rounded-xl border p-4 text-left shadow-sm transition-shadow hover:shadow-md", children: Inner }, card.label)) : (_jsx("div", { className: "bg-card border-border rounded-xl border p-4 shadow-sm", children: Inner }, card.label));
                 }) }), showOnboarding ? (_jsx(OnboardingBlock, { signals: onboardingSignals, onNavigate: onNavigate })) : (_jsxs("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-[minmax(0,1fr)_320px]", children: [_jsxs("section", { className: "bg-card border-border overflow-hidden rounded-xl border shadow-sm", children: [_jsxs("header", { className: "border-border flex items-center justify-between border-b px-4 py-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-foreground text-sm font-medium", children: "Recent Activity" }), _jsx("p", { className: "text-muted-foreground mt-0.5 text-xs", children: "Last 7 days across all content" })] }), (stats?.recentDocuments?.length ?? 0) > 8 && (_jsx("button", { className: "text-brand text-xs font-medium hover:underline", onClick: () => setActivityLimit((n) => (n >= 20 ? 8 : 20)), children: activityLimit >= 20 ? 'Show less' : 'Show more' }))] }), activity.length === 0 ? (_jsx(EmptyState, { icon: Activity, title: "No activity yet", subtitle: "Content changes will appear here as your team works." })) : (_jsx("ul", { role: "list", className: "divide-border divide-y", children: activity.map((it) => (_jsx("li", { children: _jsx("button", { type: "button", onClick: () => nav(it.editPath), className: "hover:bg-accent/50 focus-visible:bg-accent/50 w-full cursor-pointer px-4 py-3 text-left transition-colors", children: _jsxs("div", { className: "flex min-w-0 items-start gap-3", children: [_jsx("div", { className: "mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-[11px] font-medium text-white", style: { background: it.avatar.color }, "aria-hidden": true, children: it.avatar.initials }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("p", { className: "text-foreground truncate text-sm leading-snug", children: [_jsxs("span", { className: "font-medium", children: ["\u201C", it.title || 'Untitled', "\u201D"] }), ' ', _jsxs("span", { className: "text-muted-foreground", children: ["\u2014 ", it.typeLabel] })] }), _jsxs("div", { className: "text-muted-foreground mt-1 flex flex-wrap items-center gap-2 text-[11px]", children: [_jsx("span", { className: `inline-flex items-center rounded px-1.5 py-0.5 text-[10px] font-medium ${it.statusInfo.cls}`, children: it.statusInfo.label }), _jsx("span", { className: "max-w-[120px] truncate", children: it.author }), _jsx("span", { "aria-hidden": true, children: "\u00B7" }), _jsx("span", { children: it.relTime })] })] })] }) }) }, it.id))) }))] }), _jsxs("aside", { className: "flex min-w-0 flex-col gap-4", children: [_jsxs("section", { className: "bg-card border-border overflow-hidden rounded-xl border shadow-sm", children: [_jsxs("header", { className: "border-border flex items-center justify-between border-b px-4 py-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-foreground text-sm font-medium", children: "Publishing Queue" }), _jsxs("p", { className: "text-muted-foreground mt-0.5 text-xs", children: [publishQueue.length, " item", publishQueue.length === 1 ? '' : 's', " scheduled"] })] }), _jsx("button", { className: "text-brand text-xs font-medium hover:underline disabled:cursor-default disabled:no-underline disabled:opacity-50", disabled: publishQueue.length === 0, onClick: () => {