captify 0.1.18 → 1.1.0

package/dist/collaboration/components/document-list.js

@@ -0,0 +1,150 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DocumentList Component
+ *
+ * Displays a list of documents with support for grid and table view modes,
+ * filtering, sorting, search, and DataTable integration.
+ */
+import { SORT_OPTIONS, VIEW_MODES } from "../collaboration.constants";
+import { DocumentCardGrid } from "./document-card-grid";
+import { getDocumentListColumns } from "./document-list-columns";
+import { DocumentListHeader } from "./document-list-header";
+import { useDocumentsView } from "../hooks/use-documents-view";
+import { ColumnVisibilityDropdown, DataTable } from "../../shared/components/tables";
+import { TooltipButton } from "../../shared/components/tooltip-button";
+import { useColumnVisibility } from "../../shared/hooks/data-table";
+import { Edit, RotateCcw, Trash, Trash2 } from "lucide-react";
+import { useMemo, useState } from "react";
+/**
+ * DocumentList - Displays documents with card/table toggle
+ *
+ * Supports:
+ * - Card view with sorting dropdown
+ * - Table view with column sorting via DataTable
+ * - Search filtering
+ * - Permission-based actions (delete/restore)
+ *
+ * @example
+ * ```tsx
+ * <DocumentList
+ *   documents={documents}
+ *   isLoading={isLoading}
+ *   filter={filter}
+ *   onFilterChange={setFilter}
+ *   onOpen={handleOpen}
+ *   onDelete={handleDelete}
+ *   currentUserId={userId}
+ *   canDelete={true}
+ * />
+ * ```
+ */
+export function DocumentList({ documents, isLoading = false, filter = "all", onFilterChange, search: _externalSearch, onSearchChange: _onExternalSearchChange, viewMode: _externalViewMode, onViewModeChange: _onExternalViewModeChange, currentUserId, onOpen, onDelete, onRestore, onPermanentDelete, canDelete = false, className, }) {
+    const isTrashedView = filter === "trashed";
+    // View state management (using internal hook if no external control)
+    const { viewMode, setViewMode, sortOption, setSortOption, searchValue, setSearchValue } = useDocumentsView();
+    // State for DataTable features (used when in table view)
+    const [sortConfigs, setSortConfigs] = useState([]);
+    const [pageSize, setPageSize] = useState(10);
+    // Column definitions for table view
+    const columns = useMemo(() => getDocumentListColumns(currentUserId), [currentUserId]);
+    // Row actions for table view
+    const rowActions = onOpen || onDelete || onRestore || onPermanentDelete
+        ? ({ row }) => {
+            const isOwner = row.ownerId === currentUserId;
+            const canDeleteDoc = isOwner || canDelete;
+            const canEditDoc = isOwner;
+            const isTrashed = row.status === "trashed";
+            if (!canEditDoc && !canDeleteDoc && !isTrashed)
+                return null;
+            return (_jsx(_Fragment, { children: isTrashed ? (_jsxs(_Fragment, { children: [onRestore && (_jsx(TooltipButton, { tooltip: "Restore document", variant: "ghost", size: "sm", onClick: () => onRestore(row), className: "h-8 px-2", "aria-label": "Restore document", "data-testid": `restore-document-${row.id}`, children: _jsx(RotateCcw, { className: "h-4 w-4", "aria-hidden": "true" }) })), onPermanentDelete && (_jsx(TooltipButton, { tooltip: "Delete permanently", variant: "ghost", size: "sm", onClick: () => onPermanentDelete(row), className: "text-destructive hover:text-destructive/80 h-8 px-2", "aria-label": "Delete permanently", "data-testid": `permanent-delete-document-${row.id}`, children: _jsx(Trash, { className: "h-4 w-4", "aria-hidden": "true" }) }))] })) : (_jsxs(_Fragment, { children: [canEditDoc && onOpen && (_jsx(TooltipButton, { tooltip: "Edit document", variant: "ghost", size: "sm", onClick: () => onOpen(row), className: "h-8 px-2", "aria-label": "Edit document", "data-testid": `edit-document-${row.id}`, children: _jsx(Edit, { className: "h-4 w-4", "aria-hidden": "true" }) })), canDeleteDoc && onDelete && (_jsx(TooltipButton, { tooltip: "Delete document", variant: "ghost", size: "sm", onClick: () => onDelete(row), className: "text-destructive hover:text-destructive/80 h-8 px-2", "aria-label": "Delete document", "data-testid": `delete-document-${row.id}`, children: _jsx(Trash2, { className: "h-4 w-4", "aria-hidden": "true" }) }))] })) }));
+        }
+        : undefined;
+    // Column visibility management
+    const columnVisibilityConfig = useMemo(() => ({ enabled: true, storageKey: "document-table-columns" }), []);
+    const columnVisibilityHandlers = useColumnVisibility(columns, columnVisibilityConfig);
+    // Filter function for search
+    const filterDocument = (document, query) => {
+        var _a, _b, _c, _d;
+        const lowerQuery = query.toLowerCase();
+        return (document.title.toLowerCase().includes(lowerQuery) ||
+            ((_b = (_a = document.previewSnippet) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(lowerQuery)) !== null && _b !== void 0 ? _b : false) ||
+            ((_d = (_c = document.ownerName) === null || _c === void 0 ? void 0 : _c.toLowerCase().includes(lowerQuery)) !== null && _d !== void 0 ? _d : false));
+    };
+    // Apply search filter
+    const filteredDocuments = useMemo(() => {
+        if (!searchValue.trim())
+            return documents;
+        return documents.filter((doc) => filterDocument(doc, searchValue));
+    }, [documents, searchValue]);
+    // Apply sorting (for card view - table has its own sorting)
+    const sortedDocuments = useMemo(() => {
+        const sorted = [...filteredDocuments];
+        const sortConfig = SORT_OPTIONS[sortOption];
+        sorted.sort((a, b) => {
+            var _a, _b;
+            let comparison = 0;
+            switch (sortConfig.field) {
+                case "title":
+                    comparison = a.title.localeCompare(b.title);
+                    break;
+                case "wordCount":
+                    comparison = ((_a = a.wordCount) !== null && _a !== void 0 ? _a : 0) - ((_b = b.wordCount) !== null && _b !== void 0 ? _b : 0);
+                    break;
+                case "createdAt":
+                    comparison = a.createdAt - b.createdAt;
+                    break;
+                case "updatedAt":
+                default:
+                    comparison = a.updatedAt - b.updatedAt;
+                    break;
+            }
+            return sortConfig.direction === "desc" ? -comparison : comparison;
+        });
+        return sorted;
+    }, [filteredDocuments, sortOption]);
+    return (_jsxs("div", { className: className, "data-testid": "document-list", children: [_jsx("div", { className: "mb-6", children: _jsx(DocumentListHeader, { viewMode: viewMode, onViewModeChange: setViewMode, sortOption: sortOption, onSortChange: setSortOption, filter: filter, onFilterChange: onFilterChange !== null && onFilterChange !== void 0 ? onFilterChange : (() => { }), searchValue: searchValue, onSearchChange: setSearchValue, columnVisibilityDropdown: _jsx(ColumnVisibilityDropdown, { columns: columns, visibleColumns: columnVisibilityHandlers.visibleColumns, onToggleColumn: columnVisibilityHandlers.toggleColumn, onShowAll: columnVisibilityHandlers.showAllColumns, onHideAll: columnVisibilityHandlers.hideAllColumns, onReset: columnVisibilityHandlers.resetToDefaults }) }) }), viewMode === VIEW_MODES.CARD ? (_jsx(DocumentCardGrid, { documents: sortedDocuments, loading: isLoading, canDelete: canDelete, onOpen: isTrashedView ? undefined : onOpen, onDelete: isTrashedView ? undefined : onDelete, onRestore: isTrashedView ? onRestore : undefined, onPermanentDelete: isTrashedView ? onPermanentDelete : undefined, currentUserId: currentUserId, emptyMessage: isTrashedView
+                    ? "Trash is empty"
+                    : searchValue
+                        ? "No documents found"
+                        : "No documents yet", emptyDescription: isTrashedView
+                    ? "Documents you delete will appear here"
+                    : searchValue
+                        ? `No documents match "${searchValue}"`
+                        : "Create your first document to get started" })) : (_jsx(DataTable, { data: filteredDocuments, columns: columns, loading: isLoading, getRowId: (row) => row.id, onRowClick: isTrashedView ? undefined : onOpen ? (row) => onOpen(row) : undefined, rowActions: rowActions, 
+                // Sorting
+                sorting: {
+                    enabled: true,
+                    mode: "multi",
+                    sortConfigs: sortConfigs,
+                    onSortChange: setSortConfigs,
+                }, 
+                // Filtering - disabled, using header search instead
+                filtering: {
+                    enabled: false,
+                }, 
+                // Pagination
+                pagination: {
+                    mode: "client",
+                    pageSize: pageSize,
+                    pageSizeOptions: [5, 10, 20, 50],
+                    onPageSizeChange: setPageSize,
+                }, 
+                // Column Visibility (controlled mode - state managed by parent for custom header)
+                columnVisibility: {
+                    enabled: true,
+                    storageKey: "document-table-columns",
+                    visibleColumns: columnVisibilityHandlers.visibleColumns,
+                }, 
+                // Layout - hide header since we have our own
+                showHeader: false, emptyMessage: isTrashedView
+                    ? "Trash is empty"
+                    : searchValue
+                        ? "No documents found"
+                        : "No documents yet", emptyDescription: isTrashedView
+                    ? "Documents you delete will appear here"
+                    : searchValue
+                        ? `No documents match "${searchValue}"`
+                        : "Create your first document to get started" }))] }));
+}
+//# sourceMappingURL=document-list.js.map

package/dist/collaboration/components/document-list.js.map

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

package/dist/collaboration/components/document-share-dialog.d.ts

@@ -0,0 +1,26 @@
+import type { DocumentShareDialogProps } from "../collaboration.interfaces";
+export type { DocumentShareDialogProps };
+/**
+ * DocumentShareDialog component for managing document collaborators.
+ *
+ * @example
+ * ```tsx
+ * function DocumentHeader() {
+ *   const [shareOpen, setShareOpen] = useState(false);
+ *
+ *   return (
+ *     <>
+ *       <Button onClick={() => setShareOpen(true)}>Share</Button>
+ *       <DocumentShareDialog
+ *         open={shareOpen}
+ *         onOpenChange={setShareOpen}
+ *         documentId="uuid"
+ *         documentTitle="Project Proposal"
+ *       />
+ *     </>
+ *   );
+ * }
+ * ```
+ */
+export declare function DocumentShareDialog({ open, onOpenChange, documentId, documentTitle, currentUserId, }: DocumentShareDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=document-share-dialog.d.ts.map

package/dist/collaboration/components/document-share-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"document-share-dialog.d.ts","sourceRoot":"","sources":["../../../lib/collaboration/components/document-share-dialog.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AAiB7F,YAAY,EAAE,wBAAwB,EAAE,CAAC;AAIzC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,aAAa,EACb,aAAa,GACd,EAAE,wBAAwB,2CAgR1B"}

package/dist/collaboration/components/document-share-dialog.js

@@ -0,0 +1,133 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * DocumentShareDialog - Modal for managing document collaborators
+ *
+ * Displays current collaborators and allows adding, updating permissions,
+ * and removing collaborators from a document.
+ */
+import { useState, useMemo, useCallback } from "react";
+import { Loader2, Trash2, UserPlus, Users } from "lucide-react";
+import { cn } from "../../shared/utilities/cn";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "../../shared/components/ui/dialog";
+import { Button } from "../../shared/components/ui/button";
+import { Label } from "../../shared/components/ui/label";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../shared/components/ui/select";
+import { Avatar, AvatarFallback, AvatarImage } from "../../shared/components/ui/avatar";
+import { SelectItemsDialog } from "../../shared/components/select-items-dialog/select-items-dialog";
+import { useDocumentShare } from "../hooks/use-document-share";
+import { useAllCognitoUsers } from "../../users/hooks";
+import { PERMISSION_LEVELS, COLLABORATION_UI_TEXT, } from "../collaboration.constants";
+import { getInitials } from "../../shared/utilities";
+const { PERMISSION_LABELS } = COLLABORATION_UI_TEXT;
+/**
+ * DocumentShareDialog component for managing document collaborators.
+ *
+ * @example
+ * ```tsx
+ * function DocumentHeader() {
+ *   const [shareOpen, setShareOpen] = useState(false);
+ *
+ *   return (
+ *     <>
+ *       <Button onClick={() => setShareOpen(true)}>Share</Button>
+ *       <DocumentShareDialog
+ *         open={shareOpen}
+ *         onOpenChange={setShareOpen}
+ *         documentId="uuid"
+ *         documentTitle="Project Proposal"
+ *       />
+ *     </>
+ *   );
+ * }
+ * ```
+ */
+export function DocumentShareDialog({ open, onOpenChange, documentId, documentTitle, currentUserId, }) {
+    const [isUserDialogOpen, setIsUserDialogOpen] = useState(false);
+    const [newPermission, setNewPermission] = useState("edit");
+    // Get all users for selection
+    const { users: cognitoUsers, isLoading: usersLoading } = useAllCognitoUsers();
+    const { collaborators, isLoading, addCollaborator, isAdding, updateCollaborator, isUpdating, removeCollaborator, isRemoving, } = useDocumentShare({ documentId, enabled: open });
+    // Map Cognito users to UserOption format, excluding existing collaborators and current user
+    // IMPORTANT: Use attributes.sub (not username) as the ID to match session.user.id
+    const availableUsers = useMemo(() => {
+        const collaboratorIds = new Set(collaborators.map((c) => c.userId));
+        return cognitoUsers
+            .filter((user) => {
+            var _a;
+            // Use sub attribute as the user ID (matches session.user.id)
+            const userSub = (_a = user.attributes) === null || _a === void 0 ? void 0 : _a.sub;
+            if (!userSub)
+                return false; // Skip users without sub
+            // Exclude existing collaborators
+            if (collaboratorIds.has(userSub))
+                return false;
+            // Exclude current user
+            if (currentUserId && userSub === currentUserId)
+                return false;
+            return true;
+        })
+            .map((user) => {
+            var _a, _b, _c;
+            const givenName = ((_a = user.attributes) === null || _a === void 0 ? void 0 : _a["given_name"]) || "";
+            const familyName = ((_b = user.attributes) === null || _b === void 0 ? void 0 : _b["family_name"]) || "";
+            const displayName = [givenName, familyName].filter(Boolean).join(" ") || user.username;
+            // Use sub as the ID (matches session.user.id from JWT token)
+            return {
+                id: ((_c = user.attributes) === null || _c === void 0 ? void 0 : _c.sub) || user.username,
+                name: displayName,
+                email: user.email || "",
+            };
+        });
+    }, [cognitoUsers, collaborators, currentUserId]);
+    // Column definitions for user selection dialog
+    const userColumns = useMemo(() => [
+        {
+            id: "name",
+            header: "Name",
+            accessorKey: "name",
+        },
+        {
+            id: "email",
+            header: "Email",
+            accessorKey: "email",
+        },
+    ], []);
+    // Handle user selection from dialog
+    const handleUserSelect = useCallback(async (selectedUsers) => {
+        const selectedUser = selectedUsers[0];
+        if (selectedUser) {
+            await addCollaborator({
+                userId: selectedUser.id,
+                permissionLevel: newPermission,
+            });
+        }
+        setIsUserDialogOpen(false);
+        setNewPermission("edit");
+    }, [addCollaborator, newPermission]);
+    const isBusy = isAdding || isUpdating || isRemoving;
+    return (_jsxs(Dialog, { open: open, onOpenChange: onOpenChange, children: [_jsxs(DialogContent, { className: "flex max-h-[90vh] flex-col sm:max-w-[600px]", children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { className: "flex items-center gap-2", children: [_jsx(Users, { className: "h-5 w-5", "aria-hidden": "true" }), "Share Document"] }), _jsxs(DialogDescription, { className: "truncate", children: ["Manage who can access \u201C", documentTitle, "\u201D"] })] }), _jsxs("div", { className: "flex-1 space-y-4 overflow-y-auto", children: [_jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { variant: "outline", className: "flex-1 justify-start", onClick: () => setIsUserDialogOpen(true), disabled: isBusy || usersLoading, children: [_jsx(UserPlus, { className: "mr-2 h-4 w-4", "aria-hidden": "true" }), usersLoading ? "Loading users..." : "Add a user..."] }), _jsxs(Select, { value: newPermission, onValueChange: (value) => setNewPermission(value), disabled: isBusy, children: [_jsx(SelectTrigger, { className: "w-36", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: PERMISSION_LEVELS.map((level) => (_jsx(SelectItem, { value: level, children: PERMISSION_LABELS[level] }, level))) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { className: "text-sm font-medium", children: ["People with access (", collaborators.length, ")"] }), _jsx("div", { className: "max-h-64 space-y-2 overflow-y-auto", children: isLoading ? (_jsx("div", { className: "flex items-center justify-center py-8", role: "status", "aria-label": "Loading collaborators", children: _jsx(Loader2, { className: "text-muted-foreground h-6 w-6 animate-spin", "aria-hidden": "true" }) })) : collaborators.length === 0 ? (_jsx("p", { className: "text-muted-foreground py-4 text-center text-sm", children: "No collaborators yet. Add someone above to share this document." })) : (collaborators.map((collab) => {
+                                            var _a, _b;
+                                            const isOwner = collab.userId === collab.invitedById;
+                                            // Look up proper display name from Cognito users (by sub attribute)
+                                            const cognitoUser = cognitoUsers.find((u) => { var _a; return ((_a = u.attributes) === null || _a === void 0 ? void 0 : _a.sub) === collab.userId; });
+                                            const givenName = ((_a = cognitoUser === null || cognitoUser === void 0 ? void 0 : cognitoUser.attributes) === null || _a === void 0 ? void 0 : _a["given_name"]) || "";
+                                            const familyName = ((_b = cognitoUser === null || cognitoUser === void 0 ? void 0 : cognitoUser.attributes) === null || _b === void 0 ? void 0 : _b["family_name"]) || "";
+                                            const displayName = [givenName, familyName].filter(Boolean).join(" ") || collab.userName;
+                                            const displayEmail = (cognitoUser === null || cognitoUser === void 0 ? void 0 : cognitoUser.email) || collab.userEmail;
+                                            return (_jsxs("div", { className: cn("flex items-center justify-between gap-3 rounded-lg border p-3", isOwner && "bg-muted/50"), children: [_jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [_jsxs(Avatar, { className: "h-8 w-8", children: [collab.userAvatar && (_jsx(AvatarImage, { src: collab.userAvatar, alt: displayName })), _jsx(AvatarFallback, { className: "text-xs", children: getInitials(displayName) })] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("p", { className: "truncate text-sm font-medium", children: [displayName, isOwner && (_jsx("span", { className: "text-muted-foreground ml-1 font-normal", children: "(Owner)" }))] }), _jsx("p", { className: "text-muted-foreground truncate text-xs", children: displayEmail })] })] }), _jsx("div", { className: "flex items-center gap-2", children: isOwner ? (_jsx("span", { className: "text-muted-foreground text-sm", children: "Owner" })) : (_jsxs(_Fragment, { children: [_jsxs(Select, { value: collab.permissionLevel, onValueChange: (value) => updateCollaborator(collab.userId, value), disabled: isBusy, children: [_jsx(SelectTrigger, { className: "h-8 w-36", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { align: "end", children: PERMISSION_LEVELS.map((level) => (_jsx(SelectItem, { value: level, children: PERMISSION_LABELS[level] }, level))) })] }), _jsx(Button, { variant: "ghost", size: "icon", className: "text-destructive hover:text-destructive h-8 w-8", onClick: () => removeCollaborator(collab.userId), disabled: isBusy, "aria-label": `Remove ${displayName}`, children: _jsx(Trash2, { className: "h-4 w-4", "aria-hidden": "true" }) })] })) })] }, collab.id));
+                                        })) })] })] }), _jsx("div", { className: "flex justify-end border-t pt-4", children: _jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Done" }) })] }), _jsx(SelectItemsDialog, { open: isUserDialogOpen, onOpenChange: setIsUserDialogOpen, title: "Add Collaborator", description: "Select a user to share this document with", selectionMode: "single", columns: userColumns, items: availableUsers, getRowId: (user) => user.id, preSelectedIds: [], onSelect: handleUserSelect, onCancel: () => setIsUserDialogOpen(false), loading: usersLoading || isAdding, emptyMessage: "No users available to add", selectLabel: "Add User", filtering: {
+                    enabled: true,
+                    searchPlaceholder: "Search by name or email...",
+                    filterFn: (user, searchValue) => {
+                        const search = searchValue.toLowerCase();
+                        return (user.name.toLowerCase().includes(search) || user.email.toLowerCase().includes(search));
+                    },
+                    noResultsMessage: "No users match your search",
+                    showResultCount: true,
+                }, pagination: {
+                    mode: "client",
+                    pageSize: 10,
+                } })] }));
+}
+//# sourceMappingURL=document-share-dialog.js.map

package/dist/collaboration/components/document-share-dialog.js.map

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

package/dist/collaboration/components/index.d.ts

@@ -0,0 +1,11 @@
+export { DocumentCard } from "./document-card";
+export { DocumentCardGrid } from "./document-card-grid";
+export { DocumentEditor, type DocumentEditorRef, } from "./document-editor";
+export { DocumentHeader } from "./document-header";
+export { DocumentList } from "./document-list";
+export { DocumentShareDialog } from "./document-share-dialog";
+export { PresenceAvatars } from "./presence-avatars";
+export { RightSidePanel } from "./right-side-panel";
+export { TextareaCursorOverlay } from "./textarea-cursor-overlay";
+export { TextareaCommentHighlightOverlay } from "./textarea-comment-highlight-overlay";
+//# sourceMappingURL=index.d.ts.map

package/dist/collaboration/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/collaboration/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,mDAAmD,CAAC;AACrF,OAAO,EACL,cAAc,EACd,KAAK,iBAAiB,GACvB,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,iDAAiD,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,iDAAiD,CAAC;AACjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wDAAwD,CAAC;AAC/F,OAAO,EAAE,+BAA+B,EAAE,MAAM,mEAAmE,CAAC"}

package/dist/collaboration/components/index.js

@@ -0,0 +1,11 @@
+export { DocumentCard } from "./document-card";
+export { DocumentCardGrid } from "./document-card-grid";
+export { DocumentEditor, } from "./document-editor";
+export { DocumentHeader } from "./document-header";
+export { DocumentList } from "./document-list";
+export { DocumentShareDialog } from "./document-share-dialog";
+export { PresenceAvatars } from "./presence-avatars";
+export { RightSidePanel } from "./right-side-panel";
+export { TextareaCursorOverlay } from "./textarea-cursor-overlay";
+export { TextareaCommentHighlightOverlay } from "./textarea-comment-highlight-overlay";
+//# sourceMappingURL=index.js.map

package/dist/collaboration/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/collaboration/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,mDAAmD,CAAC;AACrF,OAAO,EACL,cAAc,GAEf,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,iDAAiD,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,iDAAiD,CAAC;AACjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wDAAwD,CAAC;AAC/F,OAAO,EAAE,+BAA+B,EAAE,MAAM,mEAAmE,CAAC"}

package/dist/collaboration/components/presence-avatars.d.ts

@@ -0,0 +1,25 @@
+import type { PresenceAvatarsProps } from "../collaboration.interfaces";
+export type { PresenceAvatarsProps };
+/**
+ * PresenceAvatars component for displaying active collaborators.
+ *
+ * @example
+ * ```tsx
+ * function DocumentHeader() {
+ *   const { collaborators } = useDocumentPresence();
+ *
+ *   return (
+ *     <header>
+ *       <h1>Document Title</h1>
+ *       <PresenceAvatars
+ *         collaborators={collaborators}
+ *         maxAvatars={4}
+ *         size="md"
+ *       />
+ *     </header>
+ *   );
+ * }
+ * ```
+ */
+export declare function PresenceAvatars({ collaborators, maxAvatars, size, className, }: PresenceAvatarsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=presence-avatars.d.ts.map

package/dist/collaboration/components/presence-avatars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presence-avatars.d.ts","sourceRoot":"","sources":["../../../lib/collaboration/components/presence-avatars.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAEV,oBAAoB,EACrB,MAAM,8CAA8C,CAAC;AAEtD,YAAY,EAAE,oBAAoB,EAAE,CAAC;AA+CrC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,aAAa,EACb,UAAc,EACd,IAAW,EACX,SAAS,GACV,EAAE,oBAAoB,kDAmDtB"}

package/dist/collaboration/components/presence-avatars.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PresenceAvatars - Display active collaborators as avatar circles
+ *
+ * Shows avatars for collaborators currently viewing or editing a document.
+ * Displays a "+N" indicator when there are more collaborators than can be shown.
+ */
+import Image from "next/image";
+import { cn } from "../../shared/utilities/cn";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../../shared/components/ui/tooltip";
+import { COLLABORATION_UI_TEXT, PRESENCE_AVATAR_SIZES, } from "../collaboration.constants";
+// ============================================================================
+// Avatar Component
+// ============================================================================
+function AvatarCircle({ name, color, avatarUrl, size }) {
+    const sizeInPx = PRESENCE_AVATAR_SIZES[size];
+    const initials = name
+        .split(" ")
+        .map((part) => part[0])
+        .join("")
+        .toUpperCase()
+        .slice(0, 2);
+    // Note: Inline style required for dynamic user-defined background color
+    return (_jsx("div", { className: cn("border-background relative flex items-center justify-center overflow-hidden rounded-full border-2 font-medium", size === "sm" && "h-6 w-6 text-xs", size === "md" && "h-8 w-8 text-sm", size === "lg" && "h-10 w-10 text-base"), style: { backgroundColor: color, color: "white" }, "aria-hidden": "true", children: avatarUrl ? (_jsx(Image, { src: avatarUrl, alt: "", width: sizeInPx, height: sizeInPx, className: "h-full w-full rounded-full object-cover", unoptimized: true })) : (initials) }));
+}
+// ============================================================================
+// Main Component
+// ============================================================================
+/**
+ * PresenceAvatars component for displaying active collaborators.
+ *
+ * @example
+ * ```tsx
+ * function DocumentHeader() {
+ *   const { collaborators } = useDocumentPresence();
+ *
+ *   return (
+ *     <header>
+ *       <h1>Document Title</h1>
+ *       <PresenceAvatars
+ *         collaborators={collaborators}
+ *         maxAvatars={4}
+ *         size="md"
+ *       />
+ *     </header>
+ *   );
+ * }
+ * ```
+ */
+export function PresenceAvatars({ collaborators, maxAvatars = 4, size = "md", className, }) {
+    if (collaborators.length === 0) {
+        return null;
+    }
+    const visibleCollaborators = collaborators.slice(0, maxAvatars);
+    const remainingCount = collaborators.length - maxAvatars;
+    const showOverflow = remainingCount > 0;
+    // Build tooltip content listing all collaborators
+    const tooltipContent = collaborators.map((c) => c.name).join(", ");
+    return (_jsx(TooltipProvider, { delayDuration: 300, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("div", { className: cn("flex items-center -space-x-2", className), role: "group", "aria-label": `${collaborators.length} ${COLLABORATION_UI_TEXT.PRESENCE.COLLABORATORS_TOOLTIP}`, children: [visibleCollaborators.map((collaborator) => (_jsx(AvatarCircle, { name: collaborator.name, color: collaborator.color, avatarUrl: collaborator.avatarUrl, size: size }, collaborator.clientId))), showOverflow && (_jsxs("div", { className: cn("border-background bg-muted text-muted-foreground relative flex items-center justify-center rounded-full border-2 font-medium", size === "sm" && "h-6 w-6 text-xs", size === "md" && "h-8 w-8 text-sm", size === "lg" && "h-10 w-10 text-base"), "aria-hidden": "true", children: ["+", remainingCount] }))] }) }), _jsx(TooltipContent, { side: "bottom", children: _jsx("p", { className: "max-w-xs truncate", children: tooltipContent }) })] }) }));
+}
+//# sourceMappingURL=presence-avatars.js.map

package/dist/collaboration/components/presence-avatars.js.map

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

package/dist/collaboration/components/right-side-panel.d.ts

@@ -0,0 +1,4 @@
+import type { RightSidePanelProps } from "../collaboration.interfaces";
+export type { RightSidePanelProps };
+export declare function RightSidePanel({ documentId, selectionText, documentContent, onInsertContent, isCollapsed, onCollapsedChange, width, onWidthChange, minWidth, maxWidth, canRestore, canEdit, canComment, currentUser, mentionableUsers, initialTab, className, commentsRefreshKey, }: RightSidePanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=right-side-panel.d.ts.map

package/dist/collaboration/components/right-side-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"right-side-panel.d.ts","sourceRoot":"","sources":["../../../lib/collaboration/components/right-side-panel.tsx"],"names":[],"mappings":"AAmEA,OAAO,KAAK,EAEV,mBAAmB,EACpB,MAAM,8CAA8C,CAAC;AAEtD,YAAY,EAAE,mBAAmB,EAAE,CAAC;AA4NpC,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,aAAa,EACb,eAAe,EACf,eAAe,EACf,WAAmB,EACnB,iBAAiB,EACjB,KAAW,EACX,aAAa,EACb,QAAc,EACd,QAAc,EACd,UAAkB,EAClB,OAAc,EACd,UAAU,EACV,WAAW,EACX,gBAAqB,EACrB,UAAU,EACV,SAAS,EACT,kBAAsB,GACvB,EAAE,mBAAmB,2CAuerB"}