@mieweb/ui 0.9.0-dev.3 → 0.9.0-dev.5

package/dist/{chunk-5VXRKOPR.cjs → chunk-H3GRO43Z.cjs}

@@ -731,5 +731,5 @@ exports.generateAttachmentId = generateAttachmentId;
 exports.getFileType = getFileType;
 exports.useMentionAutocomplete = useMentionAutocomplete;
 exports.validateFile = validateFile;
-//# sourceMappingURL=chunk-5VXRKOPR.cjs.map
-//# sourceMappingURL=chunk-5VXRKOPR.cjs.map
+//# sourceMappingURL=chunk-H3GRO43Z.cjs.map
+//# sourceMappingURL=chunk-H3GRO43Z.cjs.map

package/dist/{chunk-5VXRKOPR.cjs.map → chunk-H3GRO43Z.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Messaging/AttachmentPicker.tsx","../src/components/Messaging/useMentionAutocomplete.tsx"],"names":["jsxs","cn","jsx","React","Fragment","React2","useAnchoredPosition","createPortal"],"mappings":"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","file":"chunk-5VXRKOPR.cjs","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport type { AttachmentType, AttachmentState } from './types';\n\n// ============================================================================\n// Utility Functions\n// ============================================================================\n\n/**\n * Get file type from MIME type.\n */\nfunction getFileType(mimeType: string): AttachmentType {\n  if (mimeType.startsWith('image/')) return 'image';\n  if (mimeType.startsWith('video/')) return 'video';\n  if (mimeType.startsWith('audio/')) return 'audio';\n  if (\n    mimeType.includes('pdf') ||\n    mimeType.includes('document') ||\n    mimeType.includes('text')\n  ) {\n    return 'document';\n  }\n  return 'file';\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 * Validate file type and size.\n */\nfunction validateFile(\n  file: File,\n  acceptedTypes?: string[],\n  maxSize?: number\n): { valid: boolean; error?: string } {\n  if (acceptedTypes && acceptedTypes.length > 0) {\n    const isAccepted = acceptedTypes.some((type) => {\n      if (type.startsWith('.')) {\n        return file.name.toLowerCase().endsWith(type.toLowerCase());\n      }\n      if (type.endsWith('/*')) {\n        return file.type.startsWith(type.replace('/*', '/'));\n      }\n      return file.type === type;\n    });\n    if (!isAccepted) {\n      return { valid: false, error: 'File type not supported' };\n    }\n  }\n\n  if (maxSize && file.size > maxSize) {\n    return {\n      valid: false,\n      error: `File too large (max ${formatFileSize(maxSize)})`,\n    };\n  }\n\n  return { valid: true };\n}\n\n/**\n * Generate a unique ID for attachments.\n */\nfunction generateAttachmentId(): string {\n  return `attachment-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;\n}\n\n// ============================================================================\n// Attachment Preview Item Component\n// ============================================================================\n\nexport interface AttachmentPreviewItemProps {\n  /** The attachment to preview */\n  attachment: {\n    id: string;\n    file: File;\n    previewUrl?: string;\n    type: AttachmentType;\n    state: AttachmentState;\n    progress?: number;\n    error?: string;\n  };\n  /** Called when remove is clicked */\n  onRemove: () => void;\n  /** Called when retry is clicked */\n  onRetry?: () => void;\n  /** Disables the remove/retry actions. */\n  disabled?: boolean;\n  className?: string;\n}\n\n/**\n * Preview item for a pending attachment.\n */\nfunction AttachmentPreviewItem({\n  attachment,\n  onRemove,\n  onRetry,\n  disabled = false,\n  className,\n}: AttachmentPreviewItemProps) {\n  const { file, previewUrl, type, state, progress } = attachment;\n  const isImage = type === 'image';\n  const isVideo = type === 'video';\n  const isUploading = state === 'uploading';\n  const isFailed = state === 'failed';\n\n  return (\n    <div\n      className={cn(\n        'group relative overflow-hidden rounded-lg',\n        'bg-neutral-100 dark:bg-neutral-800',\n        'border border-neutral-200 dark:border-neutral-700',\n        isFailed && 'border-red-500',\n        className\n      )}\n    >\n      {/* Image/Video preview */}\n      {(isImage || isVideo) && previewUrl ? (\n        <div className=\"relative h-20 w-20\">\n          {isVideo ? (\n            <video\n              src={previewUrl}\n              aria-label={file.name}\n              muted\n              playsInline\n              preload=\"metadata\"\n              className={cn(\n                'h-full w-full object-cover',\n                (isUploading || isFailed) && 'opacity-50'\n              )}\n            />\n          ) : (\n            <img\n              src={previewUrl}\n              alt={file.name}\n              className={cn(\n                'h-full w-full object-cover',\n                (isUploading || isFailed) && 'opacity-50'\n              )}\n            />\n          )}\n          {isVideo && (\n            <div className=\"absolute inset-0 flex items-center justify-center\">\n              <svg\n                aria-hidden=\"true\"\n                className=\"h-6 w-6 text-white drop-shadow\"\n                fill=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path d=\"M8 5v14l11-7z\" />\n              </svg>\n            </div>\n          )}\n        </div>\n      ) : (\n        /* File preview */\n        <div className=\"flex h-20 w-20 flex-col items-center justify-center p-2\">\n          <svg\n            aria-hidden=\"true\"\n            className=\"h-8 w-8 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=\"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          <span className=\"mt-1 max-w-full truncate px-1 text-xs text-neutral-600 dark:text-neutral-400\">\n            {file.name.split('.').pop()?.toUpperCase()}\n          </span>\n        </div>\n      )}\n\n      {/* Upload progress overlay */}\n      {isUploading && 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-6 w-6 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-xs\">{progress}%</span>\n          </div>\n        </div>\n      )}\n\n      {/* Error overlay */}\n      {isFailed && (\n        <div className=\"absolute inset-0 flex items-center justify-center bg-black/50\">\n          <div className=\"text-center\">\n            <svg\n              aria-hidden=\"true\"\n              className=\"mx-auto h-6 w-6 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            {onRetry && (\n              <button\n                type=\"button\"\n                onClick={onRetry}\n                disabled={disabled}\n                className=\"mt-1 text-xs text-white underline hover:no-underline disabled:no-underline disabled:opacity-50\"\n              >\n                Retry\n              </button>\n            )}\n          </div>\n        </div>\n      )}\n\n      {/* Remove button */}\n      <button\n        type=\"button\"\n        onClick={onRemove}\n        disabled={disabled}\n        className={cn(\n          'absolute -end-1 -top-1 z-10',\n          'rounded-full p-1',\n          'bg-neutral-900 text-white',\n          'opacity-0 group-hover:opacity-100',\n          'focus:ring-primary-500 focus:opacity-100 focus:ring-2 focus:outline-none',\n          'transition-opacity',\n          'disabled:cursor-not-allowed disabled:group-hover:opacity-0'\n        )}\n        aria-label={`Remove ${file.name}`}\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=\"M6 18L18 6M6 6l12 12\"\n          />\n        </svg>\n      </button>\n\n      {/* File name tooltip on hover */}\n      <div\n        className={cn(\n          'absolute start-0 end-0 bottom-0',\n          'bg-black/70 px-1 py-0.5',\n          'opacity-0 group-hover:opacity-100',\n          'transition-opacity'\n        )}\n      >\n        <p className=\"truncate text-xs text-white\">{file.name}</p>\n      </div>\n    </div>\n  );\n}\n\nAttachmentPreviewItem.displayName = 'AttachmentPreviewItem';\n\n// ============================================================================\n// Attachment Picker Component\n// ============================================================================\n\nexport interface AttachmentPickerProps {\n  /** Called when files are selected */\n  onFilesSelected: (files: File[]) => void;\n  /** Accepted file types (MIME types or extensions) */\n  acceptedTypes?: string[];\n  /** Maximum file size in bytes */\n  maxFileSize?: number;\n  /** Maximum number of files */\n  maxFiles?: number;\n  /** Whether multiple files can be selected */\n  multiple?: boolean;\n  /** Whether the picker is disabled */\n  disabled?: boolean;\n  /** Called when an error occurs */\n  onError?: (error: string) => void;\n  className?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * A button/trigger component for selecting attachments.\n */\nconst AttachmentPicker = React.forwardRef<\n  HTMLInputElement,\n  AttachmentPickerProps\n>(\n  (\n    {\n      onFilesSelected,\n      acceptedTypes = ['image/*', 'video/*', '.pdf', '.doc', '.docx'],\n      maxFileSize = 25 * 1024 * 1024, // 25MB\n      maxFiles = 10,\n      multiple = true,\n      disabled = false,\n      onError,\n      className,\n      children,\n    },\n    ref\n  ) => {\n    const inputRef = React.useRef<HTMLInputElement>(null);\n\n    // Combine refs\n    React.useImperativeHandle(ref, () => inputRef.current!);\n\n    const handleClick = () => {\n      inputRef.current?.click();\n    };\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      const files = Array.from(event.target.files || []);\n      if (files.length === 0) return;\n\n      // Validate files\n      const validFiles: File[] = [];\n      for (const file of files.slice(0, maxFiles)) {\n        const validation = validateFile(file, acceptedTypes, maxFileSize);\n        if (validation.valid) {\n          validFiles.push(file);\n        } else if (onError) {\n          onError(`${file.name}: ${validation.error}`);\n        }\n      }\n\n      if (files.length > maxFiles && onError) {\n        onError(`Maximum ${maxFiles} files allowed`);\n      }\n\n      if (validFiles.length > 0) {\n        onFilesSelected(validFiles);\n      }\n\n      // Reset input\n      event.target.value = '';\n    };\n\n    return (\n      <>\n        <input\n          ref={inputRef}\n          type=\"file\"\n          accept={acceptedTypes.join(',')}\n          multiple={multiple}\n          onChange={handleChange}\n          disabled={disabled}\n          className=\"sr-only\"\n          aria-label=\"Select files to attach\"\n        />\n        <button\n          type=\"button\"\n          onClick={handleClick}\n          disabled={disabled}\n          data-slot=\"attachment-picker-button\"\n          className={cn(\n            'inline-flex items-center justify-center',\n            '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            'disabled:cursor-not-allowed disabled:opacity-50',\n            'transition-colors',\n            className\n          )}\n          aria-label=\"Attach files\"\n        >\n          {children || (\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.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13\"\n              />\n            </svg>\n          )}\n        </button>\n      </>\n    );\n  }\n);\n\nAttachmentPicker.displayName = 'AttachmentPicker';\n\n// ============================================================================\n// Drag Drop Zone Component\n// ============================================================================\n\nexport interface DragDropZoneProps {\n  /** Called when files are dropped */\n  onFilesDropped: (files: File[]) => void;\n  /** Accepted file types */\n  acceptedTypes?: string[];\n  /** Maximum file size */\n  maxFileSize?: number;\n  /** Maximum number of files */\n  maxFiles?: number;\n  /** Whether the zone is disabled */\n  disabled?: boolean;\n  /** Called when an error occurs */\n  onError?: (error: string) => void;\n  /** Overlay text shown while dragging files over the zone. @default 'Drop files here' */\n  overlayLabel?: string;\n  /** Children to render inside the zone */\n  children: React.ReactNode;\n  className?: string;\n}\n\n/**\n * A wrapper component that accepts drag-and-drop files.\n */\nfunction DragDropZone({\n  onFilesDropped,\n  acceptedTypes,\n  maxFileSize,\n  maxFiles = 10,\n  disabled = false,\n  onError,\n  overlayLabel = 'Drop files here',\n  children,\n  className,\n}: DragDropZoneProps) {\n  const [isDragging, setIsDragging] = React.useState(false);\n  const dragCounterRef = React.useRef(0);\n\n  const handleDragEnter = (event: React.DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (disabled) return;\n\n    dragCounterRef.current++;\n    if (event.dataTransfer.items && event.dataTransfer.items.length > 0) {\n      setIsDragging(true);\n    }\n  };\n\n  const handleDragLeave = (event: React.DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (disabled) return;\n\n    dragCounterRef.current--;\n    if (dragCounterRef.current === 0) {\n      setIsDragging(false);\n    }\n  };\n\n  const handleDragOver = (event: React.DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  const handleDrop = (event: React.DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (disabled) return;\n\n    setIsDragging(false);\n    dragCounterRef.current = 0;\n\n    const files = Array.from(event.dataTransfer.files);\n    if (files.length === 0) return;\n\n    // Validate files\n    const validFiles: File[] = [];\n    for (const file of files.slice(0, maxFiles)) {\n      const validation = validateFile(file, acceptedTypes, maxFileSize);\n      if (validation.valid) {\n        validFiles.push(file);\n      } else if (onError) {\n        onError(`${file.name}: ${validation.error}`);\n      }\n    }\n\n    if (files.length > maxFiles && onError) {\n      onError(`Maximum ${maxFiles} files allowed`);\n    }\n\n    if (validFiles.length > 0) {\n      onFilesDropped(validFiles);\n    }\n  };\n\n  return (\n    <div\n      onDragEnter={handleDragEnter}\n      onDragLeave={handleDragLeave}\n      onDragOver={handleDragOver}\n      onDrop={handleDrop}\n      className={cn('relative', className)}\n    >\n      {children}\n\n      {/* Drag overlay */}\n      {isDragging && (\n        <div\n          className={cn(\n            'absolute inset-0 z-50',\n            'flex items-center justify-center',\n            'bg-primary-50/90 dark:bg-primary-900/90',\n            'border-primary-500 border-2 border-dashed',\n            'rounded-lg'\n          )}\n        >\n          <div className=\"text-center\">\n            <svg\n              aria-hidden=\"true\"\n              className=\"text-primary-800 mx-auto h-12 w-12\"\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=\"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12\"\n              />\n            </svg>\n            <p className=\"text-primary-700 dark:text-primary-300 mt-2 text-sm font-medium\">\n              {overlayLabel}\n            </p>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nDragDropZone.displayName = 'DragDropZone';\n\n// ============================================================================\n// Camera Button Component (Mobile)\n// ============================================================================\n\nexport interface CameraButtonProps {\n  /** Called when a photo is captured */\n  onCapture: (file: File) => void;\n  /** Whether to use front camera */\n  useFrontCamera?: boolean;\n  /** Whether the button is disabled */\n  disabled?: boolean;\n  className?: string;\n}\n\n/**\n * Button to capture photos from camera (mobile).\n */\nfunction CameraButton({\n  onCapture,\n  useFrontCamera = false,\n  disabled = false,\n  className,\n}: CameraButtonProps) {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const handleClick = () => {\n    inputRef.current?.click();\n  };\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0];\n    if (file) {\n      onCapture(file);\n    }\n    event.target.value = '';\n  };\n\n  return (\n    <>\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        capture={useFrontCamera ? 'user' : 'environment'}\n        onChange={handleChange}\n        disabled={disabled}\n        className=\"sr-only\"\n        aria-label=\"Take a photo\"\n      />\n      <button\n        type=\"button\"\n        onClick={handleClick}\n        disabled={disabled}\n        className={cn(\n          'inline-flex items-center justify-center',\n          '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          'disabled:cursor-not-allowed disabled:opacity-50',\n          'transition-colors',\n          className\n        )}\n        aria-label=\"Take a photo\"\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=\"M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z\"\n          />\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M15 13a3 3 0 11-6 0 3 3 0 016 0z\"\n          />\n        </svg>\n      </button>\n    </>\n  );\n}\n\nCameraButton.displayName = 'CameraButton';\n\nexport {\n  AttachmentPicker,\n  AttachmentPreviewItem,\n  DragDropZone,\n  CameraButton,\n  getFileType,\n  formatFileSize,\n  validateFile,\n  generateAttachmentId,\n};\n","import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cn } from '../../utils/cn';\nimport { useAnchoredPosition } from '../../hooks/useAnchoredPosition';\n\n// ============================================================================\n// @mention autocomplete — shared between MessageComposer and ChatComposer.\n//\n// Extracted verbatim from MessageComposer so both composers expose identical\n// mention behavior (query detection, keyboard navigation, insertion, ARIA\n// combobox wiring, listbox rendering). Do not change semantics here without\n// running both composers' test suites — SuperChat pins this behavior through\n// MessageComposer today.\n// ============================================================================\n\n/**\n * A candidate for the composer's `@mention` autocomplete. Generic so any\n * surface (multi-party chat, agent picker, …) can supply its own list.\n */\nexport interface MentionOption {\n  /** Stable unique key for the suggestion list. */\n  id: string;\n  /** Display name shown in the suggestion list. */\n  label: string;\n  /** Text inserted after `@` on selection. Defaults to the first word of `label`. */\n  value?: string;\n  /** Optional secondary text shown after the label. */\n  description?: string;\n  /** Optional leading node (e.g. an avatar). */\n  icon?: React.ReactNode;\n  /** Optional trailing meta text (e.g. a kind tag). */\n  meta?: string;\n}\n\n/**\n * Find the active `@query` immediately before the caret, if any. The `@` must\n * start the string or follow whitespace, and the token must contain no spaces\n * or further `@`.\n */\nexport function activeMentionQuery(\n  value: string,\n  caret: number\n): { query: string; start: number } | null {\n  const upToCaret = value.slice(0, caret);\n  const match = /(^|\\s)@([^\\s@]*)$/.exec(upToCaret);\n  if (!match) return null;\n  const query = match[2];\n  return { query, start: caret - query.length - 1 };\n}\n\nexport interface UseMentionAutocompleteOptions {\n  /** Mention candidates. Mentions are disabled when undefined or empty. */\n  options?: MentionOption[];\n  /** Current composer text. */\n  value: string;\n  /** Write the composer text (host handles controlled/uncontrolled). */\n  setValue: (next: string) => void;\n  /** The composer textarea, for caret restore after insertion. */\n  textareaRef: React.RefObject<HTMLTextAreaElement | null>;\n}\n\nexport interface MentionAutocomplete {\n  /** Whether mention support is active (options provided and non-empty). */\n  enabled: boolean;\n  /** Whether the suggestion menu is currently open. */\n  menuOpen: boolean;\n  /** Suggestions matching the active query. */\n  suggestions: MentionOption[];\n  /** Clamped highlight index (`-1` while the menu is closed). */\n  highlight: number;\n  /** id of the listbox element. */\n  listId: string;\n  /** id for the option at `index`. */\n  optionId: (index: number) => string;\n  /** Ref for the element the menu anchors to (the input wrapper). */\n  anchorRef: React.RefObject<HTMLDivElement | null>;\n  /** Ref for the floating listbox. */\n  floatingRef: React.RefObject<HTMLUListElement | null>;\n  /** Fixed-position style for the floating listbox. */\n  menuStyle: React.CSSProperties;\n  /** Re-derive the active query from the value and caret position. */\n  sync: (value: string, caret: number) => void;\n  /** Insert the given option at the active query and restore the caret. */\n  insert: (option: MentionOption) => void;\n  /** Move the highlight (mouse hover). */\n  setHighlight: (index: number) => void;\n  /**\n   * Menu keyboard navigation. Returns `true` when the event was consumed\n   * (callers must skip their own key handling, e.g. Enter-to-send).\n   */\n  handleKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => boolean;\n  /** ARIA combobox attributes to spread onto the textarea. */\n  inputProps: React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n}\n\n/**\n * State machine for `@mention` autocomplete in a composer textarea. Pair with\n * {@link MentionMenu} for the floating listbox.\n */\nexport function useMentionAutocomplete({\n  options,\n  value,\n  setValue,\n  textareaRef,\n}: UseMentionAutocompleteOptions): MentionAutocomplete {\n  const enabled = !!options && options.length > 0;\n  const [mention, setMention] = React.useState<{\n    query: string;\n    start: number;\n  } | null>(null);\n  const [highlight, setHighlight] = React.useState(0);\n  const listId = React.useId();\n  const optionId = React.useCallback(\n    (index: number) => `${listId}-option-${index}`,\n    [listId]\n  );\n\n  const suggestions = React.useMemo(() => {\n    if (!mention || !options) return [];\n    const q = mention.query.toLowerCase();\n    return options.filter((o) => o.label.toLowerCase().includes(q));\n  }, [mention, options]);\n\n  const menuOpen = enabled && mention !== null && suggestions.length > 0;\n\n  // Portal + fixed positioning so the mention menu escapes overflow-hidden\n  // ancestors.\n  const {\n    anchorRef,\n    floatingRef,\n    style: menuStyle,\n  } = useAnchoredPosition<HTMLDivElement, HTMLUListElement>({\n    open: menuOpen,\n    placement: 'top-start',\n    maxHeight: 224,\n  });\n\n  // Clamp the highlight to the current suggestion range so the active option\n  // never points at a stale/out-of-range index (the list can shrink while the\n  // menu is open as the query narrows). The same clamped index drives\n  // `aria-activedescendant`, `aria-selected`, and the visual highlight so they\n  // can never disagree.\n  const clampedHighlight = menuOpen\n    ? Math.min(highlight, suggestions.length - 1)\n    : -1;\n  const activeOptionId = menuOpen ? optionId(clampedHighlight) : undefined;\n\n  const sync = React.useCallback(\n    (nextValue: string, caret: number) => {\n      if (!enabled) return;\n      setMention(activeMentionQuery(nextValue, caret));\n      setHighlight(0);\n    },\n    [enabled]\n  );\n\n  const insert = (option: MentionOption) => {\n    if (!mention) return;\n    const insertValue = option.value ?? option.label.split(' ')[0];\n    const before = value.slice(0, mention.start);\n    const after = value.slice(mention.start + 1 + mention.query.length);\n    const insertText = `@${insertValue} `;\n    setValue(before + insertText + after);\n    setMention(null);\n    // Restore caret just after the inserted mention.\n    const caret = before.length + insertText.length;\n    requestAnimationFrame(() => {\n      const el = textareaRef.current;\n      if (el) {\n        el.focus();\n        el.setSelectionRange(caret, caret);\n      }\n    });\n  };\n\n  const handleKeyDown = (\n    event: React.KeyboardEvent<HTMLTextAreaElement>\n  ): boolean => {\n    if (!menuOpen) return false;\n    // All keyboard branches index with the clamped highlight so keyboard\n    // behavior always agrees with the visible/ARIA selection, even when the\n    // list shrank while the menu was open (e.g. the host swapped `options`\n    // asynchronously).\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      setHighlight(\n        (h) => (Math.min(h, suggestions.length - 1) + 1) % suggestions.length\n      );\n      return true;\n    }\n    if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      setHighlight(\n        (h) =>\n          (Math.min(h, suggestions.length - 1) - 1 + suggestions.length) %\n          suggestions.length\n      );\n      return true;\n    }\n    if (event.key === 'Enter' || event.key === 'Tab') {\n      event.preventDefault();\n      const chosen = suggestions[clampedHighlight];\n      if (chosen) insert(chosen);\n      return true;\n    }\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      setMention(null);\n      return true;\n    }\n    return false;\n  };\n\n  const inputProps: React.TextareaHTMLAttributes<HTMLTextAreaElement> = enabled\n    ? {\n        'aria-controls': menuOpen ? listId : undefined,\n        'aria-activedescendant': activeOptionId,\n        'aria-autocomplete': 'list' as const,\n      }\n    : {};\n\n  return {\n    enabled,\n    menuOpen,\n    suggestions,\n    highlight: clampedHighlight,\n    listId,\n    optionId,\n    anchorRef,\n    floatingRef,\n    menuStyle,\n    sync,\n    insert,\n    setHighlight,\n    handleKeyDown,\n    inputProps,\n  };\n}\n\nexport interface MentionMenuProps {\n  /** State returned by {@link useMentionAutocomplete}. */\n  mention: MentionAutocomplete;\n  /** Accessible label for the listbox. @default 'Mention' */\n  label?: string;\n  /** `data-slot` for the listbox. @default 'composer-mention-list' */\n  dataSlot?: string;\n}\n\n/**\n * The floating `@mention` suggestion listbox. Rendered in a portal so it\n * escapes overflow-hidden ancestors; renders nothing while closed.\n */\nexport function MentionMenu({\n  mention,\n  label = 'Mention',\n  dataSlot = 'composer-mention-list',\n}: MentionMenuProps) {\n  if (!mention.menuOpen) return null;\n  return createPortal(\n    <ul\n      ref={mention.floatingRef}\n      style={mention.menuStyle}\n      id={mention.listId}\n      role=\"listbox\"\n      aria-label={label}\n      data-slot={dataSlot}\n      className=\"w-64 overflow-y-auto rounded-lg border border-neutral-200 bg-white py-1 shadow-lg dark:border-neutral-700 dark:bg-neutral-800\"\n    >\n      {mention.suggestions.map((option, i) => (\n        <li key={option.id}>\n          <button\n            type=\"button\"\n            id={mention.optionId(i)}\n            role=\"option\"\n            aria-selected={i === mention.highlight}\n            // onMouseDown (not onClick) so the textarea keeps focus.\n            onMouseDown={(e) => {\n              e.preventDefault();\n              mention.insert(option);\n            }}\n            onMouseEnter={() => mention.setHighlight(i)}\n            className={cn(\n              'flex w-full items-center gap-2 px-3 py-1.5 text-start text-sm',\n              i === mention.highlight\n                ? 'bg-primary-100 text-primary-900 dark:bg-primary-900/40 dark:text-primary-100'\n                : 'text-neutral-700 dark:text-neutral-200'\n            )}\n          >\n            {option.icon}\n            <span className=\"min-w-0 flex-1 truncate\">\n              <span className=\"font-medium\">{option.label}</span>\n              {option.description && (\n                <span className=\"ms-1 text-xs text-neutral-400\">\n                  {option.description}\n                </span>\n              )}\n            </span>\n            {option.meta && (\n              <span className=\"text-[10px] text-neutral-400\">\n                {option.meta}\n              </span>\n            )}\n          </button>\n        </li>\n      ))}\n    </ul>,\n    document.body\n  );\n}\n\nMentionMenu.displayName = 'MentionMenu';\n"]}
+{"version":3,"sources":["../src/components/Messaging/AttachmentPicker.tsx","../src/components/Messaging/useMentionAutocomplete.tsx"],"names":["jsxs","cn","jsx","React","Fragment","React2","useAnchoredPosition","createPortal"],"mappings":"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","file":"chunk-H3GRO43Z.cjs","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport type { AttachmentType, AttachmentState } from './types';\n\n// ============================================================================\n// Utility Functions\n// ============================================================================\n\n/**\n * Get file type from MIME type.\n */\nfunction getFileType(mimeType: string): AttachmentType {\n  if (mimeType.startsWith('image/')) return 'image';\n  if (mimeType.startsWith('video/')) return 'video';\n  if (mimeType.startsWith('audio/')) return 'audio';\n  if (\n    mimeType.includes('pdf') ||\n    mimeType.includes('document') ||\n    mimeType.includes('text')\n  ) {\n    return 'document';\n  }\n  return 'file';\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 * Validate file type and size.\n */\nfunction validateFile(\n  file: File,\n  acceptedTypes?: string[],\n  maxSize?: number\n): { valid: boolean; error?: string } {\n  if (acceptedTypes && acceptedTypes.length > 0) {\n    const isAccepted = acceptedTypes.some((type) => {\n      if (type.startsWith('.')) {\n        return file.name.toLowerCase().endsWith(type.toLowerCase());\n      }\n      if (type.endsWith('/*')) {\n        return file.type.startsWith(type.replace('/*', '/'));\n      }\n      return file.type === type;\n    });\n    if (!isAccepted) {\n      return { valid: false, error: 'File type not supported' };\n    }\n  }\n\n  if (maxSize && file.size > maxSize) {\n    return {\n      valid: false,\n      error: `File too large (max ${formatFileSize(maxSize)})`,\n    };\n  }\n\n  return { valid: true };\n}\n\n/**\n * Generate a unique ID for attachments.\n */\nfunction generateAttachmentId(): string {\n  return `attachment-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;\n}\n\n// ============================================================================\n// Attachment Preview Item Component\n// ============================================================================\n\nexport interface AttachmentPreviewItemProps {\n  /** The attachment to preview */\n  attachment: {\n    id: string;\n    file: File;\n    previewUrl?: string;\n    type: AttachmentType;\n    state: AttachmentState;\n    progress?: number;\n    error?: string;\n  };\n  /** Called when remove is clicked */\n  onRemove: () => void;\n  /** Called when retry is clicked */\n  onRetry?: () => void;\n  /** Disables the remove/retry actions. */\n  disabled?: boolean;\n  className?: string;\n}\n\n/**\n * Preview item for a pending attachment.\n */\nfunction AttachmentPreviewItem({\n  attachment,\n  onRemove,\n  onRetry,\n  disabled = false,\n  className,\n}: AttachmentPreviewItemProps) {\n  const { file, previewUrl, type, state, progress } = attachment;\n  const isImage = type === 'image';\n  const isVideo = type === 'video';\n  const isUploading = state === 'uploading';\n  const isFailed = state === 'failed';\n\n  return (\n    <div\n      className={cn(\n        'group relative overflow-hidden rounded-lg',\n        'bg-neutral-100 dark:bg-neutral-800',\n        'border border-neutral-200 dark:border-neutral-700',\n        isFailed && 'border-red-500',\n        className\n      )}\n    >\n      {/* Image/Video preview */}\n      {(isImage || isVideo) && previewUrl ? (\n        <div className=\"relative h-20 w-20\">\n          {isVideo ? (\n            <video\n              src={previewUrl}\n              aria-label={file.name}\n              muted\n              playsInline\n              preload=\"metadata\"\n              className={cn(\n                'h-full w-full object-cover',\n                (isUploading || isFailed) && 'opacity-50'\n              )}\n            />\n          ) : (\n            <img\n              src={previewUrl}\n              alt={file.name}\n              className={cn(\n                'h-full w-full object-cover',\n                (isUploading || isFailed) && 'opacity-50'\n              )}\n            />\n          )}\n          {isVideo && (\n            <div className=\"absolute inset-0 flex items-center justify-center\">\n              <svg\n                aria-hidden=\"true\"\n                className=\"h-6 w-6 text-white drop-shadow\"\n                fill=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path d=\"M8 5v14l11-7z\" />\n              </svg>\n            </div>\n          )}\n        </div>\n      ) : (\n        /* File preview */\n        <div className=\"flex h-20 w-20 flex-col items-center justify-center p-2\">\n          <svg\n            aria-hidden=\"true\"\n            className=\"h-8 w-8 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=\"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          <span className=\"mt-1 max-w-full truncate px-1 text-xs text-neutral-600 dark:text-neutral-400\">\n            {file.name.split('.').pop()?.toUpperCase()}\n          </span>\n        </div>\n      )}\n\n      {/* Upload progress overlay */}\n      {isUploading && 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-6 w-6 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-xs\">{progress}%</span>\n          </div>\n        </div>\n      )}\n\n      {/* Error overlay */}\n      {isFailed && (\n        <div className=\"absolute inset-0 flex items-center justify-center bg-black/50\">\n          <div className=\"text-center\">\n            <svg\n              aria-hidden=\"true\"\n              className=\"mx-auto h-6 w-6 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            {onRetry && (\n              <button\n                type=\"button\"\n                onClick={onRetry}\n                disabled={disabled}\n                className=\"mt-1 text-xs text-white underline hover:no-underline disabled:no-underline disabled:opacity-50\"\n              >\n                Retry\n              </button>\n            )}\n          </div>\n        </div>\n      )}\n\n      {/* Remove button */}\n      <button\n        type=\"button\"\n        onClick={onRemove}\n        disabled={disabled}\n        className={cn(\n          'absolute -end-1 -top-1 z-10',\n          'rounded-full p-1',\n          'bg-neutral-900 text-white',\n          'opacity-0 group-hover:opacity-100',\n          'focus:ring-primary-500 focus:opacity-100 focus:ring-2 focus:outline-none',\n          'transition-opacity',\n          'disabled:cursor-not-allowed disabled:group-hover:opacity-0'\n        )}\n        aria-label={`Remove ${file.name}`}\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=\"M6 18L18 6M6 6l12 12\"\n          />\n        </svg>\n      </button>\n\n      {/* File name tooltip on hover */}\n      <div\n        className={cn(\n          'absolute start-0 end-0 bottom-0',\n          'bg-black/70 px-1 py-0.5',\n          'opacity-0 group-hover:opacity-100',\n          'transition-opacity'\n        )}\n      >\n        <p className=\"truncate text-xs text-white\">{file.name}</p>\n      </div>\n    </div>\n  );\n}\n\nAttachmentPreviewItem.displayName = 'AttachmentPreviewItem';\n\n// ============================================================================\n// Attachment Picker Component\n// ============================================================================\n\nexport interface AttachmentPickerProps {\n  /** Called when files are selected */\n  onFilesSelected: (files: File[]) => void;\n  /** Accepted file types (MIME types or extensions) */\n  acceptedTypes?: string[];\n  /** Maximum file size in bytes */\n  maxFileSize?: number;\n  /** Maximum number of files */\n  maxFiles?: number;\n  /** Whether multiple files can be selected */\n  multiple?: boolean;\n  /** Whether the picker is disabled */\n  disabled?: boolean;\n  /** Called when an error occurs */\n  onError?: (error: string) => void;\n  className?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * A button/trigger component for selecting attachments.\n */\nconst AttachmentPicker = React.forwardRef<\n  HTMLInputElement,\n  AttachmentPickerProps\n>(\n  (\n    {\n      onFilesSelected,\n      acceptedTypes = ['image/*', 'video/*', '.pdf', '.doc', '.docx'],\n      maxFileSize = 25 * 1024 * 1024, // 25MB\n      maxFiles = 10,\n      multiple = true,\n      disabled = false,\n      onError,\n      className,\n      children,\n    },\n    ref\n  ) => {\n    const inputRef = React.useRef<HTMLInputElement>(null);\n\n    // Combine refs\n    React.useImperativeHandle(ref, () => inputRef.current!);\n\n    const handleClick = () => {\n      inputRef.current?.click();\n    };\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      const files = Array.from(event.target.files || []);\n      if (files.length === 0) return;\n\n      // Validate files\n      const validFiles: File[] = [];\n      for (const file of files.slice(0, maxFiles)) {\n        const validation = validateFile(file, acceptedTypes, maxFileSize);\n        if (validation.valid) {\n          validFiles.push(file);\n        } else if (onError) {\n          onError(`${file.name}: ${validation.error}`);\n        }\n      }\n\n      if (files.length > maxFiles && onError) {\n        onError(`Maximum ${maxFiles} files allowed`);\n      }\n\n      if (validFiles.length > 0) {\n        onFilesSelected(validFiles);\n      }\n\n      // Reset input\n      event.target.value = '';\n    };\n\n    return (\n      <>\n        <input\n          ref={inputRef}\n          type=\"file\"\n          accept={acceptedTypes.join(',')}\n          multiple={multiple}\n          onChange={handleChange}\n          disabled={disabled}\n          className=\"sr-only\"\n          aria-label=\"Select files to attach\"\n        />\n        <button\n          type=\"button\"\n          onClick={handleClick}\n          disabled={disabled}\n          data-slot=\"attachment-picker-button\"\n          className={cn(\n            'inline-flex items-center justify-center',\n            '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            'disabled:cursor-not-allowed disabled:opacity-50',\n            'transition-colors',\n            className\n          )}\n          aria-label=\"Attach files\"\n        >\n          {children || (\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.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13\"\n              />\n            </svg>\n          )}\n        </button>\n      </>\n    );\n  }\n);\n\nAttachmentPicker.displayName = 'AttachmentPicker';\n\n// ============================================================================\n// Drag Drop Zone Component\n// ============================================================================\n\nexport interface DragDropZoneProps {\n  /** Called when files are dropped */\n  onFilesDropped: (files: File[]) => void;\n  /** Accepted file types */\n  acceptedTypes?: string[];\n  /** Maximum file size */\n  maxFileSize?: number;\n  /** Maximum number of files */\n  maxFiles?: number;\n  /** Whether the zone is disabled */\n  disabled?: boolean;\n  /** Called when an error occurs */\n  onError?: (error: string) => void;\n  /** Overlay text shown while dragging files over the zone. @default 'Drop files here' */\n  overlayLabel?: string;\n  /** Children to render inside the zone */\n  children: React.ReactNode;\n  className?: string;\n}\n\n/**\n * A wrapper component that accepts drag-and-drop files.\n */\nfunction DragDropZone({\n  onFilesDropped,\n  acceptedTypes,\n  maxFileSize,\n  maxFiles = 10,\n  disabled = false,\n  onError,\n  overlayLabel = 'Drop files here',\n  children,\n  className,\n}: DragDropZoneProps) {\n  const [isDragging, setIsDragging] = React.useState(false);\n  const dragCounterRef = React.useRef(0);\n\n  const handleDragEnter = (event: React.DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (disabled) return;\n\n    dragCounterRef.current++;\n    if (event.dataTransfer.items && event.dataTransfer.items.length > 0) {\n      setIsDragging(true);\n    }\n  };\n\n  const handleDragLeave = (event: React.DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (disabled) return;\n\n    dragCounterRef.current--;\n    if (dragCounterRef.current === 0) {\n      setIsDragging(false);\n    }\n  };\n\n  const handleDragOver = (event: React.DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  const handleDrop = (event: React.DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (disabled) return;\n\n    setIsDragging(false);\n    dragCounterRef.current = 0;\n\n    const files = Array.from(event.dataTransfer.files);\n    if (files.length === 0) return;\n\n    // Validate files\n    const validFiles: File[] = [];\n    for (const file of files.slice(0, maxFiles)) {\n      const validation = validateFile(file, acceptedTypes, maxFileSize);\n      if (validation.valid) {\n        validFiles.push(file);\n      } else if (onError) {\n        onError(`${file.name}: ${validation.error}`);\n      }\n    }\n\n    if (files.length > maxFiles && onError) {\n      onError(`Maximum ${maxFiles} files allowed`);\n    }\n\n    if (validFiles.length > 0) {\n      onFilesDropped(validFiles);\n    }\n  };\n\n  return (\n    <div\n      onDragEnter={handleDragEnter}\n      onDragLeave={handleDragLeave}\n      onDragOver={handleDragOver}\n      onDrop={handleDrop}\n      className={cn('relative', className)}\n    >\n      {children}\n\n      {/* Drag overlay */}\n      {isDragging && (\n        <div\n          className={cn(\n            'absolute inset-0 z-50',\n            'flex items-center justify-center',\n            'bg-primary-50/90 dark:bg-primary-900/90',\n            'border-primary-500 border-2 border-dashed',\n            'rounded-lg'\n          )}\n        >\n          <div className=\"text-center\">\n            <svg\n              aria-hidden=\"true\"\n              className=\"text-primary-800 mx-auto h-12 w-12\"\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=\"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12\"\n              />\n            </svg>\n            <p className=\"text-primary-700 dark:text-primary-300 mt-2 text-sm font-medium\">\n              {overlayLabel}\n            </p>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nDragDropZone.displayName = 'DragDropZone';\n\n// ============================================================================\n// Camera Button Component (Mobile)\n// ============================================================================\n\nexport interface CameraButtonProps {\n  /** Called when a photo is captured */\n  onCapture: (file: File) => void;\n  /** Whether to use front camera */\n  useFrontCamera?: boolean;\n  /** Whether the button is disabled */\n  disabled?: boolean;\n  className?: string;\n}\n\n/**\n * Button to capture photos from camera (mobile).\n */\nfunction CameraButton({\n  onCapture,\n  useFrontCamera = false,\n  disabled = false,\n  className,\n}: CameraButtonProps) {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const handleClick = () => {\n    inputRef.current?.click();\n  };\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0];\n    if (file) {\n      onCapture(file);\n    }\n    event.target.value = '';\n  };\n\n  return (\n    <>\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        capture={useFrontCamera ? 'user' : 'environment'}\n        onChange={handleChange}\n        disabled={disabled}\n        className=\"sr-only\"\n        aria-label=\"Take a photo\"\n      />\n      <button\n        type=\"button\"\n        onClick={handleClick}\n        disabled={disabled}\n        className={cn(\n          'inline-flex items-center justify-center',\n          '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          'disabled:cursor-not-allowed disabled:opacity-50',\n          'transition-colors',\n          className\n        )}\n        aria-label=\"Take a photo\"\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=\"M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z\"\n          />\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M15 13a3 3 0 11-6 0 3 3 0 016 0z\"\n          />\n        </svg>\n      </button>\n    </>\n  );\n}\n\nCameraButton.displayName = 'CameraButton';\n\nexport {\n  AttachmentPicker,\n  AttachmentPreviewItem,\n  DragDropZone,\n  CameraButton,\n  getFileType,\n  formatFileSize,\n  validateFile,\n  generateAttachmentId,\n};\n","import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cn } from '../../utils/cn';\nimport { useAnchoredPosition } from '../../hooks/useAnchoredPosition';\n\n// ============================================================================\n// @mention autocomplete — shared between MessageComposer and ChatComposer.\n//\n// Extracted verbatim from MessageComposer so both composers expose identical\n// mention behavior (query detection, keyboard navigation, insertion, ARIA\n// combobox wiring, listbox rendering). Do not change semantics here without\n// running both composers' test suites — SuperChat pins this behavior through\n// MessageComposer today.\n// ============================================================================\n\n/**\n * A candidate for the composer's `@mention` autocomplete. Generic so any\n * surface (multi-party chat, agent picker, …) can supply its own list.\n */\nexport interface MentionOption {\n  /** Stable unique key for the suggestion list. */\n  id: string;\n  /** Display name shown in the suggestion list. */\n  label: string;\n  /** Text inserted after `@` on selection. Defaults to the first word of `label`. */\n  value?: string;\n  /** Optional secondary text shown after the label. */\n  description?: string;\n  /** Optional leading node (e.g. an avatar). */\n  icon?: React.ReactNode;\n  /** Optional trailing meta text (e.g. a kind tag). */\n  meta?: string;\n}\n\n/**\n * Find the active `@query` immediately before the caret, if any. The `@` must\n * start the string or follow whitespace, and the token must contain no spaces\n * or further `@`.\n */\nexport function activeMentionQuery(\n  value: string,\n  caret: number\n): { query: string; start: number } | null {\n  const upToCaret = value.slice(0, caret);\n  const match = /(^|\\s)@([^\\s@]*)$/.exec(upToCaret);\n  if (!match) return null;\n  const query = match[2];\n  return { query, start: caret - query.length - 1 };\n}\n\nexport interface UseMentionAutocompleteOptions {\n  /** Mention candidates. Mentions are disabled when undefined or empty. */\n  options?: MentionOption[];\n  /** Current composer text. */\n  value: string;\n  /** Write the composer text (host handles controlled/uncontrolled). */\n  setValue: (next: string) => void;\n  /** The composer textarea, for caret restore after insertion. */\n  textareaRef: React.RefObject<HTMLTextAreaElement | null>;\n}\n\nexport interface MentionAutocomplete {\n  /** Whether mention support is active (options provided and non-empty). */\n  enabled: boolean;\n  /** Whether the suggestion menu is currently open. */\n  menuOpen: boolean;\n  /** Suggestions matching the active query. */\n  suggestions: MentionOption[];\n  /** Clamped highlight index (`-1` while the menu is closed). */\n  highlight: number;\n  /** id of the listbox element. */\n  listId: string;\n  /** id for the option at `index`. */\n  optionId: (index: number) => string;\n  /** Ref for the element the menu anchors to (the input wrapper). */\n  anchorRef: React.RefObject<HTMLDivElement | null>;\n  /** Ref for the floating listbox. */\n  floatingRef: React.RefObject<HTMLUListElement | null>;\n  /** Fixed-position style for the floating listbox. */\n  menuStyle: React.CSSProperties;\n  /** Re-derive the active query from the value and caret position. */\n  sync: (value: string, caret: number) => void;\n  /** Insert the given option at the active query and restore the caret. */\n  insert: (option: MentionOption) => void;\n  /** Move the highlight (mouse hover). */\n  setHighlight: (index: number) => void;\n  /**\n   * Menu keyboard navigation. Returns `true` when the event was consumed\n   * (callers must skip their own key handling, e.g. Enter-to-send).\n   */\n  handleKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => boolean;\n  /** ARIA combobox attributes to spread onto the textarea. */\n  inputProps: React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n}\n\n/**\n * State machine for `@mention` autocomplete in a composer textarea. Pair with\n * {@link MentionMenu} for the floating listbox.\n */\nexport function useMentionAutocomplete({\n  options,\n  value,\n  setValue,\n  textareaRef,\n}: UseMentionAutocompleteOptions): MentionAutocomplete {\n  const enabled = !!options && options.length > 0;\n  const [mention, setMention] = React.useState<{\n    query: string;\n    start: number;\n  } | null>(null);\n  const [highlight, setHighlight] = React.useState(0);\n  const listId = React.useId();\n  const optionId = React.useCallback(\n    (index: number) => `${listId}-option-${index}`,\n    [listId]\n  );\n\n  const suggestions = React.useMemo(() => {\n    if (!mention || !options) return [];\n    const q = mention.query.toLowerCase();\n    return options.filter((o) => o.label.toLowerCase().includes(q));\n  }, [mention, options]);\n\n  const menuOpen = enabled && mention !== null && suggestions.length > 0;\n\n  // Portal + fixed positioning so the mention menu escapes overflow-hidden\n  // ancestors.\n  const {\n    anchorRef,\n    floatingRef,\n    style: menuStyle,\n  } = useAnchoredPosition<HTMLDivElement, HTMLUListElement>({\n    open: menuOpen,\n    placement: 'top-start',\n    maxHeight: 224,\n  });\n\n  // Clamp the highlight to the current suggestion range so the active option\n  // never points at a stale/out-of-range index (the list can shrink while the\n  // menu is open as the query narrows). The same clamped index drives\n  // `aria-activedescendant`, `aria-selected`, and the visual highlight so they\n  // can never disagree.\n  const clampedHighlight = menuOpen\n    ? Math.min(highlight, suggestions.length - 1)\n    : -1;\n  const activeOptionId = menuOpen ? optionId(clampedHighlight) : undefined;\n\n  const sync = React.useCallback(\n    (nextValue: string, caret: number) => {\n      if (!enabled) return;\n      setMention(activeMentionQuery(nextValue, caret));\n      setHighlight(0);\n    },\n    [enabled]\n  );\n\n  const insert = (option: MentionOption) => {\n    if (!mention) return;\n    const insertValue = option.value ?? option.label.split(' ')[0];\n    const before = value.slice(0, mention.start);\n    const after = value.slice(mention.start + 1 + mention.query.length);\n    const insertText = `@${insertValue} `;\n    setValue(before + insertText + after);\n    setMention(null);\n    // Restore caret just after the inserted mention.\n    const caret = before.length + insertText.length;\n    requestAnimationFrame(() => {\n      const el = textareaRef.current;\n      if (el) {\n        el.focus();\n        el.setSelectionRange(caret, caret);\n      }\n    });\n  };\n\n  const handleKeyDown = (\n    event: React.KeyboardEvent<HTMLTextAreaElement>\n  ): boolean => {\n    if (!menuOpen) return false;\n    // All keyboard branches index with the clamped highlight so keyboard\n    // behavior always agrees with the visible/ARIA selection, even when the\n    // list shrank while the menu was open (e.g. the host swapped `options`\n    // asynchronously).\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      setHighlight(\n        (h) => (Math.min(h, suggestions.length - 1) + 1) % suggestions.length\n      );\n      return true;\n    }\n    if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      setHighlight(\n        (h) =>\n          (Math.min(h, suggestions.length - 1) - 1 + suggestions.length) %\n          suggestions.length\n      );\n      return true;\n    }\n    if (event.key === 'Enter' || event.key === 'Tab') {\n      event.preventDefault();\n      const chosen = suggestions[clampedHighlight];\n      if (chosen) insert(chosen);\n      return true;\n    }\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      setMention(null);\n      return true;\n    }\n    return false;\n  };\n\n  const inputProps: React.TextareaHTMLAttributes<HTMLTextAreaElement> = enabled\n    ? {\n        'aria-controls': menuOpen ? listId : undefined,\n        'aria-activedescendant': activeOptionId,\n        'aria-autocomplete': 'list' as const,\n      }\n    : {};\n\n  return {\n    enabled,\n    menuOpen,\n    suggestions,\n    highlight: clampedHighlight,\n    listId,\n    optionId,\n    anchorRef,\n    floatingRef,\n    menuStyle,\n    sync,\n    insert,\n    setHighlight,\n    handleKeyDown,\n    inputProps,\n  };\n}\n\nexport interface MentionMenuProps {\n  /** State returned by {@link useMentionAutocomplete}. */\n  mention: MentionAutocomplete;\n  /** Accessible label for the listbox. @default 'Mention' */\n  label?: string;\n  /** `data-slot` for the listbox. @default 'composer-mention-list' */\n  dataSlot?: string;\n}\n\n/**\n * The floating `@mention` suggestion listbox. Rendered in a portal so it\n * escapes overflow-hidden ancestors; renders nothing while closed.\n */\nexport function MentionMenu({\n  mention,\n  label = 'Mention',\n  dataSlot = 'composer-mention-list',\n}: MentionMenuProps) {\n  if (!mention.menuOpen) return null;\n  return createPortal(\n    <ul\n      ref={mention.floatingRef}\n      style={mention.menuStyle}\n      id={mention.listId}\n      role=\"listbox\"\n      aria-label={label}\n      data-slot={dataSlot}\n      className=\"w-64 overflow-y-auto rounded-lg border border-neutral-200 bg-white py-1 shadow-lg dark:border-neutral-700 dark:bg-neutral-800\"\n    >\n      {mention.suggestions.map((option, i) => (\n        <li key={option.id}>\n          <button\n            type=\"button\"\n            id={mention.optionId(i)}\n            role=\"option\"\n            aria-selected={i === mention.highlight}\n            // onMouseDown (not onClick) so the textarea keeps focus.\n            onMouseDown={(e) => {\n              e.preventDefault();\n              mention.insert(option);\n            }}\n            onMouseEnter={() => mention.setHighlight(i)}\n            className={cn(\n              'flex w-full items-center gap-2 px-3 py-1.5 text-start text-sm',\n              i === mention.highlight\n                ? 'bg-primary-100 text-primary-900 dark:bg-primary-900/40 dark:text-primary-100'\n                : 'text-neutral-700 dark:text-neutral-200'\n            )}\n          >\n            {option.icon}\n            <span className=\"min-w-0 flex-1 truncate\">\n              <span className=\"font-medium\">{option.label}</span>\n              {option.description && (\n                <span className=\"ms-1 text-xs text-neutral-400\">\n                  {option.description}\n                </span>\n              )}\n            </span>\n            {option.meta && (\n              <span className=\"text-[10px] text-neutral-400\">\n                {option.meta}\n              </span>\n            )}\n          </button>\n        </li>\n      ))}\n    </ul>,\n    document.body\n  );\n}\n\nMentionMenu.displayName = 'MentionMenu';\n"]}

package/dist/{chunk-IF3X2WZP.js → chunk-MD3ZY4UO.js}

@@ -701,5 +701,5 @@ function MentionMenu({
 MentionMenu.displayName = "MentionMenu";
 
 export { AttachmentPicker, AttachmentPreviewItem, CameraButton, DragDropZone, MentionMenu, generateAttachmentId, getFileType, useMentionAutocomplete, validateFile };
-//# sourceMappingURL=chunk-IF3X2WZP.js.map
-//# sourceMappingURL=chunk-IF3X2WZP.js.map
+//# sourceMappingURL=chunk-MD3ZY4UO.js.map
+//# sourceMappingURL=chunk-MD3ZY4UO.js.map

package/dist/{chunk-IF3X2WZP.js.map → chunk-MD3ZY4UO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Messaging/AttachmentPicker.tsx","../src/components/Messaging/useMentionAutocomplete.tsx"],"names":["React2","jsx","jsxs"],"mappings":"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","file":"chunk-IF3X2WZP.js","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport type { AttachmentType, AttachmentState } from './types';\n\n// ============================================================================\n// Utility Functions\n// ============================================================================\n\n/**\n * Get file type from MIME type.\n */\nfunction getFileType(mimeType: string): AttachmentType {\n  if (mimeType.startsWith('image/')) return 'image';\n  if (mimeType.startsWith('video/')) return 'video';\n  if (mimeType.startsWith('audio/')) return 'audio';\n  if (\n    mimeType.includes('pdf') ||\n    mimeType.includes('document') ||\n    mimeType.includes('text')\n  ) {\n    return 'document';\n  }\n  return 'file';\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 * Validate file type and size.\n */\nfunction validateFile(\n  file: File,\n  acceptedTypes?: string[],\n  maxSize?: number\n): { valid: boolean; error?: string } {\n  if (acceptedTypes && acceptedTypes.length > 0) {\n    const isAccepted = acceptedTypes.some((type) => {\n      if (type.startsWith('.')) {\n        return file.name.toLowerCase().endsWith(type.toLowerCase());\n      }\n      if (type.endsWith('/*')) {\n        return file.type.startsWith(type.replace('/*', '/'));\n      }\n      return file.type === type;\n    });\n    if (!isAccepted) {\n      return { valid: false, error: 'File type not supported' };\n    }\n  }\n\n  if (maxSize && file.size > maxSize) {\n    return {\n      valid: false,\n      error: `File too large (max ${formatFileSize(maxSize)})`,\n    };\n  }\n\n  return { valid: true };\n}\n\n/**\n * Generate a unique ID for attachments.\n */\nfunction generateAttachmentId(): string {\n  return `attachment-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;\n}\n\n// ============================================================================\n// Attachment Preview Item Component\n// ============================================================================\n\nexport interface AttachmentPreviewItemProps {\n  /** The attachment to preview */\n  attachment: {\n    id: string;\n    file: File;\n    previewUrl?: string;\n    type: AttachmentType;\n    state: AttachmentState;\n    progress?: number;\n    error?: string;\n  };\n  /** Called when remove is clicked */\n  onRemove: () => void;\n  /** Called when retry is clicked */\n  onRetry?: () => void;\n  /** Disables the remove/retry actions. */\n  disabled?: boolean;\n  className?: string;\n}\n\n/**\n * Preview item for a pending attachment.\n */\nfunction AttachmentPreviewItem({\n  attachment,\n  onRemove,\n  onRetry,\n  disabled = false,\n  className,\n}: AttachmentPreviewItemProps) {\n  const { file, previewUrl, type, state, progress } = attachment;\n  const isImage = type === 'image';\n  const isVideo = type === 'video';\n  const isUploading = state === 'uploading';\n  const isFailed = state === 'failed';\n\n  return (\n    <div\n      className={cn(\n        'group relative overflow-hidden rounded-lg',\n        'bg-neutral-100 dark:bg-neutral-800',\n        'border border-neutral-200 dark:border-neutral-700',\n        isFailed && 'border-red-500',\n        className\n      )}\n    >\n      {/* Image/Video preview */}\n      {(isImage || isVideo) && previewUrl ? (\n        <div className=\"relative h-20 w-20\">\n          {isVideo ? (\n            <video\n              src={previewUrl}\n              aria-label={file.name}\n              muted\n              playsInline\n              preload=\"metadata\"\n              className={cn(\n                'h-full w-full object-cover',\n                (isUploading || isFailed) && 'opacity-50'\n              )}\n            />\n          ) : (\n            <img\n              src={previewUrl}\n              alt={file.name}\n              className={cn(\n                'h-full w-full object-cover',\n                (isUploading || isFailed) && 'opacity-50'\n              )}\n            />\n          )}\n          {isVideo && (\n            <div className=\"absolute inset-0 flex items-center justify-center\">\n              <svg\n                aria-hidden=\"true\"\n                className=\"h-6 w-6 text-white drop-shadow\"\n                fill=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path d=\"M8 5v14l11-7z\" />\n              </svg>\n            </div>\n          )}\n        </div>\n      ) : (\n        /* File preview */\n        <div className=\"flex h-20 w-20 flex-col items-center justify-center p-2\">\n          <svg\n            aria-hidden=\"true\"\n            className=\"h-8 w-8 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=\"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          <span className=\"mt-1 max-w-full truncate px-1 text-xs text-neutral-600 dark:text-neutral-400\">\n            {file.name.split('.').pop()?.toUpperCase()}\n          </span>\n        </div>\n      )}\n\n      {/* Upload progress overlay */}\n      {isUploading && 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-6 w-6 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-xs\">{progress}%</span>\n          </div>\n        </div>\n      )}\n\n      {/* Error overlay */}\n      {isFailed && (\n        <div className=\"absolute inset-0 flex items-center justify-center bg-black/50\">\n          <div className=\"text-center\">\n            <svg\n              aria-hidden=\"true\"\n              className=\"mx-auto h-6 w-6 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            {onRetry && (\n              <button\n                type=\"button\"\n                onClick={onRetry}\n                disabled={disabled}\n                className=\"mt-1 text-xs text-white underline hover:no-underline disabled:no-underline disabled:opacity-50\"\n              >\n                Retry\n              </button>\n            )}\n          </div>\n        </div>\n      )}\n\n      {/* Remove button */}\n      <button\n        type=\"button\"\n        onClick={onRemove}\n        disabled={disabled}\n        className={cn(\n          'absolute -end-1 -top-1 z-10',\n          'rounded-full p-1',\n          'bg-neutral-900 text-white',\n          'opacity-0 group-hover:opacity-100',\n          'focus:ring-primary-500 focus:opacity-100 focus:ring-2 focus:outline-none',\n          'transition-opacity',\n          'disabled:cursor-not-allowed disabled:group-hover:opacity-0'\n        )}\n        aria-label={`Remove ${file.name}`}\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=\"M6 18L18 6M6 6l12 12\"\n          />\n        </svg>\n      </button>\n\n      {/* File name tooltip on hover */}\n      <div\n        className={cn(\n          'absolute start-0 end-0 bottom-0',\n          'bg-black/70 px-1 py-0.5',\n          'opacity-0 group-hover:opacity-100',\n          'transition-opacity'\n        )}\n      >\n        <p className=\"truncate text-xs text-white\">{file.name}</p>\n      </div>\n    </div>\n  );\n}\n\nAttachmentPreviewItem.displayName = 'AttachmentPreviewItem';\n\n// ============================================================================\n// Attachment Picker Component\n// ============================================================================\n\nexport interface AttachmentPickerProps {\n  /** Called when files are selected */\n  onFilesSelected: (files: File[]) => void;\n  /** Accepted file types (MIME types or extensions) */\n  acceptedTypes?: string[];\n  /** Maximum file size in bytes */\n  maxFileSize?: number;\n  /** Maximum number of files */\n  maxFiles?: number;\n  /** Whether multiple files can be selected */\n  multiple?: boolean;\n  /** Whether the picker is disabled */\n  disabled?: boolean;\n  /** Called when an error occurs */\n  onError?: (error: string) => void;\n  className?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * A button/trigger component for selecting attachments.\n */\nconst AttachmentPicker = React.forwardRef<\n  HTMLInputElement,\n  AttachmentPickerProps\n>(\n  (\n    {\n      onFilesSelected,\n      acceptedTypes = ['image/*', 'video/*', '.pdf', '.doc', '.docx'],\n      maxFileSize = 25 * 1024 * 1024, // 25MB\n      maxFiles = 10,\n      multiple = true,\n      disabled = false,\n      onError,\n      className,\n      children,\n    },\n    ref\n  ) => {\n    const inputRef = React.useRef<HTMLInputElement>(null);\n\n    // Combine refs\n    React.useImperativeHandle(ref, () => inputRef.current!);\n\n    const handleClick = () => {\n      inputRef.current?.click();\n    };\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      const files = Array.from(event.target.files || []);\n      if (files.length === 0) return;\n\n      // Validate files\n      const validFiles: File[] = [];\n      for (const file of files.slice(0, maxFiles)) {\n        const validation = validateFile(file, acceptedTypes, maxFileSize);\n        if (validation.valid) {\n          validFiles.push(file);\n        } else if (onError) {\n          onError(`${file.name}: ${validation.error}`);\n        }\n      }\n\n      if (files.length > maxFiles && onError) {\n        onError(`Maximum ${maxFiles} files allowed`);\n      }\n\n      if (validFiles.length > 0) {\n        onFilesSelected(validFiles);\n      }\n\n      // Reset input\n      event.target.value = '';\n    };\n\n    return (\n      <>\n        <input\n          ref={inputRef}\n          type=\"file\"\n          accept={acceptedTypes.join(',')}\n          multiple={multiple}\n          onChange={handleChange}\n          disabled={disabled}\n          className=\"sr-only\"\n          aria-label=\"Select files to attach\"\n        />\n        <button\n          type=\"button\"\n          onClick={handleClick}\n          disabled={disabled}\n          data-slot=\"attachment-picker-button\"\n          className={cn(\n            'inline-flex items-center justify-center',\n            '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            'disabled:cursor-not-allowed disabled:opacity-50',\n            'transition-colors',\n            className\n          )}\n          aria-label=\"Attach files\"\n        >\n          {children || (\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.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13\"\n              />\n            </svg>\n          )}\n        </button>\n      </>\n    );\n  }\n);\n\nAttachmentPicker.displayName = 'AttachmentPicker';\n\n// ============================================================================\n// Drag Drop Zone Component\n// ============================================================================\n\nexport interface DragDropZoneProps {\n  /** Called when files are dropped */\n  onFilesDropped: (files: File[]) => void;\n  /** Accepted file types */\n  acceptedTypes?: string[];\n  /** Maximum file size */\n  maxFileSize?: number;\n  /** Maximum number of files */\n  maxFiles?: number;\n  /** Whether the zone is disabled */\n  disabled?: boolean;\n  /** Called when an error occurs */\n  onError?: (error: string) => void;\n  /** Overlay text shown while dragging files over the zone. @default 'Drop files here' */\n  overlayLabel?: string;\n  /** Children to render inside the zone */\n  children: React.ReactNode;\n  className?: string;\n}\n\n/**\n * A wrapper component that accepts drag-and-drop files.\n */\nfunction DragDropZone({\n  onFilesDropped,\n  acceptedTypes,\n  maxFileSize,\n  maxFiles = 10,\n  disabled = false,\n  onError,\n  overlayLabel = 'Drop files here',\n  children,\n  className,\n}: DragDropZoneProps) {\n  const [isDragging, setIsDragging] = React.useState(false);\n  const dragCounterRef = React.useRef(0);\n\n  const handleDragEnter = (event: React.DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (disabled) return;\n\n    dragCounterRef.current++;\n    if (event.dataTransfer.items && event.dataTransfer.items.length > 0) {\n      setIsDragging(true);\n    }\n  };\n\n  const handleDragLeave = (event: React.DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (disabled) return;\n\n    dragCounterRef.current--;\n    if (dragCounterRef.current === 0) {\n      setIsDragging(false);\n    }\n  };\n\n  const handleDragOver = (event: React.DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  const handleDrop = (event: React.DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (disabled) return;\n\n    setIsDragging(false);\n    dragCounterRef.current = 0;\n\n    const files = Array.from(event.dataTransfer.files);\n    if (files.length === 0) return;\n\n    // Validate files\n    const validFiles: File[] = [];\n    for (const file of files.slice(0, maxFiles)) {\n      const validation = validateFile(file, acceptedTypes, maxFileSize);\n      if (validation.valid) {\n        validFiles.push(file);\n      } else if (onError) {\n        onError(`${file.name}: ${validation.error}`);\n      }\n    }\n\n    if (files.length > maxFiles && onError) {\n      onError(`Maximum ${maxFiles} files allowed`);\n    }\n\n    if (validFiles.length > 0) {\n      onFilesDropped(validFiles);\n    }\n  };\n\n  return (\n    <div\n      onDragEnter={handleDragEnter}\n      onDragLeave={handleDragLeave}\n      onDragOver={handleDragOver}\n      onDrop={handleDrop}\n      className={cn('relative', className)}\n    >\n      {children}\n\n      {/* Drag overlay */}\n      {isDragging && (\n        <div\n          className={cn(\n            'absolute inset-0 z-50',\n            'flex items-center justify-center',\n            'bg-primary-50/90 dark:bg-primary-900/90',\n            'border-primary-500 border-2 border-dashed',\n            'rounded-lg'\n          )}\n        >\n          <div className=\"text-center\">\n            <svg\n              aria-hidden=\"true\"\n              className=\"text-primary-800 mx-auto h-12 w-12\"\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=\"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12\"\n              />\n            </svg>\n            <p className=\"text-primary-700 dark:text-primary-300 mt-2 text-sm font-medium\">\n              {overlayLabel}\n            </p>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nDragDropZone.displayName = 'DragDropZone';\n\n// ============================================================================\n// Camera Button Component (Mobile)\n// ============================================================================\n\nexport interface CameraButtonProps {\n  /** Called when a photo is captured */\n  onCapture: (file: File) => void;\n  /** Whether to use front camera */\n  useFrontCamera?: boolean;\n  /** Whether the button is disabled */\n  disabled?: boolean;\n  className?: string;\n}\n\n/**\n * Button to capture photos from camera (mobile).\n */\nfunction CameraButton({\n  onCapture,\n  useFrontCamera = false,\n  disabled = false,\n  className,\n}: CameraButtonProps) {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const handleClick = () => {\n    inputRef.current?.click();\n  };\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0];\n    if (file) {\n      onCapture(file);\n    }\n    event.target.value = '';\n  };\n\n  return (\n    <>\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        capture={useFrontCamera ? 'user' : 'environment'}\n        onChange={handleChange}\n        disabled={disabled}\n        className=\"sr-only\"\n        aria-label=\"Take a photo\"\n      />\n      <button\n        type=\"button\"\n        onClick={handleClick}\n        disabled={disabled}\n        className={cn(\n          'inline-flex items-center justify-center',\n          '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          'disabled:cursor-not-allowed disabled:opacity-50',\n          'transition-colors',\n          className\n        )}\n        aria-label=\"Take a photo\"\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=\"M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z\"\n          />\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M15 13a3 3 0 11-6 0 3 3 0 016 0z\"\n          />\n        </svg>\n      </button>\n    </>\n  );\n}\n\nCameraButton.displayName = 'CameraButton';\n\nexport {\n  AttachmentPicker,\n  AttachmentPreviewItem,\n  DragDropZone,\n  CameraButton,\n  getFileType,\n  formatFileSize,\n  validateFile,\n  generateAttachmentId,\n};\n","import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cn } from '../../utils/cn';\nimport { useAnchoredPosition } from '../../hooks/useAnchoredPosition';\n\n// ============================================================================\n// @mention autocomplete — shared between MessageComposer and ChatComposer.\n//\n// Extracted verbatim from MessageComposer so both composers expose identical\n// mention behavior (query detection, keyboard navigation, insertion, ARIA\n// combobox wiring, listbox rendering). Do not change semantics here without\n// running both composers' test suites — SuperChat pins this behavior through\n// MessageComposer today.\n// ============================================================================\n\n/**\n * A candidate for the composer's `@mention` autocomplete. Generic so any\n * surface (multi-party chat, agent picker, …) can supply its own list.\n */\nexport interface MentionOption {\n  /** Stable unique key for the suggestion list. */\n  id: string;\n  /** Display name shown in the suggestion list. */\n  label: string;\n  /** Text inserted after `@` on selection. Defaults to the first word of `label`. */\n  value?: string;\n  /** Optional secondary text shown after the label. */\n  description?: string;\n  /** Optional leading node (e.g. an avatar). */\n  icon?: React.ReactNode;\n  /** Optional trailing meta text (e.g. a kind tag). */\n  meta?: string;\n}\n\n/**\n * Find the active `@query` immediately before the caret, if any. The `@` must\n * start the string or follow whitespace, and the token must contain no spaces\n * or further `@`.\n */\nexport function activeMentionQuery(\n  value: string,\n  caret: number\n): { query: string; start: number } | null {\n  const upToCaret = value.slice(0, caret);\n  const match = /(^|\\s)@([^\\s@]*)$/.exec(upToCaret);\n  if (!match) return null;\n  const query = match[2];\n  return { query, start: caret - query.length - 1 };\n}\n\nexport interface UseMentionAutocompleteOptions {\n  /** Mention candidates. Mentions are disabled when undefined or empty. */\n  options?: MentionOption[];\n  /** Current composer text. */\n  value: string;\n  /** Write the composer text (host handles controlled/uncontrolled). */\n  setValue: (next: string) => void;\n  /** The composer textarea, for caret restore after insertion. */\n  textareaRef: React.RefObject<HTMLTextAreaElement | null>;\n}\n\nexport interface MentionAutocomplete {\n  /** Whether mention support is active (options provided and non-empty). */\n  enabled: boolean;\n  /** Whether the suggestion menu is currently open. */\n  menuOpen: boolean;\n  /** Suggestions matching the active query. */\n  suggestions: MentionOption[];\n  /** Clamped highlight index (`-1` while the menu is closed). */\n  highlight: number;\n  /** id of the listbox element. */\n  listId: string;\n  /** id for the option at `index`. */\n  optionId: (index: number) => string;\n  /** Ref for the element the menu anchors to (the input wrapper). */\n  anchorRef: React.RefObject<HTMLDivElement | null>;\n  /** Ref for the floating listbox. */\n  floatingRef: React.RefObject<HTMLUListElement | null>;\n  /** Fixed-position style for the floating listbox. */\n  menuStyle: React.CSSProperties;\n  /** Re-derive the active query from the value and caret position. */\n  sync: (value: string, caret: number) => void;\n  /** Insert the given option at the active query and restore the caret. */\n  insert: (option: MentionOption) => void;\n  /** Move the highlight (mouse hover). */\n  setHighlight: (index: number) => void;\n  /**\n   * Menu keyboard navigation. Returns `true` when the event was consumed\n   * (callers must skip their own key handling, e.g. Enter-to-send).\n   */\n  handleKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => boolean;\n  /** ARIA combobox attributes to spread onto the textarea. */\n  inputProps: React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n}\n\n/**\n * State machine for `@mention` autocomplete in a composer textarea. Pair with\n * {@link MentionMenu} for the floating listbox.\n */\nexport function useMentionAutocomplete({\n  options,\n  value,\n  setValue,\n  textareaRef,\n}: UseMentionAutocompleteOptions): MentionAutocomplete {\n  const enabled = !!options && options.length > 0;\n  const [mention, setMention] = React.useState<{\n    query: string;\n    start: number;\n  } | null>(null);\n  const [highlight, setHighlight] = React.useState(0);\n  const listId = React.useId();\n  const optionId = React.useCallback(\n    (index: number) => `${listId}-option-${index}`,\n    [listId]\n  );\n\n  const suggestions = React.useMemo(() => {\n    if (!mention || !options) return [];\n    const q = mention.query.toLowerCase();\n    return options.filter((o) => o.label.toLowerCase().includes(q));\n  }, [mention, options]);\n\n  const menuOpen = enabled && mention !== null && suggestions.length > 0;\n\n  // Portal + fixed positioning so the mention menu escapes overflow-hidden\n  // ancestors.\n  const {\n    anchorRef,\n    floatingRef,\n    style: menuStyle,\n  } = useAnchoredPosition<HTMLDivElement, HTMLUListElement>({\n    open: menuOpen,\n    placement: 'top-start',\n    maxHeight: 224,\n  });\n\n  // Clamp the highlight to the current suggestion range so the active option\n  // never points at a stale/out-of-range index (the list can shrink while the\n  // menu is open as the query narrows). The same clamped index drives\n  // `aria-activedescendant`, `aria-selected`, and the visual highlight so they\n  // can never disagree.\n  const clampedHighlight = menuOpen\n    ? Math.min(highlight, suggestions.length - 1)\n    : -1;\n  const activeOptionId = menuOpen ? optionId(clampedHighlight) : undefined;\n\n  const sync = React.useCallback(\n    (nextValue: string, caret: number) => {\n      if (!enabled) return;\n      setMention(activeMentionQuery(nextValue, caret));\n      setHighlight(0);\n    },\n    [enabled]\n  );\n\n  const insert = (option: MentionOption) => {\n    if (!mention) return;\n    const insertValue = option.value ?? option.label.split(' ')[0];\n    const before = value.slice(0, mention.start);\n    const after = value.slice(mention.start + 1 + mention.query.length);\n    const insertText = `@${insertValue} `;\n    setValue(before + insertText + after);\n    setMention(null);\n    // Restore caret just after the inserted mention.\n    const caret = before.length + insertText.length;\n    requestAnimationFrame(() => {\n      const el = textareaRef.current;\n      if (el) {\n        el.focus();\n        el.setSelectionRange(caret, caret);\n      }\n    });\n  };\n\n  const handleKeyDown = (\n    event: React.KeyboardEvent<HTMLTextAreaElement>\n  ): boolean => {\n    if (!menuOpen) return false;\n    // All keyboard branches index with the clamped highlight so keyboard\n    // behavior always agrees with the visible/ARIA selection, even when the\n    // list shrank while the menu was open (e.g. the host swapped `options`\n    // asynchronously).\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      setHighlight(\n        (h) => (Math.min(h, suggestions.length - 1) + 1) % suggestions.length\n      );\n      return true;\n    }\n    if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      setHighlight(\n        (h) =>\n          (Math.min(h, suggestions.length - 1) - 1 + suggestions.length) %\n          suggestions.length\n      );\n      return true;\n    }\n    if (event.key === 'Enter' || event.key === 'Tab') {\n      event.preventDefault();\n      const chosen = suggestions[clampedHighlight];\n      if (chosen) insert(chosen);\n      return true;\n    }\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      setMention(null);\n      return true;\n    }\n    return false;\n  };\n\n  const inputProps: React.TextareaHTMLAttributes<HTMLTextAreaElement> = enabled\n    ? {\n        'aria-controls': menuOpen ? listId : undefined,\n        'aria-activedescendant': activeOptionId,\n        'aria-autocomplete': 'list' as const,\n      }\n    : {};\n\n  return {\n    enabled,\n    menuOpen,\n    suggestions,\n    highlight: clampedHighlight,\n    listId,\n    optionId,\n    anchorRef,\n    floatingRef,\n    menuStyle,\n    sync,\n    insert,\n    setHighlight,\n    handleKeyDown,\n    inputProps,\n  };\n}\n\nexport interface MentionMenuProps {\n  /** State returned by {@link useMentionAutocomplete}. */\n  mention: MentionAutocomplete;\n  /** Accessible label for the listbox. @default 'Mention' */\n  label?: string;\n  /** `data-slot` for the listbox. @default 'composer-mention-list' */\n  dataSlot?: string;\n}\n\n/**\n * The floating `@mention` suggestion listbox. Rendered in a portal so it\n * escapes overflow-hidden ancestors; renders nothing while closed.\n */\nexport function MentionMenu({\n  mention,\n  label = 'Mention',\n  dataSlot = 'composer-mention-list',\n}: MentionMenuProps) {\n  if (!mention.menuOpen) return null;\n  return createPortal(\n    <ul\n      ref={mention.floatingRef}\n      style={mention.menuStyle}\n      id={mention.listId}\n      role=\"listbox\"\n      aria-label={label}\n      data-slot={dataSlot}\n      className=\"w-64 overflow-y-auto rounded-lg border border-neutral-200 bg-white py-1 shadow-lg dark:border-neutral-700 dark:bg-neutral-800\"\n    >\n      {mention.suggestions.map((option, i) => (\n        <li key={option.id}>\n          <button\n            type=\"button\"\n            id={mention.optionId(i)}\n            role=\"option\"\n            aria-selected={i === mention.highlight}\n            // onMouseDown (not onClick) so the textarea keeps focus.\n            onMouseDown={(e) => {\n              e.preventDefault();\n              mention.insert(option);\n            }}\n            onMouseEnter={() => mention.setHighlight(i)}\n            className={cn(\n              'flex w-full items-center gap-2 px-3 py-1.5 text-start text-sm',\n              i === mention.highlight\n                ? 'bg-primary-100 text-primary-900 dark:bg-primary-900/40 dark:text-primary-100'\n                : 'text-neutral-700 dark:text-neutral-200'\n            )}\n          >\n            {option.icon}\n            <span className=\"min-w-0 flex-1 truncate\">\n              <span className=\"font-medium\">{option.label}</span>\n              {option.description && (\n                <span className=\"ms-1 text-xs text-neutral-400\">\n                  {option.description}\n                </span>\n              )}\n            </span>\n            {option.meta && (\n              <span className=\"text-[10px] text-neutral-400\">\n                {option.meta}\n              </span>\n            )}\n          </button>\n        </li>\n      ))}\n    </ul>,\n    document.body\n  );\n}\n\nMentionMenu.displayName = 'MentionMenu';\n"]}
+{"version":3,"sources":["../src/components/Messaging/AttachmentPicker.tsx","../src/components/Messaging/useMentionAutocomplete.tsx"],"names":["React2","jsx","jsxs"],"mappings":"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","file":"chunk-MD3ZY4UO.js","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport type { AttachmentType, AttachmentState } from './types';\n\n// ============================================================================\n// Utility Functions\n// ============================================================================\n\n/**\n * Get file type from MIME type.\n */\nfunction getFileType(mimeType: string): AttachmentType {\n  if (mimeType.startsWith('image/')) return 'image';\n  if (mimeType.startsWith('video/')) return 'video';\n  if (mimeType.startsWith('audio/')) return 'audio';\n  if (\n    mimeType.includes('pdf') ||\n    mimeType.includes('document') ||\n    mimeType.includes('text')\n  ) {\n    return 'document';\n  }\n  return 'file';\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 * Validate file type and size.\n */\nfunction validateFile(\n  file: File,\n  acceptedTypes?: string[],\n  maxSize?: number\n): { valid: boolean; error?: string } {\n  if (acceptedTypes && acceptedTypes.length > 0) {\n    const isAccepted = acceptedTypes.some((type) => {\n      if (type.startsWith('.')) {\n        return file.name.toLowerCase().endsWith(type.toLowerCase());\n      }\n      if (type.endsWith('/*')) {\n        return file.type.startsWith(type.replace('/*', '/'));\n      }\n      return file.type === type;\n    });\n    if (!isAccepted) {\n      return { valid: false, error: 'File type not supported' };\n    }\n  }\n\n  if (maxSize && file.size > maxSize) {\n    return {\n      valid: false,\n      error: `File too large (max ${formatFileSize(maxSize)})`,\n    };\n  }\n\n  return { valid: true };\n}\n\n/**\n * Generate a unique ID for attachments.\n */\nfunction generateAttachmentId(): string {\n  return `attachment-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;\n}\n\n// ============================================================================\n// Attachment Preview Item Component\n// ============================================================================\n\nexport interface AttachmentPreviewItemProps {\n  /** The attachment to preview */\n  attachment: {\n    id: string;\n    file: File;\n    previewUrl?: string;\n    type: AttachmentType;\n    state: AttachmentState;\n    progress?: number;\n    error?: string;\n  };\n  /** Called when remove is clicked */\n  onRemove: () => void;\n  /** Called when retry is clicked */\n  onRetry?: () => void;\n  /** Disables the remove/retry actions. */\n  disabled?: boolean;\n  className?: string;\n}\n\n/**\n * Preview item for a pending attachment.\n */\nfunction AttachmentPreviewItem({\n  attachment,\n  onRemove,\n  onRetry,\n  disabled = false,\n  className,\n}: AttachmentPreviewItemProps) {\n  const { file, previewUrl, type, state, progress } = attachment;\n  const isImage = type === 'image';\n  const isVideo = type === 'video';\n  const isUploading = state === 'uploading';\n  const isFailed = state === 'failed';\n\n  return (\n    <div\n      className={cn(\n        'group relative overflow-hidden rounded-lg',\n        'bg-neutral-100 dark:bg-neutral-800',\n        'border border-neutral-200 dark:border-neutral-700',\n        isFailed && 'border-red-500',\n        className\n      )}\n    >\n      {/* Image/Video preview */}\n      {(isImage || isVideo) && previewUrl ? (\n        <div className=\"relative h-20 w-20\">\n          {isVideo ? (\n            <video\n              src={previewUrl}\n              aria-label={file.name}\n              muted\n              playsInline\n              preload=\"metadata\"\n              className={cn(\n                'h-full w-full object-cover',\n                (isUploading || isFailed) && 'opacity-50'\n              )}\n            />\n          ) : (\n            <img\n              src={previewUrl}\n              alt={file.name}\n              className={cn(\n                'h-full w-full object-cover',\n                (isUploading || isFailed) && 'opacity-50'\n              )}\n            />\n          )}\n          {isVideo && (\n            <div className=\"absolute inset-0 flex items-center justify-center\">\n              <svg\n                aria-hidden=\"true\"\n                className=\"h-6 w-6 text-white drop-shadow\"\n                fill=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path d=\"M8 5v14l11-7z\" />\n              </svg>\n            </div>\n          )}\n        </div>\n      ) : (\n        /* File preview */\n        <div className=\"flex h-20 w-20 flex-col items-center justify-center p-2\">\n          <svg\n            aria-hidden=\"true\"\n            className=\"h-8 w-8 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=\"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          <span className=\"mt-1 max-w-full truncate px-1 text-xs text-neutral-600 dark:text-neutral-400\">\n            {file.name.split('.').pop()?.toUpperCase()}\n          </span>\n        </div>\n      )}\n\n      {/* Upload progress overlay */}\n      {isUploading && 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-6 w-6 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-xs\">{progress}%</span>\n          </div>\n        </div>\n      )}\n\n      {/* Error overlay */}\n      {isFailed && (\n        <div className=\"absolute inset-0 flex items-center justify-center bg-black/50\">\n          <div className=\"text-center\">\n            <svg\n              aria-hidden=\"true\"\n              className=\"mx-auto h-6 w-6 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            {onRetry && (\n              <button\n                type=\"button\"\n                onClick={onRetry}\n                disabled={disabled}\n                className=\"mt-1 text-xs text-white underline hover:no-underline disabled:no-underline disabled:opacity-50\"\n              >\n                Retry\n              </button>\n            )}\n          </div>\n        </div>\n      )}\n\n      {/* Remove button */}\n      <button\n        type=\"button\"\n        onClick={onRemove}\n        disabled={disabled}\n        className={cn(\n          'absolute -end-1 -top-1 z-10',\n          'rounded-full p-1',\n          'bg-neutral-900 text-white',\n          'opacity-0 group-hover:opacity-100',\n          'focus:ring-primary-500 focus:opacity-100 focus:ring-2 focus:outline-none',\n          'transition-opacity',\n          'disabled:cursor-not-allowed disabled:group-hover:opacity-0'\n        )}\n        aria-label={`Remove ${file.name}`}\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=\"M6 18L18 6M6 6l12 12\"\n          />\n        </svg>\n      </button>\n\n      {/* File name tooltip on hover */}\n      <div\n        className={cn(\n          'absolute start-0 end-0 bottom-0',\n          'bg-black/70 px-1 py-0.5',\n          'opacity-0 group-hover:opacity-100',\n          'transition-opacity'\n        )}\n      >\n        <p className=\"truncate text-xs text-white\">{file.name}</p>\n      </div>\n    </div>\n  );\n}\n\nAttachmentPreviewItem.displayName = 'AttachmentPreviewItem';\n\n// ============================================================================\n// Attachment Picker Component\n// ============================================================================\n\nexport interface AttachmentPickerProps {\n  /** Called when files are selected */\n  onFilesSelected: (files: File[]) => void;\n  /** Accepted file types (MIME types or extensions) */\n  acceptedTypes?: string[];\n  /** Maximum file size in bytes */\n  maxFileSize?: number;\n  /** Maximum number of files */\n  maxFiles?: number;\n  /** Whether multiple files can be selected */\n  multiple?: boolean;\n  /** Whether the picker is disabled */\n  disabled?: boolean;\n  /** Called when an error occurs */\n  onError?: (error: string) => void;\n  className?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * A button/trigger component for selecting attachments.\n */\nconst AttachmentPicker = React.forwardRef<\n  HTMLInputElement,\n  AttachmentPickerProps\n>(\n  (\n    {\n      onFilesSelected,\n      acceptedTypes = ['image/*', 'video/*', '.pdf', '.doc', '.docx'],\n      maxFileSize = 25 * 1024 * 1024, // 25MB\n      maxFiles = 10,\n      multiple = true,\n      disabled = false,\n      onError,\n      className,\n      children,\n    },\n    ref\n  ) => {\n    const inputRef = React.useRef<HTMLInputElement>(null);\n\n    // Combine refs\n    React.useImperativeHandle(ref, () => inputRef.current!);\n\n    const handleClick = () => {\n      inputRef.current?.click();\n    };\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      const files = Array.from(event.target.files || []);\n      if (files.length === 0) return;\n\n      // Validate files\n      const validFiles: File[] = [];\n      for (const file of files.slice(0, maxFiles)) {\n        const validation = validateFile(file, acceptedTypes, maxFileSize);\n        if (validation.valid) {\n          validFiles.push(file);\n        } else if (onError) {\n          onError(`${file.name}: ${validation.error}`);\n        }\n      }\n\n      if (files.length > maxFiles && onError) {\n        onError(`Maximum ${maxFiles} files allowed`);\n      }\n\n      if (validFiles.length > 0) {\n        onFilesSelected(validFiles);\n      }\n\n      // Reset input\n      event.target.value = '';\n    };\n\n    return (\n      <>\n        <input\n          ref={inputRef}\n          type=\"file\"\n          accept={acceptedTypes.join(',')}\n          multiple={multiple}\n          onChange={handleChange}\n          disabled={disabled}\n          className=\"sr-only\"\n          aria-label=\"Select files to attach\"\n        />\n        <button\n          type=\"button\"\n          onClick={handleClick}\n          disabled={disabled}\n          data-slot=\"attachment-picker-button\"\n          className={cn(\n            'inline-flex items-center justify-center',\n            '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            'disabled:cursor-not-allowed disabled:opacity-50',\n            'transition-colors',\n            className\n          )}\n          aria-label=\"Attach files\"\n        >\n          {children || (\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.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13\"\n              />\n            </svg>\n          )}\n        </button>\n      </>\n    );\n  }\n);\n\nAttachmentPicker.displayName = 'AttachmentPicker';\n\n// ============================================================================\n// Drag Drop Zone Component\n// ============================================================================\n\nexport interface DragDropZoneProps {\n  /** Called when files are dropped */\n  onFilesDropped: (files: File[]) => void;\n  /** Accepted file types */\n  acceptedTypes?: string[];\n  /** Maximum file size */\n  maxFileSize?: number;\n  /** Maximum number of files */\n  maxFiles?: number;\n  /** Whether the zone is disabled */\n  disabled?: boolean;\n  /** Called when an error occurs */\n  onError?: (error: string) => void;\n  /** Overlay text shown while dragging files over the zone. @default 'Drop files here' */\n  overlayLabel?: string;\n  /** Children to render inside the zone */\n  children: React.ReactNode;\n  className?: string;\n}\n\n/**\n * A wrapper component that accepts drag-and-drop files.\n */\nfunction DragDropZone({\n  onFilesDropped,\n  acceptedTypes,\n  maxFileSize,\n  maxFiles = 10,\n  disabled = false,\n  onError,\n  overlayLabel = 'Drop files here',\n  children,\n  className,\n}: DragDropZoneProps) {\n  const [isDragging, setIsDragging] = React.useState(false);\n  const dragCounterRef = React.useRef(0);\n\n  const handleDragEnter = (event: React.DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (disabled) return;\n\n    dragCounterRef.current++;\n    if (event.dataTransfer.items && event.dataTransfer.items.length > 0) {\n      setIsDragging(true);\n    }\n  };\n\n  const handleDragLeave = (event: React.DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (disabled) return;\n\n    dragCounterRef.current--;\n    if (dragCounterRef.current === 0) {\n      setIsDragging(false);\n    }\n  };\n\n  const handleDragOver = (event: React.DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  const handleDrop = (event: React.DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (disabled) return;\n\n    setIsDragging(false);\n    dragCounterRef.current = 0;\n\n    const files = Array.from(event.dataTransfer.files);\n    if (files.length === 0) return;\n\n    // Validate files\n    const validFiles: File[] = [];\n    for (const file of files.slice(0, maxFiles)) {\n      const validation = validateFile(file, acceptedTypes, maxFileSize);\n      if (validation.valid) {\n        validFiles.push(file);\n      } else if (onError) {\n        onError(`${file.name}: ${validation.error}`);\n      }\n    }\n\n    if (files.length > maxFiles && onError) {\n      onError(`Maximum ${maxFiles} files allowed`);\n    }\n\n    if (validFiles.length > 0) {\n      onFilesDropped(validFiles);\n    }\n  };\n\n  return (\n    <div\n      onDragEnter={handleDragEnter}\n      onDragLeave={handleDragLeave}\n      onDragOver={handleDragOver}\n      onDrop={handleDrop}\n      className={cn('relative', className)}\n    >\n      {children}\n\n      {/* Drag overlay */}\n      {isDragging && (\n        <div\n          className={cn(\n            'absolute inset-0 z-50',\n            'flex items-center justify-center',\n            'bg-primary-50/90 dark:bg-primary-900/90',\n            'border-primary-500 border-2 border-dashed',\n            'rounded-lg'\n          )}\n        >\n          <div className=\"text-center\">\n            <svg\n              aria-hidden=\"true\"\n              className=\"text-primary-800 mx-auto h-12 w-12\"\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=\"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12\"\n              />\n            </svg>\n            <p className=\"text-primary-700 dark:text-primary-300 mt-2 text-sm font-medium\">\n              {overlayLabel}\n            </p>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nDragDropZone.displayName = 'DragDropZone';\n\n// ============================================================================\n// Camera Button Component (Mobile)\n// ============================================================================\n\nexport interface CameraButtonProps {\n  /** Called when a photo is captured */\n  onCapture: (file: File) => void;\n  /** Whether to use front camera */\n  useFrontCamera?: boolean;\n  /** Whether the button is disabled */\n  disabled?: boolean;\n  className?: string;\n}\n\n/**\n * Button to capture photos from camera (mobile).\n */\nfunction CameraButton({\n  onCapture,\n  useFrontCamera = false,\n  disabled = false,\n  className,\n}: CameraButtonProps) {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const handleClick = () => {\n    inputRef.current?.click();\n  };\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0];\n    if (file) {\n      onCapture(file);\n    }\n    event.target.value = '';\n  };\n\n  return (\n    <>\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        capture={useFrontCamera ? 'user' : 'environment'}\n        onChange={handleChange}\n        disabled={disabled}\n        className=\"sr-only\"\n        aria-label=\"Take a photo\"\n      />\n      <button\n        type=\"button\"\n        onClick={handleClick}\n        disabled={disabled}\n        className={cn(\n          'inline-flex items-center justify-center',\n          '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          'disabled:cursor-not-allowed disabled:opacity-50',\n          'transition-colors',\n          className\n        )}\n        aria-label=\"Take a photo\"\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=\"M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z\"\n          />\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M15 13a3 3 0 11-6 0 3 3 0 016 0z\"\n          />\n        </svg>\n      </button>\n    </>\n  );\n}\n\nCameraButton.displayName = 'CameraButton';\n\nexport {\n  AttachmentPicker,\n  AttachmentPreviewItem,\n  DragDropZone,\n  CameraButton,\n  getFileType,\n  formatFileSize,\n  validateFile,\n  generateAttachmentId,\n};\n","import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cn } from '../../utils/cn';\nimport { useAnchoredPosition } from '../../hooks/useAnchoredPosition';\n\n// ============================================================================\n// @mention autocomplete — shared between MessageComposer and ChatComposer.\n//\n// Extracted verbatim from MessageComposer so both composers expose identical\n// mention behavior (query detection, keyboard navigation, insertion, ARIA\n// combobox wiring, listbox rendering). Do not change semantics here without\n// running both composers' test suites — SuperChat pins this behavior through\n// MessageComposer today.\n// ============================================================================\n\n/**\n * A candidate for the composer's `@mention` autocomplete. Generic so any\n * surface (multi-party chat, agent picker, …) can supply its own list.\n */\nexport interface MentionOption {\n  /** Stable unique key for the suggestion list. */\n  id: string;\n  /** Display name shown in the suggestion list. */\n  label: string;\n  /** Text inserted after `@` on selection. Defaults to the first word of `label`. */\n  value?: string;\n  /** Optional secondary text shown after the label. */\n  description?: string;\n  /** Optional leading node (e.g. an avatar). */\n  icon?: React.ReactNode;\n  /** Optional trailing meta text (e.g. a kind tag). */\n  meta?: string;\n}\n\n/**\n * Find the active `@query` immediately before the caret, if any. The `@` must\n * start the string or follow whitespace, and the token must contain no spaces\n * or further `@`.\n */\nexport function activeMentionQuery(\n  value: string,\n  caret: number\n): { query: string; start: number } | null {\n  const upToCaret = value.slice(0, caret);\n  const match = /(^|\\s)@([^\\s@]*)$/.exec(upToCaret);\n  if (!match) return null;\n  const query = match[2];\n  return { query, start: caret - query.length - 1 };\n}\n\nexport interface UseMentionAutocompleteOptions {\n  /** Mention candidates. Mentions are disabled when undefined or empty. */\n  options?: MentionOption[];\n  /** Current composer text. */\n  value: string;\n  /** Write the composer text (host handles controlled/uncontrolled). */\n  setValue: (next: string) => void;\n  /** The composer textarea, for caret restore after insertion. */\n  textareaRef: React.RefObject<HTMLTextAreaElement | null>;\n}\n\nexport interface MentionAutocomplete {\n  /** Whether mention support is active (options provided and non-empty). */\n  enabled: boolean;\n  /** Whether the suggestion menu is currently open. */\n  menuOpen: boolean;\n  /** Suggestions matching the active query. */\n  suggestions: MentionOption[];\n  /** Clamped highlight index (`-1` while the menu is closed). */\n  highlight: number;\n  /** id of the listbox element. */\n  listId: string;\n  /** id for the option at `index`. */\n  optionId: (index: number) => string;\n  /** Ref for the element the menu anchors to (the input wrapper). */\n  anchorRef: React.RefObject<HTMLDivElement | null>;\n  /** Ref for the floating listbox. */\n  floatingRef: React.RefObject<HTMLUListElement | null>;\n  /** Fixed-position style for the floating listbox. */\n  menuStyle: React.CSSProperties;\n  /** Re-derive the active query from the value and caret position. */\n  sync: (value: string, caret: number) => void;\n  /** Insert the given option at the active query and restore the caret. */\n  insert: (option: MentionOption) => void;\n  /** Move the highlight (mouse hover). */\n  setHighlight: (index: number) => void;\n  /**\n   * Menu keyboard navigation. Returns `true` when the event was consumed\n   * (callers must skip their own key handling, e.g. Enter-to-send).\n   */\n  handleKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => boolean;\n  /** ARIA combobox attributes to spread onto the textarea. */\n  inputProps: React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n}\n\n/**\n * State machine for `@mention` autocomplete in a composer textarea. Pair with\n * {@link MentionMenu} for the floating listbox.\n */\nexport function useMentionAutocomplete({\n  options,\n  value,\n  setValue,\n  textareaRef,\n}: UseMentionAutocompleteOptions): MentionAutocomplete {\n  const enabled = !!options && options.length > 0;\n  const [mention, setMention] = React.useState<{\n    query: string;\n    start: number;\n  } | null>(null);\n  const [highlight, setHighlight] = React.useState(0);\n  const listId = React.useId();\n  const optionId = React.useCallback(\n    (index: number) => `${listId}-option-${index}`,\n    [listId]\n  );\n\n  const suggestions = React.useMemo(() => {\n    if (!mention || !options) return [];\n    const q = mention.query.toLowerCase();\n    return options.filter((o) => o.label.toLowerCase().includes(q));\n  }, [mention, options]);\n\n  const menuOpen = enabled && mention !== null && suggestions.length > 0;\n\n  // Portal + fixed positioning so the mention menu escapes overflow-hidden\n  // ancestors.\n  const {\n    anchorRef,\n    floatingRef,\n    style: menuStyle,\n  } = useAnchoredPosition<HTMLDivElement, HTMLUListElement>({\n    open: menuOpen,\n    placement: 'top-start',\n    maxHeight: 224,\n  });\n\n  // Clamp the highlight to the current suggestion range so the active option\n  // never points at a stale/out-of-range index (the list can shrink while the\n  // menu is open as the query narrows). The same clamped index drives\n  // `aria-activedescendant`, `aria-selected`, and the visual highlight so they\n  // can never disagree.\n  const clampedHighlight = menuOpen\n    ? Math.min(highlight, suggestions.length - 1)\n    : -1;\n  const activeOptionId = menuOpen ? optionId(clampedHighlight) : undefined;\n\n  const sync = React.useCallback(\n    (nextValue: string, caret: number) => {\n      if (!enabled) return;\n      setMention(activeMentionQuery(nextValue, caret));\n      setHighlight(0);\n    },\n    [enabled]\n  );\n\n  const insert = (option: MentionOption) => {\n    if (!mention) return;\n    const insertValue = option.value ?? option.label.split(' ')[0];\n    const before = value.slice(0, mention.start);\n    const after = value.slice(mention.start + 1 + mention.query.length);\n    const insertText = `@${insertValue} `;\n    setValue(before + insertText + after);\n    setMention(null);\n    // Restore caret just after the inserted mention.\n    const caret = before.length + insertText.length;\n    requestAnimationFrame(() => {\n      const el = textareaRef.current;\n      if (el) {\n        el.focus();\n        el.setSelectionRange(caret, caret);\n      }\n    });\n  };\n\n  const handleKeyDown = (\n    event: React.KeyboardEvent<HTMLTextAreaElement>\n  ): boolean => {\n    if (!menuOpen) return false;\n    // All keyboard branches index with the clamped highlight so keyboard\n    // behavior always agrees with the visible/ARIA selection, even when the\n    // list shrank while the menu was open (e.g. the host swapped `options`\n    // asynchronously).\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      setHighlight(\n        (h) => (Math.min(h, suggestions.length - 1) + 1) % suggestions.length\n      );\n      return true;\n    }\n    if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      setHighlight(\n        (h) =>\n          (Math.min(h, suggestions.length - 1) - 1 + suggestions.length) %\n          suggestions.length\n      );\n      return true;\n    }\n    if (event.key === 'Enter' || event.key === 'Tab') {\n      event.preventDefault();\n      const chosen = suggestions[clampedHighlight];\n      if (chosen) insert(chosen);\n      return true;\n    }\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      setMention(null);\n      return true;\n    }\n    return false;\n  };\n\n  const inputProps: React.TextareaHTMLAttributes<HTMLTextAreaElement> = enabled\n    ? {\n        'aria-controls': menuOpen ? listId : undefined,\n        'aria-activedescendant': activeOptionId,\n        'aria-autocomplete': 'list' as const,\n      }\n    : {};\n\n  return {\n    enabled,\n    menuOpen,\n    suggestions,\n    highlight: clampedHighlight,\n    listId,\n    optionId,\n    anchorRef,\n    floatingRef,\n    menuStyle,\n    sync,\n    insert,\n    setHighlight,\n    handleKeyDown,\n    inputProps,\n  };\n}\n\nexport interface MentionMenuProps {\n  /** State returned by {@link useMentionAutocomplete}. */\n  mention: MentionAutocomplete;\n  /** Accessible label for the listbox. @default 'Mention' */\n  label?: string;\n  /** `data-slot` for the listbox. @default 'composer-mention-list' */\n  dataSlot?: string;\n}\n\n/**\n * The floating `@mention` suggestion listbox. Rendered in a portal so it\n * escapes overflow-hidden ancestors; renders nothing while closed.\n */\nexport function MentionMenu({\n  mention,\n  label = 'Mention',\n  dataSlot = 'composer-mention-list',\n}: MentionMenuProps) {\n  if (!mention.menuOpen) return null;\n  return createPortal(\n    <ul\n      ref={mention.floatingRef}\n      style={mention.menuStyle}\n      id={mention.listId}\n      role=\"listbox\"\n      aria-label={label}\n      data-slot={dataSlot}\n      className=\"w-64 overflow-y-auto rounded-lg border border-neutral-200 bg-white py-1 shadow-lg dark:border-neutral-700 dark:bg-neutral-800\"\n    >\n      {mention.suggestions.map((option, i) => (\n        <li key={option.id}>\n          <button\n            type=\"button\"\n            id={mention.optionId(i)}\n            role=\"option\"\n            aria-selected={i === mention.highlight}\n            // onMouseDown (not onClick) so the textarea keeps focus.\n            onMouseDown={(e) => {\n              e.preventDefault();\n              mention.insert(option);\n            }}\n            onMouseEnter={() => mention.setHighlight(i)}\n            className={cn(\n              'flex w-full items-center gap-2 px-3 py-1.5 text-start text-sm',\n              i === mention.highlight\n                ? 'bg-primary-100 text-primary-900 dark:bg-primary-900/40 dark:text-primary-100'\n                : 'text-neutral-700 dark:text-neutral-200'\n            )}\n          >\n            {option.icon}\n            <span className=\"min-w-0 flex-1 truncate\">\n              <span className=\"font-medium\">{option.label}</span>\n              {option.description && (\n                <span className=\"ms-1 text-xs text-neutral-400\">\n                  {option.description}\n                </span>\n              )}\n            </span>\n            {option.meta && (\n              <span className=\"text-[10px] text-neutral-400\">\n                {option.meta}\n              </span>\n            )}\n          </button>\n        </li>\n      ))}\n    </ul>,\n    document.body\n  );\n}\n\nMentionMenu.displayName = 'MentionMenu';\n"]}