canopycms 0.0.0

package/dist/editor/comments/ThreadCarousel.d.ts

@@ -0,0 +1,110 @@
+import React from 'react';
+import type { CommentThread } from '../../comment-store';
+import type { UserSearchResult } from '../../auth/types';
+/**
+ * ThreadCarousel - Horizontal comment thread navigation component
+ *
+ * ## Purpose
+ * Provides a horizontal carousel UI for navigating between multiple comment threads
+ * on fields, entries, or branches. Supports both keyboard navigation (arrow buttons)
+ * and displays a visual "peekaboo" preview of adjacent threads.
+ *
+ * ## Key Behaviors
+ *
+ * ### Layout & Sizing
+ * - **Active thread width**: `calc(100% - 72px)` - fills container minus peekaboo space
+ * - **Single thread width**: `calc(100% - 72px)` - same as active (for consistency)
+ * - **Inactive thread width**: `400px` - fixed width when not in view
+ * - **Peekaboo size**: `60px` - sliver of next thread shown on right edge
+ * - **Gap between threads**: `12px`
+ *
+ * ### Peekaboo Preview
+ * - Shows 60px of the next thread on the right edge (when not viewing last thread)
+ * - Gradient fade overlay applied to peekaboo area for visual polish
+ * - **Last thread behavior**: Invisible 60px spacer ensures last thread stays left-aligned
+ *   without showing previous threads on the left
+ * - Peekaboo helps users discover there are more threads to navigate
+ *
+ * ### Thread Sorting
+ * - **Unresolved threads first** (primary sort)
+ * - **Newest first within same resolved state** (secondary sort by createdAt)
+ * - This ensures urgent unresolved feedback appears first
+ *
+ * ### Navigation
+ * - **Arrow buttons**: `← 2/5 →` counter with disabled states at boundaries
+ * - **Smooth scrolling**: CSS `scroll-behavior: smooth` with programmatic scroll
+ * - **Auto-scroll**: When `autoFocus` is true, automatically scrolls to first unresolved thread
+ * - **Mouse scrolling disabled**: `overflowX: 'hidden'` - only button navigation allowed
+ * - **Scroll calculation**: Accounts for active thread width + gaps when navigating
+ *
+ * ### Always-Visible Design
+ * - Component renders even with 0 threads (shows "No comments yet" message)
+ * - "New" button always accessible in header
+ * - Header shows thread count when threads exist: "Comments (3)"
+ * - Navigation arrows only appear when multiple threads exist
+ *
+ * ### Vertical Resizing
+ * - **Default height**: 400px
+ * - **Resize range**: 200px (min) to 600px (max)
+ * - **Resize handle**: Bottom edge with visual feedback on hover/drag
+ * - User can drag to adjust carousel height for their workflow
+ *
+ * ### New Thread Creation
+ * - "New" button in header toggles inline thread creation box
+ * - `autoOpenNewThread` prop auto-opens box (used when clicking "New comment" button)
+ * - New thread box appears above carousel, with textarea and Create/Cancel buttons
+ *
+ * ## Usage Context
+ * Used by:
+ * - **FieldWrapper**: Inline comments beneath form fields
+ * - **EntryComments**: Comments at top of entry form
+ * - **BranchComments**: Comments at top of BranchManager
+ *
+ * ## Design Decisions
+ *
+ * ### Why calc(100% - 72px)?
+ * - 60px for peekaboo preview + 12px gap = 72px total
+ * - Active thread fills remaining space for maximum readability
+ * - Consistent sizing between single thread and active thread in multi-thread scenarios
+ *
+ * ### Why invisible spacer at end?
+ * - Without spacer: last thread would align to right edge, showing previous threads on left
+ * - With spacer: last thread stays left-aligned with blank space on right (matching peekaboo size)
+ * - Creates consistent left-alignment across all thread positions
+ *
+ * ### Why disable mouse scrolling?
+ * - Prevents accidental scroll-wheel navigation that could be jarring
+ * - Forces deliberate button-based navigation for better UX
+ * - Scroll-snap still works programmatically for smooth transitions
+ *
+ * ### Why sort unresolved first?
+ * - Unresolved threads require action, so they should be most visible
+ * - Resolved threads are less urgent and can appear later in carousel
+ * - Newest-first secondary sort ensures recent feedback is prioritized
+ */
+export interface ThreadCarouselProps {
+    /** All threads for this context */
+    threads: CommentThread[];
+    /** Label for the comment section (e.g., "Comments", "Entry Comments") */
+    label?: string;
+    /** Context type for creating new threads */
+    contextType: 'field' | 'entry' | 'branch';
+    /** Current user ID */
+    currentUserId: string;
+    /** Whether user can resolve threads */
+    canResolve: boolean;
+    /** Handler to add a new comment (creates new thread or adds to existing) */
+    onAddComment: (text: string, threadId?: string) => Promise<void>;
+    /** Handler to resolve a thread */
+    onResolveThread: (threadId: string) => Promise<void>;
+    /** Auto-focus and expand (from preview click) */
+    autoFocus?: boolean;
+    /** Auto-open new thread box */
+    autoOpenNewThread?: boolean;
+    /** Thread ID to highlight and scroll to */
+    highlightThreadId?: string;
+    /** Optional function to fetch user metadata for displaying user badges */
+    onGetUserMetadata?: (userId: string) => Promise<UserSearchResult | null>;
+}
+export declare const ThreadCarousel: React.FC<ThreadCarouselProps>;
+//# sourceMappingURL=ThreadCarousel.d.ts.map

package/dist/editor/comments/ThreadCarousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadCarousel.d.ts","sourceRoot":"","sources":["../../../src/editor/comments/ThreadCarousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAGnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAGxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgFG;AAEH,MAAM,WAAW,mBAAmB;IAClC,mCAAmC;IACnC,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4CAA4C;IAC5C,WAAW,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;IACzC,sBAAsB;IACtB,aAAa,EAAE,MAAM,CAAA;IACrB,uCAAuC;IACvC,UAAU,EAAE,OAAO,CAAA;IACnB,4EAA4E;IAC5E,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAChE,kCAAkC;IAClC,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACpD,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,0EAA0E;IAC1E,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;CACzE;AACD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyZxD,CAAA"}

package/dist/editor/comments/ThreadCarousel.js

@@ -0,0 +1,223 @@
+'use client';
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useMemo, useEffect, useRef } from 'react';
+import { ActionIcon, Alert, Button, Group, Paper, Stack, Text, Textarea } from '@mantine/core';
+import { IconChevronLeft, IconChevronRight, IconAlertCircle } from '@tabler/icons-react';
+import { InlineCommentThread } from './InlineCommentThread';
+export const ThreadCarousel = ({ threads, label = 'Comments', contextType: _, currentUserId, canResolve, onAddComment, onResolveThread, autoFocus, autoOpenNewThread, highlightThreadId, onGetUserMetadata, }) => {
+    const [currentIndex, setCurrentIndex] = useState(0);
+    const [showNewThreadBox, setShowNewThreadBox] = useState(false);
+    const [newThreadText, setNewThreadText] = useState('');
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [carouselHeight, setCarouselHeight] = useState(400);
+    const [isResizing, setIsResizing] = useState(false);
+    const [highlightedThreadId, setHighlightedThreadId] = useState(undefined);
+    const [error, setError] = useState(null);
+    const scrollContainerRef = useRef(null);
+    const resizeStartY = useRef(0);
+    const resizeStartHeight = useRef(0);
+    // Sort: unresolved first, then resolved
+    const sortedThreads = useMemo(() => [...threads].sort((a, b) => {
+        if (a.resolved === b.resolved) {
+            // Same resolved state: sort by createdAt (newest first)
+            return new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime();
+        }
+        return a.resolved ? 1 : -1;
+    }), [threads]);
+    // Auto-scroll to first unresolved thread when autoFocus is true
+    useEffect(() => {
+        if (autoFocus && sortedThreads.length > 0) {
+            const firstUnresolved = sortedThreads.find((t) => !t.resolved);
+            if (firstUnresolved) {
+                const index = sortedThreads.findIndex((t) => t.id === firstUnresolved.id);
+                setCurrentIndex(index);
+                // Scroll to thread
+                scrollToIndex(index);
+            }
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- scrollToIndex is stable
+    }, [autoFocus, sortedThreads]);
+    // Scroll to and highlight specific thread when highlightThreadId changes
+    useEffect(() => {
+        if (highlightThreadId && sortedThreads.length > 0) {
+            const threadIndex = sortedThreads.findIndex((t) => t.id === highlightThreadId);
+            if (threadIndex !== -1) {
+                setCurrentIndex(threadIndex);
+                scrollToIndex(threadIndex);
+                setHighlightedThreadId(highlightThreadId);
+                // Clear highlight after 2 seconds
+                const timer = window.setTimeout(() => {
+                    setHighlightedThreadId(undefined);
+                }, 2000);
+                return () => window.clearTimeout(timer);
+            }
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- scrollToIndex is stable
+    }, [highlightThreadId, sortedThreads]);
+    // Auto-open new thread box when autoOpenNewThread is true
+    useEffect(() => {
+        if (autoOpenNewThread) {
+            setShowNewThreadBox(true);
+        }
+    }, [autoOpenNewThread]);
+    // Handle resize dragging
+    useEffect(() => {
+        const handleMouseMove = (e) => {
+            if (!isResizing)
+                return;
+            const delta = e.clientY - resizeStartY.current;
+            const newHeight = Math.max(200, Math.min(600, resizeStartHeight.current + delta));
+            setCarouselHeight(newHeight);
+        };
+        const handleMouseUp = () => {
+            setIsResizing(false);
+        };
+        if (isResizing) {
+            document.addEventListener('mousemove', handleMouseMove);
+            document.addEventListener('mouseup', handleMouseUp);
+            return () => {
+                document.removeEventListener('mousemove', handleMouseMove);
+                document.removeEventListener('mouseup', handleMouseUp);
+            };
+        }
+    }, [isResizing]);
+    const handleResizeStart = (e) => {
+        e.preventDefault();
+        setIsResizing(true);
+        resizeStartY.current = e.clientY;
+        resizeStartHeight.current = carouselHeight;
+    };
+    const scrollToIndex = (index) => {
+        if (scrollContainerRef.current) {
+            const container = scrollContainerRef.current;
+            // Calculate scroll position based on container width
+            // Active thread takes most space, others are 400px + gap
+            let scrollLeft = 0;
+            for (let i = 0; i < index; i++) {
+                if (sortedThreads.length > 1) {
+                    // Each previous thread was the active one when visible, so use full width
+                    scrollLeft += container.clientWidth - 72 + 12; // width - peekaboo + gap
+                }
+                else {
+                    scrollLeft += 400 + 12;
+                }
+            }
+            container.scrollTo({
+                left: scrollLeft,
+                behavior: 'smooth',
+            });
+        }
+    };
+    const handlePrevious = () => {
+        if (currentIndex > 0) {
+            const newIndex = currentIndex - 1;
+            setCurrentIndex(newIndex);
+            scrollToIndex(newIndex);
+        }
+    };
+    const handleNext = () => {
+        if (currentIndex < sortedThreads.length - 1) {
+            const newIndex = currentIndex + 1;
+            setCurrentIndex(newIndex);
+            scrollToIndex(newIndex);
+        }
+    };
+    const handleAddReply = async (threadId, text) => {
+        try {
+            setError(null);
+            await onAddComment(text, threadId);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Failed to add reply');
+            throw err; // Re-throw so InlineCommentThread can handle it
+        }
+    };
+    const handleCreateNewThread = async () => {
+        if (!newThreadText.trim())
+            return;
+        setIsSubmitting(true);
+        setError(null);
+        try {
+            await onAddComment(newThreadText);
+            setNewThreadText('');
+            setShowNewThreadBox(false);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Failed to create comment');
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    };
+    const unresolvedCount = sortedThreads.filter((t) => !t.resolved).length;
+    return (_jsx(Paper, { p: "sm", bg: "gray.0", style: { marginTop: 8 }, children: _jsxs(Stack, { gap: "xs", children: [_jsxs(Group, { justify: "space-between", align: "center", children: [_jsxs(Group, { gap: "xs", children: [_jsxs(Text, { size: "sm", fw: 600, children: [label, sortedThreads.length > 0 && ` (${sortedThreads.length})`] }), unresolvedCount > 0 && (_jsxs(Text, { size: "xs", c: "orange", fw: 600, children: [unresolvedCount, " unresolved"] }))] }), _jsxs(Group, { gap: "xs", children: [sortedThreads.length > 1 && (_jsxs(_Fragment, { children: [_jsx(ActionIcon, { size: "sm", variant: "subtle", onClick: handlePrevious, disabled: currentIndex === 0, children: _jsx(IconChevronLeft, { size: 16 }) }), _jsxs(Text, { size: "xs", fw: 500, children: [currentIndex + 1, "/", sortedThreads.length] }), _jsx(ActionIcon, { size: "sm", variant: "subtle", onClick: handleNext, disabled: currentIndex === sortedThreads.length - 1, children: _jsx(IconChevronRight, { size: 16 }) }), _jsx("div", { style: {
+                                                width: 1,
+                                                height: 16,
+                                                background: 'var(--mantine-color-gray-4)',
+                                            } })] })), _jsx(Button, { size: "xs", variant: "light", onClick: () => setShowNewThreadBox(!showNewThreadBox), children: "+ New" })] })] }), error && (_jsx(Alert, { icon: _jsx(IconAlertCircle, { size: 16 }), color: "red", variant: "light", onClose: () => setError(null), withCloseButton: true, children: error })), showNewThreadBox && (_jsx(Paper, { withBorder: true, p: "sm", bg: "white", children: _jsxs(Stack, { gap: "xs", children: [_jsx(Textarea, { placeholder: "Start a new thread...", value: newThreadText, onChange: (e) => setNewThreadText(e.target.value), minRows: 2, disabled: isSubmitting, autoFocus: true, "data-testid": "new-thread-textarea" }), _jsxs(Group, { gap: "xs", children: [_jsx(Button, { size: "xs", onClick: handleCreateNewThread, loading: isSubmitting, disabled: !newThreadText.trim(), "data-testid": "create-thread-button", children: "Create Thread" }), _jsx(Button, { size: "xs", variant: "subtle", onClick: () => setShowNewThreadBox(false), children: "Cancel" })] })] }) })), sortedThreads.length > 0 && (_jsxs("div", { style: {
+                        position: 'relative',
+                        width: '100%',
+                    }, children: [_jsxs("div", { ref: scrollContainerRef, style: {
+                                display: 'flex',
+                                gap: 12,
+                                overflowX: 'hidden', // Disable mouse scrolling
+                                scrollSnapType: 'x mandatory',
+                                scrollBehavior: 'smooth',
+                                maxHeight: carouselHeight,
+                                position: 'relative',
+                                width: '100%', // Ensure container respects parent width boundary
+                            }, children: [sortedThreads.map((thread, idx) => {
+                                    const isActive = idx === currentIndex;
+                                    const isHighlighted = thread.id === highlightedThreadId;
+                                    return (_jsx("div", { style: {
+                                            scrollSnapAlign: 'start',
+                                            flexShrink: 0,
+                                            // Active thread or single thread stretches to fill space minus peekaboo
+                                            width: isActive || sortedThreads.length === 1
+                                                ? 'calc(100% - 72px)' // Active or single: leave room for peekaboo/spacing
+                                                : 400, // Non-active: fixed width
+                                            maxWidth: isActive || sortedThreads.length === 1 ? 'calc(100% - 72px)' : 400,
+                                            // Add highlight animation
+                                            outline: isHighlighted ? '3px solid var(--mantine-color-blue-5)' : undefined,
+                                            outlineOffset: isHighlighted ? 2 : undefined,
+                                            borderRadius: isHighlighted ? 8 : undefined,
+                                            transition: 'outline 0.3s ease, outline-offset 0.3s ease',
+                                        }, children: _jsx(InlineCommentThread, { thread: thread, onAddReply: (text) => handleAddReply(thread.id, text), onResolve: () => onResolveThread(thread.id), currentUserId: currentUserId, canResolve: canResolve, onGetUserMetadata: onGetUserMetadata }) }, thread.id));
+                                }), sortedThreads.length > 1 && (_jsx("div", { style: {
+                                        flexShrink: 0,
+                                        width: 60, // Match peekaboo size
+                                        visibility: 'hidden',
+                                    } }))] }), sortedThreads.length > 1 && currentIndex < sortedThreads.length - 1 && (_jsx("div", { style: {
+                                position: 'absolute',
+                                top: 0,
+                                right: 0,
+                                width: 60,
+                                height: '100%',
+                                background: 'linear-gradient(to left, var(--mantine-color-gray-0) 0%, transparent 100%)',
+                                pointerEvents: 'none',
+                            } })), _jsx("div", { onMouseDown: handleResizeStart, style: {
+                                position: 'absolute',
+                                bottom: 0,
+                                left: 0,
+                                right: 0,
+                                height: 8,
+                                cursor: 'ns-resize',
+                                background: isResizing ? 'var(--mantine-color-blue-5)' : 'transparent',
+                                transition: 'background 0.2s',
+                                display: 'flex',
+                                alignItems: 'center',
+                                justifyContent: 'center',
+                            }, onMouseEnter: (e) => {
+                                e.currentTarget.style.background = 'var(--mantine-color-gray-3)';
+                            }, onMouseLeave: (e) => {
+                                if (!isResizing) {
+                                    e.currentTarget.style.background = 'transparent';
+                                }
+                            }, children: _jsx("div", { style: {
+                                    width: 40,
+                                    height: 3,
+                                    borderRadius: 2,
+                                    background: 'var(--mantine-color-gray-5)',
+                                } }) })] })), sortedThreads.length === 0 && !showNewThreadBox && (_jsx(Text, { size: "xs", c: "dimmed", ta: "center", py: "xs", children: "No comments yet. Click \"+ New\" to start a thread." }))] }) }));
+};
+//# sourceMappingURL=ThreadCarousel.js.map

package/dist/editor/comments/ThreadCarousel.js.map

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

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

@@ -0,0 +1,15 @@
+export interface ConfirmDeleteModalProps {
+    isOpen: boolean;
+    title: string;
+    message: string;
+    confirmLabel?: string;
+    onConfirm: () => void;
+    onClose: () => void;
+    loading?: boolean;
+}
+/**
+ * Confirmation modal for delete operations.
+ * Provides a clear warning UI with red/danger theme.
+ */
+export declare function ConfirmDeleteModal({ isOpen, title, message, confirmLabel, onConfirm, onClose, loading, }: ConfirmDeleteModalProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConfirmDeleteModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDeleteModal.d.ts","sourceRoot":"","sources":["../../../src/editor/components/ConfirmDeleteModal.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,KAAK,EACL,OAAO,EACP,YAAuB,EACvB,SAAS,EACT,OAAO,EACP,OAAe,GAChB,EAAE,uBAAuB,2CAsBzB"}

package/dist/editor/components/ConfirmDeleteModal.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal, Button, Text, Group, Stack } from '@mantine/core';
+/**
+ * Confirmation modal for delete operations.
+ * Provides a clear warning UI with red/danger theme.
+ */
+export function ConfirmDeleteModal({ isOpen, title, message, confirmLabel = 'Delete', onConfirm, onClose, loading = false, }) {
+    return (_jsx(Modal, { opened: isOpen, onClose: onClose, title: title, centered: true, size: "md", children: _jsxs(Stack, { gap: "md", "data-testid": "confirm-delete-modal", children: [_jsx(Text, { size: "sm", children: message }), _jsxs(Group, { justify: "flex-end", gap: "sm", children: [_jsx(Button, { variant: "default", onClick: onClose, disabled: loading, children: "Cancel" }), _jsx(Button, { color: "red", onClick: onConfirm, loading: loading, "data-testid": "confirm-delete-submit", children: confirmLabel })] })] }) }));
+}
+//# sourceMappingURL=ConfirmDeleteModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDeleteModal.js","sourceRoot":"","sources":["../../../src/editor/components/ConfirmDeleteModal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAYjE;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,MAAM,EACN,KAAK,EACL,OAAO,EACP,YAAY,GAAG,QAAQ,EACvB,SAAS,EACT,OAAO,EACP,OAAO,GAAG,KAAK,GACS;IACxB,OAAO,CACL,KAAC,KAAK,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,QAAC,IAAI,EAAC,IAAI,YACvE,MAAC,KAAK,IAAC,GAAG,EAAC,IAAI,iBAAa,sBAAsB,aAChD,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,YAAE,OAAO,GAAQ,EAEhC,MAAC,KAAK,IAAC,OAAO,EAAC,UAAU,EAAC,GAAG,EAAC,IAAI,aAChC,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,uBAEpD,EACT,KAAC,MAAM,IACL,KAAK,EAAC,KAAK,EACX,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,OAAO,iBACJ,uBAAuB,YAElC,YAAY,GACN,IACH,IACF,GACF,CACT,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,35 @@
+import type { CommentThread } from '../../comment-store';
+import type { EditorEntry } from '../Editor';
+/**
+ * EditorContext provides shared state for deeply nested components
+ * to avoid prop drilling through 5+ component levels.
+ *
+ * Contains:
+ * - Core navigation state (branchName, selectedPath, currentEntry)
+ * - Global busy state
+ * - Comment system state (for FormRenderer, FieldWrapper, CommentsPanel)
+ * - User context for permissions
+ */
+export interface EditorContextValue {
+    branchName: string;
+    selectedPath: string;
+    currentEntry: EditorEntry | undefined;
+    busy: boolean;
+    comments: CommentThread[];
+    focusedFieldPath: string | undefined;
+    highlightThreadId: string | undefined;
+    currentUser: string;
+    canResolveComments: boolean;
+}
+export declare const EditorContext: import("react").Context<EditorContextValue | undefined>;
+/**
+ * Hook to access EditorContext.
+ * Throws an error if used outside of EditorContext.Provider.
+ *
+ * @example
+ * ```tsx
+ * const { branchName, selectedPath, currentEntry } = useEditorContext()
+ * ```
+ */
+export declare function useEditorContext(): EditorContextValue;
+//# sourceMappingURL=EditorContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorContext.d.ts","sourceRoot":"","sources":["../../../src/editor/components/EditorContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C;;;;;;;;;GASG;AACH,MAAM,WAAW,kBAAkB;IAEjC,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,WAAW,GAAG,SAAS,CAAA;IACrC,IAAI,EAAE,OAAO,CAAA;IAGb,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAA;IAGrC,WAAW,EAAE,MAAM,CAAA;IACnB,kBAAkB,EAAE,OAAO,CAAA;CAC5B;AAED,eAAO,MAAM,aAAa,yDAA2D,CAAA;AAErF;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,IAAI,kBAAkB,CAMrD"}

package/dist/editor/components/EditorContext.js

@@ -0,0 +1,19 @@
+import { createContext, useContext } from 'react';
+export const EditorContext = createContext(undefined);
+/**
+ * Hook to access EditorContext.
+ * Throws an error if used outside of EditorContext.Provider.
+ *
+ * @example
+ * ```tsx
+ * const { branchName, selectedPath, currentEntry } = useEditorContext()
+ * ```
+ */
+export function useEditorContext() {
+    const context = useContext(EditorContext);
+    if (context === undefined) {
+        throw new Error('useEditorContext must be used within EditorContext.Provider');
+    }
+    return context;
+}
+//# sourceMappingURL=EditorContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorContext.js","sourceRoot":"","sources":["../../../src/editor/components/EditorContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AA+BjD,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAiC,SAAS,CAAC,CAAA;AAErF;;;;;;;;GAQG;AACH,MAAM,UAAU,gBAAgB;IAC9B,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IACzC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,6DAA6D,CAAC,CAAA;IAChF,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC"}

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

@@ -0,0 +1,20 @@
+/**
+ * Props for the EditorFooter component.
+ */
+export interface EditorFooterProps {
+    /**
+     * Optional custom footer content.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Footer component for the Editor.
+ * Displays static links (Terms, Privacy) and copyright notice.
+ *
+ * @example
+ * ```tsx
+ * <EditorFooter />
+ * ```
+ */
+export declare function EditorFooter({ children }: EditorFooterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditorFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorFooter.d.ts","sourceRoot":"","sources":["../../../src/editor/components/EditorFooter.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAyB3D"}

package/dist/editor/components/EditorFooter.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Group, Paper, Text } from '@mantine/core';
+/**
+ * Footer component for the Editor.
+ * Displays static links (Terms, Privacy) and copyright notice.
+ *
+ * @example
+ * ```tsx
+ * <EditorFooter />
+ * ```
+ */
+export function EditorFooter({ children }) {
+    return (_jsx(Paper, { withBorder: true, radius: 0, shadow: "sm", px: "md", py: "xs", style: { position: 'fixed', left: 0, right: 0, bottom: 0, zIndex: 40 }, children: children ?? (_jsxs(Group, { gap: "md", justify: "center", children: [_jsx(Text, { size: "xs", c: "dimmed", children: "Terms" }), _jsx(Text, { size: "xs", c: "dimmed", children: "Privacy" }), _jsx(Text, { size: "xs", c: "dimmed", children: "\u00A9 CanopyCMS" })] })) }));
+}
+//# sourceMappingURL=EditorFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorFooter.js","sourceRoot":"","sources":["../../../src/editor/components/EditorFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAYlD;;;;;;;;GAQG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAqB;IAC1D,OAAO,CACL,KAAC,KAAK,IACJ,UAAU,QACV,MAAM,EAAE,CAAC,EACT,MAAM,EAAC,IAAI,EACX,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,YAErE,QAAQ,IAAI,CACX,MAAC,KAAK,IAAC,GAAG,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,aAC9B,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,CAAC,EAAC,QAAQ,sBAEnB,EACP,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,CAAC,EAAC,QAAQ,wBAEnB,EACP,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,CAAC,EAAC,QAAQ,iCAEnB,IACD,CACT,GACK,CACT,CAAA;AACH,CAAC"}