@parhelia/core 0.1.12907 → 0.1.12909

package/dist/editor/reviews/CommentDisplayPopover.js

@@ -1,77 +1,211 @@
 "use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { useState } from "react";
 import uuid from "react-uuid";
 import { useEditContext } from "../client/editContext";
 import { Popover, PopoverContent, PopoverTrigger, } from "../../components/ui/popover";
 import { Button } from "../../components/ui/button";
+import { MentionTextarea } from "../../components/ui/mention-textarea";
 import { deleteComment, resolveComment, unresolveComment, createOrUpdateComment, } from "../services/reviewsService";
 import { toast } from "sonner";
-import { CommentView } from "./CommentView";
-import { CommentEditor } from "./CommentEditor";
 import { openAiAgentForComment } from "./commentAi";
+import { searchUsers } from "../services/userService";
 import { LicenseFeatures, useFeature } from "../../licensing";
+import { CheckCircle2, MoreHorizontal } from "lucide-react";
+import { CloseButton } from "../../components/ui/close-button";
+import { DeleteIcon } from "../../components/ui/delete-icon";
+import { COMMENT_INPUT_PLACEHOLDER } from "./CommentEditor";
+import { formatFeedbackAccountName, getFeedbackAuthorName, } from "./feedbackAvatar";
+import { canReplyToComment, getCommentParentSnippet, } from "./feedbackCommentRules";
+import { CommentView } from "./CommentView";
+import { FeedbackContextHeader, getCommentContextSegments, } from "./FeedbackCard";
+import { CommentEditor } from "./CommentEditor";
+import { FEEDBACK_TEXT_CLASS } from "./feedbackSidebarText";
+import { activateCommentsMode, openCommentsFeedback, } from "./openCommentsFeedback";
 export function CommentDisplayPopover({ comment, children, onCommentUpdated, }) {
     const editContext = useEditContext();
     const [isOpen, setIsOpen] = useState(false);
-    const [isEditing, setIsEditing] = useState(false);
-    const [isReplying, setIsReplying] = useState(false);
     const canUseAi = useFeature(LicenseFeatures.AI);
     const [isSaving, setIsSaving] = useState(false);
-    const [editText, setEditText] = useState(comment.text);
-    const [deleteConfirm, setDeleteConfirm] = useState(false);
-    const availableTags = editContext?.availableCommentTags || [];
+    const [editText, setEditText] = useState(comment.text || "");
+    const [editingCommentId, setEditingCommentId] = useState(null);
+    const [replyingToCommentId, setReplyingToCommentId] = useState(null);
+    const [resolvedAuthorNames, setResolvedAuthorNames] = useState({});
     const contentRef = React.useRef(null);
-    // Tags are now provided by editContext.availableCommentTags
-    const canDelete = !comment.isNew &&
-        (comment.author === editContext?.user?.name ||
+    const commentsListRef = React.useRef(null);
+    const shouldScrollToBottomRef = React.useRef(false);
+    const threadComments = React.useMemo(() => {
+        const comments = editContext?.comments || [];
+        const byId = new Map(comments.map((c) => [c.id, c]));
+        const findRoot = (item) => {
+            let current = byId.get(item.id) || item;
+            const seen = new Set();
+            while (current.parentCommentId && !seen.has(current.id)) {
+                seen.add(current.id);
+                const parent = byId.get(current.parentCommentId);
+                if (!parent)
+                    break;
+                current = parent;
+            }
+            return current;
+        };
+        const root = findRoot(comment);
+        const getRootId = (item) => {
+            let current = item;
+            const seen = new Set();
+            while (current.parentCommentId && !seen.has(current.id)) {
+                seen.add(current.id);
+                const parent = byId.get(current.parentCommentId);
+                if (!parent)
+                    return current.parentCommentId;
+                current = parent;
+            }
+            return current.id;
+        };
+        const items = comments.filter((item) => item.id === root.id || getRootId(item) === root.id);
+        if (!items.some((item) => item.id === root.id)) {
+            items.unshift(root);
+        }
+        return items.sort((a, b) => {
+            if (a.id === root.id)
+                return -1;
+            if (b.id === root.id)
+                return 1;
+            return (new Date(a.created || "").getTime() -
+                new Date(b.created || "").getTime());
+        });
+    }, [comment, editContext?.comments]);
+    const rootComment = threadComments[0] || comment;
+    const contextSegments = getCommentContextSegments(rootComment, editContext?.currentItemDescriptor?.name);
+    React.useEffect(() => {
+        if (!isOpen)
+            return;
+        const authors = Array.from(new Set(threadComments
+            .map((threadComment) => threadComment.author?.trim())
+            .filter((author) => !!author))).filter((author) => !resolvedAuthorNames[author]);
+        if (authors.length === 0)
+            return;
+        let cancelled = false;
+        const resolveAuthors = async () => {
+            const entries = await Promise.all(authors.map(async (author) => {
+                try {
+                    const users = await searchUsers(author, 5);
+                    const exact = users.find((user) => user.userName.localeCompare(author, undefined, {
+                        sensitivity: "accent",
+                    }) === 0) || users[0];
+                    const displayName = exact?.displayName?.trim();
+                    if (displayName &&
+                        displayName.localeCompare(author, undefined, {
+                            sensitivity: "accent",
+                        }) !== 0) {
+                        return [author, displayName];
+                    }
+                }
+                catch {
+                    // Best effort: old comments may only have the account id stored.
+                }
+                return [author, formatFeedbackAccountName(author)];
+            }));
+            if (cancelled)
+                return;
+            setResolvedAuthorNames((current) => {
+                const next = { ...current };
+                entries.forEach(([author, displayName]) => {
+                    next[author] = displayName;
+                });
+                return next;
+            });
+        };
+        resolveAuthors();
+        return () => {
+            cancelled = true;
+        };
+    }, [isOpen, resolvedAuthorNames, threadComments]);
+    const canDeleteComment = (target) => !target.isNew &&
+        (target.author === editContext?.user?.name ||
             editContext?.user?.isAdministrator === true);
-    const canEdit = !comment.isNew &&
-        !comment.isResolved &&
-        comment.author === editContext?.user?.name;
-    const canResolve = !comment.isNew && !editContext?.readonly;
-    const handleSave = async (text, tags) => {
+    const canEditComment = (target) => !target.isNew &&
+        !target.isResolved &&
+        target.author === editContext?.user?.name;
+    const canResolveComment = (target) => !target.isNew && !editContext?.readonly;
+    const defaultReplyTarget = rootComment;
+    const replyTarget = threadComments.find((threadComment) => threadComment.id === replyingToCommentId) || defaultReplyTarget;
+    const canReplyToRoot = canReplyToComment(defaultReplyTarget, rootComment, editContext?.readonly);
+    const canOpenCommentsPanel = !editContext?.configuration?.forceFullscreen;
+    const canDeleteThread = canDeleteComment(rootComment);
+    const closePopover = () => {
+        setIsOpen(false);
+        setEditingCommentId(null);
+        setReplyingToCommentId(null);
+        setEditText(comment.text || "");
+    };
+    const shouldKeepOpenForPortalTarget = (target) => target instanceof HTMLElement &&
+        !!target.closest('[data-comment-display-popover-menu], [data-mention-textarea-popover], [data-slot="tooltip-content"]');
+    const handleSave = async (target) => {
+        const trimmedText = editText.trim();
+        if (!trimmedText)
+            return;
+        activateCommentsMode(editContext, { reason: "comment-save" });
         setIsSaving(true);
         try {
-            const updatedComment = { ...comment, text, tags: tags.join(",") };
+            const updatedComment = { ...target, text: trimmedText };
             const result = await createOrUpdateComment(updatedComment);
             if (result.type === "error" || result.type === "unauthorized") {
                 console.error("Failed to save comment:", result);
                 toast.error(result.details || result.summary || "Failed to save comment");
                 return;
             }
-            setIsEditing(false);
+            setEditingCommentId(null);
             onCommentUpdated?.();
+            await editContext?.loadComments?.();
         }
         finally {
             setIsSaving(false);
         }
     };
-    const handleCancel = () => {
-        setIsEditing(false);
-    };
-    const handleDelete = async () => {
-        await deleteComment(comment);
-        setIsOpen(false);
-        onCommentUpdated?.();
+    const handleDelete = async (target) => {
+        try {
+            const result = await deleteComment(target);
+            if (result.type === "error" || result.type === "unauthorized") {
+                console.error("Failed to delete comment:", result);
+                if (result.rawDetails) {
+                    console.error("Full error details (including stack trace):\n", result.rawDetails);
+                }
+                toast.error(result.details || result.summary || "Failed to delete comment");
+                return;
+            }
+            if (target.id === rootComment.id) {
+                closePopover();
+            }
+            onCommentUpdated?.();
+            await editContext?.loadComments?.();
+        }
+        catch (error) {
+            console.error("Failed to delete comment:", error);
+            toast.error(error instanceof Error ? error.message : "Failed to delete comment");
+        }
     };
-    const handleResolve = async () => {
-        await resolveComment(comment);
+    const handleResolve = async (target) => {
+        await resolveComment(target);
         onCommentUpdated?.();
+        await editContext?.loadComments?.();
     };
-    const handleUnresolve = async () => {
-        await unresolveComment(comment);
+    const handleUnresolve = async (target) => {
+        await unresolveComment(target);
         onCommentUpdated?.();
+        await editContext?.loadComments?.();
     };
-    const handleAiAction = () => openAiAgentForComment(comment, editContext);
-    const handleReplySave = async (text, tags) => {
-        if (!editContext?.currentItemDescriptor)
+    const handleAiAction = (target) => openAiAgentForComment(target, editContext);
+    const handleReplySave = async (text) => {
+        const trimmedText = text.trim();
+        if (!trimmedText || !editContext?.currentItemDescriptor || !replyTarget) {
             return;
+        }
+        activateCommentsMode(editContext, { reason: "comment-reply" });
         setIsSaving(true);
         try {
-            // Always set the immediate comment as the parent being replied to.
-            const buildReplyFrom = (base, text, tags) => {
+            const buildReplyFrom = (base, text) => {
                 const descriptor = editContext.currentItemDescriptor;
                 return {
                     id: uuid(),
@@ -91,19 +225,19 @@ export function CommentDisplayPopover({ comment, children, onCommentUpdated, })
                     authorDisplayName: editContext?.user?.fullName,
                     created: new Date().toISOString(),
                     text,
-                    tags: tags.join(","),
+                    tags: "",
                     fieldValue: base.fieldValue,
                 };
             };
-            const replyComment = buildReplyFrom(comment, text, tags);
+            const replyComment = buildReplyFrom(replyTarget, trimmedText);
             const result = await createOrUpdateComment(replyComment);
             if (result.type === "error" || result.type === "unauthorized") {
                 console.error("Failed to save reply comment:", result);
                 toast.error(result.details || result.summary || "Failed to save reply comment");
                 return;
             }
-            setIsReplying(false);
-            setIsOpen(false);
+            setReplyingToCommentId(null);
+            shouldScrollToBottomRef.current = true;
             onCommentUpdated?.();
             await editContext.loadComments?.();
         }
@@ -111,62 +245,94 @@ export function CommentDisplayPopover({ comment, children, onCommentUpdated, })
             setIsSaving(false);
         }
     };
-    const parentSnippet = comment.parentCommentId && editContext?.comments
-        ? (() => {
-            const parent = editContext.comments.find((c) => c.id === comment.parentCommentId);
-            const source = parent?.text || "";
-            const words = source
-                .trim()
-                .split(/\s+/)
-                .filter((w) => w.length > 0)
-                .slice(0, 3);
-            return words.join(" ");
-        })()
-        : undefined;
-    const handleEditorKeyDown = (e) => {
-        if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
-            e.preventDefault();
-            // The editor will handle the save
+    React.useEffect(() => {
+        if (!shouldScrollToBottomRef.current)
+            return;
+        shouldScrollToBottomRef.current = false;
+        requestAnimationFrame(() => {
+            const commentsList = commentsListRef.current;
+            if (!commentsList)
+                return;
+            commentsList.scrollTo({
+                top: commentsList.scrollHeight,
+                behavior: "smooth",
+            });
+        });
+    }, [threadComments.length]);
+    const getAuthorName = (target) => {
+        return getFeedbackAuthorName(target, target.author ? resolvedAuthorNames[target.author] : undefined);
+    };
+    const openCommentsPanel = () => {
+        closePopover();
+        if (editContext?.fullscreen) {
+            editContext.setFullscreen(false);
         }
+        openCommentsFeedback(editContext);
+    };
+    const handleDeleteThread = () => {
+        const replyCount = threadComments.filter((threadComment) => threadComment.id !== rootComment.id).length;
+        const replyText = replyCount > 0
+            ? ` and ${replyCount} ${replyCount === 1 ? "reply" : "replies"}`
+            : "";
+        editContext?.confirm({
+            header: "Delete thread",
+            message: `Delete this comment thread${replyText}? This action cannot be undone.`,
+            acceptLabel: "Delete",
+            showCancel: true,
+            accept: () => {
+                void handleDelete(rootComment);
+            },
+        });
     };
     return (_jsxs(Popover, { open: isOpen, onOpenChange: (open) => {
-            if (!open && isEditing && editText !== comment.text) {
-                return;
+            if (open) {
+                setIsOpen(true);
             }
-            setIsOpen(open);
-            if (!open) {
-                setDeleteConfirm(false);
-                setIsEditing(false);
-                setIsReplying(false);
-                setEditText(comment.text);
+            else {
+                closePopover();
             }
-        }, enableIframeClickDetection: true, children: [_jsx(PopoverTrigger, { asChild: true, children: children }), _jsx(PopoverContent, { ref: contentRef, tabIndex: -1, className: "w-96 p-4", side: "bottom", align: "start", onOpenAutoFocus: (e) => {
+        }, enableIframeClickDetection: true, children: [_jsx(PopoverTrigger, { asChild: true, children: children }), _jsx(PopoverContent, { ref: contentRef, tabIndex: -1, "data-testid": "comment-display-popover", className: `${FEEDBACK_TEXT_CLASS} border-border-default w-[380px] overflow-hidden rounded-2xl border bg-white p-0 shadow-xl`, 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"]')) {
+                    if (shouldKeepOpenForPortalTarget(e.target)) {
                         e.preventDefault();
                     }
                 }, onPointerDownOutside: (e) => {
-                    const target = e.target;
-                    if (target && target.closest('[data-slot="tooltip-content"]')) {
+                    if (shouldKeepOpenForPortalTarget(e.target)) {
                         e.preventDefault();
                     }
                 }, onFocusOutside: (e) => {
-                    const target = e.target;
-                    if (target && target.closest('[data-slot="tooltip-content"]')) {
+                    if (shouldKeepOpenForPortalTarget(e.target)) {
                         e.preventDefault();
                     }
-                }, children: _jsx("div", { className: "space-y-3", children: !isEditing ? (_jsxs(_Fragment, { children: [_jsx(CommentView, { comment: comment, canEdit: canEdit, canDelete: canDelete, canResolve: canResolve, availableTags: availableTags, parentSnippet: parentSnippet, onEdit: () => setIsEditing(true), onDelete: handleDelete, onResolve: handleResolve, onUnresolve: handleUnresolve, onAiAction: canUseAi ? handleAiAction : undefined, onReply: !comment.isNew && !comment.isResolved && !editContext?.readonly
-                                    ? () => setIsReplying((x) => !x)
-                                    : undefined, compact: true }), isReplying && (_jsx("div", { className: "border-t pt-3", children: _jsx(CommentEditor, { onSave: handleReplySave, onCancel: () => setIsReplying(false), isSaving: isSaving, availableTags: availableTags, placeholder: "Write your reply...", submitLabel: "Reply", compact: true }) })), !editContext?.configuration?.forceFullscreen && (_jsx("div", { className: "border-t pt-3", children: _jsx(Button, { variant: "outline", size: "sm", onClick: () => {
-                                        setIsOpen(false);
-                                        // Exit fullscreen mode if active
-                                        if (editContext?.fullscreen) {
-                                            editContext.setFullscreen(false);
+                }, children: _jsxs("div", { className: "flex h-full max-h-[500px] flex-col", children: [_jsxs("div", { className: "border-border-default flex h-10 shrink-0 items-center border-b px-4", children: [_jsx("div", { className: "text-neutral-grey-100 text-base font-medium", children: "Comments" }), _jsxs("div", { className: "ml-auto flex items-center gap-1", children: [(canOpenCommentsPanel || canDeleteThread) && (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "text-neutral-grey-100 hover:bg-neutral-grey-5 inline-flex h-8 w-8 items-center justify-center rounded-full", "aria-label": "More options", children: _jsx(MoreHorizontal, { className: "h-4 w-4", strokeWidth: 2 }) }) }), _jsxs(PopoverContent, { className: `${FEEDBACK_TEXT_CLASS} w-52 p-1`, align: "end", "data-comment-display-popover-menu": true, children: [canOpenCommentsPanel && (_jsx("button", { type: "button", className: "hover:bg-neutral-grey-5 w-full rounded px-2 py-1.5 text-left text-sm", onClick: openCommentsPanel, children: "View in Comments & Suggestions" })), canDeleteThread && (_jsxs("button", { type: "button", className: "hover:bg-neutral-grey-5 flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-sm", onClick: handleDeleteThread, children: [_jsx(DeleteIcon, { size: "lg" }), "Delete Thread"] }))] })] })), canUseAi &&
+                                            canResolveComment(rootComment) &&
+                                            !rootComment.isResolved && (_jsx("button", { type: "button", className: "text-neutral-grey-100 hover:bg-neutral-grey-5 inline-flex h-8 w-8 items-center justify-center rounded-full", "aria-label": "Resolve with AI", title: "Resolve with AI", onClick: () => handleAiAction(rootComment), children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [_jsx("path", { d: "M10.0041 4.31178C10.1564 4.27502 10.2962 4.23826 10.4361 4.2015C10.6048 4.15657 10.7777 4.11981 10.9422 4.06263C11.58 3.82573 11.9832 3.37645 12.156 2.72703C12.2178 2.49013 12.2795 2.25323 12.3412 2.02042C12.3412 2.01225 12.3412 2.00817 12.3535 2C12.3659 2.04084 12.3741 2.08169 12.3865 2.12253C12.4523 2.37168 12.5058 2.62083 12.5881 2.8659C12.8103 3.5194 13.267 3.9401 13.9376 4.12389C14.1763 4.18924 14.4191 4.24643 14.6577 4.31178C14.67 4.31178 14.6783 4.31586 14.6988 4.32403C14.6083 4.34854 14.526 4.36896 14.4396 4.38938C14.2174 4.45065 13.9911 4.49558 13.7731 4.56909C13.1394 4.79374 12.7321 5.23894 12.551 5.88428C12.4811 6.13342 12.4194 6.38257 12.3453 6.63581C12.3453 6.62355 12.3371 6.6113 12.333 6.59905C12.2671 6.34581 12.2095 6.09258 12.1314 5.84343C11.9215 5.15317 11.4607 4.70796 10.7571 4.516C10.5184 4.45065 10.2798 4.39346 10.0411 4.3322C10.0288 4.3322 10.0206 4.32811 10 4.31995L10.0041 4.31178Z", fill: "currentColor" }), _jsx("path", { d: "M1 8.19596C1.36208 8.10202 1.69948 8.01624 2.03687 7.92639C2.44422 7.81611 2.85979 7.73442 3.25479 7.59147C4.78541 7.02782 5.75645 5.94545 6.17614 4.38112C6.32838 3.81339 6.4765 3.24565 6.62462 2.67792C6.62874 2.66158 6.63285 2.64524 6.65343 2.62891C6.67811 2.72693 6.70692 2.82496 6.7316 2.9189C6.88796 3.51522 7.01551 4.11972 7.21301 4.70379C7.7479 6.28037 8.84238 7.28513 10.4553 7.72625C11.0313 7.88146 11.6115 8.02441 12.1875 8.17554C12.2122 8.18371 12.2369 8.18779 12.2822 8.20413C12.06 8.26131 11.8625 8.31032 11.6609 8.36342C11.126 8.50637 10.5787 8.61257 10.0603 8.80045C8.53379 9.34368 7.55863 10.4138 7.1266 11.9659C6.95791 12.5663 6.80978 13.1667 6.63697 13.7753C6.62874 13.7467 6.62051 13.7181 6.61228 13.6854C6.45181 13.0768 6.31603 12.4642 6.13088 11.8638C5.62478 10.2014 4.51385 9.13537 2.82687 8.67383C2.25495 8.51863 1.6789 8.37567 1.10286 8.22863C1.07818 8.22047 1.05349 8.21638 1 8.20004L1 8.19596Z", fill: "currentColor" }), _jsx("path", { d: "M10.0041 12.5254C10.1564 12.4886 10.2962 12.4519 10.4361 12.4151C10.6048 12.3702 10.7777 12.3334 10.9422 12.2763C11.58 12.0394 11.9832 11.5901 12.156 10.9406C12.2178 10.7038 12.2795 10.4669 12.3412 10.234C12.3412 10.2259 12.3412 10.2218 12.3535 10.2136C12.3659 10.2545 12.3741 10.2953 12.3865 10.3362C12.4523 10.5853 12.5058 10.8345 12.5881 11.0795C12.8103 11.733 13.267 12.1537 13.9376 12.3375C14.1763 12.4029 14.4191 12.46 14.6577 12.5254C14.67 12.5254 14.6783 12.5295 14.6988 12.5377C14.6083 12.5622 14.526 12.5826 14.4396 12.603C14.2174 12.6643 13.9911 12.7092 13.7731 12.7827C13.1394 13.0074 12.7321 13.4526 12.551 14.0979C12.4811 14.347 12.4194 14.5962 12.3453 14.8494C12.3453 14.8372 12.3371 14.8249 12.333 14.8127C12.2671 14.5594 12.2095 14.3062 12.1314 14.0571C11.9215 13.3668 11.4607 12.9216 10.7571 12.7296C10.5184 12.6643 10.2798 12.6071 10.0411 12.5458C10.0288 12.5458 10.0206 12.5417 10 12.5336L10.0041 12.5254Z", fill: "currentColor" })] }) })), canResolveComment(rootComment) && (_jsx("button", { type: "button", className: `hover:bg-neutral-grey-5 inline-flex h-8 w-8 items-center justify-center rounded-full ${rootComment.isResolved
+                                                ? "text-feedback-green"
+                                                : "text-neutral-grey-100"}`, "aria-label": rootComment.isResolved ? "Unresolve" : "Resolve", onClick: () => rootComment.isResolved
+                                                ? handleUnresolve(rootComment)
+                                                : handleResolve(rootComment), children: _jsx(CheckCircle2, { className: "h-5 w-5", strokeWidth: 2 }) })), _jsx(CloseButton, { label: "Close comments", onClick: closePopover })] })] }), _jsx(FeedbackContextHeader, { segments: contextSegments, className: "border-border-default min-h-11 border-b bg-white" }), _jsx("div", { ref: commentsListRef, className: "min-h-0 flex-1 space-y-4 overflow-y-auto px-4 py-4", children: threadComments.map((threadComment) => (_jsx("div", { children: editingCommentId === threadComment.id ? (_jsxs("div", { className: "mt-2 space-y-2", children: [_jsx(MentionTextarea, { value: editText, onValueChange: setEditText, className: "min-h-[72px] resize-none rounded-md text-sm", disabled: isSaving, autoFocus: true }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => {
+                                                        setEditingCommentId(null);
+                                                        setEditText("");
+                                                    }, disabled: isSaving, children: "Cancel" }), _jsx(Button, { size: "sm", onClick: () => handleSave(threadComment), disabled: !editText.trim() || isSaving, children: isSaving ? "Saving..." : "Save" })] })] })) : (_jsx(CommentView, { comment: threadComment, canEdit: canEditComment(threadComment), canDelete: canDeleteComment(threadComment), canResolve: threadComment.id === rootComment.id &&
+                                        canResolveComment(threadComment), parentSnippet: getCommentParentSnippet(threadComment, threadComments), resolvedAuthorName: getAuthorName(threadComment), onEdit: () => {
+                                        setReplyingToCommentId(null);
+                                        setEditText(threadComment.text || "");
+                                        setEditingCommentId(threadComment.id);
+                                    }, onDelete: () => handleDelete(threadComment), onResolve: threadComment.id === rootComment.id
+                                        ? () => handleResolve(threadComment)
+                                        : undefined, onUnresolve: threadComment.id === rootComment.id
+                                        ? () => handleUnresolve(threadComment)
+                                        : undefined, onAiAction: canUseAi && threadComment.id === rootComment.id
+                                        ? () => handleAiAction(threadComment)
+                                        : undefined, onReply: canReplyToComment(threadComment, rootComment, editContext?.readonly)
+                                        ? () => {
+                                            setEditingCommentId(null);
+                                            setReplyingToCommentId(threadComment.id);
                                         }
-                                        editContext?.toggleSidebar("feedback");
-                                    }, className: "w-full", children: "View in Comments Panel" }) }))] })) : (_jsx(CommentEditor, { initialText: comment.text, onSave: handleSave, onCancel: handleCancel, isSaving: isSaving, availableTags: availableTags, selectedTags: [], placeholder: "Edit your comment...", submitLabel: "Save", compact: true, onKeyDown: handleEditorKeyDown })) }) })] }));
+                                        : undefined, showCommentIcon: false, showContextInfo: false, compact: true })) }, threadComment.id))) }), canReplyToRoot && (_jsxs("div", { className: "shrink-0 px-4 pt-1 pb-3", children: [replyingToCommentId && replyTarget && (_jsxs("div", { className: "text-neutral-grey-50 mb-2 flex items-center justify-between gap-2 pl-9 text-[11px]", children: [_jsxs("span", { className: "truncate", children: ["Replying to ", getAuthorName(replyTarget)] }), _jsx("button", { type: "button", className: "badge-pad-sm text-neutral-grey-50 hover:bg-neutral-grey-5 shrink-0 rounded", onClick: () => {
+                                                setReplyingToCommentId(null);
+                                            }, children: "Cancel" })] })), _jsx(CommentEditor, { onSave: handleReplySave, onCancel: () => setReplyingToCommentId(null), isSaving: isSaving, placeholder: COMMENT_INPUT_PLACEHOLDER, submitLabel: "Add comment", showTagSelector: false, showCancelButton: false, clearOnSave: true, compact: true, autoFocus: !!replyingToCommentId }, replyingToCommentId || rootComment.id)] }))] }) })] }));
 }
 //# sourceMappingURL=CommentDisplayPopover.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommentDisplayPopover.js","sourceRoot":"","sources":["../../../src/editor/reviews/CommentDisplayPopover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EACL,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAQ9D,MAAM,UAAU,qBAAqB,CAAC,EACpC,OAAO,EACP,QAAQ,EACR,gBAAgB,GACW;IAC3B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;IAChD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,aAAa,GAAG,WAAW,EAAE,oBAAoB,IAAI,EAAE,CAAC;IAC9D,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAE7D,4DAA4D;IAG5D,MAAM,SAAS,GACb,CAAC,OAAO,CAAC,KAAK;QACd,CAAC,OAAO,CAAC,MAAM,KAAK,WAAW,EAAE,IAAI,EAAE,IAAI;YACzC,WAAW,EAAE,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC,CAAC;IAGjD,MAAM,OAAO,GACX,CAAC,OAAO,CAAC,KAAK;QACd,CAAC,OAAO,CAAC,UAAU;QACnB,OAAO,CAAC,MAAM,KAAK,WAAW,EAAE,IAAI,EAAE,IAAI,CAAC;IAE7C,MAAM,UAAU,GAAG,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC;IAE5D,MAAM,UAAU,GAAG,KAAK,EAAE,IAAY,EAAE,IAAc,EAAE,EAAE;QACxD,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,IAAI,CAAC;YACH,MAAM,cAAc,GAAG,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YAClE,MAAM,MAAM,GAAG,MAAM,qBAAqB,CAAC,cAAc,CAAC,CAAC;YAC3D,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;gBAC9D,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,MAAM,CAAC,CAAC;gBACjD,KAAK,CAAC,KAAK,CACT,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,IAAI,wBAAwB,CAC7D,CAAC;gBACF,OAAO;YACT,CAAC;YACD,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,gBAAgB,EAAE,EAAE,CAAC;QACvB,CAAC;gBAAS,CAAC;YACT,WAAW,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,IAAI,EAAE;QAC9B,MAAM,aAAa,CAAC,OAAO,CAAC,CAAC;QAC7B,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,gBAAgB,EAAE,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;QAC/B,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC;QAC9B,gBAAgB,EAAE,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,KAAK,IAAI,EAAE;QACjC,MAAM,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAChC,gBAAgB,EAAE,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,qBAAqB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IAEzE,MAAM,eAAe,GAAG,KAAK,EAAE,IAAY,EAAE,IAAc,EAAE,EAAE;QAC7D,IAAI,CAAC,WAAW,EAAE,qBAAqB;YAAE,OAAO;QAChD,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,IAAI,CAAC;YACH,mEAAmE;YACnE,MAAM,cAAc,GAAG,CACrB,IAAa,EACb,IAAY,EACZ,IAAc,EACL,EAAE;gBACX,MAAM,UAAU,GAAG,WAAY,CAAC,qBAAsB,CAAC;gBACvD,OAAO;oBACL,EAAE,EAAE,IAAI,EAAE;oBACV,KAAK,EAAE,KAAK;oBACZ,eAAe,EAAE,IAAI,CAAC,EAAE;oBACxB,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,OAAO,EAAE,IAAI,CAAC,OAAO;oBACrB,SAAS,EAAE,IAAI,CAAC,SAAS;oBACzB,UAAU,EAAE,IAAI,CAAC,UAAU;oBAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,UAAU,CAAC,QAAQ;oBAC9C,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO;oBAC3C,QAAQ,EAAE,CAAC;oBACX,UAAU,EAAE,IAAI,CAAC,UAAU;oBAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI;oBAC/B,iBAAiB,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ;oBAC9C,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;oBACjC,IAAI;oBACJ,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;oBACpB,UAAU,EAAE,IAAI,CAAC,UAAU;iBAC5B,CAAC;YACJ,CAAC,CAAC;YAEF,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;YAEzD,MAAM,MAAM,GAAG,MAAM,qBAAqB,CAAC,YAAY,CAAC,CAAC;YACzD,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;gBAC9D,OAAO,CAAC,KAAK,CAAC,+BAA+B,EAAE,MAAM,CAAC,CAAC;gBACvD,KAAK,CAAC,KAAK,CACT,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,IAAI,8BAA8B,CACnE,CAAC;gBACF,OAAO;YACT,CAAC;YAED,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,SAAS,CAAC,KAAK,CAAC,CAAC;YACjB,gBAAgB,EAAE,EAAE,CAAC;YACrB,MAAM,WAAW,CAAC,YAAY,EAAE,EAAE,CAAC;QACrC,CAAC;gBAAS,CAAC;YACT,WAAW,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GACjB,OAAO,CAAC,eAAe,IAAI,WAAW,EAAE,QAAQ;QAC9C,CAAC,CAAC,CAAC,GAAG,EAAE;YACJ,MAAM,MAAM,GAAG,WAAW,CAAC,QAAQ,CAAC,IAAI,CACtC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,OAAO,CAAC,eAAe,CACxC,CAAC;YACF,MAAM,MAAM,GAAG,MAAM,EAAE,IAAI,IAAI,EAAE,CAAC;YAClC,MAAM,KAAK,GAAG,MAAM;iBACjB,IAAI,EAAE;iBACN,KAAK,CAAC,KAAK,CAAC;iBACZ,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;iBAC3B,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACf,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACzB,CAAC,CAAC,EAAE;QACN,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,mBAAmB,GAAG,CAAC,CAAsB,EAAE,EAAE;QACrD,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC;YAClD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,kCAAkC;QACpC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,OAAO,IACN,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,IAAI,CAAC,IAAI,IAAI,SAAS,IAAI,QAAQ,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC;gBACpD,OAAO;YACT,CAAC;YACD,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,gBAAgB,CAAC,KAAK,CAAC,CAAC;gBACxB,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC,EACD,0BAA0B,EAAE,IAAI,aAEhC,KAAC,cAAc,IAAC,OAAO,kBAAE,QAAe,GAAkB,EAC1D,KAAC,cAAc,IACb,GAAG,EAAE,UAAiB,EACtB,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAC,UAAU,EACpB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,OAAO,EACb,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE;oBACrB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;gBAC9B,CAAC,EACD,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE;oBACvB,MAAM,MAAM,GAAG,CAAC,CAAC,MAA4B,CAAC;oBAC9C,IAAI,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,+BAA+B,CAAC,EAAE,CAAC;wBAC9D,CAAC,CAAC,cAAc,EAAE,CAAC;oBACrB,CAAC;gBACH,CAAC,EACD,oBAAoB,EAAE,CAAC,CAAC,EAAE,EAAE;oBAC1B,MAAM,MAAM,GAAG,CAAC,CAAC,MAA4B,CAAC;oBAC9C,IAAI,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,+BAA+B,CAAC,EAAE,CAAC;wBAC9D,CAAC,CAAC,cAAc,EAAE,CAAC;oBACrB,CAAC;gBACH,CAAC,EACD,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE;oBACpB,MAAM,MAAM,GAAG,CAAC,CAAC,MAA4B,CAAC;oBAC9C,IAAI,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,+BAA+B,CAAC,EAAE,CAAC;wBAC9D,CAAC,CAAC,cAAc,EAAE,CAAC;oBACrB,CAAC;gBACH,CAAC,YAED,cAAK,SAAS,EAAC,WAAW,YACvB,CAAC,SAAS,CAAC,CAAC,CAAC,CACZ,8BACE,KAAC,WAAW,IACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAChC,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,eAAe,EAC1B,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EACnD,OAAO,EACL,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,UAAU,IAAI,CAAC,WAAW,EAAE,QAAQ;oCAC7D,CAAC,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;oCAChC,CAAC,CAAC,SAAS,EAEf,OAAO,EAAE,IAAI,GACb,EAED,UAAU,IAAI,CACb,cAAK,SAAS,EAAC,eAAe,YAC5B,KAAC,aAAa,IACZ,MAAM,EAAE,eAAe,EACvB,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EACpC,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAC,qBAAqB,EACjC,WAAW,EAAC,OAAO,EACnB,OAAO,EAAE,IAAI,GACb,GACE,CACP,EAGA,CAAC,WAAW,EAAE,aAAa,EAAE,eAAe,IAAI,CAC/C,cAAK,SAAS,EAAC,eAAe,YAC5B,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE;wCACZ,SAAS,CAAC,KAAK,CAAC,CAAC;wCACjB,iCAAiC;wCACjC,IAAI,WAAW,EAAE,UAAU,EAAE,CAAC;4CAC5B,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;wCACnC,CAAC;wCACD,WAAW,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;oCACzC,CAAC,EACD,SAAS,EAAC,QAAQ,uCAGX,GACL,CACP,IACA,CACJ,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,IACZ,WAAW,EAAE,OAAO,CAAC,IAAI,EACzB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,EAAE,EAChB,WAAW,EAAC,sBAAsB,EAClC,WAAW,EAAC,MAAM,EAClB,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,mBAAmB,GAC9B,CACH,GACG,GACS,IACT,CACX,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CommentDisplayPopover.js","sourceRoot":"","sources":["../../../src/editor/reviews/CommentDisplayPopover.tsx"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,10 @@
 import React from "react";
+import type { EditContextType } from "../client/editContext";
+export declare const COMMENT_INPUT_PLACEHOLDER = "Add a comment and notify others with @";
 export interface CommentEditorProps {
+    editContext?: EditContextType;
     initialText?: string;
-    onSave: (text: string, tags: string[]) => void;
+    onSave: (text: string, tags: string[]) => void | Promise<void>;
     onCancel: () => void;
     isSaving?: boolean;
     availableTags?: {
@@ -15,6 +18,8 @@ export interface CommentEditorProps {
     cancelLabel?: string;
     showTagSelector?: boolean;
     compact?: boolean;
+    showCancelButton?: boolean;
+    clearOnSave?: boolean;
     onKeyDown?: (e: React.KeyboardEvent) => void;
 }
-export declare function CommentEditor({ initialText, onSave, onCancel, isSaving, availableTags, selectedTags: initialSelectedTags, placeholder, autoFocus, submitLabel, cancelLabel, showTagSelector, compact, onKeyDown, }: CommentEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommentEditor({ editContext: externalEditContext, initialText, onSave, onCancel, isSaving, availableTags, selectedTags: initialSelectedTags, placeholder, autoFocus, submitLabel, cancelLabel, showTagSelector, compact, showCancelButton, clearOnSave, onKeyDown, }: CommentEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/editor/reviews/CommentEditor.js

@@ -1,13 +1,33 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
+import { Avatar } from "../../components/ui/avatar";
 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, }) {
+import { MentionTextarea } from "../../components/ui/mention-textarea";
+import { cn } from "../../lib/utils";
+import { useEditContext } from "../client/editContext";
+import { ArrowUp, X } from "lucide-react";
+const COMMENT_TEXTAREA_MIN_HEIGHT = 32;
+export const COMMENT_INPUT_PLACEHOLDER = "Add a comment and notify others with @";
+export function CommentEditor({ editContext: externalEditContext, initialText = "", onSave, onCancel, isSaving = false, availableTags = [], selectedTags: initialSelectedTags = [], placeholder = COMMENT_INPUT_PLACEHOLDER, autoFocus = true, submitLabel = "Save", cancelLabel = "Cancel", showTagSelector = true, compact = false, showCancelButton = true, clearOnSave = false, onKeyDown, }) {
+    const contextFromHook = useEditContext();
+    const editContext = externalEditContext || contextFromHook;
     const [text, setText] = React.useState(initialText);
     const [selectedTags, setSelectedTags] = React.useState(initialSelectedTags);
     const textareaRef = React.useRef(null);
+    const currentSession = editContext?.activeSessions.find((session) => session.sessionId === editContext?.sessionId);
+    const currentUser = currentSession?.user ?? editContext?.user;
+    const userName = currentUser?.fullName?.trim() || currentUser?.name?.trim() || "User";
+    const avatarUrl = currentSession?.user.avatarUrl ?? editContext?.user?.avatarUrl;
+    const avatarFallbackColor = currentSession?.color;
+    const resizeTextarea = React.useCallback(() => {
+        const textarea = textareaRef.current;
+        if (!textarea)
+            return;
+        textarea.style.height = `${COMMENT_TEXTAREA_MIN_HEIGHT}px`;
+        if (textarea.value.length === 0)
+            return;
+        textarea.style.height = `${Math.max(COMMENT_TEXTAREA_MIN_HEIGHT, textarea.scrollHeight)}px`;
+    }, []);
     React.useEffect(() => {
         if (autoFocus && textareaRef.current) {
             // Focus after a longer delay to ensure the component is fully mounted, especially for dynamically created popovers
@@ -20,6 +40,9 @@ export function CommentEditor({ initialText = "", onSave, onCancel, isSaving = f
             return () => clearTimeout(timer);
         }
     }, [autoFocus]);
+    React.useEffect(() => {
+        resizeTextarea();
+    }, [resizeTextarea, text]);
     const handleKeyDown = (e) => {
         // Call custom handler first if provided
         if (onKeyDown) {
@@ -36,13 +59,27 @@ export function CommentEditor({ initialText = "", onSave, onCancel, isSaving = f
             onCancel();
         }
     };
-    const handleSave = () => {
+    const handleSave = async () => {
         const trimmedText = text.trim();
         if (trimmedText && !isSaving) {
-            onSave(trimmedText, selectedTags);
+            await onSave(trimmedText, selectedTags);
+            if (clearOnSave) {
+                setText("");
+                setSelectedTags([]);
+            }
         }
     };
-    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 handleTextChange = (value) => {
+        setText(value);
+        window.requestAnimationFrame(resizeTextarea);
+    };
+    return (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Avatar, { src: avatarUrl, name: userName, size: "sm", fallbackColor: avatarFallbackColor, fallbackClassName: "bg-highlight-100 text-white", title: userName, className: "!text-[10px] font-medium" }), _jsxs("div", { className: cn("border-border-default focus-within:border-neutral-grey-15 flex flex-1 items-end overflow-hidden rounded-lg border bg-white p-2 transition-colors"), children: [_jsx(MentionTextarea, { ref: textareaRef, "data-testid": "add-comment-textarea", value: text, onValueChange: handleTextChange, onKeyDown: handleKeyDown, placeholder: placeholder, className: cn("text-neutral-grey-100 placeholder:text-neutral-grey-50 h-8 !min-h-8 flex-1 !field-sizing-fixed resize-none appearance-none overflow-hidden !rounded-none !border-0 !bg-transparent !p-0 text-sm leading-4 !shadow-none !outline-none !transition-none focus:!border-0 focus:!shadow-none focus:!ring-0 focus:!outline-none focus-visible:!border-0 focus-visible:!shadow-none focus-visible:!ring-0 focus-visible:!outline-none"), style: {
+                                    backgroundColor: "transparent",
+                                    border: "none",
+                                    height: 32,
+                                    boxShadow: "none",
+                                    outline: "none",
+                                }, rows: 1, disabled: isSaving, autoFocus: autoFocus }), _jsxs("div", { className: "flex shrink-0 items-end gap-1", children: [showCancelButton && (_jsx("button", { type: "button", onClick: onCancel, disabled: isSaving, className: "text-neutral-grey-100 hover:bg-neutral-grey-5 disabled:text-neutral-grey-50 inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md bg-white transition-colors", "data-testid": "add-comment-cancel", "aria-label": cancelLabel, title: cancelLabel, children: _jsx(X, { className: "h-4 w-4", strokeWidth: 2.5 }) })), _jsx("button", { type: "button", onClick: handleSave, disabled: !text.trim() || isSaving, className: "bg-neutral-grey-100 hover:bg-neutral-grey-100/90 focus-visible:ring-neutral-grey-100/30 text-white disabled:bg-neutral-grey-5 disabled:text-neutral-grey-50 disabled:hover:bg-neutral-grey-5 inline-flex h-8 w-8 shrink-0 items-center justify-center rounded shadow-sm transition-colors focus-visible:ring-2 focus-visible:outline-none disabled:cursor-default disabled:shadow-none", "data-testid": "add-comment-submit", "aria-label": isSaving ? "Saving comment" : submitLabel, title: isSaving ? "Saving..." : submitLabel, children: _jsx(ArrowUp, { className: "h-4 w-4", strokeWidth: 1 }) })] })] })] }), 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)
@@ -52,6 +89,6 @@ export function CommentEditor({ initialText = "", onSave, onCancel, isSaving = f
                                     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