@parhelia/core 0.1.10745

package/dist/editor/reviews/CommentEditor.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Button } from "../../components/ui/button";
+import { Textarea } from "../../components/ui/textarea";
+import { Send } from "lucide-react";
+import { ActionButton } from "../../components/ActionButton";
+export function CommentEditor({ initialText = "", onSave, onCancel, isSaving = false, availableTags = [], selectedTags: initialSelectedTags = [], placeholder = "Write your comment...", autoFocus = true, submitLabel = "Save", cancelLabel = "Cancel", showTagSelector = true, compact = false, onKeyDown, }) {
+    const [text, setText] = React.useState(initialText);
+    const [selectedTags, setSelectedTags] = React.useState(initialSelectedTags);
+    const textareaRef = React.useRef(null);
+    React.useEffect(() => {
+        if (autoFocus && textareaRef.current) {
+            // Focus after a longer delay to ensure the component is fully mounted, especially for dynamically created popovers
+            const timer = setTimeout(() => {
+                textareaRef.current?.focus();
+                // Move cursor to end
+                const len = textareaRef.current?.value.length || 0;
+                textareaRef.current?.setSelectionRange(len, len);
+            }, 200);
+            return () => clearTimeout(timer);
+        }
+    }, [autoFocus]);
+    const handleKeyDown = (e) => {
+        // Call custom handler first if provided
+        if (onKeyDown) {
+            onKeyDown(e);
+        }
+        // Default behavior: Enter to submit (unless Shift is held)
+        if (e.key === "Enter" && !e.shiftKey && !e.defaultPrevented) {
+            e.preventDefault();
+            handleSave();
+        }
+        // Escape to cancel
+        else if (e.key === "Escape" && !e.defaultPrevented) {
+            e.preventDefault();
+            onCancel();
+        }
+    };
+    const handleSave = () => {
+        const trimmedText = text.trim();
+        if (trimmedText && !isSaving) {
+            onSave(trimmedText, selectedTags);
+        }
+    };
+    return (_jsxs("div", { className: "space-y-3", children: [_jsx(Textarea, { ref: textareaRef, "data-testid": "add-comment-textarea", value: text, onChange: (e) => setText(e.target.value), onKeyDown: handleKeyDown, placeholder: placeholder, className: `resize-none ${compact ? "min-h-[60px]" : "min-h-[100px]"}`, rows: compact ? 2 : 3, disabled: isSaving, autoFocus: autoFocus }), showTagSelector && availableTags.length > 0 && (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-muted-foreground text-xs", children: "Tags" }), _jsx("div", { className: "flex flex-wrap gap-2", children: availableTags.map((tag) => {
+                            const isSelected = selectedTags.includes(tag.label);
+                            return (_jsx(Button, { type: "button", size: "sm", variant: isSelected ? "secondary" : "outline", className: "h-6 px-2 text-xs", onClick: () => {
+                                    setSelectedTags((prev) => prev.includes(tag.label)
+                                        ? prev.filter((l) => l !== tag.label)
+                                        : [...prev, tag.label]);
+                                }, style: {
+                                    borderColor: isSelected ? tag.color : undefined,
+                                    backgroundColor: isSelected ? tag.color + "22" : undefined,
+                                }, disabled: isSaving, children: tag.label }, tag.label));
+                        }) })] })), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(ActionButton, { variant: "outline", onClick: onCancel, disabled: isSaving, "data-testid": "add-comment-cancel", children: cancelLabel }), _jsxs(ActionButton, { onClick: handleSave, disabled: !text.trim() || isSaving, className: "flex items-center gap-1", "data-testid": "add-comment-submit", children: [compact && _jsx(Send, { size: 14, strokeWidth: 1 }), isSaving ? "Saving..." : submitLabel] })] }), !compact && (_jsx("div", { className: "text-xs text-gray-500", children: "Press Enter to submit, Shift+Enter for new line, Escape to cancel" }))] }));
+}
+//# sourceMappingURL=CommentEditor.js.map

package/dist/editor/reviews/CommentEditor.js.map

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

package/dist/editor/reviews/CommentPopover.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { EditContextType } from "../client/editContext";
+import type { SelectionRange } from "../client/editContext";
+import type { FieldDescriptor } from "../../types";
+export declare function CommentPopover({ children, editContext: externalEditContext, position, onClose, initialField, initialRange, }: {
+    children?: React.ReactNode;
+    editContext?: EditContextType;
+    position?: {
+        x: number;
+        y: number;
+    };
+    onClose?: () => void;
+    initialField?: FieldDescriptor;
+    initialRange?: SelectionRange;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function showCommentPopoverAt(position: {
+    x: number;
+    y: number;
+}, editContext: EditContextType, options?: {
+    field?: FieldDescriptor;
+    range?: SelectionRange;
+}): void;

package/dist/editor/reviews/CommentPopover.js

@@ -0,0 +1,145 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useEffect, useState } from "react";
+import uuid from "react-uuid";
+import { MessageCirclePlus } from "lucide-react";
+import { useEditContext, useFieldsEditContext, } from "../client/editContext";
+import { createOrUpdateComment } from "../services/reviewsService";
+import { Popover, PopoverContent, PopoverTrigger, PopoverAnchor, } from "../../components/ui/popover";
+import { CommentEditor } from "./CommentEditor";
+import * as ReactDOM from "react-dom/client";
+export function CommentPopover({ children, editContext: externalEditContext, position, onClose, initialField, initialRange, }) {
+    const [isOpen, setIsOpen] = useState(!!position);
+    const [saving, setSaving] = useState(false);
+    const contextFromHook = useEditContext();
+    const editContext = externalEditContext || contextFromHook;
+    const availableTags = editContext?.availableCommentTags || [];
+    const fieldsContext = useFieldsEditContext();
+    const contentRef = React.useRef(null);
+    useEffect(() => {
+        if (position)
+            setIsOpen(true);
+    }, [position?.x, position?.y]);
+    // Tags are now provided by editContext.availableCommentTags
+    const handleSave = async (text, tags) => {
+        if (!editContext || !text || saving)
+            return;
+        const descriptor = editContext.contentEditorItem?.descriptor;
+        if (!descriptor)
+            return;
+        const snapshotField = initialField || fieldsContext?.focusedField;
+        const snapshotRange = initialRange || editContext.selectedRange;
+        const itemId = snapshotField?.item.id ||
+            (editContext.selection.length > 0
+                ? editContext.selection[0]
+                : undefined) ||
+            descriptor.id;
+        if (!itemId)
+            return;
+        const language = descriptor.language;
+        const version = descriptor.version;
+        const getFieldName = async () => {
+            if (!snapshotField)
+                return undefined;
+            const field = await editContext.itemsRepository.getField(snapshotField);
+            return field?.name;
+        };
+        const getItemName = async () => {
+            const item = await editContext.itemsRepository.getItem({
+                id: itemId,
+                language,
+                version,
+            });
+            return item?.name;
+        };
+        setSaving(true);
+        try {
+            const newComment = {
+                id: uuid(),
+                isNew: false,
+                itemId,
+                itemName: await getItemName(),
+                fieldId: snapshotField?.fieldId,
+                fieldName: await getFieldName(),
+                mainItemId: descriptor.id,
+                language,
+                version,
+                position: 0,
+                rangeStart: snapshotRange?.startOffset || 0,
+                rangeEnd: snapshotRange?.endOffset || 0,
+                author: editContext.user?.name,
+                authorDisplayName: editContext.user?.fullName,
+                date: new Date().toISOString(),
+                text: text,
+                tags: tags.join(","),
+            };
+            editContext.setComments([newComment, ...editContext.comments]);
+            editContext.setSelectedComment(newComment);
+            try {
+                const item = await editContext.itemsRepository.getItem({
+                    id: itemId,
+                    language,
+                    version,
+                });
+                if (item && newComment.fieldId) {
+                    newComment.fieldValue = item.fields.find((f) => f.id === newComment.fieldId)?.rawValue;
+                }
+            }
+            catch { }
+            await createOrUpdateComment(newComment);
+            editContext.loadComments();
+        }
+        finally {
+            setSaving(false);
+            setIsOpen(false);
+            onClose?.();
+        }
+    };
+    const handleCancel = () => {
+        setIsOpen(false);
+        onClose?.();
+    };
+    return (_jsxs(Popover, { open: isOpen, onOpenChange: (open) => {
+            setIsOpen(open);
+            if (!open)
+                onClose?.();
+        }, enableIframeClickDetection: false, modal: true, children: [position && (_jsx("div", { style: {
+                    position: "fixed",
+                    left: position.x,
+                    top: position.y,
+                    width: 1,
+                    height: 1,
+                    pointerEvents: "none",
+                }, children: _jsx(PopoverAnchor, {}) })), !position && (_jsx(PopoverTrigger, { asChild: true, children: (children ?? _jsx(MessageCirclePlus, { size: 16, strokeWidth: 1 })) })), _jsx(PopoverContent, { ref: contentRef, tabIndex: -1, className: "w-96 p-4", "data-testid": "add-comment-popover", side: "bottom", align: "start", onOpenAutoFocus: (e) => {
+                    e.preventDefault();
+                    contentRef.current?.focus();
+                }, onInteractOutside: (e) => {
+                    const target = e.target;
+                    if (target && target.closest('[data-slot="tooltip-content"]')) {
+                        e.preventDefault();
+                    }
+                }, onPointerDownOutside: (e) => {
+                    const target = e.target;
+                    if (target && target.closest('[data-slot="tooltip-content"]')) {
+                        e.preventDefault();
+                    }
+                }, onFocusOutside: (e) => {
+                    const target = e.target;
+                    if (target && target.closest('[data-slot="tooltip-content"]')) {
+                        e.preventDefault();
+                    }
+                }, onMouseDown: (e) => e.stopPropagation(), onClick: (e) => e.stopPropagation(), children: _jsxs("div", { className: "space-y-3", children: [_jsx("div", { className: "font-medium", children: "Add Comment" }), _jsx(CommentEditor, { onSave: handleSave, onCancel: handleCancel, isSaving: saving, availableTags: availableTags, placeholder: "Write your comment...", submitLabel: "Add Comment", autoFocus: true })] }) })] }));
+}
+export function showCommentPopoverAt(position, editContext, options) {
+    const container = document.createElement("div");
+    document.body.appendChild(container);
+    const root = ReactDOM.createRoot(container);
+    const handleClose = () => {
+        root.unmount();
+        if (container.parentNode)
+            container.parentNode.removeChild(container);
+    };
+    root.render(_jsx(CommentPopover, { editContext: editContext, position: position, onClose: handleClose, initialField: options?.field, initialRange: options?.range }));
+}
+//# sourceMappingURL=CommentPopover.js.map

package/dist/editor/reviews/CommentPopover.js.map

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

package/dist/editor/reviews/CommentView.d.ts

@@ -0,0 +1,21 @@
+import { Comment as CommentType } from "../../types";
+export interface CommentViewProps {
+    comment: CommentType;
+    canEdit: boolean;
+    canDelete: boolean;
+    canResolve: boolean;
+    availableTags?: {
+        label: string;
+        color: string;
+    }[];
+    basePageId?: string;
+    basePageName?: string;
+    onEdit?: () => void;
+    onDelete?: () => void;
+    onResolve?: () => void;
+    onUnresolve?: () => void;
+    onAiAction?: () => void;
+    hideActions?: boolean;
+    compact?: boolean;
+}
+export declare function CommentView({ comment, canEdit, canDelete, canResolve, availableTags, basePageId, basePageName, onEdit, onDelete, onResolve, onUnresolve, onAiAction, hideActions, compact, }: CommentViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/editor/reviews/CommentView.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import { formatDate } from "../utils";
+import { SimpleIconButton } from "../ui/SimpleIconButton";
+import { Check, Edit, Sparkles, Trash2 } from "lucide-react";
+import { Button } from "../../components/ui/button";
+import { Popover, PopoverContent, PopoverTrigger, } from "../../components/ui/popover";
+export function CommentView({ comment, canEdit, canDelete, canResolve, availableTags = [], basePageId, basePageName, onEdit, onDelete, onResolve, onUnresolve, onAiAction, hideActions = false, compact = false, }) {
+    const [deletePopoverOpen, setDeletePopoverOpen] = React.useState(false);
+    const [resolvePopoverOpen, setResolvePopoverOpen] = React.useState(false);
+    const renderTags = () => {
+        // Canonical: parse labels from comment.tags (comma-separated string)
+        const tagLabels = (comment.tags || "")
+            .split(",")
+            .map((t) => t.trim())
+            .filter(Boolean);
+        if (tagLabels.length === 0)
+            return null;
+        const colorMap = new Map(availableTags.map((t) => [t.label, t.color]));
+        return (_jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: tagLabels.map((label) => {
+                const color = colorMap.get(label);
+                return (_jsx("span", { className: "text-2xs rounded border px-2 py-0.5", style: {
+                        borderColor: color || undefined,
+                        backgroundColor: color ? color + "22" : undefined,
+                    }, children: label }, label));
+            }) }));
+    };
+    const renderContextInfo = () => {
+        const pageName = basePageName;
+        const isComponentDifferent = !!comment.itemId && comment.mainItemId !== comment.itemId;
+        const componentName = isComponentDifferent ? comment.itemName : undefined;
+        const fieldName = comment.fieldName;
+        const hasPageName = !!pageName && pageName.length > 0;
+        const hasComponentName = !!componentName && componentName.length > 0;
+        const hasFieldName = !!fieldName && fieldName.length > 0;
+        if (!hasPageName && !hasComponentName && !hasFieldName)
+            return null;
+        return (_jsxs("div", { className: `${compact ? "mt-2" : "mt-3"} flex items-center border-t pt-${compact ? "2" : "3"} text-xs`, "data-testid": "comment-context-info", children: [hasPageName && (_jsx("div", { className: "text-2xs text-gray-500", "data-testid": "comment-page-name", children: pageName })), hasPageName && (hasComponentName || hasFieldName) && (_jsx("div", { className: "text-2xs mx-2 text-gray-500", children: ">" })), hasComponentName && (_jsx("div", { className: "text-2xs text-gray-500", "data-testid": "comment-component-name", children: componentName })), hasComponentName && hasFieldName && (_jsx("div", { className: "text-2xs mx-2 text-gray-500", children: ">" })), hasFieldName && (_jsx("div", { className: "text-2xs text-gray-500", "data-testid": "comment-field-name", children: fieldName }))] }));
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${compact ? "mb-2" : "mb-3"} flex items-start justify-between`, children: [_jsxs("div", { children: [_jsx("div", { className: `text-dark text-xs font-medium`, title: comment.author, children: comment.authorDisplayName }), _jsx("div", { className: "text-xs text-gray-500", children: comment.created ? formatDate(new Date(comment.created)) : "" })] }), !hideActions && (_jsxs("div", { className: "flex items-center gap-1", children: [canEdit && onEdit && (_jsx(SimpleIconButton, { icon: _jsx(Edit, { className: "h-3.5 w-3.5", strokeWidth: 1 }), label: "Edit", "data-testid": "comment-action-edit", onClick: onEdit })), canDelete && onDelete && (_jsxs(Popover, { open: deletePopoverOpen, onOpenChange: setDeletePopoverOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { className: "hover:bg-gray-5 cursor-pointer rounded-full p-[6px]", title: "Delete", "data-testid": "comment-action-delete", children: _jsx(Trash2, { className: "h-3.5 w-3.5", strokeWidth: 1 }) }) }), _jsx(PopoverContent, { className: "w-auto p-2", align: "end", "data-testid": "comment-delete-popover", children: _jsx(Button, { variant: "outline", size: "sm", onClick: async () => {
+                                                setDeletePopoverOpen(false);
+                                                onDelete();
+                                            }, children: "Delete" }) })] })), canResolve && !comment.isResolved && onResolve && (_jsx(SimpleIconButton, { icon: _jsx(Check, { className: "h-3.5 w-3.5", strokeWidth: 1 }), label: "Resolve", "data-testid": "comment-action-resolve", onClick: onResolve })), comment.isResolved && onUnresolve && (_jsxs(Popover, { open: resolvePopoverOpen, onOpenChange: setResolvePopoverOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { className: "cursor-pointer rounded-full p-[6px]", title: "Resolved by " +
+                                                comment.resolvedBy +
+                                                " (" +
+                                                formatDate(new Date(comment.resolvedDate)) +
+                                                ")", "data-testid": "comment-resolved-indicator", children: _jsx(Check, { className: "h-3.5 w-3.5 text-green-500", strokeWidth: 1 }) }) }), _jsx(PopoverContent, { className: "w-auto p-2", align: "end", children: _jsx(Button, { variant: "outline", size: "sm", onClick: async () => {
+                                                setResolvePopoverOpen(false);
+                                                onUnresolve();
+                                            }, children: "Unresolve" }) })] })), canResolve && !comment.isResolved && onAiAction && (_jsx(SimpleIconButton, { icon: _jsx(Sparkles, { className: "h-3.5 w-3.5", strokeWidth: 1 }), label: "AI", "data-testid": "comment-action-ai", onClick: onAiAction }))] }))] }), _jsx("div", { className: `${compact ? "text-sm" : "text-sm"} whitespace-pre-wrap text-gray-700`, "data-testid": "comment-text", children: comment.text }), renderTags(), renderContextInfo(), comment.isResolved && (_jsxs("div", { className: `${compact ? "mt-2" : "mt-3"} text-xs font-medium text-green-600`, children: ["\u2713 Resolved by ", comment.resolvedBy, " on", " ", formatDate(new Date(comment.resolvedDate))] }))] }));
+}
+//# sourceMappingURL=CommentView.js.map

package/dist/editor/reviews/CommentView.js.map

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

package/dist/editor/reviews/Comments.d.ts

@@ -0,0 +1,3 @@
+import { Comment as CommentType, SuggestedEdit } from "../../types";
+export type FeedbackItem = CommentType | SuggestedEdit;
+export declare function Comments(): import("react/jsx-runtime").JSX.Element;

package/dist/editor/reviews/Comments.js

@@ -0,0 +1,118 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useEditContext } from "../client/editContext";
+import { Comment as CommentComponent } from "./Comment";
+import { SuggestedEditComponent } from "./SuggestedEdit";
+import { SimpleToolbar } from "../ui/SimpleToolbar";
+import { SimpleIconButton } from "../ui/SimpleIconButton";
+import { Button } from "../../components/ui/button";
+import { Popover, PopoverContent, PopoverTrigger, } from "../../components/ui/popover";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../../components/ui/tooltip";
+import { FileDiff, CheckCircle, CheckCircle2, Plus, Tags, } from "lucide-react";
+export function Comments() {
+    const editContext = useEditContext();
+    const [feedbackItems, setFeedbackItems] = useState([]);
+    const [hideAppliedSuggestions, setHideAppliedSuggestions] = useState(true);
+    const [selectedTagsFilter, setSelectedTagsFilter] = useState(() => {
+        try {
+            const raw = typeof window !== "undefined"
+                ? localStorage.getItem("editor.comments.tagsFilter")
+                : null;
+            return raw ? JSON.parse(raw) : [];
+        }
+        catch {
+            return [];
+        }
+    });
+    const availableTags = editContext?.availableCommentTags || [];
+    useEffect(() => {
+        let cancelled = false;
+        const load = async () => {
+            // Base lists from context
+            const mainComments = editContext?.comments || [];
+            const suggestedEdits = editContext?.suggestedEdits || [];
+            // Filter out applied suggestions if hideAppliedSuggestions is true
+            const filteredSuggestedEdits = hideAppliedSuggestions
+                ? suggestedEdits.filter((edit) => edit.status !== "applied")
+                : suggestedEdits;
+            // Start with main page comments and suggestions
+            let allComments = [...mainComments];
+            // Base page context
+            const basePageId = editContext?.currentItemDescriptor?.id;
+            // Combine with suggestions
+            let combined = [
+                ...allComments,
+                ...filteredSuggestedEdits,
+            ];
+            // Only keep items whose mainItemId is the current page
+            if (basePageId) {
+                combined = combined.filter((item) => item.mainItemId === basePageId);
+            }
+            // Apply tag filter to comments only (suggested edits do not have tags)
+            const tagFiltered = selectedTagsFilter.length
+                ? combined.filter((item) => {
+                    // Keep suggested edits
+                    if ("oldValue" in item && "newValue" in item)
+                        return true;
+                    const tags = (item.tags || "")
+                        .split(",")
+                        .map((t) => t.trim())
+                        .filter(Boolean);
+                    // OR logic: include if any selected tag matches
+                    return selectedTagsFilter.some((t) => tags.includes(t));
+                })
+                : combined;
+            // Sort by creation date
+            tagFiltered.sort((a, b) => new Date(b.created || "").getTime() -
+                new Date(a.created || "").getTime());
+            if (!cancelled)
+                setFeedbackItems(tagFiltered);
+        };
+        load();
+        return () => {
+            cancelled = true;
+        };
+    }, [editContext, hideAppliedSuggestions, selectedTagsFilter]);
+    useEffect(() => {
+        try {
+            if (typeof window !== "undefined")
+                localStorage.setItem("editor.comments.tagsFilter", JSON.stringify(selectedTagsFilter));
+        }
+        catch { }
+    }, [selectedTagsFilter]);
+    // Tags are provided once via editContext.availableCommentTags
+    return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsx("div", { className: "border-gray-3 flex-1 overflow-auto border-b", children: _jsx("div", { className: "h-fill-available p-4", children: feedbackItems.map((item) => {
+                        // Use a discriminator check. Here we assume suggested edits have the properties oldValue and newValue.
+                        if ("oldValue" in item && "newValue" in item) {
+                            return (_jsx(SuggestedEditComponent, { edit: item }, item.id));
+                        }
+                        return (_jsx(CommentComponent, { comment: item, availableTags: availableTags }, item.id));
+                    }) }) }), _jsxs(SimpleToolbar, { children: [_jsx(SimpleIconButton, { id: "add-comment", icon: _jsx(Plus, { size: 16, strokeWidth: 1, className: "p-0.5" }), label: "Add Comment", onClick: () => {
+                            editContext?.addComment();
+                        } }), _jsx(SimpleIconButton, { selected: !!editContext?.showResolvedComments, icon: _jsx(CheckCircle2, { size: 16, strokeWidth: 1, className: "p-0.5" }), label: editContext?.showResolvedComments
+                            ? "Hide Resolved Comments"
+                            : "Show Resolved Comments", onClick: () => {
+                            editContext?.setShowResolvedComments((x) => !x);
+                        } }), editContext?.showSuggestedEdits && (_jsx(SimpleIconButton, { selected: editContext?.showSuggestedEditsDiff, icon: _jsx(FileDiff, { size: 16, strokeWidth: 1, className: "p-0.5" }), label: "Show Suggestions Diff", "data-testid": "show-suggestions-diff-button", onClick: () => {
+                            editContext?.setShowSuggestedEditsDiff((x) => !x);
+                        } })), _jsx(SimpleIconButton, { selected: hideAppliedSuggestions, icon: hideAppliedSuggestions ? (_jsx(CheckCircle2, { size: 16, strokeWidth: 1, className: "p-0.5" })) : (_jsx(CheckCircle, { size: 16, strokeWidth: 1, className: "p-0.5" })), label: hideAppliedSuggestions
+                            ? "Show Applied Suggestions"
+                            : "Hide Applied Suggestions", onClick: () => {
+                            setHideAppliedSuggestions((x) => !x);
+                        } }), _jsx("div", { className: "ml-auto flex items-center gap-2", children: availableTags.length > 0 && (_jsxs(Tooltip, { delayDuration: 500, children: [_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(TooltipTrigger, { asChild: true, children: _jsx(SimpleIconButton, { showTooltip: false, selected: selectedTagsFilter.length > 0, icon: _jsx(Tags, { size: 16, strokeWidth: 1, className: "p-0.5" }), label: selectedTagsFilter.length > 0
+                                                        ? `Tags (${selectedTagsFilter.length})`
+                                                        : "Tags", onClick: () => { } }) }) }), _jsxs(PopoverContent, { className: "w-72 p-3", align: "start", children: [_jsx("div", { className: "mb-2 text-xs text-gray-600", children: "Filter by tags" }), _jsx("div", { className: "flex flex-wrap gap-2", children: availableTags.map((tag) => {
+                                                        const isSelected = selectedTagsFilter.includes(tag.label);
+                                                        return (_jsx(Button, { type: "button", size: "sm", variant: isSelected ? "secondary" : "outline", className: "h-6 px-2 text-xs", onClick: () => {
+                                                                setSelectedTagsFilter((prev) => prev.includes(tag.label)
+                                                                    ? prev.filter((l) => l !== tag.label)
+                                                                    : [...prev, tag.label]);
+                                                            }, style: {
+                                                                borderColor: isSelected ? tag.color : undefined,
+                                                                backgroundColor: isSelected
+                                                                    ? tag.color + "22"
+                                                                    : undefined,
+                                                            }, children: tag.label }, tag.label));
+                                                    }) }), selectedTagsFilter.length > 0 && (_jsx("div", { className: "mt-3 text-right", children: _jsx(Button, { size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => setSelectedTagsFilter([]), children: "Clear" }) }))] })] }), _jsx(TooltipContent, { children: "Filter by tags" })] })) })] })] }));
+}
+//# sourceMappingURL=Comments.js.map

package/dist/editor/reviews/Comments.js.map

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

package/dist/editor/reviews/DiffView.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface DiffViewProps {
+    oldText: string;
+    newText: string;
+    /** If true, use a word-based diff; otherwise, use a character-based diff */
+    useWordDiff?: boolean;
+    /** If true, strip HTML and ignore formatting differences */
+    ignoreFormatting?: boolean;
+    /** If true, clip long unchanged segments */
+    clipUnchanged?: boolean;
+    /** Threshold length for unchanged segments before clipping */
+    clipThreshold?: number;
+    /** How many characters to show at the start and end of a clipped segment */
+    clipContext?: number;
+}
+export declare const DiffView: React.FC<DiffViewProps>;
+export {};

package/dist/editor/reviews/DiffView.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { diffWords, diffChars } from "diff";
+function stripHtml(html) {
+    const temp = document.createElement("div");
+    temp.innerHTML = html;
+    return temp.textContent || temp.innerText || "";
+}
+/**
+ * Clips a long string by preserving the first and last `contextChars` characters,
+ * inserting an ellipsis in between.
+ */
+function clipPartValue(value, contextChars) {
+    const prefix = value.substring(0, contextChars);
+    const suffix = value.substring(value.length - contextChars);
+    return `${prefix}…${suffix}`;
+}
+export const DiffView = ({ oldText, newText, useWordDiff = true, ignoreFormatting = false, clipUnchanged = false, clipThreshold = 50, clipContext = 10, }) => {
+    // Normalize text if styling should be ignored.
+    const normalizedOldText = ignoreFormatting ? stripHtml(oldText) : oldText;
+    const normalizedNewText = ignoreFormatting ? stripHtml(newText) : newText;
+    // Choose diffing algorithm.
+    const diff = useWordDiff
+        ? diffWords(normalizedOldText, normalizedNewText)
+        : diffChars(normalizedOldText, normalizedNewText);
+    // Heuristic: if the diff results in just one removed and one added segment,
+    // assume a full replacement and show both values in full.
+    if (diff.length === 2 &&
+        diff[0]?.removed &&
+        diff[1]?.added &&
+        diff[0]?.value.trim().length > 0 &&
+        diff[1]?.value.trim().length > 0) {
+        return (_jsxs("div", { style: { fontFamily: "monospace", fontSize: "14px" }, children: [_jsxs("div", { style: { marginBottom: "0.5rem" }, children: [_jsx("strong", { children: "Old:" }), " ", _jsx("span", { style: { color: "red", textDecoration: "line-through" }, children: normalizedOldText })] }), _jsxs("div", { children: [_jsx("strong", { children: "New:" }), " ", _jsx("span", { style: { color: "green" }, children: normalizedNewText })] })] }));
+    }
+    return (_jsx("div", { style: { fontFamily: "monospace", fontSize: "14px" }, children: diff.map((part, index) => {
+            let style = {};
+            if (part.added) {
+                style = { color: "green" };
+            }
+            else if (part.removed) {
+                style = { color: "red", textDecoration: "line-through" };
+            }
+            else {
+                style = { color: "gray" };
+            }
+            // For unchanged segments, if clipping is enabled and the segment is too long,
+            // show part of it before and after an ellipsis.
+            let displayValue = part.value;
+            if (!part.added &&
+                !part.removed &&
+                clipUnchanged &&
+                part.value.length > clipThreshold) {
+                displayValue = clipPartValue(part.value, clipContext);
+            }
+            return (_jsx("span", { style: style, children: displayValue }, index));
+        }) }));
+};
+//# sourceMappingURL=DiffView.js.map

package/dist/editor/reviews/DiffView.js.map

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

package/dist/editor/reviews/PreviewInfo.d.ts

@@ -0,0 +1 @@
+export declare function PreviewInfo(): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/reviews/PreviewInfo.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEditContext } from "../../client-components";
+import { formatDate } from "../utils";
+import { Check, X } from "lucide-react";
+export function PreviewInfo() {
+    const editContext = useEditContext();
+    if (!editContext)
+        return null;
+    const review = editContext.reviews.reviews.find((x) => x.reviewerEmail === editContext.user?.email);
+    return (_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "text-white", children: ["Welcome to your page ", _jsx("b", { children: "preview" }), ", ", editContext.user?.fullName, "!", _jsxs("div", { className: "text-xs text-gray-300", children: [editContext.contentEditorItem?.path, " ", editContext.contentEditorItem?.language, " ", editContext.contentEditorItem?.version] })] }), review?.approvalDate && (_jsx("span", { title: "Approved " + formatDate(new Date(review.approvalDate)), children: _jsx(Check, { className: "h-6 w-6 font-bold text-green-400" }) })), review?.rejectedDate && (_jsx("span", { title: "Rejected " + formatDate(new Date(review.rejectedDate)), children: _jsx(X, { className: "h-6 w-6 font-bold text-red-400" }) }))] }));
+}
+//# sourceMappingURL=PreviewInfo.js.map

package/dist/editor/reviews/PreviewInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewInfo.js","sourceRoot":"","sources":["../../../src/editor/reviews/PreviewInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,UAAU,WAAW;IACzB,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAC9B,MAAM,MAAM,GAAG,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAC7C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,KAAK,WAAW,CAAC,IAAI,EAAE,KAAK,CACnD,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAK,SAAS,EAAC,YAAY,sCACJ,kCAAc,QAAG,WAAW,CAAC,IAAI,EAAE,QAAQ,OAChE,eAAK,SAAS,EAAC,uBAAuB,aACnC,WAAW,CAAC,iBAAiB,EAAE,IAAI,EAAE,GAAG,EACxC,WAAW,CAAC,iBAAiB,EAAE,QAAQ,EAAE,GAAG,EAC5C,WAAW,CAAC,iBAAiB,EAAE,OAAO,IACnC,IACF,EACL,MAAM,EAAE,YAAY,IAAI,CACvB,eAAM,KAAK,EAAE,WAAW,GAAG,UAAU,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,YAClE,KAAC,KAAK,IAAC,SAAS,EAAC,kCAAkC,GAAG,GACjD,CACR,EACA,MAAM,EAAE,YAAY,IAAI,CACvB,eAAM,KAAK,EAAE,WAAW,GAAG,UAAU,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,YAClE,KAAC,CAAC,IAAC,SAAS,EAAC,gCAAgC,GAAG,GAC3C,CACR,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/reviews/Reviews.d.ts

@@ -0,0 +1 @@
+export declare function Reviews(): import("react/jsx-runtime").JSX.Element;