@batterai/editor-shell 0.1.0

package/dist/components/PageFrame.d.ts

@@ -0,0 +1,75 @@
+import type { ReactNode } from "react";
+import type { EditorRuntime } from "../translation";
+import type { ParentPathOption, PagePathUpdate, 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";
+export declare function pageContentPreviewPath(page: CanvasPage, content: CmsContent, contentModel: Pick<EditorShellContentModel, "collectionItems">, collectionPreviewItems: Record<string, string>): string | null;
+export type PageFrameProps = {
+    collectionPreviewItems: Record<string, string>;
+    content: CmsContent;
+    contentModel: EditorShellContentModel;
+    definitions: BlockDefinition[];
+    /** When set, the frame is protected and renders this neutral placeholder
+     * instead of sensitive page blocks until the visitor logs in. */
+    lockedGate?: ReactNode;
+    /** A preview-auth page gets the app-shell treatment so it reads as a
+     * structured signed-in surface rather than edge-to-edge stacked cards. */
+    isPortal?: boolean;
+    isActive: boolean;
+    pageState?: HostPageState;
+    activeRevision: CanvasPageRevisionKind;
+    revisionBusy: boolean;
+    isDragging: boolean;
+    /** Show all three viewport variants (mobile/tablet/desktop) side by side.
+     * Owned by Canvas so it can widen this page's column and keep the
+     * lazy-load window's column offsets correct. */
+    isExpanded: boolean;
+    isTextEditing: boolean;
+    library: BlockLibrary;
+    movingBlockId: string | null;
+    page: CanvasPage;
+    viewport: Viewport;
+    parentPathOptions: ParentPathOption[];
+    runtime: EditorRuntime;
+    selectedIds: string[];
+    selectedId: string | null;
+    onActivate: () => void;
+    onRevisionChange: (revision: CanvasPageRevisionKind) => void;
+    onStage: () => void;
+    onUnstage: () => void;
+    onChangePagePath: (next: PagePathUpdate) => void;
+    onRenamePage: (title: string) => void;
+    onToggleExpanded: () => void;
+    /** Center this frame's viewport horizontally in the canvas after a device
+     * switch (Canvas owns the scroll container + zoom). */
+    onViewportChange: (pageId: string, frameWidthPx: number) => void;
+    onViewportSelect: (viewport: Viewport) => 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;
+    onPreviewLogin: (user: PortalUser) => void;
+    /** A placed block was dropped ON TOP of another top-level block — offer the
+     * swap/replace choice at the drop point (viewport coords). */
+    onBlockDropOnBlock: (sourceId: string, targetId: string, x: number, y: number) => void;
+    onDraggingChange: (dragging: boolean) => void;
+    onInsertBlocks: (index: number, blocks: PageNode[]) => void;
+    onInsertBlocksToColumn: (columnId: string, index: number, blocks: PageNode[]) => void;
+    onMoveBlockToColumn: (blockId: string, columnId: string, index: number) => void;
+    onMoveBlockToIndex: (blockId: string, index: number) => void;
+    onMoveModeChange: (blockId: string | null) => void;
+    onSelect: (blockId: string | null, extend?: boolean) => void;
+    /** Open the (default-closed) inspector — fired by a block's corner gear. */
+    onOpenInspector: () => void;
+    /** Open page-level inspector — fired by the selected page frame's gear. */
+    onOpenPageInspector: () => void;
+    onUpdateItems: (blockId: string, items: LayoutColumnView[]) => void;
+};
+/** One page on the canvas board: a Figma-style frame label plus the live,
+ * fully editable page preview that used to be the single-page canvas. */
+export declare function PageFrame({ collectionPreviewItems, content, contentModel, definitions, lockedGate, isPortal, isActive, pageState, activeRevision, revisionBusy, isDragging, isExpanded, isTextEditing, library, movingBlockId, page, viewport, parentPathOptions, runtime, selectedId, selectedIds, onActivate, onRevisionChange, onStage, onUnstage, onChangePagePath, onRenamePage, onToggleExpanded, onViewportChange, onViewportSelect, onAddToColumn, onOpenCollectionItem, onEditCollectionItem, onAddCollectionItem, onEditServiceCardIcon, onPreviewLogin, onBlockDropOnBlock, onDraggingChange, onInsertBlocks, onInsertBlocksToColumn, onMoveBlockToColumn, onMoveBlockToIndex, onMoveModeChange, onSelect, onOpenInspector, onOpenPageInspector, onUpdateItems, }: PageFrameProps): import("react").JSX.Element;
+//# sourceMappingURL=PageFrame.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageFrame.d.ts","sourceRoot":"","sources":["../../src/components/PageFrame.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAUpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACxF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAChF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,KAAK,EACV,eAAe,EACf,YAAY,EACZ,UAAU,EACV,cAAc,EACd,UAAU,EACV,UAAU,EACX,MAAM,UAAU,CAAC;AAClB,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,UAAU,EACnB,YAAY,EAAE,IAAI,CAAC,uBAAuB,EAAE,iBAAiB,CAAC,EAC9D,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC7C,MAAM,GAAG,IAAI,CAcf;AACD,MAAM,MAAM,cAAc,GAAG;IAC3B,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,OAAO,EAAE,UAAU,CAAC;IACpB,YAAY,EAAE,uBAAuB,CAAC;IACtC,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B;qEACiE;IACjE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;8EAC0E;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,cAAc,EAAE,sBAAsB,CAAC;IACvC,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB;;oDAEgD;IAChD,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;IACtB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,QAAQ,CAAC;IACnB,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC7D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,gBAAgB,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B;2DACuD;IACvD,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,gBAAgB,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC/C,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IAC9D,oBAAoB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,oBAAoB,EAAE,CACpB,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,OAAO,CAAC,cAAc,CAAC,KAC3B,IAAI,CAAC;IACV,mBAAmB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,qBAAqB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,cAAc,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3C;kEAC8D;IAC9D,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACvF,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IAC5D,sBAAsB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACtF,mBAAmB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChF,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,gBAAgB,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D,4EAA4E;IAC5E,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,2EAA2E;IAC3E,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;CACrE,CAAC;AACF;yEACyE;AACzE,wBAAgB,SAAS,CAAC,EACxB,sBAAsB,EACtB,OAAO,EACP,YAAY,EACZ,WAAW,EACX,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,cAAc,EACd,YAAY,EACZ,UAAU,EACV,UAAU,EACV,aAAa,EACb,OAAO,EACP,aAAa,EACb,IAAI,EACJ,QAAQ,EACR,iBAAiB,EACjB,OAAO,EACP,UAAU,EACV,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,OAAO,EACP,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,EACrB,cAAc,EACd,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,EACd,sBAAsB,EACtB,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,aAAa,GACd,EAAE,cAAc,+BA6OhB"}

package/dist/components/PageFrame.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { usePageTitleEditor } from "../usePageTitleEditor.js";
+import { usePagePathEditor } from "../usePagePathEditor.js";
+import { useTextFocusIntent } from "../useTextFocusIntent.js";
+import { joinPagePath, normalizePagePath, splitPagePath } from "../pageActions.js";
+import { InsertSlot } from "./page-frame/InsertSlot.js";
+import { PageFrameBlockList } from "./page-frame/PageFrameBlockList.js";
+import { PageFrameControls } from "./page-frame/PageFrameControls.js";
+import { PageFramePathEditor } from "./page-frame/PageFramePathEditor.js";
+import { VIEWPORT_OPTIONS, VIEWPORT_WIDTHS } from "./page-frame/viewport.js";
+export function pageContentPreviewPath(page, content, contentModel, collectionPreviewItems) {
+    const binding = page.contentBinding;
+    if (!binding?.contentType || binding.entryRef)
+        return null;
+    const contentType = binding.contentType;
+    const items = contentModel.collectionItems(content, contentType);
+    const selected = items.find((item) => item.id === collectionPreviewItems[contentType]) ??
+        (binding.entryRef ? items.find((item) => item.id === binding.entryRef) : null) ??
+        items[0] ??
+        null;
+    if (!selected)
+        return null;
+    const rawSlug = typeof selected.slug === "string" && selected.slug.trim() ? selected.slug : selected.id;
+    const { parentPath } = splitPagePath(normalizePagePath(page.path));
+    return joinPagePath(parentPath ?? "/", rawSlug);
+}
+/** One page on the canvas board: a Figma-style frame label plus the live,
+ * fully editable page preview that used to be the single-page canvas. */
+export function PageFrame({ collectionPreviewItems, content, contentModel, definitions, lockedGate, isPortal, isActive, pageState, activeRevision, revisionBusy, isDragging, isExpanded, isTextEditing, library, movingBlockId, page, viewport, parentPathOptions, runtime, selectedId, selectedIds, onActivate, onRevisionChange, onStage, onUnstage, onChangePagePath, onRenamePage, onToggleExpanded, onViewportChange, onViewportSelect, onAddToColumn, onOpenCollectionItem, onEditCollectionItem, onAddCollectionItem, onEditServiceCardIcon, onPreviewLogin, onBlockDropOnBlock, onDraggingChange, onInsertBlocks, onInsertBlocksToColumn, onMoveBlockToColumn, onMoveBlockToIndex, onMoveModeChange, onSelect, onOpenInspector, onOpenPageInspector, onUpdateItems, }) {
+    const [openInsertSlot, setOpenInsertSlot] = useState(null);
+    const previewPath = useMemo(() => pageContentPreviewPath(page, content, contentModel, collectionPreviewItems), [collectionPreviewItems, content, contentModel, page]);
+    const effectivePagePath = previewPath ?? normalizePagePath(page.path);
+    const effectivePathParts = splitPagePath(effectivePagePath);
+    const pageRuntime = useMemo(() => ({ ...runtime, currentPath: effectivePagePath }), [runtime, effectivePagePath]);
+    const [dropOverBlockId, setDropOverBlockId] = useState(null);
+    useEffect(() => {
+        if (!isDragging)
+            setDropOverBlockId(null);
+    }, [isDragging]);
+    const [gearCornerBlockId, setGearCornerBlockId] = useState(null);
+    const [selectedViewport, setSelectedViewport] = useState("desktop");
+    const { pendingTextFocus, setPendingTextFocus, handleTextPointerIntent, handleTextClickFocus } = useTextFocusIntent({ runtime });
+    const title = usePageTitleEditor({ title: page.title, onActivate, onSelect, onRenamePage });
+    const path = usePagePathEditor({
+        page,
+        parentPathOptions,
+        onActivate,
+        onSelect,
+        onChangePagePath,
+    });
+    const rendererActions = {
+        onEditServiceCardIcon,
+        onPreviewLogin,
+        onOpenCollectionItem,
+        onEditCollectionItem,
+        collectionPreviewItems,
+    };
+    function isInsertSlotNearSelection(index, slotSelectedIds) {
+        return page.root.some((node, rootIndex) => node.kind === "block" &&
+            slotSelectedIds.includes(node.id) &&
+            (index === rootIndex || index === rootIndex + 1));
+    }
+    function renderInsertSlot(slotViewport, index, edge, isEmpty = false, slotSelectedIds = selectedIds) {
+        return (_jsx(InsertSlot, { index: index, edge: edge, isEmpty: isEmpty, isNearSelected: isInsertSlotNearSelection(index, slotSelectedIds), isOpen: openInsertSlot?.viewport === slotViewport && openInsertSlot.index === index, library: library, movingBlockId: movingBlockId, onClose: () => setOpenInsertSlot(null), onInsertBlocks: onInsertBlocks, onMoveBlock: onMoveBlockToIndex, onMoveModeChange: onMoveModeChange, onOpen: (nextIndex) => setOpenInsertSlot({ viewport: slotViewport, index: nextIndex }) }));
+    }
+    const shownViewports = isExpanded ? ["mobile", "tablet", "desktop"] : [viewport];
+    return (_jsxs("section", { className: `page-frame ${isActive ? "is-active" : ""} ${isExpanded ? "is-expanded" : ""}`, "aria-selected": isActive, "data-page-id": page.id, "data-viewport": isExpanded ? "all" : viewport, style: { "--frame-width": `${VIEWPORT_WIDTHS[viewport]}px` }, children: [_jsxs("header", { className: "page-frame-label", onClick: (event) => {
+                    event.stopPropagation();
+                    onSelect(null);
+                    onActivate();
+                }, children: [_jsx("span", { ref: title.titleRef, "aria-label": title.isEditingTitle ? "Page title" : `Edit page title: ${page.title}`, className: `page-frame-title ${title.isEditingTitle ? "is-editing" : ""}`, contentEditable: title.isEditingTitle ? "plaintext-only" : false, "data-title-editing": title.isEditingTitle ? "true" : undefined, role: title.isEditingTitle ? "textbox" : "button", suppressContentEditableWarning: true, tabIndex: 0, title: "Edit page title", onBlur: title.isEditingTitle ? title.commitTitleEdit : undefined, onClick: title.handleTitleClick, onKeyDown: title.handleTitleKeyDown, onMouseDown: (event) => event.stopPropagation(), onPaste: title.isEditingTitle ? title.handleTitlePaste : undefined, children: page.title }), _jsx(PageFramePathEditor, { page: page, pagePath: effectivePagePath, pathParts: effectivePathParts, parentPath: effectivePathParts.parentPath ?? "/", isRootPath: effectivePagePath === "/", isPreviewPath: Boolean(previewPath), isEditingPathSegment: path.isEditingPathSegment, pathSegmentRef: path.pathSegmentRef, isParentPickerOpen: path.isParentPickerOpen, parentQuery: path.parentQuery, parentPickerRef: path.parentPickerRef, parentPickerInputRef: path.parentPickerInputRef, filteredParentPathOptions: path.filteredParentPathOptions, setParentQuery: path.setParentQuery, startPathSegmentEdit: path.startPathSegmentEdit, commitPathSegmentEdit: path.commitPathSegmentEdit, handlePathSegmentKeyDown: path.handlePathSegmentKeyDown, handlePathSegmentPaste: path.handlePathSegmentPaste, openParentPicker: path.openParentPicker, selectParentPath: path.selectParentPath, handleParentQueryKeyDown: path.handleParentQueryKeyDown }), _jsx(PageFrameControls, { pageId: page.id, viewport: viewport, isExpanded: isExpanded, isActive: isActive, pageState: pageState, activeRevision: activeRevision, revisionBusy: revisionBusy, setViewport: onViewportSelect, onToggleExpanded: onToggleExpanded, onViewportChange: onViewportChange, onActivate: onActivate, onRevisionChange: onRevisionChange, onStage: onStage, onUnstage: onUnstage, onSelect: onSelect, onOpenPageInspector: onOpenPageInspector })] }), _jsx("div", { className: "page-frame-viewports", children: shownViewports.map((vp) => {
+                    const activeHere = !isExpanded || selectedViewport === vp;
+                    const scopedSelectedIds = activeHere ? selectedIds : [];
+                    const scopedSelectedId = activeHere ? selectedId : null;
+                    const selectHere = (blockId, extend) => {
+                        setSelectedViewport(vp);
+                        onSelect(blockId, extend);
+                    };
+                    const renderScopedInsertSlot = (index, edge, isEmpty = false) => renderInsertSlot(vp, index, edge, isEmpty, scopedSelectedIds);
+                    return (_jsxs("div", { className: "page-frame-viewport", style: { "--frame-width": `${VIEWPORT_WIDTHS[vp]}px` }, children: [isExpanded ? (_jsxs("span", { className: "page-frame-viewport-caption", children: [VIEWPORT_OPTIONS.find((option) => option.id === vp)?.label, " \u00B7 ", VIEWPORT_WIDTHS[vp], "px"] })) : null, _jsx("div", { className: `browser-frame-shell ${isDragging ? "is-drag-active" : ""}`, children: lockedGate ? (_jsx("div", { className: "browser-frame is-locked", children: lockedGate })) : (_jsxs(_Fragment, { children: [page.root.length > 0 ? renderScopedInsertSlot(0, "top") : null, _jsx("div", { className: `browser-frame ${isPortal ? "is-portal" : ""} ${isDragging ? "is-drag-active" : ""} ${movingBlockId ? "is-moving-block" : ""} ${isTextEditing ? "is-text-editing" : ""} ${runtime.globalEditMode ? "is-global-editing" : ""}`, onClick: () => {
+                                                onSelect(null);
+                                                onActivate();
+                                            }, children: page.root.length === 0 ? (renderScopedInsertSlot(0, undefined, true)) : (_jsx(PageFrameBlockList, { page: page, content: content, contentModel: contentModel, definitions: definitions, library: library, pageRuntime: pageRuntime, rendererActions: rendererActions, isTextEditing: isTextEditing, isPageActive: isActive, scopedSelectedIds: scopedSelectedIds, scopedSelectedId: scopedSelectedId, selectHere: selectHere, pendingTextFocus: pendingTextFocus, setPendingTextFocus: setPendingTextFocus, dropOverBlockId: dropOverBlockId, setDropOverBlockId: setDropOverBlockId, gearCornerBlockId: gearCornerBlockId, setGearCornerBlockId: setGearCornerBlockId, movingBlockId: movingBlockId, handleTextPointerIntent: handleTextPointerIntent, handleTextClickFocus: handleTextClickFocus, renderInsertSlot: renderScopedInsertSlot, onAddCollectionItem: onAddCollectionItem, onAddToColumn: onAddToColumn, onBlockDropOnBlock: onBlockDropOnBlock, onDraggingChange: onDraggingChange, onInsertBlocksToColumn: onInsertBlocksToColumn, onMoveBlockToColumn: onMoveBlockToColumn, onMoveModeChange: onMoveModeChange, onOpenInspector: onOpenInspector, onUpdateItems: onUpdateItems })) })] })) })] }, vp));
+                }) })] }));
+}
+//# sourceMappingURL=PageFrame.js.map

package/dist/components/PageFrame.js.map

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

package/dist/components/PageInspector.d.ts

@@ -0,0 +1,16 @@
+import type { CmsContent, CanvasPage } from "../types";
+import type { EditorShellContentModel } from "../contentModel";
+import type { ContentType } from "@batterai/bind-core";
+type PageInspectorProps = {
+    collectionPreviewItems: Record<string, string>;
+    content: CmsContent;
+    contentTypes: readonly ContentType[];
+    contentModel: Pick<EditorShellContentModel, "collectionItems" | "collectionLabel" | "editableCollections">;
+    page: CanvasPage;
+    onClose: () => void;
+    onRenamePage: (title: string) => void;
+    onChangeContentBinding: (binding: CanvasPage["contentBinding"] | undefined) => void;
+};
+export declare function PageInspector({ collectionPreviewItems, content, contentTypes, contentModel, page, onClose, onRenamePage, onChangeContentBinding, }: PageInspectorProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=PageInspector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageInspector.d.ts","sourceRoot":"","sources":["../../src/components/PageInspector.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvD,KAAK,kBAAkB,GAAG;IACxB,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,OAAO,EAAE,UAAU,CAAC;IACpB,YAAY,EAAE,SAAS,WAAW,EAAE,CAAC;IACrC,YAAY,EAAE,IAAI,CAChB,uBAAuB,EACvB,iBAAiB,GAAG,iBAAiB,GAAG,qBAAqB,CAC9D,CAAC;IACF,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,sBAAsB,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,gBAAgB,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CACrF,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,sBAAsB,EACtB,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,sBAAsB,GACvB,EAAE,kBAAkB,+BA0IpB"}

package/dist/components/PageInspector.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { FileText, SlidersHorizontal, X } from "lucide-react";
+import { joinPagePath, normalizePagePath, splitPagePath } from "../pageActions.js";
+import { contentItemDisplayLabel } from "./inspector/content-item-label.js";
+export function PageInspector({ collectionPreviewItems, content, contentTypes, contentModel, page, onClose, onRenamePage, onChangeContentBinding, }) {
+    const [titleDraft, setTitleDraft] = useState(page.title);
+    const pageCollection = page.contentBinding?.contentType ?? null;
+    const pageItems = pageCollection ? contentModel.collectionItems(content, pageCollection) : [];
+    const pageItem = pageCollection
+        ? (pageItems.find((item) => item.id === collectionPreviewItems[pageCollection]) ??
+            (page.contentBinding?.entryRef
+                ? pageItems.find((item) => item.id === page.contentBinding?.entryRef)
+                : null) ??
+            pageItems[0] ??
+            null)
+        : null;
+    const contentTypeOptions = [
+        ...contentTypes.map((type) => ({ value: String(type.id), label: type.name })),
+        ...contentModel.editableCollections.map((collection) => ({
+            value: collection,
+            label: contentModel.collectionLabel(collection),
+        })),
+    ].filter((option, index, options) => options.findIndex((candidate) => candidate.value === option.value) === index);
+    const isDynamicItemPage = Boolean(pageCollection && !page.contentBinding?.entryRef);
+    const pageLocale = normalizePagePath(page.path).split("/")[1];
+    const displayPath = isDynamicItemPage && pageItem
+        ? joinPagePath(splitPagePath(normalizePagePath(page.path)).parentPath ?? "/", typeof pageItem.slug === "string" && pageItem.slug.trim() ? pageItem.slug : pageItem.id)
+        : normalizePagePath(page.path);
+    useEffect(() => setTitleDraft(page.title), [page.id, page.title]);
+    function commitTitle() {
+        const nextTitle = titleDraft.trim();
+        if (!nextTitle || nextTitle === page.title) {
+            setTitleDraft(page.title);
+            return;
+        }
+        onRenamePage(nextTitle);
+    }
+    return (_jsx("aside", { className: "inspector", children: _jsx("div", { className: "inspector-scroll", children: _jsxs("section", { className: "inspector-section", children: [_jsxs("div", { className: "panel-heading", children: [_jsx(SlidersHorizontal, { size: 17 }), _jsxs("div", { children: [_jsx("strong", { children: "Page" }), _jsx("span", { children: page.title })] }), _jsx("button", { type: "button", className: "inspector-close", "aria-label": "Close inspector", title: "Close", onClick: onClose, children: _jsx(X, { size: 16 }) })] }), _jsxs("div", { className: "field-stack", children: [_jsxs("label", { className: "field-control", children: [_jsx("span", { children: "Page title" }), _jsx("input", { value: titleDraft, onBlur: commitTitle, onChange: (event) => setTitleDraft(event.target.value), onKeyDown: (event) => {
+                                            if (event.key === "Enter")
+                                                event.currentTarget.blur();
+                                            if (event.key === "Escape") {
+                                                setTitleDraft(page.title);
+                                                event.currentTarget.blur();
+                                            }
+                                        } })] }), _jsxs("div", { className: "field-control", children: [_jsx("span", { children: "URL" }), _jsx("code", { className: "page-inspector-path", children: displayPath })] }), _jsxs("div", { className: "inspector-item-heading", children: [_jsx(FileText, { size: 14 }), _jsx("strong", { children: "Content item" })] }), _jsxs("label", { className: "field-control content-binding-control", children: [_jsx("span", { children: "Content type" }), _jsxs("select", { "aria-label": "Page content type", value: pageCollection ?? "", onChange: (event) => {
+                                            const contentType = event.target.value;
+                                            onChangeContentBinding(contentType ? { contentType: contentType } : undefined);
+                                        }, children: [_jsx("option", { value: "", children: "No page content item" }), contentTypeOptions.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value)))] })] }), pageCollection ? (_jsxs("label", { className: "field-control content-binding-control", children: [_jsx("span", { children: "Content item" }), _jsxs("select", { "aria-label": "Page content item", value: page.contentBinding?.entryRef ?? "", onChange: (event) => onChangeContentBinding({
+                                            contentType: pageCollection,
+                                            ...(event.target.value ? { entryRef: event.target.value } : {}),
+                                        }), children: [_jsx("option", { value: "", children: "Dynamic item from list or URL" }), pageItems.map((item) => (_jsx("option", { value: item.id, children: contentItemDisplayLabel(item, pageLocale) }, item.id)))] }), _jsx("small", { children: page.contentBinding?.entryRef
+                                            ? "This individual page is bound to the selected content item. Blocks inherit it unless they override it."
+                                            : "This detail page resolves its item dynamically from a collection list or URL." })] })) : (_jsx("p", { className: "empty-state", children: "Select a content type and then choose the item for this page." }))] })] }) }) }));
+}
+//# sourceMappingURL=PageInspector.js.map

package/dist/components/PageInspector.js.map

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

package/dist/components/PresetSaveDialog.d.ts

@@ -0,0 +1,8 @@
+type PresetSaveDialogProps = {
+    count: number;
+    onCancel: () => void;
+    onSave: (label: string) => void;
+};
+export declare function PresetSaveDialog({ count, onCancel, onSave }: PresetSaveDialogProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=PresetSaveDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PresetSaveDialog.d.ts","sourceRoot":"","sources":["../../src/components/PresetSaveDialog.tsx"],"names":[],"mappings":"AAEA,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,qBAAqB,+BAyBlF"}

package/dist/components/PresetSaveDialog.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+export function PresetSaveDialog({ count, onCancel, onSave }) {
+    const [label, setLabel] = useState(count === 1 ? "Saved block" : "Saved block group");
+    return (_jsx("div", { className: "modal-backdrop", role: "presentation", children: _jsxs("div", { className: "modal-card", role: "dialog", "aria-modal": "true", "aria-labelledby": "preset-title", children: [_jsx("h2", { id: "preset-title", children: "Save as preset" }), _jsxs("p", { children: ["Save ", count, " connected block", count === 1 ? "" : "s", " with content and design."] }), _jsxs("label", { className: "field-control", children: [_jsx("span", { children: "Name" }), _jsx("input", { value: label, onChange: (event) => setLabel(event.target.value), autoFocus: true })] }), _jsxs("div", { className: "modal-actions", children: [_jsx("button", { type: "button", className: "ghost-button", onClick: onCancel, children: "Cancel" }), _jsx("button", { type: "button", className: "primary-button", onClick: () => onSave(label), children: "Save" })] })] }) }));
+}
+//# sourceMappingURL=PresetSaveDialog.js.map

package/dist/components/PresetSaveDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresetSaveDialog.js","sourceRoot":"","sources":["../../src/components/PresetSaveDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQjC,MAAM,UAAU,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAyB;IACjF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAEtF,OAAO,CACL,cAAK,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,cAAc,YACjD,eAAK,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,QAAQ,gBAAY,MAAM,qBAAiB,cAAc,aACxF,aAAI,EAAE,EAAC,cAAc,+BAAoB,EACzC,iCACQ,KAAK,sBAAkB,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,iCACjD,EACJ,iBAAO,SAAS,EAAC,eAAe,aAC9B,kCAAiB,EACjB,gBAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,SAAS,SAAG,IAC9E,EACR,eAAK,SAAS,EAAC,eAAe,aAC5B,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAE,QAAQ,uBAEvD,EACT,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,gBAAgB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,qBAEpE,IACL,IACF,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/ReferenceChipsEditor.d.ts

@@ -0,0 +1,23 @@
+import type { EditorShellContentModel } from "../contentModel";
+import type { CmsContent, CollectionFieldDef } from "../types";
+type ReferenceChipsEditorProps = {
+    content: CmsContent;
+    contentModel: Pick<EditorShellContentModel, "optionLabel" | "resolveOptionItems">;
+    field: CollectionFieldDef;
+    /** Current value normalized to an array (single = [v] or []; collection =
+     * the list). */
+    value: string[];
+    onChange: (next: string[]) => void;
+    locale?: "nl" | "en";
+};
+/**
+ * Inline controlled-vocabulary chip editor for a collection-item field, driven
+ * by the same Field contract the main app uses. A `"one"`-cardinality field
+ * (category) picks exactly one option; a `"many"` field (meta/tags) toggles
+ * many. Options come from the field's configured option source. Deliberately
+ * minimal UX: the chips ARE the control — click to open a searchable option
+ * list right where the chips live, no separate panel.
+ */
+export declare function ReferenceChipsEditor({ content, contentModel, field, value, onChange, locale, }: ReferenceChipsEditorProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ReferenceChipsEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReferenceChipsEditor.d.ts","sourceRoot":"","sources":["../../src/components/ReferenceChipsEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE/D,KAAK,yBAAyB,GAAG;IAC/B,OAAO,EAAE,UAAU,CAAC;IACpB,YAAY,EAAE,IAAI,CAAC,uBAAuB,EAAE,aAAa,GAAG,oBAAoB,CAAC,CAAC;IAClF,KAAK,EAAE,kBAAkB,CAAC;IAC1B;oBACgB;IAChB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACtB,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,YAAY,EACZ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAa,GACd,EAAE,yBAAyB,+BAmI3B"}

package/dist/components/ReferenceChipsEditor.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Check, Plus, Search, X } from "lucide-react";
+/**
+ * Inline controlled-vocabulary chip editor for a collection-item field, driven
+ * by the same Field contract the main app uses. A `"one"`-cardinality field
+ * (category) picks exactly one option; a `"many"` field (meta/tags) toggles
+ * many. Options come from the field's configured option source. Deliberately
+ * minimal UX: the chips ARE the control — click to open a searchable option
+ * list right where the chips live, no separate panel.
+ */
+export function ReferenceChipsEditor({ content, contentModel, field, value, onChange, locale = "nl", }) {
+    const single = field.cardinality === "one";
+    const [open, setOpen] = useState(false);
+    const [query, setQuery] = useState("");
+    const rootRef = useRef(null);
+    const options = contentModel.resolveOptionItems(content, field, locale);
+    const labelFor = (entry) => contentModel.optionLabel(content, field, entry, locale);
+    const fieldLabel = (typeof field.label === "object" ? field.label?.[locale] : undefined) ??
+        field.name;
+    const optionLabel = (option) => {
+        if (typeof option.label === "object" && option.label !== null) {
+            const labels = option.label;
+            return labels[locale] ?? labels.nl ?? labels.en ?? option.value;
+        }
+        return typeof option.label === "string" ? option.label : option.value;
+    };
+    useEffect(() => {
+        if (!open)
+            return;
+        function onDocClick(event) {
+            if (rootRef.current && !rootRef.current.contains(event.target))
+                setOpen(false);
+        }
+        function onKey(event) {
+            if (event.key === "Escape")
+                setOpen(false);
+        }
+        document.addEventListener("mousedown", onDocClick);
+        document.addEventListener("keydown", onKey);
+        return () => {
+            document.removeEventListener("mousedown", onDocClick);
+            document.removeEventListener("keydown", onKey);
+        };
+    }, [open]);
+    function pick(optionValue) {
+        if (single) {
+            onChange([optionValue]);
+            setOpen(false);
+            return;
+        }
+        onChange(value.includes(optionValue)
+            ? value.filter((entry) => entry !== optionValue)
+            : [...value, optionValue]);
+    }
+    function remove(optionValue) {
+        onChange(value.filter((entry) => entry !== optionValue));
+    }
+    const needle = query.trim().toLowerCase();
+    const filtered = needle
+        ? options.filter((option) => optionLabel(option).toLowerCase().includes(needle))
+        : options;
+    return (_jsxs("span", { className: "ref-chips", ref: rootRef, onClick: (event) => event.stopPropagation(), children: [value.map((entry) => (_jsx("span", { className: "collection-detail-category ref-chip", children: single ? (_jsx("button", { type: "button", className: "ref-chip-label", onClick: () => setOpen((v) => !v), children: labelFor(entry) })) : (_jsxs(_Fragment, { children: [labelFor(entry), _jsx("button", { type: "button", className: "ref-chip-remove", "aria-label": `Remove ${labelFor(entry)}`, onClick: () => remove(entry), children: _jsx(X, { size: 11 }) })] })) }, entry))), single && value.length > 0 ? null : (_jsxs("button", { type: "button", className: "ref-chip-add", "aria-expanded": open, "aria-label": `Choose ${fieldLabel}`, onClick: () => setOpen((v) => !v), children: [_jsx(Plus, { size: 12 }), fieldLabel] })), open ? (_jsxs("span", { className: "ref-chips-panel", children: [_jsxs("span", { className: "ref-chips-search", children: [_jsx(Search, { size: 13 }), _jsx("input", { type: "text", autoFocus: true, placeholder: `Search ${fieldLabel.toLowerCase()}...`, value: query, onChange: (event) => setQuery(event.target.value) })] }), _jsx("span", { className: "ref-chips-options", children: filtered.length === 0 ? (_jsx("span", { className: "ref-chips-none", children: "No results." })) : (filtered.map((option) => {
+                            const checked = value.includes(option.value);
+                            return (_jsxs("button", { type: "button", className: `ref-chips-option ${checked ? "is-checked" : ""}`, onClick: () => pick(option.value), children: [_jsx("span", { className: "ref-chips-check", children: checked ? _jsx(Check, { size: 13 }) : null }), optionLabel(option)] }, option.value));
+                        })) })] })) : null] }));
+}
+//# sourceMappingURL=ReferenceChipsEditor.js.map

package/dist/components/ReferenceChipsEditor.js.map

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

package/dist/components/TopBar.d.ts

@@ -0,0 +1,49 @@
+import type { Locale } from "../translation";
+import type { CanvasPage, PortalUser } from "../types";
+import { type Viewport } from "./page-frame/viewport";
+import type { RosterEntry } from "@batterai/collab-protocol";
+type TopBarProps = {
+    activeLocale: Locale;
+    availableLocales: readonly Locale[];
+    editMode: boolean;
+    canvasViewport: Viewport;
+    canEdit?: boolean;
+    page: CanvasPage;
+    /** The active preview user, or null when preview auth is off. */
+    portalUser: PortalUser | null;
+    saveState: "idle" | "saving" | "saved" | "error";
+    canSave: boolean;
+    saveDisabledReason?: string;
+    canPublish: boolean;
+    publishDisabledReason?: string;
+    hasStagedPages?: boolean;
+    publicationLabel: string;
+    brandName?: string;
+    workspaceLabel?: string;
+    collaborators?: readonly RosterEntry[];
+    currentSessionId?: string;
+    collaborationStatus?: string;
+    collaborationEnabled?: boolean;
+    collaborationPersistence?: "idle" | "saving" | "saved" | "error";
+    collaborationError?: string;
+    canViewAudit?: boolean;
+    onFollowCollaborator?: (collaborator: RosterEntry) => void;
+    onEditModeChange: (on: boolean) => void;
+    onCanvasViewportChange: (viewport: Viewport) => void;
+    onLocaleChange: (locale: Locale) => void;
+    onPortalLogout: () => void;
+    onSave: () => void;
+    onPublish: () => void;
+    onViewAudit?: () => void;
+};
+/**
+ * A collaboration roster is session-based: one signed-in person can briefly
+ * have multiple sessions while a tab reconnects. The chrome is person-based,
+ * so it must not render the active user (or duplicate remote sessions) as
+ * separate collaborators.
+ */
+export declare function collaboratorsVisibleToCurrentUser(collaborators: readonly RosterEntry[], currentSessionId?: string): readonly RosterEntry[];
+/** Shell chrome lives in the app, not a storage-owning editor package. */
+export declare function TopBar({ activeLocale, availableLocales, editMode, canvasViewport, canEdit, page, portalUser, saveState, canSave, saveDisabledReason, canPublish, publishDisabledReason, hasStagedPages, publicationLabel, brandName, workspaceLabel, collaborators, currentSessionId, collaborationStatus, collaborationEnabled, collaborationPersistence, collaborationError, canViewAudit, onFollowCollaborator, onEditModeChange, onCanvasViewportChange, onLocaleChange, onPortalLogout, onSave, onPublish, onViewAudit, }: TopBarProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TopBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../src/components/TopBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAoB,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAExE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,UAAU,CAAC;IACjB,iEAAiE;IACjE,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;IACjD,OAAO,EAAE,OAAO,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,SAAS,WAAW,EAAE,CAAC;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;IACjE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3D,gBAAgB,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,sBAAsB,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,iCAAiC,CAC/C,aAAa,EAAE,SAAS,WAAW,EAAE,EACrC,gBAAgB,CAAC,EAAE,MAAM,GACxB,SAAS,WAAW,EAAE,CAgBxB;AAED,0EAA0E;AAC1E,wBAAgB,MAAM,CAAC,EACrB,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,cAAc,EACd,OAAc,EACd,IAAI,EACJ,UAAU,EACV,SAAS,EACT,OAAO,EACP,kBAAkB,EAClB,UAAU,EACV,qBAAqB,EACrB,cAAsB,EACtB,gBAAgB,EAChB,SAAoB,EACpB,cAAgC,EAChC,aAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,oBAA4B,EAC5B,wBAAiC,EACjC,kBAAkB,EAClB,YAAoB,EACpB,oBAAoB,EACpB,gBAAgB,EAChB,sBAAsB,EACtB,cAAc,EACd,cAAc,EACd,MAAM,EACN,SAAS,EACT,WAAW,GACZ,EAAE,WAAW,+BAsJb"}

package/dist/components/TopBar.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CloudUpload, History, LoaderCircle, LogOut, PenLine, Save, UserRound } from "lucide-react";
+import { VIEWPORT_OPTIONS } from "./page-frame/viewport.js";
+import { collaboratorIdentity } from "../collaboration.js";
+/**
+ * A collaboration roster is session-based: one signed-in person can briefly
+ * have multiple sessions while a tab reconnects. The chrome is person-based,
+ * so it must not render the active user (or duplicate remote sessions) as
+ * separate collaborators.
+ */
+export function collaboratorsVisibleToCurrentUser(collaborators, currentSessionId) {
+    const currentUser = currentSessionId
+        ? collaborators.find((entry) => entry.sessionId === currentSessionId)
+        : undefined;
+    const currentIdentity = currentUser
+        ? collaboratorIdentity(currentUser.displayName, currentUser.color)
+        : undefined;
+    const seen = new Set();
+    return collaborators.filter((entry) => {
+        if (entry.sessionId === currentSessionId)
+            return false;
+        const identity = collaboratorIdentity(entry.displayName, entry.color);
+        if (identity === currentIdentity || seen.has(identity))
+            return false;
+        seen.add(identity);
+        return true;
+    });
+}
+/** Shell chrome lives in the app, not a storage-owning editor package. */
+export function TopBar({ activeLocale, availableLocales, editMode, canvasViewport, canEdit = true, page, portalUser, saveState, canSave, saveDisabledReason, canPublish, publishDisabledReason, hasStagedPages = false, publicationLabel, brandName = "Canvas", workspaceLabel = "CMS workspace", collaborators = [], currentSessionId, collaborationStatus, collaborationEnabled = false, collaborationPersistence = "idle", collaborationError, canViewAudit = false, onFollowCollaborator, onEditModeChange, onCanvasViewportChange, onLocaleChange, onPortalLogout, onSave, onPublish, onViewAudit, }) {
+    const otherCollaborators = collaboratorsVisibleToCurrentUser(collaborators, currentSessionId);
+    const persistenceLabel = collaborationPersistence === "saving" ? "Saving…"
+        : collaborationPersistence === "saved" ? "Saved automatically"
+            : collaborationPersistence === "error" ? "Autosave failed"
+                : "Autosave ready";
+    const persistenceTooltip = collaborationPersistence === "saving" || collaborationPersistence === "error"
+        ? (collaborationError ?? persistenceLabel)
+        : publicationLabel;
+    return (_jsxs("header", { className: "topbar", children: [_jsxs("div", { className: "brand-lockup", children: [_jsx("span", { className: "brand-mark", "aria-label": brandName, role: "img", children: "\u00C7" }), _jsxs("div", { children: [_jsx("strong", { children: brandName }), _jsxs("span", { children: [workspaceLabel, " \u00B7 ", page.title] })] })] }), _jsxs("div", { className: "topbar-meta", children: [collaborationEnabled && otherCollaborators.length > 0 ? (_jsx("div", { className: `collab-status is-${collaborationStatus}`, "aria-label": "Other editors", children: _jsx("div", { className: "collab-roster", children: otherCollaborators.slice(0, 5).map((entry) => (_jsx("button", { type: "button", className: "collab-avatar", title: `Follow ${entry.displayName}`, "aria-label": `Follow ${entry.displayName}`, onClick: () => onFollowCollaborator?.(entry), style: { backgroundColor: entry.color }, children: entry.displayName.trim().slice(0, 1).toUpperCase() }, entry.sessionId))) }) })) : null, portalUser ? (_jsxs("div", { className: "portal-session", title: "Preview active", children: [_jsx(UserRound, { size: 14 }), _jsx("span", { className: "portal-session-label", children: "Preview" }), _jsx("span", { className: "portal-session-name", children: portalUser.name }), _jsxs("button", { type: "button", className: "portal-session-logout", onClick: onPortalLogout, children: [_jsx(LogOut, { size: 13 }), "Stop"] })] })) : null, _jsx("div", { className: "canvas-global-viewport-switch", role: "group", "aria-label": "Canvas viewport", children: VIEWPORT_OPTIONS.map(({ id, label, Icon }) => (_jsx("button", { type: "button", "aria-pressed": canvasViewport === id, "aria-label": `${label} for all pages`, title: `${label} for all pages`, className: canvasViewport === id ? "is-active" : "", onClick: () => onCanvasViewportChange(id), children: _jsx(Icon, { size: 15 }) }, id))) }), availableLocales.length > 1 ? _jsx("div", { className: "lang-switch", role: "tablist", "aria-label": "Editor translation language", title: "Editor translation language", children: availableLocales.map((locale) => (_jsx("button", { type: "button", role: "tab", "aria-selected": activeLocale === locale, className: activeLocale === locale ? "is-active" : "", onClick: () => onLocaleChange(locale), children: locale.toUpperCase() }, locale))) }) : null, _jsxs("button", { type: "button", className: `edit-toggle ${editMode ? "is-active" : ""}`, "aria-pressed": editMode, "aria-label": editMode ? "Disable direct editing" : "Enable direct editing", title: editMode ? "Disable direct editing" : "Enable direct editing", disabled: !canEdit, onClick: () => onEditModeChange(!editMode), children: [_jsx(PenLine, { size: 13 }), "Edit directly"] })] }), _jsxs("div", { className: "topbar-actions", children: [collaborationEnabled ? (_jsx("span", { className: `collab-persistence is-${collaborationPersistence}`, role: collaborationPersistence === "error" ? "alert" : "status", "aria-label": persistenceTooltip, title: persistenceTooltip, children: collaborationPersistence === "saving" ? (_jsx(LoaderCircle, { size: 16, "aria-hidden": "true" })) : (_jsx("span", { className: "collab-persistence-dot", "aria-hidden": "true" })) })) : null, canViewAudit ? (_jsx("button", { type: "button", className: "icon-button", onClick: onViewAudit, title: "View collaboration history", "aria-label": "View collaboration history", children: _jsx(History, { size: 16 }) })) : null, !collaborationEnabled ? _jsx("span", { className: "topbar-publication-state", children: publicationLabel }) : null, !collaborationEnabled ? _jsxs("button", { type: "button", className: "primary-button", onClick: onSave, disabled: !canSave || saveState === "saving", title: !canSave ? (saveDisabledReason ?? "The host does not allow saving.") : undefined, children: [_jsx(Save, { size: 16 }), saveState === "saving" ? "Saving" : "Save draft"] }) : collaborationPersistence === "error" ? _jsxs("button", { type: "button", className: "secondary-button", onClick: onSave, disabled: !canSave || saveState === "saving", title: collaborationError ?? "Retry saving the collaborative draft", children: [_jsx(Save, { size: 16 }), "Retry save"] }) : null, canPublish ? (_jsxs("button", { type: "button", className: hasStagedPages ? "primary-button" : "secondary-button", onClick: onPublish, disabled: saveState === "saving" || Boolean(publishDisabledReason), title: publishDisabledReason, children: [_jsx(CloudUpload, { size: 14 }), "Publish release"] })) : null] })] }));
+}
+//# sourceMappingURL=TopBar.js.map

package/dist/components/TopBar.js.map

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