@batterai/editor-shell 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddCollectionItemControl.d.ts","sourceRoot":"","sources":["../../src/components/AddCollectionItemControl.tsx"],"names":[],"mappings":"AAEA,KAAK,6BAA6B,GAAG;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,UAAU,EACV,KAAK,EACL,KAAK,GACN,EAAE,6BAA6B,+BAiB/B"}

package/dist/components/AddCollectionItemControl.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Plus } from "lucide-react";
+/**
+ * The "+ add item" affordance handed to a collection-list block via
+ * RendererActions.addItemControl. The shell owns this control so every list
+ * gets the same look and behavior; the block only decides where to drop it.
+ * Clicking it creates a fresh item with default content and opens the
+ * collection's detail template on it.
+ */
+export function AddCollectionItemControl({ collection, label, onAdd, }) {
+    return (_jsxs("button", { type: "button", className: "collection-add-item", onClick: (event) => {
+            // Stay inside the selected block: don't let the click bubble to the
+            // canvas (deselect / link-jump handlers) or re-trigger block select.
+            event.preventDefault();
+            event.stopPropagation();
+            onAdd(collection);
+        }, children: [_jsx(Plus, { size: 18 }), _jsxs("span", { children: ["Add ", label] })] }));
+}
+//# sourceMappingURL=AddCollectionItemControl.js.map

package/dist/components/AddCollectionItemControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddCollectionItemControl.js","sourceRoot":"","sources":["../../src/components/AddCollectionItemControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAQpC;;;;;;GAMG;AACH,MAAM,UAAU,wBAAwB,CAAC,EACvC,UAAU,EACV,KAAK,EACL,KAAK,GACyB;IAC9B,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,oEAAoE;YACpE,qEAAqE;YACrE,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,KAAK,CAAC,UAAU,CAAC,CAAC;QACpB,CAAC,aAED,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,EAClB,mCAAW,KAAK,IAAQ,IACjB,CACV,CAAC;AACJ,CAAC"}

package/dist/components/AuditHistoryPanel.d.ts

@@ -0,0 +1,10 @@
+import type { EditorCollaborationAuditEvent } from "../collaboration";
+type AuditHistoryPanelProps = {
+    readonly events: readonly EditorCollaborationAuditEvent[];
+    readonly loading: boolean;
+    readonly error?: string;
+    readonly onClose: () => void;
+};
+export declare function AuditHistoryPanel({ events, loading, error, onClose }: AuditHistoryPanelProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=AuditHistoryPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuditHistoryPanel.d.ts","sourceRoot":"","sources":["../../src/components/AuditHistoryPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AAEtE,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,CAAC,MAAM,EAAE,SAAS,6BAA6B,EAAE,CAAC;IAC1D,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAQF,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,sBAAsB,+BAgC5F"}

package/dist/components/AuditHistoryPanel.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+function describeTarget(event) {
+    const field = event.target.field ? ` · ${event.target.field}` : "";
+    const block = event.target.blockId ? ` · block ${event.target.blockId}` : "";
+    return `${event.target.kind}${block}${field}`;
+}
+export function AuditHistoryPanel({ events, loading, error, onClose }) {
+    return (_jsxs("aside", { className: "audit-history", "aria-label": "Collaboration history", children: [_jsxs("header", { children: [_jsxs("div", { children: [_jsx("strong", { children: "Collaboration history" }), _jsx("span", { children: "Accepted changes and their CMS persistence state" })] }), _jsx("button", { type: "button", className: "icon-button", onClick: onClose, "aria-label": "Close collaboration history", children: _jsx(X, { size: 16 }) })] }), loading ? _jsx("p", { className: "audit-history-empty", children: "Loading history\u2026" }) : null, error ? _jsx("p", { className: "audit-history-error", role: "alert", children: error }) : null, !loading && !error && events.length === 0 ? _jsx("p", { className: "audit-history-empty", children: "No collaborative changes yet." }) : null, _jsx("ol", { children: [...events].reverse().map((event) => (_jsxs("li", { children: [_jsx("span", { className: "audit-history-avatar", "aria-hidden": "true", children: event.actor.displayName.trim().slice(0, 1).toUpperCase() }), _jsxs("div", { children: [_jsx("strong", { children: event.actor.displayName }), _jsxs("span", { children: [event.operationKind, " \u00B7 ", describeTarget(event)] }), _jsx("time", { dateTime: event.acceptedAt, children: new Date(event.acceptedAt).toLocaleString() }), _jsx("small", { className: event.persistedAt ? "is-persisted" : "is-pending", children: event.releaseId ? `Published in ${event.releaseId}` : event.persistedAt ? "Saved to CMS draft" : "Accepted, awaiting autosave" })] })] }, event.eventId))) })] }));
+}
+//# sourceMappingURL=AuditHistoryPanel.js.map

package/dist/components/AuditHistoryPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuditHistoryPanel.js","sourceRoot":"","sources":["../../src/components/AuditHistoryPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAUjC,SAAS,cAAc,CAAC,KAAoC;IAC1D,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACnE,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7E,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,GAAG,KAAK,EAAE,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAA0B;IAC3F,OAAO,CACL,iBAAO,SAAS,EAAC,eAAe,gBAAY,uBAAuB,aACjE,6BACE,0BACE,qDAAsC,EACtC,8EAA6D,IACzD,EACN,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,aAAa,EAAC,OAAO,EAAE,OAAO,gBAAa,6BAA6B,YACtG,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,GACR,IACF,EACR,OAAO,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,qBAAqB,sCAAqB,CAAC,CAAC,CAAC,IAAI,EACxE,KAAK,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,qBAAqB,EAAC,IAAI,EAAC,OAAO,YAAE,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EAC1E,CAAC,OAAO,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,qBAAqB,8CAAkC,CAAC,CAAC,CAAC,IAAI,EACxH,uBACG,CAAC,GAAG,MAAM,CAAC,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACpC,yBACE,eAAM,SAAS,EAAC,sBAAsB,iBAAa,MAAM,YAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,GAAQ,EAC3H,0BACE,2BAAS,KAAK,CAAC,KAAK,CAAC,WAAW,GAAU,EAC1C,2BAAO,KAAK,CAAC,aAAa,cAAK,cAAc,CAAC,KAAK,CAAC,IAAQ,EAC5D,eAAM,QAAQ,EAAE,KAAK,CAAC,UAAU,YAAG,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,cAAc,EAAE,GAAQ,EACtF,gBAAO,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,YAChE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,6BAA6B,GACzH,IACJ,KATC,KAAK,CAAC,OAAO,CAUjB,CACN,CAAC,GACC,IACC,CACT,CAAC;AACJ,CAAC"}

package/dist/components/Canvas.d.ts

@@ -0,0 +1,64 @@
+import type { ResolvedEditorPreviewAuth } from "../preview-auth";
+import type { EditorRuntime } from "../translation";
+import { type Viewport } from "./page-frame/viewport";
+import type { PageNode } from "@batterai/bind-core";
+import type { LayoutColumnView } from "../model/layout-columns";
+import type { CanvasPageRevisionKind, HostPageState } from "@batterai/contract";
+import type { EditorShellContentModel } from "../contentModel";
+import type { BlockDefinition, BlockLibrary, CmsContent, CollectionItem, CanvasPage, PortalUser } from "../types";
+type CanvasProps = {
+    globalViewport: Viewport;
+    activePageId: string;
+    activeRevision: CanvasPageRevisionKind;
+    revisionBusy: boolean;
+    pageStates?: Readonly<Record<string, HostPageState>>;
+    collectionPreviewItems: Record<string, string>;
+    content: CmsContent;
+    contentModel: EditorShellContentModel;
+    /** The logged-in visitor user, or null when logged out. Protected frames
+     * then redirect to the site login page and render no sensitive blocks. */
+    currentUser: PortalUser | null;
+    definitions: BlockDefinition[];
+    isDragging: boolean;
+    isTextEditing: boolean;
+    library: BlockLibrary;
+    pages: CanvasPage[];
+    runtime: EditorRuntime;
+    previewAuth: ResolvedEditorPreviewAuth;
+    selectedId: string | null;
+    selectedIds: string[];
+    siteTitle: string;
+    onActivatePage: (pageId: string) => void;
+    onRevisionChange: (revision: CanvasPageRevisionKind) => void;
+    onStage: () => void;
+    onUnstage: () => void;
+    onRenameSiteTitle: (title: string) => void;
+    onPreviewLogin: (user: PortalUser) => void;
+    onRenamePage: (pageId: string, title: string) => void;
+    onChangePagePath: (pageId: string, parentId: string | null, path: string) => void;
+    onAddToColumn: (columnId: string, blocks: PageNode[]) => void;
+    onOpenCollectionItem: (collection: string, itemId: string) => void;
+    onEditCollectionItem: (collection: string, itemId: string, patch: Partial<CollectionItem>) => void;
+    onAddCollectionItem: (collection: string) => void;
+    onEditServiceCardIcon: (blockId: string, iconId: string) => void;
+    onBlockDropOnBlock: (sourceId: string, targetId: string, x: number, y: number) => void;
+    onDraggingChange: (dragging: boolean) => void;
+    onEndTextEditing: () => void;
+    onInsertBlocks: (pageId: string, index: number, blocks: PageNode[]) => void;
+    onInsertBlocksToColumn: (columnId: string, index: number, blocks: PageNode[]) => void;
+    onMoveBlockToColumn: (blockId: string, columnId: string, index: number) => void;
+    onMoveBlockToIndex: (pageId: string, blockId: string, index: number) => void;
+    onRequestAddPage: (parentId: string | null) => void;
+    onSelect: (blockId: string | null, extend?: boolean) => void;
+    onOpenInspector: () => void;
+    onOpenPageInspector: () => void;
+    onUpdateItems: (blockId: string, items: LayoutColumnView[]) => void;
+};
+/**
+ * Figma-style canvas board: every page is on the board at once. Top-level
+ * pages flow left-to-right in seed order; child/detail pages stack below
+ * their parent in the same column. The board scrolls in both directions.
+ */
+export declare function Canvas({ globalViewport, activePageId, activeRevision, revisionBusy, pageStates, collectionPreviewItems, content, contentModel, currentUser, definitions, isDragging, isTextEditing, library, pages, runtime, previewAuth, selectedId, selectedIds, siteTitle, onActivatePage, onRevisionChange, onStage, onUnstage, onRenameSiteTitle, onPreviewLogin, onRenamePage, onChangePagePath, onAddToColumn, onOpenCollectionItem, onEditCollectionItem, onAddCollectionItem, onEditServiceCardIcon, onBlockDropOnBlock, onDraggingChange, onEndTextEditing, onInsertBlocks, onInsertBlocksToColumn, onMoveBlockToColumn, onMoveBlockToIndex, onRequestAddPage, onSelect, onOpenInspector, onOpenPageInspector, onUpdateItems, }: CanvasProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Canvas.d.ts.map

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

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

package/dist/components/Canvas.js

@@ -0,0 +1,238 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { scrollPageFrameIntoView } from "@batterai/canvas";
+import { normalizePagePath, parentPathOptions, splitPagePath } from "../pagePaths.js";
+import { useCanvasBackStack } from "../useCanvasBackStack.js";
+import { useCanvasCamera } from "../useCanvasCamera.js";
+import { useCanvasKeyboardNav } from "../useCanvasKeyboardNav.js";
+import { useColumnWindow } from "../useColumnWindow.js";
+import { CanvasBoard } from "./canvas/CanvasBoard.js";
+import { EXPANDED_COLUMN_WIDTH } from "./canvas/column-window.js";
+import { VIEWPORT_WIDTHS } from "./page-frame/viewport.js";
+import { CANVAS_DESELECT_IGNORE_SELECTOR, CANVAS_KEYBOARD_IGNORE_SELECTOR, } from "./canvas/keyboard-nav.js";
+import { isInternalHref } from "./canvas/links.js";
+import { buildPageTopology } from "../model/page-topology.js";
+/**
+ * Figma-style canvas board: every page is on the board at once. Top-level
+ * pages flow left-to-right in seed order; child/detail pages stack below
+ * their parent in the same column. The board scrolls in both directions.
+ */
+export function Canvas({ globalViewport, activePageId, activeRevision, revisionBusy, pageStates, collectionPreviewItems, content, contentModel, currentUser, definitions, isDragging, isTextEditing, library, pages, runtime, previewAuth, selectedId, selectedIds, siteTitle, onActivatePage, onRevisionChange, onStage, onUnstage, onRenameSiteTitle, onPreviewLogin, onRenamePage, onChangePagePath, onAddToColumn, onOpenCollectionItem, onEditCollectionItem, onAddCollectionItem, onEditServiceCardIcon, onBlockDropOnBlock, onDraggingChange, onEndTextEditing, onInsertBlocks, onInsertBlocksToColumn, onMoveBlockToColumn, onMoveBlockToIndex, onRequestAddPage, onSelect, onOpenInspector, onOpenPageInspector, onUpdateItems, }) {
+    const [movingBlockId, setMovingBlockId] = useState(null);
+    // Zoom/pan controller (constants, refs, DOM writes, gesture settling). The
+    // refs it owns — shell/board/sizer/zoomLabel + the settle timer + zoomRef —
+    // are shared back here because the column-window code below reads them.
+    const { zoom, shellRef, boardRef, sizerRef, zoomLabelRef, settleTimerRef, zoomRef, zoomLabelDragRef, applyZoom, centerFrameOnViewport, handleZoomLabelPointerDown, } = useCanvasCamera({ onActivatePage });
+    // Back history, read by handleLogin below to pick the return page.
+    const { backStack, handleBack } = useCanvasBackStack({ activePageId, onActivatePage });
+    const [authReturnPageId, setAuthReturnPageId] = useState(null);
+    const pageTopology = useMemo(() => buildPageTopology(pages), [pages]);
+    const topLevel = pageTopology.roots;
+    const pagesInColumn = (topLevelId) => pageTopology.pagesByRoot.get(topLevelId) ?? [];
+    const parentPathOptionsFor = (page) => parentPathOptions(pages, page);
+    const [pageViewports, setPageViewports] = useState({});
+    useEffect(() => {
+        setPageViewports({});
+    }, [globalViewport]);
+    const viewportForPage = (pageId) => pageViewports[pageId] ?? globalViewport;
+    const setPageViewport = (pageId, viewport) => {
+        setPageViewports((current) => ({ ...current, [pageId]: viewport }));
+    };
+    // Pages toggled to show all three viewport variants side by side. Owned here
+    // (not inside PageFrame) because an expanded frame widens its whole column,
+    // which shifts every downstream column and changes the lazy-load offsets.
+    const [expandedPages, setExpandedPages] = useState(new Set());
+    const toggleExpanded = (pageId) => setExpandedPages((current) => {
+        const next = new Set(current);
+        if (next.has(pageId))
+            next.delete(pageId);
+        else
+            next.add(pageId);
+        return next;
+    });
+    // A column is wide when its top-level page OR any of its stacked children is
+    // showing all viewports.
+    const columnExpanded = (topLevelId) => pagesInColumn(topLevelId).some((candidate) => expandedPages.has(candidate.id));
+    const columnWidth = (topLevelId) => columnExpanded(topLevelId)
+        ? EXPANDED_COLUMN_WIDTH
+        : Math.max(...pagesInColumn(topLevelId).map((page) => VIEWPORT_WIDTHS[viewportForPage(page.id)]));
+    const authConfig = previewAuth;
+    const loginPage = pages.find((page) => page.id === authConfig.loginPageId) ??
+        pages.find((page) => page.path === "/login") ??
+        null;
+    function activateAndScroll(pageId, behavior = "smooth") {
+        onActivatePage(pageId);
+        scrollPageFrameIntoView(pageId, behavior);
+    }
+    const { handleCanvasKeyDown } = useCanvasKeyboardNav({
+        boardRef,
+        shellRef,
+        pages,
+        topLevel,
+        pagesInColumn,
+        activePageId,
+        selectedId,
+        isTextEditing,
+        onSelect,
+        setMovingBlockId,
+        activateAndScroll,
+    });
+    function redirectToLogin(targetPage) {
+        if (!loginPage || loginPage.id === targetPage.id)
+            return false;
+        setAuthReturnPageId(targetPage.id);
+        requestAnimationFrame(() => activateAndScroll(loginPage.id));
+        return true;
+    }
+    function requestPage(targetPage) {
+        if (previewAuth.isProtectedPage(targetPage) && !currentUser)
+            return redirectToLogin(targetPage);
+        requestAnimationFrame(() => activateAndScroll(targetPage.id));
+        return true;
+    }
+    function handleLogin(user) {
+        onPreviewLogin(user);
+        let previousPageId;
+        for (let index = backStack.length - 1; index >= 0; index -= 1) {
+            if (backStack[index] !== loginPage?.id) {
+                previousPageId = backStack[index];
+                break;
+            }
+        }
+        const targetId = authReturnPageId && pages.some((page) => page.id === authReturnPageId)
+            ? authReturnPageId
+            : previousPageId;
+        setAuthReturnPageId(null);
+        if (targetId && targetId !== activePageId) {
+            requestAnimationFrame(() => activateAndScroll(targetId));
+        }
+    }
+    // Which top-level columns (parent + its children) are fully mounted — the
+    // lazy-load window that keeps the board cheap with many pages on it.
+    const { loadedColumns } = useColumnWindow({
+        shellRef,
+        zoomRef,
+        settleTimerRef,
+        zoom,
+        topLevel,
+        activePageId,
+        topLevelAncestorOf: (pageId) => pageTopology.topLevelAncestorById.get(pageId) ?? pageId,
+        columnWidth,
+        isDragging,
+        expandedPages,
+    });
+    useEffect(() => {
+        const activePage = pages.find((page) => page.id === activePageId);
+        if (!activePage || !previewAuth.isProtectedPage(activePage) || currentUser)
+            return;
+        redirectToLogin(activePage);
+    }, [activePageId, currentUser, loginPage?.id, pages]);
+    // Any in-canvas link (nav, CTA, card) that points to another page's own
+    // path jumps to and centers that page's frame — the same "go look at it"
+    // shortcut as opening a collection item, generalized to whole pages. This
+    // has to be a native capture-phase listener: handleBlockSelectClick calls
+    // stopPropagation on every block click, so a React onClick on the board
+    // would never see clicks that originate inside a block.
+    useEffect(() => {
+        const shell = shellRef.current;
+        if (!shell)
+            return;
+        function jumpToPath(href) {
+            const normalizedHref = normalizePagePath(href);
+            const targetPage = pages.find((page) => normalizePagePath(page.path) === normalizedHref);
+            if (!targetPage) {
+                for (const detailPage of pages) {
+                    const collection = detailPage.contentBinding?.contentType;
+                    if (!collection)
+                        continue;
+                    const { parentPath } = splitPagePath(normalizePagePath(detailPage.path));
+                    const basePath = normalizePagePath(parentPath ?? "/");
+                    const prefix = basePath === "/" ? "/" : `${basePath}/`;
+                    if (!normalizedHref.startsWith(prefix))
+                        continue;
+                    const slug = normalizedHref.slice(prefix.length);
+                    const item = contentModel
+                        .collectionItems(content, collection)
+                        .find((candidate) => (candidate.slug || candidate.id) === slug);
+                    if (!item)
+                        continue;
+                    onOpenCollectionItem(collection, item.id);
+                    return true;
+                }
+                return false;
+            }
+            if (targetPage.id === activePageId && (!previewAuth.isProtectedPage(targetPage) || currentUser)) {
+                return false;
+            }
+            return requestPage(targetPage);
+        }
+        function handleLinkClick(event) {
+            if (!(event.target instanceof Element))
+                return;
+            // The corner navigate icon always wins, in any mode: for a
+            // cover-interaction block (whole surface is one link) a surface click
+            // selects the block, so this icon is the ONLY way to follow its link.
+            const navIcon = event.target.closest(".be-block-nav");
+            if (navIcon) {
+                event.preventDefault();
+                event.stopImmediatePropagation();
+                if (jumpToPath(navIcon.getAttribute("href") ?? ""))
+                    onSelect(null);
+                return;
+            }
+            // Every in-canvas anchor pointing at an internal path (nav item, CTA,
+            // card, portal link) is a *preview* link, never a real navigation: the
+            // board either jumps to that page's frame or — in an edit/selection
+            // context below — lets the click select the block. In all of these the
+            // browser must NOT follow the href, which would unload the whole editor.
+            // So cancel the default here, before the mode/selection guards, for any
+            // internal link. External links and new-tab links are left to behave
+            // normally. preventDefault doesn't stop propagation, so block selection
+            // (a bubble-phase handler) still fires.
+            const anchor = event.target.closest("a[href]");
+            const href = anchor?.getAttribute("href");
+            if (anchor && href && anchor.target !== "_blank" && isInternalHref(href)) {
+                event.preventDefault();
+            }
+            if (runtime.editMode)
+                return;
+            // A cover-interaction block's whole surface is a link; in the editor that
+            // click must select the block so it can be edited, not navigate away.
+            if (event.target.closest("[data-cover-interaction]"))
+                return;
+            // A selected block is an editing context: clicking a link's text there
+            // means "edit this", not "navigate there".
+            if (event.target.closest(".editable-block.is-selected, .be-nested-block.is-selected")) {
+                return;
+            }
+            if (!href)
+                return;
+            if (jumpToPath(href)) {
+                onSelect(null);
+                event.stopImmediatePropagation();
+            }
+        }
+        shell.addEventListener("click", handleLinkClick, true);
+        return () => shell.removeEventListener("click", handleLinkClick, true);
+    }, [pages, runtime.editMode, activePageId, currentUser, onSelect, onOpenCollectionItem, content, contentModel]);
+    function handleBoardClick(event) {
+        const target = event.target;
+        if (event.defaultPrevented ||
+            (target instanceof Element && target.closest(CANVAS_DESELECT_IGNORE_SELECTOR))) {
+            return;
+        }
+        setMovingBlockId(null);
+        onSelect(null);
+    }
+    function handleBoardMouseDown(event) {
+        const target = event.target;
+        if (target instanceof Element && !target.closest(".is-editable-text")) {
+            onEndTextEditing();
+        }
+        if (target instanceof Element && !target.closest(CANVAS_KEYBOARD_IGNORE_SELECTOR)) {
+            shellRef.current?.focus({ preventScroll: true });
+        }
+    }
+    return (_jsx(CanvasBoard, { viewportForPage: viewportForPage, setPageViewport: setPageViewport, activePageId: activePageId, activeRevision: activeRevision, revisionBusy: revisionBusy, pageStates: pageStates, collectionPreviewItems: collectionPreviewItems, content: content, contentModel: contentModel, currentUser: currentUser, definitions: definitions, isDragging: isDragging, isTextEditing: isTextEditing, library: library, pages: pages, runtime: runtime, selectedId: selectedId, selectedIds: selectedIds, siteTitle: siteTitle, topLevel: topLevel, pagesInColumn: pagesInColumn, columnExpanded: columnExpanded, expandedPages: expandedPages, toggleExpanded: toggleExpanded, movingBlockId: movingBlockId, setMovingBlockId: setMovingBlockId, parentPathOptionsFor: parentPathOptionsFor, backStack: backStack, loadedColumns: loadedColumns, zoom: zoom, shellRef: shellRef, boardRef: boardRef, sizerRef: sizerRef, zoomLabelRef: zoomLabelRef, zoomRef: zoomRef, zoomLabelDragRef: zoomLabelDragRef, applyZoom: applyZoom, centerFrameOnViewport: centerFrameOnViewport, handleZoomLabelPointerDown: handleZoomLabelPointerDown, handleCanvasKeyDown: handleCanvasKeyDown, handleBoardClick: handleBoardClick, handleBoardMouseDown: handleBoardMouseDown, handleBack: handleBack, handleLogin: handleLogin, previewAuth: previewAuth, onActivatePage: onActivatePage, onRevisionChange: onRevisionChange, onStage: onStage, onUnstage: onUnstage, onRenameSiteTitle: onRenameSiteTitle, onRenamePage: onRenamePage, onChangePagePath: onChangePagePath, onAddToColumn: onAddToColumn, onOpenCollectionItem: onOpenCollectionItem, onEditCollectionItem: onEditCollectionItem, onAddCollectionItem: onAddCollectionItem, onEditServiceCardIcon: onEditServiceCardIcon, onBlockDropOnBlock: onBlockDropOnBlock, onDraggingChange: onDraggingChange, onInsertBlocks: onInsertBlocks, onInsertBlocksToColumn: onInsertBlocksToColumn, onMoveBlockToColumn: onMoveBlockToColumn, onMoveBlockToIndex: onMoveBlockToIndex, onRequestAddPage: onRequestAddPage, onSelect: onSelect, onOpenInspector: onOpenInspector, onOpenPageInspector: onOpenPageInspector, onUpdateItems: onUpdateItems }));
+}
+//# sourceMappingURL=Canvas.js.map

package/dist/components/Canvas.js.map

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

package/dist/components/CollaborationLayer.d.ts

@@ -0,0 +1,13 @@
+import { type EditorCollaborationView } from "../collaboration";
+export type CollaborationMarker = {
+    readonly nodeId: string;
+    readonly displayName: string;
+    readonly avatar: string;
+    readonly color: string;
+    readonly locked: boolean;
+};
+export declare function collaborationMarkers(view: EditorCollaborationView): CollaborationMarker[];
+export declare function CollaborationLayer({ view }: {
+    readonly view: EditorCollaborationView;
+}): import("react").JSX.Element;
+//# sourceMappingURL=CollaborationLayer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollaborationLayer.d.ts","sourceRoot":"","sources":["../../src/components/CollaborationLayer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwB,KAAK,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAEtF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;CAC1B,CAAC;AAeF,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,uBAAuB,GAAG,mBAAmB,EAAE,CAmCzF;AAED,wBAAgB,kBAAkB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,uBAAuB,CAAA;CAAE,+BAmDtF"}

package/dist/components/CollaborationLayer.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { collaboratorIdentity } from "../collaboration.js";
+function isCurrentUserSession(view, sessionId, displayName, color) {
+    if (sessionId === view.sessionId)
+        return true;
+    const currentUser = view.roster.find((entry) => entry.sessionId === view.sessionId);
+    if (!currentUser || !displayName || !color)
+        return false;
+    return collaboratorIdentity(displayName, color) ===
+        collaboratorIdentity(currentUser.displayName, currentUser.color);
+}
+export function collaborationMarkers(view) {
+    const roster = new Map(view.roster.map((entry) => [entry.sessionId, entry]));
+    const markers = new Map();
+    for (const presence of view.presence) {
+        const identity = roster.get(presence.sessionId);
+        if (isCurrentUserSession(view, presence.sessionId, identity?.displayName, identity?.color))
+            continue;
+        for (const target of presence.selection ?? []) {
+            if (target.kind !== "block-edit" && target.kind !== "subtree-structure")
+                continue;
+            const displayName = identity?.displayName ?? "Another editor";
+            markers.set(target.nodeId, {
+                nodeId: target.nodeId,
+                displayName,
+                avatar: displayName.trim().slice(0, 1).toUpperCase(),
+                color: identity?.color ?? "#5965d8",
+                locked: false,
+            });
+        }
+    }
+    for (const lock of view.locks) {
+        if (isCurrentUserSession(view, lock.holderSessionId, lock.holderName, lock.holderColor))
+            continue;
+        if (lock.target.kind !== "block-edit" && lock.target.kind !== "subtree-structure")
+            continue;
+        markers.set(lock.target.nodeId, {
+            nodeId: lock.target.nodeId,
+            displayName: lock.holderName,
+            avatar: lock.holderName.trim().slice(0, 1).toUpperCase(),
+            color: lock.holderColor,
+            locked: true,
+        });
+    }
+    return [...markers.values()];
+}
+export function CollaborationLayer({ view }) {
+    useEffect(() => {
+        const marked = document.querySelectorAll("[data-collab-selected-by]");
+        marked.forEach((element) => {
+            element.removeAttribute("data-collab-selected-by");
+            element.removeAttribute("data-collab-locked-by");
+            element.removeAttribute("data-collab-avatar");
+            element.style.removeProperty("--collab-selection-color");
+        });
+        for (const marker of collaborationMarkers(view)) {
+            const element = document.querySelector(`[data-block-id="${CSS.escape(marker.nodeId)}"]`);
+            if (!element)
+                continue;
+            element.dataset.collabSelectedBy = marker.displayName;
+            if (marker.locked)
+                element.dataset.collabLockedBy = marker.displayName;
+            element.dataset.collabAvatar = marker.avatar;
+            element.style.setProperty("--collab-selection-color", marker.color);
+        }
+        return () => {
+            document.querySelectorAll("[data-collab-selected-by]").forEach((element) => {
+                element.removeAttribute("data-collab-selected-by");
+                element.removeAttribute("data-collab-locked-by");
+                element.removeAttribute("data-collab-avatar");
+                element.style.removeProperty("--collab-selection-color");
+            });
+        };
+    }, [view.locks, view.presence, view.roster, view.sessionId]);
+    const roster = new Map(view.roster.map((entry) => [entry.sessionId, entry]));
+    return (_jsx("div", { className: "collab-pointer-layer", "aria-hidden": "true", children: view.presence.flatMap((presence) => {
+            const identity = roster.get(presence.sessionId);
+            if (isCurrentUserSession(view, presence.sessionId, identity?.displayName, identity?.color))
+                return [];
+            if (!presence.pointer)
+                return [];
+            const avatar = (identity?.displayName ?? "Editor").trim().slice(0, 1).toUpperCase();
+            return [(_jsx("div", { className: "collab-pointer", style: {
+                        left: presence.pointer.x,
+                        top: presence.pointer.y,
+                        "--collab-color": identity?.color ?? "#5965d8",
+                    }, children: _jsx("span", { title: identity?.displayName ?? "Editor", children: avatar }) }, presence.sessionId))];
+        }) }));
+}
+//# sourceMappingURL=CollaborationLayer.js.map

package/dist/components/CollaborationLayer.js.map

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

package/dist/components/DesignSettingsPanel.d.ts

@@ -0,0 +1,10 @@
+import type { BlockNode } from "@batterai/bind-core";
+import type { BlockDefinition, BlockDesignSettings } from "../types";
+type Props = {
+    block: BlockNode;
+    definition: BlockDefinition;
+    onChange: (settings: BlockDesignSettings) => void;
+};
+export declare function DesignSettingsPanel({ block, definition, onChange }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=DesignSettingsPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DesignSettingsPanel.d.ts","sourceRoot":"","sources":["../../src/components/DesignSettingsPanel.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAmB,MAAM,UAAU,CAAC;AAEtF,KAAK,KAAK,GAAG;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,UAAU,EAAE,eAAe,CAAC;IAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,mBAAmB,KAAK,IAAI,CAAA;CAAE,CAAC;AAelH,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,KAAK,+BAkDzE"}

package/dist/components/DesignSettingsPanel.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { blockDesign, blockDesignDefaults, designsEqual } from "../designSettings.js";
+import { DragNumberInput } from "@batterai/canvas";
+import { CANVAS_SPACING_TOKENS, } from "@batterai/contract";
+const SPACING_VALUES = Object.values(CANVAS_SPACING_TOKENS);
+function spacingPx(value) {
+    return CANVAS_SPACING_TOKENS[value.token];
+}
+function spacingToken(value) {
+    const token = Object.entries(CANVAS_SPACING_TOKENS)
+        .find(([, pixels]) => pixels === value)?.[0] ?? "space-0";
+    return { type: "token", token };
+}
+export function DesignSettingsPanel({ block, definition, onChange }) {
+    const defaults = blockDesignDefaults(definition);
+    const design = blockDesign(block, definition);
+    function updateSizing(key, value) {
+        onChange({ ...design, sizing: { ...design.sizing, [key]: value } });
+    }
+    function updateBox(box, side, value) {
+        onChange({ ...design, [box]: { ...design[box], [side]: spacingToken(value) } });
+    }
+    const spacingInput = (box, side) => (_jsx(DragNumberInput, { allowedValues: SPACING_VALUES, label: `${side[0].toUpperCase()}${side.slice(1)} ${box}`, value: spacingPx(design[box][side]), onChange: (value) => updateBox(box, side, value) }));
+    return (_jsxs("div", { className: "design-panel", children: [_jsxs("section", { className: "box-model-card", "aria-label": "Sizing, margin, and padding", children: [_jsxs("div", { className: "box-row box-row-top", children: [_jsx("span", { children: "Margin" }), spacingInput("margin", "top")] }), _jsxs("div", { className: "box-middle", children: [spacingInput("margin", "left"), _jsxs("div", { className: "padding-box", children: [_jsxs("div", { className: "box-row box-row-top", children: [_jsx("span", { children: "Padding" }), spacingInput("padding", "top")] }), _jsxs("div", { className: "box-middle", children: [spacingInput("padding", "left"), _jsxs("div", { className: "content-box", "aria-label": "Width and height", children: [_jsx(DragNumberInput, { label: "Width", max: 100, min: 20, suffix: "%", value: design.sizing.width, onChange: (value) => updateSizing("width", value) }), _jsx("span", { className: "content-box-x", "aria-hidden": "true", children: "\u00D7" }), _jsx(DragNumberInput, { label: "Min. height", max: 1600, suffix: "px", value: design.sizing.minHeight, onChange: (value) => updateSizing("minHeight", value) })] }), spacingInput("padding", "right")] }), spacingInput("padding", "bottom")] }), spacingInput("margin", "right")] }), spacingInput("margin", "bottom")] }), designsEqual(design, defaults) ? (_jsx("p", { className: "design-note", children: "This block uses the default settings from the block definition." })) : null] }));
+}
+//# sourceMappingURL=DesignSettingsPanel.js.map

package/dist/components/DesignSettingsPanel.js.map

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

package/dist/components/EditableDate.d.ts

@@ -0,0 +1,24 @@
+import type { ElementType } from "react";
+import type { EditorRuntime } from "../translation";
+type EditableDateProps = {
+    runtime: EditorRuntime;
+    blockId: string;
+    field: string;
+    /** ISO date string (yyyy-mm-dd) — the stored value; the browser renders it
+     * localized inside the picker. */
+    value: string;
+    as?: ElementType;
+    className?: string;
+};
+/**
+ * Same philosophy as EditableText, for the date type: the value renders as
+ * plain text with no chrome. With direct editing on, clicking it opens the
+ * native calendar picker only — the text is never swapped for a segmented,
+ * keyboard-editable date field. A transparent <input type="date"> is overlaid
+ * purely to host showPicker() and receive the chosen date; the visible text
+ * stays a plain <time>. Dates are not per-locale content, so editing is limited
+ * to the base locale; commits flow through the same runtime channel as text.
+ */
+export declare function EditableDate({ runtime, blockId, field, value, as, className }: EditableDateProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=EditableDate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditableDate.d.ts","sourceRoot":"","sources":["../../src/components/EditableDate.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,aAAa,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd;sCACkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BA+ChG"}