canopycms 0.0.0

package/dist/editor/components/EditorHeader.d.ts

@@ -0,0 +1,166 @@
+import type { OperatingMode } from '../../operating-mode';
+import type { BranchStatus } from '../../types';
+import type { EditorEntry } from '../Editor';
+import type { LogicalPath } from '../../paths/types';
+/**
+ * Props for the EditorHeader component.
+ */
+export interface EditorHeaderProps {
+    /**
+     * Site title displayed in the top-left.
+     */
+    siteTitle: string;
+    /**
+     * Optional site subtitle displayed below the title.
+     */
+    siteSubtitle?: string;
+    /**
+     * Main header title displayed in the center.
+     */
+    headerTitle: string;
+    /**
+     * Currently selected entry.
+     */
+    currentEntry: EditorEntry | undefined;
+    /**
+     * Current branch name.
+     */
+    branchName: string;
+    /**
+     * Operating mode.
+     */
+    operatingMode: OperatingMode;
+    /**
+     * Whether operations are currently in progress.
+     */
+    busy: boolean;
+    /**
+     * Breadcrumb segments to display.
+     */
+    breadcrumbSegments: string[];
+    /**
+     * List of edited files.
+     */
+    editedFiles: Array<{
+        path: LogicalPath;
+        label: string;
+    }>;
+    /**
+     * Number of modified files.
+     */
+    modifiedCount: number;
+    /**
+     * Number of unresolved comments.
+     */
+    unresolvedCommentCount: number;
+    /**
+     * Unresolved comments (for filtering).
+     */
+    comments: Array<{
+        resolved: boolean;
+    }>;
+    /**
+     * Callback to open the entry navigator.
+     */
+    onNavigatorOpen: () => void;
+    /**
+     * Callback to reload the current file.
+     */
+    onFileReload: () => void;
+    /**
+     * Callback to discard the current file draft.
+     */
+    onFileDiscardDraft: () => void;
+    /**
+     * Callback when an entry is selected.
+     */
+    onEntrySelect: (id: string) => void;
+    /**
+     * Callback to reload all branch data.
+     */
+    onBranchReloadData: () => void;
+    /**
+     * Callback to discard all drafts.
+     */
+    onBranchDiscardDrafts: () => void;
+    /**
+     * Callback to open the branch manager.
+     */
+    onBranchManagerOpen: () => void;
+    /**
+     * Callback to open the comments panel.
+     */
+    onCommentsPanelOpen: () => void;
+    /**
+     * Callback to save the current file.
+     */
+    onSave: () => void;
+    /**
+     * Callback to submit/publish the branch.
+     */
+    onSubmit: () => void;
+    /**
+     * Whether the current entry has unsaved changes.
+     */
+    hasUnsavedChanges: boolean;
+    /**
+     * Current branch status (undefined if unknown).
+     */
+    branchStatus: BranchStatus | undefined;
+    /**
+     * Callback to withdraw the branch.
+     */
+    onWithdraw: () => void;
+    /**
+     * Current user context for permission checks.
+     */
+    userContext?: {
+        userId: string;
+        groups?: string[];
+    };
+    /**
+     * Branch creator user ID.
+     */
+    branchCreatedBy?: string;
+    /**
+     * Branch access control lists.
+     */
+    branchAccess?: {
+        allowedUsers?: string[];
+        allowedGroups?: string[];
+    };
+}
+/**
+ * Header component for the Editor.
+ * Contains site info, file navigation, breadcrumbs, branch selector, comments button, and action buttons.
+ *
+ * @example
+ * ```tsx
+ * <EditorHeader
+ *   siteTitle="My Site"
+ *   siteSubtitle="CMS"
+ *   headerTitle="Edit Content"
+ *   currentEntry={currentEntry}
+ *   branchName="main"
+ *   operatingMode="collaboration"
+ *   busy={false}
+ *   breadcrumbSegments={['Posts', 'My Post']}
+ *   editedFiles={[]}
+ *   modifiedCount={0}
+ *   unresolvedCommentCount={0}
+ *   comments={[]}
+ *   onNavigatorOpen={() => setNavigatorOpen(true)}
+ *   onFileReload={handleReload}
+ *   onFileDiscardDraft={handleDiscardFileDraft}
+ *   onEntrySelect={setSelectedId}
+ *   onBranchReloadData={handleReloadBranchData}
+ *   onBranchDiscardDrafts={handleDiscardDrafts}
+ *   onBranchManagerOpen={() => setBranchManagerOpen(true)}
+ *   onCommentsPanelOpen={() => setCommentsPanelOpen(true)}
+ *   onSave={handleSave}
+ *   onSubmit={() => handleSubmit(branchName)}
+ * />
+ * ```
+ */
+export declare const EditorHeader: import("react").ForwardRefExoticComponent<EditorHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=EditorHeader.d.ts.map

package/dist/editor/components/EditorHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorHeader.d.ts","sourceRoot":"","sources":["../../../src/editor/components/EditorHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAGpD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,YAAY,EAAE,WAAW,GAAG,SAAS,CAAA;IAErC;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,aAAa,EAAE,aAAa,CAAA;IAE5B;;OAEG;IACH,IAAI,EAAE,OAAO,CAAA;IAEb;;OAEG;IACH,kBAAkB,EAAE,MAAM,EAAE,CAAA;IAE5B;;OAEG;IACH,WAAW,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,WAAW,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAExD;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IAErB;;OAEG;IACH,sBAAsB,EAAE,MAAM,CAAA;IAE9B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,CAAA;IAEtC;;OAEG;IACH,eAAe,EAAE,MAAM,IAAI,CAAA;IAE3B;;OAEG;IACH,YAAY,EAAE,MAAM,IAAI,CAAA;IAExB;;OAEG;IACH,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAE9B;;OAEG;IACH,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAEnC;;OAEG;IACH,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAE9B;;OAEG;IACH,qBAAqB,EAAE,MAAM,IAAI,CAAA;IAEjC;;OAEG;IACH,mBAAmB,EAAE,MAAM,IAAI,CAAA;IAE/B;;OAEG;IACH,mBAAmB,EAAE,MAAM,IAAI,CAAA;IAE/B;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAA;IAElB;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAA;IAEpB;;OAEG;IACH,iBAAiB,EAAE,OAAO,CAAA;IAE1B;;OAEG;IACH,YAAY,EAAE,YAAY,GAAG,SAAS,CAAA;IAEtC;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAA;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;IAEnD;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IAExB;;OAEG;IACH,YAAY,CAAC,EAAE;QAAE,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;CACrE;AAiBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,YAAY,8GAiSvB,CAAA"}

package/dist/editor/components/EditorHeader.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Badge, Box, Button, Group, Menu, Paper, Stack, Text, Title, Tooltip } from '@mantine/core';
+import { MdFolderOpen, MdKeyboardArrowDown } from 'react-icons/md';
+import { GoGitBranch } from 'react-icons/go';
+import { clientOperatingStrategy } from '../../operating-mode/client';
+/**
+ * Status color map matching BranchManager.tsx pattern.
+ * Returns the Mantine color string for a given branch status.
+ */
+const getStatusColor = (status) => {
+    const statusColorMap = {
+        editing: 'brand',
+        submitted: 'green',
+        approved: 'teal',
+        locked: 'yellow',
+        archived: 'gray',
+    };
+    return statusColorMap[status] ?? 'gray';
+};
+/**
+ * Header component for the Editor.
+ * Contains site info, file navigation, breadcrumbs, branch selector, comments button, and action buttons.
+ *
+ * @example
+ * ```tsx
+ * <EditorHeader
+ *   siteTitle="My Site"
+ *   siteSubtitle="CMS"
+ *   headerTitle="Edit Content"
+ *   currentEntry={currentEntry}
+ *   branchName="main"
+ *   operatingMode="collaboration"
+ *   busy={false}
+ *   breadcrumbSegments={['Posts', 'My Post']}
+ *   editedFiles={[]}
+ *   modifiedCount={0}
+ *   unresolvedCommentCount={0}
+ *   comments={[]}
+ *   onNavigatorOpen={() => setNavigatorOpen(true)}
+ *   onFileReload={handleReload}
+ *   onFileDiscardDraft={handleDiscardFileDraft}
+ *   onEntrySelect={setSelectedId}
+ *   onBranchReloadData={handleReloadBranchData}
+ *   onBranchDiscardDrafts={handleDiscardDrafts}
+ *   onBranchManagerOpen={() => setBranchManagerOpen(true)}
+ *   onCommentsPanelOpen={() => setCommentsPanelOpen(true)}
+ *   onSave={handleSave}
+ *   onSubmit={() => handleSubmit(branchName)}
+ * />
+ * ```
+ */
+export const EditorHeader = forwardRef(function EditorHeader({ siteTitle, siteSubtitle, headerTitle, currentEntry, branchName, operatingMode, busy, breadcrumbSegments, editedFiles, modifiedCount, unresolvedCommentCount: _, comments, onNavigatorOpen, onFileReload, onFileDiscardDraft, onEntrySelect, onBranchReloadData, onBranchDiscardDrafts, onBranchManagerOpen, onCommentsPanelOpen, onSave, onSubmit, hasUnsavedChanges, branchStatus, onWithdraw, userContext, branchCreatedBy, branchAccess, }, ref) {
+    return (_jsx(Paper, { ref: ref, shadow: "md", withBorder: true, radius: 0, px: 0, py: 0, style: {
+            position: 'fixed',
+            top: 0,
+            left: 0,
+            right: 0,
+            zIndex: 70,
+        }, children: _jsx(Box, { px: "md", py: "sm", children: _jsxs(Group, { justify: "space-between", align: "center", wrap: "nowrap", children: [_jsxs(Stack, { gap: 2, style: { minWidth: 0 }, children: [_jsx(Title, { order: 5, style: { lineHeight: 1.1 }, children: siteTitle }), siteSubtitle && (_jsx(Text, { size: "xs", c: "dimmed", children: siteSubtitle }))] }), _jsxs(Stack, { gap: 6, style: { minWidth: 0, flex: 1, alignItems: 'center' }, children: [_jsx(Title, { order: 4, style: { lineHeight: 1.1 }, children: headerTitle }), _jsxs(Group, { gap: "sm", wrap: "wrap", align: "center", style: { minWidth: 0, justifyContent: 'center' }, children: [_jsxs(Menu, { withinPortal: true, shadow: "sm", children: [_jsx(Menu.Target, { children: _jsx(Button, { "data-testid": "file-dropdown-button", variant: "outline", color: "gray", size: "xs", leftSection: _jsx(MdFolderOpen, { size: 16 }), rightSection: _jsx(MdKeyboardArrowDown, { size: 14 }), children: currentEntry?.label ?? 'No file selected' }) }), _jsxs(Menu.Dropdown, { children: [_jsx(Menu.Item, { onClick: onFileReload, disabled: !branchName || !currentEntry, children: "Reload File" }), _jsx(Menu.Item, { "data-testid": "discard-file-draft-menu-item", onClick: onFileDiscardDraft, disabled: !currentEntry, children: "Discard File Draft" }), _jsx(Menu.Divider, {}), _jsx(Menu.Item, { "data-testid": "all-files-menu-item", onClick: onNavigatorOpen, children: "All Files" }), _jsx(Menu.Divider, {}), _jsx(Menu.Item, { disabled: true, children: 'TODO: replace with real modified file list' }), _jsx(Menu.Divider, {}), _jsx(Menu.Label, { children: "Recently modified" }), editedFiles.slice(0, 3).length === 0 ? (_jsx(Menu.Item, { disabled: true, children: "<none>" })) : (editedFiles.slice(0, 3).map((file) => (_jsx(Menu.Item, { onClick: () => {
+                                                            onEntrySelect(file.path);
+                                                            onNavigatorOpen();
+                                                        }, children: file.label }, file.path))))] })] }), _jsx(Group, { gap: 4, wrap: "wrap", align: "center", style: { minWidth: 0 }, children: breadcrumbSegments.map((segment, idx) => (_jsxs(Group, { gap: 4, align: "center", wrap: "nowrap", children: [idx > 0 && (_jsx(Text, { size: "xs", c: "dimmed", children: "/" })), _jsx(Button, { variant: "subtle", size: "xs", px: "xs", onClick: onNavigatorOpen, children: segment })] }, `${segment}-${idx}`))) }), _jsxs(Menu, { withinPortal: true, shadow: "sm", children: [_jsx(Menu.Target, { children: _jsx(Button, { variant: "outline", color: "gray", size: "xs", leftSection: _jsx(GoGitBranch, { size: 16 }), rightSection: _jsx(MdKeyboardArrowDown, { size: 14 }), disabled: !branchName, "data-testid": "branch-dropdown-button", children: branchName || 'No branch selected' }) }), _jsxs(Menu.Dropdown, { "data-testid": "branch-menu", children: [_jsx(Menu.Item, { onClick: onBranchReloadData, disabled: !branchName, children: "Reload All Files" }), _jsx(Menu.Item, { onClick: onBranchDiscardDrafts, disabled: !branchName, children: "Discard All File Drafts" }), _jsx(Menu.Divider, {}), _jsx(Menu.Item, { onClick: onBranchManagerOpen, "data-testid": "manage-branches-menu-item", children: "Change / Manage Branches" }), _jsx(Menu.Divider, {}), _jsx(Menu.Label, { children: `${modifiedCount} files modified` }), editedFiles.length === 0 ? (_jsx(Menu.Item, { disabled: true, children: "No edited files yet" })) : (editedFiles.map((file) => (_jsx(Menu.Item, { onClick: () => {
+                                                            onEntrySelect(file.path);
+                                                            onNavigatorOpen();
+                                                        }, children: file.label }, `branch-mod-${file.path}`)))), _jsx(Menu.Divider, {}), _jsx(Menu.Item, { disabled: true, children: 'TODO: replace with real modified file list' })] })] }), clientOperatingStrategy(operatingMode ?? 'prod').supportsStatusBadge() &&
+                                        branchName &&
+                                        branchStatus && (_jsx(Badge, { color: getStatusColor(branchStatus), variant: "light", size: "sm", "data-testid": `header-status-badge-${branchStatus}`, children: branchStatus })), clientOperatingStrategy(operatingMode ?? 'prod').supportsComments() &&
+                                        branchName && (_jsxs(Button, { variant: "outline", color: "gray", size: "xs", onClick: onCommentsPanelOpen, style: { position: 'relative' }, "data-testid": "comments-button", children: ["Comments", comments.filter((t) => !t.resolved).length > 0 && (_jsx("span", { style: {
+                                                    position: 'absolute',
+                                                    top: -6,
+                                                    right: -6,
+                                                    background: 'var(--mantine-color-grape-6)',
+                                                    color: 'white',
+                                                    borderRadius: '50%',
+                                                    width: 18,
+                                                    height: 18,
+                                                    fontSize: 10,
+                                                    display: 'flex',
+                                                    alignItems: 'center',
+                                                    justifyContent: 'center',
+                                                    fontWeight: 600,
+                                                }, children: comments.filter((t) => !t.resolved).length }))] }))] })] }), _jsxs(Group, { gap: "xs", wrap: "nowrap", children: [_jsx(Tooltip, { label: !hasUnsavedChanges && currentEntry ? 'No changes to save' : '', disabled: hasUnsavedChanges || !currentEntry, children: _jsx(Button, { "data-testid": "save-button", variant: "light", size: "sm", onClick: onSave, disabled: !branchName || !currentEntry || busy || !hasUnsavedChanges, children: "Save File" }) }), (() => {
+                                const isSubmitted = branchStatus === 'submitted';
+                                const isEditing = branchStatus === 'editing';
+                                // Check if user can perform workflow actions (creator OR ACL access OR system branch)
+                                const userIsCreator = userContext?.userId === branchCreatedBy;
+                                const isSystemBranch = branchCreatedBy === 'canopycms-system';
+                                const userInACL = userContext &&
+                                    branchAccess &&
+                                    (branchAccess.allowedUsers?.includes(userContext.userId) ||
+                                        userContext.groups?.some((g) => branchAccess.allowedGroups?.includes(g)));
+                                const canPerformAction = (userIsCreator || userInACL || isSystemBranch) && (isEditing || isSubmitted);
+                                return (_jsx(Tooltip, { label: !canPerformAction
+                                        ? 'You do not have permission to submit or withdraw this branch'
+                                        : '', disabled: canPerformAction, children: _jsx(Button, { size: "sm", color: isSubmitted ? 'orange' : 'brand', onClick: isSubmitted ? onWithdraw : onSubmit, disabled: !branchName || busy || !canPerformAction, "data-testid": isSubmitted ? 'withdraw-button' : 'submit-button', children: isSubmitted ? 'Withdraw Branch...' : 'Submit Branch...' }) }));
+                            })()] })] }) }) }));
+});
+//# sourceMappingURL=EditorHeader.js.map

package/dist/editor/components/EditorHeader.js.map

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

package/dist/editor/components/EditorSidebar.d.ts

@@ -0,0 +1,76 @@
+import type { PaneLayout } from '../EditorPanes';
+/**
+ * Props for the EditorSidebar component.
+ */
+export interface EditorSidebarProps {
+    /**
+     * Current layout mode (side or stacked).
+     */
+    layout: PaneLayout;
+    /**
+     * Whether field highlighting is enabled.
+     */
+    highlightEnabled: boolean;
+    /**
+     * Width of the sidebar in pixels.
+     */
+    sidebarWidth: number;
+    /**
+     * Height of the header in pixels (for positioning).
+     */
+    headerHeight: number;
+    /**
+     * Height of the footer in pixels (for positioning).
+     */
+    footerHeight: number;
+    /**
+     * Callback when layout changes.
+     */
+    onLayoutChange: (layout: PaneLayout) => void;
+    /**
+     * Callback when highlight toggle is clicked.
+     */
+    onHighlightToggle: () => void;
+    /**
+     * Callback when permission manager should be opened.
+     */
+    onPermissionManagerOpen: () => void;
+    /**
+     * Callback when group manager should be opened.
+     */
+    onGroupManagerOpen: () => void;
+    /**
+     * Custom account component to render (e.g., Clerk's UserButton).
+     * If provided, replaces the default account button.
+     */
+    AccountComponent?: React.ComponentType;
+    /**
+     * Callback when account button is clicked (if no AccountComponent provided).
+     */
+    onAccountClick?: () => void;
+    /**
+     * Callback when logout button is clicked.
+     */
+    onLogoutClick?: () => void;
+}
+/**
+ * Sidebar component for the Editor.
+ * Contains layout toggle, highlight toggle, settings menu, account button, and logout button.
+ *
+ * @example
+ * ```tsx
+ * <EditorSidebar
+ *   layout={layout}
+ *   highlightEnabled={highlightEnabled}
+ *   sidebarWidth={60}
+ *   headerHeight={60}
+ *   footerHeight={40}
+ *   onLayoutChange={setLayout}
+ *   onHighlightToggle={() => setHighlightEnabled(!highlightEnabled)}
+ *   onPermissionManagerOpen={() => setPermissionManagerOpen(true)}
+ *   onGroupManagerOpen={() => setGroupManagerOpen(true)}
+ * />
+ * ```
+ */
+export declare function EditorSidebar({ layout, highlightEnabled, sidebarWidth, headerHeight, footerHeight, onLayoutChange, onHighlightToggle, onPermissionManagerOpen, onGroupManagerOpen, AccountComponent, onAccountClick, onLogoutClick, }: EditorSidebarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditorSidebar.d.ts.map

package/dist/editor/components/EditorSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorSidebar.d.ts","sourceRoot":"","sources":["../../../src/editor/components/EditorSidebar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEhD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,MAAM,EAAE,UAAU,CAAA;IAElB;;OAEG;IACH,gBAAgB,EAAE,OAAO,CAAA;IAEzB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,cAAc,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IAE5C;;OAEG;IACH,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAE7B;;OAEG;IACH,uBAAuB,EAAE,MAAM,IAAI,CAAA;IAEnC;;OAEG;IACH,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAE9B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAEtC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAE3B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;CAC3B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,EACd,aAAa,GACd,EAAE,kBAAkB,2CAwFpB"}

package/dist/editor/components/EditorSidebar.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ActionIcon, Menu, Paper, Stack } from '@mantine/core';
+import { MdAccountCircle, MdLogout, MdSettings } from 'react-icons/md';
+import { PiColumnsDuotone, PiRowsDuotone } from 'react-icons/pi';
+import { LuSquareDashed } from 'react-icons/lu';
+/**
+ * Sidebar component for the Editor.
+ * Contains layout toggle, highlight toggle, settings menu, account button, and logout button.
+ *
+ * @example
+ * ```tsx
+ * <EditorSidebar
+ *   layout={layout}
+ *   highlightEnabled={highlightEnabled}
+ *   sidebarWidth={60}
+ *   headerHeight={60}
+ *   footerHeight={40}
+ *   onLayoutChange={setLayout}
+ *   onHighlightToggle={() => setHighlightEnabled(!highlightEnabled)}
+ *   onPermissionManagerOpen={() => setPermissionManagerOpen(true)}
+ *   onGroupManagerOpen={() => setGroupManagerOpen(true)}
+ * />
+ * ```
+ */
+export function EditorSidebar({ layout, highlightEnabled, sidebarWidth, headerHeight, footerHeight, onLayoutChange, onHighlightToggle, onPermissionManagerOpen, onGroupManagerOpen, AccountComponent, onAccountClick, onLogoutClick, }) {
+    return (_jsxs(Paper, { withBorder: true, shadow: "sm", radius: 0, style: {
+            position: 'fixed',
+            top: headerHeight,
+            bottom: footerHeight,
+            right: 0,
+            width: sidebarWidth,
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            padding: '10px 6px',
+            gap: 8,
+        }, children: [_jsxs(Stack, { gap: "sm", align: "center", style: { width: '100%', paddingTop: 6 }, children: [_jsx(ActionIcon, { variant: "subtle", size: "lg", radius: "md", "aria-label": "Toggle layout", onClick: () => onLayoutChange(layout === 'side' ? 'stacked' : 'side'), children: layout === 'side' ? _jsx(PiRowsDuotone, { size: 18 }) : _jsx(PiColumnsDuotone, { size: 18 }) }), _jsx(ActionIcon, { variant: highlightEnabled ? 'filled' : 'subtle', color: highlightEnabled ? 'brand' : 'gray', size: "lg", radius: "md", "aria-pressed": highlightEnabled, "aria-label": "Toggle highlights", onClick: onHighlightToggle, children: _jsx(LuSquareDashed, { size: 18 }) })] }), _jsxs(Stack, { gap: "xs", align: "center", children: [_jsxs(Menu, { shadow: "md", width: 200, position: "left", children: [_jsx(Menu.Target, { children: _jsx(ActionIcon, { variant: "subtle", size: "lg", radius: "md", "aria-label": "Settings", children: _jsx(MdSettings, { size: 18 }) }) }), _jsxs(Menu.Dropdown, { children: [_jsx(Menu.Label, { children: "Settings" }), _jsx(Menu.Item, { onClick: onPermissionManagerOpen, children: "Manage Permissions" }), _jsx(Menu.Item, { onClick: onGroupManagerOpen, children: "Manage Groups" })] })] }), AccountComponent ? (_jsx(AccountComponent, {})) : (_jsxs(_Fragment, { children: [onAccountClick && (_jsx(ActionIcon, { variant: "subtle", size: "lg", radius: "md", "aria-label": "Account", onClick: onAccountClick, children: _jsx(MdAccountCircle, { size: 18 }) })), onLogoutClick && (_jsx(ActionIcon, { variant: "subtle", size: "lg", radius: "md", "aria-label": "Sign out", onClick: onLogoutClick, children: _jsx(MdLogout, { size: 18 }) }))] }))] })] }));
+}
+//# sourceMappingURL=EditorSidebar.js.map

package/dist/editor/components/EditorSidebar.js.map

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

package/dist/editor/components/EntryCreateModal.d.ts

@@ -0,0 +1,27 @@
+export interface EntryType {
+    name: string;
+    label?: string;
+    format: 'json' | 'md' | 'mdx';
+    default?: boolean;
+    maxItems?: number;
+}
+export interface EntryCreateModalProps {
+    /** Whether the modal is open */
+    isOpen: boolean;
+    /** Collection name for display */
+    collectionLabel: string;
+    /** Available entry types (if multiple, show selector) */
+    entryTypes: EntryType[];
+    /** Pre-selected entry type (if specified) */
+    selectedEntryTypeName?: string;
+    /** Called when create is clicked */
+    onCreate: (slug: string, entryTypeName: string) => Promise<void>;
+    /** Called when modal is closed */
+    onClose: () => void;
+    /** Whether a create operation is in progress */
+    isCreating?: boolean;
+    /** Error message to display */
+    error?: string | null;
+}
+export declare function EntryCreateModal({ isOpen, collectionLabel, entryTypes, selectedEntryTypeName, onCreate, onClose, isCreating, error, }: EntryCreateModalProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EntryCreateModal.d.ts.map

package/dist/editor/components/EntryCreateModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntryCreateModal.d.ts","sourceRoot":"","sources":["../../../src/editor/components/EntryCreateModal.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,KAAK,CAAA;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,qBAAqB;IACpC,gCAAgC;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,kCAAkC;IAClC,eAAe,EAAE,MAAM,CAAA;IACvB,yDAAyD;IACzD,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB,6CAA6C;IAC7C,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,oCAAoC;IACpC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAChE,kCAAkC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,eAAe,EACf,UAAU,EACV,qBAAqB,EACrB,QAAQ,EACR,OAAO,EACP,UAAkB,EAClB,KAAY,GACb,EAAE,qBAAqB,2CA6IvB"}

package/dist/editor/components/EntryCreateModal.js

@@ -0,0 +1,78 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * EntryCreateModal - Modal for creating new entries.
+ *
+ * Replaces window.prompt with a proper UI for:
+ * - Selecting entry type (if multiple types available)
+ * - Entering slug for new entry
+ * - Validation and error handling
+ */
+import { useState, useEffect } from 'react';
+import { Modal, Stack, TextInput, Group, Button, Alert, Text, Select } from '@mantine/core';
+import { IconAlertCircle } from '@tabler/icons-react';
+export function EntryCreateModal({ isOpen, collectionLabel, entryTypes, selectedEntryTypeName, onCreate, onClose, isCreating = false, error = null, }) {
+    // Helper to get default or first entry type
+    const getDefaultEntryTypeName = () => {
+        if (selectedEntryTypeName)
+            return selectedEntryTypeName;
+        if (entryTypes.length === 1)
+            return entryTypes[0].name;
+        // Find entry type marked as default
+        const defaultType = entryTypes.find((et) => et.default);
+        return defaultType?.name || entryTypes[0]?.name || '';
+    };
+    const [slug, setSlug] = useState('untitled');
+    const [entryTypeName, setEntryTypeName] = useState(getDefaultEntryTypeName());
+    const [validationError, setValidationError] = useState(null);
+    // Reset state when modal opens
+    useEffect(() => {
+        if (isOpen) {
+            setSlug('untitled');
+            setEntryTypeName(getDefaultEntryTypeName());
+            setValidationError(null);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isOpen, selectedEntryTypeName, entryTypes]);
+    // Validate slug format
+    const validateSlug = (value) => {
+        if (!value.trim()) {
+            return 'Slug cannot be empty';
+        }
+        if (value.includes('/')) {
+            return 'Slug cannot contain slashes';
+        }
+        // Simple validation - lowercase, alphanumeric + hyphens
+        if (!/^[a-z0-9][-a-z0-9]*$/.test(value)) {
+            return 'Slug must start with letter/number and contain only lowercase letters, numbers, and hyphens';
+        }
+        if (value.length > 64) {
+            return 'Slug must be 64 characters or less';
+        }
+        return null;
+    };
+    const handleSlugChange = (value) => {
+        setSlug(value);
+        setValidationError(validateSlug(value));
+    };
+    const handleCreate = async () => {
+        const validation = validateSlug(slug);
+        if (validation) {
+            setValidationError(validation);
+            return;
+        }
+        if (!entryTypeName) {
+            setValidationError('Please select an entry type');
+            return;
+        }
+        await onCreate(slug, entryTypeName);
+    };
+    const canCreate = !validationError && slug.trim() !== '' && entryTypeName !== '' && !isCreating;
+    const selectedType = entryTypes.find((et) => et.name === entryTypeName);
+    const typeLabel = selectedType?.label || selectedType?.name || '';
+    return (_jsx(Modal, { opened: isOpen, onClose: onClose, title: _jsx(Text, { fw: 600, children: "Create New Entry" }), size: "md", closeOnClickOutside: !isCreating, closeOnEscape: !isCreating, children: _jsxs(Stack, { gap: "md", "data-testid": "create-entry-modal", children: [error && (_jsx(Alert, { icon: _jsx(IconAlertCircle, { size: 16 }), color: "red", variant: "light", children: error })), _jsxs(Text, { size: "sm", c: "dimmed", children: ["Creating in: ", collectionLabel] }), entryTypes.length > 1 && (_jsx(Select, { label: "Entry Type", description: "Select the type of entry to create", value: entryTypeName, onChange: (value) => setEntryTypeName(value || ''), data: entryTypes.map((et) => ({
+                        value: et.name,
+                        label: et.label || et.name,
+                    })), required: true, disabled: isCreating, searchable: true, placeholder: "Select entry type..." })), entryTypes.length === 1 && (_jsxs(Text, { size: "sm", c: "dimmed", children: ["Entry type: ", _jsx("strong", { children: typeLabel })] })), _jsx(TextInput, { label: "Slug", description: "URL-friendly identifier (lowercase, alphanumeric + hyphens)", value: slug, onChange: (e) => handleSlugChange(e.currentTarget.value), error: validationError, placeholder: "my-entry-slug", required: true, disabled: isCreating, "data-autofocus": true, "data-testid": "entry-slug-input" }), _jsxs(Text, { size: "xs", c: "dimmed", children: ["Preview: ", _jsx("code", { children: slug })] }), _jsxs(Group, { justify: "flex-end", gap: "sm", children: [_jsx(Button, { variant: "subtle", onClick: onClose, disabled: isCreating, children: "Cancel" }), _jsx(Button, { onClick: handleCreate, loading: isCreating, disabled: !canCreate, "data-testid": "create-entry-submit", children: "Create" })] })] }) }));
+}
+//# sourceMappingURL=EntryCreateModal.js.map

package/dist/editor/components/EntryCreateModal.js.map

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

package/dist/editor/components/RenameEntryModal.d.ts

@@ -0,0 +1,18 @@
+export interface RenameEntryModalProps {
+    /** Whether the modal is open */
+    isOpen: boolean;
+    /** Current entry label for display */
+    entryLabel: string;
+    /** Current slug value */
+    currentSlug: string;
+    /** Called when save is clicked */
+    onSave: (newSlug: string) => Promise<void>;
+    /** Called when modal is closed */
+    onClose: () => void;
+    /** Whether a save operation is in progress */
+    isSaving?: boolean;
+    /** Error message to display */
+    error?: string | null;
+}
+export declare function RenameEntryModal({ isOpen, entryLabel, currentSlug, onSave, onClose, isSaving, error, }: RenameEntryModalProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RenameEntryModal.d.ts.map

package/dist/editor/components/RenameEntryModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenameEntryModal.d.ts","sourceRoot":"","sources":["../../../src/editor/components/RenameEntryModal.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,qBAAqB;IACpC,gCAAgC;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,sCAAsC;IACtC,UAAU,EAAE,MAAM,CAAA;IAClB,yBAAyB;IACzB,WAAW,EAAE,MAAM,CAAA;IACnB,kCAAkC;IAClC,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1C,kCAAkC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,UAAU,EACV,WAAW,EACX,MAAM,EACN,OAAO,EACP,QAAgB,EAChB,KAAY,GACb,EAAE,qBAAqB,2CAiHvB"}

package/dist/editor/components/RenameEntryModal.js

@@ -0,0 +1,62 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * RenameEntryModal - Modal for renaming entry slugs.
+ *
+ * Allows changing the slug (middle segment) of an entry filename.
+ * The content ID is preserved, so drafts and references remain intact.
+ */
+import { useState } from 'react';
+import { Modal, Stack, TextInput, Group, Button, Alert, Text } from '@mantine/core';
+import { IconAlertCircle } from '@tabler/icons-react';
+export function RenameEntryModal({ isOpen, entryLabel, currentSlug, onSave, onClose, isSaving = false, error = null, }) {
+    const [newSlug, setNewSlug] = useState(currentSlug);
+    const [validationError, setValidationError] = useState(null);
+    // Reset state when modal opens (adjust state during render instead of effect)
+    const [prevIsOpen, setPrevIsOpen] = useState(isOpen);
+    const [prevSlug, setPrevSlug] = useState(currentSlug);
+    if (isOpen !== prevIsOpen || currentSlug !== prevSlug) {
+        setPrevIsOpen(isOpen);
+        setPrevSlug(currentSlug);
+        if (isOpen) {
+            setNewSlug(currentSlug);
+            setValidationError(null);
+        }
+    }
+    // Validate slug format
+    const validateSlug = (slug) => {
+        if (!slug.trim()) {
+            return 'Slug cannot be empty';
+        }
+        if (slug.includes('/')) {
+            return 'Slug cannot contain slashes';
+        }
+        // Simple validation - lowercase, alphanumeric + hyphens
+        if (!/^[a-z0-9][-a-z0-9]*$/.test(slug)) {
+            return 'Slug must start with letter/number and contain only lowercase letters, numbers, and hyphens';
+        }
+        if (slug.length > 64) {
+            return 'Slug must be 64 characters or less';
+        }
+        return null;
+    };
+    const handleSlugChange = (value) => {
+        setNewSlug(value);
+        setValidationError(validateSlug(value));
+    };
+    const handleSave = async () => {
+        const validation = validateSlug(newSlug);
+        if (validation) {
+            setValidationError(validation);
+            return;
+        }
+        if (newSlug === currentSlug) {
+            onClose();
+            return;
+        }
+        await onSave(newSlug);
+    };
+    const canSave = !validationError && newSlug.trim() !== '' && newSlug !== currentSlug && !isSaving;
+    return (_jsx(Modal, { opened: isOpen, onClose: onClose, title: _jsx(Text, { fw: 600, children: "Rename Entry" }), size: "md", closeOnClickOutside: !isSaving, closeOnEscape: !isSaving, children: _jsxs(Stack, { gap: "md", "data-testid": "rename-entry-modal", children: [error && (_jsx(Alert, { icon: _jsx(IconAlertCircle, { size: 16 }), color: "red", variant: "light", children: error })), _jsxs(Text, { size: "sm", c: "dimmed", children: ["Renaming \"", entryLabel, "\""] }), _jsx(TextInput, { label: "Slug", description: "URL-friendly identifier (lowercase, alphanumeric + hyphens)", value: newSlug, onChange: (e) => handleSlugChange(e.currentTarget.value), error: validationError, placeholder: "my-entry-slug", required: true, disabled: isSaving, "data-autofocus": true, "data-testid": "rename-slug-input" }), _jsxs(Text, { size: "xs", c: "dimmed", children: ["Current: ", _jsx("code", { children: currentSlug }), newSlug !== currentSlug && (_jsxs(_Fragment, { children: [' → ', "New: ", _jsx("code", { children: newSlug })] }))] }), _jsxs(Group, { justify: "flex-end", gap: "sm", children: [_jsx(Button, { variant: "subtle", onClick: onClose, disabled: isSaving, children: "Cancel" }), _jsx(Button, { onClick: handleSave, loading: isSaving, disabled: !canSave, "data-testid": "rename-entry-submit", children: "Rename" })] })] }) }));
+}
+//# sourceMappingURL=RenameEntryModal.js.map