+
+
+
+ {t('viewer.comments.title', 'Comments')}
+
+
+
+
+ {totalCount === 0 ? (
+
+ {t('viewer.comments.hint', 'Place comments with the Comment, Insert Text, or Replace Text tools. They will appear here by page.')}
+
+ ) : (
+ pageNumbers.map((pageIndex) => {
+ const entries = byPage[pageIndex] ?? [];
+ const pageNum = pageIndex + 1;
+ return (
+
+
+ {t('viewer.comments.pageLabel', 'Page {{page}}', { page: pageNum })}
+
+
+ {entries.length === 1
+ ? t('viewer.comments.oneComment', '1 comment')
+ : t('viewer.comments.nComments', '{{count}} comments', { count: entries.length })}
+
+
+
+ {entries.map((entry) => {
+ const ann = entry.annotation?.object;
+ const id = ann?.id;
+ if (!id) return null;
+ const key = `${pageIndex}_${id}`;
+ const replyKey = `${pageIndex}_${id}_reply`;
+ const displayContent = getCommentDisplayContent(entry);
+ const draft = draftContents[key] !== undefined ? draftContents[key] : displayContent;
+ const replyDraft = replyDrafts[replyKey] ?? '';
+ const authorName = getAuthorName(ann, displayName);
+ /** Only treat as "comment posted" when annotation actually has content (user clicked Send), not on every keystroke. */
+ const hasMainContent = (displayContent ?? '').trim().length > 0;
+ const isEditingMain = editingMainKey === key;
+
+ const mainTimestamp = formatCommentDate(ann);
+ const typeLabel = getAnnotationTypeLabel(ann, t);
+
+ return (
+
+
+
+
+
+
+ {authorName}
+
+
+ {typeLabel}{mainTimestamp ? ` · ${mainTimestamp}` : ''}
+
+
+
+
+
+ handleLocateAnnotation(pageIndex, ann)}
+ >
+
+
+
+
+
+
+
+ {!hasMainContent || isEditingMain ? (
+ <>
+