captify 0.1.15

package/dist/components/comments/CommentActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentActions.d.ts","sourceRoot":"","sources":["../../../lib/components/comments/CommentActions.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,mBAAmB;IAClC,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,mBAAmB,kDA6C3F"}

package/dist/components/comments/CommentActions.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "../ui/button";
+import { Reply, Pencil, Trash2 } from "lucide-react";
+export function CommentActions({ onReply, onEdit, onDelete, className }) {
+    // If no actions available, don't render
+    if (!onReply && !onEdit && !onDelete) {
+        return null;
+    }
+    return (_jsxs("div", { className: `mt-2 flex items-center gap-1 ${className || ""}`, children: [onReply && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: onReply, className: "text-muted-foreground hover:text-foreground h-7 text-xs", children: [_jsx(Reply, { className: "mr-1 h-3 w-3" }), "Reply"] })), onEdit && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: onEdit, className: "text-muted-foreground hover:text-foreground h-7 text-xs", children: [_jsx(Pencil, { className: "mr-1 h-3 w-3" }), "Edit"] })), onDelete && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: onDelete, className: "text-muted-foreground hover:text-destructive h-7 text-xs", children: [_jsx(Trash2, { className: "mr-1 h-3 w-3" }), "Delete"] }))] }));
+}
+//# sourceMappingURL=CommentActions.js.map

package/dist/components/comments/CommentActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentActions.js","sourceRoot":"","sources":["../../../lib/components/comments/CommentActions.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAarD,MAAM,UAAU,cAAc,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAuB;IAC1F,wCAAwC;IACxC,IAAI,CAAC,OAAO,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC;QACrC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,gCAAgC,SAAS,IAAI,EAAE,EAAE,aAC9D,OAAO,IAAI,CACV,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,yDAAyD,aAEnE,KAAC,KAAK,IAAC,SAAS,EAAC,cAAc,GAAG,aAE3B,CACV,EAEA,MAAM,IAAI,CACT,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,MAAM,EACf,SAAS,EAAC,yDAAyD,aAEnE,KAAC,MAAM,IAAC,SAAS,EAAC,cAAc,GAAG,YAE5B,CACV,EAEA,QAAQ,IAAI,CACX,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,0DAA0D,aAEpE,KAAC,MAAM,IAAC,SAAS,EAAC,cAAc,GAAG,cAE5B,CACV,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/comments/CommentAttachments.d.ts

@@ -0,0 +1,9 @@
+import type { CommentAttachment } from "../../services/comments/interfaces";
+export interface CommentAttachmentsProps {
+    /** List of attachments */
+    attachments: CommentAttachment[];
+    /** Custom class name */
+    className?: string;
+}
+export declare function CommentAttachments({ attachments, className }: CommentAttachmentsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=CommentAttachments.d.ts.map

package/dist/components/comments/CommentAttachments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentAttachments.d.ts","sourceRoot":"","sources":["../../../lib/components/comments/CommentAttachments.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAE5E,MAAM,WAAW,uBAAuB;IACtC,0BAA0B;IAC1B,WAAW,EAAE,iBAAiB,EAAE,CAAC;IACjC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,uBAAuB,kDA+GrF"}

package/dist/components/comments/CommentAttachments.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from "../ui/button";
+import { FileText, FileImage, FileSpreadsheet, FileArchive, FileCode, File, Download, ExternalLink, } from "lucide-react";
+export function CommentAttachments({ attachments, className }) {
+    if (attachments.length === 0) {
+        return null;
+    }
+    // Get icon for file type
+    const getFileIcon = (fileType) => {
+        if (fileType.startsWith("image/")) {
+            return FileImage;
+        }
+        if (fileType.includes("pdf")) {
+            return FileText;
+        }
+        if (fileType.includes("spreadsheet") || fileType.includes("excel")) {
+            return FileSpreadsheet;
+        }
+        if (fileType.includes("zip") || fileType.includes("rar") || fileType.includes("archive")) {
+            return FileArchive;
+        }
+        if (fileType.includes("javascript") ||
+            fileType.includes("json") ||
+            fileType.includes("html") ||
+            fileType.includes("css")) {
+            return FileCode;
+        }
+        return File;
+    };
+    // Format file size
+    const formatFileSize = (bytes) => {
+        if (bytes === 0)
+            return "0 Bytes";
+        const k = 1024;
+        const sizes = ["Bytes", "KB", "MB", "GB"];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
+        return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;
+    };
+    // Check if file is previewable (image)
+    const isPreviewable = (fileType) => {
+        return fileType.startsWith("image/");
+    };
+    return (_jsx("div", { className: `mt-2 flex flex-wrap gap-2 ${className || ""}`, children: attachments.map((attachment) => {
+            const Icon = getFileIcon(attachment.fileType);
+            const canPreview = isPreviewable(attachment.fileType);
+            return (_jsxs("div", { className: "bg-muted flex max-w-xs items-center gap-2 rounded-md border p-2", children: [canPreview && attachment.downloadUrl ? (_jsx("a", { href: attachment.downloadUrl, target: "_blank", rel: "noopener noreferrer", className: "shrink-0", children: _jsx("img", { src: attachment.downloadUrl, alt: attachment.fileName, className: "h-10 w-10 rounded object-cover" }) })) : (_jsx(Icon, { className: "text-muted-foreground h-8 w-8 shrink-0" })), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-medium", title: attachment.fileName, children: attachment.fileName }), _jsx("div", { className: "text-muted-foreground text-xs", children: formatFileSize(attachment.fileSize) })] }), _jsx("div", { className: "flex shrink-0 items-center", children: attachment.downloadUrl && (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "ghost", size: "icon", className: "h-7 w-7", asChild: true, title: "Download", children: _jsx("a", { href: attachment.downloadUrl, download: attachment.fileName, children: _jsx(Download, { className: "h-4 w-4" }) }) }), _jsx(Button, { variant: "ghost", size: "icon", className: "h-7 w-7", asChild: true, title: "Open in new tab", children: _jsx("a", { href: attachment.downloadUrl, target: "_blank", rel: "noopener noreferrer", children: _jsx(ExternalLink, { className: "h-4 w-4" }) }) })] })) })] }, attachment.id));
+        }) }));
+}
+//# sourceMappingURL=CommentAttachments.js.map

package/dist/components/comments/CommentAttachments.js.map

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

package/dist/components/comments/CommentForm.d.ts

@@ -0,0 +1,20 @@
+export interface CommentFormProps {
+    /** Parent comment ID (for replies) */
+    parentId?: string;
+    /** Initial content (for editing) */
+    initialContent?: string;
+    /** Custom submit handler (for editing) */
+    onSubmit?: (content: string, attachmentIds?: string[]) => Promise<void>;
+    /** Cancel handler */
+    onCancel?: () => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Submit button label */
+    submitLabel?: string;
+    /** Auto-focus the textarea */
+    autoFocus?: boolean;
+    /** Custom class name */
+    className?: string;
+}
+export declare function CommentForm({ parentId, initialContent, onSubmit, onCancel, placeholder, submitLabel, autoFocus, className, }: CommentFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CommentForm.d.ts.map

package/dist/components/comments/CommentForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentForm.d.ts","sourceRoot":"","sources":["../../../lib/components/comments/CommentForm.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,gBAAgB;IAC/B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxE,qBAAqB;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,cAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,WAAkC,EAClC,WAAoB,EACpB,SAAiB,EACjB,SAAS,GACV,EAAE,gBAAgB,2CA0RlB"}

package/dist/components/comments/CommentForm.js

@@ -0,0 +1,163 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useCallback } from "react";
+import { useCommentsContext } from "../../context/comments-context";
+import { CommentMentions } from "./CommentMentions";
+import { Button } from "../ui/button";
+import { Textarea } from "../ui/textarea";
+import { Avatar, AvatarFallback, AvatarImage } from "../ui/avatar";
+import { Paperclip, Send, X, Loader2 } from "lucide-react";
+export function CommentForm({ parentId, initialContent = "", onSubmit, onCancel, placeholder = "Write a comment...", submitLabel = "Post", autoFocus = false, className, }) {
+    const { currentUser, permissions, mentionableUsers, onSearchUsers, onAddComment } = useCommentsContext();
+    const [content, setContent] = useState(initialContent);
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [showMentions, setShowMentions] = useState(false);
+    const [mentionQuery, setMentionQuery] = useState("");
+    const [mentionResults, setMentionResults] = useState([]);
+    const [cursorPosition, setCursorPosition] = useState(0);
+    const [attachmentIds, setAttachmentIds] = useState([]);
+    const [uploadingFiles, setUploadingFiles] = useState(false);
+    const textareaRef = useRef(null);
+    const fileInputRef = useRef(null);
+    // Auto-focus
+    useEffect(() => {
+        if (autoFocus && textareaRef.current) {
+            textareaRef.current.focus();
+        }
+    }, [autoFocus]);
+    // Get initials for avatar fallback
+    const getInitials = (name) => {
+        return name
+            .split(" ")
+            .map((n) => n[0])
+            .join("")
+            .toUpperCase()
+            .slice(0, 2);
+    };
+    // Handle content change
+    const handleContentChange = (e) => {
+        const newContent = e.target.value;
+        const newPosition = e.target.selectionStart;
+        setContent(newContent);
+        setCursorPosition(newPosition);
+        // Check for @mention trigger
+        const textBeforeCursor = newContent.slice(0, newPosition);
+        const mentionMatch = textBeforeCursor.match(/@(\w*)$/);
+        if (mentionMatch && permissions.canMention) {
+            setMentionQuery(mentionMatch[1]);
+            setShowMentions(true);
+            searchUsers(mentionMatch[1]);
+        }
+        else {
+            setShowMentions(false);
+            setMentionQuery("");
+        }
+    };
+    // Search users for mentions
+    const searchUsers = useCallback(async (query) => {
+        if (onSearchUsers) {
+            const results = await onSearchUsers(query);
+            setMentionResults(results);
+        }
+        else {
+            // Filter local mentionable users
+            const filtered = mentionableUsers.filter((user) => {
+                var _a;
+                return user.name.toLowerCase().includes(query.toLowerCase()) ||
+                    ((_a = user.email) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(query.toLowerCase()));
+            });
+            setMentionResults(filtered.slice(0, 10));
+        }
+    }, [onSearchUsers, mentionableUsers]);
+    // Handle mention selection
+    const handleSelectMention = (user) => {
+        if (!textareaRef.current)
+            return;
+        const textBeforeCursor = content.slice(0, cursorPosition);
+        const textAfterCursor = content.slice(cursorPosition);
+        // Find the @ symbol position
+        const atIndex = textBeforeCursor.lastIndexOf("@");
+        const textBeforeAt = content.slice(0, atIndex);
+        const mentionText = `@[${user.name}](${user.id}) `;
+        const newContent = textBeforeAt + mentionText + textAfterCursor;
+        setContent(newContent);
+        setShowMentions(false);
+        setMentionQuery("");
+        // Update cursor position
+        const newCursorPosition = atIndex + mentionText.length;
+        setTimeout(() => {
+            if (textareaRef.current) {
+                textareaRef.current.focus();
+                textareaRef.current.setSelectionRange(newCursorPosition, newCursorPosition);
+            }
+        }, 0);
+    };
+    // Handle file selection
+    const handleFileSelect = async (e) => {
+        const files = e.target.files;
+        if (!files || files.length === 0)
+            return;
+        setUploadingFiles(true);
+        try {
+            // TODO: Implement file upload to S3 and get attachment IDs
+            // For now, this is a placeholder
+            const uploadedIds = [];
+            for (let i = 0; i < files.length; i++) {
+                // Upload each file and collect IDs
+                // uploadedIds.push(await uploadFile(files[i]));
+            }
+            setAttachmentIds((prev) => [...prev, ...uploadedIds]);
+        }
+        finally {
+            setUploadingFiles(false);
+            if (fileInputRef.current) {
+                fileInputRef.current.value = "";
+            }
+        }
+    };
+    // Handle form submission
+    const handleSubmit = async () => {
+        if (!content.trim() || isSubmitting)
+            return;
+        setIsSubmitting(true);
+        try {
+            if (onSubmit) {
+                // Custom handler (for editing)
+                await onSubmit(content.trim(), attachmentIds.length > 0 ? attachmentIds : undefined);
+            }
+            else {
+                // Default: add new comment
+                await onAddComment(content.trim(), attachmentIds.length > 0 ? attachmentIds : undefined, parentId);
+            }
+            // Reset form
+            if (!onSubmit) {
+                setContent("");
+                setAttachmentIds([]);
+            }
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    };
+    // Handle keyboard shortcuts
+    const handleKeyDown = (e) => {
+        // Submit on Ctrl/Cmd + Enter
+        if ((e.ctrlKey || e.metaKey) && e.key === "Enter") {
+            e.preventDefault();
+            handleSubmit();
+        }
+        // Cancel on Escape
+        if (e.key === "Escape" && onCancel) {
+            e.preventDefault();
+            onCancel();
+        }
+        // Close mentions on Escape
+        if (e.key === "Escape" && showMentions) {
+            e.preventDefault();
+            setShowMentions(false);
+        }
+    };
+    const isEditing = !!initialContent;
+    return (_jsx("div", { className: `relative ${className || ""}`, children: _jsxs("div", { className: "flex gap-3", children: [!isEditing && (_jsxs(Avatar, { className: "h-10 w-10 shrink-0", children: [_jsx(AvatarImage, { src: currentUser.avatarUrl, alt: currentUser.name }), _jsx(AvatarFallback, { children: getInitials(currentUser.name) })] })), _jsxs("div", { className: "flex flex-1 flex-col gap-2", children: [_jsxs("div", { className: "relative", children: [_jsx(Textarea, { ref: textareaRef, value: content, onChange: handleContentChange, onKeyDown: handleKeyDown, placeholder: placeholder, className: "min-h-[80px] resize-none pr-10", disabled: isSubmitting, "aria-label": "Comment input" }), permissions.canUploadFiles && (_jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "absolute top-2 right-2 h-6 w-6", onClick: () => { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, disabled: isSubmitting || uploadingFiles, "aria-label": "Attach file", children: uploadingFiles ? (_jsx(Loader2, { className: "h-4 w-4 animate-spin" })) : (_jsx(Paperclip, { className: "h-4 w-4" })) })), _jsx("input", { ref: fileInputRef, type: "file", multiple: true, onChange: handleFileSelect, className: "hidden", accept: "image/*,.pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt,.csv" }), showMentions && mentionResults.length > 0 && (_jsx(CommentMentions, { users: mentionResults, query: mentionQuery, onSelect: handleSelectMention, onClose: () => setShowMentions(false) }))] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "text-muted-foreground text-xs", children: permissions.canMention && _jsx("span", { children: "Type @ to mention someone" }) }), _jsxs("div", { className: "flex items-center gap-2", children: [onCancel && (_jsxs(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancel, disabled: isSubmitting, children: [_jsx(X, { className: "mr-1 h-4 w-4" }), "Cancel"] })), _jsx(Button, { type: "button", size: "sm", onClick: handleSubmit, disabled: !content.trim() || isSubmitting, children: isSubmitting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-1 h-4 w-4 animate-spin" }), isEditing ? "Saving..." : "Posting..."] })) : (_jsxs(_Fragment, { children: [_jsx(Send, { className: "mr-1 h-4 w-4" }), submitLabel] })) })] })] })] })] }) }));
+}
+//# sourceMappingURL=CommentForm.js.map

package/dist/components/comments/CommentForm.js.map

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

package/dist/components/comments/CommentItem.d.ts

@@ -0,0 +1,11 @@
+import type { CommentThread } from "../../services/comments/interfaces";
+export interface CommentItemProps {
+    /** Comment to display */
+    comment: CommentThread;
+    /** Depth level for indentation */
+    depth?: number;
+    /** Custom class name */
+    className?: string;
+}
+export declare function CommentItem({ comment, depth, className }: CommentItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CommentItem.d.ts.map

package/dist/components/comments/CommentItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentItem.d.ts","sourceRoot":"","sources":["../../../lib/components/comments/CommentItem.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAWxE,MAAM,WAAW,gBAAgB;IAC/B,yBAAyB;IACzB,OAAO,EAAE,aAAa,CAAC;IACvB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,KAAS,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAsP9E"}

package/dist/components/comments/CommentItem.js

@@ -0,0 +1,110 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import { useCommentsContext, useCommentPermissions } from "../../context/comments-context";
+import { CommentForm } from "./CommentForm";
+import { CommentAttachments } from "./CommentAttachments";
+import { CommentActions } from "./CommentActions";
+import { Avatar, AvatarFallback, AvatarImage } from "../ui/avatar";
+import { Button } from "../ui/button";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from "../ui/alert-dialog";
+import { ChevronDown, ChevronUp, Loader2 } from "lucide-react";
+import { marked } from "marked";
+import { Response } from "../ai-elements/response";
+// Configure marked for safe rendering
+marked.setOptions({
+    breaks: true, // Convert \n to <br>
+    gfm: true, // GitHub Flavored Markdown
+});
+// AI Assistant user ID
+const AI_ASSISTANT_ID = "askcaptify";
+export function CommentItem({ comment, depth = 0, className }) {
+    const { enableThreading, maxThreadDepth, onEditComment, onDeleteComment, onLoadMoreReplies } = useCommentsContext();
+    const { canEdit, canDelete, canReply } = useCommentPermissions(comment.author.id);
+    const [isEditing, setIsEditing] = useState(false);
+    const [isReplying, setIsReplying] = useState(false);
+    const [showReplies, setShowReplies] = useState(true);
+    const [showDeleteDialog, setShowDeleteDialog] = useState(false);
+    const [isDeleting, setIsDeleting] = useState(false);
+    const [loadingReplies, setLoadingReplies] = useState(false);
+    // Format relative time
+    const formatTime = (dateString) => {
+        const date = new Date(dateString);
+        const now = new Date();
+        const diffMs = now.getTime() - date.getTime();
+        const diffMins = Math.floor(diffMs / 60000);
+        const diffHours = Math.floor(diffMs / 3600000);
+        const diffDays = Math.floor(diffMs / 86400000);
+        if (diffMins < 1)
+            return "Just now";
+        if (diffMins < 60)
+            return `${diffMins}m ago`;
+        if (diffHours < 24)
+            return `${diffHours}h ago`;
+        if (diffDays < 7)
+            return `${diffDays}d ago`;
+        return date.toLocaleDateString();
+    };
+    // Get initials for avatar fallback
+    const getInitials = (name) => {
+        return name
+            .split(" ")
+            .map((n) => n[0])
+            .join("")
+            .toUpperCase()
+            .slice(0, 2);
+    };
+    // Handle edit submission
+    const handleEditSubmit = async (content) => {
+        await onEditComment(comment.id, content);
+        setIsEditing(false);
+    };
+    // Handle delete
+    const handleDelete = async () => {
+        setIsDeleting(true);
+        try {
+            await onDeleteComment(comment.id);
+            setShowDeleteDialog(false);
+        }
+        finally {
+            setIsDeleting(false);
+        }
+    };
+    // Handle load more replies
+    const handleLoadMoreReplies = async () => {
+        setLoadingReplies(true);
+        try {
+            await onLoadMoreReplies(comment.id);
+        }
+        finally {
+            setLoadingReplies(false);
+        }
+    };
+    // Render content with markdown and mentions
+    const renderContent = (content) => {
+        // First, replace @[name](userId) with a placeholder that won't be affected by markdown
+        const mentionRegex = /@\[([^\]]+)\]\(([^)]+)\)/g;
+        const processedContent = content.replace(mentionRegex, '<span class="text-primary bg-primary/10 rounded px-1 font-medium">@$1</span>');
+        // Parse markdown to HTML
+        const htmlContent = marked.parse(processedContent, { async: false });
+        return (_jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none [&>ol]:my-1 [&>p]:my-1 [&>p:first-child]:mt-0 [&>p:last-child]:mb-0 [&>ul]:my-1", dangerouslySetInnerHTML: { __html: htmlContent } }));
+    };
+    // Check if this is an AI-generated comment
+    const isAiComment = comment.author.id === AI_ASSISTANT_ID;
+    // Memoize the rendered content to avoid re-parsing
+    const renderedContent = useMemo(() => {
+        if (comment.isDeleted) {
+            return _jsx("span", { className: "text-muted-foreground italic", children: "[This comment has been deleted]" });
+        }
+        // Use AI Response component for AI-generated comments
+        if (isAiComment) {
+            return _jsx(Response, { className: "text-sm", children: comment.content });
+        }
+        return renderContent(comment.content);
+    }, [comment.content, comment.isDeleted, isAiComment]);
+    const canShowReply = enableThreading && canReply && depth < maxThreadDepth;
+    return (_jsxs("div", { className: `flex gap-3 ${depth > 0 ? "border-muted ml-8 border-l-2 pl-4" : ""} ${className || ""}`, children: [_jsxs(Avatar, { className: "h-10 w-10 shrink-0", children: [_jsx(AvatarImage, { src: comment.author.avatarUrl, alt: comment.author.name }), _jsx(AvatarFallback, { children: getInitials(comment.author.name) })] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "mb-1 flex items-center gap-2", children: [_jsx("span", { className: "truncate text-sm font-medium", children: comment.author.name }), _jsx("span", { className: "text-muted-foreground text-xs", children: formatTime(comment.createdAt) }), comment.isEdited && _jsx("span", { className: "text-muted-foreground text-xs", children: "(edited)" })] }), isEditing ? (_jsx(CommentForm, { initialContent: comment.content, onSubmit: handleEditSubmit, onCancel: () => setIsEditing(false), submitLabel: "Save" })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-sm break-words", children: renderedContent }), comment.attachments.length > 0 && (_jsx(CommentAttachments, { attachments: comment.attachments })), !comment.isDeleted && (_jsx(CommentActions, { onReply: canShowReply ? () => setIsReplying(true) : undefined, onEdit: canEdit ? () => setIsEditing(true) : undefined, onDelete: canDelete ? () => setShowDeleteDialog(true) : undefined }))] })), isReplying && (_jsx("div", { className: "mt-3", children: _jsx(CommentForm, { parentId: comment.id, onCancel: () => setIsReplying(false), placeholder: `Reply to ${comment.author.name}...`, 
+                            // eslint-disable-next-line jsx-a11y/no-autofocus
+                            autoFocus: true }) })), comment.replies && comment.replies.length > 0 && (_jsxs("div", { className: "mt-3", children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => setShowReplies(!showReplies), className: "text-muted-foreground mb-2 -ml-2", children: [showReplies ? (_jsx(ChevronUp, { className: "mr-1 h-4 w-4" })) : (_jsx(ChevronDown, { className: "mr-1 h-4 w-4" })), comment.replies.length, " ", comment.replies.length === 1 ? "reply" : "replies"] }), showReplies && (_jsxs("div", { className: "flex flex-col gap-3", children: [comment.replies.map((reply) => (_jsx(CommentItem, { comment: reply, depth: depth + 1 }, reply.id))), comment.hasMoreReplies && (_jsx(Button, { variant: "ghost", size: "sm", onClick: handleLoadMoreReplies, disabled: loadingReplies, className: "text-muted-foreground self-start", children: loadingReplies ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-3 w-3 animate-spin" }), "Loading..."] })) : ("Load more replies") }))] }))] }))] }), _jsx(AlertDialog, { open: showDeleteDialog, onOpenChange: setShowDeleteDialog, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete comment?" }), _jsx(AlertDialogDescription, { children: "This action cannot be undone. This will permanently delete your comment." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: isDeleting, children: "Cancel" }), _jsx(AlertDialogAction, { onClick: handleDelete, disabled: isDeleting, className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", children: isDeleting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Deleting..."] })) : ("Delete") })] })] }) })] }));
+}
+//# sourceMappingURL=CommentItem.js.map

package/dist/components/comments/CommentItem.js.map

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

package/dist/components/comments/CommentList.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import type { CommentThread } from "../../services/comments/interfaces";
+export interface CommentListProps {
+    /** List of comments to display */
+    comments: CommentThread[];
+    /** Whether there are more comments to load */
+    hasMore: boolean;
+    /** Loading state */
+    loading: boolean;
+    /** Load more comments callback */
+    onLoadMore: () => void;
+    /** Custom empty state */
+    emptyState?: React.ReactNode;
+    /** Custom class name */
+    className?: string;
+}
+export declare function CommentList({ comments, hasMore, loading, onLoadMore, emptyState, className, }: CommentListProps): string | number | bigint | true | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined>;
+//# sourceMappingURL=CommentList.d.ts.map

package/dist/components/comments/CommentList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentList.d.ts","sourceRoot":"","sources":["../../../lib/components/comments/CommentList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,8CAA8C;IAC9C,OAAO,EAAE,OAAO,CAAC;IACjB,oBAAoB;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,kCAAkC;IAClC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,yBAAyB;IACzB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAO,EACP,OAAO,EACP,UAAU,EACV,UAAU,EACV,SAAS,GACV,EAAE,gBAAgB,mSAyClB"}

package/dist/components/comments/CommentList.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CommentItem } from "./CommentItem";
+import { Button } from "../ui/button";
+import { Loader2, MessageSquare } from "lucide-react";
+export function CommentList({ comments, hasMore, loading, onLoadMore, emptyState, className, }) {
+    if (comments.length === 0 && !loading) {
+        return (emptyState || (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [_jsx(MessageSquare, { className: "text-muted-foreground/50 mb-4 h-12 w-12" }), _jsx("p", { className: "text-muted-foreground", children: "No comments yet" }), _jsx("p", { className: "text-muted-foreground/70 text-sm", children: "Be the first to share your thoughts" })] })));
+    }
+    return (_jsxs("div", { className: `flex flex-col gap-4 ${className || ""}`, children: [comments.map((comment) => (_jsx(CommentItem, { comment: comment }, comment.id))), hasMore && (_jsx("div", { className: "flex justify-center pt-4", children: _jsx(Button, { variant: "ghost", onClick: onLoadMore, disabled: loading, className: "text-muted-foreground", children: loading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Loading..."] })) : ("Load more comments") }) }))] }));
+}
+//# sourceMappingURL=CommentList.js.map

package/dist/components/comments/CommentList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentList.js","sourceRoot":"","sources":["../../../lib/components/comments/CommentList.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAkBtD,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAO,EACP,OAAO,EACP,UAAU,EACV,UAAU,EACV,SAAS,GACQ;IACjB,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;QACtC,OAAO,CACL,UAAU,IAAI,CACZ,eAAK,SAAS,EAAC,6DAA6D,aAC1E,KAAC,aAAa,IAAC,SAAS,EAAC,yCAAyC,GAAG,EACrE,YAAG,SAAS,EAAC,uBAAuB,gCAAoB,EACxD,YAAG,SAAS,EAAC,kCAAkC,oDAAwC,IACnF,CACP,CACF,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,uBAAuB,SAAS,IAAI,EAAE,EAAE,aACrD,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,KAAC,WAAW,IAAkB,OAAO,EAAE,OAAO,IAA5B,OAAO,CAAC,EAAE,CAAsB,CACnD,CAAC,EAGD,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,0BAA0B,YACvC,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAC,uBAAuB,YAEhC,OAAO,CAAC,CAAC,CAAC,CACT,8BACE,KAAC,OAAO,IAAC,SAAS,EAAC,2BAA2B,GAAG,kBAEhD,CACJ,CAAC,CAAC,CAAC,CACF,oBAAoB,CACrB,GACM,GACL,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/comments/CommentMentions.d.ts

@@ -0,0 +1,15 @@
+import type { MentionableUser } from "../../services/comments/interfaces";
+export interface CommentMentionsProps {
+    /** List of users to display */
+    users: MentionableUser[];
+    /** Current search query */
+    query: string;
+    /** Selection handler */
+    onSelect: (user: MentionableUser) => void;
+    /** Close handler */
+    onClose: () => void;
+    /** Custom class name */
+    className?: string;
+}
+export declare function CommentMentions({ users, query, onSelect, onClose, className, }: CommentMentionsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=CommentMentions.d.ts.map

package/dist/components/comments/CommentMentions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentMentions.d.ts","sourceRoot":"","sources":["../../../lib/components/comments/CommentMentions.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAE1E,MAAM,WAAW,oBAAoB;IACnC,+BAA+B;IAC/B,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1C,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,oBAAoB,kDAmHtB"}

package/dist/components/comments/CommentMentions.js

@@ -0,0 +1,71 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useRef } from "react";
+import { Avatar, AvatarFallback, AvatarImage } from "../ui/avatar";
+export function CommentMentions({ users, query, onSelect, onClose, className, }) {
+    const containerRef = useRef(null);
+    const [selectedIndex, setSelectedIndex] = React.useState(0);
+    // Ensure selected index is valid when users change
+    const safeSelectedIndex = users.length > 0 ? Math.min(selectedIndex, users.length - 1) : 0;
+    // Get initials for avatar fallback
+    const getInitials = (name) => {
+        return name
+            .split(" ")
+            .map((n) => n[0])
+            .join("")
+            .toUpperCase()
+            .slice(0, 2);
+    };
+    // Highlight matching text
+    const highlightMatch = (text) => {
+        if (!query)
+            return text;
+        const index = text.toLowerCase().indexOf(query.toLowerCase());
+        if (index === -1)
+            return text;
+        return (_jsxs(_Fragment, { children: [text.slice(0, index), _jsx("span", { className: "text-primary font-semibold", children: text.slice(index, index + query.length) }), text.slice(index + query.length)] }));
+    };
+    // Handle keyboard navigation
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            switch (e.key) {
+                case "ArrowDown":
+                    e.preventDefault();
+                    setSelectedIndex((prev) => (prev + 1) % users.length);
+                    break;
+                case "ArrowUp":
+                    e.preventDefault();
+                    setSelectedIndex((prev) => (prev - 1 + users.length) % users.length);
+                    break;
+                case "Enter":
+                case "Tab":
+                    e.preventDefault();
+                    if (users[safeSelectedIndex]) {
+                        onSelect(users[safeSelectedIndex]);
+                    }
+                    break;
+                case "Escape":
+                    e.preventDefault();
+                    onClose();
+                    break;
+            }
+        };
+        document.addEventListener("keydown", handleKeyDown);
+        return () => document.removeEventListener("keydown", handleKeyDown);
+    }, [users, safeSelectedIndex, onSelect, onClose]);
+    // Click outside to close
+    useEffect(() => {
+        const handleClickOutside = (e) => {
+            if (containerRef.current && !containerRef.current.contains(e.target)) {
+                onClose();
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, [onClose]);
+    if (users.length === 0) {
+        return null;
+    }
+    return (_jsx("div", { ref: containerRef, className: `bg-popover absolute right-0 bottom-full left-0 z-50 mb-1 max-h-60 overflow-y-auto rounded-md border shadow-md ${className || ""}`, role: "listbox", "aria-label": "Mention suggestions", children: users.map((user, index) => (_jsxs("button", { type: "button", className: `hover:bg-accent flex w-full items-center gap-3 px-3 py-2 text-left transition-colors ${index === safeSelectedIndex ? "bg-accent" : ""}`, onClick: () => onSelect(user), onMouseEnter: () => setSelectedIndex(index), role: "option", "aria-selected": index === safeSelectedIndex, children: [_jsxs(Avatar, { className: "h-8 w-8", children: [_jsx(AvatarImage, { src: user.avatarUrl, alt: user.name }), _jsx(AvatarFallback, { children: getInitials(user.name) })] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-medium", children: highlightMatch(user.name) }), user.email && (_jsx("div", { className: "text-muted-foreground truncate text-xs", children: highlightMatch(user.email) })), user.role && _jsx("div", { className: "text-muted-foreground text-xs", children: user.role })] })] }, user.id))) }));
+}
+//# sourceMappingURL=CommentMentions.js.map

package/dist/components/comments/CommentMentions.js.map

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