@freighttech/ui 0.13.18

package/dist/backend/dynamic-table/components/CellCommentDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/components/CellCommentDialog.tsx"],
+  "sourcesContent": ["import React, { useState, useEffect, useCallback, useRef } from 'react';\nimport { Lock, Truck } from 'lucide-react';\nimport ReactDOM from 'react-dom';\nimport { useT } from '@open-mercato/shared/lib/i18n/context';\nimport { apiCall } from '../../utils/apiCall';\nimport MentionPopup from './MentionPopup';\nimport type { MentionPopupHandle } from './MentionPopup';\n\n/**\n * The swatch picker. `bg` names the SAME token the annotated cell paints with\n * (`--m3-annotation-*`), so the swatch always shows exactly the colour the cell\n * will take.\n *\n * These used to be hardcoded light hexes, which meant the swatch was wrong in\n * dark mode and needed a parallel `.dark .hot-comment-color-btn[data-color=\u2026]`\n * block in DynamicTable.css to re-tint all seven. That block is deleted: the\n * token already carries its own dark value, so one reference covers both themes\n * and there is no second list of colours to keep in sync with this one.\n */\nconst ANNOTATION_COLORS = [\n  { value: null, label: 'None', bg: 'transparent' },\n  { value: 'gray', label: 'Gray', bg: 'var(--m3-annotation-gray)' },\n  { value: 'pink', label: 'Pink', bg: 'var(--m3-annotation-pink)' },\n  { value: 'orange', label: 'Orange', bg: 'var(--m3-annotation-orange)' },\n  { value: 'yellow', label: 'Yellow', bg: 'var(--m3-annotation-yellow)' },\n  { value: 'green', label: 'Green', bg: 'var(--m3-annotation-green)' },\n  { value: 'blue', label: 'Blue', bg: 'var(--m3-annotation-blue)' },\n  { value: 'purple', label: 'Purple', bg: 'var(--m3-annotation-purple)' },\n] as const;\n\nconst MENTION_PATTERN = /@\\[([^\\]]+)\\]\\(([^)]+)\\)/g;\n\n/** Who the note is for \u2014 see `packages/annotations` (workshop B8c). */\ntype CommentAudience = 'internal' | 'carrier';\n\ninterface Comment {\n  id: string;\n  userId: string;\n  userName?: string;\n  content: string;\n  createdAt: string;\n  audience?: CommentAudience;\n  cellLabel?: string;\n  /** Owning annotation id \u2014 needed to delete a comment in bulk mode (each\n      bulk comment can belong to a different cell's annotation). */\n  annotationId?: string;\n}\n\ninterface BulkCell {\n  /**\n   * B8a \u2014 a range can span two scopes. On the transport list a selection that\n   * covers `containerNumber` and `truckPlate` targets the CONTAINER for one and\n   * the LEG for the other, so the batch write is grouped by `entityType` rather\n   * than assuming one for the whole rectangle.\n   */\n  entityType: string;\n  rowId: string;\n  columnKey: string;\n}\n\ninterface PendingMention {\n  id: string;\n  name: string;\n}\n\ninterface MentionState {\n  active: boolean;\n  startIndex: number;\n  query: string;\n}\n\ninterface CellCommentDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  entityType: string;\n  viewContext?: string;\n  rowId: string;\n  columnKey: string;\n  columnTitle: string;\n  rowLabel?: string;\n  annotationId?: string | null;\n  currentColor?: string | null;\n  onAnnotationChange?: () => void;\n  /** Position the popover near this rect (from the clicked cell) */\n  anchorRect?: DOMRect | null;\n  /** When provided, dialog operates in bulk mode \u2014 color picker only, no comments */\n  bulkCells?: BulkCell[];\n}\n\nfunction renderCommentContent(content: string): React.ReactNode {\n  const parts: React.ReactNode[] = [];\n  let lastIndex = 0;\n  const regex = new RegExp(MENTION_PATTERN.source, 'g');\n  let match: RegExpExecArray | null;\n\n  while ((match = regex.exec(content)) !== null) {\n    if (match.index > lastIndex) {\n      parts.push(content.slice(lastIndex, match.index));\n    }\n    parts.push(\n      <span key={match.index} className=\"hot-comment-mention\">@{match[1]}</span>\n    );\n    lastIndex = regex.lastIndex;\n  }\n\n  if (lastIndex < content.length) {\n    parts.push(content.slice(lastIndex));\n  }\n\n  return parts.length > 0 ? parts : content;\n}\n\nfunction extractMentionIds(text: string): string[] {\n  const ids: string[] = [];\n  const regex = new RegExp(MENTION_PATTERN.source, 'g');\n  let match: RegExpExecArray | null;\n  while ((match = regex.exec(text)) !== null) {\n    ids.push(match[2]);\n  }\n  return ids;\n}\n\nconst CellCommentDialog: React.FC<CellCommentDialogProps> = ({\n  isOpen,\n  onClose,\n  entityType,\n  viewContext,\n  rowId,\n  columnKey,\n  columnTitle,\n  rowLabel,\n  annotationId: initialAnnotationId,\n  currentColor: initialColor,\n  onAnnotationChange,\n  anchorRect,\n  bulkCells,\n}) => {\n  const t = useT();\n  const isBulkMode = bulkCells && bulkCells.length > 1;\n  const [comments, setComments] = useState<Comment[]>([]);\n  const [newComment, setNewComment] = useState('');\n  const [selectedColor, setSelectedColor] = useState<string | null>(initialColor || null);\n  const [annotationId, setAnnotationId] = useState<string | null>(initialAnnotationId || null);\n  const [loading, setLoading] = useState(false);\n  const [submitting, setSubmitting] = useState(false);\n  // B8c \u2014 who this note is for. Resets to `internal` on every open: the safe\n  // default is \"stays inside\", never \"goes to the carrier\".\n  const [audience, setAudience] = useState<CommentAudience>('internal');\n  const [mentionState, setMentionState] = useState<MentionState | null>(null);\n  const [pendingMentions, setPendingMentions] = useState<PendingMention[]>([]);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const mentionRef = useRef<MentionPopupHandle>(null);\n\n  // Close on outside click\n  useEffect(() => {\n    if (!isOpen) return;\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as Node;\n      if (panelRef.current && !panelRef.current.contains(target)) {\n        // Don't close if clicking on the mention popup (it's portaled outside the panel)\n        const mentionEl = mentionRef.current?.getElement();\n        if (mentionEl && mentionEl.contains(target)) return;\n        onClose();\n      }\n    };\n    // Delay to avoid catching the triggering click\n    const timer = setTimeout(() => {\n      document.addEventListener('mousedown', handleClickOutside);\n    }, 0);\n    return () => {\n      clearTimeout(timer);\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [isOpen, onClose]);\n\n  // Close on Escape (only when mention popup is not active)\n  useEffect(() => {\n    if (!isOpen) return;\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && !mentionState?.active) onClose();\n    };\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [isOpen, onClose, mentionState]);\n\n  // Reset mention state when dialog closes\n  useEffect(() => {\n    if (!isOpen) {\n      setMentionState(null);\n      setPendingMentions([]);\n      setAudience('internal');\n    }\n  }, [isOpen]);\n\n  // Fetch comments when dialog opens (single-cell mode)\n  useEffect(() => {\n    if (!isOpen || isBulkMode || !annotationId) {\n      if (!isBulkMode) setComments([]);\n      return;\n    }\n\n    const fetchComments = async () => {\n      setLoading(true);\n      try {\n        const params = new URLSearchParams({ entityType, rowIds: rowId });\n        const { ok, result } = await apiCall<any>(`/api/annotations/annotations?${params}`);\n        if (ok && result) {\n          const items: any[] = result.items || result.data || result || [];\n          const annotation = items.find((a: any) =>\n            (a.columnKey || a.column_key) === columnKey\n          );\n          if (annotation?.comments) {\n            setComments(annotation.comments.map((c: any) => ({\n              id: c.id,\n              userId: c.userId || c.user_id,\n              userName: c.userName || c.user_name || 'User',\n              content: c.content,\n              audience: (c.audience as CommentAudience) ?? 'internal',\n              createdAt: c.createdAt || c.created_at,\n            })));\n          }\n        }\n      } catch (error) {\n        console.error('Failed to fetch comments:', error);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    fetchComments();\n  }, [isOpen, isBulkMode, annotationId, entityType, rowId, columnKey]);\n\n  // Fetch comments for all selected cells (bulk mode)\n  const fetchBulkComments = useCallback(async () => {\n    if (!bulkCells || bulkCells.length === 0) return;\n\n    setLoading(true);\n    try {\n      // One request per SCOPE \u2014 a range may cover container-scoped and\n      // leg-scoped columns at once (B8a).\n      const groups = new Map<string, Set<string>>();\n      for (const cell of bulkCells) {\n        const existing = groups.get(cell.entityType);\n        if (existing) existing.add(cell.rowId);\n        else groups.set(cell.entityType, new Set([cell.rowId]));\n      }\n      const cellKeySet = new Set(bulkCells.map((c) => `${c.entityType}:${c.rowId}:${c.columnKey}`));\n      const responses = await Promise.all(\n        Array.from(groups.entries()).map(async ([type, rowIds]) => {\n          const params = new URLSearchParams({ entityType: type, rowIds: Array.from(rowIds).join(',') });\n          const { ok, result } = await apiCall<any>(`/api/annotations/annotations?${params}`);\n          if (!ok || !result) return [] as any[];\n          const items: any[] = result.items || result.data || result || [];\n          return items.map((item) => ({ ...item, entityType: item.entityType ?? type }));\n        }),\n      );\n      {\n        const items = responses.flat();\n        const allComments: Comment[] = [];\n        for (const annotation of items) {\n          const aType = annotation.entityType || annotation.entity_type || '';\n          const aRowId = annotation.rowId || annotation.row_id;\n          const aColKey = annotation.columnKey || annotation.column_key;\n          if (!cellKeySet.has(`${aType}:${aRowId}:${aColKey}`)) continue;\n          const cellLabel = aColKey;\n          for (const c of (annotation.comments || [])) {\n            allComments.push({\n              id: c.id,\n              userId: c.userId || c.user_id,\n              userName: c.userName || c.user_name || 'User',\n              content: c.content,\n              audience: (c.audience as CommentAudience) ?? 'internal',\n              createdAt: c.createdAt || c.created_at,\n              cellLabel,\n              annotationId: annotation.id || annotation.annotationId,\n            });\n          }\n        }\n        allComments.sort((a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime());\n        setComments(allComments);\n      }\n    } catch (error) {\n      console.error('Failed to fetch bulk comments:', error);\n    } finally {\n      setLoading(false);\n    }\n  }, [bulkCells]);\n\n  useEffect(() => {\n    if (!isOpen || !isBulkMode) return;\n    fetchBulkComments();\n  }, [isOpen, isBulkMode, fetchBulkComments]);\n\n  // Handle textarea changes \u2014 detect @ trigger and sync pending mentions\n  const handleTextareaChange = useCallback((e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    const value = e.target.value;\n    const cursorPos = e.target.selectionStart ?? value.length;\n    setNewComment(value);\n\n    // Sync pending mentions: remove any whose display name (@name) is no longer in text\n    setPendingMentions((prev) => prev.filter((m) => {\n      const displayText = `@${m.name}`;\n      return value.includes(displayText);\n    }));\n\n    // Detect @ trigger: look backwards from cursor for an unmatched @\n    const textBeforeCursor = value.slice(0, cursorPos);\n    const lastAtIndex = textBeforeCursor.lastIndexOf('@');\n\n    if (lastAtIndex >= 0) {\n      const charBeforeAt = lastAtIndex > 0 ? textBeforeCursor[lastAtIndex - 1] : ' ';\n      const isStartOfWord = lastAtIndex === 0 || /\\s/.test(charBeforeAt);\n      const textAfterAt = textBeforeCursor.slice(lastAtIndex + 1);\n\n      if (isStartOfWord && (textAfterAt.length === 0 || !/\\s/.test(textAfterAt.slice(0, 1)))) {\n        const query = textAfterAt;\n        if (query.length <= 30 && !/\\n/.test(query)) {\n          setMentionState({ active: true, startIndex: lastAtIndex, query });\n          return;\n        }\n      }\n    }\n\n    setMentionState(null);\n  }, []);\n\n  // Build wire format from display text + pending mentions on submit\n  const buildWireContent = useCallback((displayText: string): string => {\n    let result = displayText;\n    // Replace each @displayName with @[displayName](id) for pending mentions\n    for (const m of pendingMentions) {\n      const displayMention = `@${m.name}`;\n      const wireMention = `@[${m.name}](${m.id})`;\n      result = result.replace(displayMention, wireMention);\n    }\n    return result;\n  }, [pendingMentions]);\n\n  // Handle mention selection from popup\n  const handleMentionSelect = useCallback((user: { id: string; name: string; email: string }) => {\n    if (!mentionState || !textareaRef.current) return;\n\n    const displayName = user.name || user.email;\n    const before = newComment.slice(0, mentionState.startIndex);\n    const after = newComment.slice(mentionState.startIndex + 1 + mentionState.query.length);\n    const displayText = `@${displayName}`;\n    const updatedComment = before + displayText + ' ' + after;\n\n    setNewComment(updatedComment);\n    setPendingMentions((prev) => {\n      if (prev.some((m) => m.id === user.id)) return prev;\n      return [...prev, { id: user.id, name: displayName }];\n    });\n    setMentionState(null);\n\n    // Restore focus to textarea\n    requestAnimationFrame(() => {\n      if (textareaRef.current) {\n        const cursorPos = before.length + displayText.length + 1;\n        textareaRef.current.focus();\n        textareaRef.current.setSelectionRange(cursorPos, cursorPos);\n      }\n    });\n  }, [mentionState, newComment]);\n\n  // Ensure annotation exists, then add comment\n  const handleSubmitComment = useCallback(async () => {\n    if (!newComment.trim() || submitting) return;\n\n    setSubmitting(true);\n    try {\n      let currentAnnotationId = annotationId;\n\n      // Create annotation if it doesn't exist\n      if (!currentAnnotationId) {\n        const { ok, result: created } = await apiCall<any>('/api/annotations/annotations', {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({\n            entityType,\n            tableId: viewContext,\n            rowId,\n            columnKey,\n            color: selectedColor,\n          }),\n        });\n        if (ok && created) {\n          currentAnnotationId = created.id || created.data?.id;\n          setAnnotationId(currentAnnotationId);\n        } else {\n          return;\n        }\n      }\n\n      const mentionedUserIds = pendingMentions.map((m) => m.id);\n      const wireContent = buildWireContent(newComment.trim());\n\n      // Add comment\n      const { ok: commentOk, result: commentResult } = await apiCall<any>(\n        `/api/annotations/annotations/${currentAnnotationId}/comments`,\n        {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({\n            content: wireContent,\n            audience,\n            ...(mentionedUserIds.length > 0 ? { mentionedUserIds } : {}),\n          }),\n        },\n      );\n\n      if (commentOk && commentResult) {\n        const newCommentObj: Comment = {\n          id: commentResult.id || commentResult.data?.id,\n          userId: commentResult.userId || commentResult.user_id || '',\n          userName: commentResult.userName || commentResult.user_name || 'You',\n          content: wireContent,\n          audience,\n          createdAt: new Date().toISOString(),\n        };\n        setComments(prev => [...prev, newCommentObj]);\n        setNewComment('');\n        setPendingMentions([]);\n        onAnnotationChange?.();\n      }\n    } catch (error) {\n      console.error('Failed to submit comment:', error);\n    } finally {\n      setSubmitting(false);\n    }\n  }, [newComment, submitting, annotationId, entityType, viewContext, rowId, columnKey, selectedColor, onAnnotationChange, pendingMentions, buildWireContent, audience]);\n\n  // Bulk color change \u2014 calls PUT batch endpoint\n  const handleBulkColorChange = useCallback(async (color: string | null) => {\n    if (!bulkCells || bulkCells.length === 0) return;\n    setSelectedColor(color);\n\n    try {\n      // One PUT per scope \u2014 the batch endpoint takes a single `entityType`, and\n      // a range can legitimately span two (B8a).\n      const groups = new Map<string, BulkCell[]>();\n      for (const cell of bulkCells) {\n        const existing = groups.get(cell.entityType);\n        if (existing) existing.push(cell);\n        else groups.set(cell.entityType, [cell]);\n      }\n      await Promise.all(\n        Array.from(groups.entries()).map(([type, cells]) =>\n          apiCall('/api/annotations/annotations', {\n            method: 'PUT',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify({\n              entityType: type,\n              tableId: viewContext,\n              cells: cells.map((c) => ({ rowId: c.rowId, columnKey: c.columnKey })),\n              color,\n            }),\n          }),\n        ),\n      );\n      onAnnotationChange?.();\n    } catch (error) {\n      console.error('Failed to batch update colors:', error);\n    }\n  }, [bulkCells, viewContext, onAnnotationChange]);\n\n  // Bulk comment \u2014 sends comment to all selected cells via PUT batch endpoint\n  const handleBulkSubmitComment = useCallback(async () => {\n    if (!bulkCells || bulkCells.length === 0 || !newComment.trim() || submitting) return;\n\n    setSubmitting(true);\n    try {\n      const mentionedUserIds = pendingMentions.map((m) => m.id);\n      const wireContent = buildWireContent(newComment.trim());\n      const groups = new Map<string, BulkCell[]>();\n      for (const cell of bulkCells) {\n        const existing = groups.get(cell.entityType);\n        if (existing) existing.push(cell);\n        else groups.set(cell.entityType, [cell]);\n      }\n      await Promise.all(\n        Array.from(groups.entries()).map(([type, cells]) =>\n          apiCall('/api/annotations/annotations', {\n            method: 'PUT',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify({\n              entityType: type,\n              tableId: viewContext,\n              cells: cells.map((c) => ({ rowId: c.rowId, columnKey: c.columnKey })),\n              comment: wireContent,\n              audience,\n              ...(mentionedUserIds.length > 0 ? { mentionedUserIds } : {}),\n            }),\n          }),\n        ),\n      );\n      setNewComment('');\n      setPendingMentions([]);\n      onAnnotationChange?.();\n      fetchBulkComments();\n    } catch (error) {\n      console.error('Failed to batch add comment:', error);\n    } finally {\n      setSubmitting(false);\n    }\n  }, [bulkCells, viewContext, newComment, submitting, onAnnotationChange, fetchBulkComments, pendingMentions, buildWireContent, audience]);\n\n  // Update color\n  const handleColorChange = useCallback(async (color: string | null) => {\n    if (isBulkMode) {\n      return handleBulkColorChange(color);\n    }\n\n    setSelectedColor(color);\n\n    try {\n      if (annotationId) {\n        await apiCall(`/api/annotations/annotations?id=${annotationId}`, {\n          method: 'PATCH',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({ color }),\n        });\n      } else if (color) {\n        // Create annotation when picking a color on a cell that has none yet\n        const { ok, result: created } = await apiCall<any>('/api/annotations/annotations', {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({ entityType, tableId: viewContext, rowId, columnKey, color }),\n        });\n        if (ok && created) {\n          setAnnotationId(created.id || created.data?.id);\n        }\n      }\n      onAnnotationChange?.();\n    } catch (error) {\n      console.error('Failed to update color:', error);\n    }\n  }, [isBulkMode, handleBulkColorChange, annotationId, entityType, viewContext, rowId, columnKey, onAnnotationChange]);\n\n  // Delete one comment. In bulk mode each comment carries its own annotation id\n  // (cells differ); in single mode it falls back to the dialog's annotationId.\n  const handleDeleteComment = useCallback(async (commentId: string, commentAnnotationId?: string) => {\n    const annId = commentAnnotationId || annotationId;\n    if (!annId) return;\n\n    try {\n      const { ok } = await apiCall(`/api/annotations/annotations/${annId}/comments?commentId=${commentId}`, {\n        method: 'DELETE',\n      });\n      if (ok) {\n        setComments(prev => prev.filter(c => c.id !== commentId));\n        onAnnotationChange?.();\n      }\n    } catch (error) {\n      console.error('Failed to delete comment:', error);\n    }\n  }, [annotationId, onAnnotationChange]);\n\n  // Bulk: delete every comment shown across the selected cells.\n  const handleDeleteAllComments = useCallback(async () => {\n    const toDelete = comments.slice();\n    for (const c of toDelete) {\n      const annId = c.annotationId || annotationId;\n      if (!annId) continue;\n      try {\n        await apiCall(`/api/annotations/annotations/${annId}/comments?commentId=${c.id}`, { method: 'DELETE' });\n      } catch (error) {\n        console.error('Failed to delete comment:', error);\n      }\n    }\n    setComments([]);\n    onAnnotationChange?.();\n  }, [comments, annotationId, onAnnotationChange]);\n\n  const formatTimeAgo = (dateStr: string) => {\n    const date = new Date(dateStr);\n    const now = new Date();\n    const diffMs = now.getTime() - date.getTime();\n    const diffMin = Math.floor(diffMs / 60000);\n    if (diffMin < 1) return 'just now';\n    if (diffMin < 60) return `${diffMin}m ago`;\n    const diffHour = Math.floor(diffMin / 60);\n    if (diffHour < 24) return `${diffHour}h ago`;\n    const diffDay = Math.floor(diffHour / 24);\n    return `${diffDay}d ago`;\n  };\n\n  if (!isOpen) return null;\n\n  const title = isBulkMode\n    ? `${bulkCells!.length} cells selected`\n    : rowLabel\n      ? `${rowLabel} - ${columnTitle}`\n      : columnTitle;\n\n  // Position: below the anchor when there's more room there, else above. Cap the\n  // panel height to the available space so a long comment thread scrolls INSIDE\n  // the panel instead of running off the bottom of the viewport.\n  const panelWidth = 420;\n  let top: number | undefined;\n  let bottomPx: number | undefined;\n  let left = 0;\n  let panelMaxHeight = 520;\n  if (anchorRect) {\n    const spaceBelow = window.innerHeight - anchorRect.bottom;\n    const spaceAbove = anchorRect.top;\n    const spaceRight = window.innerWidth - anchorRect.left;\n    if (spaceBelow >= spaceAbove) {\n      top = anchorRect.bottom + 4;\n      panelMaxHeight = Math.min(520, Math.max(180, spaceBelow - 12));\n    } else {\n      bottomPx = window.innerHeight - anchorRect.top + 4;\n      panelMaxHeight = Math.min(520, Math.max(180, spaceAbove - 12));\n    }\n    left = spaceRight > panelWidth ? anchorRect.left : window.innerWidth - panelWidth - 12;\n  }\n\n  const textareaKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>, submitFn: () => void) => {\n    if (mentionState?.active) return;\n    if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {\n      e.preventDefault();\n      submitFn();\n    }\n    if (e.key === 'Escape') {\n      onClose();\n    }\n  };\n\n  const panel = (\n    <div\n      ref={panelRef}\n      className=\"hot-comment-popover\"\n      style={{\n        position: 'fixed',\n        top: anchorRect ? top : '50%',\n        bottom: anchorRect ? (bottomPx != null ? `${bottomPx}px` : undefined) : undefined,\n        left: anchorRect ? left : '50%',\n        transform: anchorRect ? undefined : 'translate(-50%, -50%)',\n        width: panelWidth,\n        maxHeight: anchorRect ? `${panelMaxHeight}px` : undefined,\n        zIndex: 10000,\n      }}\n    >\n      <div className=\"hot-comment-popover-header\">\n        <div className=\"hot-comment-popover-title-group\">\n          <span className=\"hot-comment-popover-subtitle\">{isBulkMode ? t('annotations.dialog.setColorFor', 'Set color for') : t('annotations.dialog.commentsOn', 'Comments on')}</span>\n          <span className=\"hot-comment-popover-title\">{title}</span>\n        </div>\n        <button className=\"hot-comment-popover-close\" onClick={onClose}>\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\">\n            <path d=\"M4 4l8 8M12 4l-8 8\" />\n          </svg>\n        </button>\n      </div>\n\n      {/* Comments Thread */}\n      {(loading || comments.length > 0) && (\n      <div className=\"hot-comment-thread\">\n        {loading ? (\n          <div className=\"hot-comment-loading\">{t('annotations.dialog.loading', 'Loading comments...')}</div>\n        ) : (\n          comments.map(comment => (\n            <div key={comment.id} className=\"hot-comment-item\">\n              <div className=\"hot-comment-item-row\">\n                <span className=\"hot-comment-avatar\">\n                  {(comment.userName || 'U')[0].toUpperCase()}\n                </span>\n                <div className=\"hot-comment-item-body\">\n                  <div className=\"hot-comment-item-header\">\n                    <span className=\"hot-comment-author\">{comment.userName || t('annotations.dialog.you', 'You')}</span>\n                    <span className=\"hot-comment-action\">{t('annotations.dialog.commented', 'commented')}{comment.cellLabel ? ` ${t('annotations.dialog.on', 'on')} ${comment.cellLabel}` : ''}</span>\n                    {comment.audience === 'carrier' && (\n                      <span className=\"hot-comment-audience-tag\" title={t('annotations.dialog.audienceCarrierHint', 'Printed on the carrier document')}>\n                        <Truck size={10} />\n                        {t('annotations.dialog.audienceCarrierShort', 'carrier')}\n                      </span>\n                    )}\n                    <span className=\"hot-comment-time\">{formatTimeAgo(comment.createdAt)}</span>\n                  </div>\n                  <div className=\"hot-comment-content\">{renderCommentContent(comment.content)}</div>\n                </div>\n                {(\n                <button\n                  className=\"hot-comment-delete\"\n                  onClick={() => handleDeleteComment(comment.id, comment.annotationId)}\n                  title=\"Delete comment\"\n                >\n                  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                    <path d=\"M2.5 4h11M5.5 4V2.5a1 1 0 011-1h3a1 1 0 011 1V4M6.5 7v4M9.5 7v4M3.5 4l.5 9a1.5 1.5 0 001.5 1.5h5a1.5 1.5 0 001.5-1.5l.5-9\" />\n                  </svg>\n                </button>\n                )}\n              </div>\n            </div>\n          ))\n        )}\n      </div>\n      )}\n\n      {isBulkMode && comments.length > 0 && (\n        <div className=\"hot-comment-bulk-actions\">\n          <button className=\"hot-comment-delete-all\" onClick={handleDeleteAllComments}>\n            {t('annotations.dialog.deleteAll', 'Delete all comments')}\n          </button>\n        </div>\n      )}\n\n      {/* Bulk mode: color picker + comment input */}\n      {isBulkMode ? (\n        <div className=\"hot-comment-input-area\">\n          <div style={{ position: 'relative' }}>\n            <textarea\n              ref={textareaRef}\n              value={newComment}\n              onChange={handleTextareaChange}\n              placeholder={t('annotations.dialog.bulkPlaceholder', 'Leave a comment on all selected cells (type @ to mention)')}\n              className=\"hot-comment-textarea\"\n              rows={3}\n              autoFocus\n              onKeyDown={(e) => textareaKeyDown(e, handleBulkSubmitComment)}\n            />\n            {mentionState?.active && textareaRef.current && (\n              <MentionPopup\n                ref={mentionRef}\n                query={mentionState.query}\n                anchorEl={textareaRef.current}\n                onSelect={handleMentionSelect}\n                onClose={() => setMentionState(null)}\n                visible\n              />\n            )}\n          </div>\n          {/* B8c \u2014 who this note is for. Two mutually exclusive choices, never a\n              native <select>: the distinction has to be visible while writing,\n              not hidden behind a closed control. `internal` is the default and\n              is what every note written before this flag existed was. */}\n          <div className=\"hot-comment-audience\" role=\"radiogroup\" aria-label={t('annotations.dialog.audienceLabel', 'Who is this note for?')}>\n            <button\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={audience === 'internal'}\n              className=\"hot-comment-audience-option\"\n              data-selected={audience === 'internal' || undefined}\n              onClick={() => setAudience('internal')}\n            >\n              <Lock size={12} />\n              <span>{t('annotations.dialog.audienceInternal', 'Internal note')}</span>\n            </button>\n            <button\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={audience === 'carrier'}\n              className=\"hot-comment-audience-option\"\n              data-selected={audience === 'carrier' || undefined}\n              onClick={() => setAudience('carrier')}\n            >\n              <Truck size={12} />\n              <span>{t('annotations.dialog.audienceCarrier', 'For the carrier')}</span>\n            </button>\n          </div>\n          <div className=\"hot-comment-colors\">\n            {ANNOTATION_COLORS.map((item) => (\n              <button\n                key={item.value ?? 'none'}\n                onClick={() => handleColorChange(item.value)}\n                className={`hot-comment-color-btn ${selectedColor === item.value ? 'selected' : ''}`}\n                data-color={item.value ?? 'none'}\n                style={{\n                  background: item.bg,\n                  border: item.value === null ? '1px dashed var(--m3-outline-faint)' : undefined,\n                }}\n                title={item.label}\n              >\n                {item.value === null && selectedColor === null ? (\n                  <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\">\n                    <path d=\"M2 2l8 8M10 2l-8 8\" />\n                  </svg>\n                ) : null}\n              </button>\n            ))}\n          </div>\n          <div className=\"hot-comment-input-footer\">\n            <span className=\"hot-comment-hint\">{t('annotations.dialog.press', 'Press')} <kbd>\u2318+Enter</kbd> {t('annotations.dialog.toSendAll', 'to send to all cells')}</span>\n            <button\n              onClick={handleBulkSubmitComment}\n              disabled={!newComment.trim() || submitting}\n              className=\"hot-comment-send-btn\"\n            >\n              {submitting ? t('annotations.dialog.sending', 'Sending...') : t('annotations.dialog.send', 'Send')}\n            </button>\n          </div>\n        </div>\n      ) : (\n        /* Full comment input in single-cell mode */\n        <div className=\"hot-comment-input-area\">\n          <div style={{ position: 'relative' }}>\n            <textarea\n              ref={textareaRef}\n              value={newComment}\n              onChange={handleTextareaChange}\n              placeholder={t('annotations.dialog.placeholder', 'Leave a comment (type @ to mention)')}\n              className=\"hot-comment-textarea\"\n              rows={3}\n              autoFocus\n              onKeyDown={(e) => textareaKeyDown(e, handleSubmitComment)}\n            />\n            {mentionState?.active && textareaRef.current && (\n              <MentionPopup\n                ref={mentionRef}\n                query={mentionState.query}\n                anchorEl={textareaRef.current}\n                onSelect={handleMentionSelect}\n                onClose={() => setMentionState(null)}\n                visible\n              />\n            )}\n          </div>\n          {/* Color Picker */}\n          {/* B8c \u2014 who this note is for. Two mutually exclusive choices, never a\n              native <select>: the distinction has to be visible while writing,\n              not hidden behind a closed control. `internal` is the default and\n              is what every note written before this flag existed was. */}\n          <div className=\"hot-comment-audience\" role=\"radiogroup\" aria-label={t('annotations.dialog.audienceLabel', 'Who is this note for?')}>\n            <button\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={audience === 'internal'}\n              className=\"hot-comment-audience-option\"\n              data-selected={audience === 'internal' || undefined}\n              onClick={() => setAudience('internal')}\n            >\n              <Lock size={12} />\n              <span>{t('annotations.dialog.audienceInternal', 'Internal note')}</span>\n            </button>\n            <button\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={audience === 'carrier'}\n              className=\"hot-comment-audience-option\"\n              data-selected={audience === 'carrier' || undefined}\n              onClick={() => setAudience('carrier')}\n            >\n              <Truck size={12} />\n              <span>{t('annotations.dialog.audienceCarrier', 'For the carrier')}</span>\n            </button>\n          </div>\n          <div className=\"hot-comment-colors\">\n            {ANNOTATION_COLORS.map((item) => (\n              <button\n                key={item.value ?? 'none'}\n                onClick={() => handleColorChange(item.value)}\n                className={`hot-comment-color-btn ${selectedColor === item.value ? 'selected' : ''}`}\n                data-color={item.value ?? 'none'}\n                style={{\n                  background: item.bg,\n                  border: item.value === null ? '1px dashed var(--m3-outline-faint)' : undefined,\n                }}\n                title={item.label}\n              >\n                {item.value === null && selectedColor === null ? (\n                  <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\">\n                    <path d=\"M2 2l8 8M10 2l-8 8\" />\n                  </svg>\n                ) : null}\n              </button>\n            ))}\n          </div>\n          <div className=\"hot-comment-input-footer\">\n            <span className=\"hot-comment-hint\">{t('annotations.dialog.press', 'Press')} <kbd>\u2318+Enter</kbd> {t('annotations.dialog.toSend', 'to send')}</span>\n            <button\n              onClick={handleSubmitComment}\n              disabled={!newComment.trim() || submitting}\n              className=\"hot-comment-send-btn\"\n            >\n              {submitting ? t('annotations.dialog.sending', 'Sending...') : t('annotations.dialog.send', 'Send')}\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n\n  return ReactDOM.createPortal(panel, document.body);\n};\n\nexport default CellCommentDialog;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/dynamic-table/components/CellCommentHoverPopup.js

@@ -0,0 +1,77 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import ReactDOM from "react-dom";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+const MENTION_PATTERN = /@\[([^\]]+)\]\(([^)]+)\)/g;
+function renderCommentContent(content) {
+  const parts = [];
+  let lastIndex = 0;
+  const regex = new RegExp(MENTION_PATTERN.source, "g");
+  let match;
+  while ((match = regex.exec(content)) !== null) {
+    if (match.index > lastIndex) parts.push(content.slice(lastIndex, match.index));
+    parts.push(/* @__PURE__ */ jsxs("span", { className: "hot-comment-mention", children: [
+      "@",
+      match[1]
+    ] }, match.index));
+    lastIndex = regex.lastIndex;
+  }
+  if (lastIndex < content.length) parts.push(content.slice(lastIndex));
+  return parts.length > 0 ? parts : content;
+}
+function formatTimeAgo(iso) {
+  if (!iso) return "";
+  const then = new Date(iso).getTime();
+  if (!Number.isFinite(then)) return "";
+  const diff = Date.now() - then;
+  const min = Math.floor(diff / 6e4);
+  if (min < 1) return "just now";
+  if (min < 60) return `${min}m ago`;
+  const h = Math.floor(min / 60);
+  if (h < 24) return `${h}h ago`;
+  const d = Math.floor(h / 24);
+  if (d < 7) return `${d}d ago`;
+  return new Date(iso).toLocaleDateString();
+}
+const CellCommentHoverPopup = ({ comments, columnTitle, anchorRect }) => {
+  const t = useT();
+  if (!comments.length) return null;
+  const POPUP_WIDTH = 280;
+  const MARGIN = 8;
+  const spaceBelow = window.innerHeight - anchorRect.bottom;
+  const placeBelow = spaceBelow > 220 || spaceBelow > anchorRect.top;
+  const top = placeBelow ? anchorRect.bottom + 6 : void 0;
+  const bottom = placeBelow ? void 0 : window.innerHeight - anchorRect.top + 6;
+  let left = anchorRect.right - POPUP_WIDTH;
+  if (left < MARGIN) left = MARGIN;
+  if (left + POPUP_WIDTH > window.innerWidth - MARGIN) left = window.innerWidth - POPUP_WIDTH - MARGIN;
+  return ReactDOM.createPortal(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "hot-comment-hover-popup hot-appearance-v2",
+        style: { position: "fixed", top, bottom, left, width: POPUP_WIDTH },
+        role: "tooltip",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "hot-comment-hover-header", children: [
+            columnTitle || t("dynamicTable.comments.title", "Comments"),
+            /* @__PURE__ */ jsx("span", { className: "hot-comment-hover-count", children: comments.length })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "hot-comment-hover-list", children: comments.map((c) => /* @__PURE__ */ jsxs("div", { className: "hot-comment-hover-item", children: [
+            /* @__PURE__ */ jsxs("div", { className: "hot-comment-hover-meta", children: [
+              /* @__PURE__ */ jsx("span", { className: "hot-comment-hover-author", children: c.userName || t("dynamicTable.comments.someone", "Someone") }),
+              c.createdAt && /* @__PURE__ */ jsx("span", { className: "hot-comment-hover-time", children: formatTimeAgo(c.createdAt) })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "hot-comment-hover-body", children: renderCommentContent(c.content) })
+          ] }, c.id)) })
+        ]
+      }
+    ),
+    document.body
+  );
+};
+CellCommentHoverPopup.displayName = "CellCommentHoverPopup";
+var CellCommentHoverPopup_default = CellCommentHoverPopup;
+export {
+  CellCommentHoverPopup_default as default
+};
+//# sourceMappingURL=CellCommentHoverPopup.js.map

package/dist/backend/dynamic-table/components/CellCommentHoverPopup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/components/CellCommentHoverPopup.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { useT } from '@open-mercato/shared/lib/i18n/context';\nimport type { AnnotationComment } from '../hooks/useAnnotations';\n\nconst MENTION_PATTERN = /@\\[([^\\]]+)\\]\\(([^)]+)\\)/g;\n\n/** Render a comment body, turning `@[Name](id)` mentions into highlighted chips. */\nfunction renderCommentContent(content: string): React.ReactNode {\n  const parts: React.ReactNode[] = [];\n  let lastIndex = 0;\n  const regex = new RegExp(MENTION_PATTERN.source, 'g');\n  let match: RegExpExecArray | null;\n  while ((match = regex.exec(content)) !== null) {\n    if (match.index > lastIndex) parts.push(content.slice(lastIndex, match.index));\n    parts.push(<span key={match.index} className=\"hot-comment-mention\">@{match[1]}</span>);\n    lastIndex = regex.lastIndex;\n  }\n  if (lastIndex < content.length) parts.push(content.slice(lastIndex));\n  return parts.length > 0 ? parts : content;\n}\n\nfunction formatTimeAgo(iso?: string): string {\n  if (!iso) return '';\n  const then = new Date(iso).getTime();\n  if (!Number.isFinite(then)) return '';\n  const diff = Date.now() - then;\n  const min = Math.floor(diff / 60000);\n  if (min < 1) return 'just now';\n  if (min < 60) return `${min}m ago`;\n  const h = Math.floor(min / 60);\n  if (h < 24) return `${h}h ago`;\n  const d = Math.floor(h / 24);\n  if (d < 7) return `${d}d ago`;\n  return new Date(iso).toLocaleDateString();\n}\n\nexport interface CellCommentHoverPopupProps {\n  comments: AnnotationComment[];\n  columnTitle?: string;\n  /** Rect of the hovered comment indicator \u2014 the popup anchors above/below it. */\n  anchorRect: DOMRect;\n}\n\n/**\n * Read-only hover preview of a cell's comment thread. Rendered via a portal and\n * pointer-events:none so it never steals the hover from the indicator beneath it\n * (the table closes it on mouseout). Clicking the indicator opens the full\n * `CellCommentDialog` for editing \u2014 this popup is preview only.\n */\nconst CellCommentHoverPopup: React.FC<CellCommentHoverPopupProps> = ({ comments, columnTitle, anchorRect }) => {\n  const t = useT();\n  if (!comments.length) return null;\n\n  const POPUP_WIDTH = 280;\n  const MARGIN = 8;\n  // Prefer below the indicator; flip above when it would overflow the viewport.\n  const spaceBelow = window.innerHeight - anchorRect.bottom;\n  const placeBelow = spaceBelow > 220 || spaceBelow > anchorRect.top;\n  const top = placeBelow ? anchorRect.bottom + 6 : undefined;\n  const bottom = placeBelow ? undefined : window.innerHeight - anchorRect.top + 6;\n  let left = anchorRect.right - POPUP_WIDTH;\n  if (left < MARGIN) left = MARGIN;\n  if (left + POPUP_WIDTH > window.innerWidth - MARGIN) left = window.innerWidth - POPUP_WIDTH - MARGIN;\n\n  return ReactDOM.createPortal(\n    <div\n      className=\"hot-comment-hover-popup hot-appearance-v2\"\n      style={{ position: 'fixed', top, bottom, left, width: POPUP_WIDTH }}\n      role=\"tooltip\"\n    >\n      <div className=\"hot-comment-hover-header\">\n        {columnTitle || t('dynamicTable.comments.title', 'Comments')}\n        <span className=\"hot-comment-hover-count\">{comments.length}</span>\n      </div>\n      <div className=\"hot-comment-hover-list\">\n        {comments.map((c) => (\n          <div key={c.id} className=\"hot-comment-hover-item\">\n            <div className=\"hot-comment-hover-meta\">\n              <span className=\"hot-comment-hover-author\">{c.userName || t('dynamicTable.comments.someone', 'Someone')}</span>\n              {c.createdAt && <span className=\"hot-comment-hover-time\">{formatTimeAgo(c.createdAt)}</span>}\n            </div>\n            <div className=\"hot-comment-hover-body\">{renderCommentContent(c.content)}</div>\n          </div>\n        ))}\n      </div>\n    </div>,\n    document.body\n  );\n};\n\nCellCommentHoverPopup.displayName = 'CellCommentHoverPopup';\n\nexport default CellCommentHoverPopup;\n"],
+  "mappings": "AAee,SA0DP,KA1DO;AAdf,OAAO,cAAc;AACrB,SAAS,YAAY;AAGrB,MAAM,kBAAkB;AAGxB,SAAS,qBAAqB,SAAkC;AAC9D,QAAM,QAA2B,CAAC;AAClC,MAAI,YAAY;AAChB,QAAM,QAAQ,IAAI,OAAO,gBAAgB,QAAQ,GAAG;AACpD,MAAI;AACJ,UAAQ,QAAQ,MAAM,KAAK,OAAO,OAAO,MAAM;AAC7C,QAAI,MAAM,QAAQ,UAAW,OAAM,KAAK,QAAQ,MAAM,WAAW,MAAM,KAAK,CAAC;AAC7E,UAAM,KAAK,qBAAC,UAAuB,WAAU,uBAAsB;AAAA;AAAA,MAAE,MAAM,CAAC;AAAA,SAAtD,MAAM,KAAkD,CAAO;AACrF,gBAAY,MAAM;AAAA,EACpB;AACA,MAAI,YAAY,QAAQ,OAAQ,OAAM,KAAK,QAAQ,MAAM,SAAS,CAAC;AACnE,SAAO,MAAM,SAAS,IAAI,QAAQ;AACpC;AAEA,SAAS,cAAc,KAAsB;AAC3C,MAAI,CAAC,IAAK,QAAO;AACjB,QAAM,OAAO,IAAI,KAAK,GAAG,EAAE,QAAQ;AACnC,MAAI,CAAC,OAAO,SAAS,IAAI,EAAG,QAAO;AACnC,QAAM,OAAO,KAAK,IAAI,IAAI;AAC1B,QAAM,MAAM,KAAK,MAAM,OAAO,GAAK;AACnC,MAAI,MAAM,EAAG,QAAO;AACpB,MAAI,MAAM,GAAI,QAAO,GAAG,GAAG;AAC3B,QAAM,IAAI,KAAK,MAAM,MAAM,EAAE;AAC7B,MAAI,IAAI,GAAI,QAAO,GAAG,CAAC;AACvB,QAAM,IAAI,KAAK,MAAM,IAAI,EAAE;AAC3B,MAAI,IAAI,EAAG,QAAO,GAAG,CAAC;AACtB,SAAO,IAAI,KAAK,GAAG,EAAE,mBAAmB;AAC1C;AAeA,MAAM,wBAA8D,CAAC,EAAE,UAAU,aAAa,WAAW,MAAM;AAC7G,QAAM,IAAI,KAAK;AACf,MAAI,CAAC,SAAS,OAAQ,QAAO;AAE7B,QAAM,cAAc;AACpB,QAAM,SAAS;AAEf,QAAM,aAAa,OAAO,cAAc,WAAW;AACnD,QAAM,aAAa,aAAa,OAAO,aAAa,WAAW;AAC/D,QAAM,MAAM,aAAa,WAAW,SAAS,IAAI;AACjD,QAAM,SAAS,aAAa,SAAY,OAAO,cAAc,WAAW,MAAM;AAC9E,MAAI,OAAO,WAAW,QAAQ;AAC9B,MAAI,OAAO,OAAQ,QAAO;AAC1B,MAAI,OAAO,cAAc,OAAO,aAAa,OAAQ,QAAO,OAAO,aAAa,cAAc;AAE9F,SAAO,SAAS;AAAA,IACd;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,UAAU,SAAS,KAAK,QAAQ,MAAM,OAAO,YAAY;AAAA,QAClE,MAAK;AAAA,QAEL;AAAA,+BAAC,SAAI,WAAU,4BACZ;AAAA,2BAAe,EAAE,+BAA+B,UAAU;AAAA,YAC3D,oBAAC,UAAK,WAAU,2BAA2B,mBAAS,QAAO;AAAA,aAC7D;AAAA,UACA,oBAAC,SAAI,WAAU,0BACZ,mBAAS,IAAI,CAAC,MACb,qBAAC,SAAe,WAAU,0BACxB;AAAA,iCAAC,SAAI,WAAU,0BACb;AAAA,kCAAC,UAAK,WAAU,4BAA4B,YAAE,YAAY,EAAE,iCAAiC,SAAS,GAAE;AAAA,cACvG,EAAE,aAAa,oBAAC,UAAK,WAAU,0BAA0B,wBAAc,EAAE,SAAS,GAAE;AAAA,eACvF;AAAA,YACA,oBAAC,SAAI,WAAU,0BAA0B,+BAAqB,EAAE,OAAO,GAAE;AAAA,eALjE,EAAE,EAMZ,CACD,GACH;AAAA;AAAA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX;AACF;AAEA,sBAAsB,cAAc;AAEpC,IAAO,gCAAQ;",
+  "names": []
+}