@prenta/admin 0.92.0 → 0.94.0

package/dist/__tests__/views/version-history-panel.render.test.js

@@ -0,0 +1,153 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @vitest-environment happy-dom
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { cleanup, fireEvent, render, screen, within } from '@testing-library/react';
+import { VersionHistoryPanel } from '../../views/page-editor/VersionHistoryPanel.js';
+afterEach(cleanup);
+function section(id, content) {
+    return { id, sectionType: 'hero', name: 'Hero Banner', visible: true, content, settings: {} };
+}
+const NOW = new Date();
+const iso = (hoursAgo) => new Date(NOW.getTime() - hoursAgo * 3_600_000).toISOString();
+const VERSIONS = [
+    {
+        id: 'v3',
+        changeType: 'PUBLISH',
+        createdAt: iso(1),
+        author: { id: 'u1', name: 'Sarah Mills' },
+        sections: [section('s1', { heading: 'Third headline' })],
+    },
+    {
+        id: 'v2',
+        changeType: 'UPDATE',
+        createdAt: iso(2),
+        author: { id: 'u2', name: 'Dan Ito' },
+        sections: [section('s1', { heading: 'Second headline' })],
+    },
+    {
+        id: 'v1',
+        changeType: 'CREATE',
+        createdAt: iso(30),
+        author: { id: 'u1', name: 'Sarah Mills' },
+        sections: [section('s1', { heading: 'First headline' })],
+    },
+];
+function renderPanel(props = {}) {
+    const onSelect = vi.fn();
+    const onRestore = vi.fn();
+    const onClose = vi.fn();
+    render(_jsx(VersionHistoryPanel, { versions: VERSIONS, loading: false, error: null, selectedIndex: 0, onSelect: onSelect, onClose: onClose, onRestore: onRestore, restoring: false, canRestore: true, ...props }));
+    return { onSelect, onRestore, onClose };
+}
+describe('VersionHistoryPanel', () => {
+    it('groups entries under sticky day headings', () => {
+        renderPanel();
+        expect(screen.getByRole('heading', { name: 'Today' })).toBeTruthy();
+        // v1 is 30 hours back, so it lands on its own day.
+        expect(screen.getAllByRole('heading', { level: 3 }).length).toBeGreaterThan(1);
+    });
+    it('marks the newest entry as current and shows the published pill', () => {
+        renderPanel();
+        expect(screen.getByText('Current')).toBeTruthy();
+        expect(screen.getByText('Published')).toBeTruthy();
+        // No pill claims "Draft" — nothing in this codebase records one.
+        expect(screen.queryByText('Draft')).toBeNull();
+    });
+    it('summarises each entry by what that save changed', () => {
+        renderPanel();
+        // v3 changed one field against v2.
+        expect(screen.getByText(/Sarah Mills · 1 change$/)).toBeTruthy();
+        // v1 has no predecessor in the list, so it reports no computed changes
+        // rather than claiming it created everything.
+        expect(screen.getByText(/Sarah Mills · no content changes/)).toBeTruthy();
+    });
+    it('shows the computed field diff, old struck through and new after it', () => {
+        renderPanel();
+        // The newest changed entry auto-expands.
+        expect(screen.getByText('Heading')).toBeTruthy();
+        const oldValue = screen.getByText('Second headline');
+        const newValue = screen.getByText('Third headline');
+        expect(oldValue.className).toContain('line-through');
+        expect(newValue.className).not.toContain('line-through');
+    });
+    it('selects the version when its row is activated, which is what drives the canvas', () => {
+        const { onSelect } = renderPanel();
+        fireEvent.click(screen.getByText(/Dan Ito/));
+        expect(onSelect).toHaveBeenCalledWith(1);
+    });
+    it('offers Restore only on the selected older row', () => {
+        renderPanel({ selectedIndex: 0 });
+        // Selected row is the current one — restoring it is a no-op.
+        expect(screen.queryByRole('button', { name: /Restore this version/ })).toBeNull();
+        cleanup();
+        renderPanel({ selectedIndex: 1 });
+        const restore = screen.getByRole('button', { name: /Restore this version/ });
+        expect(restore).toBeTruthy();
+    });
+    it('shows the diff for whichever version is selected, including one selected from outside', () => {
+        // The review bar and the canvas both move the selection without the panel
+        // being clicked. When disclosure was tracked separately from selection,
+        // the diff described one version while the canvas rendered another — and
+        // Restore sat on a row that was not open.
+        renderPanel({ selectedIndex: 1 });
+        expect(screen.getByText('First headline')).toBeTruthy();
+        expect(screen.getByText('Second headline')).toBeTruthy();
+        expect(screen.queryByText('Third headline')).toBeNull();
+        expect(screen.getByRole('button', { name: /Restore this version/ })).toBeTruthy();
+    });
+    it('collapses the row it is already on rather than reselecting it', () => {
+        const { onSelect } = renderPanel({ selectedIndex: 0 });
+        expect(screen.getByText('Heading')).toBeTruthy();
+        fireEvent.click(screen.getByText(/Sarah Mills · 1 change/));
+        expect(onSelect).not.toHaveBeenCalled();
+        expect(screen.queryByText('Heading')).toBeNull();
+    });
+    it('can restore the oldest version, which by definition has no diff to show', () => {
+        // Restore used to live inside the diff block, so a version with no
+        // computed changes — the oldest one held, or a metadata-only save — was
+        // reviewable and not restorable. That is the wrong way round: the oldest
+        // version is the one a rollback most often wants.
+        renderPanel({ selectedIndex: 2 });
+        expect(screen.getByText(/No section changes to show/)).toBeTruthy();
+        expect(screen.getByRole('button', { name: /Restore this version/ })).toBeTruthy();
+    });
+    it('hides Restore from a user who cannot edit', () => {
+        renderPanel({ selectedIndex: 1, canRestore: false });
+        expect(screen.queryByRole('button', { name: /Restore this version/ })).toBeNull();
+    });
+    it('restores the version whose row was clicked', () => {
+        const { onRestore } = renderPanel({ selectedIndex: 1 });
+        fireEvent.click(screen.getByRole('button', { name: /Restore this version/ }));
+        expect(onRestore).toHaveBeenCalledWith(expect.objectContaining({ id: 'v2' }));
+    });
+    it('renders two non-adjacent groups sharing a day label without colliding', () => {
+        // `groupVersionsByDay` walks CONSECUTIVE runs, so an out-of-order page
+        // legitimately yields ['Today', 'Yesterday', 'Today'] — its own test
+        // asserts that. Keyed on the label, the second "Today" collides with the
+        // first and React mis-associates the two sections' contents.
+        const outOfOrder = [
+            { ...VERSIONS[0], id: 'a', createdAt: iso(1) },
+            { ...VERSIONS[1], id: 'b', createdAt: iso(30) },
+            { ...VERSIONS[2], id: 'c', createdAt: iso(2) },
+        ];
+        const spy = vi.spyOn(console, 'error').mockImplementation(() => { });
+        renderPanel({ versions: outOfOrder });
+        expect(screen.getAllByRole('heading', { name: 'Today' })).toHaveLength(2);
+        expect(spy.mock.calls.some((call) => String(call[0]).includes('same key')), 'React reported duplicate keys').toBe(false);
+        spy.mockRestore();
+    });
+    it('reports an empty history rather than an empty box', () => {
+        renderPanel({ versions: [] });
+        expect(screen.getByText(/No versions yet/)).toBeTruthy();
+    });
+    it('surfaces a load failure', () => {
+        renderPanel({ versions: [], error: 'Network unreachable' });
+        expect(screen.getByText('Network unreachable')).toBeTruthy();
+    });
+    it('announces itself as a named region so it is reachable without sight of the overlay', () => {
+        renderPanel();
+        const region = screen.getByRole('region', { name: 'Version history' });
+        expect(within(region).getByRole('button', { name: 'Close version history' })).toBeTruthy();
+    });
+});
+//# sourceMappingURL=version-history-panel.render.test.js.map

package/dist/__tests__/views/version-history-panel.render.test.js.map

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

package/dist/components/BreakpointPicker.d.ts

@@ -0,0 +1,18 @@
+import { type BreakpointId } from '../lib/breakpoints.js';
+export interface BreakpointPickerProps {
+    value: BreakpointId;
+    onChange: (id: BreakpointId) => void;
+    disabled?: boolean;
+}
+/**
+ * Preview-breakpoint selector for the editor header.
+ *
+ * A dropdown rather than a segmented row: six presets with names like "Tablet
+ * Landscape" do not fit a header strip, and the grouped menu is what makes the
+ * DESKTOP / TABLET / MOBILE structure legible.
+ *
+ * Radix owns the menu behaviour — outside-click, Escape, roving focus, and
+ * `aria-expanded` on the trigger — rather than a hand-rolled popover.
+ */
+export declare function BreakpointPicker({ value, onChange, disabled }: BreakpointPickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BreakpointPicker.d.ts.map

package/dist/components/BreakpointPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreakpointPicker.d.ts","sourceRoot":"","sources":["../../src/components/BreakpointPicker.tsx"],"names":[],"mappings":"AAMA,OAAO,EAIL,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAA;AAG9B,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,YAAY,CAAA;IACnB,QAAQ,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,IAAI,CAAA;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAmFpF"}

package/dist/components/BreakpointPicker.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
+import { Check, ChevronDown } from 'lucide-react';
+import { adminPortalContainer } from '../lib/portal-container.js';
+import { BREAKPOINT_GROUPS, breakpointsInGroup, getBreakpoint, } from '../lib/breakpoints.js';
+import { breakpointIcon } from './breakpoint-icons.js';
+/**
+ * Preview-breakpoint selector for the editor header.
+ *
+ * A dropdown rather than a segmented row: six presets with names like "Tablet
+ * Landscape" do not fit a header strip, and the grouped menu is what makes the
+ * DESKTOP / TABLET / MOBILE structure legible.
+ *
+ * Radix owns the menu behaviour — outside-click, Escape, roving focus, and
+ * `aria-expanded` on the trigger — rather than a hand-rolled popover.
+ */
+export function BreakpointPicker({ value, onChange, disabled }) {
+    const [open, setOpen] = useState(false);
+    const active = getBreakpoint(value);
+    const ActiveIcon = breakpointIcon(active.icon);
+    return (_jsxs(DropdownMenu.Root, { open: open, onOpenChange: setOpen, children: [_jsx(DropdownMenu.Trigger, { asChild: true, children: _jsxs("button", { type: "button", disabled: disabled, "aria-label": `Preview breakpoint: ${active.name}, ${active.width} pixels`, className: `border-border flex h-[34px] items-center gap-1.5 rounded-lg border px-2.5 text-[12.5px] font-medium transition-colors disabled:opacity-50 ${open
+                        ? 'border-brand bg-accent text-accent-foreground'
+                        : 'bg-card text-foreground hover:bg-accent'}`, children: [_jsx(ActiveIcon, { className: `h-4 w-4 shrink-0 ${open ? '' : 'text-brand'}`, "aria-hidden": true }), _jsx("span", { className: "hidden lg:inline", children: active.name }), _jsx("span", { className: "lg:hidden", children: active.abbr }), _jsx("span", { className: "text-muted-foreground hidden text-[11.5px] tabular-nums xl:inline", children: active.width }), _jsx(ChevronDown, { className: `h-3.5 w-3.5 shrink-0 transition-transform ${open ? 'rotate-180' : ''}`, "aria-hidden": true })] }) }), _jsx(DropdownMenu.Portal, { container: adminPortalContainer(), children: _jsx(DropdownMenu.Content, { align: "end", sideOffset: 6, className: "border-border bg-popover data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:slide-in-from-top-1 z-[120] w-[272px] rounded-[10px] border p-[5px] shadow-[0_12px_34px_rgba(26,24,39,0.17)] duration-[130ms]", children: BREAKPOINT_GROUPS.map((group) => (_jsxs(DropdownMenu.Group, { children: [_jsx(DropdownMenu.Label, { className: "text-muted-foreground px-2.5 pt-2 pb-1 text-[10px] font-bold tracking-[0.6px]", children: group }), breakpointsInGroup(group).map((bp) => {
+                                const Icon = breakpointIcon(bp.icon);
+                                const selected = bp.id === value;
+                                return (_jsxs(DropdownMenu.Item, { onSelect: () => onChange(bp.id), className: `focus:bg-accent flex cursor-pointer items-center gap-2 rounded-[7px] px-2.5 py-[7px] outline-none ${selected ? 'bg-accent' : ''}`, children: [_jsx(Icon, { className: `h-4 w-4 shrink-0 ${selected ? 'text-brand' : 'text-muted-foreground'}`, "aria-hidden": true }), _jsx("span", { className: `flex-1 text-[13px] ${selected ? 'text-brand font-semibold' : 'text-foreground'}`, children: bp.name }), _jsx("span", { className: "text-muted-foreground text-[11.5px] tabular-nums", children: bp.width }), _jsx(Check, { className: `text-brand h-3.5 w-3.5 shrink-0 ${selected ? '' : 'invisible'}`, "aria-label": selected ? 'Selected' : undefined })] }, bp.id));
+                            })] }, group))) }) })] }));
+}
+//# sourceMappingURL=BreakpointPicker.js.map

package/dist/components/BreakpointPicker.js.map

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

package/dist/components/CanvasEditTip.d.ts

@@ -0,0 +1,6 @@
+/**
+ * One-time tip above the page/post canvas explaining how to edit.
+ * Dismiss persists in localStorage (`prenta.canvasEditTip.dismissed`).
+ */
+export declare function CanvasEditTip(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=CanvasEditTip.d.ts.map

package/dist/components/CanvasEditTip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasEditTip.d.ts","sourceRoot":"","sources":["../../src/components/CanvasEditTip.tsx"],"names":[],"mappings":"AAMA;;;GAGG;AACH,wBAAgB,aAAa,mDAmC5B"}

package/dist/components/CanvasEditTip.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { MousePointerClick, X } from 'lucide-react';
+import { dismissCanvasEditTip, isCanvasEditTipDismissed } from '../lib/canvas-edit-chrome.js';
+/**
+ * One-time tip above the page/post canvas explaining how to edit.
+ * Dismiss persists in localStorage (`prenta.canvasEditTip.dismissed`).
+ */
+export function CanvasEditTip() {
+    const [visible, setVisible] = useState(false);
+    useEffect(() => {
+        setVisible(!isCanvasEditTipDismissed());
+    }, []);
+    if (!visible)
+        return null;
+    return (_jsxs("div", { role: "note", className: "border-border bg-card text-muted-foreground mx-auto mb-4 flex w-fit max-w-full items-start gap-2 rounded-lg border px-3 py-2 text-xs", children: [_jsx(MousePointerClick, { className: "text-foreground mt-0.5 h-3.5 w-3.5 shrink-0", "aria-hidden": true }), _jsxs("p", { className: "min-w-0 flex-1 leading-[1.5]", children: [_jsx("span", { className: "text-foreground font-medium", children: "Editing tip" }), ' — ', "Hover sections for a light outline, then click to select. Edit copy and images in the inspector. Use ", _jsx("span", { className: "text-foreground font-medium", children: "Site preview" }), " to click text and images in place."] }), _jsx("button", { type: "button", "aria-label": "Dismiss editing tip", onClick: () => {
+                    dismissCanvasEditTip();
+                    setVisible(false);
+                }, className: "text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:ring-ring -mt-0.5 -mr-0.5 shrink-0 rounded-md p-1 transition-colors focus-visible:ring-2 focus-visible:outline-none", children: _jsx(X, { className: "h-3.5 w-3.5", "aria-hidden": true }) })] }));
+}
+//# sourceMappingURL=CanvasEditTip.js.map

package/dist/components/CanvasEditTip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasEditTip.js","sourceRoot":"","sources":["../../src/components/CanvasEditTip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,iBAAiB,EAAE,CAAC,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAA;AAE7F;;;GAGG;AACH,MAAM,UAAU,aAAa;IAC3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,CAAC,wBAAwB,EAAE,CAAC,CAAA;IACzC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,OAAO,CACL,eACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,sIAAsI,aAEhJ,KAAC,iBAAiB,IAAC,SAAS,EAAC,6CAA6C,wBAAe,EACzF,aAAG,SAAS,EAAC,8BAA8B,aACzC,eAAM,SAAS,EAAC,6BAA6B,4BAAmB,EAC/D,KAAK,2GAES,eAAM,SAAS,EAAC,6BAA6B,6BAAoB,2CAE9E,EACJ,iBACE,IAAI,EAAC,QAAQ,gBACF,qBAAqB,EAChC,OAAO,EAAE,GAAG,EAAE;oBACZ,oBAAoB,EAAE,CAAA;oBACtB,UAAU,CAAC,KAAK,CAAC,CAAA;gBACnB,CAAC,EACD,SAAS,EAAC,+LAA+L,YAEzM,KAAC,CAAC,IAAC,SAAS,EAAC,aAAa,wBAAe,GAClC,IACL,CACP,CAAA;AACH,CAAC"}

package/dist/components/EditorRail.d.ts

@@ -0,0 +1,36 @@
+/** What the rail hands its children so they can render a header. */
+export interface RailState {
+    width: number;
+    dragging: boolean;
+    collapse: () => void;
+}
+export interface EditorRailProps {
+    /** Short label for the collapsed strip — normally the active tab's name. */
+    collapsedLabel: string;
+    children: (state: RailState) => React.ReactNode;
+}
+/**
+ * The editor's left rail: resizable, collapsible, and width-persistent.
+ *
+ * Collapsing UNMOUNTS the rail and swaps in a narrow strip rather than
+ * animating its width to zero. A zero-width panel leaves a visible sliver of
+ * border and keeps its contents in the accessibility tree, so a screen-reader
+ * user lands inside a panel sighted users cannot see.
+ *
+ * Children are a render prop rather than plain nodes because the panel header
+ * needs the live width and drag state — the numbers the rail owns — and
+ * threading them through context for one consumer is more machinery than the
+ * problem deserves.
+ */
+export declare function EditorRail({ collapsedLabel, children }: EditorRailProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Header strip under the rail's tabs: panel title, the live width while
+ * dragging, and the collapse control.
+ */
+export declare function RailHeader({ title, width, dragging, onCollapse, }: {
+    title: string;
+    width: number;
+    dragging: boolean;
+    onCollapse: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditorRail.d.ts.map

package/dist/components/EditorRail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorRail.d.ts","sourceRoot":"","sources":["../../src/components/EditorRail.tsx"],"names":[],"mappings":"AAcA,oEAAoE;AACpE,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,4EAA4E;IAC5E,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAA;CAChD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,eAAe,2CA0IvE;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,UAAU,GACX,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB,2CAwBA"}

package/dist/components/EditorRail.js

@@ -0,0 +1,104 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { PanelLeftClose, PanelLeftOpen } from 'lucide-react';
+import { RAIL_COLLAPSED_WIDTH, RAIL_DEFAULT_WIDTH, RAIL_MAX_WIDTH, RAIL_MIN_WIDTH, clampRailWidth, readRailWidth, writeRailWidth, } from '../lib/rail-width.js';
+/**
+ * The editor's left rail: resizable, collapsible, and width-persistent.
+ *
+ * Collapsing UNMOUNTS the rail and swaps in a narrow strip rather than
+ * animating its width to zero. A zero-width panel leaves a visible sliver of
+ * border and keeps its contents in the accessibility tree, so a screen-reader
+ * user lands inside a panel sighted users cannot see.
+ *
+ * Children are a render prop rather than plain nodes because the panel header
+ * needs the live width and drag state — the numbers the rail owns — and
+ * threading them through context for one consumer is more machinery than the
+ * problem deserves.
+ */
+export function EditorRail({ collapsedLabel, children }) {
+    const [width, setWidth] = useState(RAIL_DEFAULT_WIDTH);
+    const [open, setOpen] = useState(true);
+    const [dragging, setDragging] = useState(false);
+    const railRef = useRef(null);
+    // Read persisted width after mount, never during render: there is no
+    // localStorage on the server, and seeding initial state from it would
+    // hydrate-mismatch.
+    useEffect(() => {
+        setWidth(readRailWidth());
+    }, []);
+    const applyWidth = useCallback((next) => {
+        const clamped = clampRailWidth(next);
+        setWidth(clamped);
+        writeRailWidth(clamped);
+    }, []);
+    const collapse = useCallback(() => setOpen(false), []);
+    // Pointer listeners go on `window`, not the handle: the pointer routinely
+    // outruns a 7px target mid-drag, and a handle-local listener would drop the
+    // drag the moment it did.
+    useEffect(() => {
+        if (!dragging)
+            return;
+        const onMove = (event) => {
+            const left = railRef.current?.getBoundingClientRect().left ?? 0;
+            applyWidth(event.clientX - left);
+        };
+        const stop = () => setDragging(false);
+        window.addEventListener('pointermove', onMove);
+        window.addEventListener('pointerup', stop);
+        window.addEventListener('pointercancel', stop);
+        // Lock cursor and selection for the duration. Without this the cursor
+        // flickers between col-resize and text as it crosses elements, and the
+        // drag selects the panel's copy.
+        const { body } = document;
+        const prevCursor = body.style.cursor;
+        const prevSelect = body.style.userSelect;
+        body.style.cursor = 'col-resize';
+        body.style.userSelect = 'none';
+        return () => {
+            window.removeEventListener('pointermove', onMove);
+            window.removeEventListener('pointerup', stop);
+            window.removeEventListener('pointercancel', stop);
+            body.style.cursor = prevCursor;
+            body.style.userSelect = prevSelect;
+        };
+    }, [dragging, applyWidth]);
+    if (!open) {
+        return (_jsxs("div", { className: "prenta-editor-rail-collapsed bg-card border-border flex shrink-0 flex-col items-center gap-3 border-r py-3", style: { width: RAIL_COLLAPSED_WIDTH }, children: [_jsx("button", { type: "button", onClick: () => setOpen(true), "aria-label": `Expand ${collapsedLabel} panel`, title: `Expand ${collapsedLabel} panel`, className: "prenta-touch-target text-muted-foreground hover:bg-accent hover:text-accent-foreground flex h-6.5 w-6.5 items-center justify-center rounded-md transition-colors", children: _jsx(PanelLeftOpen, { className: "h-4 w-4", "aria-hidden": true }) }), _jsx("span", { className: "prenta-rail-label text-muted-foreground text-[10px] font-bold tracking-[0.8px] whitespace-nowrap uppercase [writing-mode:vertical-rl]", "aria-hidden": true, children: collapsedLabel })] }));
+    }
+    return (_jsxs("div", { ref: railRef, className: `prenta-editor-rail bg-card border-border relative flex shrink-0 flex-col border-r ${
+        // A width transition during a drag fights the pointer: the panel
+        // chases the cursor a frame behind and the resize feels broken.
+        dragging ? '' : 'motion-safe:transition-[width] motion-safe:duration-(--mo-slow)'}`, style: { width }, children: [_jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: children({ width, dragging, collapse }) }), _jsx("div", { 
+                // `separator` with an orientation and a value range is what makes this
+                // operable without a pointer. A bare div with a pointerdown handler is
+                // invisible to keyboard and assistive-tech users.
+                role: "separator", "aria-orientation": "vertical", "aria-label": "Resize panel", "aria-valuenow": width, "aria-valuemin": RAIL_MIN_WIDTH, "aria-valuemax": RAIL_MAX_WIDTH, tabIndex: 0, onPointerDown: (event) => {
+                    event.preventDefault();
+                    setDragging(true);
+                }, onDoubleClick: () => applyWidth(RAIL_DEFAULT_WIDTH), onKeyDown: (event) => {
+                    const step = event.shiftKey ? 48 : 16;
+                    if (event.key === 'ArrowLeft') {
+                        event.preventDefault();
+                        applyWidth(width - step);
+                    }
+                    else if (event.key === 'ArrowRight') {
+                        event.preventDefault();
+                        applyWidth(width + step);
+                    }
+                    else if (event.key === 'Home') {
+                        event.preventDefault();
+                        applyWidth(RAIL_DEFAULT_WIDTH);
+                    }
+                }, className: "group absolute inset-y-0 -right-[3px] z-30 w-[7px] cursor-col-resize focus-visible:outline-none", children: _jsx("span", { "aria-hidden": true, className: `pointer-events-none absolute inset-y-0 left-[2.5px] w-0.5 transition-colors ${dragging
+                        ? 'bg-brand'
+                        : 'group-hover:bg-brand group-focus-visible:bg-brand bg-transparent'}` }) })] }));
+}
+/**
+ * Header strip under the rail's tabs: panel title, the live width while
+ * dragging, and the collapse control.
+ */
+export function RailHeader({ title, width, dragging, onCollapse, }) {
+    return (_jsxs("div", { className: "border-border flex items-center justify-between gap-2 border-b px-3.5 py-2.5", children: [_jsx("h2", { className: "text-foreground truncate text-[12.5px] font-semibold", children: title }), _jsxs("div", { className: "flex shrink-0 items-center gap-1.5", children: [dragging && (_jsxs("span", { className: "text-muted-foreground text-[11px] tabular-nums", "aria-hidden": true, children: [width, "px"] })), _jsx("button", { type: "button", onClick: onCollapse, "aria-label": `Collapse ${title} panel`, title: `Collapse ${title} panel`, className: "prenta-touch-target text-muted-foreground hover:bg-accent hover:text-accent-foreground flex h-6.5 w-6.5 items-center justify-center rounded-md transition-colors", children: _jsx(PanelLeftClose, { className: "h-4 w-4", "aria-hidden": true }) })] })] }));
+}
+//# sourceMappingURL=EditorRail.js.map

package/dist/components/EditorRail.js.map

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

package/dist/components/EditorRailTabs.d.ts

@@ -0,0 +1,32 @@
+export type RailTabId = 'sections' | 'seo' | 'page';
+export interface RailTab {
+    id: RailTabId;
+    label: string;
+    /** Panel title shown in the header below the strip. */
+    title: string;
+    /** Count pill (Sections). */
+    count?: number;
+    /**
+     * Score for the dot, banded by the page audit's own scale.
+     *
+     * `undefined` — not known yet; no dot is shown rather than a misleading one.
+     * `null`      — deliberately not rated (a gate is off, e.g. the page is
+     *               noindexed). Renders neutral, never as a low score.
+     */
+    score?: number | null;
+}
+export interface EditorRailTabsProps {
+    tabs: RailTab[];
+    active: RailTabId;
+    onChange: (id: RailTabId) => void;
+}
+/**
+ * Three equal tabs across the top of the rail.
+ *
+ * Each tab carries a status glyph so the rail reads at a glance without being
+ * opened: a count for Sections, a band-coloured dot for SEO. The dot is
+ * accompanied by text in the accessible name — colour alone is not a signal
+ * for anyone who cannot distinguish these hues.
+ */
+export declare function EditorRailTabs({ tabs, active, onChange }: EditorRailTabsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditorRailTabs.d.ts.map

package/dist/components/EditorRailTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorRailTabs.d.ts","sourceRoot":"","sources":["../../src/components/EditorRailTabs.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,KAAK,GAAG,MAAM,CAAA;AAEnD,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,SAAS,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAA;IACb,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,OAAO,EAAE,CAAA;IACf,MAAM,EAAE,SAAS,CAAA;IACjB,QAAQ,EAAE,CAAC,EAAE,EAAE,SAAS,KAAK,IAAI,CAAA;CAClC;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CA+E7E"}

package/dist/components/EditorRailTabs.js

@@ -0,0 +1,45 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { scoreBand } from '@prenta/core/seo/page-audit';
+/**
+ * Three equal tabs across the top of the rail.
+ *
+ * Each tab carries a status glyph so the rail reads at a glance without being
+ * opened: a count for Sections, a band-coloured dot for SEO. The dot is
+ * accompanied by text in the accessible name — colour alone is not a signal
+ * for anyone who cannot distinguish these hues.
+ */
+export function EditorRailTabs({ tabs, active, onChange }) {
+    return (_jsx("div", { role: "tablist", "aria-label": "Editor panels", className: "border-border flex border-b", children: tabs.map((tab) => {
+            const selected = tab.id === active;
+            // Bands with `scoreBand` from the audit itself, NOT `gradeFromScore`.
+            // The two disagree between 55 and 59 — a page scoring 57 read "fair"
+            // in the rings and "poor" on the tab summarising them, which is the
+            // same class of disagreement this dot was rewired to eliminate.
+            const band = typeof tab.score === 'number' ? scoreBand(tab.score) : null;
+            const unrated = tab.score === null;
+            return (_jsxs("button", { type: "button", role: "tab", id: `rail-tab-${tab.id}`, "aria-selected": selected, "aria-controls": `rail-panel-${tab.id}`, tabIndex: selected ? 0 : -1, onClick: () => onChange(tab.id), onKeyDown: (event) => {
+                    // Arrow keys move between tabs — expected of a tablist, and the
+                    // only way to reach a tab whose tabIndex is -1.
+                    const index = tabs.findIndex((t) => t.id === active);
+                    if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {
+                        event.preventDefault();
+                        const delta = event.key === 'ArrowRight' ? 1 : -1;
+                        const next = tabs[(index + delta + tabs.length) % tabs.length];
+                        if (next) {
+                            onChange(next.id);
+                            document.getElementById(`rail-tab-${next.id}`)?.focus();
+                        }
+                    }
+                }, className: `flex flex-1 items-center justify-center gap-1.5 border-b-2 pt-2.5 pb-2 text-[12.5px] transition-colors ${selected
+                    ? 'border-brand text-brand font-semibold'
+                    : 'text-muted-foreground hover:text-foreground border-transparent font-medium'}`, children: [tab.label, tab.count !== undefined && (_jsx("span", { className: `rounded-full px-1.5 text-[10.5px] font-semibold tabular-nums ${selected ? 'bg-accent text-accent-foreground' : 'bg-muted text-muted-foreground'}`, children: tab.count })), (band || unrated) && (_jsxs(_Fragment, { children: [_jsx("span", { className: `h-[7px] w-[7px] shrink-0 rounded-full ${band === 'good'
+                                    ? 'bg-success'
+                                    : band === 'fair'
+                                        ? 'bg-warning'
+                                        : band === 'poor'
+                                            ? 'bg-destructive'
+                                            : 'bg-muted-foreground/40'}`, "aria-hidden": true }), _jsx("span", { className: "sr-only", children: unrated ? 'not rated' : `score ${tab.score} of 100` })] }))] }, tab.id));
+        }) }));
+}
+//# sourceMappingURL=EditorRailTabs.js.map

package/dist/components/EditorRailTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorRailTabs.js","sourceRoot":"","sources":["../../src/components/EditorRailTabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AA2BvD;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAuB;IAC5E,OAAO,CACL,cAAK,IAAI,EAAC,SAAS,gBAAY,eAAe,EAAC,SAAS,EAAC,6BAA6B,YACnF,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YAChB,MAAM,QAAQ,GAAG,GAAG,CAAC,EAAE,KAAK,MAAM,CAAA;YAClC,sEAAsE;YACtE,qEAAqE;YACrE,oEAAoE;YACpE,gEAAgE;YAChE,MAAM,IAAI,GAAG,OAAO,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;YACxE,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,KAAK,IAAI,CAAA;YAElC,OAAO,CACL,kBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,EACV,EAAE,EAAE,YAAY,GAAG,CAAC,EAAE,EAAE,mBACT,QAAQ,mBACR,cAAc,GAAG,CAAC,EAAE,EAAE,EACrC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,EAC/B,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;oBACnB,gEAAgE;oBAChE,gDAAgD;oBAChD,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,CAAA;oBACpD,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;wBAC5D,KAAK,CAAC,cAAc,EAAE,CAAA;wBACtB,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;wBACjD,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAA;wBAC9D,IAAI,IAAI,EAAE,CAAC;4BACT,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;4BACjB,QAAQ,CAAC,cAAc,CAAC,YAAY,IAAI,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAA;wBACzD,CAAC;oBACH,CAAC;gBACH,CAAC,EACD,SAAS,EAAE,0GACT,QAAQ;oBACN,CAAC,CAAC,uCAAuC;oBACzC,CAAC,CAAC,4EACN,EAAE,aAED,GAAG,CAAC,KAAK,EAET,GAAG,CAAC,KAAK,KAAK,SAAS,IAAI,CAC1B,eACE,SAAS,EAAE,gEACT,QAAQ,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,gCAClD,EAAE,YAED,GAAG,CAAC,KAAK,GACL,CACR,EAEA,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CACpB,8BACE,eACE,SAAS,EAAE,yCACT,IAAI,KAAK,MAAM;oCACb,CAAC,CAAC,YAAY;oCACd,CAAC,CAAC,IAAI,KAAK,MAAM;wCACf,CAAC,CAAC,YAAY;wCACd,CAAC,CAAC,IAAI,KAAK,MAAM;4CACf,CAAC,CAAC,gBAAgB;4CAClB,CAAC,CAAC,wBACV,EAAE,wBAEF,EAEF,eAAM,SAAS,EAAC,SAAS,YACtB,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,KAAK,SAAS,GAC/C,IACN,CACJ,KA3DI,GAAG,CAAC,EAAE,CA4DJ,CACV,CAAA;QACH,CAAC,CAAC,GACE,CACP,CAAA;AACH,CAAC"}

package/dist/components/MediaBlock.d.ts

@@ -0,0 +1,49 @@
+import { type ReactNode } from 'react';
+import { type MediaCrop } from '../lib/media-format.js';
+interface MediaItem {
+    id: string;
+    filename: string;
+    storageKey: string;
+    url?: string;
+    altTag?: string;
+    mimeType: string;
+    width?: number;
+    height?: number;
+}
+export interface MediaBlockProps {
+    /** Current asset URL, or empty for the empty state. */
+    value: string;
+    onChange: (url: string, item?: MediaItem) => void;
+    /** The crop the template renders this image at. */
+    crop?: MediaCrop;
+    /** Rows rendered between the frame and the toolbar (the social preview). */
+    children?: ReactNode;
+    disabled?: boolean;
+    /** Accessible label, e.g. "Hero image". */
+    label?: string;
+}
+/**
+ * One component for every image — section slots and the social/OG card alike.
+ *
+ * ── The frame shows the TEMPLATE's crop, not the asset's ─────────────────
+ *
+ * A section image renders at 16:10 and a social card at 1.91:1 regardless of
+ * what was uploaded. Framing the asset's own ratio would tell an editor their
+ * portrait photo looks fine and then crop its subject out on the page. What
+ * the asset actually is gets reported in the toolbar instead, as a ratio label
+ * beside its filename, so both facts are visible and neither is implied.
+ *
+ * ── The toolbar is always visible ────────────────────────────────────────
+ *
+ * Never hover-only. Replace and Remove are the two things an editor comes here
+ * to do, and hiding them behind a hover makes them undiscoverable on touch and
+ * invisible to anyone scanning the panel.
+ *
+ * ── The picker opens inside the shell ────────────────────────────────────
+ *
+ * Not a modal. Choosing an image is a comparison against the slot it is going
+ * into, and a dialog covering the slot removes the only context that matters.
+ */
+export declare function MediaBlock({ value, onChange, crop, children, disabled, label, }: MediaBlockProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MediaBlock.d.ts.map

package/dist/components/MediaBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaBlock.d.ts","sourceRoot":"","sources":["../../src/components/MediaBlock.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGhD,OAAO,EAML,KAAK,SAAS,EACf,MAAM,wBAAwB,CAAA;AAE/B,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,SAAS,KAAK,IAAI,CAAA;IACjD,mDAAmD;IACnD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,IAAgB,EAChB,QAAQ,EACR,QAAgB,EAChB,KAAe,GAChB,EAAE,eAAe,2CA2JjB"}