@mieweb/ui 0.6.1-dev.149 → 0.6.1-dev.150

package/dist/chunk-ASLZUFH4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Messaging/MessageBubble.tsx","../src/components/Messaging/MessageList.tsx","../src/components/Messaging/ConversationHeader.tsx","../src/components/Messaging/MessageThread.tsx","../src/components/Messaging/hooks.ts"],"names":["React","jsxs","jsx","React2","cva","React3","React4"],"mappings":"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","file":"chunk-ASLZUFH4.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport type {\n  Message,\n  MessageStatus,\n  MessageAttachment,\n  ReadReceipt,\n} from './types';\n\n// ============================================================================\n// Message Status Icon Component\n// ============================================================================\n\nconst statusIconVariants = cva(\n  'inline-flex items-center gap-0.5 text-current',\n  {\n    variants: {\n      status: {\n        sending: 'text-neutral-500',\n        sent: 'text-neutral-500',\n        delivered: 'text-muted-foreground',\n        read: 'text-primary-800 dark:text-primary-300',\n        failed: 'text-red-500',\n      },\n    },\n    defaultVariants: {\n      status: 'sent',\n    },\n  }\n);\n\nexport interface MessageStatusIconProps {\n  status: MessageStatus;\n  className?: string;\n}\n\n/**\n * Visual status indicator for messages (checkmarks).\n */\nfunction MessageStatusIcon({ status, className }: MessageStatusIconProps) {\n  return (\n    <span\n      className={cn(statusIconVariants({ status }), className)}\n      role=\"img\"\n      aria-label={`Message ${status}`}\n    >\n      {status === 'sending' && (\n        <svg\n          aria-hidden=\"true\"\n          className=\"h-3.5 w-3.5 animate-spin\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n        >\n          <circle\n            className=\"opacity-25\"\n            cx=\"12\"\n            cy=\"12\"\n            r=\"10\"\n            stroke=\"currentColor\"\n            strokeWidth=\"4\"\n          />\n          <path\n            className=\"opacity-75\"\n            fill=\"currentColor\"\n            d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z\"\n          />\n        </svg>\n      )}\n      {status === 'sent' && (\n        <svg\n          aria-hidden=\"true\"\n          className=\"h-3.5 w-3.5\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n        >\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            d=\"M5 13l4 4L19 7\"\n          />\n        </svg>\n      )}\n      {(status === 'delivered' || status === 'read') && (\n        <svg\n          aria-hidden=\"true\"\n          className=\"h-4 w-4\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n        >\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            d=\"M5 13l4 4L19 7\"\n          />\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            d=\"M12 13l4 4L26 7\"\n            transform=\"translate(-5, 0)\"\n          />\n        </svg>\n      )}\n      {status === 'failed' && (\n        <svg\n          aria-hidden=\"true\"\n          className=\"h-3.5 w-3.5\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n        >\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n          />\n        </svg>\n      )}\n    </span>\n  );\n}\n\n// ============================================================================\n// Read Receipt Indicator Component\n// ============================================================================\n\nexport interface ReadReceiptIndicatorProps {\n  /** Read receipts to display */\n  receipts: ReadReceipt[];\n  /** Maximum avatars to show before +N */\n  maxAvatars?: number;\n  /** Size of avatars */\n  size?: 'xs' | 'sm';\n  className?: string;\n}\n\n/**\n * Displays read receipt avatars for group conversations.\n */\nfunction ReadReceiptIndicator({\n  receipts,\n  maxAvatars = 3,\n  size = 'xs',\n  className,\n}: ReadReceiptIndicatorProps) {\n  if (receipts.length === 0) return null;\n\n  const visibleReceipts = receipts.slice(0, maxAvatars);\n  const remainingCount = receipts.length - maxAvatars;\n\n  const sizeClasses = {\n    xs: 'h-4 w-4 text-[8px]',\n    sm: 'h-5 w-5 text-[10px]',\n  };\n\n  return (\n    <div\n      className={cn('flex items-center -space-x-1', className)}\n      aria-label={`Read by ${receipts.map((r) => r.participant.name).join(', ')}`}\n    >\n      {visibleReceipts.map((receipt) => (\n        <div\n          key={receipt.participant.id}\n          className={cn(\n            'rounded-full ring-2 ring-white dark:ring-neutral-900',\n            'bg-primary-800 font-medium text-white',\n            'flex items-center justify-center',\n            sizeClasses[size]\n          )}\n          title={`Read by ${receipt.participant.name}`}\n        >\n          {receipt.participant.avatarUrl ? (\n            <img\n              src={receipt.participant.avatarUrl}\n              alt={receipt.participant.name}\n              className=\"h-full w-full rounded-full object-cover\"\n            />\n          ) : (\n            receipt.participant.name.charAt(0).toUpperCase()\n          )}\n        </div>\n      ))}\n      {remainingCount > 0 && (\n        <div\n          className={cn(\n            'rounded-full ring-2 ring-white dark:ring-neutral-900',\n            'bg-neutral-500 font-medium text-white',\n            'flex items-center justify-center',\n            sizeClasses[size]\n          )}\n        >\n          +{remainingCount}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ============================================================================\n// Message Attachment Preview Component\n// ============================================================================\n\nexport interface AttachmentPreviewProps {\n  attachment: MessageAttachment;\n  onClick?: () => void;\n  className?: string;\n}\n\n/**\n * Renders an attachment preview within a message bubble.\n */\nfunction AttachmentPreview({\n  attachment,\n  onClick,\n  className,\n}: AttachmentPreviewProps) {\n  const isImage = attachment.type === 'image';\n  const isVideo = attachment.type === 'video';\n\n  if (isImage || isVideo) {\n    return (\n      <button\n        type=\"button\"\n        onClick={onClick}\n        className={cn(\n          'relative block overflow-hidden rounded-lg',\n          'focus:ring-primary-500 focus:ring-2 focus:outline-none',\n          'transition-transform hover:scale-[1.02]',\n          className\n        )}\n        aria-label={`View ${attachment.alt || attachment.filename}`}\n      >\n        <img\n          src={attachment.thumbnailUrl || attachment.url}\n          alt={attachment.alt || attachment.filename}\n          className=\"max-h-64 w-auto rounded-lg object-cover\"\n          loading=\"lazy\"\n        />\n        {isVideo && (\n          <div className=\"absolute inset-0 flex items-center justify-center bg-black/30\">\n            <div className=\"rounded-full bg-white/90 p-3\">\n              <svg\n                aria-hidden=\"true\"\n                className=\"h-6 w-6 text-neutral-900\"\n                fill=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path d=\"M8 5v14l11-7z\" />\n              </svg>\n            </div>\n          </div>\n        )}\n        {attachment.state === 'uploading' &&\n          attachment.progress !== undefined && (\n            <div className=\"absolute inset-0 flex items-center justify-center bg-black/50\">\n              <div className=\"text-center text-white\">\n                <svg\n                  aria-hidden=\"true\"\n                  className=\"mx-auto h-8 w-8 animate-spin\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                >\n                  <circle\n                    className=\"opacity-25\"\n                    cx=\"12\"\n                    cy=\"12\"\n                    r=\"10\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"4\"\n                  />\n                  <path\n                    className=\"opacity-75\"\n                    fill=\"currentColor\"\n                    d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z\"\n                  />\n                </svg>\n                <span className=\"mt-1 text-sm\">{attachment.progress}%</span>\n              </div>\n            </div>\n          )}\n        {attachment.state === 'failed' && (\n          <div className=\"absolute inset-0 flex items-center justify-center bg-black/50\">\n            <div className=\"text-center text-white\">\n              <svg\n                aria-hidden=\"true\"\n                className=\"mx-auto h-8 w-8 text-red-400\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n                />\n              </svg>\n              <span className=\"mt-1 text-sm\">Upload failed</span>\n            </div>\n          </div>\n        )}\n      </button>\n    );\n  }\n\n  // File/document attachment\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      className={cn(\n        'flex items-center gap-3 rounded-lg p-3',\n        'bg-white/10 hover:bg-white/20',\n        'transition-colors',\n        'focus:ring-primary-500 focus:ring-2 focus:outline-none',\n        className\n      )}\n    >\n      <div className=\"rounded-lg bg-white/20 p-2\">\n        <svg\n          aria-hidden=\"true\"\n          className=\"h-6 w-6\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n        >\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\n          />\n        </svg>\n      </div>\n      <div className=\"min-w-0 flex-1 text-left\">\n        <p className=\"truncate text-sm font-medium\">{attachment.filename}</p>\n        <p className=\"text-xs opacity-70\">{formatFileSize(attachment.size)}</p>\n      </div>\n    </button>\n  );\n}\n\n/**\n * Format file size in human-readable format.\n */\nfunction formatFileSize(bytes: number): string {\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\n// ============================================================================\n// Message Bubble Component\n// ============================================================================\n\nconst bubbleVariants = cva(\n  [\n    'relative max-w-[85%] sm:max-w-[70%]',\n    'rounded-2xl px-4 py-2',\n    'transition-all duration-200',\n  ],\n  {\n    variants: {\n      variant: {\n        outgoing: ['bg-primary-800 text-white', 'rounded-br-md', 'ml-auto'],\n        incoming: [\n          'bg-neutral-100 text-neutral-900',\n          'dark:bg-neutral-800 dark:text-neutral-100',\n          'rounded-bl-md',\n          'mr-auto',\n        ],\n        system: [\n          'mx-auto max-w-none',\n          'bg-transparent text-muted-foreground',\n          'text-center text-sm',\n          'py-1 px-2',\n        ],\n      },\n      status: {\n        sending: '',\n        sent: '',\n        delivered: '',\n        read: '',\n        failed: 'ring-2 ring-red-500/50',\n      },\n    },\n    defaultVariants: {\n      variant: 'incoming',\n      status: 'sent',\n    },\n  }\n);\n\nexport interface MessageBubbleProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'id'>,\n    VariantProps<typeof bubbleVariants> {\n  /** The message to display */\n  message: Message;\n  /** Whether to show the sender's avatar */\n  showAvatar?: boolean;\n  /** Whether to show the sender's name (for group chats) */\n  showSenderName?: boolean;\n  /** Whether to show the timestamp */\n  showTimestamp?: boolean;\n  /** Whether to show message status */\n  showStatus?: boolean;\n  /** Whether to show read receipts */\n  showReadReceipts?: boolean;\n  /** Called when retry is clicked for failed messages */\n  onRetry?: () => void;\n  /** Called when an attachment is clicked */\n  onAttachmentClick?: (attachment: MessageAttachment) => void;\n  /** Whether this is the current user's message */\n  isOutgoing?: boolean;\n  /** Custom timestamp formatter */\n  formatTimestamp?: (timestamp: Date | string) => string;\n}\n\n/**\n * Default timestamp formatter.\n */\nfunction defaultFormatTimestamp(timestamp: Date | string): string {\n  const date = typeof timestamp === 'string' ? new Date(timestamp) : timestamp;\n  return date.toLocaleTimeString(undefined, {\n    hour: 'numeric',\n    minute: '2-digit',\n  });\n}\n\n/**\n * A message bubble component for displaying individual messages.\n *\n * @example\n * ```tsx\n * <MessageBubble\n *   message={message}\n *   isOutgoing={message.sender.isCurrentUser}\n *   showAvatar\n *   showTimestamp\n * />\n * ```\n */\nconst MessageBubble = React.forwardRef<HTMLDivElement, MessageBubbleProps>(\n  (\n    {\n      className,\n      message,\n      showAvatar = false,\n      showSenderName = false,\n      showTimestamp = true,\n      showStatus = true,\n      showReadReceipts = true,\n      onRetry,\n      onAttachmentClick,\n      isOutgoing,\n      formatTimestamp = defaultFormatTimestamp,\n      ...props\n    },\n    ref\n  ) => {\n    const isSystem = message.type === 'system';\n    const variant = isSystem ? 'system' : isOutgoing ? 'outgoing' : 'incoming';\n\n    const hasAttachments =\n      message.attachments && message.attachments.length > 0;\n    const hasText = message.content && message.content.trim().length > 0;\n    const isFailed = message.status === 'failed';\n\n    // System messages render differently\n    if (isSystem) {\n      return (\n        <div\n          ref={ref}\n          data-slot=\"message-system\"\n          className={cn(bubbleVariants({ variant: 'system' }), className)}\n          role=\"status\"\n          aria-live=\"polite\"\n          {...props}\n        >\n          {message.content}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"message-bubble\"\n        className={cn(\n          'group flex items-end gap-2',\n          isOutgoing ? 'flex-row-reverse' : 'flex-row',\n          className\n        )}\n        {...props}\n      >\n        {/* Avatar */}\n        {showAvatar && !isOutgoing && (\n          <div data-slot=\"message-avatar\" className=\"mb-1 shrink-0\">\n            <div\n              className={cn(\n                'flex h-8 w-8 items-center justify-center rounded-full',\n                'bg-primary-800 text-sm font-medium text-white'\n              )}\n            >\n              {message.sender.avatarUrl ? (\n                <img\n                  src={message.sender.avatarUrl}\n                  alt={message.sender.name}\n                  className=\"h-full w-full rounded-full object-cover\"\n                />\n              ) : (\n                message.sender.name.charAt(0).toUpperCase()\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Message content container.\n         *\n         * `flex-1 min-w-0` lets this column expand to fill the row so the\n         * bubble's `max-w-[85%]` resolves against the row width instead of\n         * collapsing to the bubble's own min-content. Without this, short\n         * words like \"Yes!\" get squeezed into a vertical stack because the\n         * column shrink-wraps the bubble and the bubble's max-width then\n         * shrinks the bubble further — a feedback loop that bottoms out at\n         * `overflow-wrap: break-word` breaking every character.\n         */}\n        <div\n          className={cn(\n            'flex min-w-0 flex-1 flex-col',\n            isOutgoing ? 'items-end' : 'items-start'\n          )}\n        >\n          {/* Sender name (for group chats) */}\n          {showSenderName && !isOutgoing && (\n            <span\n              data-slot=\"message-sender-name\"\n              className=\"text-muted-foreground mb-1 px-1 text-xs font-medium\"\n            >\n              {message.sender.name}\n            </span>\n          )}\n\n          {/* Reply preview */}\n          {message.replyTo && (\n            <div\n              data-slot=\"message-reply-preview\"\n              className={cn(\n                'mb-1 max-w-full rounded-lg px-3 py-1.5 text-xs',\n                isOutgoing\n                  ? 'bg-primary-700/50 text-white/80'\n                  : 'bg-neutral-200 text-neutral-600 dark:bg-neutral-700 dark:text-neutral-300'\n              )}\n            >\n              <span className=\"font-medium\">{message.replyTo.sender.name}</span>\n              <p className=\"truncate\">{message.replyTo.content}</p>\n            </div>\n          )}\n\n          {/* Bubble */}\n          <div\n            data-slot=\"message-bubble-content\"\n            className={cn(bubbleVariants({ variant, status: message.status }))}\n            role=\"article\"\n            aria-label={`Message from ${message.sender.name}`}\n          >\n            {/* Attachments */}\n            {hasAttachments && (\n              <div className={cn('space-y-2', hasText && 'mb-2')}>\n                {message.attachments!.map((attachment) => (\n                  <AttachmentPreview\n                    key={attachment.id}\n                    attachment={attachment}\n                    onClick={() => onAttachmentClick?.(attachment)}\n                  />\n                ))}\n              </div>\n            )}\n\n            {/* Text content */}\n            {hasText && (\n              <p className=\"break-words whitespace-pre-wrap\">\n                {message.isDeleted ? (\n                  <span className=\"italic opacity-60\">\n                    This message was deleted\n                  </span>\n                ) : (\n                  message.content\n                )}\n              </p>\n            )}\n\n            {/* Edited indicator */}\n            {message.isEdited && !message.isDeleted && (\n              <span className=\"ml-1 text-xs opacity-60\">(edited)</span>\n            )}\n          </div>\n\n          {/* Footer: timestamp, status, read receipts */}\n          <div\n            data-slot=\"message-footer\"\n            className={cn(\n              'mt-1 flex items-center gap-2 px-1',\n              isOutgoing ? 'flex-row-reverse' : 'flex-row'\n            )}\n          >\n            {showTimestamp && (\n              <span className=\"text-muted-foreground text-xs\">\n                {formatTimestamp(message.timestamp)}\n              </span>\n            )}\n\n            {showStatus && isOutgoing && (\n              <MessageStatusIcon status={message.status} />\n            )}\n\n            {showReadReceipts &&\n              isOutgoing &&\n              message.readReceipts &&\n              message.readReceipts.length > 0 && (\n                <ReadReceiptIndicator receipts={message.readReceipts} />\n              )}\n\n            {/* Retry button for failed messages */}\n            {isFailed && onRetry && (\n              <button\n                type=\"button\"\n                onClick={onRetry}\n                className={cn(\n                  'flex items-center gap-1 rounded px-2 py-0.5',\n                  'text-xs font-medium text-red-700 dark:text-red-400',\n                  'hover:bg-red-50 dark:hover:bg-red-900/20',\n                  'focus:ring-2 focus:ring-red-500 focus:outline-none'\n                )}\n                aria-label=\"Retry sending message\"\n              >\n                <svg\n                  aria-hidden=\"true\"\n                  className=\"h-3 w-3\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\n                  />\n                </svg>\n                Retry\n              </button>\n            )}\n          </div>\n\n          {/* Reactions */}\n          {message.reactions && message.reactions.length > 0 && (\n            <div\n              data-slot=\"message-reactions\"\n              className={cn(\n                '-mt-1 flex flex-wrap gap-1',\n                isOutgoing ? 'justify-end' : 'justify-start'\n              )}\n            >\n              {message.reactions.map((reaction) => (\n                <span\n                  key={reaction.emoji}\n                  className={cn(\n                    'inline-flex items-center gap-1 rounded-full px-2 py-0.5',\n                    'bg-neutral-100 text-xs dark:bg-neutral-800',\n                    'border border-neutral-200 dark:border-neutral-700'\n                  )}\n                  title={reaction.participants.map((p) => p.name).join(', ')}\n                >\n                  <span>{reaction.emoji}</span>\n                  {reaction.count > 1 && (\n                    <span className=\"text-neutral-500\">{reaction.count}</span>\n                  )}\n                </span>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {/* Spacer for avatar alignment when showing own messages */}\n        {showAvatar && isOutgoing && <div className=\"w-8 shrink-0\" />}\n      </div>\n    );\n  }\n);\n\nMessageBubble.displayName = 'MessageBubble';\n\nexport {\n  MessageBubble,\n  MessageStatusIcon,\n  ReadReceiptIndicator,\n  AttachmentPreview,\n  bubbleVariants,\n  formatFileSize,\n};\n","import * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport type {\n  Message,\n  MessageGroup,\n  MessageParticipant,\n  MessageAttachment,\n  TypingState,\n} from './types';\nimport { MessageBubble } from './MessageBubble';\n\n// ============================================================================\n// Utility Functions\n// ============================================================================\n\n/**\n * Groups messages by date.\n */\nfunction groupMessagesByDate(messages: Message[]): MessageGroup[] {\n  const groups: Map<string, Message[]> = new Map();\n\n  messages.forEach((message) => {\n    const date = new Date(message.timestamp);\n    const dateKey = date.toDateString();\n    const existing = groups.get(dateKey) || [];\n    groups.set(dateKey, [...existing, message]);\n  });\n\n  return Array.from(groups.entries()).map(([dateKey, msgs]) => ({\n    date: dateKey,\n    label: formatDateLabel(new Date(dateKey)),\n    messages: msgs,\n  }));\n}\n\n/**\n * Format date label for message grouping.\n */\nfunction formatDateLabel(date: Date): string {\n  const now = new Date();\n  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n  const yesterday = new Date(today);\n  yesterday.setDate(yesterday.getDate() - 1);\n  const messageDate = new Date(\n    date.getFullYear(),\n    date.getMonth(),\n    date.getDate()\n  );\n\n  if (messageDate.getTime() === today.getTime()) {\n    return 'Today';\n  }\n  if (messageDate.getTime() === yesterday.getTime()) {\n    return 'Yesterday';\n  }\n\n  // Check if same year\n  if (date.getFullYear() === now.getFullYear()) {\n    return date.toLocaleDateString(undefined, {\n      weekday: 'long',\n      month: 'long',\n      day: 'numeric',\n    });\n  }\n\n  return date.toLocaleDateString(undefined, {\n    weekday: 'long',\n    month: 'long',\n    day: 'numeric',\n    year: 'numeric',\n  });\n}\n\n/**\n * Check if two messages are from the same sender within a time threshold.\n */\nfunction isSameSenderGroup(\n  prev: Message | undefined,\n  current: Message,\n  thresholdMinutes: number = 5\n): boolean {\n  if (!prev) return false;\n  if (prev.sender.id !== current.sender.id) return false;\n  if (prev.type === 'system' || current.type === 'system') return false;\n\n  const prevTime = new Date(prev.timestamp).getTime();\n  const currentTime = new Date(current.timestamp).getTime();\n  const diffMinutes = (currentTime - prevTime) / (1000 * 60);\n\n  return diffMinutes < thresholdMinutes;\n}\n\n// ============================================================================\n// Skeleton Message Component\n// ============================================================================\n\nexport interface SkeletonMessageProps {\n  isOutgoing?: boolean;\n  showAvatar?: boolean;\n  className?: string;\n}\n\n/**\n * A skeleton placeholder for loading messages.\n */\nfunction SkeletonMessage({\n  isOutgoing = false,\n  showAvatar = true,\n  className,\n}: SkeletonMessageProps) {\n  return (\n    <div\n      data-slot=\"skeleton-message\"\n      className={cn(\n        'flex items-end gap-2',\n        isOutgoing ? 'flex-row-reverse' : 'flex-row',\n        className\n      )}\n      aria-hidden=\"true\"\n    >\n      {showAvatar && !isOutgoing && (\n        <div\n          data-slot=\"skeleton-avatar\"\n          className=\"h-8 w-8 animate-pulse rounded-full bg-neutral-200 dark:bg-neutral-700\"\n        />\n      )}\n      <div\n        data-slot=\"skeleton-bubble\"\n        className={cn(\n          'animate-pulse rounded-2xl',\n          isOutgoing\n            ? 'bg-primary-800/30 rounded-br-md'\n            : 'rounded-bl-md bg-neutral-200 dark:bg-neutral-700',\n          'h-10 w-48'\n        )}\n      />\n      {showAvatar && isOutgoing && (\n        <div data-slot=\"skeleton-spacer\" className=\"w-8\" />\n      )}\n    </div>\n  );\n}\n\nSkeletonMessage.displayName = 'SkeletonMessage';\n\n// ============================================================================\n// Typing Indicator Component\n// ============================================================================\n\nexport interface TypingIndicatorProps {\n  typingState: TypingState;\n  className?: string;\n}\n\n/**\n * Displays who is currently typing.\n */\nfunction TypingIndicator({ typingState, className }: TypingIndicatorProps) {\n  const { participants } = typingState;\n\n  if (participants.length === 0) return null;\n\n  const typingText =\n    participants.length === 1\n      ? `${participants[0].name} is typing`\n      : participants.length === 2\n        ? `${participants[0].name} and ${participants[1].name} are typing`\n        : `${participants[0].name} and ${participants.length - 1} others are typing`;\n\n  return (\n    <div\n      data-slot=\"typing-indicator\"\n      className={cn('flex items-center gap-2 px-4 py-2', className)}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-label={typingText}\n    >\n      {/* Typing bubble animation */}\n      <div className=\"flex items-center gap-1 rounded-2xl rounded-bl-md bg-neutral-200 px-4 py-3 dark:bg-neutral-700\">\n        <span\n          className=\"h-2 w-2 animate-bounce rounded-full bg-neutral-500\"\n          style={{ animationDelay: '0ms' }}\n        />\n        <span\n          className=\"h-2 w-2 animate-bounce rounded-full bg-neutral-500\"\n          style={{ animationDelay: '150ms' }}\n        />\n        <span\n          className=\"h-2 w-2 animate-bounce rounded-full bg-neutral-500\"\n          style={{ animationDelay: '300ms' }}\n        />\n      </div>\n      <span className=\"text-muted-foreground text-xs\">{typingText}</span>\n    </div>\n  );\n}\n\nTypingIndicator.displayName = 'TypingIndicator';\n\n// ============================================================================\n// Date Separator Component\n// ============================================================================\n\nexport interface DateSeparatorProps {\n  label: string;\n  className?: string;\n}\n\n/**\n * A visual separator showing the date between message groups.\n */\nfunction DateSeparator({ label, className }: DateSeparatorProps) {\n  return (\n    <div\n      data-slot=\"date-separator\"\n      className={cn('flex items-center justify-center py-4', className)}\n      role=\"separator\"\n      aria-label={label}\n    >\n      <span\n        className={cn(\n          'rounded-full px-3 py-1 text-xs font-medium',\n          'bg-neutral-100 text-neutral-500',\n          'dark:bg-neutral-800 dark:text-neutral-400'\n        )}\n      >\n        {label}\n      </span>\n    </div>\n  );\n}\n\nDateSeparator.displayName = 'DateSeparator';\n\n// ============================================================================\n// Empty State Component\n// ============================================================================\n\nexport interface EmptyStateProps {\n  /** Custom title */\n  title?: string;\n  /** Custom description */\n  description?: string;\n  /** Custom icon */\n  icon?: React.ReactNode;\n  /** Action button */\n  action?: React.ReactNode;\n  className?: string;\n}\n\n/**\n * Empty state shown when there are no messages.\n */\nfunction EmptyState({\n  title = 'No messages yet',\n  description = 'Start the conversation by sending a message below.',\n  icon,\n  action,\n  className,\n}: EmptyStateProps) {\n  return (\n    <div\n      data-slot=\"message-empty-state\"\n      className={cn(\n        'flex flex-1 flex-col items-center justify-center p-8 text-center',\n        className\n      )}\n      role=\"status\"\n      aria-label={title}\n    >\n      {icon || (\n        <div\n          data-slot=\"message-empty-state-icon\"\n          className=\"mb-4 rounded-full bg-neutral-100 p-4 dark:bg-neutral-800\"\n        >\n          <svg\n            aria-hidden=\"true\"\n            className=\"h-12 w-12 text-neutral-500\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"\n            />\n          </svg>\n        </div>\n      )}\n      <h3 className=\"mb-2 text-lg font-semibold text-neutral-900 dark:text-neutral-100\">\n        {title}\n      </h3>\n      <p className=\"text-muted-foreground mb-4 max-w-sm text-sm\">\n        {description}\n      </p>\n      {action}\n    </div>\n  );\n}\n\nEmptyState.displayName = 'EmptyState';\n\n// ============================================================================\n// Load More Button Component\n// ============================================================================\n\nexport interface LoadMoreButtonProps {\n  isLoading?: boolean;\n  onClick: () => void;\n  className?: string;\n}\n\n/**\n * Button to load more message history.\n */\nfunction LoadMoreButton({\n  isLoading,\n  onClick,\n  className,\n}: LoadMoreButtonProps) {\n  return (\n    <div\n      data-slot=\"load-more-button\"\n      className={cn('flex justify-center py-4', className)}\n    >\n      <button\n        type=\"button\"\n        onClick={onClick}\n        disabled={isLoading}\n        className={cn(\n          'rounded-full px-4 py-2 text-sm font-medium',\n          'bg-neutral-100 text-neutral-600 dark:bg-neutral-800 dark:text-neutral-300',\n          'hover:bg-neutral-200 dark:hover:bg-neutral-700',\n          'focus:ring-primary-500 focus:ring-2 focus:outline-none',\n          'disabled:cursor-not-allowed disabled:opacity-50',\n          'transition-colors'\n        )}\n        aria-label={isLoading ? 'Loading more messages' : 'Load more messages'}\n      >\n        {isLoading ? (\n          <span className=\"flex items-center gap-2\">\n            <svg\n              aria-hidden=\"true\"\n              className=\"h-4 w-4 animate-spin\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n            >\n              <circle\n                className=\"opacity-25\"\n                cx=\"12\"\n                cy=\"12\"\n                r=\"10\"\n                stroke=\"currentColor\"\n                strokeWidth=\"4\"\n              />\n              <path\n                className=\"opacity-75\"\n                fill=\"currentColor\"\n                d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z\"\n              />\n            </svg>\n            Loading...\n          </span>\n        ) : (\n          'Load earlier messages'\n        )}\n      </button>\n    </div>\n  );\n}\n\nLoadMoreButton.displayName = 'LoadMoreButton';\n\n// ============================================================================\n// Message List Component\n// ============================================================================\n\nexport interface MessageListProps {\n  /** Array of messages to display */\n  messages: Message[];\n  /** Current user for determining outgoing messages */\n  currentUser: MessageParticipant;\n  /** Whether messages are loading */\n  isLoading?: boolean;\n  /** Whether more messages are available */\n  hasMore?: boolean;\n  /** Whether more messages are being loaded */\n  isLoadingMore?: boolean;\n  /** Typing indicator state */\n  typingState?: TypingState;\n  /** Show avatars for incoming messages */\n  showAvatars?: boolean;\n  /** Show sender names (for group conversations) */\n  showSenderNames?: boolean;\n  /** Group messages by date */\n  groupByDate?: boolean;\n  /** Callback when load more is triggered */\n  onLoadMore?: () => void;\n  /** Callback when a message action (retry) is triggered */\n  onRetryMessage?: (messageId: string) => void;\n  /** Callback when an attachment is clicked */\n  onAttachmentClick?: (attachment: MessageAttachment, message: Message) => void;\n  /** Custom empty state */\n  emptyState?: React.ReactNode;\n  /** Custom timestamp formatter */\n  formatTimestamp?: (timestamp: Date | string) => string;\n  /** Additional class name */\n  className?: string;\n  /** Auto-scroll behavior */\n  autoScroll?: 'always' | 'onNewMessage' | 'manual';\n}\n\n/**\n * A scrollable list of messages with date grouping, auto-scroll, and loading states.\n *\n * @example\n * ```tsx\n * <MessageList\n *   messages={messages}\n *   currentUser={currentUser}\n *   typingState={typingState}\n *   onLoadMore={handleLoadMore}\n *   showAvatars\n *   groupByDate\n * />\n * ```\n */\nconst MessageList = React.forwardRef<HTMLDivElement, MessageListProps>(\n  (\n    {\n      messages,\n      currentUser,\n      isLoading = false,\n      hasMore = false,\n      isLoadingMore = false,\n      typingState,\n      showAvatars = true,\n      showSenderNames = false,\n      groupByDate = true,\n      onLoadMore,\n      onRetryMessage,\n      onAttachmentClick,\n      emptyState,\n      formatTimestamp,\n      className,\n      autoScroll = 'onNewMessage',\n    },\n    ref\n  ) => {\n    const scrollContainerRef = React.useRef<HTMLDivElement>(null);\n    const bottomRef = React.useRef<HTMLDivElement>(null);\n    const [isUserScrolled, setIsUserScrolled] = React.useState(false);\n    const prevMessageCountRef = React.useRef(messages.length);\n\n    // Combine refs\n    React.useImperativeHandle(ref, () => scrollContainerRef.current!);\n\n    // Handle scroll to detect if user has scrolled up\n    const handleScroll = React.useCallback(() => {\n      const container = scrollContainerRef.current;\n      if (!container) return;\n\n      const { scrollTop, scrollHeight, clientHeight } = container;\n      const isAtBottom = scrollHeight - scrollTop - clientHeight < 100;\n      setIsUserScrolled(!isAtBottom);\n    }, []);\n\n    // Auto-scroll on new messages\n    React.useEffect(() => {\n      const container = scrollContainerRef.current;\n      const bottom = bottomRef.current;\n      if (!container || !bottom) return;\n\n      const messageCountChanged =\n        messages.length !== prevMessageCountRef.current;\n      prevMessageCountRef.current = messages.length;\n\n      if (autoScroll === 'always') {\n        bottom.scrollIntoView({ behavior: 'smooth' });\n      } else if (autoScroll === 'onNewMessage' && messageCountChanged) {\n        // Check if new message is from current user (outgoing)\n        const lastMessage = messages[messages.length - 1];\n        const isOutgoing = lastMessage?.sender.id === currentUser.id;\n\n        // Always scroll on outgoing, only scroll on incoming if at bottom\n        if (isOutgoing || !isUserScrolled) {\n          bottom.scrollIntoView({ behavior: 'smooth' });\n        }\n      }\n    }, [messages, currentUser.id, autoScroll, isUserScrolled]);\n\n    // Scroll to bottom on initial load\n    React.useEffect(() => {\n      const bottom = bottomRef.current;\n      if (bottom && !isLoading) {\n        bottom.scrollIntoView();\n      }\n    }, [isLoading]);\n\n    // Group messages\n    const messageGroups = groupByDate\n      ? groupMessagesByDate(messages)\n      : [{ date: 'all', label: '', messages }];\n\n    // Loading skeleton\n    if (isLoading) {\n      return (\n        <div\n          role=\"status\"\n          className={cn(\n            'flex flex-1 flex-col gap-3 overflow-y-auto p-4',\n            className\n          )}\n          aria-busy=\"true\"\n          aria-label=\"Loading messages\"\n        >\n          {Array.from({ length: 8 }).map((_, i) => (\n            <SkeletonMessage\n              key={i}\n              isOutgoing={i % 3 === 0}\n              showAvatar={showAvatars}\n            />\n          ))}\n        </div>\n      );\n    }\n\n    // Empty state\n    if (messages.length === 0) {\n      return emptyState || <EmptyState />;\n    }\n\n    return (\n      <div\n        ref={scrollContainerRef}\n        data-slot=\"message-list\"\n        className={cn(\n          'flex flex-1 flex-col overflow-y-auto',\n          'scroll-smooth',\n          className\n        )}\n        onScroll={handleScroll}\n        role=\"log\"\n        aria-label=\"Message history\"\n        aria-live=\"polite\"\n      >\n        {/* Load more button */}\n        {hasMore && onLoadMore && (\n          <LoadMoreButton isLoading={isLoadingMore} onClick={onLoadMore} />\n        )}\n\n        {/* Messages grouped by date */}\n        <div\n          data-slot=\"message-list-content\"\n          className=\"flex flex-col gap-1 p-4\"\n        >\n          {messageGroups.map((group) => (\n            <React.Fragment key={group.date}>\n              {/* Date separator */}\n              {groupByDate && group.label && (\n                <DateSeparator label={group.label} />\n              )}\n\n              {/* Messages in group */}\n              {group.messages.map((message, index) => {\n                const prevMessage = group.messages[index - 1];\n                const isOutgoing = message.sender.id === currentUser.id;\n                const isSameGroup = isSameSenderGroup(prevMessage, message);\n\n                return (\n                  <div\n                    key={message.id}\n                    className={cn(\n                      'transition-opacity duration-200',\n                      isSameGroup ? 'mt-0.5' : 'mt-3',\n                      index === 0 && 'mt-0'\n                    )}\n                  >\n                    <MessageBubble\n                      message={message}\n                      isOutgoing={isOutgoing}\n                      showAvatar={showAvatars && !isSameGroup && !isOutgoing}\n                      showSenderName={\n                        showSenderNames && !isSameGroup && !isOutgoing\n                      }\n                      showTimestamp={!isSameGroup}\n                      onRetry={\n                        message.status === 'failed' && onRetryMessage\n                          ? () => onRetryMessage(message.id)\n                          : undefined\n                      }\n                      onAttachmentClick={(attachment) =>\n                        onAttachmentClick?.(attachment, message)\n                      }\n                      formatTimestamp={formatTimestamp}\n                    />\n                  </div>\n                );\n              })}\n            </React.Fragment>\n          ))}\n        </div>\n\n        {/* Typing indicator */}\n        {typingState && typingState.participants.length > 0 && (\n          <TypingIndicator typingState={typingState} />\n        )}\n\n        {/* Scroll anchor */}\n        <div ref={bottomRef} className=\"h-0\" aria-hidden=\"true\" />\n\n        {/* Scroll to bottom button when user has scrolled up */}\n        {isUserScrolled && (\n          <button\n            type=\"button\"\n            onClick={() => {\n              bottomRef.current?.scrollIntoView({ behavior: 'smooth' });\n            }}\n            className={cn(\n              'fixed right-4 bottom-24 z-10',\n              'rounded-full p-3 shadow-lg',\n              'bg-white dark:bg-neutral-800',\n              'border border-neutral-200 dark:border-neutral-700',\n              'hover:bg-neutral-50 dark:hover:bg-neutral-700',\n              'focus:ring-primary-500 focus:ring-2 focus:outline-none',\n              'transition-all'\n            )}\n            aria-label=\"Scroll to bottom\"\n          >\n            <svg\n              aria-hidden=\"true\"\n              className=\"h-5 w-5 text-neutral-600 dark:text-neutral-300\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"\n              />\n            </svg>\n          </button>\n        )}\n      </div>\n    );\n  }\n);\n\nMessageList.displayName = 'MessageList';\n\nexport {\n  MessageList,\n  SkeletonMessage,\n  TypingIndicator,\n  DateSeparator,\n  EmptyState,\n  LoadMoreButton,\n  groupMessagesByDate,\n  formatDateLabel,\n  isSameSenderGroup,\n};\n","import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport type { Conversation, MessageParticipant } from './types';\n\n// ============================================================================\n// Conversation Header Component\n// ============================================================================\n\nconst headerVariants = cva(\n  [\n    'flex items-center gap-3 px-4 py-3',\n    'bg-white dark:bg-neutral-900',\n    'border-b border-neutral-200 dark:border-neutral-700',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'py-2',\n        md: 'py-3',\n        lg: 'py-4',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n);\n\nexport interface ConversationHeaderProps\n  extends\n    React.HTMLAttributes<HTMLElement>,\n    VariantProps<typeof headerVariants> {\n  /** The conversation to display */\n  conversation?: Conversation;\n  /** Custom title (overrides conversation name) */\n  title?: string;\n  /** Custom subtitle */\n  subtitle?: string;\n  /** Avatar URL */\n  avatarUrl?: string;\n  /** Participant for direct messages */\n  participant?: MessageParticipant;\n  /** Show online status indicator */\n  showOnlineStatus?: boolean;\n  /** Show back button (mobile) */\n  showBackButton?: boolean;\n  /** Called when back button is clicked */\n  onBack?: () => void;\n  /** Additional actions (menu, call, etc.) */\n  actions?: React.ReactNode;\n  /** Custom left content */\n  leftContent?: React.ReactNode;\n  /** Custom right content */\n  rightContent?: React.ReactNode;\n}\n\n/**\n * Get display title for a conversation.\n */\nfunction getConversationTitle(\n  conversation?: Conversation,\n  participant?: MessageParticipant\n): string {\n  if (conversation?.name) return conversation.name;\n  if (participant?.name) return participant.name;\n  if (conversation?.participants && conversation.participants.length > 0) {\n    const names = conversation.participants\n      .filter((p) => !p.isCurrentUser)\n      .map((p) => p.name);\n    if (names.length <= 2) return names.join(' & ');\n    return `${names[0]} and ${names.length - 1} others`;\n  }\n  return 'Conversation';\n}\n\n/**\n * Get subtitle for a conversation.\n */\nfunction getConversationSubtitle(\n  conversation?: Conversation,\n  participant?: MessageParticipant,\n  showOnlineStatus?: boolean\n): string | undefined {\n  if (participant) {\n    if (showOnlineStatus && participant.isOnline) {\n      return 'Online';\n    }\n    if (participant.lastSeen) {\n      const lastSeen = new Date(participant.lastSeen);\n      return `Last seen ${formatLastSeen(lastSeen)}`;\n    }\n    if (participant.phoneNumber) {\n      return participant.phoneNumber;\n    }\n  }\n  if (conversation?.type === 'group' && conversation.participants) {\n    return `${conversation.participants.length} participants`;\n  }\n  return undefined;\n}\n\n/**\n * Format last seen time.\n */\nfunction formatLastSeen(date: Date): string {\n  const now = new Date();\n  const diffMs = now.getTime() - date.getTime();\n  const diffMins = Math.floor(diffMs / (1000 * 60));\n  const diffHours = Math.floor(diffMs / (1000 * 60 * 60));\n  const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));\n\n  if (diffMins < 1) return 'just now';\n  if (diffMins < 60) return `${diffMins}m ago`;\n  if (diffHours < 24) return `${diffHours}h ago`;\n  if (diffDays < 7) return `${diffDays}d ago`;\n  return date.toLocaleDateString();\n}\n\n/**\n * Header component for a conversation/message thread.\n *\n * @example\n * ```tsx\n * <ConversationHeader\n *   conversation={conversation}\n *   showBackButton\n *   onBack={() => navigate('/conversations')}\n *   actions={<IconButton icon={<MoreIcon />} />}\n * />\n * ```\n */\nconst ConversationHeader = React.forwardRef<\n  HTMLElement,\n  ConversationHeaderProps\n>(\n  (\n    {\n      className,\n      size,\n      conversation,\n      title,\n      subtitle,\n      avatarUrl,\n      participant,\n      showOnlineStatus = true,\n      showBackButton = false,\n      onBack,\n      actions,\n      leftContent,\n      rightContent,\n      ...props\n    },\n    ref\n  ) => {\n    const displayTitle =\n      title || getConversationTitle(conversation, participant);\n    const displaySubtitle =\n      subtitle ||\n      getConversationSubtitle(conversation, participant, showOnlineStatus);\n    const displayAvatar =\n      avatarUrl || conversation?.avatarUrl || participant?.avatarUrl;\n    const isOnline = participant?.isOnline;\n\n    return (\n      <header\n        ref={ref}\n        data-slot=\"conversation-header\"\n        className={cn(headerVariants({ size }), className)}\n        {...props}\n      >\n        {/* Left content / Back button */}\n        {leftContent ||\n          (showBackButton && onBack && (\n            <button\n              type=\"button\"\n              onClick={onBack}\n              className={cn(\n                '-ml-2 rounded-full p-2',\n                'text-neutral-500 hover:text-neutral-700',\n                'dark:text-neutral-400 dark:hover:text-neutral-200',\n                'hover:bg-neutral-100 dark:hover:bg-neutral-800',\n                'focus:ring-primary-500 focus:ring-2 focus:outline-none',\n                'transition-colors'\n              )}\n              aria-label=\"Go back\"\n            >\n              <svg\n                aria-hidden=\"true\"\n                className=\"h-5 w-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M15 19l-7-7 7-7\"\n                />\n              </svg>\n            </button>\n          ))}\n\n        {/* Avatar */}\n        <div\n          data-slot=\"conversation-header-avatar\"\n          className=\"relative shrink-0\"\n        >\n          <div\n            className={cn(\n              'flex h-10 w-10 items-center justify-center rounded-full',\n              'bg-primary-800 font-medium text-white'\n            )}\n          >\n            {displayAvatar ? (\n              <img\n                src={displayAvatar}\n                alt={displayTitle}\n                className=\"h-full w-full rounded-full object-cover\"\n              />\n            ) : (\n              displayTitle.charAt(0).toUpperCase()\n            )}\n          </div>\n          {/* Online indicator */}\n          {showOnlineStatus && isOnline && (\n            <span\n              className={cn(\n                'absolute right-0 bottom-0',\n                'h-3 w-3 rounded-full',\n                'bg-green-500 ring-2 ring-white dark:ring-neutral-900'\n              )}\n              role=\"status\"\n              aria-label=\"Online\"\n            />\n          )}\n        </div>\n\n        {/* Title and subtitle */}\n        <div data-slot=\"conversation-header-info\" className=\"min-w-0 flex-1\">\n          <h2 className=\"truncate font-semibold text-neutral-900 dark:text-neutral-100\">\n            {displayTitle}\n          </h2>\n          {displaySubtitle && (\n            <p\n              className={cn(\n                'truncate text-sm',\n                isOnline\n                  ? 'text-green-700 dark:text-green-400'\n                  : 'text-muted-foreground'\n              )}\n            >\n              {displaySubtitle}\n            </p>\n          )}\n        </div>\n\n        {/* Right content / Actions */}\n        {rightContent ||\n          (actions && (\n            <div className=\"flex shrink-0 items-center gap-1\">{actions}</div>\n          ))}\n      </header>\n    );\n  }\n);\n\nConversationHeader.displayName = 'ConversationHeader';\n\n// ============================================================================\n// Conversation List Item Component\n// ============================================================================\n\nexport interface ConversationListItemProps extends Omit<\n  React.HTMLAttributes<HTMLButtonElement>,\n  'onSelect'\n> {\n  /** The conversation to display */\n  conversation: Conversation;\n  /** Whether this item is selected */\n  isSelected?: boolean;\n  /** Called when the item is clicked */\n  onSelect?: (conversation: Conversation) => void;\n}\n\n/**\n * A list item for displaying a conversation in a list.\n */\nconst ConversationListItem = React.forwardRef<\n  HTMLButtonElement,\n  ConversationListItemProps\n>(({ className, conversation, isSelected, onSelect, ...props }, ref) => {\n  const participant = conversation.participants.find((p) => !p.isCurrentUser);\n  const title = getConversationTitle(conversation, participant);\n  const avatarUrl = conversation.avatarUrl || participant?.avatarUrl;\n  const lastMessage = conversation.lastMessage;\n  const isUnread = conversation.unreadCount > 0;\n\n  const formatTime = (timestamp: Date | string) => {\n    const date = new Date(timestamp);\n    const now = new Date();\n    const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n    const messageDate = new Date(\n      date.getFullYear(),\n      date.getMonth(),\n      date.getDate()\n    );\n\n    if (messageDate.getTime() === today.getTime()) {\n      return date.toLocaleTimeString(undefined, {\n        hour: 'numeric',\n        minute: '2-digit',\n      });\n    }\n\n    const yesterday = new Date(today);\n    yesterday.setDate(yesterday.getDate() - 1);\n    if (messageDate.getTime() === yesterday.getTime()) {\n      return 'Yesterday';\n    }\n\n    return date.toLocaleDateString(undefined, {\n      month: 'short',\n      day: 'numeric',\n    });\n  };\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      onClick={() => onSelect?.(conversation)}\n      data-slot=\"conversation-list-item\"\n      className={cn(\n        'flex w-full items-center gap-3 px-4 py-3',\n        'text-left transition-colors',\n        isSelected\n          ? 'bg-primary-50 dark:bg-primary-900/20'\n          : 'hover:bg-neutral-50 dark:hover:bg-neutral-800/50',\n        'focus:bg-neutral-50 focus:outline-none dark:focus:bg-neutral-800/50',\n        className\n      )}\n      aria-current={isSelected ? 'true' : undefined}\n      {...props}\n    >\n      {/* Avatar */}\n      <div\n        data-slot=\"conversation-list-item-avatar\"\n        className=\"relative shrink-0\"\n      >\n        <div\n          className={cn(\n            'flex h-12 w-12 items-center justify-center rounded-full',\n            'bg-primary-800 font-medium text-white'\n          )}\n        >\n          {avatarUrl ? (\n            <img\n              src={avatarUrl}\n              alt={title}\n              className=\"h-full w-full rounded-full object-cover\"\n            />\n          ) : (\n            title.charAt(0).toUpperCase()\n          )}\n        </div>\n        {participant?.isOnline && (\n          <span\n            className={cn(\n              'absolute right-0 bottom-0',\n              'h-3 w-3 rounded-full',\n              'bg-green-500 ring-2 ring-white dark:ring-neutral-900'\n            )}\n          />\n        )}\n      </div>\n\n      {/* Content */}\n      <div\n        data-slot=\"conversation-list-item-content\"\n        className=\"min-w-0 flex-1\"\n      >\n        <div className=\"flex items-center justify-between gap-2\">\n          <h3\n            className={cn(\n              'truncate text-sm',\n              isUnread\n                ? 'font-semibold text-neutral-900 dark:text-neutral-100'\n                : 'font-medium text-neutral-700 dark:text-neutral-300'\n            )}\n          >\n            {title}\n          </h3>\n          {lastMessage && (\n            <span className=\"shrink-0 text-xs text-neutral-600 dark:text-neutral-400\">\n              {formatTime(lastMessage.timestamp)}\n            </span>\n          )}\n        </div>\n        <div className=\"flex items-center justify-between gap-2\">\n          <p\n            className={cn(\n              'truncate text-sm',\n              isUnread\n                ? 'text-neutral-700 dark:text-neutral-300'\n                : 'text-neutral-600 dark:text-neutral-400'\n            )}\n          >\n            {lastMessage?.content || 'No messages yet'}\n          </p>\n          {isUnread && (\n            <span\n              data-slot=\"conversation-list-item-badge\"\n              className={cn(\n                'flex shrink-0 items-center justify-center',\n                'h-5 min-w-[20px] rounded-full px-1.5',\n                'bg-primary-800 text-xs font-medium text-white'\n              )}\n            >\n              {conversation.unreadCount > 99 ? '99+' : conversation.unreadCount}\n            </span>\n          )}\n        </div>\n      </div>\n\n      {/* Pinned/Muted indicators */}\n      <div className=\"flex shrink-0 flex-col items-center gap-1\">\n        {conversation.isPinned && (\n          <svg\n            aria-hidden=\"true\"\n            className=\"text-primary-800 h-4 w-4\"\n            fill=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path d=\"M16 4v8l2 2v2h-6v6l-1 1-1-1v-6H4v-2l2-2V4c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2z\" />\n          </svg>\n        )}\n        {conversation.isMuted && (\n          <svg\n            aria-hidden=\"true\"\n            className=\"h-4 w-4 text-neutral-500\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z\"\n            />\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M17 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2\"\n            />\n          </svg>\n        )}\n      </div>\n    </button>\n  );\n});\n\nConversationListItem.displayName = 'ConversationListItem';\n\n// ============================================================================\n// Conversation List Skeleton Component\n// ============================================================================\n\nexport interface ConversationListSkeletonProps {\n  count?: number;\n  className?: string;\n}\n\n/**\n * Skeleton loading state for conversation list.\n */\nfunction ConversationListSkeleton({\n  count = 5,\n  className,\n}: ConversationListSkeletonProps) {\n  return (\n    <div\n      className={cn(\n        'divide-y divide-neutral-200 dark:divide-neutral-700',\n        className\n      )}\n    >\n      {Array.from({ length: count }).map((_, i) => (\n        <div\n          key={i}\n          className=\"flex items-center gap-3 px-4 py-3\"\n          aria-hidden=\"true\"\n        >\n          <div className=\"h-12 w-12 animate-pulse rounded-full bg-neutral-200 dark:bg-neutral-700\" />\n          <div className=\"flex-1 space-y-2\">\n            <div className=\"h-4 w-32 animate-pulse rounded bg-neutral-200 dark:bg-neutral-700\" />\n            <div className=\"h-3 w-48 animate-pulse rounded bg-neutral-200 dark:bg-neutral-700\" />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nConversationListSkeleton.displayName = 'ConversationListSkeleton';\n\nexport {\n  ConversationHeader,\n  ConversationListItem,\n  ConversationListSkeleton,\n  headerVariants,\n  getConversationTitle,\n  getConversationSubtitle,\n  formatLastSeen,\n};\n","import * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport type {\n  Message,\n  MessageParticipant,\n  MessageAttachment,\n  TypingState,\n  Conversation,\n  NewMessage,\n  MessagingEventHandlers,\n} from './types';\nimport { MessageList } from './MessageList';\nimport { MessageComposer } from './MessageComposer';\nimport { ConversationHeader } from './ConversationHeader';\nimport { DragDropZone } from './AttachmentPicker';\n\n// ============================================================================\n// Lightbox Modal Component\n// ============================================================================\n\nexport interface LightboxModalProps {\n  /** The attachment to display */\n  attachment: MessageAttachment | null;\n  /** Called when the modal is closed */\n  onClose: () => void;\n}\n\n/**\n * Full-screen lightbox for viewing media attachments.\n */\nfunction LightboxModal({ attachment, onClose }: LightboxModalProps) {\n  // Handle escape key\n  React.useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        onClose();\n      }\n    };\n\n    if (attachment) {\n      document.addEventListener('keydown', handleKeyDown);\n      document.body.style.overflow = 'hidden';\n    }\n\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n      document.body.style.overflow = '';\n    };\n  }, [attachment, onClose]);\n\n  if (!attachment) return null;\n\n  const isImage = attachment.type === 'image';\n  const isVideo = attachment.type === 'video';\n\n  return (\n    <div\n      data-slot=\"message-lightbox\"\n      className={cn('fixed inset-0 z-50', 'flex items-center justify-center')}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={`View ${attachment.filename}`}\n    >\n      {/* Backdrop - clickable to close */}\n      <button\n        type=\"button\"\n        className=\"absolute inset-0 cursor-default bg-black/90\"\n        onClick={onClose}\n        aria-label=\"Close lightbox\"\n      />\n\n      {/* Close button */}\n      <button\n        type=\"button\"\n        onClick={onClose}\n        className={cn(\n          'absolute top-4 right-4 z-10',\n          'rounded-full p-2',\n          'bg-white/10 text-white',\n          'hover:bg-white/20',\n          'focus:ring-2 focus:ring-white focus:outline-none',\n          'transition-colors'\n        )}\n        aria-label=\"Close\"\n      >\n        <svg\n          aria-hidden=\"true\"\n          className=\"h-6 w-6\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n        >\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M6 18L18 6M6 6l12 12\"\n          />\n        </svg>\n      </button>\n\n      {/* Media content */}\n      <div className=\"relative z-10 max-h-[90vh] max-w-[90vw]\">\n        {isImage && (\n          <img\n            src={attachment.url}\n            alt={attachment.alt || attachment.filename}\n            className=\"max-h-[90vh] max-w-[90vw] object-contain\"\n          />\n        )}\n        {isVideo && (\n          <video\n            src={attachment.url}\n            controls\n            autoPlay\n            className=\"max-h-[90vh] max-w-[90vw]\"\n          >\n            <track kind=\"captions\" />\n          </video>\n        )}\n      </div>\n\n      {/* Filename */}\n      <div className=\"absolute bottom-4 left-1/2 -translate-x-1/2\">\n        <p className=\"rounded-full bg-black/50 px-4 py-2 text-sm text-white\">\n          {attachment.filename}\n        </p>\n      </div>\n    </div>\n  );\n}\n\nLightboxModal.displayName = 'LightboxModal';\n\n// ============================================================================\n// Message Thread Component\n// ============================================================================\n\nexport interface MessageThreadProps {\n  /** The conversation being displayed */\n  conversation?: Conversation;\n  /** Array of messages in the thread */\n  messages: Message[];\n  /** Current user for determining message direction */\n  currentUser: MessageParticipant;\n  /** Typing indicator state */\n  typingState?: TypingState;\n  /** Whether messages are loading */\n  isLoading?: boolean;\n  /** Whether more messages are available */\n  hasMore?: boolean;\n  /** Whether more messages are being loaded */\n  isLoadingMore?: boolean;\n  /** Whether a message is being sent */\n  isSending?: boolean;\n  /** Event handlers */\n  eventHandlers?: MessagingEventHandlers;\n  /** Show header */\n  showHeader?: boolean;\n  /** Show back button in header */\n  showBackButton?: boolean;\n  /** Called when back is clicked */\n  onBack?: () => void;\n  /** Custom header actions */\n  headerActions?: React.ReactNode;\n  /** Composer placeholder */\n  placeholder?: string;\n  /** Maximum message length */\n  maxMessageLength?: number;\n  /** Show character count */\n  showCharacterCount?: boolean;\n  /** Show attachment picker */\n  showAttachmentPicker?: boolean;\n  /** Show camera button */\n  showCameraButton?: boolean;\n  /** Accepted file types */\n  acceptedFileTypes?: string[];\n  /** Maximum file size */\n  maxFileSize?: number;\n  /** Maximum attachments */\n  maxAttachments?: number;\n  /** Show avatars in message list */\n  showAvatars?: boolean;\n  /** Show sender names (group chats) */\n  showSenderNames?: boolean;\n  /** Group messages by date */\n  groupByDate?: boolean;\n  /** Custom empty state */\n  emptyState?: React.ReactNode;\n  /** Custom timestamp formatter */\n  formatTimestamp?: (timestamp: Date | string) => string;\n  /** Called when an error occurs */\n  onError?: (error: string) => void;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * A complete message thread component combining header, message list, and composer.\n *\n * @example\n * ```tsx\n * <MessageThread\n *   conversation={conversation}\n *   messages={messages}\n *   currentUser={currentUser}\n *   typingState={typingState}\n *   eventHandlers={{\n *     onSendMessage: handleSend,\n *     onLoadMore: handleLoadMore,\n *     onRetryMessage: handleRetry,\n *   }}\n *   showHeader\n *   showBackButton\n *   onBack={() => navigate('/conversations')}\n * />\n * ```\n */\nconst MessageThread = React.forwardRef<HTMLDivElement, MessageThreadProps>(\n  (\n    {\n      conversation,\n      messages,\n      currentUser,\n      typingState,\n      isLoading = false,\n      hasMore = false,\n      isLoadingMore = false,\n      isSending = false,\n      eventHandlers = {},\n      showHeader = true,\n      showBackButton = false,\n      onBack,\n      headerActions,\n      placeholder = 'Type a message...',\n      maxMessageLength = 1600,\n      showCharacterCount = false,\n      showAttachmentPicker = true,\n      showCameraButton = false,\n      acceptedFileTypes,\n      maxFileSize,\n      maxAttachments,\n      showAvatars = true,\n      showSenderNames = false,\n      groupByDate = true,\n      emptyState,\n      formatTimestamp,\n      onError,\n      className,\n    },\n    ref\n  ) => {\n    const [lightboxAttachment, setLightboxAttachment] =\n      React.useState<MessageAttachment | null>(null);\n    const [replyTo, setReplyTo] = React.useState<{\n      id: string;\n      content: string;\n      senderName: string;\n    } | null>(null);\n\n    // Get participant for direct messages\n    const participant =\n      conversation?.type === 'direct'\n        ? conversation.participants.find((p) => p.id !== currentUser.id)\n        : undefined;\n\n    // Handle attachment click\n    const handleAttachmentClick = (\n      attachment: MessageAttachment,\n      message: Message\n    ) => {\n      if (attachment.type === 'image' || attachment.type === 'video') {\n        setLightboxAttachment(attachment);\n      }\n      eventHandlers.onAttachmentClick?.(attachment, message);\n    };\n\n    // Handle send message\n    const handleSendMessage = async (newMessage: NewMessage) => {\n      const messageWithReply: NewMessage = {\n        ...newMessage,\n        replyToId: replyTo?.id || newMessage.replyToId,\n      };\n      setReplyTo(null);\n      await eventHandlers.onSendMessage?.(messageWithReply);\n    };\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"message-thread\"\n        className={cn(\n          'flex h-full flex-col',\n          'bg-white dark:bg-neutral-900',\n          className\n        )}\n      >\n        {/* Header */}\n        {showHeader && (\n          <ConversationHeader\n            conversation={conversation}\n            participant={participant}\n            showBackButton={showBackButton}\n            onBack={onBack}\n            actions={headerActions}\n          />\n        )}\n\n        {/* Message list */}\n        <DragDropZone\n          onFilesDropped={() => {\n            // Could trigger composer with attachments\n            onError?.('Drop files on the composer to attach them');\n          }}\n          disabled={!showAttachmentPicker}\n          className=\"flex-1 overflow-hidden\"\n        >\n          <MessageList\n            messages={messages}\n            currentUser={currentUser}\n            isLoading={isLoading}\n            hasMore={hasMore}\n            isLoadingMore={isLoadingMore}\n            typingState={typingState}\n            showAvatars={showAvatars}\n            showSenderNames={showSenderNames}\n            groupByDate={groupByDate}\n            onLoadMore={eventHandlers.onLoadMore}\n            onRetryMessage={eventHandlers.onRetryMessage}\n            onAttachmentClick={handleAttachmentClick}\n            emptyState={emptyState}\n            formatTimestamp={formatTimestamp}\n            className=\"h-full\"\n          />\n        </DragDropZone>\n\n        {/* Composer */}\n        <MessageComposer\n          onSend={handleSendMessage}\n          onTypingStart={eventHandlers.onTypingStart}\n          onTypingStop={eventHandlers.onTypingStop}\n          placeholder={placeholder}\n          maxLength={maxMessageLength}\n          showCharacterCount={showCharacterCount}\n          isSending={isSending}\n          showAttachmentPicker={showAttachmentPicker}\n          showCameraButton={showCameraButton}\n          acceptedFileTypes={acceptedFileTypes}\n          maxFileSize={maxFileSize}\n          maxAttachments={maxAttachments}\n          onError={onError}\n          replyTo={replyTo}\n          onCancelReply={() => setReplyTo(null)}\n        />\n\n        {/* Lightbox */}\n        <LightboxModal\n          attachment={lightboxAttachment}\n          onClose={() => setLightboxAttachment(null)}\n        />\n      </div>\n    );\n  }\n);\n\nMessageThread.displayName = 'MessageThread';\n\n// ============================================================================\n// Split View Container Component\n// ============================================================================\n\nexport interface MessagingSplitViewProps {\n  /** Conversation list content */\n  conversationList: React.ReactNode;\n  /** Message thread content */\n  messageThread: React.ReactNode;\n  /** Whether a conversation is selected */\n  hasSelectedConversation?: boolean;\n  /** Width of the conversation list on desktop */\n  listWidth?: string | number;\n  /** Breakpoint for mobile view */\n  mobileBreakpoint?: 'sm' | 'md' | 'lg';\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * Split view container for desktop with responsive mobile behavior.\n *\n * @example\n * ```tsx\n * <MessagingSplitView\n *   conversationList={<ConversationList />}\n *   messageThread={<MessageThread />}\n *   hasSelectedConversation={!!selectedConversation}\n * />\n * ```\n */\nfunction MessagingSplitView({\n  conversationList,\n  messageThread,\n  hasSelectedConversation = false,\n  listWidth = 320,\n  mobileBreakpoint = 'md',\n  className,\n}: MessagingSplitViewProps) {\n  const breakpointClasses = {\n    sm: 'sm:flex',\n    md: 'md:flex',\n    lg: 'lg:flex',\n  };\n\n  const hideMobileClasses = {\n    sm: hasSelectedConversation ? 'hidden sm:block' : 'block sm:block',\n    md: hasSelectedConversation ? 'hidden md:block' : 'block md:block',\n    lg: hasSelectedConversation ? 'hidden lg:block' : 'block lg:block',\n  };\n\n  const showMobileClasses = {\n    sm: hasSelectedConversation ? 'block sm:block' : 'hidden sm:block',\n    md: hasSelectedConversation ? 'block md:block' : 'hidden md:block',\n    lg: hasSelectedConversation ? 'block lg:block' : 'hidden lg:block',\n  };\n\n  return (\n    <div\n      data-slot=\"messaging-split-view\"\n      className={cn(\n        'h-full w-full',\n        breakpointClasses[mobileBreakpoint],\n        className\n      )}\n    >\n      {/* Conversation list */}\n      <div\n        data-slot=\"messaging-list-pane\"\n        className={cn(\n          'h-full w-full flex-shrink-0',\n          'border-r border-neutral-200 dark:border-neutral-700',\n          hideMobileClasses[mobileBreakpoint]\n        )}\n        style={{\n          width: typeof listWidth === 'number' ? `${listWidth}px` : listWidth,\n        }}\n      >\n        {conversationList}\n      </div>\n\n      {/* Message thread */}\n      <div\n        data-slot=\"messaging-thread-pane\"\n        className={cn(\n          'h-full min-w-0 flex-1',\n          showMobileClasses[mobileBreakpoint]\n        )}\n      >\n        {messageThread}\n      </div>\n    </div>\n  );\n}\n\nMessagingSplitView.displayName = 'MessagingSplitView';\n\nexport { MessageThread, LightboxModal, MessagingSplitView };\n","import * as React from 'react';\nimport type {\n  Message,\n  MessageParticipant,\n  MessageStatus,\n  TypingState,\n  NewMessage,\n} from './types';\n\n// ============================================================================\n// useMessages Hook\n// ============================================================================\n\nexport interface UseMessagesOptions {\n  /** Initial messages */\n  initialMessages?: Message[];\n  /** Current user */\n  currentUser: MessageParticipant;\n  /** Called when a message is sent */\n  onSend?: (message: NewMessage) => Promise<Message>;\n  /** Called when a message is retried */\n  onRetry?: (messageId: string) => Promise<void>;\n  /** Called when messages need to be loaded */\n  onLoadMore?: () => Promise<Message[]>;\n}\n\nexport interface UseMessagesReturn {\n  /** Current messages */\n  messages: Message[];\n  /** Add a new message (from external source) */\n  addMessage: (message: Message) => void;\n  /** Update a message */\n  updateMessage: (messageId: string, updates: Partial<Message>) => void;\n  /** Remove a message */\n  removeMessage: (messageId: string) => void;\n  /** Send a new message */\n  sendMessage: (content: NewMessage) => Promise<void>;\n  /** Retry a failed message */\n  retryMessage: (messageId: string) => Promise<void>;\n  /** Load more messages */\n  loadMore: () => Promise<void>;\n  /** Whether sending is in progress */\n  isSending: boolean;\n  /** Whether loading more is in progress */\n  isLoadingMore: boolean;\n  /** Mark a message as read */\n  markAsRead: (messageId: string) => void;\n  /** Update message status */\n  updateStatus: (messageId: string, status: MessageStatus) => void;\n}\n\n/**\n * Hook for managing message state with optimistic updates.\n *\n * @example\n * ```tsx\n * const {\n *   messages,\n *   sendMessage,\n *   isSending,\n * } = useMessages({\n *   currentUser,\n *   onSend: async (msg) => await api.sendMessage(msg),\n * });\n * ```\n */\nexport function useMessages(options: UseMessagesOptions): UseMessagesReturn {\n  const {\n    initialMessages = [],\n    currentUser,\n    onSend,\n    onRetry,\n    onLoadMore,\n  } = options;\n\n  const [messages, setMessages] = React.useState<Message[]>(initialMessages);\n  const [isSending, setIsSending] = React.useState(false);\n  const [isLoadingMore, setIsLoadingMore] = React.useState(false);\n\n  // Update messages when initialMessages changes\n  React.useEffect(() => {\n    setMessages(initialMessages);\n  }, [initialMessages]);\n\n  const addMessage = React.useCallback((message: Message) => {\n    setMessages((prev) => {\n      // Avoid duplicates\n      if (prev.some((m) => m.id === message.id)) {\n        return prev;\n      }\n      return [...prev, message];\n    });\n  }, []);\n\n  const updateMessage = React.useCallback(\n    (messageId: string, updates: Partial<Message>) => {\n      setMessages((prev) =>\n        prev.map((m) => (m.id === messageId ? { ...m, ...updates } : m))\n      );\n    },\n    []\n  );\n\n  const removeMessage = React.useCallback((messageId: string) => {\n    setMessages((prev) => prev.filter((m) => m.id !== messageId));\n  }, []);\n\n  const updateStatus = React.useCallback(\n    (messageId: string, status: MessageStatus) => {\n      updateMessage(messageId, { status });\n    },\n    [updateMessage]\n  );\n\n  const markAsRead = React.useCallback(\n    (messageId: string) => {\n      updateStatus(messageId, 'read');\n    },\n    [updateStatus]\n  );\n\n  const sendMessage = React.useCallback(\n    async (newMessage: NewMessage) => {\n      // Create optimistic message\n      const optimisticId = `optimistic-${Date.now()}`;\n      const optimisticMessage: Message = {\n        id: optimisticId,\n        type: 'text',\n        content: newMessage.content,\n        sender: currentUser,\n        timestamp: new Date(),\n        status: 'sending',\n        attachments: [], // Would handle attachment uploads here\n      };\n\n      // Add optimistic message\n      addMessage(optimisticMessage);\n      setIsSending(true);\n\n      try {\n        if (onSend) {\n          const sentMessage = await onSend(newMessage);\n          // Replace optimistic message with real one\n          setMessages((prev) =>\n            prev.map((m) => (m.id === optimisticId ? sentMessage : m))\n          );\n        } else {\n          // No send handler, just mark as sent\n          updateStatus(optimisticId, 'sent');\n        }\n      } catch {\n        // Mark as failed\n        updateStatus(optimisticId, 'failed');\n      } finally {\n        setIsSending(false);\n      }\n    },\n    [currentUser, onSend, addMessage, updateStatus]\n  );\n\n  const retryMessage = React.useCallback(\n    async (messageId: string) => {\n      updateStatus(messageId, 'sending');\n\n      try {\n        if (onRetry) {\n          await onRetry(messageId);\n          updateStatus(messageId, 'sent');\n        }\n      } catch {\n        updateStatus(messageId, 'failed');\n      }\n    },\n    [onRetry, updateStatus]\n  );\n\n  const loadMore = React.useCallback(async () => {\n    if (isLoadingMore || !onLoadMore) return;\n\n    setIsLoadingMore(true);\n    try {\n      const olderMessages = await onLoadMore();\n      setMessages((prev) => [...olderMessages, ...prev]);\n    } finally {\n      setIsLoadingMore(false);\n    }\n  }, [isLoadingMore, onLoadMore]);\n\n  return {\n    messages,\n    addMessage,\n    updateMessage,\n    removeMessage,\n    sendMessage,\n    retryMessage,\n    loadMore,\n    isSending,\n    isLoadingMore,\n    markAsRead,\n    updateStatus,\n  };\n}\n\n// ============================================================================\n// useTypingIndicator Hook\n// ============================================================================\n\nexport interface UseTypingIndicatorOptions {\n  /** Current typing participants (from server) */\n  typingParticipants?: MessageParticipant[];\n  /** Debounce time for typing stop (ms) */\n  debounceTime?: number;\n  /** Called when local user starts typing */\n  onTypingStart?: () => void;\n  /** Called when local user stops typing */\n  onTypingStop?: () => void;\n}\n\nexport interface UseTypingIndicatorReturn {\n  /** Current typing state */\n  typingState: TypingState;\n  /** Signal that local user is typing */\n  startTyping: () => void;\n  /** Signal that local user stopped typing */\n  stopTyping: () => void;\n  /** Update remote typing participants */\n  setTypingParticipants: (participants: MessageParticipant[]) => void;\n}\n\n/**\n * Hook for managing typing indicator state.\n *\n * @example\n * ```tsx\n * const { typingState, startTyping, stopTyping } = useTypingIndicator({\n *   onTypingStart: () => socket.emit('typing', true),\n *   onTypingStop: () => socket.emit('typing', false),\n * });\n * ```\n */\nexport function useTypingIndicator(\n  options: UseTypingIndicatorOptions = {}\n): UseTypingIndicatorReturn {\n  const {\n    typingParticipants: initialParticipants = [],\n    debounceTime = 2000,\n    onTypingStart,\n    onTypingStop,\n  } = options;\n\n  const [participants, setParticipants] =\n    React.useState<MessageParticipant[]>(initialParticipants);\n  const [isLocalTyping, setIsLocalTyping] = React.useState(false);\n  const typingTimeoutRef = React.useRef<NodeJS.Timeout | null>(null);\n\n  // Update from props\n  React.useEffect(() => {\n    setParticipants(initialParticipants);\n  }, [initialParticipants]);\n\n  const startTyping = React.useCallback(() => {\n    if (!isLocalTyping) {\n      setIsLocalTyping(true);\n      onTypingStart?.();\n    }\n\n    // Reset timeout\n    if (typingTimeoutRef.current) {\n      clearTimeout(typingTimeoutRef.current);\n    }\n\n    typingTimeoutRef.current = setTimeout(() => {\n      setIsLocalTyping(false);\n      onTypingStop?.();\n    }, debounceTime);\n  }, [isLocalTyping, debounceTime, onTypingStart, onTypingStop]);\n\n  const stopTyping = React.useCallback(() => {\n    if (typingTimeoutRef.current) {\n      clearTimeout(typingTimeoutRef.current);\n    }\n    setIsLocalTyping(false);\n    onTypingStop?.();\n  }, [onTypingStop]);\n\n  // Cleanup on unmount\n  React.useEffect(() => {\n    return () => {\n      if (typingTimeoutRef.current) {\n        clearTimeout(typingTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  const typingState: TypingState = React.useMemo(\n    () => ({\n      participants,\n      lastUpdated: new Date(),\n    }),\n    [participants]\n  );\n\n  return {\n    typingState,\n    startTyping,\n    stopTyping,\n    setTypingParticipants: setParticipants,\n  };\n}\n\n// ============================================================================\n// useMessageScroll Hook\n// ============================================================================\n\nexport interface UseMessageScrollOptions {\n  /** Messages to watch for changes */\n  messages: Message[];\n  /** Current user ID */\n  currentUserId: string;\n  /** Threshold from bottom to consider \"at bottom\" (px) */\n  threshold?: number;\n}\n\nexport interface UseMessageScrollReturn {\n  /** Ref to attach to scroll container */\n  scrollContainerRef: React.RefObject<HTMLDivElement | null>;\n  /** Ref to attach to bottom anchor element */\n  bottomRef: React.RefObject<HTMLDivElement | null>;\n  /** Whether user has scrolled up from bottom */\n  isScrolledUp: boolean;\n  /** Scroll to bottom */\n  scrollToBottom: (smooth?: boolean) => void;\n}\n\n/**\n * Hook for managing message list scroll behavior.\n *\n * @example\n * ```tsx\n * const { scrollContainerRef, bottomRef, isScrolledUp, scrollToBottom } =\n *   useMessageScroll({ messages, currentUserId: user.id });\n * ```\n */\nexport function useMessageScroll(\n  options: UseMessageScrollOptions\n): UseMessageScrollReturn {\n  const { messages, currentUserId, threshold = 100 } = options;\n\n  const scrollContainerRef = React.useRef<HTMLDivElement>(null);\n  const bottomRef = React.useRef<HTMLDivElement>(null);\n  const [isScrolledUp, setIsScrolledUp] = React.useState(false);\n  const prevMessageCountRef = React.useRef(messages.length);\n\n  // Handle scroll events\n  React.useEffect(() => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    const handleScroll = () => {\n      const { scrollTop, scrollHeight, clientHeight } = container;\n      const isAtBottom = scrollHeight - scrollTop - clientHeight < threshold;\n      setIsScrolledUp(!isAtBottom);\n    };\n\n    container.addEventListener('scroll', handleScroll);\n    return () => container.removeEventListener('scroll', handleScroll);\n  }, [threshold]);\n\n  const scrollToBottom = React.useCallback((smooth = true) => {\n    bottomRef.current?.scrollIntoView({\n      behavior: smooth ? 'smooth' : 'auto',\n    });\n  }, []);\n\n  // Auto-scroll on new messages\n  React.useEffect(() => {\n    const messageCountChanged = messages.length !== prevMessageCountRef.current;\n    prevMessageCountRef.current = messages.length;\n\n    if (!messageCountChanged) return;\n\n    const lastMessage = messages[messages.length - 1];\n    const isOutgoing = lastMessage?.sender.id === currentUserId;\n\n    // Always scroll on outgoing, only scroll on incoming if at bottom\n    if (isOutgoing || !isScrolledUp) {\n      scrollToBottom(true);\n    }\n  }, [messages, currentUserId, isScrolledUp, scrollToBottom]);\n\n  return {\n    scrollContainerRef,\n    bottomRef,\n    isScrolledUp,\n    scrollToBottom,\n  };\n}\n\n// ============================================================================\n// useReadReceipts Hook\n// ============================================================================\n\nexport interface UseReadReceiptsOptions {\n  /** Messages to track */\n  messages: Message[];\n  /** Current user ID */\n  currentUserId: string;\n  /** Called when a message should be marked as read */\n  onMarkRead?: (messageId: string) => void;\n  /** IntersectionObserver threshold */\n  threshold?: number;\n}\n\n/**\n * Hook for automatically marking messages as read when visible.\n *\n * @example\n * ```tsx\n * const { observeMessage } = useReadReceipts({\n *   messages,\n *   currentUserId: user.id,\n *   onMarkRead: (id) => socket.emit('read', id),\n * });\n * ```\n */\nexport function useReadReceipts(options: UseReadReceiptsOptions) {\n  const { currentUserId, onMarkRead, threshold = 0.5 } = options;\n\n  const observerRef = React.useRef<IntersectionObserver | null>(null);\n  const observedMessagesRef = React.useRef<Set<string>>(new Set());\n\n  React.useEffect(() => {\n    observerRef.current = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            const messageId = entry.target.getAttribute('data-message-id');\n            if (messageId && !observedMessagesRef.current.has(messageId)) {\n              observedMessagesRef.current.add(messageId);\n              onMarkRead?.(messageId);\n            }\n          }\n        });\n      },\n      { threshold }\n    );\n\n    return () => {\n      observerRef.current?.disconnect();\n    };\n  }, [onMarkRead, threshold]);\n\n  const observeMessage = React.useCallback(\n    (element: HTMLElement | null, message: Message) => {\n      if (!element || !observerRef.current) return;\n\n      // Only observe unread incoming messages\n      if (\n        message.sender.id !== currentUserId &&\n        message.status !== 'read' &&\n        !observedMessagesRef.current.has(message.id)\n      ) {\n        element.setAttribute('data-message-id', message.id);\n        observerRef.current.observe(element);\n      }\n    },\n    [currentUserId]\n  );\n\n  return { observeMessage };\n}\n"]}