admin-ui-starter-kit 0.1.0

package/dist/_shared/comments-BOFU1GYY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"comments-BOFU1GYY.js","names":[],"sources":["../../src/components/features/comments/comments.strings.ts","../../src/components/features/comments/comments-provider.tsx","../../src/components/features/comments/partials/comment-attachment-chip.tsx","../../src/components/features/comments/hooks/use-attachment-upload.ts","../../src/components/features/comments/partials/comment-composer.tsx","../../src/components/features/comments/partials/comment-empty.tsx","../../src/components/features/comments/partials/comment-content.tsx","../../src/components/features/comments/partials/comment-item.tsx","../../src/components/features/comments/partials/comment-timeline.tsx","../../src/components/features/comments/comments.tsx","../../src/components/features/comments/hooks/use-comments.ts"],"sourcesContent":["/**\n * Strings for the Comments feature. Consumers override via the `strings`\n * prop on `<Comments>` / `<CommentsCard>` / sub-components — values are\n * deep-merged over these defaults.\n */\nexport interface CommentsStrings {\n    /** Card title — usually \"Comments\". Set to \"\" to hide. */\n    title: string;\n    /** Subtitle under the card title — optional. */\n    subtitle: string;\n    /** Empty-state copy for the timeline. */\n    empty: string;\n    /** Empty-state secondary copy. */\n    emptyHint: string;\n\n    // Composer ---------------------------------------------------------\n    /** Composer rich-text placeholder. */\n    composerPlaceholder: string;\n    /** Submit label for new comments. */\n    composerSubmit: string;\n    /** Submit label while pending. */\n    composerSubmitting: string;\n    /** Submit label when editing. */\n    composerSave: string;\n    /** Required-content error. */\n    invalidContent: string;\n    /** Cancel/dismiss draft. */\n    composerCancel: string;\n    /** \"Edit comment\" eyebrow shown above the composer in edit mode. */\n    composerEditingEyebrow: string;\n    /** \"Reply to {{name}}\" eyebrow shown above the composer in reply mode. */\n    composerReplyingEyebrow: string;\n\n    // Toolbar buttons --------------------------------------------------\n    composerAttachmentLabel: string;\n    composerReferenceLabel: string;\n    composerReferenceMenuTitle: string;\n    composerReferenceSearchPlaceholder: string;\n    composerReferenceEmpty: string;\n    composerReferenceLoading: string;\n\n    // Item -------------------------------------------------------------\n    fallbackAuthor: string;\n    pinned: string;\n    edited: string;\n    /** Trash button aria-label / tooltip. */\n    deleteLabel: string;\n    /** Edit button label. */\n    editLabel: string;\n    /** Reply button label. */\n    replyLabel: string;\n    /** Pin/unpin button label. */\n    pinLabel: string;\n    unpinLabel: string;\n    /** \"More actions\" trigger aria-label. */\n    moreActionsLabel: string;\n    /** Confirm-delete button label inside the action menu. */\n    confirmDeleteLabel: string;\n\n    // Attachments ------------------------------------------------------\n    attachmentFallback: string;\n    attachmentRemoveLabel: string;\n    attachmentUploadingLabel: string;\n    attachmentFailedLabel: string;\n    attachmentTooLargeError: string;\n    attachmentTooManyError: string;\n    attachmentRetryLabel: string;\n    attachmentDownloadLabel: string;\n\n    // Reactions --------------------------------------------------------\n    addReactionLabel: string;\n\n    // Misc -------------------------------------------------------------\n    showRepliesLabel: string;\n    hideRepliesLabel: string;\n}\n\nexport const defaultCommentsStrings: CommentsStrings = {\n    title: 'Comments',\n    subtitle: '',\n    empty: 'No comments yet.',\n    emptyHint: 'Start the conversation — your team will see it instantly.',\n\n    composerPlaceholder: 'Write a comment…',\n    composerSubmit: 'Post comment',\n    composerSubmitting: 'Posting…',\n    composerSave: 'Save changes',\n    invalidContent: 'Comment cannot be empty.',\n    composerCancel: 'Cancel',\n    composerEditingEyebrow: 'Editing comment',\n    composerReplyingEyebrow: 'Replying to {{name}}',\n\n    composerAttachmentLabel: 'Attach file',\n    composerReferenceLabel: 'Mention or link',\n    composerReferenceMenuTitle: 'Insert reference',\n    composerReferenceSearchPlaceholder: 'Search…',\n    composerReferenceEmpty: 'No matches.',\n    composerReferenceLoading: 'Searching…',\n\n    fallbackAuthor: 'Anonymous',\n    pinned: 'Pinned',\n    edited: 'edited',\n    deleteLabel: 'Delete',\n    editLabel: 'Edit',\n    replyLabel: 'Reply',\n    pinLabel: 'Pin',\n    unpinLabel: 'Unpin',\n    moreActionsLabel: 'More actions',\n    confirmDeleteLabel: 'Delete comment',\n\n    attachmentFallback: 'Attachment',\n    attachmentRemoveLabel: 'Remove attachment',\n    attachmentUploadingLabel: 'Uploading…',\n    attachmentFailedLabel: 'Upload failed',\n    attachmentTooLargeError: 'File is too large.',\n    attachmentTooManyError: 'Too many attachments.',\n    attachmentRetryLabel: 'Retry',\n    attachmentDownloadLabel: 'Download',\n\n    addReactionLabel: 'Add reaction',\n\n    showRepliesLabel: 'Show replies',\n    hideRepliesLabel: 'Hide replies',\n};\n\n/**\n * Tiny `{{token}}` interpolator used by templated strings like\n * `composerReplyingEyebrow`. No HTML escaping — treat values as plain text.\n */\nexport function interpolateString(\n    template: string,\n    values: Record<string, string | number | undefined>,\n): string {\n    return template.replace(/\\{\\{(\\w+)\\}\\}/g, (_, key: string) => {\n        const value = values[key];\n        return value === undefined || value === null ? '' : String(value);\n    });\n}\n","/**\n * Comments — internal helper hooks for resolving strings and accessors.\n *\n * Rationale: the previous `<CommentsProvider>` is gone. Library-wide\n * defaults now live in `<UIProvider>` (`useMediaConfig` / `useDatesConfig`).\n * Per-mount overrides flow as direct props on `<Comments>` and its\n * partials. These helpers just centralize the merge order.\n *\n * Resolution order everywhere:\n *\n *     props.strings      ← deep-merged over `defaultCommentsStrings`\n *     props.accessor.X   ← falls back to UIProvider's media/dates resolvers,\n *                          then to a built-in default at the call site.\n */\nimport { useMemo } from 'react';\n\nimport { useDatesConfig, useMediaConfig } from '@/lib/ui-provider';\n\nimport {\n    defaultCommentsStrings,\n    type CommentsStrings,\n} from './comments.strings';\nimport type { CommentAttachment, CommentsAccessors } from './comments.types';\n\n/**\n * Resolve final strings by merging defaults → component prop. Stable\n * identity when the prop reference is unchanged.\n */\nexport function useResolvedStrings(\n    propStrings?: Partial<CommentsStrings>,\n): CommentsStrings {\n    return useMemo(\n        () => ({\n            ...defaultCommentsStrings,\n            ...(propStrings ?? {}),\n        }),\n        [propStrings],\n    );\n}\n\n/**\n * Resolve accessors. Order:\n *   1. explicit prop accessor\n *   2. matching UIProvider slot (`useMediaConfig().resolveUrl`, etc.)\n *   3. caller's own fallback when neither is present (handled at call site)\n */\nexport function useResolvedAccessors(\n    propAccessors?: CommentsAccessors,\n): CommentsAccessors {\n    const media = useMediaConfig();\n    const dates = useDatesConfig();\n    return useMemo<CommentsAccessors>(\n        () => ({\n            getMediaUrl:\n                propAccessors?.getMediaUrl ??\n                ((m: CommentAttachment | null | undefined) =>\n                    media.resolveUrl?.((m ?? {}) as { url?: string; key?: string })),\n            getMediaName:\n                propAccessors?.getMediaName ??\n                ((m: CommentAttachment | null | undefined) =>\n                    media.resolveName?.((m ?? {}) as { name?: string })),\n            getStatusLabel: propAccessors?.getStatusLabel,\n            formatRelativeTime:\n                propAccessors?.formatRelativeTime ?? dates.formatRelativeTime,\n        }),\n        [propAccessors, media, dates.formatRelativeTime],\n    );\n}\n","/**\n * CommentAttachmentChip — small attachment pill used in the composer draft\n * and the timeline. Single inline row: icon + name · size, with progress /\n * error states overlaid on the same line. Editable mode reveals a remove\n * button; failed uploads expose a retry pill.\n */\nimport { File, FileText, Image as ImageIcon, Loader2, Paperclip, X } from 'lucide-react';\nimport type { FC } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport type {\n    CommentAttachment,\n    CommentsAccessors,\n} from '../comments.types';\nimport {\n    defaultCommentsStrings,\n    type CommentsStrings,\n} from '../comments.strings';\n\nexport interface CommentAttachmentChipProps {\n    attachment: CommentAttachment;\n    /** Editable mode shows a remove button. */\n    editable?: boolean;\n    onRemove?: (id: string) => void;\n    onRetry?: (id: string) => void;\n    accessors?: CommentsAccessors;\n    strings?: Partial<CommentsStrings>;\n    /** Compact chips have smaller text and tighter padding. */\n    compact?: boolean;\n    className?: string;\n}\n\nfunction formatBytes(bytes?: number): string | null {\n    if (typeof bytes !== 'number' || bytes <= 0) return null;\n    if (bytes < 1024) return `${bytes} B`;\n    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\nfunction pickIcon(att: CommentAttachment) {\n    if (att.mimeType?.startsWith('image/')) return ImageIcon;\n    if (att.mimeType === 'application/pdf') return FileText;\n    if (att.mimeType?.startsWith('text/')) return FileText;\n    if (att.mimeType) return File;\n    return Paperclip;\n}\n\nexport const CommentAttachmentChip: FC<CommentAttachmentChipProps> = ({\n    attachment,\n    editable = false,\n    onRemove,\n    onRetry,\n    accessors,\n    strings: stringsProp,\n    compact = false,\n    className,\n}) => {\n    const strings: CommentsStrings = {\n        ...defaultCommentsStrings,\n        ...stringsProp,\n    };\n\n    const url = accessors?.getMediaUrl?.(attachment) ?? attachment.url;\n    const name =\n        accessors?.getMediaName?.(attachment) ??\n        attachment.name ??\n        strings.attachmentFallback;\n    const Icon = pickIcon(attachment);\n\n    const isUploading = attachment.status === 'uploading';\n    const isFailed = attachment.status === 'failed';\n    const sizeLabel = formatBytes(attachment.size);\n\n    const meta = isUploading\n        ? strings.attachmentUploadingLabel +\n          (typeof attachment.progress === 'number'\n              ? ` ${Math.round(attachment.progress)}%`\n              : '')\n        : isFailed\n          ? attachment.error ?? strings.attachmentFailedLabel\n          : sizeLabel;\n\n    const surface = cn(\n        'relative inline-flex min-w-0 max-w-[20rem] items-center gap-1.5 rounded-md',\n        'ring-1 ring-inset transition-colors',\n        compact ? 'px-2 py-1 text-xs' : 'px-2.5 py-1 text-xs',\n        isFailed\n            ? 'bg-destructive/[0.04] ring-destructive/30 hover:bg-destructive/[0.08]'\n            : 'bg-foreground/[0.03] ring-border/60 hover:bg-foreground/[0.06]',\n        className,\n    );\n\n    const iconNode = isUploading ? (\n        <Loader2\n            className={cn('shrink-0 animate-spin text-muted-foreground', 'size-3.5')}\n            aria-hidden\n        />\n    ) : (\n        <Icon\n            className={cn(\n                'shrink-0',\n                'size-3.5',\n                isFailed ? 'text-destructive' : 'text-muted-foreground',\n            )}\n            aria-hidden\n        />\n    );\n\n    const labelRow = (\n        <span className=\"inline-flex min-w-0 items-baseline gap-1.5\">\n            <Text\n                tag=\"span\"\n                size=\"xs\"\n                weight=\"medium\"\n                className={cn('truncate', isFailed && 'text-destructive')}\n            >\n                {name}\n            </Text>\n            {meta ? (\n                <Text\n                    tag=\"span\"\n                    size=\"xxs\"\n                    type=\"secondary\"\n                    className=\"shrink-0 tabular-nums\"\n                >\n                    {meta}\n                </Text>\n            ) : null}\n        </span>\n    );\n\n    const isInteractive = !!url && !isUploading && !isFailed;\n\n    return (\n        <div className={surface}>\n            {iconNode}\n            {isInteractive ? (\n                <a\n                    href={url}\n                    target=\"_blank\"\n                    rel=\"noreferrer noopener\"\n                    className=\"inline-flex min-w-0 flex-1 items-baseline gap-1.5 hover:underline\"\n                    aria-label={strings.attachmentDownloadLabel}\n                >\n                    {labelRow}\n                </a>\n            ) : (\n                labelRow\n            )}\n\n            {isUploading && typeof attachment.progress === 'number' && (\n                <div className=\"bg-primary/15 absolute bottom-0 left-2 right-2 h-px overflow-hidden rounded-full\">\n                    <div\n                        className=\"bg-primary h-full transition-[width]\"\n                        style={{\n                            width: `${Math.min(100, Math.max(0, attachment.progress))}%`,\n                        }}\n                    />\n                </div>\n            )}\n\n            {isFailed && onRetry && (\n                <button\n                    type=\"button\"\n                    onClick={() => onRetry(attachment.id)}\n                    className=\"text-destructive ring-destructive/30 hover:ring-destructive/60 shrink-0 rounded px-1.5 py-px text-xxs font-medium ring-1 ring-inset transition-colors\"\n                >\n                    {strings.attachmentRetryLabel}\n                </button>\n            )}\n\n            {editable && onRemove && (\n                <button\n                    type=\"button\"\n                    onClick={() => onRemove(attachment.id)}\n                    className=\"text-muted-foreground hover:bg-foreground/10 hover:text-foreground -mr-0.5 inline-flex size-4 shrink-0 items-center justify-center rounded transition-colors focus-visible:ring-2 focus-visible:ring-ring/40\"\n                    aria-label={strings.attachmentRemoveLabel}\n                    title={strings.attachmentRemoveLabel}\n                >\n                    <X className=\"size-3\" />\n                </button>\n            )}\n        </div>\n    );\n};\n","/**\n * useAttachmentUpload — manages a list of in-flight + uploaded\n * `CommentAttachment`s for a comment composer.\n *\n * Pass the consumer-supplied `onUpload` callback directly via the\n * `attachments` prop on `<Comments>` (or `<CommentComposer>`). Aborts\n * in-flight uploads when an attachment is removed.\n */\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport type {\n    CommentAttachment,\n    CommentsAttachmentsConfig,\n} from '../comments.types';\n\ninterface InFlightEntry {\n    controller: AbortController;\n}\n\nexport interface UseAttachmentUploadOptions extends CommentsAttachmentsConfig {\n    /** Initial attachments — useful when editing an existing comment. */\n    initialAttachments?: ReadonlyArray<CommentAttachment>;\n    /** Fires when the list of uploaded attachments changes. */\n    onChange?: (attachments: ReadonlyArray<CommentAttachment>) => void;\n    /** Fires when a validation or upload error happens. */\n    onError?: (error: string) => void;\n}\n\nexport interface UseAttachmentUploadReturn {\n    /** All attachments — uploading + uploaded + failed. */\n    attachments: ReadonlyArray<CommentAttachment>;\n    /** Subset of attachments that finished uploading. Use this in the form payload. */\n    uploadedAttachments: ReadonlyArray<CommentAttachment>;\n    /** True while at least one upload is in flight. */\n    isUploading: boolean;\n    /** Add files. Validates against `maxSize` / `maxFiles` first. */\n    addFiles: (files: ReadonlyArray<File> | FileList) => void;\n    /** Remove an attachment by id (aborts in-flight uploads). */\n    removeAttachment: (id: string) => void;\n    /** Retry a failed upload. */\n    retryAttachment: (id: string) => void;\n    /** Replace the list (used when editing or after submit). */\n    setAttachments: (attachments: ReadonlyArray<CommentAttachment>) => void;\n    /** Clear the list and abort everything in flight. */\n    reset: () => void;\n}\n\nexport function useAttachmentUpload(\n    options: UseAttachmentUploadOptions = {},\n): UseAttachmentUploadReturn {\n    const {\n        onUpload,\n        maxSize,\n        maxFiles,\n        // `accept` is consumed by the surrounding `<input type=\"file\"\n        // accept>` element, not here — destructuring is intentional\n        // even though we don't reference it inside the hook.\n        disabled,\n        initialAttachments,\n        onChange,\n        onError,\n    } = options;\n\n    const [attachments, setAttachmentsState] = useState<CommentAttachment[]>(() =>\n        initialAttachments ? [...initialAttachments] : [],\n    );\n    const inFlightRef = useRef<Map<string, InFlightEntry>>(new Map());\n    const fileCacheRef = useRef<Map<string, File>>(new Map());\n    const onChangeRef = useRef(onChange);\n    onChangeRef.current = onChange;\n\n    const updateAttachment = useCallback(\n        (id: string, patch: Partial<CommentAttachment>) => {\n            setAttachmentsState((prev) =>\n                prev.map((a) => (a.id === id ? { ...a, ...patch } : a)),\n            );\n        },\n        [],\n    );\n\n    const setAttachments = useCallback(\n        (next: ReadonlyArray<CommentAttachment>) => {\n            setAttachmentsState([...next]);\n        },\n        [],\n    );\n\n    const beginUpload = useCallback(\n        (id: string, file: File) => {\n            if (!onUpload) return;\n            const controller = new AbortController();\n            inFlightRef.current.set(id, { controller });\n\n            updateAttachment(id, {\n                status: 'uploading',\n                progress: 0,\n                error: undefined,\n            });\n\n            const onProgress = (progress: number) => {\n                updateAttachment(id, { progress });\n            };\n\n            onUpload({ file, onProgress, signal: controller.signal })\n                .then((uploaded) => {\n                    inFlightRef.current.delete(id);\n                    updateAttachment(id, {\n                        ...uploaded,\n                        id,\n                        status: 'uploaded',\n                        progress: 100,\n                        error: undefined,\n                    });\n                })\n                .catch((err: unknown) => {\n                    inFlightRef.current.delete(id);\n                    if (controller.signal.aborted) {\n                        return;\n                    }\n                    const message =\n                        err instanceof Error ? err.message : 'Upload failed';\n                    updateAttachment(id, {\n                        status: 'failed',\n                        error: message,\n                    });\n                    onError?.(message);\n                });\n        },\n        [onError, onUpload, updateAttachment],\n    );\n\n    const addFiles = useCallback(\n        (filesInput: ReadonlyArray<File> | FileList) => {\n            if (disabled || !onUpload) return;\n            const files = Array.from(filesInput);\n            if (files.length === 0) return;\n\n            setAttachmentsState((prev) => {\n                const next = [...prev];\n                for (const file of files) {\n                    if (\n                        typeof maxFiles === 'number' &&\n                        next.length >= maxFiles\n                    ) {\n                        onError?.('Too many attachments.');\n                        break;\n                    }\n                    if (\n                        typeof maxSize === 'number' &&\n                        file.size > maxSize\n                    ) {\n                        onError?.('File is too large.');\n                        continue;\n                    }\n\n                    const id =\n                        typeof crypto !== 'undefined' && 'randomUUID' in crypto\n                            ? crypto.randomUUID()\n                            : `att-${Date.now()}-${Math.random().toString(36).slice(2)}`;\n\n                    fileCacheRef.current.set(id, file);\n\n                    next.push({\n                        id,\n                        name: file.name,\n                        size: file.size,\n                        mimeType: file.type,\n                        status: 'uploading',\n                        progress: 0,\n                    });\n\n                    queueMicrotask(() => beginUpload(id, file));\n                }\n                return next;\n            });\n        },\n        [beginUpload, disabled, maxFiles, maxSize, onError, onUpload],\n    );\n\n    const removeAttachment = useCallback((id: string) => {\n        const entry = inFlightRef.current.get(id);\n        if (entry) {\n            entry.controller.abort();\n            inFlightRef.current.delete(id);\n        }\n        fileCacheRef.current.delete(id);\n        setAttachmentsState((prev) => prev.filter((a) => a.id !== id));\n    }, []);\n\n    const retryAttachment = useCallback(\n        (id: string) => {\n            const file = fileCacheRef.current.get(id);\n            if (!file) return;\n            beginUpload(id, file);\n        },\n        [beginUpload],\n    );\n\n    const reset = useCallback(() => {\n        for (const entry of inFlightRef.current.values()) {\n            entry.controller.abort();\n        }\n        inFlightRef.current.clear();\n        fileCacheRef.current.clear();\n        setAttachmentsState([]);\n    }, []);\n\n    useEffect(() => {\n        onChangeRef.current?.(attachments);\n    }, [attachments]);\n\n    useEffect(() => {\n        const inFlight = inFlightRef.current;\n        return () => {\n            for (const entry of inFlight.values()) {\n                entry.controller.abort();\n            }\n        };\n    }, []);\n\n    const uploadedAttachments = useMemo(\n        () => attachments.filter((a) => a.status === 'uploaded' || !a.status),\n        [attachments],\n    );\n\n    const isUploading = useMemo(\n        () => attachments.some((a) => a.status === 'uploading'),\n        [attachments],\n    );\n\n    return {\n        attachments,\n        uploadedAttachments,\n        isUploading,\n        addFiles,\n        removeAttachment,\n        retryAttachment,\n        setAttachments,\n        reset,\n    };\n}\n","/**\n * CommentComposer — TipTap-backed rich text editor with inline reference\n * picker and attachment uploader. Default composer for `<Comments>`.\n *\n * Mention/reference handling is delegated to the shared\n * `features/mentions` module: `useMentions` drives picker state +\n * caret-trigger detection, `<MentionPicker>` renders the popover, and\n * `<MentionChip>` renders draft-list chips. The same primitives power\n * inline references in `features/event-log`.\n */\nimport { AtSign, Loader2, Paperclip, Send, X } from 'lucide-react';\nimport {\n    forwardRef,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport type { ReactNode } from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Popover, PopoverTrigger } from '@/components/base/popover';\nimport { Text } from '@/components/typography';\nimport {\n    RichTextEditor,\n    type RichTextEditorHandle,\n    type RichTextEditorToolbarItem,\n} from '@/components/features/rich-text-editor/rich-text-editor';\nimport {\n    MentionInlineSuggestions,\n    MentionPicker,\n    parseMentionsFromHtml,\n    useMentions,\n} from '@/components/features/mentions';\nimport { useResolvedStrings } from '../comments-provider';\nimport { interpolateString } from '../comments.strings';\nimport type {\n    CommentComposerProps,\n    CommentFormValues,\n} from '../comments.types';\nimport { CommentAttachmentChip } from './comment-attachment-chip';\nimport { useAttachmentUpload } from '../hooks/use-attachment-upload';\n\nexport interface CommentComposerHandle {\n    focus(): void;\n    clear(): void;\n    /** Imperatively set the draft body. */\n    setBody(html: string): void;\n}\n\nfunction hasMeaningfulContent(html: string): boolean {\n    if (!html || typeof html !== 'string') return false;\n    const text = html.replace(/<[^>]*>/g, '').trim();\n    return text.length > 0;\n}\n\nexport const CommentComposer = forwardRef<\n    CommentComposerHandle,\n    CommentComposerProps\n>(function CommentComposer(\n    {\n        context,\n        canComment = true,\n        isSubmitting = false,\n        errors,\n        resetKey = 0,\n        onSubmit,\n        onCancel,\n        editingComment,\n        strings: stringsProp,\n        resources: resourcesProp,\n        onResourceSearch: onResourceSearchProp,\n        attachments: attachmentsProp,\n        initialValues,\n        autoFocus = false,\n        inlineSubmit = true,\n        placeholder,\n    },\n    ref,\n) {\n    const strings = useResolvedStrings(stringsProp);\n\n    const resources = resourcesProp;\n    const onResourceSearch = onResourceSearchProp;\n    const attachmentsConfig = attachmentsProp;\n\n    const editorRef = useRef<RichTextEditorHandle>(null);\n    const [body, setBody] = useState<string>(\n        () => initialValues?.content ?? editingComment?.content ?? '',\n    );\n    const [contentError, setContentError] = useState<string | null>(null);\n\n    /**\n     * Mentions state — picker + caret-trigger detection. The hook reads\n     * the editor handle via the ref we pass; on suggestion select it\n     * inserts the chip and replaces the trigger range automatically.\n     */\n    const mentions = useMentions({\n        resources,\n        onResourceSearch,\n        editorRef,\n        initialMentions:\n            initialValues?.references ?? editingComment?.references,\n    });\n\n    const attachmentUpload = useAttachmentUpload({\n        ...attachmentsConfig,\n        initialAttachments: initialValues?.attachments ?? undefined,\n    });\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            focus: () => editorRef.current?.focus(),\n            clear: () => {\n                editorRef.current?.clear();\n                mentions.reset();\n                attachmentUpload.reset();\n                setContentError(null);\n            },\n            setBody: (html) => {\n                editorRef.current?.setHTML(html);\n            },\n        }),\n        [attachmentUpload, mentions],\n    );\n\n    // Reset on context change / resetKey bump\n    useEffect(() => {\n        editorRef.current?.setHTML(initialValues?.content ?? '');\n        mentions.setMentions(initialValues?.references ?? []);\n        attachmentUpload.setAttachments(initialValues?.attachments ?? []);\n        setContentError(null);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [context.id, context.type, resetKey]);\n\n    // Sync editing comment payload\n    useEffect(() => {\n        if (!editingComment) return;\n        editorRef.current?.setHTML(editingComment.content ?? '');\n        mentions.setMentions(editingComment.references ?? []);\n        const list = (editingComment.attachments ?? editingComment.media ?? []).filter(\n            (a): a is NonNullable<typeof a> => !!a,\n        );\n        attachmentUpload.setAttachments(list);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [editingComment?.id]);\n\n    // Surface server-side errors\n    useEffect(() => {\n        if (errors?.content) {\n            setContentError(errors.content);\n        }\n    }, [errors]);\n\n    const handleSubmit = (event?: React.FormEvent) => {\n        event?.preventDefault();\n        const html = editorRef.current?.getHTML() ?? body;\n        if (!hasMeaningfulContent(html)) {\n            setContentError(strings.invalidContent);\n            return;\n        }\n        setContentError(null);\n\n        const values: CommentFormValues = {\n            content: html,\n            commentableId: context.id,\n            commentableType: context.type,\n            contentType: 'html',\n            references: mentions.mentions,\n            attachments: attachmentUpload.uploadedAttachments,\n            editingId: editingComment?.id,\n        };\n\n        onSubmit(values);\n    };\n\n    const fileInputRef = useRef<HTMLInputElement>(null);\n    const handleAttachmentClick = () => fileInputRef.current?.click();\n    const handleFiles = (files: FileList | null) => {\n        if (!files) return;\n        attachmentUpload.addFiles(files);\n    };\n\n    const hasAttachments = attachmentUpload.attachments.length > 0;\n    const isEditing = !!editingComment;\n\n    const submitLabel = isSubmitting\n        ? strings.composerSubmitting\n        : isEditing\n          ? strings.composerSave\n          : strings.composerSubmit;\n\n    const eyebrow: ReactNode = isEditing ? (\n        <ComposerEyebrow\n            label={strings.composerEditingEyebrow}\n            closeLabel={strings.composerCancel}\n            onClose={onCancel}\n        />\n    ) : null;\n\n    const extraToolbarItems = useMemo<ReadonlyArray<RichTextEditorToolbarItem>>(() => {\n        const items: RichTextEditorToolbarItem[] = [];\n        if (resources && Object.keys(resources).length > 0) {\n            items.push({\n                id: 'reference',\n                icon: AtSign,\n                label: strings.composerReferenceLabel,\n                onClick: () => mentions.setPickerOpen(true),\n            });\n        }\n        if (attachmentsConfig?.onUpload && !attachmentsConfig.disabled) {\n            items.push({\n                id: 'attachment',\n                icon: Paperclip,\n                label: strings.composerAttachmentLabel,\n                onClick: handleAttachmentClick,\n            });\n        }\n        return items;\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n        resources,\n        attachmentsConfig?.onUpload,\n        attachmentsConfig?.disabled,\n        strings.composerReferenceLabel,\n        strings.composerAttachmentLabel,\n    ]);\n\n    if (!canComment) return null;\n\n    const submitButton = (\n        <Button\n            type=\"button\"\n            onClick={() => handleSubmit()}\n            disabled={isSubmitting || attachmentUpload.isUploading}\n            icon={isSubmitting ? Loader2 : Send}\n        >\n            {submitLabel}\n        </Button>\n    );\n\n    const cancelButton = (isEditing || onCancel) ? (\n        <Button\n            type=\"button\"\n            variant=\"secondary\"\n            buttonStyle=\"ghost\"\n            onClick={onCancel}\n            disabled={isSubmitting}\n        >\n            {strings.composerCancel}\n        </Button>\n    ) : null;\n\n    // Mentions live as inline `<span class=\"rsc-mention\" contenteditable=\"false\">`\n    // chips inside the editor body — they're visible, dismissible (single\n    // backspace deletes the whole span), and the HTML→mentions sync keeps\n    // `mentions.mentions` aligned automatically. Rendering them again as a\n    // chip-list below the editor was redundant and confusing.\n\n    const attachmentChips = hasAttachments ? (\n        <div className=\"flex flex-wrap items-center gap-1.5\">\n            {attachmentUpload.attachments.map((attachment) => (\n                <CommentAttachmentChip\n                    key={attachment.id}\n                    attachment={attachment}\n                    editable\n                    onRemove={attachmentUpload.removeAttachment}\n                    onRetry={attachmentUpload.retryAttachment}\n                    strings={stringsProp}\n                />\n            ))}\n        </div>\n    ) : null;\n\n    const footerSlot = hasAttachments ? attachmentChips : null;\n\n    const trailingSubmit = inlineSubmit !== false ? submitButton : null;\n    const showFooterRow = inlineSubmit === false || isEditing;\n\n    return (\n        <form onSubmit={handleSubmit} className=\"space-y-2\">\n            {eyebrow}\n\n            <input\n                ref={fileInputRef}\n                type=\"file\"\n                multiple\n                hidden\n                accept={attachmentsConfig?.accept}\n                onChange={(e) => {\n                    handleFiles(e.target.files);\n                    e.target.value = '';\n                }}\n            />\n\n            {/* Manual button-click flow: regular popover anchored to the\n                hidden trigger. The inline-trigger flow uses the panel\n                rendered below — no focus stealing while the user types. */}\n            {!mentions.triggerActive && (\n                <Popover open={mentions.pickerOpen} onOpenChange={mentions.setPickerOpen}>\n                    <PopoverTrigger\n                        render={\n                            <button\n                                type=\"button\"\n                                className=\"sr-only\"\n                                tabIndex={-1}\n                            />\n                        }\n                    >\n                        {strings.composerReferenceLabel}\n                    </PopoverTrigger>\n                    <MentionPicker\n                        open={mentions.pickerOpen}\n                        activeKind={mentions.activeKind}\n                        setActiveKind={mentions.setActiveKind}\n                        kinds={mentions.kinds}\n                        resources={resources}\n                        query={mentions.query}\n                        setQuery={mentions.setQuery}\n                        suggestions={mentions.suggestions}\n                        isLoading={mentions.isLoading}\n                        onSelect={mentions.pickSuggestion}\n                        strings={{\n                            title: strings.composerReferenceMenuTitle,\n                            searchPlaceholder: strings.composerReferenceSearchPlaceholder,\n                            empty: strings.composerReferenceEmpty,\n                            loading: strings.composerReferenceLoading,\n                        }}\n                    />\n                </Popover>\n            )}\n\n            <div className=\"relative\">\n                <RichTextEditor\n                    ref={editorRef}\n                    value={body}\n                    onChange={(html) => {\n                        setBody(html);\n                        // Sync the draft's mentions list with what's\n                        // actually present in the HTML — when the user\n                        // backspaces a chip span out of the body, the\n                        // chip-list below shrinks too. We merge with\n                        // the previously-known list so consumer-supplied\n                        // `href` / `data` payloads survive parsing.\n                        const parsed = parseMentionsFromHtml<string>(html);\n                        const previous = mentions.mentions;\n                        const previousIds = previous.map((m) => m.id).join('|');\n                        const currentIds = parsed.map((m) => m.id).join('|');\n                        if (previousIds !== currentIds) {\n                            const byId = new Map(previous.map((m) => [m.id, m]));\n                            const merged = parsed.map(\n                                (p) => byId.get(p.id) ?? p,\n                            );\n                            mentions.setMentions(merged);\n                        }\n                    }}\n                    placeholder={placeholder ?? strings.composerPlaceholder}\n                    minHeight=\"3rem\"\n                    autoFocus={autoFocus || isEditing}\n                    extraToolbarItems={extraToolbarItems}\n                    toolbarTrailing={trailingSubmit}\n                    footerSlot={footerSlot}\n                    onCaretChange={mentions.handleCaretChange}\n                />\n\n                <MentionInlineSuggestions\n                    open={mentions.triggerActive && mentions.pickerOpen}\n                    activeKind={mentions.activeKind}\n                    setActiveKind={mentions.setActiveKind}\n                    onManualKindChange={() => mentions.setManualKindOverride(true)}\n                    kinds={mentions.kinds}\n                    resources={resources}\n                    query={mentions.query}\n                    suggestions={mentions.suggestions}\n                    suggestionsByKind={mentions.suggestionsByKind}\n                    isLoading={mentions.isLoading}\n                    onSelect={mentions.pickSuggestion}\n                    strings={{\n                        title: strings.composerReferenceMenuTitle,\n                        empty: strings.composerReferenceEmpty,\n                        loading: strings.composerReferenceLoading,\n                    }}\n                />\n            </div>\n\n            {contentError && (\n                <Text size=\"xs\" type=\"error\">\n                    {contentError}\n                </Text>\n            )}\n\n            {showFooterRow && (\n                <div className=\"flex items-center justify-end gap-2\">\n                    {cancelButton}\n                    {submitButton}\n                </div>\n            )}\n        </form>\n    );\n});\n\n/* ------------------------------------------------------------------ */\n/*  ComposerEyebrow                                                    */\n/* ------------------------------------------------------------------ */\n\nfunction ComposerEyebrow({\n    label,\n    closeLabel,\n    onClose,\n}: {\n    label: string;\n    closeLabel: string;\n    onClose?: () => void;\n}) {\n    return (\n        <div className=\"bg-muted/40 ring-border/60 flex items-center justify-between rounded px-2.5 py-1.5 ring-1 ring-inset\">\n            <Text size=\"xxs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wide\">\n                {label}\n            </Text>\n            {onClose ? (\n                <button\n                    type=\"button\"\n                    onClick={onClose}\n                    className=\"text-muted-foreground hover:text-foreground inline-flex size-4 items-center justify-center rounded transition-colors\"\n                    aria-label={closeLabel}\n                >\n                    <X className=\"size-3\" />\n                </button>\n            ) : null}\n        </div>\n    );\n}\n\n/** Helper export for templated reply eyebrow. */\nexport function makeReplyEyebrow(template: string, name?: string): string {\n    return interpolateString(template, { name: name ?? '' });\n}\n","/**\n * CommentEmpty — default empty state for the timeline. Replaceable via\n * the `emptySlot` prop on `<Comments>` / `<CommentTimeline>`.\n */\nimport { MessageCircle } from 'lucide-react';\nimport type { FC, ReactNode } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport { useResolvedStrings } from '../comments-provider';\nimport type { CommentsStrings } from '../comments.strings';\n\nexport interface CommentEmptyProps {\n    strings?: Partial<CommentsStrings>;\n    icon?: ReactNode;\n    className?: string;\n}\n\nexport const CommentEmpty: FC<CommentEmptyProps> = ({\n    strings: stringsProp,\n    icon,\n    className,\n}) => {\n    const strings = useResolvedStrings(stringsProp);\n\n    return (\n        <div\n            className={cn(\n                'flex flex-col items-center justify-center py-8 text-center',\n                className,\n            )}\n        >\n            <div className=\"bg-muted/50 mb-3 flex h-12 w-12 items-center justify-center rounded-full\">\n                {icon ?? (\n                    <MessageCircle className=\"text-muted-foreground/60 h-5 w-5\" />\n                )}\n            </div>\n            <Text weight=\"medium\">\n                {strings.empty}\n            </Text>\n            {strings.emptyHint ? (\n                <Text size=\"xs\" type=\"secondary\" className=\"mt-1 max-w-[28ch]\">\n                    {strings.emptyHint}\n                </Text>\n            ) : null}\n        </div>\n    );\n};\n","import type { ReactNode } from 'react';\nimport { Fragment, createElement } from 'react';\n\nimport { Heading, Text } from '@/components/typography';\nimport type { HeadingProps } from '@/components/typography';\nimport { MentionContent } from '@/components/features/mentions';\n\nimport type {\n    CommentData,\n    CommentUser,\n    CommentsConfig,\n    CommentsSlots,\n} from '../comments.types';\n\ninterface CommentContentProps<TResource extends string = string> {\n    comment: CommentData<CommentUser, unknown, TResource>;\n    /** Resource registry — passed through to `<MentionContent>`. */\n    resources?: CommentsConfig<CommentUser, unknown, TResource>['resources'];\n    renderReference?: CommentsSlots<\n        CommentUser,\n        unknown,\n        TResource\n    >['renderReference'];\n    /** Optional sanitizer applied to HTML before rendering. */\n    sanitizer?: (html: string) => string;\n}\n\n/**\n * `renderCommentContent` — backwards-compatible export that renders only\n * the comment body text (no references resolution). Use the\n * `<CommentContent>` component below for the full feature surface.\n */\nexport function renderCommentContent<TResource extends string = string>(\n    comment: CommentData<CommentUser, unknown, TResource>,\n): ReactNode {\n    return <CommentContent comment={comment} />;\n}\n\nexport function CommentContent<TResource extends string = string>(\n    props: CommentContentProps<TResource>,\n): ReactNode {\n    const { comment, resources, renderReference, sanitizer } = props;\n    const contentType =\n        comment.contentType ??\n        (comment as Record<string, unknown>).content_type ??\n        'text';\n\n    if (contentType === 'rich') {\n        return renderRichContent(comment.content);\n    }\n\n    if (contentType === 'html') {\n        return (\n            <MentionContent<TResource>\n                html={comment.content ?? ''}\n                mentions={comment.references}\n                resources={resources}\n                renderMention={renderReference}\n                sanitizer={sanitizer}\n            />\n        );\n    }\n\n    const plainContent = decodeQuotedString(comment.content ?? '');\n\n    return (\n        <Text className=\"whitespace-pre-line\">\n            {plainContent}\n        </Text>\n    );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Rich-block renderer (legacy \"rich\" content type)                   */\n/* ------------------------------------------------------------------ */\n\nfunction renderRichContent(rawContent: string | null | undefined): ReactNode {\n    if (!rawContent) return null;\n\n    try {\n        const parsed = JSON.parse(rawContent) as {\n            blocks?: Array<{ id?: string; type: string; data?: Record<string, unknown> }>;\n        };\n\n        if (!parsed || !Array.isArray(parsed.blocks) || parsed.blocks.length === 0) {\n            return null;\n        }\n\n        return (\n            <div className=\"prose prose-sm prose-p:my-0.5 prose-headings:my-1 prose-a:text-primary prose-a:no-underline hover:prose-a:underline max-w-none space-y-1\">\n                {parsed.blocks.map((block, index) => (\n                    <Fragment key={block.id ?? `${block.type}-${index}`}>\n                        {renderRichBlock(block)}\n                    </Fragment>\n                ))}\n            </div>\n        );\n    } catch {\n        const decoded = decodeQuotedString(rawContent);\n        return (\n            <Text className=\"whitespace-pre-line\">\n                {decoded}\n            </Text>\n        );\n    }\n}\n\nfunction renderRichBlock(block: { type: string; data?: Record<string, unknown> }): ReactNode {\n    const data = block.data ?? {};\n\n    switch (block.type) {\n        case 'paragraph': {\n            const raw = String(data.text ?? '').trim();\n            if (!raw) return null;\n            return <Text asHTML content={raw} />;\n        }\n        case 'header': {\n            const text = stripHtml(String(data.text ?? ''));\n            const level = Number(data.level ?? 3);\n            if (!text) return null;\n            const safeLevel = Math.min(Math.max(level, 1), 6);\n            return createElement(\n                Heading,\n                { tag: `h${safeLevel}` as HeadingProps['tag'] },\n                text,\n            );\n        }\n        case 'list': {\n            const items = Array.isArray(data.items) ? data.items : [];\n            const sanitizedItems = items\n                .map((item) => stripHtml(String(item ?? '')))\n                .filter((item) => item.length > 0);\n\n            if (sanitizedItems.length === 0) return null;\n\n            if (data.style === 'ordered') {\n                return (\n                    <ol className=\"ml-6 list-decimal space-y-1 text-sm\">\n                        {sanitizedItems.map((item, index) => (\n                            <li key={`${item}-${index}`}>{item}</li>\n                        ))}\n                    </ol>\n                );\n            }\n\n            return (\n                <ul className=\"ml-6 list-disc space-y-1 text-sm\">\n                    {sanitizedItems.map((item) => (\n                        <li key={item}>{item}</li>\n                    ))}\n                </ul>\n            );\n        }\n        case 'quote': {\n            const text = String(data.text ?? '').trim();\n            if (!text) return null;\n            const caption = stripHtml(String(data.caption ?? ''));\n            return (\n                <blockquote className=\"border-muted text-muted-foreground border-l-2 pl-3 text-sm italic\">\n                    <Text asHTML content={text} />\n                    {caption.length > 0 && (\n                        <cite className=\"text-muted-foreground/80 mt-1 block text-xs not-italic\">\n                            — {caption}\n                        </cite>\n                    )}\n                </blockquote>\n            );\n        }\n        case 'delimiter':\n            return (\n                <div\n                    className=\"border-muted my-4 border-b border-dashed\"\n                    aria-hidden=\"true\"\n                />\n            );\n        default: {\n            const text = stripHtml(String(data.text ?? ''));\n            if (!text) return null;\n            return (\n                <Text className=\"whitespace-pre-line\">\n                    {text}\n                </Text>\n            );\n        }\n    }\n}\n\nfunction stripHtml(value: string): string {\n    return value.replace(/<[^>]*>/g, '').trim();\n}\n\nfunction decodeQuotedString(value: string | null | undefined): string {\n    if (typeof value !== 'string') return '';\n    const trimmed = value.trim();\n    if (trimmed === '') return '';\n    if (trimmed.startsWith('{') || trimmed.startsWith('[')) return trimmed;\n    try {\n        const parsed = JSON.parse(trimmed);\n        if (typeof parsed === 'string') return parsed;\n    } catch {\n        // ignore\n    }\n    if (trimmed.startsWith('\"') && trimmed.endsWith('\"')) {\n        return trimmed.slice(1, -1);\n    }\n    return trimmed;\n}\n","import { formatDistanceToNow } from 'date-fns';\nimport {\n    CornerDownRight,\n    Pencil,\n    Pin,\n    Smile,\n    Trash2,\n} from 'lucide-react';\nimport type { FC } from 'react';\nimport { memo, useMemo } from 'react';\n\nimport {\n    Avatar,\n    AvatarFallback,\n    AvatarImage,\n} from '@/components/base/display/avatar';\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport {\n    Tooltip,\n    TooltipContent,\n    TooltipProvider,\n    TooltipTrigger,\n} from '@/components/base/display/tooltip';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport {\n    useResolvedAccessors,\n    useResolvedStrings,\n} from '../comments-provider';\nimport type {\n    CommentAttachment,\n    CommentItemProps,\n} from '../comments.types';\nimport { CommentAttachmentChip } from './comment-attachment-chip';\nimport { CommentContent } from './comment-content';\n\nconst FALLBACK_INITIAL = '?';\n\nconst defaultGetMediaUrl = (m: CommentAttachment | null | undefined) => m?.url;\nconst defaultGetMediaName = (m: CommentAttachment | null | undefined) => m?.name;\nconst defaultGetStatusLabel = (s: string) =>\n    s.charAt(0).toUpperCase() + s.slice(1).replace(/_/g, ' ');\nconst defaultFormatRelativeTime = (iso: string) => {\n    try {\n        return formatDistanceToNow(new Date(iso), { addSuffix: true });\n    } catch {\n        return '—';\n    }\n};\n\nexport const CommentItem = memo(function CommentItem<TResource extends string = string>({\n    comment,\n    canModerate,\n    onDelete,\n    onPinToggle,\n    onReact,\n    onReply,\n    strings: stringsProp,\n    getMediaUrl,\n    getMediaName,\n    getStatusLabel,\n    formatRelativeTime,\n    resources,\n    renderAttachment,\n    renderReference,\n}: CommentItemProps<import('../comments.types').CommentUser, unknown, TResource>) {\n    const strings = useResolvedStrings(stringsProp);\n    const accessors = useResolvedAccessors({\n        getMediaUrl,\n        getMediaName,\n        getStatusLabel,\n        formatRelativeTime,\n    });\n\n    const resolvedGetMediaUrl = accessors.getMediaUrl ?? defaultGetMediaUrl;\n    const resolvedGetMediaName = accessors.getMediaName ?? defaultGetMediaName;\n    const resolvedGetStatusLabel =\n        accessors.getStatusLabel ?? defaultGetStatusLabel;\n    const resolvedFormatRelativeTime =\n        accessors.formatRelativeTime ?? defaultFormatRelativeTime;\n\n    const authorName = comment.user?.name ?? strings.fallbackAuthor;\n    const avatarUrl = comment.user?.avatar ?? undefined;\n\n    const relativeTime = useMemo(() => {\n        if (!comment.createdAt) return '—';\n        return resolvedFormatRelativeTime(comment.createdAt);\n    }, [comment.createdAt, resolvedFormatRelativeTime]);\n\n    const fallbackInitial = useMemo(() => {\n        if (!authorName) return FALLBACK_INITIAL;\n        const trimmed = authorName.trim();\n        return trimmed === ''\n            ? FALLBACK_INITIAL\n            : trimmed.charAt(0).toUpperCase();\n    }, [authorName]);\n\n    const tagList = useMemo(() => {\n        if (Array.isArray(comment.tagsArray)) {\n            return comment.tagsArray.filter(\n                (tag): tag is string => typeof tag === 'string',\n            );\n        }\n        if (comment.tagsArray && typeof comment.tagsArray === 'object') {\n            return Object.values(comment.tagsArray).filter(\n                (value): value is string => typeof value === 'string',\n            );\n        }\n        return [];\n    }, [comment.tagsArray]);\n\n    const attachments = useMemo(() => {\n        const list = comment.attachments ?? comment.media ?? [];\n        return list.filter(\n            (a): a is CommentAttachment => !!a && typeof a === 'object',\n        );\n    }, [comment.attachments, comment.media]);\n\n    const reactions = comment.reactions ?? [];\n\n    const isPinned = comment.isPinned === true;\n    const isEdited = comment.isEdited === true;\n    const showStatus = comment.status && comment.status !== 'active';\n    const statusLabel =\n        showStatus && comment.status ? resolvedGetStatusLabel(comment.status) : null;\n    const canDeleteComment =\n        comment.canDelete === true || canModerate === true;\n    const canEditComment = comment.canEdit === true || canModerate === true;\n\n    const hasAttachments = attachments.length > 0;\n\n    return (\n        <article\n            className={cn(\n                'group relative overflow-hidden rounded-lg border transition-colors',\n                'border-border/60 bg-card hover:bg-muted/30 px-3 py-2.5',\n            )}\n            data-comment-id={comment.id}\n        >\n            <div className=\"flex items-start gap-3\">\n                <Avatar className=\"mt-0.5 h-8 w-8 shrink-0\">\n                    {!!avatarUrl && (\n                        <AvatarImage src={avatarUrl} alt={authorName} />\n                    )}\n                    <AvatarFallback className=\"bg-muted text-muted-foreground text-xs font-medium\">\n                        {fallbackInitial}\n                    </AvatarFallback>\n                </Avatar>\n\n                <div className=\"min-w-0 flex-1\">\n                    <div className=\"flex min-w-0 items-baseline gap-2\">\n                        <Text\n                            tag=\"span\"\n                            weight=\"semibold\"\n                            className=\"truncate\"\n                        >\n                            {authorName}\n                        </Text>\n\n                        {!!isPinned && (\n                            <TooltipProvider delayDuration={0}>\n                                <Tooltip>\n                                    <TooltipTrigger render={<span className=\"inline-flex shrink-0 self-center\" />}>\n                                        <Pin className=\"text-warning size-3\" aria-hidden />\n                                    </TooltipTrigger>\n                                    <TooltipContent\n                                        side=\"top\"\n                                        className=\"text-xs\"\n                                    >\n                                        {strings.pinned}\n                                    </TooltipContent>\n                                </Tooltip>\n                            </TooltipProvider>\n                        )}\n\n                        <Text\n                            tag=\"span\"\n                            size=\"xs\"\n                            type=\"secondary\"\n                            className=\"shrink-0 tabular-nums\"\n                        >\n                            {relativeTime}\n                        </Text>\n\n                        {!!isEdited && (\n                            <Text\n                                tag=\"span\"\n                                size=\"xs\"\n                                type=\"secondary\"\n                                className=\"shrink-0\"\n                            >\n                                {strings.edited}\n                            </Text>\n                        )}\n\n                        {!!showStatus && !!statusLabel && (\n                            <Badge variant=\"secondary\" className=\"self-center uppercase tracking-wide\">\n                                {statusLabel}\n                            </Badge>\n                        )}\n                    </div>\n\n                    <div className=\"mt-1 text-sm leading-relaxed\">\n                        <CommentContent\n                            comment={comment}\n                            resources={resources}\n                            renderReference={renderReference}\n                        />\n                    </div>\n\n                    {tagList.length > 0 && (\n                        <div className=\"mt-2 flex flex-wrap gap-1.5\">\n                            {tagList.map((tag) => (\n                                <Badge key={tag} variant=\"secondary\" className=\"uppercase tracking-wide\">\n                                    {tag}\n                                </Badge>\n                            ))}\n                        </div>\n                    )}\n\n                    {hasAttachments && (\n                        <div className=\"mt-2 flex flex-wrap gap-1.5\">\n                            {attachments.map((attachment) => {\n                                if (renderAttachment) {\n                                    return (\n                                        <div key={attachment.id ?? attachment.name}>\n                                            {renderAttachment(attachment)}\n                                        </div>\n                                    );\n                                }\n                                return (\n                                    <CommentAttachmentChip\n                                        key={attachment.id ?? attachment.name}\n                                        attachment={attachment}\n                                        accessors={{\n                                            getMediaUrl: resolvedGetMediaUrl,\n                                            getMediaName: resolvedGetMediaName,\n                                        }}\n                                        strings={stringsProp}\n                                    />\n                                );\n                            })}\n                        </div>\n                    )}\n\n                    {reactions.length > 0 && (\n                        <div className=\"mt-2 flex flex-wrap items-center gap-1\">\n                            {reactions.map((reaction) => (\n                                <button\n                                    key={reaction.emoji}\n                                    type=\"button\"\n                                    onClick={() =>\n                                        onReact && comment.id\n                                            ? onReact(comment.id, reaction.emoji)\n                                            : undefined\n                                    }\n                                    title={reaction.users?.join(', ')}\n                                    className=\"rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40\"\n                                >\n                                    <Badge\n                                        variant={reaction.mine ? 'primary' : 'secondary'}\n                                        className=\"cursor-pointer transition-colors hover:opacity-90\"\n                                    >\n                                        <span aria-hidden className=\"leading-none\">\n                                            {reaction.emoji}\n                                        </span>\n                                        <span className=\"tabular-nums\">{reaction.count}</span>\n                                    </Badge>\n                                </button>\n                            ))}\n                        </div>\n                    )}\n                </div>\n\n                {/* Trailing action cluster — single low-contrast group, hover/focus revealed. */}\n                <div\n                    className={cn(\n                        'shrink-0 self-start opacity-0 transition-opacity',\n                        'group-hover:opacity-100 focus-within:opacity-100',\n                        '-mr-1 inline-flex items-center gap-0.5',\n                    )}\n                >\n                    {!!onReply && (\n                        <Button\n                            type=\"button\"\n                            size=\"icon-xs\"\n                            variant=\"secondary\"\n                            buttonStyle=\"ghost\"\n                            onClick={() =>\n                                comment.id && onReply(comment.id)\n                            }\n                            title={strings.replyLabel}\n                            aria-label={strings.replyLabel}\n                        >\n                            <CornerDownRight className=\"size-3.5\" />\n                        </Button>\n                    )}\n                    {!!onReact && (\n                        <Button\n                            type=\"button\"\n                            size=\"icon-xs\"\n                            variant=\"secondary\"\n                            buttonStyle=\"ghost\"\n                            onClick={() =>\n                                comment.id && onReact(comment.id, '👍')\n                            }\n                            title={strings.addReactionLabel}\n                            aria-label={strings.addReactionLabel}\n                        >\n                            <Smile className=\"size-3.5\" />\n                        </Button>\n                    )}\n                    {!!onPinToggle && canModerate && (\n                        <Button\n                            type=\"button\"\n                            size=\"icon-xs\"\n                            variant=\"secondary\"\n                            buttonStyle=\"ghost\"\n                            onClick={() => onPinToggle(comment)}\n                            title={isPinned ? strings.unpinLabel : strings.pinLabel}\n                            aria-label={isPinned ? strings.unpinLabel : strings.pinLabel}\n                        >\n                            <Pin\n                                className={cn(\n                                    'size-3.5',\n                                    isPinned && 'text-warning',\n                                )}\n                            />\n                        </Button>\n                    )}\n                    {!!canEditComment && !!comment.id && (\n                        <Button\n                            type=\"button\"\n                            size=\"icon-xs\"\n                            variant=\"secondary\"\n                            buttonStyle=\"ghost\"\n                            title={strings.editLabel}\n                            aria-label={strings.editLabel}\n                        >\n                            <Pencil className=\"size-3.5\" />\n                        </Button>\n                    )}\n                    {!!canDeleteComment &&\n                        !!onDelete &&\n                        !!comment.id && (\n                            <Button\n                                type=\"button\"\n                                size=\"icon-xs\"\n                                variant=\"secondary\"\n                                buttonStyle=\"ghost\"\n                                className=\"hover:bg-destructive/10 hover:text-destructive\"\n                                onClick={() =>\n                                    onDelete(comment.id as string)\n                                }\n                                title={strings.deleteLabel}\n                                aria-label={strings.deleteLabel}\n                            >\n                                <Trash2 className=\"size-3.5\" />\n                            </Button>\n                        )}\n                </div>\n            </div>\n        </article>\n    );\n}) as <TResource extends string = string>(\n    props: CommentItemProps<import('../comments.types').CommentUser, unknown, TResource>,\n) => ReturnType<FC>;\n","import type { FC } from 'react';\n\nimport type { CommentTimelineProps, CommentUser } from '../comments.types';\nimport { CommentEmpty } from './comment-empty';\nimport { CommentItem } from './comment-item';\n\nexport const CommentTimeline = function CommentTimeline<\n    TResource extends string = string,\n>({\n    comments,\n    canModerate,\n    onDelete,\n    onPinToggle,\n    onReact,\n    onReply,\n    strings: stringsProp,\n    getMediaUrl,\n    getMediaName,\n    getStatusLabel,\n    formatRelativeTime,\n    resources,\n    renderItem,\n    renderAttachment,\n    renderReference,\n    emptySlot,\n}: CommentTimelineProps<CommentUser, unknown, TResource>) {\n    if (!comments.length) {\n        return (\n            <>\n                {emptySlot ?? <CommentEmpty strings={stringsProp} />}\n            </>\n        );\n    }\n\n    return (\n        <div className=\"flex flex-col gap-2\">\n            {comments.map((comment, index) => {\n                const defaultItem = (\n                    <CommentItem\n                        comment={comment}\n                        canModerate={canModerate}\n                        onDelete={onDelete}\n                        onPinToggle={onPinToggle}\n                        onReact={onReact}\n                        onReply={onReply}\n                        strings={stringsProp}\n                        getMediaUrl={getMediaUrl}\n                        getMediaName={getMediaName}\n                        getStatusLabel={getStatusLabel}\n                        formatRelativeTime={formatRelativeTime}\n                        resources={resources}\n                        renderAttachment={renderAttachment}\n                        renderReference={renderReference}\n                    />\n                );\n\n                if (renderItem) {\n                    return (\n                        <div key={comment.id ?? `comment-${index}`}>\n                            {renderItem({\n                                comment,\n                                canModerate: canModerate ?? false,\n                                onDelete,\n                                defaultItem,\n                            })}\n                        </div>\n                    );\n                }\n\n                return (\n                    <div key={comment.id ?? `comment-${index}`}>\n                        {defaultItem}\n                    </div>\n                );\n            })}\n        </div>\n    );\n} as <TResource extends string = string>(\n    props: CommentTimelineProps<CommentUser, unknown, TResource>,\n) => ReturnType<FC>;\n","/**\n * Comments — top-level entry for the Comments feature.\n *\n * Composes the composer + timeline + empty state behind a single API.\n * Generic in `<TUser, TMeta, TResource>` so consumers can type their\n * domain (user shape, custom meta payload, resource-kind union).\n *\n * Per-mount wiring (callbacks, resources, accessors) flows as direct\n * props. Library-wide display defaults (composer position, etc.) come\n * from `<UIProvider>` — see `@/lib/ui-provider`. Slots, render-props,\n * and the headless `useComments()` hook cover the composability\n * spectrum.\n *\n * `CommentsCard` is exported as a back-compat alias for the previous\n * name; the API shape is identical.\n */\nimport { useCallback, useState } from 'react';\n\nimport { SmartCard } from '@/components/base/cards';\nimport { useCommentsConfig as useCommentsUIDefaults } from '@/lib/ui-provider';\n\nimport { useResolvedStrings } from './comments-provider';\nimport type {\n    CommentData,\n    CommentFormValues,\n    CommentSubmitHelpers,\n    CommentUser,\n    CommentsProps,\n} from './comments.types';\nimport { CommentComposer } from './partials/comment-composer';\nimport { CommentEmpty } from './partials/comment-empty';\nimport { CommentTimeline } from './partials/comment-timeline';\n\nimport { cn } from '@/lib/utils';\nexport function Comments<\n    TUser extends CommentUser = CommentUser,\n    TMeta = unknown,\n    TResource extends string = string,\n>(props: CommentsProps<TUser, TMeta, TResource>) {\n    const ui = useCommentsUIDefaults();\n\n    const composerPosition =\n        props.composerPosition ?? ui.composerPosition ?? 'top';\n\n    const canComment = props.canComment ?? false;\n    const canModerate = props.canModerate ?? false;\n\n    const onSubmit = props.onSubmit;\n    const onDelete = props.onDelete;\n    const onPinToggle = props.onPinToggle;\n    const onReact = props.onReact;\n    const onReply = props.onReply;\n\n    const resources = props.resources;\n    const attachments = props.attachments;\n\n    const strings = useResolvedStrings(props.strings);\n    const cardTitle = props.title === undefined ? strings.title : props.title;\n\n    const [formErrors, setFormErrors] = useState<Record<string, string>>({});\n    const [isSubmitting, setIsSubmitting] = useState(false);\n    const [resetKey, setResetKey] = useState(0);\n\n    const submitHelpers: CommentSubmitHelpers = {\n        setErrors: (errors) => setFormErrors(errors),\n        reset: () => {\n            setResetKey((k) => k + 1);\n            setFormErrors({});\n            setIsSubmitting(false);\n        },\n        setSubmitting: setIsSubmitting,\n    };\n\n    const handleSubmit = useCallback(\n        (values: CommentFormValues<TResource>) => {\n            if (!onSubmit) return;\n            setIsSubmitting(true);\n            setFormErrors({});\n            onSubmit(values, submitHelpers);\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [onSubmit],\n    );\n\n    const composer = props.composerSlot ?? (\n        canComment ? (\n            <CommentComposer\n                context={props.context}\n                canComment={canComment}\n                isSubmitting={isSubmitting}\n                errors={formErrors}\n                resetKey={resetKey}\n                /*\n                 * Generic-erasure boundary: `<Comments<TResource>>` is\n                 * generic but `<CommentComposer>` types its props\n                 * against the default-string kind. Shapes are\n                 * structurally identical — only the kind union differs.\n                 */\n                onSubmit={\n                    handleSubmit as (values: CommentFormValues) => void\n                }\n                strings={props.strings}\n                resources={resources as never}\n                attachments={attachments}\n            />\n        ) : null\n    );\n\n    /*\n     * Same generic-erasure boundary as the composer block above:\n     * `<Comments<TUser, TMeta, TResource>>` is generic, but\n     * `<CommentTimeline>` types its `comments` and `onPinToggle` props\n     * against `CommentData<CommentUser, unknown, TResource>` (default\n     * `TUser`/`TMeta`). The shapes are structurally identical — `TUser`\n     * narrows the author union and `TMeta` narrows the metadata payload,\n     * neither of which the timeline reads — so the widening cast is\n     * safe. Keep the cast localised here; do not propagate into the\n     * timeline body.\n     */\n    const timeline = (\n        <CommentTimeline\n            comments={props.comments as ReadonlyArray<CommentData<CommentUser, unknown, TResource>>}\n            canModerate={canModerate}\n            onDelete={onDelete}\n            onPinToggle={onPinToggle as (c: CommentData<CommentUser, unknown, TResource>) => void}\n            onReact={onReact}\n            onReply={onReply}\n            strings={props.strings}\n            getMediaUrl={props.getMediaUrl}\n            getMediaName={props.getMediaName}\n            getStatusLabel={props.getStatusLabel}\n            formatRelativeTime={props.formatRelativeTime}\n            resources={resources}\n            // `renderItem` is generic over the consumer's `<TUser, TMeta,\n            // TResource>` triple; `<CommentTimeline>` types it against\n            // the default `CommentUser, unknown, string` triple. The\n            // structural signature is the same — boundary cast only.\n            renderItem={props.renderItem as never}\n            renderAttachment={props.renderAttachment}\n            renderReference={props.renderReference}\n            emptySlot={\n                props.emptySlot ?? <CommentEmpty strings={props.strings} />\n            }\n        />\n    );\n\n    const composerBlock = composer ? <div>{composer}</div> : null;\n\n    const inner = (\n        <div className=\"flex flex-col gap-4\">\n            {props.headerSlot}\n            {composerPosition === 'top' && composerBlock}\n            {timeline}\n            {composerPosition === 'bottom' && composerBlock}\n            {props.footerSlot}\n        </div>\n    );\n\n    if (props.bare) {\n        return inner;\n    }\n\n    return (\n        <SmartCard\n            title={cardTitle === false ? undefined : cardTitle}\n            description={strings.subtitle || undefined}\n            padding=\"sm\"\n            className={cn('comments--component', props.className)}\n        >\n            {inner}\n        </SmartCard>\n    );\n}\n\n/** Back-compat alias — `CommentsCard` was the previous primary export. */\nexport const CommentsCard = Comments;\n","/**\n * useComments — headless state machine for the Comments feature.\n *\n * Tracks composer mode (idle | replying | editing), submit/delete\n * helpers, error state, and resetKey bumping. The default `<Comments>`\n * component composes this hook; consumers building a fully custom UI\n * can use it directly.\n */\nimport { useCallback, useState } from 'react';\n\nimport type {\n    CommentData,\n    CommentFormValues,\n    CommentSubmitHelpers,\n    CommentUser,\n    CommentsConfig,\n} from '../comments.types';\n\nexport type ComposerMode<TResource extends string = string> =\n    | { kind: 'idle' }\n    | { kind: 'editing'; comment: CommentData<CommentUser, unknown, TResource> }\n    | { kind: 'replying'; commentId: string; authorName?: string };\n\nexport interface UseCommentsOptions<\n    TUser extends CommentUser = CommentUser,\n    TMeta = unknown,\n    TResource extends string = string,\n> {\n    onSubmit?: CommentsConfig<TUser, TMeta, TResource>['onSubmit'];\n    onUpdate?: CommentsConfig<TUser, TMeta, TResource>['onUpdate'];\n    onDelete?: CommentsConfig<TUser, TMeta, TResource>['onDelete'];\n}\n\nexport interface UseCommentsReturn<\n    TUser extends CommentUser = CommentUser,\n    TMeta = unknown,\n    TResource extends string = string,\n> {\n    composerMode: ComposerMode<TResource>;\n    isSubmitting: boolean;\n    formErrors: Record<string, string>;\n    resetKey: number;\n\n    startReply: (comment: CommentData<TUser, TMeta, TResource>) => void;\n    startEdit: (comment: CommentData<TUser, TMeta, TResource>) => void;\n    cancelComposerMode: () => void;\n\n    submit: (values: CommentFormValues<TResource>) => void;\n    deleteComment: (id: string) => void;\n\n    /** Imperative reset — bumps `resetKey` so the composer clears itself. */\n    resetComposer: () => void;\n    /** Helpers exposed to onSubmit/onUpdate. */\n    helpers: CommentSubmitHelpers;\n}\n\nexport function useComments<\n    TUser extends CommentUser = CommentUser,\n    TMeta = unknown,\n    TResource extends string = string,\n>(\n    options: UseCommentsOptions<TUser, TMeta, TResource> = {},\n): UseCommentsReturn<TUser, TMeta, TResource> {\n    const { onSubmit, onUpdate, onDelete } = options;\n\n    const [composerMode, setComposerMode] = useState<ComposerMode<TResource>>({\n        kind: 'idle',\n    });\n    const [isSubmitting, setIsSubmitting] = useState(false);\n    const [formErrors, setFormErrors] = useState<Record<string, string>>({});\n    const [resetKey, setResetKey] = useState(0);\n\n    const helpers: CommentSubmitHelpers = {\n        setErrors: (errors) => setFormErrors(errors),\n        reset: () => {\n            setResetKey((k) => k + 1);\n            setComposerMode({ kind: 'idle' });\n            setFormErrors({});\n        },\n        setSubmitting: setIsSubmitting,\n    };\n\n    const startReply = useCallback(\n        (comment: CommentData<TUser, TMeta, TResource>) => {\n            setComposerMode({\n                kind: 'replying',\n                commentId: comment.id ?? '',\n                authorName: comment.user?.name,\n            });\n        },\n        [],\n    );\n\n    const startEdit = useCallback(\n        (comment: CommentData<TUser, TMeta, TResource>) => {\n            setComposerMode({ kind: 'editing', comment });\n        },\n        [],\n    );\n\n    const cancelComposerMode = useCallback(() => {\n        setComposerMode({ kind: 'idle' });\n        setFormErrors({});\n    }, []);\n\n    const submit = useCallback(\n        (values: CommentFormValues<TResource>) => {\n            setIsSubmitting(true);\n            setFormErrors({});\n\n            if (composerMode.kind === 'editing' && composerMode.comment.id) {\n                if (!onUpdate) {\n                    setIsSubmitting(false);\n                    return;\n                }\n                onUpdate(composerMode.comment.id, values, helpers);\n                return;\n            }\n\n            if (!onSubmit) {\n                setIsSubmitting(false);\n                return;\n            }\n\n            const payload: CommentFormValues<TResource> =\n                composerMode.kind === 'replying'\n                    ? { ...values, replyToId: composerMode.commentId }\n                    : values;\n\n            onSubmit(payload, helpers);\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [composerMode, onSubmit, onUpdate],\n    );\n\n    const deleteComment = useCallback(\n        (id: string) => {\n            if (!onDelete || !id) return;\n            onDelete(id);\n        },\n        [onDelete],\n    );\n\n    const resetComposer = useCallback(() => {\n        setResetKey((k) => k + 1);\n        setComposerMode({ kind: 'idle' });\n        setFormErrors({});\n    }, []);\n\n    return {\n        composerMode,\n        isSubmitting,\n        formErrors,\n        resetKey,\n        startReply,\n        startEdit,\n        cancelComposerMode,\n        submit,\n        deleteComment,\n        resetComposer,\n        helpers,\n    };\n}\n"],"mappings":"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"}

package/dist/_shared/comments-BbTYFzx6.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-D3uCBrYO.cjs`);const e=require(`./ui-provider-uiQgATj1.cjs`),t=require(`../lib/utils.cjs`),n=require(`./text-DBnY6fcL.cjs`),r=require(`./typography-DClleVWi.cjs`),i=require(`./badge-BjtDcU1M.cjs`),a=require(`./button-DjacsNTg.cjs`),o=require(`./tooltip-DPv0LGr9.cjs`),s=require(`./smart-card-Ddsjvf7r.cjs`),c=require(`./popover-BTEwjJZS.cjs`),l=require(`./avatar-BcYcRORH.cjs`),u=require(`./rich-text-editor-UZghkgsh.cjs`),d=require(`./mentions-DVCjaO_z.cjs`);let f=require(`react`),p=require(`date-fns`),m=require(`react/jsx-runtime`),h=require(`lucide-react`);var g={title:`Comments`,subtitle:``,empty:`No comments yet.`,emptyHint:`Start the conversation — your team will see it instantly.`,composerPlaceholder:`Write a comment…`,composerSubmit:`Post comment`,composerSubmitting:`Posting…`,composerSave:`Save changes`,invalidContent:`Comment cannot be empty.`,composerCancel:`Cancel`,composerEditingEyebrow:`Editing comment`,composerReplyingEyebrow:`Replying to {{name}}`,composerAttachmentLabel:`Attach file`,composerReferenceLabel:`Mention or link`,composerReferenceMenuTitle:`Insert reference`,composerReferenceSearchPlaceholder:`Search…`,composerReferenceEmpty:`No matches.`,composerReferenceLoading:`Searching…`,fallbackAuthor:`Anonymous`,pinned:`Pinned`,edited:`edited`,deleteLabel:`Delete`,editLabel:`Edit`,replyLabel:`Reply`,pinLabel:`Pin`,unpinLabel:`Unpin`,moreActionsLabel:`More actions`,confirmDeleteLabel:`Delete comment`,attachmentFallback:`Attachment`,attachmentRemoveLabel:`Remove attachment`,attachmentUploadingLabel:`Uploading…`,attachmentFailedLabel:`Upload failed`,attachmentTooLargeError:`File is too large.`,attachmentTooManyError:`Too many attachments.`,attachmentRetryLabel:`Retry`,attachmentDownloadLabel:`Download`,addReactionLabel:`Add reaction`,showRepliesLabel:`Show replies`,hideRepliesLabel:`Hide replies`};function _(e,t){return e.replace(/\{\{(\w+)\}\}/g,(e,n)=>{let r=t[n];return r==null?``:String(r)})}function v(e){return(0,f.useMemo)(()=>({...g,...e??{}}),[e])}function y(t){let n=e.l(),r=e.a();return(0,f.useMemo)(()=>({getMediaUrl:t?.getMediaUrl??(e=>n.resolveUrl?.(e??{})),getMediaName:t?.getMediaName??(e=>n.resolveName?.(e??{})),getStatusLabel:t?.getStatusLabel,formatRelativeTime:t?.formatRelativeTime??r.formatRelativeTime}),[t,n,r.formatRelativeTime])}function b(e){return typeof e!=`number`||e<=0?null:e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function x(e){return e.mimeType?.startsWith(`image/`)?h.Image:e.mimeType===`application/pdf`||e.mimeType?.startsWith(`text/`)?h.FileText:e.mimeType?h.File:h.Paperclip}var S=({attachment:e,editable:r=!1,onRemove:i,onRetry:a,accessors:o,strings:s,compact:c=!1,className:l})=>{let u={...g,...s},d=o?.getMediaUrl?.(e)??e.url,f=o?.getMediaName?.(e)??e.name??u.attachmentFallback,p=x(e),_=e.status===`uploading`,v=e.status===`failed`,y=b(e.size),S=_?u.attachmentUploadingLabel+(typeof e.progress==`number`?` ${Math.round(e.progress)}%`:``):v?e.error??u.attachmentFailedLabel:y,C=t.cn(`relative inline-flex min-w-0 max-w-[20rem] items-center gap-1.5 rounded-md`,`ring-1 ring-inset transition-colors`,c?`px-2 py-1 text-xs`:`px-2.5 py-1 text-xs`,v?`bg-destructive/[0.04] ring-destructive/30 hover:bg-destructive/[0.08]`:`bg-foreground/[0.03] ring-border/60 hover:bg-foreground/[0.06]`,l),w=_?(0,m.jsx)(h.Loader2,{className:t.cn(`shrink-0 animate-spin text-muted-foreground`,`size-3.5`),"aria-hidden":!0}):(0,m.jsx)(p,{className:t.cn(`shrink-0`,`size-3.5`,v?`text-destructive`:`text-muted-foreground`),"aria-hidden":!0}),T=(0,m.jsxs)(`span`,{className:`inline-flex min-w-0 items-baseline gap-1.5`,children:[(0,m.jsx)(n.t,{tag:`span`,size:`xs`,weight:`medium`,className:t.cn(`truncate`,v&&`text-destructive`),children:f}),S?(0,m.jsx)(n.t,{tag:`span`,size:`xxs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:S}):null]});return(0,m.jsxs)(`div`,{className:C,children:[w,d&&!_&&!v?(0,m.jsx)(`a`,{href:d,target:`_blank`,rel:`noreferrer noopener`,className:`inline-flex min-w-0 flex-1 items-baseline gap-1.5 hover:underline`,"aria-label":u.attachmentDownloadLabel,children:T}):T,_&&typeof e.progress==`number`&&(0,m.jsx)(`div`,{className:`bg-primary/15 absolute bottom-0 left-2 right-2 h-px overflow-hidden rounded-full`,children:(0,m.jsx)(`div`,{className:`bg-primary h-full transition-[width]`,style:{width:`${Math.min(100,Math.max(0,e.progress))}%`}})}),v&&a&&(0,m.jsx)(`button`,{type:`button`,onClick:()=>a(e.id),className:`text-destructive ring-destructive/30 hover:ring-destructive/60 shrink-0 rounded px-1.5 py-px text-xxs font-medium ring-1 ring-inset transition-colors`,children:u.attachmentRetryLabel}),r&&i&&(0,m.jsx)(`button`,{type:`button`,onClick:()=>i(e.id),className:`text-muted-foreground hover:bg-foreground/10 hover:text-foreground -mr-0.5 inline-flex size-4 shrink-0 items-center justify-center rounded transition-colors focus-visible:ring-2 focus-visible:ring-ring/40`,"aria-label":u.attachmentRemoveLabel,title:u.attachmentRemoveLabel,children:(0,m.jsx)(h.X,{className:`size-3`})})]})};function C(e={}){let{onUpload:t,maxSize:n,maxFiles:r,disabled:i,initialAttachments:a,onChange:o,onError:s}=e,[c,l]=(0,f.useState)(()=>a?[...a]:[]),u=(0,f.useRef)(new Map),d=(0,f.useRef)(new Map),p=(0,f.useRef)(o);p.current=o;let m=(0,f.useCallback)((e,t)=>{l(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]),h=(0,f.useCallback)(e=>{l([...e])},[]),g=(0,f.useCallback)((e,n)=>{if(!t)return;let r=new AbortController;u.current.set(e,{controller:r}),m(e,{status:`uploading`,progress:0,error:void 0}),t({file:n,onProgress:t=>{m(e,{progress:t})},signal:r.signal}).then(t=>{u.current.delete(e),m(e,{...t,id:e,status:`uploaded`,progress:100,error:void 0})}).catch(t=>{if(u.current.delete(e),r.signal.aborted)return;let n=t instanceof Error?t.message:`Upload failed`;m(e,{status:`failed`,error:n}),s?.(n)})},[s,t,m]),_=(0,f.useCallback)(e=>{if(i||!t)return;let a=Array.from(e);a.length!==0&&l(e=>{let t=[...e];for(let e of a){if(typeof r==`number`&&t.length>=r){s?.(`Too many attachments.`);break}if(typeof n==`number`&&e.size>n){s?.(`File is too large.`);continue}let i=typeof crypto<`u`&&`randomUUID`in crypto?crypto.randomUUID():`att-${Date.now()}-${Math.random().toString(36).slice(2)}`;d.current.set(i,e),t.push({id:i,name:e.name,size:e.size,mimeType:e.type,status:`uploading`,progress:0}),queueMicrotask(()=>g(i,e))}return t})},[g,i,r,n,s,t]),v=(0,f.useCallback)(e=>{let t=u.current.get(e);t&&(t.controller.abort(),u.current.delete(e)),d.current.delete(e),l(t=>t.filter(t=>t.id!==e))},[]),y=(0,f.useCallback)(e=>{let t=d.current.get(e);t&&g(e,t)},[g]),b=(0,f.useCallback)(()=>{for(let e of u.current.values())e.controller.abort();u.current.clear(),d.current.clear(),l([])},[]);return(0,f.useEffect)(()=>{p.current?.(c)},[c]),(0,f.useEffect)(()=>{let e=u.current;return()=>{for(let t of e.values())t.controller.abort()}},[]),{attachments:c,uploadedAttachments:(0,f.useMemo)(()=>c.filter(e=>e.status===`uploaded`||!e.status),[c]),isUploading:(0,f.useMemo)(()=>c.some(e=>e.status===`uploading`),[c]),addFiles:_,removeAttachment:v,retryAttachment:y,setAttachments:h,reset:b}}function w(e){return!e||typeof e!=`string`?!1:e.replace(/<[^>]*>/g,``).trim().length>0}var T=(0,f.forwardRef)(function({context:e,canComment:t=!0,isSubmitting:r=!1,errors:i,resetKey:o=0,onSubmit:s,onCancel:l,editingComment:p,strings:g,resources:_,onResourceSearch:y,attachments:b,initialValues:x,autoFocus:T=!1,inlineSubmit:D=!0,placeholder:O},k){let A=v(g),j=_,M=y,N=b,P=(0,f.useRef)(null),[F,I]=(0,f.useState)(()=>x?.content??p?.content??``),[L,R]=(0,f.useState)(null),z=d.u({resources:j,onResourceSearch:M,editorRef:P,initialMentions:x?.references??p?.references}),B=C({...N,initialAttachments:x?.attachments??void 0});(0,f.useImperativeHandle)(k,()=>({focus:()=>P.current?.focus(),clear:()=>{P.current?.clear(),z.reset(),B.reset(),R(null)},setBody:e=>{P.current?.setHTML(e)}}),[B,z]),(0,f.useEffect)(()=>{P.current?.setHTML(x?.content??``),z.setMentions(x?.references??[]),B.setAttachments(x?.attachments??[]),R(null)},[e.id,e.type,o]),(0,f.useEffect)(()=>{if(!p)return;P.current?.setHTML(p.content??``),z.setMentions(p.references??[]);let e=(p.attachments??p.media??[]).filter(e=>!!e);B.setAttachments(e)},[p?.id]),(0,f.useEffect)(()=>{i?.content&&R(i.content)},[i]);let V=t=>{t?.preventDefault();let n=P.current?.getHTML()??F;if(!w(n)){R(A.invalidContent);return}R(null),s({content:n,commentableId:e.id,commentableType:e.type,contentType:`html`,references:z.mentions,attachments:B.uploadedAttachments,editingId:p?.id})},H=(0,f.useRef)(null),U=()=>H.current?.click(),W=e=>{e&&B.addFiles(e)},G=B.attachments.length>0,K=!!p,q=r?A.composerSubmitting:K?A.composerSave:A.composerSubmit,J=K?(0,m.jsx)(E,{label:A.composerEditingEyebrow,closeLabel:A.composerCancel,onClose:l}):null,Y=(0,f.useMemo)(()=>{let e=[];return j&&Object.keys(j).length>0&&e.push({id:`reference`,icon:h.AtSign,label:A.composerReferenceLabel,onClick:()=>z.setPickerOpen(!0)}),N?.onUpload&&!N.disabled&&e.push({id:`attachment`,icon:h.Paperclip,label:A.composerAttachmentLabel,onClick:U}),e},[j,N?.onUpload,N?.disabled,A.composerReferenceLabel,A.composerAttachmentLabel]);if(!t)return null;let X=(0,m.jsx)(a.t,{type:`button`,onClick:()=>V(),disabled:r||B.isUploading,icon:r?h.Loader2:h.Send,children:q}),Z=K||l?(0,m.jsx)(a.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:l,disabled:r,children:A.composerCancel}):null,Q=G?(0,m.jsx)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:B.attachments.map(e=>(0,m.jsx)(S,{attachment:e,editable:!0,onRemove:B.removeAttachment,onRetry:B.retryAttachment,strings:g},e.id))}):null,$=G?Q:null,ee=D===!1?null:X,te=D===!1||K;return(0,m.jsxs)(`form`,{onSubmit:V,className:`space-y-2`,children:[J,(0,m.jsx)(`input`,{ref:H,type:`file`,multiple:!0,hidden:!0,accept:N?.accept,onChange:e=>{W(e.target.files),e.target.value=``}}),!z.triggerActive&&(0,m.jsxs)(c.n,{open:z.pickerOpen,onOpenChange:z.setPickerOpen,children:[(0,m.jsx)(c.s,{render:(0,m.jsx)(`button`,{type:`button`,className:`sr-only`,tabIndex:-1}),children:A.composerReferenceLabel}),(0,m.jsx)(d.r,{open:z.pickerOpen,activeKind:z.activeKind,setActiveKind:z.setActiveKind,kinds:z.kinds,resources:j,query:z.query,setQuery:z.setQuery,suggestions:z.suggestions,isLoading:z.isLoading,onSelect:z.pickSuggestion,strings:{title:A.composerReferenceMenuTitle,searchPlaceholder:A.composerReferenceSearchPlaceholder,empty:A.composerReferenceEmpty,loading:A.composerReferenceLoading}})]}),(0,m.jsxs)(`div`,{className:`relative`,children:[(0,m.jsx)(u.t,{ref:P,value:F,onChange:e=>{I(e);let t=d.t(e),n=z.mentions;if(n.map(e=>e.id).join(`|`)!==t.map(e=>e.id).join(`|`)){let e=new Map(n.map(e=>[e.id,e])),r=t.map(t=>e.get(t.id)??t);z.setMentions(r)}},placeholder:O??A.composerPlaceholder,minHeight:`3rem`,autoFocus:T||K,extraToolbarItems:Y,toolbarTrailing:ee,footerSlot:$,onCaretChange:z.handleCaretChange}),(0,m.jsx)(d.n,{open:z.triggerActive&&z.pickerOpen,activeKind:z.activeKind,setActiveKind:z.setActiveKind,onManualKindChange:()=>z.setManualKindOverride(!0),kinds:z.kinds,resources:j,query:z.query,suggestions:z.suggestions,suggestionsByKind:z.suggestionsByKind,isLoading:z.isLoading,onSelect:z.pickSuggestion,strings:{title:A.composerReferenceMenuTitle,empty:A.composerReferenceEmpty,loading:A.composerReferenceLoading}})]}),L&&(0,m.jsx)(n.t,{size:`xs`,type:`error`,children:L}),te&&(0,m.jsxs)(`div`,{className:`flex items-center justify-end gap-2`,children:[Z,X]})]})});function E({label:e,closeLabel:t,onClose:r}){return(0,m.jsxs)(`div`,{className:`bg-muted/40 ring-border/60 flex items-center justify-between rounded px-2.5 py-1.5 ring-1 ring-inset`,children:[(0,m.jsx)(n.t,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:e}),r?(0,m.jsx)(`button`,{type:`button`,onClick:r,className:`text-muted-foreground hover:text-foreground inline-flex size-4 items-center justify-center rounded transition-colors`,"aria-label":t,children:(0,m.jsx)(h.X,{className:`size-3`})}):null]})}function D(e,t){return _(e,{name:t??``})}var O=({strings:e,icon:r,className:i})=>{let a=v(e);return(0,m.jsxs)(`div`,{className:t.cn(`flex flex-col items-center justify-center py-8 text-center`,i),children:[(0,m.jsx)(`div`,{className:`bg-muted/50 mb-3 flex h-12 w-12 items-center justify-center rounded-full`,children:r??(0,m.jsx)(h.MessageCircle,{className:`text-muted-foreground/60 h-5 w-5`})}),(0,m.jsx)(n.t,{weight:`medium`,children:a.empty}),a.emptyHint?(0,m.jsx)(n.t,{size:`xs`,type:`secondary`,className:`mt-1 max-w-[28ch]`,children:a.emptyHint}):null]})};function k(e){return(0,m.jsx)(A,{comment:e})}function A(e){let{comment:t,resources:r,renderReference:i,sanitizer:a}=e,o=t.contentType??t.content_type??`text`;return o===`rich`?j(t.content):o===`html`?(0,m.jsx)(d.o,{html:t.content??``,mentions:t.references,resources:r,renderMention:i,sanitizer:a}):(0,m.jsx)(n.t,{className:`whitespace-pre-line`,children:P(t.content??``)})}function j(e){if(!e)return null;try{let t=JSON.parse(e);return!t||!Array.isArray(t.blocks)||t.blocks.length===0?null:(0,m.jsx)(`div`,{className:`prose prose-sm prose-p:my-0.5 prose-headings:my-1 prose-a:text-primary prose-a:no-underline hover:prose-a:underline max-w-none space-y-1`,children:t.blocks.map((e,t)=>(0,m.jsx)(f.Fragment,{children:M(e)},e.id??`${e.type}-${t}`))})}catch{return(0,m.jsx)(n.t,{className:`whitespace-pre-line`,children:P(e)})}}function M(e){let t=e.data??{};switch(e.type){case`paragraph`:{let e=String(t.text??``).trim();return e?(0,m.jsx)(n.t,{asHTML:!0,content:e}):null}case`header`:{let e=N(String(t.text??``)),n=Number(t.level??3);return e?(0,f.createElement)(r.o,{tag:`h${Math.min(Math.max(n,1),6)}`},e):null}case`list`:{let e=(Array.isArray(t.items)?t.items:[]).map(e=>N(String(e??``))).filter(e=>e.length>0);return e.length===0?null:t.style===`ordered`?(0,m.jsx)(`ol`,{className:`ml-6 list-decimal space-y-1 text-sm`,children:e.map((e,t)=>(0,m.jsx)(`li`,{children:e},`${e}-${t}`))}):(0,m.jsx)(`ul`,{className:`ml-6 list-disc space-y-1 text-sm`,children:e.map(e=>(0,m.jsx)(`li`,{children:e},e))})}case`quote`:{let e=String(t.text??``).trim();if(!e)return null;let r=N(String(t.caption??``));return(0,m.jsxs)(`blockquote`,{className:`border-muted text-muted-foreground border-l-2 pl-3 text-sm italic`,children:[(0,m.jsx)(n.t,{asHTML:!0,content:e}),r.length>0&&(0,m.jsxs)(`cite`,{className:`text-muted-foreground/80 mt-1 block text-xs not-italic`,children:[`— `,r]})]})}case`delimiter`:return(0,m.jsx)(`div`,{className:`border-muted my-4 border-b border-dashed`,"aria-hidden":`true`});default:{let e=N(String(t.text??``));return e?(0,m.jsx)(n.t,{className:`whitespace-pre-line`,children:e}):null}}}function N(e){return e.replace(/<[^>]*>/g,``).trim()}function P(e){if(typeof e!=`string`)return``;let t=e.trim();if(t===``)return``;if(t.startsWith(`{`)||t.startsWith(`[`))return t;try{let e=JSON.parse(t);if(typeof e==`string`)return e}catch{}return t.startsWith(`"`)&&t.endsWith(`"`)?t.slice(1,-1):t}var F=`?`,I=e=>e?.url,L=e=>e?.name,R=e=>e.charAt(0).toUpperCase()+e.slice(1).replace(/_/g,` `),z=e=>{try{return(0,p.formatDistanceToNow)(new Date(e),{addSuffix:!0})}catch{return`—`}},B=(0,f.memo)(function({comment:e,canModerate:r,onDelete:s,onPinToggle:c,onReact:u,onReply:d,strings:p,getMediaUrl:g,getMediaName:_,getStatusLabel:b,formatRelativeTime:x,resources:C,renderAttachment:w,renderReference:T}){let E=v(p),D=y({getMediaUrl:g,getMediaName:_,getStatusLabel:b,formatRelativeTime:x}),O=D.getMediaUrl??I,k=D.getMediaName??L,j=D.getStatusLabel??R,M=D.formatRelativeTime??z,N=e.user?.name??E.fallbackAuthor,P=e.user?.avatar??void 0,B=(0,f.useMemo)(()=>e.createdAt?M(e.createdAt):`—`,[e.createdAt,M]),V=(0,f.useMemo)(()=>{if(!N)return F;let e=N.trim();return e===``?F:e.charAt(0).toUpperCase()},[N]),H=(0,f.useMemo)(()=>Array.isArray(e.tagsArray)?e.tagsArray.filter(e=>typeof e==`string`):e.tagsArray&&typeof e.tagsArray==`object`?Object.values(e.tagsArray).filter(e=>typeof e==`string`):[],[e.tagsArray]),U=(0,f.useMemo)(()=>(e.attachments??e.media??[]).filter(e=>!!e&&typeof e==`object`),[e.attachments,e.media]),W=e.reactions??[],G=e.isPinned===!0,K=e.isEdited===!0,q=e.status&&e.status!==`active`,J=q&&e.status?j(e.status):null,Y=e.canDelete===!0||r===!0,X=e.canEdit===!0||r===!0,Z=U.length>0;return(0,m.jsx)(`article`,{className:t.cn(`group relative overflow-hidden rounded-lg border transition-colors`,`border-border/60 bg-card hover:bg-muted/30 px-3 py-2.5`),"data-comment-id":e.id,children:(0,m.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,m.jsxs)(l.t,{className:`mt-0.5 h-8 w-8 shrink-0`,children:[!!P&&(0,m.jsx)(l.o,{src:P,alt:N}),(0,m.jsx)(l.r,{className:`bg-muted text-muted-foreground text-xs font-medium`,children:V})]}),(0,m.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,m.jsxs)(`div`,{className:`flex min-w-0 items-baseline gap-2`,children:[(0,m.jsx)(n.t,{tag:`span`,weight:`semibold`,className:`truncate`,children:N}),!!G&&(0,m.jsx)(o.r,{delayDuration:0,children:(0,m.jsxs)(o.t,{children:[(0,m.jsx)(o.i,{render:(0,m.jsx)(`span`,{className:`inline-flex shrink-0 self-center`}),children:(0,m.jsx)(h.Pin,{className:`text-warning size-3`,"aria-hidden":!0})}),(0,m.jsx)(o.n,{side:`top`,className:`text-xs`,children:E.pinned})]})}),(0,m.jsx)(n.t,{tag:`span`,size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:B}),!!K&&(0,m.jsx)(n.t,{tag:`span`,size:`xs`,type:`secondary`,className:`shrink-0`,children:E.edited}),!!q&&!!J&&(0,m.jsx)(i.t,{variant:`secondary`,className:`self-center uppercase tracking-wide`,children:J})]}),(0,m.jsx)(`div`,{className:`mt-1 text-sm leading-relaxed`,children:(0,m.jsx)(A,{comment:e,resources:C,renderReference:T})}),H.length>0&&(0,m.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:H.map(e=>(0,m.jsx)(i.t,{variant:`secondary`,className:`uppercase tracking-wide`,children:e},e))}),Z&&(0,m.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:U.map(e=>w?(0,m.jsx)(`div`,{children:w(e)},e.id??e.name):(0,m.jsx)(S,{attachment:e,accessors:{getMediaUrl:O,getMediaName:k},strings:p},e.id??e.name))}),W.length>0&&(0,m.jsx)(`div`,{className:`mt-2 flex flex-wrap items-center gap-1`,children:W.map(t=>(0,m.jsx)(`button`,{type:`button`,onClick:()=>u&&e.id?u(e.id,t.emoji):void 0,title:t.users?.join(`, `),className:`rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,children:(0,m.jsxs)(i.t,{variant:t.mine?`primary`:`secondary`,className:`cursor-pointer transition-colors hover:opacity-90`,children:[(0,m.jsx)(`span`,{"aria-hidden":!0,className:`leading-none`,children:t.emoji}),(0,m.jsx)(`span`,{className:`tabular-nums`,children:t.count})]})},t.emoji))})]}),(0,m.jsxs)(`div`,{className:t.cn(`shrink-0 self-start opacity-0 transition-opacity`,`group-hover:opacity-100 focus-within:opacity-100`,`-mr-1 inline-flex items-center gap-0.5`),children:[!!d&&(0,m.jsx)(a.t,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>e.id&&d(e.id),title:E.replyLabel,"aria-label":E.replyLabel,children:(0,m.jsx)(h.CornerDownRight,{className:`size-3.5`})}),!!u&&(0,m.jsx)(a.t,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>e.id&&u(e.id,`👍`),title:E.addReactionLabel,"aria-label":E.addReactionLabel,children:(0,m.jsx)(h.Smile,{className:`size-3.5`})}),!!c&&r&&(0,m.jsx)(a.t,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>c(e),title:G?E.unpinLabel:E.pinLabel,"aria-label":G?E.unpinLabel:E.pinLabel,children:(0,m.jsx)(h.Pin,{className:t.cn(`size-3.5`,G&&`text-warning`)})}),!!X&&!!e.id&&(0,m.jsx)(a.t,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,title:E.editLabel,"aria-label":E.editLabel,children:(0,m.jsx)(h.Pencil,{className:`size-3.5`})}),!!Y&&!!s&&!!e.id&&(0,m.jsx)(a.t,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,className:`hover:bg-destructive/10 hover:text-destructive`,onClick:()=>s(e.id),title:E.deleteLabel,"aria-label":E.deleteLabel,children:(0,m.jsx)(h.Trash2,{className:`size-3.5`})})]})]})})}),V=function({comments:e,canModerate:t,onDelete:n,onPinToggle:r,onReact:i,onReply:a,strings:o,getMediaUrl:s,getMediaName:c,getStatusLabel:l,formatRelativeTime:u,resources:d,renderItem:f,renderAttachment:p,renderReference:h,emptySlot:g}){return e.length?(0,m.jsx)(`div`,{className:`flex flex-col gap-2`,children:e.map((e,g)=>{let _=(0,m.jsx)(B,{comment:e,canModerate:t,onDelete:n,onPinToggle:r,onReact:i,onReply:a,strings:o,getMediaUrl:s,getMediaName:c,getStatusLabel:l,formatRelativeTime:u,resources:d,renderAttachment:p,renderReference:h});return f?(0,m.jsx)(`div`,{children:f({comment:e,canModerate:t??!1,onDelete:n,defaultItem:_})},e.id??`comment-${g}`):(0,m.jsx)(`div`,{children:_},e.id??`comment-${g}`)})}):(0,m.jsx)(m.Fragment,{children:g??(0,m.jsx)(O,{strings:o})})};function H(n){let r=e.i(),i=n.composerPosition??r.composerPosition??`top`,a=n.canComment??!1,o=n.canModerate??!1,c=n.onSubmit,l=n.onDelete,u=n.onPinToggle,d=n.onReact,p=n.onReply,h=n.resources,g=n.attachments,_=v(n.strings),y=n.title===void 0?_.title:n.title,[b,x]=(0,f.useState)({}),[S,C]=(0,f.useState)(!1),[w,E]=(0,f.useState)(0),D={setErrors:e=>x(e),reset:()=>{E(e=>e+1),x({}),C(!1)},setSubmitting:C},k=(0,f.useCallback)(e=>{c&&(C(!0),x({}),c(e,D))},[c]),A=n.composerSlot??(a?(0,m.jsx)(T,{context:n.context,canComment:a,isSubmitting:S,errors:b,resetKey:w,onSubmit:k,strings:n.strings,resources:h,attachments:g}):null),j=(0,m.jsx)(V,{comments:n.comments,canModerate:o,onDelete:l,onPinToggle:u,onReact:d,onReply:p,strings:n.strings,getMediaUrl:n.getMediaUrl,getMediaName:n.getMediaName,getStatusLabel:n.getStatusLabel,formatRelativeTime:n.formatRelativeTime,resources:h,renderItem:n.renderItem,renderAttachment:n.renderAttachment,renderReference:n.renderReference,emptySlot:n.emptySlot??(0,m.jsx)(O,{strings:n.strings})}),M=A?(0,m.jsx)(`div`,{children:A}):null,N=(0,m.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[n.headerSlot,i===`top`&&M,j,i===`bottom`&&M,n.footerSlot]});return n.bare?N:(0,m.jsx)(s.t,{title:y===!1?void 0:y,description:_.subtitle||void 0,padding:`sm`,className:t.cn(`comments--component`,n.className),children:N})}var U=H;function W(e={}){let{onSubmit:t,onUpdate:n,onDelete:r}=e,[i,a]=(0,f.useState)({kind:`idle`}),[o,s]=(0,f.useState)(!1),[c,l]=(0,f.useState)({}),[u,d]=(0,f.useState)(0),p={setErrors:e=>l(e),reset:()=>{d(e=>e+1),a({kind:`idle`}),l({})},setSubmitting:s};return{composerMode:i,isSubmitting:o,formErrors:c,resetKey:u,startReply:(0,f.useCallback)(e=>{a({kind:`replying`,commentId:e.id??``,authorName:e.user?.name})},[]),startEdit:(0,f.useCallback)(e=>{a({kind:`editing`,comment:e})},[]),cancelComposerMode:(0,f.useCallback)(()=>{a({kind:`idle`}),l({})},[]),submit:(0,f.useCallback)(e=>{if(s(!0),l({}),i.kind===`editing`&&i.comment.id){if(!n){s(!1);return}n(i.comment.id,e,p);return}if(!t){s(!1);return}t(i.kind===`replying`?{...e,replyToId:i.commentId}:e,p)},[i,t,n]),deleteComment:(0,f.useCallback)(e=>{!r||!e||r(e)},[r]),resetComposer:(0,f.useCallback)(()=>{d(e=>e+1),a({kind:`idle`}),l({})},[]),helpers:p}}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return V}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return H}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return D}});
+//# sourceMappingURL=comments-BbTYFzx6.cjs.map

package/dist/_shared/comments-BbTYFzx6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"comments-BbTYFzx6.cjs","names":[],"sources":["../../src/components/features/comments/comments.strings.ts","../../src/components/features/comments/comments-provider.tsx","../../src/components/features/comments/partials/comment-attachment-chip.tsx","../../src/components/features/comments/hooks/use-attachment-upload.ts","../../src/components/features/comments/partials/comment-composer.tsx","../../src/components/features/comments/partials/comment-empty.tsx","../../src/components/features/comments/partials/comment-content.tsx","../../src/components/features/comments/partials/comment-item.tsx","../../src/components/features/comments/partials/comment-timeline.tsx","../../src/components/features/comments/comments.tsx","../../src/components/features/comments/hooks/use-comments.ts"],"sourcesContent":["/**\n * Strings for the Comments feature. Consumers override via the `strings`\n * prop on `<Comments>` / `<CommentsCard>` / sub-components — values are\n * deep-merged over these defaults.\n */\nexport interface CommentsStrings {\n    /** Card title — usually \"Comments\". Set to \"\" to hide. */\n    title: string;\n    /** Subtitle under the card title — optional. */\n    subtitle: string;\n    /** Empty-state copy for the timeline. */\n    empty: string;\n    /** Empty-state secondary copy. */\n    emptyHint: string;\n\n    // Composer ---------------------------------------------------------\n    /** Composer rich-text placeholder. */\n    composerPlaceholder: string;\n    /** Submit label for new comments. */\n    composerSubmit: string;\n    /** Submit label while pending. */\n    composerSubmitting: string;\n    /** Submit label when editing. */\n    composerSave: string;\n    /** Required-content error. */\n    invalidContent: string;\n    /** Cancel/dismiss draft. */\n    composerCancel: string;\n    /** \"Edit comment\" eyebrow shown above the composer in edit mode. */\n    composerEditingEyebrow: string;\n    /** \"Reply to {{name}}\" eyebrow shown above the composer in reply mode. */\n    composerReplyingEyebrow: string;\n\n    // Toolbar buttons --------------------------------------------------\n    composerAttachmentLabel: string;\n    composerReferenceLabel: string;\n    composerReferenceMenuTitle: string;\n    composerReferenceSearchPlaceholder: string;\n    composerReferenceEmpty: string;\n    composerReferenceLoading: string;\n\n    // Item -------------------------------------------------------------\n    fallbackAuthor: string;\n    pinned: string;\n    edited: string;\n    /** Trash button aria-label / tooltip. */\n    deleteLabel: string;\n    /** Edit button label. */\n    editLabel: string;\n    /** Reply button label. */\n    replyLabel: string;\n    /** Pin/unpin button label. */\n    pinLabel: string;\n    unpinLabel: string;\n    /** \"More actions\" trigger aria-label. */\n    moreActionsLabel: string;\n    /** Confirm-delete button label inside the action menu. */\n    confirmDeleteLabel: string;\n\n    // Attachments ------------------------------------------------------\n    attachmentFallback: string;\n    attachmentRemoveLabel: string;\n    attachmentUploadingLabel: string;\n    attachmentFailedLabel: string;\n    attachmentTooLargeError: string;\n    attachmentTooManyError: string;\n    attachmentRetryLabel: string;\n    attachmentDownloadLabel: string;\n\n    // Reactions --------------------------------------------------------\n    addReactionLabel: string;\n\n    // Misc -------------------------------------------------------------\n    showRepliesLabel: string;\n    hideRepliesLabel: string;\n}\n\nexport const defaultCommentsStrings: CommentsStrings = {\n    title: 'Comments',\n    subtitle: '',\n    empty: 'No comments yet.',\n    emptyHint: 'Start the conversation — your team will see it instantly.',\n\n    composerPlaceholder: 'Write a comment…',\n    composerSubmit: 'Post comment',\n    composerSubmitting: 'Posting…',\n    composerSave: 'Save changes',\n    invalidContent: 'Comment cannot be empty.',\n    composerCancel: 'Cancel',\n    composerEditingEyebrow: 'Editing comment',\n    composerReplyingEyebrow: 'Replying to {{name}}',\n\n    composerAttachmentLabel: 'Attach file',\n    composerReferenceLabel: 'Mention or link',\n    composerReferenceMenuTitle: 'Insert reference',\n    composerReferenceSearchPlaceholder: 'Search…',\n    composerReferenceEmpty: 'No matches.',\n    composerReferenceLoading: 'Searching…',\n\n    fallbackAuthor: 'Anonymous',\n    pinned: 'Pinned',\n    edited: 'edited',\n    deleteLabel: 'Delete',\n    editLabel: 'Edit',\n    replyLabel: 'Reply',\n    pinLabel: 'Pin',\n    unpinLabel: 'Unpin',\n    moreActionsLabel: 'More actions',\n    confirmDeleteLabel: 'Delete comment',\n\n    attachmentFallback: 'Attachment',\n    attachmentRemoveLabel: 'Remove attachment',\n    attachmentUploadingLabel: 'Uploading…',\n    attachmentFailedLabel: 'Upload failed',\n    attachmentTooLargeError: 'File is too large.',\n    attachmentTooManyError: 'Too many attachments.',\n    attachmentRetryLabel: 'Retry',\n    attachmentDownloadLabel: 'Download',\n\n    addReactionLabel: 'Add reaction',\n\n    showRepliesLabel: 'Show replies',\n    hideRepliesLabel: 'Hide replies',\n};\n\n/**\n * Tiny `{{token}}` interpolator used by templated strings like\n * `composerReplyingEyebrow`. No HTML escaping — treat values as plain text.\n */\nexport function interpolateString(\n    template: string,\n    values: Record<string, string | number | undefined>,\n): string {\n    return template.replace(/\\{\\{(\\w+)\\}\\}/g, (_, key: string) => {\n        const value = values[key];\n        return value === undefined || value === null ? '' : String(value);\n    });\n}\n","/**\n * Comments — internal helper hooks for resolving strings and accessors.\n *\n * Rationale: the previous `<CommentsProvider>` is gone. Library-wide\n * defaults now live in `<UIProvider>` (`useMediaConfig` / `useDatesConfig`).\n * Per-mount overrides flow as direct props on `<Comments>` and its\n * partials. These helpers just centralize the merge order.\n *\n * Resolution order everywhere:\n *\n *     props.strings      ← deep-merged over `defaultCommentsStrings`\n *     props.accessor.X   ← falls back to UIProvider's media/dates resolvers,\n *                          then to a built-in default at the call site.\n */\nimport { useMemo } from 'react';\n\nimport { useDatesConfig, useMediaConfig } from '@/lib/ui-provider';\n\nimport {\n    defaultCommentsStrings,\n    type CommentsStrings,\n} from './comments.strings';\nimport type { CommentAttachment, CommentsAccessors } from './comments.types';\n\n/**\n * Resolve final strings by merging defaults → component prop. Stable\n * identity when the prop reference is unchanged.\n */\nexport function useResolvedStrings(\n    propStrings?: Partial<CommentsStrings>,\n): CommentsStrings {\n    return useMemo(\n        () => ({\n            ...defaultCommentsStrings,\n            ...(propStrings ?? {}),\n        }),\n        [propStrings],\n    );\n}\n\n/**\n * Resolve accessors. Order:\n *   1. explicit prop accessor\n *   2. matching UIProvider slot (`useMediaConfig().resolveUrl`, etc.)\n *   3. caller's own fallback when neither is present (handled at call site)\n */\nexport function useResolvedAccessors(\n    propAccessors?: CommentsAccessors,\n): CommentsAccessors {\n    const media = useMediaConfig();\n    const dates = useDatesConfig();\n    return useMemo<CommentsAccessors>(\n        () => ({\n            getMediaUrl:\n                propAccessors?.getMediaUrl ??\n                ((m: CommentAttachment | null | undefined) =>\n                    media.resolveUrl?.((m ?? {}) as { url?: string; key?: string })),\n            getMediaName:\n                propAccessors?.getMediaName ??\n                ((m: CommentAttachment | null | undefined) =>\n                    media.resolveName?.((m ?? {}) as { name?: string })),\n            getStatusLabel: propAccessors?.getStatusLabel,\n            formatRelativeTime:\n                propAccessors?.formatRelativeTime ?? dates.formatRelativeTime,\n        }),\n        [propAccessors, media, dates.formatRelativeTime],\n    );\n}\n","/**\n * CommentAttachmentChip — small attachment pill used in the composer draft\n * and the timeline. Single inline row: icon + name · size, with progress /\n * error states overlaid on the same line. Editable mode reveals a remove\n * button; failed uploads expose a retry pill.\n */\nimport { File, FileText, Image as ImageIcon, Loader2, Paperclip, X } from 'lucide-react';\nimport type { FC } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport type {\n    CommentAttachment,\n    CommentsAccessors,\n} from '../comments.types';\nimport {\n    defaultCommentsStrings,\n    type CommentsStrings,\n} from '../comments.strings';\n\nexport interface CommentAttachmentChipProps {\n    attachment: CommentAttachment;\n    /** Editable mode shows a remove button. */\n    editable?: boolean;\n    onRemove?: (id: string) => void;\n    onRetry?: (id: string) => void;\n    accessors?: CommentsAccessors;\n    strings?: Partial<CommentsStrings>;\n    /** Compact chips have smaller text and tighter padding. */\n    compact?: boolean;\n    className?: string;\n}\n\nfunction formatBytes(bytes?: number): string | null {\n    if (typeof bytes !== 'number' || bytes <= 0) return null;\n    if (bytes < 1024) return `${bytes} B`;\n    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\nfunction pickIcon(att: CommentAttachment) {\n    if (att.mimeType?.startsWith('image/')) return ImageIcon;\n    if (att.mimeType === 'application/pdf') return FileText;\n    if (att.mimeType?.startsWith('text/')) return FileText;\n    if (att.mimeType) return File;\n    return Paperclip;\n}\n\nexport const CommentAttachmentChip: FC<CommentAttachmentChipProps> = ({\n    attachment,\n    editable = false,\n    onRemove,\n    onRetry,\n    accessors,\n    strings: stringsProp,\n    compact = false,\n    className,\n}) => {\n    const strings: CommentsStrings = {\n        ...defaultCommentsStrings,\n        ...stringsProp,\n    };\n\n    const url = accessors?.getMediaUrl?.(attachment) ?? attachment.url;\n    const name =\n        accessors?.getMediaName?.(attachment) ??\n        attachment.name ??\n        strings.attachmentFallback;\n    const Icon = pickIcon(attachment);\n\n    const isUploading = attachment.status === 'uploading';\n    const isFailed = attachment.status === 'failed';\n    const sizeLabel = formatBytes(attachment.size);\n\n    const meta = isUploading\n        ? strings.attachmentUploadingLabel +\n          (typeof attachment.progress === 'number'\n              ? ` ${Math.round(attachment.progress)}%`\n              : '')\n        : isFailed\n          ? attachment.error ?? strings.attachmentFailedLabel\n          : sizeLabel;\n\n    const surface = cn(\n        'relative inline-flex min-w-0 max-w-[20rem] items-center gap-1.5 rounded-md',\n        'ring-1 ring-inset transition-colors',\n        compact ? 'px-2 py-1 text-xs' : 'px-2.5 py-1 text-xs',\n        isFailed\n            ? 'bg-destructive/[0.04] ring-destructive/30 hover:bg-destructive/[0.08]'\n            : 'bg-foreground/[0.03] ring-border/60 hover:bg-foreground/[0.06]',\n        className,\n    );\n\n    const iconNode = isUploading ? (\n        <Loader2\n            className={cn('shrink-0 animate-spin text-muted-foreground', 'size-3.5')}\n            aria-hidden\n        />\n    ) : (\n        <Icon\n            className={cn(\n                'shrink-0',\n                'size-3.5',\n                isFailed ? 'text-destructive' : 'text-muted-foreground',\n            )}\n            aria-hidden\n        />\n    );\n\n    const labelRow = (\n        <span className=\"inline-flex min-w-0 items-baseline gap-1.5\">\n            <Text\n                tag=\"span\"\n                size=\"xs\"\n                weight=\"medium\"\n                className={cn('truncate', isFailed && 'text-destructive')}\n            >\n                {name}\n            </Text>\n            {meta ? (\n                <Text\n                    tag=\"span\"\n                    size=\"xxs\"\n                    type=\"secondary\"\n                    className=\"shrink-0 tabular-nums\"\n                >\n                    {meta}\n                </Text>\n            ) : null}\n        </span>\n    );\n\n    const isInteractive = !!url && !isUploading && !isFailed;\n\n    return (\n        <div className={surface}>\n            {iconNode}\n            {isInteractive ? (\n                <a\n                    href={url}\n                    target=\"_blank\"\n                    rel=\"noreferrer noopener\"\n                    className=\"inline-flex min-w-0 flex-1 items-baseline gap-1.5 hover:underline\"\n                    aria-label={strings.attachmentDownloadLabel}\n                >\n                    {labelRow}\n                </a>\n            ) : (\n                labelRow\n            )}\n\n            {isUploading && typeof attachment.progress === 'number' && (\n                <div className=\"bg-primary/15 absolute bottom-0 left-2 right-2 h-px overflow-hidden rounded-full\">\n                    <div\n                        className=\"bg-primary h-full transition-[width]\"\n                        style={{\n                            width: `${Math.min(100, Math.max(0, attachment.progress))}%`,\n                        }}\n                    />\n                </div>\n            )}\n\n            {isFailed && onRetry && (\n                <button\n                    type=\"button\"\n                    onClick={() => onRetry(attachment.id)}\n                    className=\"text-destructive ring-destructive/30 hover:ring-destructive/60 shrink-0 rounded px-1.5 py-px text-xxs font-medium ring-1 ring-inset transition-colors\"\n                >\n                    {strings.attachmentRetryLabel}\n                </button>\n            )}\n\n            {editable && onRemove && (\n                <button\n                    type=\"button\"\n                    onClick={() => onRemove(attachment.id)}\n                    className=\"text-muted-foreground hover:bg-foreground/10 hover:text-foreground -mr-0.5 inline-flex size-4 shrink-0 items-center justify-center rounded transition-colors focus-visible:ring-2 focus-visible:ring-ring/40\"\n                    aria-label={strings.attachmentRemoveLabel}\n                    title={strings.attachmentRemoveLabel}\n                >\n                    <X className=\"size-3\" />\n                </button>\n            )}\n        </div>\n    );\n};\n","/**\n * useAttachmentUpload — manages a list of in-flight + uploaded\n * `CommentAttachment`s for a comment composer.\n *\n * Pass the consumer-supplied `onUpload` callback directly via the\n * `attachments` prop on `<Comments>` (or `<CommentComposer>`). Aborts\n * in-flight uploads when an attachment is removed.\n */\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport type {\n    CommentAttachment,\n    CommentsAttachmentsConfig,\n} from '../comments.types';\n\ninterface InFlightEntry {\n    controller: AbortController;\n}\n\nexport interface UseAttachmentUploadOptions extends CommentsAttachmentsConfig {\n    /** Initial attachments — useful when editing an existing comment. */\n    initialAttachments?: ReadonlyArray<CommentAttachment>;\n    /** Fires when the list of uploaded attachments changes. */\n    onChange?: (attachments: ReadonlyArray<CommentAttachment>) => void;\n    /** Fires when a validation or upload error happens. */\n    onError?: (error: string) => void;\n}\n\nexport interface UseAttachmentUploadReturn {\n    /** All attachments — uploading + uploaded + failed. */\n    attachments: ReadonlyArray<CommentAttachment>;\n    /** Subset of attachments that finished uploading. Use this in the form payload. */\n    uploadedAttachments: ReadonlyArray<CommentAttachment>;\n    /** True while at least one upload is in flight. */\n    isUploading: boolean;\n    /** Add files. Validates against `maxSize` / `maxFiles` first. */\n    addFiles: (files: ReadonlyArray<File> | FileList) => void;\n    /** Remove an attachment by id (aborts in-flight uploads). */\n    removeAttachment: (id: string) => void;\n    /** Retry a failed upload. */\n    retryAttachment: (id: string) => void;\n    /** Replace the list (used when editing or after submit). */\n    setAttachments: (attachments: ReadonlyArray<CommentAttachment>) => void;\n    /** Clear the list and abort everything in flight. */\n    reset: () => void;\n}\n\nexport function useAttachmentUpload(\n    options: UseAttachmentUploadOptions = {},\n): UseAttachmentUploadReturn {\n    const {\n        onUpload,\n        maxSize,\n        maxFiles,\n        // `accept` is consumed by the surrounding `<input type=\"file\"\n        // accept>` element, not here — destructuring is intentional\n        // even though we don't reference it inside the hook.\n        disabled,\n        initialAttachments,\n        onChange,\n        onError,\n    } = options;\n\n    const [attachments, setAttachmentsState] = useState<CommentAttachment[]>(() =>\n        initialAttachments ? [...initialAttachments] : [],\n    );\n    const inFlightRef = useRef<Map<string, InFlightEntry>>(new Map());\n    const fileCacheRef = useRef<Map<string, File>>(new Map());\n    const onChangeRef = useRef(onChange);\n    onChangeRef.current = onChange;\n\n    const updateAttachment = useCallback(\n        (id: string, patch: Partial<CommentAttachment>) => {\n            setAttachmentsState((prev) =>\n                prev.map((a) => (a.id === id ? { ...a, ...patch } : a)),\n            );\n        },\n        [],\n    );\n\n    const setAttachments = useCallback(\n        (next: ReadonlyArray<CommentAttachment>) => {\n            setAttachmentsState([...next]);\n        },\n        [],\n    );\n\n    const beginUpload = useCallback(\n        (id: string, file: File) => {\n            if (!onUpload) return;\n            const controller = new AbortController();\n            inFlightRef.current.set(id, { controller });\n\n            updateAttachment(id, {\n                status: 'uploading',\n                progress: 0,\n                error: undefined,\n            });\n\n            const onProgress = (progress: number) => {\n                updateAttachment(id, { progress });\n            };\n\n            onUpload({ file, onProgress, signal: controller.signal })\n                .then((uploaded) => {\n                    inFlightRef.current.delete(id);\n                    updateAttachment(id, {\n                        ...uploaded,\n                        id,\n                        status: 'uploaded',\n                        progress: 100,\n                        error: undefined,\n                    });\n                })\n                .catch((err: unknown) => {\n                    inFlightRef.current.delete(id);\n                    if (controller.signal.aborted) {\n                        return;\n                    }\n                    const message =\n                        err instanceof Error ? err.message : 'Upload failed';\n                    updateAttachment(id, {\n                        status: 'failed',\n                        error: message,\n                    });\n                    onError?.(message);\n                });\n        },\n        [onError, onUpload, updateAttachment],\n    );\n\n    const addFiles = useCallback(\n        (filesInput: ReadonlyArray<File> | FileList) => {\n            if (disabled || !onUpload) return;\n            const files = Array.from(filesInput);\n            if (files.length === 0) return;\n\n            setAttachmentsState((prev) => {\n                const next = [...prev];\n                for (const file of files) {\n                    if (\n                        typeof maxFiles === 'number' &&\n                        next.length >= maxFiles\n                    ) {\n                        onError?.('Too many attachments.');\n                        break;\n                    }\n                    if (\n                        typeof maxSize === 'number' &&\n                        file.size > maxSize\n                    ) {\n                        onError?.('File is too large.');\n                        continue;\n                    }\n\n                    const id =\n                        typeof crypto !== 'undefined' && 'randomUUID' in crypto\n                            ? crypto.randomUUID()\n                            : `att-${Date.now()}-${Math.random().toString(36).slice(2)}`;\n\n                    fileCacheRef.current.set(id, file);\n\n                    next.push({\n                        id,\n                        name: file.name,\n                        size: file.size,\n                        mimeType: file.type,\n                        status: 'uploading',\n                        progress: 0,\n                    });\n\n                    queueMicrotask(() => beginUpload(id, file));\n                }\n                return next;\n            });\n        },\n        [beginUpload, disabled, maxFiles, maxSize, onError, onUpload],\n    );\n\n    const removeAttachment = useCallback((id: string) => {\n        const entry = inFlightRef.current.get(id);\n        if (entry) {\n            entry.controller.abort();\n            inFlightRef.current.delete(id);\n        }\n        fileCacheRef.current.delete(id);\n        setAttachmentsState((prev) => prev.filter((a) => a.id !== id));\n    }, []);\n\n    const retryAttachment = useCallback(\n        (id: string) => {\n            const file = fileCacheRef.current.get(id);\n            if (!file) return;\n            beginUpload(id, file);\n        },\n        [beginUpload],\n    );\n\n    const reset = useCallback(() => {\n        for (const entry of inFlightRef.current.values()) {\n            entry.controller.abort();\n        }\n        inFlightRef.current.clear();\n        fileCacheRef.current.clear();\n        setAttachmentsState([]);\n    }, []);\n\n    useEffect(() => {\n        onChangeRef.current?.(attachments);\n    }, [attachments]);\n\n    useEffect(() => {\n        const inFlight = inFlightRef.current;\n        return () => {\n            for (const entry of inFlight.values()) {\n                entry.controller.abort();\n            }\n        };\n    }, []);\n\n    const uploadedAttachments = useMemo(\n        () => attachments.filter((a) => a.status === 'uploaded' || !a.status),\n        [attachments],\n    );\n\n    const isUploading = useMemo(\n        () => attachments.some((a) => a.status === 'uploading'),\n        [attachments],\n    );\n\n    return {\n        attachments,\n        uploadedAttachments,\n        isUploading,\n        addFiles,\n        removeAttachment,\n        retryAttachment,\n        setAttachments,\n        reset,\n    };\n}\n","/**\n * CommentComposer — TipTap-backed rich text editor with inline reference\n * picker and attachment uploader. Default composer for `<Comments>`.\n *\n * Mention/reference handling is delegated to the shared\n * `features/mentions` module: `useMentions` drives picker state +\n * caret-trigger detection, `<MentionPicker>` renders the popover, and\n * `<MentionChip>` renders draft-list chips. The same primitives power\n * inline references in `features/event-log`.\n */\nimport { AtSign, Loader2, Paperclip, Send, X } from 'lucide-react';\nimport {\n    forwardRef,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport type { ReactNode } from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Popover, PopoverTrigger } from '@/components/base/popover';\nimport { Text } from '@/components/typography';\nimport {\n    RichTextEditor,\n    type RichTextEditorHandle,\n    type RichTextEditorToolbarItem,\n} from '@/components/features/rich-text-editor/rich-text-editor';\nimport {\n    MentionInlineSuggestions,\n    MentionPicker,\n    parseMentionsFromHtml,\n    useMentions,\n} from '@/components/features/mentions';\nimport { useResolvedStrings } from '../comments-provider';\nimport { interpolateString } from '../comments.strings';\nimport type {\n    CommentComposerProps,\n    CommentFormValues,\n} from '../comments.types';\nimport { CommentAttachmentChip } from './comment-attachment-chip';\nimport { useAttachmentUpload } from '../hooks/use-attachment-upload';\n\nexport interface CommentComposerHandle {\n    focus(): void;\n    clear(): void;\n    /** Imperatively set the draft body. */\n    setBody(html: string): void;\n}\n\nfunction hasMeaningfulContent(html: string): boolean {\n    if (!html || typeof html !== 'string') return false;\n    const text = html.replace(/<[^>]*>/g, '').trim();\n    return text.length > 0;\n}\n\nexport const CommentComposer = forwardRef<\n    CommentComposerHandle,\n    CommentComposerProps\n>(function CommentComposer(\n    {\n        context,\n        canComment = true,\n        isSubmitting = false,\n        errors,\n        resetKey = 0,\n        onSubmit,\n        onCancel,\n        editingComment,\n        strings: stringsProp,\n        resources: resourcesProp,\n        onResourceSearch: onResourceSearchProp,\n        attachments: attachmentsProp,\n        initialValues,\n        autoFocus = false,\n        inlineSubmit = true,\n        placeholder,\n    },\n    ref,\n) {\n    const strings = useResolvedStrings(stringsProp);\n\n    const resources = resourcesProp;\n    const onResourceSearch = onResourceSearchProp;\n    const attachmentsConfig = attachmentsProp;\n\n    const editorRef = useRef<RichTextEditorHandle>(null);\n    const [body, setBody] = useState<string>(\n        () => initialValues?.content ?? editingComment?.content ?? '',\n    );\n    const [contentError, setContentError] = useState<string | null>(null);\n\n    /**\n     * Mentions state — picker + caret-trigger detection. The hook reads\n     * the editor handle via the ref we pass; on suggestion select it\n     * inserts the chip and replaces the trigger range automatically.\n     */\n    const mentions = useMentions({\n        resources,\n        onResourceSearch,\n        editorRef,\n        initialMentions:\n            initialValues?.references ?? editingComment?.references,\n    });\n\n    const attachmentUpload = useAttachmentUpload({\n        ...attachmentsConfig,\n        initialAttachments: initialValues?.attachments ?? undefined,\n    });\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            focus: () => editorRef.current?.focus(),\n            clear: () => {\n                editorRef.current?.clear();\n                mentions.reset();\n                attachmentUpload.reset();\n                setContentError(null);\n            },\n            setBody: (html) => {\n                editorRef.current?.setHTML(html);\n            },\n        }),\n        [attachmentUpload, mentions],\n    );\n\n    // Reset on context change / resetKey bump\n    useEffect(() => {\n        editorRef.current?.setHTML(initialValues?.content ?? '');\n        mentions.setMentions(initialValues?.references ?? []);\n        attachmentUpload.setAttachments(initialValues?.attachments ?? []);\n        setContentError(null);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [context.id, context.type, resetKey]);\n\n    // Sync editing comment payload\n    useEffect(() => {\n        if (!editingComment) return;\n        editorRef.current?.setHTML(editingComment.content ?? '');\n        mentions.setMentions(editingComment.references ?? []);\n        const list = (editingComment.attachments ?? editingComment.media ?? []).filter(\n            (a): a is NonNullable<typeof a> => !!a,\n        );\n        attachmentUpload.setAttachments(list);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [editingComment?.id]);\n\n    // Surface server-side errors\n    useEffect(() => {\n        if (errors?.content) {\n            setContentError(errors.content);\n        }\n    }, [errors]);\n\n    const handleSubmit = (event?: React.FormEvent) => {\n        event?.preventDefault();\n        const html = editorRef.current?.getHTML() ?? body;\n        if (!hasMeaningfulContent(html)) {\n            setContentError(strings.invalidContent);\n            return;\n        }\n        setContentError(null);\n\n        const values: CommentFormValues = {\n            content: html,\n            commentableId: context.id,\n            commentableType: context.type,\n            contentType: 'html',\n            references: mentions.mentions,\n            attachments: attachmentUpload.uploadedAttachments,\n            editingId: editingComment?.id,\n        };\n\n        onSubmit(values);\n    };\n\n    const fileInputRef = useRef<HTMLInputElement>(null);\n    const handleAttachmentClick = () => fileInputRef.current?.click();\n    const handleFiles = (files: FileList | null) => {\n        if (!files) return;\n        attachmentUpload.addFiles(files);\n    };\n\n    const hasAttachments = attachmentUpload.attachments.length > 0;\n    const isEditing = !!editingComment;\n\n    const submitLabel = isSubmitting\n        ? strings.composerSubmitting\n        : isEditing\n          ? strings.composerSave\n          : strings.composerSubmit;\n\n    const eyebrow: ReactNode = isEditing ? (\n        <ComposerEyebrow\n            label={strings.composerEditingEyebrow}\n            closeLabel={strings.composerCancel}\n            onClose={onCancel}\n        />\n    ) : null;\n\n    const extraToolbarItems = useMemo<ReadonlyArray<RichTextEditorToolbarItem>>(() => {\n        const items: RichTextEditorToolbarItem[] = [];\n        if (resources && Object.keys(resources).length > 0) {\n            items.push({\n                id: 'reference',\n                icon: AtSign,\n                label: strings.composerReferenceLabel,\n                onClick: () => mentions.setPickerOpen(true),\n            });\n        }\n        if (attachmentsConfig?.onUpload && !attachmentsConfig.disabled) {\n            items.push({\n                id: 'attachment',\n                icon: Paperclip,\n                label: strings.composerAttachmentLabel,\n                onClick: handleAttachmentClick,\n            });\n        }\n        return items;\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n        resources,\n        attachmentsConfig?.onUpload,\n        attachmentsConfig?.disabled,\n        strings.composerReferenceLabel,\n        strings.composerAttachmentLabel,\n    ]);\n\n    if (!canComment) return null;\n\n    const submitButton = (\n        <Button\n            type=\"button\"\n            onClick={() => handleSubmit()}\n            disabled={isSubmitting || attachmentUpload.isUploading}\n            icon={isSubmitting ? Loader2 : Send}\n        >\n            {submitLabel}\n        </Button>\n    );\n\n    const cancelButton = (isEditing || onCancel) ? (\n        <Button\n            type=\"button\"\n            variant=\"secondary\"\n            buttonStyle=\"ghost\"\n            onClick={onCancel}\n            disabled={isSubmitting}\n        >\n            {strings.composerCancel}\n        </Button>\n    ) : null;\n\n    // Mentions live as inline `<span class=\"rsc-mention\" contenteditable=\"false\">`\n    // chips inside the editor body — they're visible, dismissible (single\n    // backspace deletes the whole span), and the HTML→mentions sync keeps\n    // `mentions.mentions` aligned automatically. Rendering them again as a\n    // chip-list below the editor was redundant and confusing.\n\n    const attachmentChips = hasAttachments ? (\n        <div className=\"flex flex-wrap items-center gap-1.5\">\n            {attachmentUpload.attachments.map((attachment) => (\n                <CommentAttachmentChip\n                    key={attachment.id}\n                    attachment={attachment}\n                    editable\n                    onRemove={attachmentUpload.removeAttachment}\n                    onRetry={attachmentUpload.retryAttachment}\n                    strings={stringsProp}\n                />\n            ))}\n        </div>\n    ) : null;\n\n    const footerSlot = hasAttachments ? attachmentChips : null;\n\n    const trailingSubmit = inlineSubmit !== false ? submitButton : null;\n    const showFooterRow = inlineSubmit === false || isEditing;\n\n    return (\n        <form onSubmit={handleSubmit} className=\"space-y-2\">\n            {eyebrow}\n\n            <input\n                ref={fileInputRef}\n                type=\"file\"\n                multiple\n                hidden\n                accept={attachmentsConfig?.accept}\n                onChange={(e) => {\n                    handleFiles(e.target.files);\n                    e.target.value = '';\n                }}\n            />\n\n            {/* Manual button-click flow: regular popover anchored to the\n                hidden trigger. The inline-trigger flow uses the panel\n                rendered below — no focus stealing while the user types. */}\n            {!mentions.triggerActive && (\n                <Popover open={mentions.pickerOpen} onOpenChange={mentions.setPickerOpen}>\n                    <PopoverTrigger\n                        render={\n                            <button\n                                type=\"button\"\n                                className=\"sr-only\"\n                                tabIndex={-1}\n                            />\n                        }\n                    >\n                        {strings.composerReferenceLabel}\n                    </PopoverTrigger>\n                    <MentionPicker\n                        open={mentions.pickerOpen}\n                        activeKind={mentions.activeKind}\n                        setActiveKind={mentions.setActiveKind}\n                        kinds={mentions.kinds}\n                        resources={resources}\n                        query={mentions.query}\n                        setQuery={mentions.setQuery}\n                        suggestions={mentions.suggestions}\n                        isLoading={mentions.isLoading}\n                        onSelect={mentions.pickSuggestion}\n                        strings={{\n                            title: strings.composerReferenceMenuTitle,\n                            searchPlaceholder: strings.composerReferenceSearchPlaceholder,\n                            empty: strings.composerReferenceEmpty,\n                            loading: strings.composerReferenceLoading,\n                        }}\n                    />\n                </Popover>\n            )}\n\n            <div className=\"relative\">\n                <RichTextEditor\n                    ref={editorRef}\n                    value={body}\n                    onChange={(html) => {\n                        setBody(html);\n                        // Sync the draft's mentions list with what's\n                        // actually present in the HTML — when the user\n                        // backspaces a chip span out of the body, the\n                        // chip-list below shrinks too. We merge with\n                        // the previously-known list so consumer-supplied\n                        // `href` / `data` payloads survive parsing.\n                        const parsed = parseMentionsFromHtml<string>(html);\n                        const previous = mentions.mentions;\n                        const previousIds = previous.map((m) => m.id).join('|');\n                        const currentIds = parsed.map((m) => m.id).join('|');\n                        if (previousIds !== currentIds) {\n                            const byId = new Map(previous.map((m) => [m.id, m]));\n                            const merged = parsed.map(\n                                (p) => byId.get(p.id) ?? p,\n                            );\n                            mentions.setMentions(merged);\n                        }\n                    }}\n                    placeholder={placeholder ?? strings.composerPlaceholder}\n                    minHeight=\"3rem\"\n                    autoFocus={autoFocus || isEditing}\n                    extraToolbarItems={extraToolbarItems}\n                    toolbarTrailing={trailingSubmit}\n                    footerSlot={footerSlot}\n                    onCaretChange={mentions.handleCaretChange}\n                />\n\n                <MentionInlineSuggestions\n                    open={mentions.triggerActive && mentions.pickerOpen}\n                    activeKind={mentions.activeKind}\n                    setActiveKind={mentions.setActiveKind}\n                    onManualKindChange={() => mentions.setManualKindOverride(true)}\n                    kinds={mentions.kinds}\n                    resources={resources}\n                    query={mentions.query}\n                    suggestions={mentions.suggestions}\n                    suggestionsByKind={mentions.suggestionsByKind}\n                    isLoading={mentions.isLoading}\n                    onSelect={mentions.pickSuggestion}\n                    strings={{\n                        title: strings.composerReferenceMenuTitle,\n                        empty: strings.composerReferenceEmpty,\n                        loading: strings.composerReferenceLoading,\n                    }}\n                />\n            </div>\n\n            {contentError && (\n                <Text size=\"xs\" type=\"error\">\n                    {contentError}\n                </Text>\n            )}\n\n            {showFooterRow && (\n                <div className=\"flex items-center justify-end gap-2\">\n                    {cancelButton}\n                    {submitButton}\n                </div>\n            )}\n        </form>\n    );\n});\n\n/* ------------------------------------------------------------------ */\n/*  ComposerEyebrow                                                    */\n/* ------------------------------------------------------------------ */\n\nfunction ComposerEyebrow({\n    label,\n    closeLabel,\n    onClose,\n}: {\n    label: string;\n    closeLabel: string;\n    onClose?: () => void;\n}) {\n    return (\n        <div className=\"bg-muted/40 ring-border/60 flex items-center justify-between rounded px-2.5 py-1.5 ring-1 ring-inset\">\n            <Text size=\"xxs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wide\">\n                {label}\n            </Text>\n            {onClose ? (\n                <button\n                    type=\"button\"\n                    onClick={onClose}\n                    className=\"text-muted-foreground hover:text-foreground inline-flex size-4 items-center justify-center rounded transition-colors\"\n                    aria-label={closeLabel}\n                >\n                    <X className=\"size-3\" />\n                </button>\n            ) : null}\n        </div>\n    );\n}\n\n/** Helper export for templated reply eyebrow. */\nexport function makeReplyEyebrow(template: string, name?: string): string {\n    return interpolateString(template, { name: name ?? '' });\n}\n","/**\n * CommentEmpty — default empty state for the timeline. Replaceable via\n * the `emptySlot` prop on `<Comments>` / `<CommentTimeline>`.\n */\nimport { MessageCircle } from 'lucide-react';\nimport type { FC, ReactNode } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport { useResolvedStrings } from '../comments-provider';\nimport type { CommentsStrings } from '../comments.strings';\n\nexport interface CommentEmptyProps {\n    strings?: Partial<CommentsStrings>;\n    icon?: ReactNode;\n    className?: string;\n}\n\nexport const CommentEmpty: FC<CommentEmptyProps> = ({\n    strings: stringsProp,\n    icon,\n    className,\n}) => {\n    const strings = useResolvedStrings(stringsProp);\n\n    return (\n        <div\n            className={cn(\n                'flex flex-col items-center justify-center py-8 text-center',\n                className,\n            )}\n        >\n            <div className=\"bg-muted/50 mb-3 flex h-12 w-12 items-center justify-center rounded-full\">\n                {icon ?? (\n                    <MessageCircle className=\"text-muted-foreground/60 h-5 w-5\" />\n                )}\n            </div>\n            <Text weight=\"medium\">\n                {strings.empty}\n            </Text>\n            {strings.emptyHint ? (\n                <Text size=\"xs\" type=\"secondary\" className=\"mt-1 max-w-[28ch]\">\n                    {strings.emptyHint}\n                </Text>\n            ) : null}\n        </div>\n    );\n};\n","import type { ReactNode } from 'react';\nimport { Fragment, createElement } from 'react';\n\nimport { Heading, Text } from '@/components/typography';\nimport type { HeadingProps } from '@/components/typography';\nimport { MentionContent } from '@/components/features/mentions';\n\nimport type {\n    CommentData,\n    CommentUser,\n    CommentsConfig,\n    CommentsSlots,\n} from '../comments.types';\n\ninterface CommentContentProps<TResource extends string = string> {\n    comment: CommentData<CommentUser, unknown, TResource>;\n    /** Resource registry — passed through to `<MentionContent>`. */\n    resources?: CommentsConfig<CommentUser, unknown, TResource>['resources'];\n    renderReference?: CommentsSlots<\n        CommentUser,\n        unknown,\n        TResource\n    >['renderReference'];\n    /** Optional sanitizer applied to HTML before rendering. */\n    sanitizer?: (html: string) => string;\n}\n\n/**\n * `renderCommentContent` — backwards-compatible export that renders only\n * the comment body text (no references resolution). Use the\n * `<CommentContent>` component below for the full feature surface.\n */\nexport function renderCommentContent<TResource extends string = string>(\n    comment: CommentData<CommentUser, unknown, TResource>,\n): ReactNode {\n    return <CommentContent comment={comment} />;\n}\n\nexport function CommentContent<TResource extends string = string>(\n    props: CommentContentProps<TResource>,\n): ReactNode {\n    const { comment, resources, renderReference, sanitizer } = props;\n    const contentType =\n        comment.contentType ??\n        (comment as Record<string, unknown>).content_type ??\n        'text';\n\n    if (contentType === 'rich') {\n        return renderRichContent(comment.content);\n    }\n\n    if (contentType === 'html') {\n        return (\n            <MentionContent<TResource>\n                html={comment.content ?? ''}\n                mentions={comment.references}\n                resources={resources}\n                renderMention={renderReference}\n                sanitizer={sanitizer}\n            />\n        );\n    }\n\n    const plainContent = decodeQuotedString(comment.content ?? '');\n\n    return (\n        <Text className=\"whitespace-pre-line\">\n            {plainContent}\n        </Text>\n    );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Rich-block renderer (legacy \"rich\" content type)                   */\n/* ------------------------------------------------------------------ */\n\nfunction renderRichContent(rawContent: string | null | undefined): ReactNode {\n    if (!rawContent) return null;\n\n    try {\n        const parsed = JSON.parse(rawContent) as {\n            blocks?: Array<{ id?: string; type: string; data?: Record<string, unknown> }>;\n        };\n\n        if (!parsed || !Array.isArray(parsed.blocks) || parsed.blocks.length === 0) {\n            return null;\n        }\n\n        return (\n            <div className=\"prose prose-sm prose-p:my-0.5 prose-headings:my-1 prose-a:text-primary prose-a:no-underline hover:prose-a:underline max-w-none space-y-1\">\n                {parsed.blocks.map((block, index) => (\n                    <Fragment key={block.id ?? `${block.type}-${index}`}>\n                        {renderRichBlock(block)}\n                    </Fragment>\n                ))}\n            </div>\n        );\n    } catch {\n        const decoded = decodeQuotedString(rawContent);\n        return (\n            <Text className=\"whitespace-pre-line\">\n                {decoded}\n            </Text>\n        );\n    }\n}\n\nfunction renderRichBlock(block: { type: string; data?: Record<string, unknown> }): ReactNode {\n    const data = block.data ?? {};\n\n    switch (block.type) {\n        case 'paragraph': {\n            const raw = String(data.text ?? '').trim();\n            if (!raw) return null;\n            return <Text asHTML content={raw} />;\n        }\n        case 'header': {\n            const text = stripHtml(String(data.text ?? ''));\n            const level = Number(data.level ?? 3);\n            if (!text) return null;\n            const safeLevel = Math.min(Math.max(level, 1), 6);\n            return createElement(\n                Heading,\n                { tag: `h${safeLevel}` as HeadingProps['tag'] },\n                text,\n            );\n        }\n        case 'list': {\n            const items = Array.isArray(data.items) ? data.items : [];\n            const sanitizedItems = items\n                .map((item) => stripHtml(String(item ?? '')))\n                .filter((item) => item.length > 0);\n\n            if (sanitizedItems.length === 0) return null;\n\n            if (data.style === 'ordered') {\n                return (\n                    <ol className=\"ml-6 list-decimal space-y-1 text-sm\">\n                        {sanitizedItems.map((item, index) => (\n                            <li key={`${item}-${index}`}>{item}</li>\n                        ))}\n                    </ol>\n                );\n            }\n\n            return (\n                <ul className=\"ml-6 list-disc space-y-1 text-sm\">\n                    {sanitizedItems.map((item) => (\n                        <li key={item}>{item}</li>\n                    ))}\n                </ul>\n            );\n        }\n        case 'quote': {\n            const text = String(data.text ?? '').trim();\n            if (!text) return null;\n            const caption = stripHtml(String(data.caption ?? ''));\n            return (\n                <blockquote className=\"border-muted text-muted-foreground border-l-2 pl-3 text-sm italic\">\n                    <Text asHTML content={text} />\n                    {caption.length > 0 && (\n                        <cite className=\"text-muted-foreground/80 mt-1 block text-xs not-italic\">\n                            — {caption}\n                        </cite>\n                    )}\n                </blockquote>\n            );\n        }\n        case 'delimiter':\n            return (\n                <div\n                    className=\"border-muted my-4 border-b border-dashed\"\n                    aria-hidden=\"true\"\n                />\n            );\n        default: {\n            const text = stripHtml(String(data.text ?? ''));\n            if (!text) return null;\n            return (\n                <Text className=\"whitespace-pre-line\">\n                    {text}\n                </Text>\n            );\n        }\n    }\n}\n\nfunction stripHtml(value: string): string {\n    return value.replace(/<[^>]*>/g, '').trim();\n}\n\nfunction decodeQuotedString(value: string | null | undefined): string {\n    if (typeof value !== 'string') return '';\n    const trimmed = value.trim();\n    if (trimmed === '') return '';\n    if (trimmed.startsWith('{') || trimmed.startsWith('[')) return trimmed;\n    try {\n        const parsed = JSON.parse(trimmed);\n        if (typeof parsed === 'string') return parsed;\n    } catch {\n        // ignore\n    }\n    if (trimmed.startsWith('\"') && trimmed.endsWith('\"')) {\n        return trimmed.slice(1, -1);\n    }\n    return trimmed;\n}\n","import { formatDistanceToNow } from 'date-fns';\nimport {\n    CornerDownRight,\n    Pencil,\n    Pin,\n    Smile,\n    Trash2,\n} from 'lucide-react';\nimport type { FC } from 'react';\nimport { memo, useMemo } from 'react';\n\nimport {\n    Avatar,\n    AvatarFallback,\n    AvatarImage,\n} from '@/components/base/display/avatar';\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport {\n    Tooltip,\n    TooltipContent,\n    TooltipProvider,\n    TooltipTrigger,\n} from '@/components/base/display/tooltip';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport {\n    useResolvedAccessors,\n    useResolvedStrings,\n} from '../comments-provider';\nimport type {\n    CommentAttachment,\n    CommentItemProps,\n} from '../comments.types';\nimport { CommentAttachmentChip } from './comment-attachment-chip';\nimport { CommentContent } from './comment-content';\n\nconst FALLBACK_INITIAL = '?';\n\nconst defaultGetMediaUrl = (m: CommentAttachment | null | undefined) => m?.url;\nconst defaultGetMediaName = (m: CommentAttachment | null | undefined) => m?.name;\nconst defaultGetStatusLabel = (s: string) =>\n    s.charAt(0).toUpperCase() + s.slice(1).replace(/_/g, ' ');\nconst defaultFormatRelativeTime = (iso: string) => {\n    try {\n        return formatDistanceToNow(new Date(iso), { addSuffix: true });\n    } catch {\n        return '—';\n    }\n};\n\nexport const CommentItem = memo(function CommentItem<TResource extends string = string>({\n    comment,\n    canModerate,\n    onDelete,\n    onPinToggle,\n    onReact,\n    onReply,\n    strings: stringsProp,\n    getMediaUrl,\n    getMediaName,\n    getStatusLabel,\n    formatRelativeTime,\n    resources,\n    renderAttachment,\n    renderReference,\n}: CommentItemProps<import('../comments.types').CommentUser, unknown, TResource>) {\n    const strings = useResolvedStrings(stringsProp);\n    const accessors = useResolvedAccessors({\n        getMediaUrl,\n        getMediaName,\n        getStatusLabel,\n        formatRelativeTime,\n    });\n\n    const resolvedGetMediaUrl = accessors.getMediaUrl ?? defaultGetMediaUrl;\n    const resolvedGetMediaName = accessors.getMediaName ?? defaultGetMediaName;\n    const resolvedGetStatusLabel =\n        accessors.getStatusLabel ?? defaultGetStatusLabel;\n    const resolvedFormatRelativeTime =\n        accessors.formatRelativeTime ?? defaultFormatRelativeTime;\n\n    const authorName = comment.user?.name ?? strings.fallbackAuthor;\n    const avatarUrl = comment.user?.avatar ?? undefined;\n\n    const relativeTime = useMemo(() => {\n        if (!comment.createdAt) return '—';\n        return resolvedFormatRelativeTime(comment.createdAt);\n    }, [comment.createdAt, resolvedFormatRelativeTime]);\n\n    const fallbackInitial = useMemo(() => {\n        if (!authorName) return FALLBACK_INITIAL;\n        const trimmed = authorName.trim();\n        return trimmed === ''\n            ? FALLBACK_INITIAL\n            : trimmed.charAt(0).toUpperCase();\n    }, [authorName]);\n\n    const tagList = useMemo(() => {\n        if (Array.isArray(comment.tagsArray)) {\n            return comment.tagsArray.filter(\n                (tag): tag is string => typeof tag === 'string',\n            );\n        }\n        if (comment.tagsArray && typeof comment.tagsArray === 'object') {\n            return Object.values(comment.tagsArray).filter(\n                (value): value is string => typeof value === 'string',\n            );\n        }\n        return [];\n    }, [comment.tagsArray]);\n\n    const attachments = useMemo(() => {\n        const list = comment.attachments ?? comment.media ?? [];\n        return list.filter(\n            (a): a is CommentAttachment => !!a && typeof a === 'object',\n        );\n    }, [comment.attachments, comment.media]);\n\n    const reactions = comment.reactions ?? [];\n\n    const isPinned = comment.isPinned === true;\n    const isEdited = comment.isEdited === true;\n    const showStatus = comment.status && comment.status !== 'active';\n    const statusLabel =\n        showStatus && comment.status ? resolvedGetStatusLabel(comment.status) : null;\n    const canDeleteComment =\n        comment.canDelete === true || canModerate === true;\n    const canEditComment = comment.canEdit === true || canModerate === true;\n\n    const hasAttachments = attachments.length > 0;\n\n    return (\n        <article\n            className={cn(\n                'group relative overflow-hidden rounded-lg border transition-colors',\n                'border-border/60 bg-card hover:bg-muted/30 px-3 py-2.5',\n            )}\n            data-comment-id={comment.id}\n        >\n            <div className=\"flex items-start gap-3\">\n                <Avatar className=\"mt-0.5 h-8 w-8 shrink-0\">\n                    {!!avatarUrl && (\n                        <AvatarImage src={avatarUrl} alt={authorName} />\n                    )}\n                    <AvatarFallback className=\"bg-muted text-muted-foreground text-xs font-medium\">\n                        {fallbackInitial}\n                    </AvatarFallback>\n                </Avatar>\n\n                <div className=\"min-w-0 flex-1\">\n                    <div className=\"flex min-w-0 items-baseline gap-2\">\n                        <Text\n                            tag=\"span\"\n                            weight=\"semibold\"\n                            className=\"truncate\"\n                        >\n                            {authorName}\n                        </Text>\n\n                        {!!isPinned && (\n                            <TooltipProvider delayDuration={0}>\n                                <Tooltip>\n                                    <TooltipTrigger render={<span className=\"inline-flex shrink-0 self-center\" />}>\n                                        <Pin className=\"text-warning size-3\" aria-hidden />\n                                    </TooltipTrigger>\n                                    <TooltipContent\n                                        side=\"top\"\n                                        className=\"text-xs\"\n                                    >\n                                        {strings.pinned}\n                                    </TooltipContent>\n                                </Tooltip>\n                            </TooltipProvider>\n                        )}\n\n                        <Text\n                            tag=\"span\"\n                            size=\"xs\"\n                            type=\"secondary\"\n                            className=\"shrink-0 tabular-nums\"\n                        >\n                            {relativeTime}\n                        </Text>\n\n                        {!!isEdited && (\n                            <Text\n                                tag=\"span\"\n                                size=\"xs\"\n                                type=\"secondary\"\n                                className=\"shrink-0\"\n                            >\n                                {strings.edited}\n                            </Text>\n                        )}\n\n                        {!!showStatus && !!statusLabel && (\n                            <Badge variant=\"secondary\" className=\"self-center uppercase tracking-wide\">\n                                {statusLabel}\n                            </Badge>\n                        )}\n                    </div>\n\n                    <div className=\"mt-1 text-sm leading-relaxed\">\n                        <CommentContent\n                            comment={comment}\n                            resources={resources}\n                            renderReference={renderReference}\n                        />\n                    </div>\n\n                    {tagList.length > 0 && (\n                        <div className=\"mt-2 flex flex-wrap gap-1.5\">\n                            {tagList.map((tag) => (\n                                <Badge key={tag} variant=\"secondary\" className=\"uppercase tracking-wide\">\n                                    {tag}\n                                </Badge>\n                            ))}\n                        </div>\n                    )}\n\n                    {hasAttachments && (\n                        <div className=\"mt-2 flex flex-wrap gap-1.5\">\n                            {attachments.map((attachment) => {\n                                if (renderAttachment) {\n                                    return (\n                                        <div key={attachment.id ?? attachment.name}>\n                                            {renderAttachment(attachment)}\n                                        </div>\n                                    );\n                                }\n                                return (\n                                    <CommentAttachmentChip\n                                        key={attachment.id ?? attachment.name}\n                                        attachment={attachment}\n                                        accessors={{\n                                            getMediaUrl: resolvedGetMediaUrl,\n                                            getMediaName: resolvedGetMediaName,\n                                        }}\n                                        strings={stringsProp}\n                                    />\n                                );\n                            })}\n                        </div>\n                    )}\n\n                    {reactions.length > 0 && (\n                        <div className=\"mt-2 flex flex-wrap items-center gap-1\">\n                            {reactions.map((reaction) => (\n                                <button\n                                    key={reaction.emoji}\n                                    type=\"button\"\n                                    onClick={() =>\n                                        onReact && comment.id\n                                            ? onReact(comment.id, reaction.emoji)\n                                            : undefined\n                                    }\n                                    title={reaction.users?.join(', ')}\n                                    className=\"rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40\"\n                                >\n                                    <Badge\n                                        variant={reaction.mine ? 'primary' : 'secondary'}\n                                        className=\"cursor-pointer transition-colors hover:opacity-90\"\n                                    >\n                                        <span aria-hidden className=\"leading-none\">\n                                            {reaction.emoji}\n                                        </span>\n                                        <span className=\"tabular-nums\">{reaction.count}</span>\n                                    </Badge>\n                                </button>\n                            ))}\n                        </div>\n                    )}\n                </div>\n\n                {/* Trailing action cluster — single low-contrast group, hover/focus revealed. */}\n                <div\n                    className={cn(\n                        'shrink-0 self-start opacity-0 transition-opacity',\n                        'group-hover:opacity-100 focus-within:opacity-100',\n                        '-mr-1 inline-flex items-center gap-0.5',\n                    )}\n                >\n                    {!!onReply && (\n                        <Button\n                            type=\"button\"\n                            size=\"icon-xs\"\n                            variant=\"secondary\"\n                            buttonStyle=\"ghost\"\n                            onClick={() =>\n                                comment.id && onReply(comment.id)\n                            }\n                            title={strings.replyLabel}\n                            aria-label={strings.replyLabel}\n                        >\n                            <CornerDownRight className=\"size-3.5\" />\n                        </Button>\n                    )}\n                    {!!onReact && (\n                        <Button\n                            type=\"button\"\n                            size=\"icon-xs\"\n                            variant=\"secondary\"\n                            buttonStyle=\"ghost\"\n                            onClick={() =>\n                                comment.id && onReact(comment.id, '👍')\n                            }\n                            title={strings.addReactionLabel}\n                            aria-label={strings.addReactionLabel}\n                        >\n                            <Smile className=\"size-3.5\" />\n                        </Button>\n                    )}\n                    {!!onPinToggle && canModerate && (\n                        <Button\n                            type=\"button\"\n                            size=\"icon-xs\"\n                            variant=\"secondary\"\n                            buttonStyle=\"ghost\"\n                            onClick={() => onPinToggle(comment)}\n                            title={isPinned ? strings.unpinLabel : strings.pinLabel}\n                            aria-label={isPinned ? strings.unpinLabel : strings.pinLabel}\n                        >\n                            <Pin\n                                className={cn(\n                                    'size-3.5',\n                                    isPinned && 'text-warning',\n                                )}\n                            />\n                        </Button>\n                    )}\n                    {!!canEditComment && !!comment.id && (\n                        <Button\n                            type=\"button\"\n                            size=\"icon-xs\"\n                            variant=\"secondary\"\n                            buttonStyle=\"ghost\"\n                            title={strings.editLabel}\n                            aria-label={strings.editLabel}\n                        >\n                            <Pencil className=\"size-3.5\" />\n                        </Button>\n                    )}\n                    {!!canDeleteComment &&\n                        !!onDelete &&\n                        !!comment.id && (\n                            <Button\n                                type=\"button\"\n                                size=\"icon-xs\"\n                                variant=\"secondary\"\n                                buttonStyle=\"ghost\"\n                                className=\"hover:bg-destructive/10 hover:text-destructive\"\n                                onClick={() =>\n                                    onDelete(comment.id as string)\n                                }\n                                title={strings.deleteLabel}\n                                aria-label={strings.deleteLabel}\n                            >\n                                <Trash2 className=\"size-3.5\" />\n                            </Button>\n                        )}\n                </div>\n            </div>\n        </article>\n    );\n}) as <TResource extends string = string>(\n    props: CommentItemProps<import('../comments.types').CommentUser, unknown, TResource>,\n) => ReturnType<FC>;\n","import type { FC } from 'react';\n\nimport type { CommentTimelineProps, CommentUser } from '../comments.types';\nimport { CommentEmpty } from './comment-empty';\nimport { CommentItem } from './comment-item';\n\nexport const CommentTimeline = function CommentTimeline<\n    TResource extends string = string,\n>({\n    comments,\n    canModerate,\n    onDelete,\n    onPinToggle,\n    onReact,\n    onReply,\n    strings: stringsProp,\n    getMediaUrl,\n    getMediaName,\n    getStatusLabel,\n    formatRelativeTime,\n    resources,\n    renderItem,\n    renderAttachment,\n    renderReference,\n    emptySlot,\n}: CommentTimelineProps<CommentUser, unknown, TResource>) {\n    if (!comments.length) {\n        return (\n            <>\n                {emptySlot ?? <CommentEmpty strings={stringsProp} />}\n            </>\n        );\n    }\n\n    return (\n        <div className=\"flex flex-col gap-2\">\n            {comments.map((comment, index) => {\n                const defaultItem = (\n                    <CommentItem\n                        comment={comment}\n                        canModerate={canModerate}\n                        onDelete={onDelete}\n                        onPinToggle={onPinToggle}\n                        onReact={onReact}\n                        onReply={onReply}\n                        strings={stringsProp}\n                        getMediaUrl={getMediaUrl}\n                        getMediaName={getMediaName}\n                        getStatusLabel={getStatusLabel}\n                        formatRelativeTime={formatRelativeTime}\n                        resources={resources}\n                        renderAttachment={renderAttachment}\n                        renderReference={renderReference}\n                    />\n                );\n\n                if (renderItem) {\n                    return (\n                        <div key={comment.id ?? `comment-${index}`}>\n                            {renderItem({\n                                comment,\n                                canModerate: canModerate ?? false,\n                                onDelete,\n                                defaultItem,\n                            })}\n                        </div>\n                    );\n                }\n\n                return (\n                    <div key={comment.id ?? `comment-${index}`}>\n                        {defaultItem}\n                    </div>\n                );\n            })}\n        </div>\n    );\n} as <TResource extends string = string>(\n    props: CommentTimelineProps<CommentUser, unknown, TResource>,\n) => ReturnType<FC>;\n","/**\n * Comments — top-level entry for the Comments feature.\n *\n * Composes the composer + timeline + empty state behind a single API.\n * Generic in `<TUser, TMeta, TResource>` so consumers can type their\n * domain (user shape, custom meta payload, resource-kind union).\n *\n * Per-mount wiring (callbacks, resources, accessors) flows as direct\n * props. Library-wide display defaults (composer position, etc.) come\n * from `<UIProvider>` — see `@/lib/ui-provider`. Slots, render-props,\n * and the headless `useComments()` hook cover the composability\n * spectrum.\n *\n * `CommentsCard` is exported as a back-compat alias for the previous\n * name; the API shape is identical.\n */\nimport { useCallback, useState } from 'react';\n\nimport { SmartCard } from '@/components/base/cards';\nimport { useCommentsConfig as useCommentsUIDefaults } from '@/lib/ui-provider';\n\nimport { useResolvedStrings } from './comments-provider';\nimport type {\n    CommentData,\n    CommentFormValues,\n    CommentSubmitHelpers,\n    CommentUser,\n    CommentsProps,\n} from './comments.types';\nimport { CommentComposer } from './partials/comment-composer';\nimport { CommentEmpty } from './partials/comment-empty';\nimport { CommentTimeline } from './partials/comment-timeline';\n\nimport { cn } from '@/lib/utils';\nexport function Comments<\n    TUser extends CommentUser = CommentUser,\n    TMeta = unknown,\n    TResource extends string = string,\n>(props: CommentsProps<TUser, TMeta, TResource>) {\n    const ui = useCommentsUIDefaults();\n\n    const composerPosition =\n        props.composerPosition ?? ui.composerPosition ?? 'top';\n\n    const canComment = props.canComment ?? false;\n    const canModerate = props.canModerate ?? false;\n\n    const onSubmit = props.onSubmit;\n    const onDelete = props.onDelete;\n    const onPinToggle = props.onPinToggle;\n    const onReact = props.onReact;\n    const onReply = props.onReply;\n\n    const resources = props.resources;\n    const attachments = props.attachments;\n\n    const strings = useResolvedStrings(props.strings);\n    const cardTitle = props.title === undefined ? strings.title : props.title;\n\n    const [formErrors, setFormErrors] = useState<Record<string, string>>({});\n    const [isSubmitting, setIsSubmitting] = useState(false);\n    const [resetKey, setResetKey] = useState(0);\n\n    const submitHelpers: CommentSubmitHelpers = {\n        setErrors: (errors) => setFormErrors(errors),\n        reset: () => {\n            setResetKey((k) => k + 1);\n            setFormErrors({});\n            setIsSubmitting(false);\n        },\n        setSubmitting: setIsSubmitting,\n    };\n\n    const handleSubmit = useCallback(\n        (values: CommentFormValues<TResource>) => {\n            if (!onSubmit) return;\n            setIsSubmitting(true);\n            setFormErrors({});\n            onSubmit(values, submitHelpers);\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [onSubmit],\n    );\n\n    const composer = props.composerSlot ?? (\n        canComment ? (\n            <CommentComposer\n                context={props.context}\n                canComment={canComment}\n                isSubmitting={isSubmitting}\n                errors={formErrors}\n                resetKey={resetKey}\n                /*\n                 * Generic-erasure boundary: `<Comments<TResource>>` is\n                 * generic but `<CommentComposer>` types its props\n                 * against the default-string kind. Shapes are\n                 * structurally identical — only the kind union differs.\n                 */\n                onSubmit={\n                    handleSubmit as (values: CommentFormValues) => void\n                }\n                strings={props.strings}\n                resources={resources as never}\n                attachments={attachments}\n            />\n        ) : null\n    );\n\n    /*\n     * Same generic-erasure boundary as the composer block above:\n     * `<Comments<TUser, TMeta, TResource>>` is generic, but\n     * `<CommentTimeline>` types its `comments` and `onPinToggle` props\n     * against `CommentData<CommentUser, unknown, TResource>` (default\n     * `TUser`/`TMeta`). The shapes are structurally identical — `TUser`\n     * narrows the author union and `TMeta` narrows the metadata payload,\n     * neither of which the timeline reads — so the widening cast is\n     * safe. Keep the cast localised here; do not propagate into the\n     * timeline body.\n     */\n    const timeline = (\n        <CommentTimeline\n            comments={props.comments as ReadonlyArray<CommentData<CommentUser, unknown, TResource>>}\n            canModerate={canModerate}\n            onDelete={onDelete}\n            onPinToggle={onPinToggle as (c: CommentData<CommentUser, unknown, TResource>) => void}\n            onReact={onReact}\n            onReply={onReply}\n            strings={props.strings}\n            getMediaUrl={props.getMediaUrl}\n            getMediaName={props.getMediaName}\n            getStatusLabel={props.getStatusLabel}\n            formatRelativeTime={props.formatRelativeTime}\n            resources={resources}\n            // `renderItem` is generic over the consumer's `<TUser, TMeta,\n            // TResource>` triple; `<CommentTimeline>` types it against\n            // the default `CommentUser, unknown, string` triple. The\n            // structural signature is the same — boundary cast only.\n            renderItem={props.renderItem as never}\n            renderAttachment={props.renderAttachment}\n            renderReference={props.renderReference}\n            emptySlot={\n                props.emptySlot ?? <CommentEmpty strings={props.strings} />\n            }\n        />\n    );\n\n    const composerBlock = composer ? <div>{composer}</div> : null;\n\n    const inner = (\n        <div className=\"flex flex-col gap-4\">\n            {props.headerSlot}\n            {composerPosition === 'top' && composerBlock}\n            {timeline}\n            {composerPosition === 'bottom' && composerBlock}\n            {props.footerSlot}\n        </div>\n    );\n\n    if (props.bare) {\n        return inner;\n    }\n\n    return (\n        <SmartCard\n            title={cardTitle === false ? undefined : cardTitle}\n            description={strings.subtitle || undefined}\n            padding=\"sm\"\n            className={cn('comments--component', props.className)}\n        >\n            {inner}\n        </SmartCard>\n    );\n}\n\n/** Back-compat alias — `CommentsCard` was the previous primary export. */\nexport const CommentsCard = Comments;\n","/**\n * useComments — headless state machine for the Comments feature.\n *\n * Tracks composer mode (idle | replying | editing), submit/delete\n * helpers, error state, and resetKey bumping. The default `<Comments>`\n * component composes this hook; consumers building a fully custom UI\n * can use it directly.\n */\nimport { useCallback, useState } from 'react';\n\nimport type {\n    CommentData,\n    CommentFormValues,\n    CommentSubmitHelpers,\n    CommentUser,\n    CommentsConfig,\n} from '../comments.types';\n\nexport type ComposerMode<TResource extends string = string> =\n    | { kind: 'idle' }\n    | { kind: 'editing'; comment: CommentData<CommentUser, unknown, TResource> }\n    | { kind: 'replying'; commentId: string; authorName?: string };\n\nexport interface UseCommentsOptions<\n    TUser extends CommentUser = CommentUser,\n    TMeta = unknown,\n    TResource extends string = string,\n> {\n    onSubmit?: CommentsConfig<TUser, TMeta, TResource>['onSubmit'];\n    onUpdate?: CommentsConfig<TUser, TMeta, TResource>['onUpdate'];\n    onDelete?: CommentsConfig<TUser, TMeta, TResource>['onDelete'];\n}\n\nexport interface UseCommentsReturn<\n    TUser extends CommentUser = CommentUser,\n    TMeta = unknown,\n    TResource extends string = string,\n> {\n    composerMode: ComposerMode<TResource>;\n    isSubmitting: boolean;\n    formErrors: Record<string, string>;\n    resetKey: number;\n\n    startReply: (comment: CommentData<TUser, TMeta, TResource>) => void;\n    startEdit: (comment: CommentData<TUser, TMeta, TResource>) => void;\n    cancelComposerMode: () => void;\n\n    submit: (values: CommentFormValues<TResource>) => void;\n    deleteComment: (id: string) => void;\n\n    /** Imperative reset — bumps `resetKey` so the composer clears itself. */\n    resetComposer: () => void;\n    /** Helpers exposed to onSubmit/onUpdate. */\n    helpers: CommentSubmitHelpers;\n}\n\nexport function useComments<\n    TUser extends CommentUser = CommentUser,\n    TMeta = unknown,\n    TResource extends string = string,\n>(\n    options: UseCommentsOptions<TUser, TMeta, TResource> = {},\n): UseCommentsReturn<TUser, TMeta, TResource> {\n    const { onSubmit, onUpdate, onDelete } = options;\n\n    const [composerMode, setComposerMode] = useState<ComposerMode<TResource>>({\n        kind: 'idle',\n    });\n    const [isSubmitting, setIsSubmitting] = useState(false);\n    const [formErrors, setFormErrors] = useState<Record<string, string>>({});\n    const [resetKey, setResetKey] = useState(0);\n\n    const helpers: CommentSubmitHelpers = {\n        setErrors: (errors) => setFormErrors(errors),\n        reset: () => {\n            setResetKey((k) => k + 1);\n            setComposerMode({ kind: 'idle' });\n            setFormErrors({});\n        },\n        setSubmitting: setIsSubmitting,\n    };\n\n    const startReply = useCallback(\n        (comment: CommentData<TUser, TMeta, TResource>) => {\n            setComposerMode({\n                kind: 'replying',\n                commentId: comment.id ?? '',\n                authorName: comment.user?.name,\n            });\n        },\n        [],\n    );\n\n    const startEdit = useCallback(\n        (comment: CommentData<TUser, TMeta, TResource>) => {\n            setComposerMode({ kind: 'editing', comment });\n        },\n        [],\n    );\n\n    const cancelComposerMode = useCallback(() => {\n        setComposerMode({ kind: 'idle' });\n        setFormErrors({});\n    }, []);\n\n    const submit = useCallback(\n        (values: CommentFormValues<TResource>) => {\n            setIsSubmitting(true);\n            setFormErrors({});\n\n            if (composerMode.kind === 'editing' && composerMode.comment.id) {\n                if (!onUpdate) {\n                    setIsSubmitting(false);\n                    return;\n                }\n                onUpdate(composerMode.comment.id, values, helpers);\n                return;\n            }\n\n            if (!onSubmit) {\n                setIsSubmitting(false);\n                return;\n            }\n\n            const payload: CommentFormValues<TResource> =\n                composerMode.kind === 'replying'\n                    ? { ...values, replyToId: composerMode.commentId }\n                    : values;\n\n            onSubmit(payload, helpers);\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [composerMode, onSubmit, onUpdate],\n    );\n\n    const deleteComment = useCallback(\n        (id: string) => {\n            if (!onDelete || !id) return;\n            onDelete(id);\n        },\n        [onDelete],\n    );\n\n    const resetComposer = useCallback(() => {\n        setResetKey((k) => k + 1);\n        setComposerMode({ kind: 'idle' });\n        setFormErrors({});\n    }, []);\n\n    return {\n        composerMode,\n        isSubmitting,\n        formErrors,\n        resetKey,\n        startReply,\n        startEdit,\n        cancelComposerMode,\n        submit,\n        deleteComment,\n        resetComposer,\n        helpers,\n    };\n}\n"],"mappings":"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"}

package/dist/_shared/containers-BthqdOhA.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-D3uCBrYO.cjs`);const e=require(`../lib/utils.cjs`);let t=require(`react/jsx-runtime`);var n={tight:`space-y-3`,default:`space-y-5`,loose:`space-y-8`};function r({children:r,as:i=`section`,density:a=`default`,className:o,...s}){return(0,t.jsx)(i,{className:e.cn(n[a],o),...s,children:r})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=containers-BthqdOhA.cjs.map

package/dist/_shared/containers-BthqdOhA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"containers-BthqdOhA.cjs","names":[],"sources":["../../src/components/layout/containers/section.tsx"],"sourcesContent":["/**\n * Section — vertical-spaced wrapper for grouping content blocks inside a page.\n *\n * Use between cards or content groups when you want a consistent vertical\n * rhythm without nesting another `Container`. Three densities scale the\n * top/bottom spacing.\n */\nimport { cn } from '@/lib/utils';\n\nimport type { SectionProps } from './containers.types';\n\nconst DENSITY_CLASS: Record<NonNullable<SectionProps['density']>, string> = {\n\ttight: 'space-y-3',\n\tdefault: 'space-y-5',\n\tloose: 'space-y-8',\n};\n\nexport function Section({\n\tchildren,\n\tas: Component = 'section',\n\tdensity = 'default',\n\tclassName,\n\t...props\n}: SectionProps) {\n\treturn (\n\t\t<Component className={cn(DENSITY_CLASS[density], className)} {...props}>\n\t\t\t{children}\n\t\t</Component>\n\t);\n}\n"],"mappings":"uGAWA,IAAM,EAAsE,CAC3E,MAAO,YACP,QAAS,YACT,MAAO,YACP,CAED,SAAgB,EAAQ,CACvB,WACA,GAAI,EAAY,UAChB,UAAU,UACV,YACA,GAAG,GACa,CAChB,OACC,EAAA,EAAA,KAAC,EAAD,CAAW,UAAW,EAAA,GAAG,EAAc,GAAU,EAAU,CAAE,GAAI,EAC/D,WACU,CAAA"}

package/dist/_shared/containers-CD2xs1nk.js

@@ -0,0 +1,19 @@
+import { cn as e } from "../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/layout/containers/section.tsx
+var n = {
+	tight: "space-y-3",
+	default: "space-y-5",
+	loose: "space-y-8"
+};
+function r({ children: r, as: i = "section", density: a = "default", className: o, ...s }) {
+	return /* @__PURE__ */ t(i, {
+		className: e(n[a], o),
+		...s,
+		children: r
+	});
+}
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=containers-CD2xs1nk.js.map