analytica-frontend-lib 1.6.21 → 1.6.23

package/dist/{chunk-KYGFYAU7.js.map → chunk-JHN35HPH.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-KYGFYAU7.js","../src/components/Forum/Forum.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-KYGFYAU7.js","sourcesContent":[null,"import { useState, useEffect, useCallback } from 'react';\nimport {\n  CaretLeftIcon,\n  ChatCircleTextIcon,\n  CheckIcon,\n  DotsThreeVerticalIcon,\n  ImageIcon,\n  PencilSimpleIcon,\n  TrashIcon,\n} from '@phosphor-icons/react';\nimport Text from '../Text/Text';\nimport Button from '../Button/Button';\nimport Input from '../Input/Input';\nimport TextArea from '../TextArea/TextArea';\nimport Modal from '../Modal/Modal';\nimport Radio from '../Radio/Radio';\nimport DropdownMenu, {\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n} from '../DropdownMenu/DropdownMenu';\nimport { RichEditor } from '../RichEditor/RichEditor';\nimport ImageUpload from '../ImageUpload/ImageUpload';\nimport { SkeletonList, SkeletonCard } from '../Skeleton/Skeleton';\nimport { stripHtml, sanitizeHtmlForDisplay } from '../HtmlMathRenderer';\nimport { cn } from '../../utils/utils';\nimport type { ForumApiClient, ForumTopic, ForumReply } from '../../types/forum';\nimport { PROFILE_ROLES } from '../../types/chat';\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nconst MONTHS_PT = [\n  'Janeiro',\n  'Fevereiro',\n  'Março',\n  'Abril',\n  'Maio',\n  'Junho',\n  'Julho',\n  'Agosto',\n  'Setembro',\n  'Outubro',\n  'Novembro',\n  'Dezembro',\n];\n\nfunction formatForumDate(isoDate: string): string {\n  const d = new Date(isoDate);\n  const day = d.getDate();\n  const month = MONTHS_PT[d.getMonth()];\n  const year = d.getFullYear();\n  const hours = d.getHours();\n  const minutes = d.getMinutes().toString().padStart(2, '0');\n  return `${day} ${month} ${year} • ${hours}:${minutes}`;\n}\n\nfunction getInitials(name: string): string {\n  return name\n    .split(' ')\n    .slice(0, 2)\n    .map((word) => word[0] ?? '')\n    .join('')\n    .toUpperCase();\n}\n\nfunction formatReplyCount(count: number): string {\n  if (count === 1) return '1 resposta';\n  return `${count} respostas`;\n}\n\n// ---------------------------------------------------------------------------\n// Sub-components\n// ---------------------------------------------------------------------------\n\ninterface AuthorAvatarProps {\n  readonly name: string;\n  readonly photoUrl: string | null;\n}\n\nfunction AuthorAvatar({ name, photoUrl }: AuthorAvatarProps) {\n  if (photoUrl) {\n    return (\n      <img\n        src={photoUrl}\n        alt={name}\n        className=\"w-8 h-8 rounded-full object-cover shrink-0\"\n      />\n    );\n  }\n  return (\n    <div className=\"w-8 h-8 rounded-full bg-primary-600 flex items-center justify-center shrink-0\">\n      <Text size=\"xs\" weight=\"semibold\" color=\"text-white\">\n        {getInitials(name)}\n      </Text>\n    </div>\n  );\n}\n\ninterface AuthorMetaProps {\n  readonly authorName: string;\n  readonly authorPhoto: string | null;\n  readonly createdAt: string;\n}\n\nfunction AuthorMeta({ authorName, authorPhoto, createdAt }: AuthorMetaProps) {\n  return (\n    <div className=\"flex items-center gap-2\">\n      <AuthorAvatar name={authorName} photoUrl={authorPhoto} />\n      <div className=\"flex items-center gap-1\">\n        <Text size=\"xs\" weight=\"semibold\" color=\"text-primary-700\">\n          Postado por {authorName}\n        </Text>\n        <Text size=\"xs\" color=\"text-text-600\">\n          • {formatForumDate(createdAt)}\n        </Text>\n      </div>\n    </div>\n  );\n}\n\ninterface PostActionsMenuProps {\n  readonly onEdit: () => void;\n  readonly onDelete: () => void;\n}\n\nfunction PostActionsMenu({ onEdit, onDelete }: PostActionsMenuProps) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger\n        aria-label=\"Abrir ações do post\"\n        className=\"p-1 rounded hover:bg-background-100 transition-colors shrink-0\"\n      >\n        <DotsThreeVerticalIcon size={20} className=\"text-text-600\" />\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuItem\n          iconLeft={<PencilSimpleIcon size={16} />}\n          onClick={onEdit}\n        >\n          Editar\n        </DropdownMenuItem>\n        <DropdownMenuItem iconLeft={<TrashIcon size={16} />} onClick={onDelete}>\n          Deletar\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\ninterface PostContentModalProps {\n  readonly isOpen: boolean;\n  readonly title: string;\n  readonly submitLabel: string;\n  readonly content: string;\n  readonly imageUrl: string | undefined;\n  readonly isSubmitting: boolean;\n  readonly onContentChange: (value: string) => void;\n  readonly onClose: () => void;\n  readonly onSubmit: () => void;\n  readonly onUploadImage?: (file: File) => Promise<string>;\n  readonly onImageUploaded: (url: string) => void;\n  readonly maxLength: number;\n  /** Use RichEditor with toolbar instead of plain TextArea */\n  readonly richText?: boolean;\n  /** Show \"Este fórum vale nota no boletim?\" question (professor only) */\n  readonly showGradeQuestion?: boolean;\n  readonly countsForGrade?: boolean;\n  readonly onCountsForGradeChange?: (value: boolean) => void;\n}\n\nfunction PostContentModal({\n  isOpen,\n  title,\n  submitLabel,\n  content,\n  imageUrl,\n  isSubmitting,\n  onContentChange,\n  onClose,\n  onSubmit,\n  onUploadImage,\n  onImageUploaded,\n  maxLength,\n  richText = false,\n  showGradeQuestion = false,\n  countsForGrade,\n  onCountsForGradeChange,\n}: PostContentModalProps) {\n  const handleImageSelect = useCallback(\n    async (file: File) => {\n      if (!onUploadImage) return;\n      try {\n        const url = await onUploadImage(file);\n        onImageUploaded(url);\n      } catch {\n        // silently fail — consuming app should handle upload errors\n      }\n    },\n    [onUploadImage, onImageUploaded]\n  );\n\n  // Determine if content is effectively empty or exceeds the limit\n  const plainTextContent = richText ? stripHtml(content) : content;\n  const isContentEmpty = !plainTextContent.trim();\n  const exceedsMaxLength = plainTextContent.trim().length > maxLength;\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      title={title}\n      size=\"md\"\n      footer={\n        <div className=\"flex justify-end gap-2\">\n          <Button\n            variant=\"outline\"\n            action=\"secondary\"\n            size=\"medium\"\n            onClick={onClose}\n          >\n            Cancelar\n          </Button>\n          <Button\n            variant=\"solid\"\n            action=\"primary\"\n            size=\"medium\"\n            disabled={isContentEmpty || exceedsMaxLength || isSubmitting}\n            onClick={onSubmit}\n          >\n            {submitLabel}\n          </Button>\n        </div>\n      }\n    >\n      <div className=\"flex flex-col gap-3\">\n        {richText ? (\n          // key forces remount (and thus reset) whenever the modal opens/closes\n          <RichEditor\n            key={String(isOpen)}\n            content={content}\n            onChange={(data) => onContentChange(data.html)}\n            placeholder=\"Escreva o conteúdo do seu post aqui.\"\n          />\n        ) : (\n          <TextArea\n            placeholder=\"Escreva o conteúdo do seu post aqui.\"\n            value={content}\n            onChange={(e) => onContentChange(e.target.value)}\n            autoResize\n            minHeight={120}\n            maxLength={maxLength}\n          />\n        )}\n\n        <ImageUpload\n          variant=\"compact\"\n          onFileSelect={handleImageSelect}\n          onRemoveFile={() => onImageUploaded('')}\n          buttonIcon={<ImageIcon size={16} />}\n        />\n        {imageUrl && (\n          <img\n            src={imageUrl}\n            alt=\"Preview da imagem\"\n            className=\"max-h-40 rounded-lg object-contain\"\n          />\n        )}\n\n        {showGradeQuestion && (\n          <div className=\"flex flex-col gap-2\">\n            <Text size=\"sm\" weight=\"medium\">\n              Este fórum vale nota no boletim?\n            </Text>\n            <div className=\"flex items-center gap-4\">\n              <Radio\n                name=\"countsForGrade\"\n                value=\"yes\"\n                label=\"Sim\"\n                size=\"small\"\n                checked={countsForGrade === true}\n                onChange={() => onCountsForGradeChange?.(true)}\n              />\n              <Radio\n                name=\"countsForGrade\"\n                value=\"no\"\n                label=\"Não\"\n                size=\"small\"\n                checked={countsForGrade === false}\n                onChange={() => onCountsForGradeChange?.(false)}\n              />\n            </div>\n          </div>\n        )}\n      </div>\n    </Modal>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Skeleton\n// ---------------------------------------------------------------------------\n\nfunction TopicListSkeleton() {\n  return (\n    <SkeletonList items={3} showAvatar showTitle showDescription lines={2} />\n  );\n}\n\nfunction TopicDetailSkeleton() {\n  return (\n    <SkeletonCard\n      showAvatar\n      showTitle\n      showDescription\n      showActions={false}\n      lines={2}\n    />\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Main component\n// ---------------------------------------------------------------------------\n\nexport type ForumProps = {\n  /** API client with forum CRUD methods */\n  readonly apiClient: ForumApiClient;\n  /** Current user's userInstitutionId — used to identify own posts */\n  readonly currentUserId: string;\n  /** User role — enables professor-specific features (e.g. grade question on create) */\n  readonly userRole?: PROFILE_ROLES.STUDENT | PROFILE_ROLES.TEACHER;\n  /** Forum page title */\n  readonly title?: string;\n  /** Forum page subtitle */\n  readonly subtitle?: string;\n  /** Callback to upload an image file and return its hosted URL */\n  readonly onUploadImage?: (file: File) => Promise<string>;\n  /**\n   * Callback to evaluate a reply (teacher only).\n   * If provided, an \"Avaliar\" button appears on each reply when the topic counts for grade.\n   */\n  readonly onEvaluateReply?: (replyId: string, grade: number) => Promise<void>;\n  /** Additional CSS classes */\n  readonly className?: string;\n};\n\nexport function Forum({\n  apiClient,\n  currentUserId,\n  userRole = PROFILE_ROLES.STUDENT,\n  title = 'Fórum',\n  subtitle = 'Espaço para troca de conhecimento',\n  onUploadImage,\n  onEvaluateReply,\n  className,\n}: ForumProps) {\n  const isTeacher = userRole === PROFILE_ROLES.TEACHER;\n  const [view, setView] = useState<'list' | 'detail'>('list');\n  const [topics, setTopics] = useState<ForumTopic[]>([]);\n  const [isLoadingTopics, setIsLoadingTopics] = useState(false);\n  const [selectedTopic, setSelectedTopic] = useState<ForumTopic | null>(null);\n  const [replies, setReplies] = useState<ForumReply[]>([]);\n  const [isLoadingTopic, setIsLoadingTopic] = useState(false);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  // Create post modal state\n  const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);\n  const [createContent, setCreateContent] = useState('');\n  const [createImageUrl, setCreateImageUrl] = useState<string | undefined>();\n  const [createCountsForGrade, setCreateCountsForGrade] = useState<\n    boolean | undefined\n  >();\n\n  // Reply modal state\n  const [isReplyModalOpen, setIsReplyModalOpen] = useState(false);\n  const [replyContent, setReplyContent] = useState('');\n  const [replyImageUrl, setReplyImageUrl] = useState<string | undefined>();\n\n  // Edit topic modal state\n  const [editingTopic, setEditingTopic] = useState<ForumTopic | null>(null);\n  const [editTopicContent, setEditTopicContent] = useState('');\n  const [editTopicImageUrl, setEditTopicImageUrl] = useState<\n    string | undefined\n  >();\n\n  // Edit reply modal state\n  const [editingReply, setEditingReply] = useState<ForumReply | null>(null);\n  const [editReplyContent, setEditReplyContent] = useState('');\n  const [editReplyImageUrl, setEditReplyImageUrl] = useState<\n    string | undefined\n  >();\n\n  // Evaluate reply modal state (teacher only)\n  const [evaluatingReplyId, setEvaluatingReplyId] = useState<string | null>(\n    null\n  );\n  const [gradeValue, setGradeValue] = useState<number | null>(null);\n  const [isEditingGrade, setIsEditingGrade] = useState(false);\n\n  // Delete confirmation state\n  const [pendingDelete, setPendingDelete] = useState<\n    { type: 'topic'; id: string } | { type: 'reply'; id: string } | null\n  >(null);\n\n  const fetchTopics = useCallback(async () => {\n    setIsLoadingTopics(true);\n    try {\n      const response = await apiClient.getTopics({ limit: 50 });\n      setTopics(response.topics);\n    } finally {\n      setIsLoadingTopics(false);\n    }\n  }, [apiClient]);\n\n  const fetchTopic = useCallback(\n    async (topicId: string) => {\n      setIsLoadingTopic(true);\n      try {\n        const response = await apiClient.getTopic(topicId);\n        setSelectedTopic(response.topic);\n        setReplies(response.replies);\n      } finally {\n        setIsLoadingTopic(false);\n      }\n    },\n    [apiClient]\n  );\n\n  useEffect(() => {\n    fetchTopics();\n  }, [fetchTopics]);\n\n  const handleTopicClick = useCallback(\n    (topic: ForumTopic) => {\n      setSelectedTopic(topic);\n      setView('detail');\n      fetchTopic(topic.id);\n    },\n    [fetchTopic]\n  );\n\n  const handleBack = useCallback(() => {\n    setView('list');\n    setSelectedTopic(null);\n    setReplies([]);\n    fetchTopics();\n  }, [fetchTopics]);\n\n  // Create topic\n  const handleCloseCreateModal = useCallback(() => {\n    setIsCreateModalOpen(false);\n    setCreateContent('');\n    setCreateImageUrl(undefined);\n    setCreateCountsForGrade(undefined);\n  }, []);\n\n  const handleCreateTopic = useCallback(async () => {\n    if (!createContent.trim()) return;\n    setIsSubmitting(true);\n    try {\n      await apiClient.createTopic({\n        content: createContent.trim(),\n        ...(createImageUrl && { imageUrl: createImageUrl }),\n        ...(isTeacher &&\n          createCountsForGrade !== undefined && {\n            countsForGrade: createCountsForGrade,\n          }),\n      });\n      handleCloseCreateModal();\n      await fetchTopics();\n    } finally {\n      setIsSubmitting(false);\n    }\n  }, [\n    apiClient,\n    createContent,\n    createImageUrl,\n    createCountsForGrade,\n    isTeacher,\n    handleCloseCreateModal,\n    fetchTopics,\n  ]);\n\n  // Edit topic\n  const handleOpenEditTopic = useCallback((topic: ForumTopic) => {\n    setEditingTopic(topic);\n    setEditTopicContent(topic.content);\n    setEditTopicImageUrl(topic.imageUrl ?? undefined);\n  }, []);\n\n  const handleCloseEditTopic = useCallback(() => {\n    setEditingTopic(null);\n    setEditTopicContent('');\n    setEditTopicImageUrl(undefined);\n  }, []);\n\n  const handleEditTopic = useCallback(async () => {\n    if (!editingTopic || !editTopicContent.trim()) return;\n    setIsSubmitting(true);\n    try {\n      await apiClient.updateTopic(editingTopic.id, {\n        content: editTopicContent.trim(),\n        imageUrl: editTopicImageUrl ?? null,\n      });\n      handleCloseEditTopic();\n      if (view === 'list') {\n        await fetchTopics();\n      } else {\n        await fetchTopic(editingTopic.id);\n      }\n    } finally {\n      setIsSubmitting(false);\n    }\n  }, [\n    apiClient,\n    editingTopic,\n    editTopicContent,\n    editTopicImageUrl,\n    handleCloseEditTopic,\n    view,\n    fetchTopics,\n    fetchTopic,\n  ]);\n\n  const handleDeleteTopic = useCallback(\n    async (topicId: string) => {\n      setIsSubmitting(true);\n      try {\n        await apiClient.deleteTopic(topicId);\n        if (view === 'detail') {\n          handleBack();\n        } else {\n          await fetchTopics();\n        }\n      } finally {\n        setIsSubmitting(false);\n        setPendingDelete(null);\n      }\n    },\n    [apiClient, view, handleBack, fetchTopics]\n  );\n\n  // Reply\n  const handleCloseReplyModal = useCallback(() => {\n    setIsReplyModalOpen(false);\n    setReplyContent('');\n    setReplyImageUrl(undefined);\n  }, []);\n\n  const handleCreateReply = useCallback(async () => {\n    if (!selectedTopic || !replyContent.trim()) return;\n    setIsSubmitting(true);\n    try {\n      await apiClient.createReply(selectedTopic.id, {\n        content: replyContent.trim(),\n        ...(replyImageUrl && { imageUrl: replyImageUrl }),\n      });\n      handleCloseReplyModal();\n      await fetchTopic(selectedTopic.id);\n    } finally {\n      setIsSubmitting(false);\n    }\n  }, [\n    apiClient,\n    selectedTopic,\n    replyContent,\n    replyImageUrl,\n    handleCloseReplyModal,\n    fetchTopic,\n  ]);\n\n  // Edit reply\n  const handleOpenEditReply = useCallback((reply: ForumReply) => {\n    setEditingReply(reply);\n    setEditReplyContent(reply.content);\n    setEditReplyImageUrl(reply.imageUrl ?? undefined);\n  }, []);\n\n  const handleCloseEditReply = useCallback(() => {\n    setEditingReply(null);\n    setEditReplyContent('');\n    setEditReplyImageUrl(undefined);\n  }, []);\n\n  const handleEditReply = useCallback(async () => {\n    if (!editingReply || !editReplyContent.trim() || !selectedTopic) return;\n    setIsSubmitting(true);\n    try {\n      await apiClient.updateReply(editingReply.id, {\n        content: editReplyContent.trim(),\n        imageUrl: editReplyImageUrl ?? null,\n      });\n      handleCloseEditReply();\n      await fetchTopic(selectedTopic.id);\n    } finally {\n      setIsSubmitting(false);\n    }\n  }, [\n    apiClient,\n    editingReply,\n    editReplyContent,\n    editReplyImageUrl,\n    handleCloseEditReply,\n    selectedTopic,\n    fetchTopic,\n  ]);\n\n  const handleDeleteReply = useCallback(\n    async (replyId: string) => {\n      if (!selectedTopic) return;\n      setIsSubmitting(true);\n      try {\n        await apiClient.deleteReply(replyId);\n        await fetchTopic(selectedTopic.id);\n      } finally {\n        setIsSubmitting(false);\n        setPendingDelete(null);\n      }\n    },\n    [apiClient, selectedTopic, fetchTopic]\n  );\n\n  const handleCloseEvaluateModal = useCallback(() => {\n    setEvaluatingReplyId(null);\n    setGradeValue(null);\n    setIsEditingGrade(false);\n  }, []);\n\n  const handleOpenEvaluate = useCallback((reply: ForumReply) => {\n    setEvaluatingReplyId(reply.id);\n    setGradeValue(null);\n    setIsEditingGrade(false);\n  }, []);\n\n  const handleOpenEditGrade = useCallback((reply: ForumReply) => {\n    setEvaluatingReplyId(reply.id);\n    setGradeValue(reply.grade ?? null);\n    setIsEditingGrade(true);\n  }, []);\n\n  const isValidGrade =\n    gradeValue !== null &&\n    Number.isInteger(gradeValue) &&\n    gradeValue >= 0 &&\n    gradeValue <= 10;\n\n  const handleSubmitEvaluation = useCallback(async () => {\n    if (!evaluatingReplyId || !isValidGrade || !onEvaluateReply) return;\n    setIsSubmitting(true);\n    try {\n      await onEvaluateReply(evaluatingReplyId, gradeValue);\n      // Optimistically update grade in local state\n      setReplies((prev) =>\n        prev.map((r) =>\n          r.id === evaluatingReplyId ? { ...r, grade: gradeValue } : r\n        )\n      );\n      handleCloseEvaluateModal();\n    } finally {\n      setIsSubmitting(false);\n    }\n  }, [\n    evaluatingReplyId,\n    gradeValue,\n    isValidGrade,\n    onEvaluateReply,\n    handleCloseEvaluateModal,\n  ]);\n\n  const handleConfirmDelete = useCallback(async () => {\n    if (!pendingDelete) return;\n    if (pendingDelete.type === 'topic') {\n      await handleDeleteTopic(pendingDelete.id);\n    } else {\n      await handleDeleteReply(pendingDelete.id);\n    }\n  }, [pendingDelete, handleDeleteTopic, handleDeleteReply]);\n\n  /* ---- Extracted render blocks (avoids nested ternaries — SonarQube) ---- */\n\n  const topicListContent = (() => {\n    if (isLoadingTopics) return <TopicListSkeleton />;\n\n    if (topics.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center py-16 border border-border-200 rounded-lg\">\n          <Text size=\"md\" color=\"text-text-500\">\n            Nenhum tópico ainda. Seja o primeiro a criar um post!\n          </Text>\n        </div>\n      );\n    }\n\n    return (\n      <div className=\"flex flex-col gap-4\">\n        {topics.map((topic) => (\n          <div\n            key={topic.id}\n            className=\"flex items-start bg-white border border-border-100 rounded-lg pt-4 pr-2 pb-4 pl-2 shadow-sm\"\n          >\n            {/* Clickable content area */}\n            <button\n              type=\"button\"\n              className=\"flex flex-col gap-3 flex-1 min-w-0 text-left hover:opacity-90 transition-opacity\"\n              onClick={() => handleTopicClick(topic)}\n            >\n              <AuthorMeta\n                authorName={topic.authorName}\n                authorPhoto={topic.authorPhoto}\n                createdAt={topic.createdAt}\n              />\n              <Text size=\"sm\" className=\"leading-normal line-clamp-3 ml-10\">\n                {stripHtml(topic.content)}\n              </Text>\n              <div className=\"flex items-center gap-1 text-text-600 ml-10\">\n                <ChatCircleTextIcon size={16} />\n                <Text size=\"xs\">{formatReplyCount(topic.replyCount)}</Text>\n              </div>\n            </button>\n\n            {/* Actions menu — only for own posts */}\n            {topic.userInstitutionId === currentUserId && (\n              <PostActionsMenu\n                onEdit={() => handleOpenEditTopic(topic)}\n                onDelete={() =>\n                  setPendingDelete({ type: 'topic', id: topic.id })\n                }\n              />\n            )}\n          </div>\n        ))}\n      </div>\n    );\n  })();\n\n  const topicDetailContent = (() => {\n    if (isLoadingTopic) return <TopicDetailSkeleton />;\n\n    if (!selectedTopic) return null;\n\n    return (\n      <>\n        {/* Original post */}\n        <div className=\"flex items-start gap-2\">\n          <div className=\"flex flex-col gap-3 flex-1 min-w-0\">\n            <AuthorMeta\n              authorName={selectedTopic.authorName}\n              authorPhoto={selectedTopic.authorPhoto}\n              createdAt={selectedTopic.createdAt}\n            />\n            <div\n              className=\"text-sm text-text-950 leading-normal ml-10 prose prose-sm max-w-none\"\n              dangerouslySetInnerHTML={{\n                __html: sanitizeHtmlForDisplay(selectedTopic.content),\n              }}\n            />\n            {selectedTopic.imageUrl && (\n              <img\n                src={selectedTopic.imageUrl}\n                alt=\"Imagem do post\"\n                className=\"ml-10 max-w-lg rounded-lg\"\n              />\n            )}\n          </div>\n          {selectedTopic.userInstitutionId === currentUserId && (\n            <PostActionsMenu\n              onEdit={() => handleOpenEditTopic(selectedTopic)}\n              onDelete={() =>\n                setPendingDelete({ type: 'topic', id: selectedTopic.id })\n              }\n            />\n          )}\n        </div>\n\n        {/* Replies header */}\n        <div className=\"flex items-center justify-between\">\n          <Text size=\"sm\" color=\"text-text-600\">\n            {formatReplyCount(selectedTopic.replyCount)}\n          </Text>\n          <Button\n            variant=\"solid\"\n            action=\"primary\"\n            size=\"medium\"\n            onClick={() => setIsReplyModalOpen(true)}\n          >\n            Responder\n          </Button>\n        </div>\n\n        {/* Replies list */}\n        {replies.length > 0 && (\n          <div className=\"flex flex-col divide-y divide-border-200\">\n            {replies.map((reply) => (\n              <div key={reply.id} className=\"flex items-start gap-2 py-4\">\n                <div className=\"flex flex-col gap-3 flex-1 min-w-0\">\n                  <AuthorMeta\n                    authorName={reply.authorName}\n                    authorPhoto={reply.authorPhoto}\n                    createdAt={reply.createdAt}\n                  />\n                  <div\n                    className=\"text-sm text-text-950 leading-normal ml-10 prose prose-sm max-w-none\"\n                    dangerouslySetInnerHTML={{\n                      __html: sanitizeHtmlForDisplay(reply.content),\n                    }}\n                  />\n                  {reply.imageUrl && (\n                    <img\n                      src={reply.imageUrl}\n                      alt=\"Imagem da resposta\"\n                      className=\"ml-10 max-w-lg rounded-lg\"\n                    />\n                  )}\n                  {isTeacher &&\n                    selectedTopic?.countsForGrade &&\n                    onEvaluateReply &&\n                    (reply.grade == null ? (\n                      /* Not yet graded — show Avaliar button */\n                      <button\n                        type=\"button\"\n                        className=\"flex items-center gap-1.5 text-text-600 text-sm hover:text-text-950 transition-colors w-fit ml-10\"\n                        onClick={() => handleOpenEvaluate(reply)}\n                      >\n                        <CheckIcon size={16} />\n                        Avaliar\n                      </button>\n                    ) : (\n                      /* Grade already set — teacher sees it with edit pencil */\n                      <div className=\"flex items-center gap-1.5 ml-10\">\n                        <Text size=\"sm\" color=\"text-text-600\">\n                          Nota {reply.grade}\n                        </Text>\n                        <button\n                          type=\"button\"\n                          className=\"text-text-600 hover:text-text-950 transition-colors\"\n                          onClick={() => handleOpenEditGrade(reply)}\n                        >\n                          <PencilSimpleIcon size={14} />\n                        </button>\n                      </div>\n                    ))}\n                  {!isTeacher &&\n                    reply.grade != null &&\n                    reply.userInstitutionId === currentUserId &&\n                    selectedTopic?.countsForGrade && (\n                      <Text size=\"sm\" color=\"text-text-600\" className=\"ml-10\">\n                        Nota {reply.grade}\n                      </Text>\n                    )}\n                </div>\n                {reply.userInstitutionId === currentUserId && (\n                  <PostActionsMenu\n                    onEdit={() => handleOpenEditReply(reply)}\n                    onDelete={() =>\n                      setPendingDelete({ type: 'reply', id: reply.id })\n                    }\n                  />\n                )}\n              </div>\n            ))}\n          </div>\n        )}\n      </>\n    );\n  })();\n\n  return (\n    <div className={cn('flex flex-col gap-4', className)}>\n      {view === 'list' ? (\n        <>\n          {/* Header */}\n          <div className=\"flex items-center justify-between\">\n            <Text as=\"h1\" size=\"2xl\" weight=\"bold\" color=\"text-text-950\">\n              {title}\n            </Text>\n            <Button\n              variant=\"solid\"\n              action=\"primary\"\n              size=\"medium\"\n              onClick={() => setIsCreateModalOpen(true)}\n            >\n              Criar post\n            </Button>\n          </div>\n\n          {/* Subtitle + topic list */}\n          <div className=\"flex flex-col gap-3\">\n            <Text as=\"h2\" size=\"lg\" weight=\"semibold\" color=\"text-text-950\">\n              {subtitle}\n            </Text>\n\n            {topicListContent}\n          </div>\n        </>\n      ) : (\n        /* Detail view */\n        <>\n          <button\n            type=\"button\"\n            className=\"flex items-center gap-2 hover:opacity-80 transition-opacity w-fit\"\n            onClick={handleBack}\n          >\n            <CaretLeftIcon size={24} className=\"text-text-950\" />\n            <Text size=\"2xl\" weight=\"bold\">\n              Voltar\n            </Text>\n          </button>\n\n          {topicDetailContent}\n        </>\n      )}\n\n      {/* Create post modal */}\n      <PostContentModal\n        isOpen={isCreateModalOpen}\n        title=\"Criar post\"\n        submitLabel=\"Criar post\"\n        content={createContent}\n        imageUrl={createImageUrl}\n        isSubmitting={isSubmitting}\n        onContentChange={setCreateContent}\n        onClose={handleCloseCreateModal}\n        onSubmit={handleCreateTopic}\n        onUploadImage={onUploadImage}\n        onImageUploaded={setCreateImageUrl}\n        maxLength={10000}\n        richText\n        showGradeQuestion={isTeacher}\n        countsForGrade={createCountsForGrade}\n        onCountsForGradeChange={setCreateCountsForGrade}\n      />\n\n      {/* Reply modal */}\n      <PostContentModal\n        isOpen={isReplyModalOpen}\n        title=\"Responder\"\n        submitLabel=\"Responder\"\n        content={replyContent}\n        imageUrl={replyImageUrl}\n        isSubmitting={isSubmitting}\n        onContentChange={setReplyContent}\n        onClose={handleCloseReplyModal}\n        onSubmit={handleCreateReply}\n        onUploadImage={onUploadImage}\n        onImageUploaded={setReplyImageUrl}\n        maxLength={5000}\n        richText\n      />\n\n      {/* Edit topic modal */}\n      <PostContentModal\n        isOpen={!!editingTopic}\n        title=\"Editar\"\n        submitLabel=\"Salvar\"\n        content={editTopicContent}\n        imageUrl={editTopicImageUrl}\n        isSubmitting={isSubmitting}\n        onContentChange={setEditTopicContent}\n        onClose={handleCloseEditTopic}\n        onSubmit={handleEditTopic}\n        onUploadImage={onUploadImage}\n        onImageUploaded={setEditTopicImageUrl}\n        maxLength={10000}\n        richText\n      />\n\n      {/* Edit reply modal */}\n      <PostContentModal\n        isOpen={!!editingReply}\n        title=\"Editar\"\n        submitLabel=\"Salvar\"\n        content={editReplyContent}\n        imageUrl={editReplyImageUrl}\n        isSubmitting={isSubmitting}\n        onContentChange={setEditReplyContent}\n        onClose={handleCloseEditReply}\n        onSubmit={handleEditReply}\n        onUploadImage={onUploadImage}\n        onImageUploaded={setEditReplyImageUrl}\n        maxLength={5000}\n        richText\n      />\n\n      {/* Evaluate / edit grade modal (teacher only) */}\n      <Modal\n        isOpen={!!evaluatingReplyId}\n        onClose={handleCloseEvaluateModal}\n        title={\n          isEditingGrade\n            ? 'Edite a nota da atividade'\n            : 'Defina a nota da atividade'\n        }\n        size=\"md\"\n        footer={\n          <div className=\"flex justify-end gap-2\">\n            <Button\n              variant=\"outline\"\n              action=\"secondary\"\n              size=\"medium\"\n              onClick={handleCloseEvaluateModal}\n            >\n              Cancelar\n            </Button>\n            <Button\n              variant=\"solid\"\n              action=\"primary\"\n              size=\"medium\"\n              disabled={!isValidGrade || isSubmitting}\n              onClick={handleSubmitEvaluation}\n            >\n              {isEditingGrade ? 'Salvar' : 'Avaliar'}\n            </Button>\n          </div>\n        }\n      >\n        <Input\n          type=\"number\"\n          min={0}\n          max={10}\n          step={1}\n          placeholder=\"Nota (0-10)\"\n          value={gradeValue ?? ''}\n          onChange={(e) => {\n            const val = e.target.value;\n            const parsed = Number(val);\n            setGradeValue(val === '' || Number.isNaN(parsed) ? null : parsed);\n          }}\n        />\n      </Modal>\n\n      {/* Delete confirmation modal */}\n      <Modal\n        isOpen={!!pendingDelete}\n        onClose={() => setPendingDelete(null)}\n        title=\"Deseja deletar post?\"\n        size=\"sm\"\n        footer={\n          <div className=\"flex justify-end gap-2\">\n            <Button\n              variant=\"outline\"\n              action=\"secondary\"\n              size=\"medium\"\n              onClick={() => setPendingDelete(null)}\n            >\n              Cancelar\n            </Button>\n            <Button\n              variant=\"solid\"\n              action=\"negative\"\n              size=\"medium\"\n              disabled={isSubmitting}\n              onClick={handleConfirmDelete}\n            >\n              Deletar\n            </Button>\n          </div>\n        }\n      >\n        <Text size=\"md\" color=\"text-text-600\">\n          Essa ação é permanente e não poderá ser desfeita.\n        </Text>\n      </Modal>\n    </div>\n  );\n}\n\nexport default Forum;\n"]}
+{"version":3,"sources":["/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-JHN35HPH.js","../src/components/Forum/Forum.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-JHN35HPH.js","sourcesContent":[null,"import { useState, useEffect, useCallback } from 'react';\nimport {\n  CaretLeftIcon,\n  ChatCircleTextIcon,\n  CheckIcon,\n  DotsThreeVerticalIcon,\n  ImageIcon,\n  PencilSimpleIcon,\n  TrashIcon,\n} from '@phosphor-icons/react';\nimport Text from '../Text/Text';\nimport Button from '../Button/Button';\nimport Input from '../Input/Input';\nimport TextArea from '../TextArea/TextArea';\nimport Modal from '../Modal/Modal';\nimport Radio from '../Radio/Radio';\nimport DropdownMenu, {\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n} from '../DropdownMenu/DropdownMenu';\nimport { RichEditor } from '../RichEditor/RichEditor';\nimport ImageUpload from '../ImageUpload/ImageUpload';\nimport { SkeletonList, SkeletonCard } from '../Skeleton/Skeleton';\nimport { stripHtml, sanitizeHtmlForDisplay } from '../HtmlMathRenderer';\nimport { cn } from '../../utils/utils';\nimport type { ForumApiClient, ForumTopic, ForumReply } from '../../types/forum';\nimport { PROFILE_ROLES } from '../../types/chat';\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nconst MONTHS_PT = [\n  'Janeiro',\n  'Fevereiro',\n  'Março',\n  'Abril',\n  'Maio',\n  'Junho',\n  'Julho',\n  'Agosto',\n  'Setembro',\n  'Outubro',\n  'Novembro',\n  'Dezembro',\n];\n\nfunction formatForumDate(isoDate: string): string {\n  const d = new Date(isoDate);\n  const day = d.getDate();\n  const month = MONTHS_PT[d.getMonth()];\n  const year = d.getFullYear();\n  const hours = d.getHours();\n  const minutes = d.getMinutes().toString().padStart(2, '0');\n  return `${day} ${month} ${year} • ${hours}:${minutes}`;\n}\n\nfunction getInitials(name: string): string {\n  return name\n    .split(' ')\n    .slice(0, 2)\n    .map((word) => word[0] ?? '')\n    .join('')\n    .toUpperCase();\n}\n\nfunction formatReplyCount(count: number): string {\n  if (count === 1) return '1 resposta';\n  return `${count} respostas`;\n}\n\n// ---------------------------------------------------------------------------\n// Sub-components\n// ---------------------------------------------------------------------------\n\ninterface AuthorAvatarProps {\n  readonly name: string;\n  readonly photoUrl: string | null;\n}\n\nfunction AuthorAvatar({ name, photoUrl }: AuthorAvatarProps) {\n  if (photoUrl) {\n    return (\n      <img\n        src={photoUrl}\n        alt={name}\n        className=\"w-8 h-8 rounded-full object-cover shrink-0\"\n      />\n    );\n  }\n  return (\n    <div className=\"w-8 h-8 rounded-full bg-primary-600 flex items-center justify-center shrink-0\">\n      <Text size=\"xs\" weight=\"semibold\" color=\"text-white\">\n        {getInitials(name)}\n      </Text>\n    </div>\n  );\n}\n\ninterface AuthorMetaProps {\n  readonly authorName: string;\n  readonly authorPhoto: string | null;\n  readonly createdAt: string;\n}\n\nfunction AuthorMeta({ authorName, authorPhoto, createdAt }: AuthorMetaProps) {\n  return (\n    <div className=\"flex items-center gap-2\">\n      <AuthorAvatar name={authorName} photoUrl={authorPhoto} />\n      <div className=\"flex items-center gap-1\">\n        <Text size=\"xs\" weight=\"semibold\" color=\"text-primary-700\">\n          Postado por {authorName}\n        </Text>\n        <Text size=\"xs\" color=\"text-text-600\">\n          • {formatForumDate(createdAt)}\n        </Text>\n      </div>\n    </div>\n  );\n}\n\ninterface PostActionsMenuProps {\n  readonly onEdit: () => void;\n  readonly onDelete: () => void;\n}\n\nfunction PostActionsMenu({ onEdit, onDelete }: PostActionsMenuProps) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger\n        aria-label=\"Abrir ações do post\"\n        className=\"p-1 rounded hover:bg-background-100 transition-colors shrink-0\"\n      >\n        <DotsThreeVerticalIcon size={20} className=\"text-text-600\" />\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuItem\n          iconLeft={<PencilSimpleIcon size={16} />}\n          onClick={onEdit}\n        >\n          Editar\n        </DropdownMenuItem>\n        <DropdownMenuItem iconLeft={<TrashIcon size={16} />} onClick={onDelete}>\n          Deletar\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\ninterface PostContentModalProps {\n  readonly isOpen: boolean;\n  readonly title: string;\n  readonly submitLabel: string;\n  readonly content: string;\n  readonly imageUrl: string | undefined;\n  readonly isSubmitting: boolean;\n  readonly onContentChange: (value: string) => void;\n  readonly onClose: () => void;\n  readonly onSubmit: () => void;\n  readonly onUploadImage?: (file: File) => Promise<string>;\n  readonly onImageUploaded: (url: string) => void;\n  readonly maxLength: number;\n  /** Use RichEditor with toolbar instead of plain TextArea */\n  readonly richText?: boolean;\n  /** Show \"Este fórum vale nota no boletim?\" question (professor only) */\n  readonly showGradeQuestion?: boolean;\n  readonly countsForGrade?: boolean;\n  readonly onCountsForGradeChange?: (value: boolean) => void;\n}\n\nfunction PostContentModal({\n  isOpen,\n  title,\n  submitLabel,\n  content,\n  imageUrl,\n  isSubmitting,\n  onContentChange,\n  onClose,\n  onSubmit,\n  onUploadImage,\n  onImageUploaded,\n  maxLength,\n  richText = false,\n  showGradeQuestion = false,\n  countsForGrade,\n  onCountsForGradeChange,\n}: PostContentModalProps) {\n  const handleImageSelect = useCallback(\n    async (file: File) => {\n      if (!onUploadImage) return;\n      try {\n        const url = await onUploadImage(file);\n        onImageUploaded(url);\n      } catch {\n        // silently fail — consuming app should handle upload errors\n      }\n    },\n    [onUploadImage, onImageUploaded]\n  );\n\n  // Determine if content is effectively empty or exceeds the limit\n  const plainTextContent = richText ? stripHtml(content) : content;\n  const isContentEmpty = !plainTextContent.trim();\n  const exceedsMaxLength = plainTextContent.trim().length > maxLength;\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      title={title}\n      size=\"md\"\n      footer={\n        <div className=\"flex justify-end gap-2\">\n          <Button\n            variant=\"outline\"\n            action=\"secondary\"\n            size=\"medium\"\n            onClick={onClose}\n          >\n            Cancelar\n          </Button>\n          <Button\n            variant=\"solid\"\n            action=\"primary\"\n            size=\"medium\"\n            disabled={isContentEmpty || exceedsMaxLength || isSubmitting}\n            onClick={onSubmit}\n          >\n            {submitLabel}\n          </Button>\n        </div>\n      }\n    >\n      <div className=\"flex flex-col gap-3\">\n        {richText ? (\n          // key forces remount (and thus reset) whenever the modal opens/closes\n          <RichEditor\n            key={String(isOpen)}\n            content={content}\n            onChange={(data) => onContentChange(data.html)}\n            placeholder=\"Escreva o conteúdo do seu post aqui.\"\n          />\n        ) : (\n          <TextArea\n            placeholder=\"Escreva o conteúdo do seu post aqui.\"\n            value={content}\n            onChange={(e) => onContentChange(e.target.value)}\n            autoResize\n            minHeight={120}\n            maxLength={maxLength}\n          />\n        )}\n\n        <ImageUpload\n          variant=\"compact\"\n          onFileSelect={handleImageSelect}\n          onRemoveFile={() => onImageUploaded('')}\n          buttonIcon={<ImageIcon size={16} />}\n        />\n        {imageUrl && (\n          <img\n            src={imageUrl}\n            alt=\"Preview da imagem\"\n            className=\"max-h-40 rounded-lg object-contain\"\n          />\n        )}\n\n        {showGradeQuestion && (\n          <div className=\"flex flex-col gap-2\">\n            <Text size=\"sm\" weight=\"medium\">\n              Este fórum vale nota no boletim?\n            </Text>\n            <div className=\"flex items-center gap-4\">\n              <Radio\n                name=\"countsForGrade\"\n                value=\"yes\"\n                label=\"Sim\"\n                size=\"small\"\n                checked={countsForGrade === true}\n                onChange={() => onCountsForGradeChange?.(true)}\n              />\n              <Radio\n                name=\"countsForGrade\"\n                value=\"no\"\n                label=\"Não\"\n                size=\"small\"\n                checked={countsForGrade === false}\n                onChange={() => onCountsForGradeChange?.(false)}\n              />\n            </div>\n          </div>\n        )}\n      </div>\n    </Modal>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Skeleton\n// ---------------------------------------------------------------------------\n\nfunction TopicListSkeleton() {\n  return (\n    <SkeletonList items={3} showAvatar showTitle showDescription lines={2} />\n  );\n}\n\nfunction TopicDetailSkeleton() {\n  return (\n    <SkeletonCard\n      showAvatar\n      showTitle\n      showDescription\n      showActions={false}\n      lines={2}\n    />\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Main component\n// ---------------------------------------------------------------------------\n\nexport type ForumProps = {\n  /** API client with forum CRUD methods */\n  readonly apiClient: ForumApiClient;\n  /** Current user's userInstitutionId — used to identify own posts */\n  readonly currentUserId: string;\n  /** User role — enables professor-specific features (e.g. grade question on create) */\n  readonly userRole?: PROFILE_ROLES.STUDENT | PROFILE_ROLES.TEACHER;\n  /** Forum page title */\n  readonly title?: string;\n  /** Forum page subtitle */\n  readonly subtitle?: string;\n  /** Callback to upload an image file and return its hosted URL */\n  readonly onUploadImage?: (file: File) => Promise<string>;\n  /**\n   * Callback to evaluate a reply (teacher only).\n   * If provided, an \"Avaliar\" button appears on each reply when the topic counts for grade.\n   */\n  readonly onEvaluateReply?: (replyId: string, grade: number) => Promise<void>;\n  /** Additional CSS classes */\n  readonly className?: string;\n};\n\nexport function Forum({\n  apiClient,\n  currentUserId,\n  userRole = PROFILE_ROLES.STUDENT,\n  title = 'Fórum',\n  subtitle = 'Espaço para troca de conhecimento',\n  onUploadImage,\n  onEvaluateReply,\n  className,\n}: ForumProps) {\n  const isTeacher = userRole === PROFILE_ROLES.TEACHER;\n  const [view, setView] = useState<'list' | 'detail'>('list');\n  const [topics, setTopics] = useState<ForumTopic[]>([]);\n  const [isLoadingTopics, setIsLoadingTopics] = useState(false);\n  const [selectedTopic, setSelectedTopic] = useState<ForumTopic | null>(null);\n  const [replies, setReplies] = useState<ForumReply[]>([]);\n  const [isLoadingTopic, setIsLoadingTopic] = useState(false);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  // Create post modal state\n  const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);\n  const [createContent, setCreateContent] = useState('');\n  const [createImageUrl, setCreateImageUrl] = useState<string | undefined>();\n  const [createCountsForGrade, setCreateCountsForGrade] = useState<\n    boolean | undefined\n  >();\n\n  // Reply modal state\n  const [isReplyModalOpen, setIsReplyModalOpen] = useState(false);\n  const [replyContent, setReplyContent] = useState('');\n  const [replyImageUrl, setReplyImageUrl] = useState<string | undefined>();\n\n  // Edit topic modal state\n  const [editingTopic, setEditingTopic] = useState<ForumTopic | null>(null);\n  const [editTopicContent, setEditTopicContent] = useState('');\n  const [editTopicImageUrl, setEditTopicImageUrl] = useState<\n    string | undefined\n  >();\n\n  // Edit reply modal state\n  const [editingReply, setEditingReply] = useState<ForumReply | null>(null);\n  const [editReplyContent, setEditReplyContent] = useState('');\n  const [editReplyImageUrl, setEditReplyImageUrl] = useState<\n    string | undefined\n  >();\n\n  // Evaluate reply modal state (teacher only)\n  const [evaluatingReplyId, setEvaluatingReplyId] = useState<string | null>(\n    null\n  );\n  const [gradeValue, setGradeValue] = useState<number | null>(null);\n  const [isEditingGrade, setIsEditingGrade] = useState(false);\n\n  // Delete confirmation state\n  const [pendingDelete, setPendingDelete] = useState<\n    { type: 'topic'; id: string } | { type: 'reply'; id: string } | null\n  >(null);\n\n  const fetchTopics = useCallback(async () => {\n    setIsLoadingTopics(true);\n    try {\n      const response = await apiClient.getTopics({ limit: 50 });\n      setTopics(response.topics);\n    } finally {\n      setIsLoadingTopics(false);\n    }\n  }, [apiClient]);\n\n  const fetchTopic = useCallback(\n    async (topicId: string) => {\n      setIsLoadingTopic(true);\n      try {\n        const response = await apiClient.getTopic(topicId);\n        setSelectedTopic(response.topic);\n        setReplies(response.replies);\n      } finally {\n        setIsLoadingTopic(false);\n      }\n    },\n    [apiClient]\n  );\n\n  useEffect(() => {\n    fetchTopics();\n  }, [fetchTopics]);\n\n  const handleTopicClick = useCallback(\n    (topic: ForumTopic) => {\n      setSelectedTopic(topic);\n      setView('detail');\n      fetchTopic(topic.id);\n    },\n    [fetchTopic]\n  );\n\n  const handleBack = useCallback(() => {\n    setView('list');\n    setSelectedTopic(null);\n    setReplies([]);\n    fetchTopics();\n  }, [fetchTopics]);\n\n  // Create topic\n  const handleCloseCreateModal = useCallback(() => {\n    setIsCreateModalOpen(false);\n    setCreateContent('');\n    setCreateImageUrl(undefined);\n    setCreateCountsForGrade(undefined);\n  }, []);\n\n  const handleCreateTopic = useCallback(async () => {\n    if (!createContent.trim()) return;\n    setIsSubmitting(true);\n    try {\n      await apiClient.createTopic({\n        content: createContent.trim(),\n        ...(createImageUrl && { imageUrl: createImageUrl }),\n        ...(isTeacher &&\n          createCountsForGrade !== undefined && {\n            countsForGrade: createCountsForGrade,\n          }),\n      });\n      handleCloseCreateModal();\n      await fetchTopics();\n    } finally {\n      setIsSubmitting(false);\n    }\n  }, [\n    apiClient,\n    createContent,\n    createImageUrl,\n    createCountsForGrade,\n    isTeacher,\n    handleCloseCreateModal,\n    fetchTopics,\n  ]);\n\n  // Edit topic\n  const handleOpenEditTopic = useCallback((topic: ForumTopic) => {\n    setEditingTopic(topic);\n    setEditTopicContent(topic.content);\n    setEditTopicImageUrl(topic.imageUrl ?? undefined);\n  }, []);\n\n  const handleCloseEditTopic = useCallback(() => {\n    setEditingTopic(null);\n    setEditTopicContent('');\n    setEditTopicImageUrl(undefined);\n  }, []);\n\n  const handleEditTopic = useCallback(async () => {\n    if (!editingTopic || !editTopicContent.trim()) return;\n    setIsSubmitting(true);\n    try {\n      await apiClient.updateTopic(editingTopic.id, {\n        content: editTopicContent.trim(),\n        imageUrl: editTopicImageUrl ?? null,\n      });\n      handleCloseEditTopic();\n      if (view === 'list') {\n        await fetchTopics();\n      } else {\n        await fetchTopic(editingTopic.id);\n      }\n    } finally {\n      setIsSubmitting(false);\n    }\n  }, [\n    apiClient,\n    editingTopic,\n    editTopicContent,\n    editTopicImageUrl,\n    handleCloseEditTopic,\n    view,\n    fetchTopics,\n    fetchTopic,\n  ]);\n\n  const handleDeleteTopic = useCallback(\n    async (topicId: string) => {\n      setIsSubmitting(true);\n      try {\n        await apiClient.deleteTopic(topicId);\n        if (view === 'detail') {\n          handleBack();\n        } else {\n          await fetchTopics();\n        }\n      } finally {\n        setIsSubmitting(false);\n        setPendingDelete(null);\n      }\n    },\n    [apiClient, view, handleBack, fetchTopics]\n  );\n\n  // Reply\n  const handleCloseReplyModal = useCallback(() => {\n    setIsReplyModalOpen(false);\n    setReplyContent('');\n    setReplyImageUrl(undefined);\n  }, []);\n\n  const handleCreateReply = useCallback(async () => {\n    if (!selectedTopic || !replyContent.trim()) return;\n    setIsSubmitting(true);\n    try {\n      await apiClient.createReply(selectedTopic.id, {\n        content: replyContent.trim(),\n        ...(replyImageUrl && { imageUrl: replyImageUrl }),\n      });\n      handleCloseReplyModal();\n      await fetchTopic(selectedTopic.id);\n    } finally {\n      setIsSubmitting(false);\n    }\n  }, [\n    apiClient,\n    selectedTopic,\n    replyContent,\n    replyImageUrl,\n    handleCloseReplyModal,\n    fetchTopic,\n  ]);\n\n  // Edit reply\n  const handleOpenEditReply = useCallback((reply: ForumReply) => {\n    setEditingReply(reply);\n    setEditReplyContent(reply.content);\n    setEditReplyImageUrl(reply.imageUrl ?? undefined);\n  }, []);\n\n  const handleCloseEditReply = useCallback(() => {\n    setEditingReply(null);\n    setEditReplyContent('');\n    setEditReplyImageUrl(undefined);\n  }, []);\n\n  const handleEditReply = useCallback(async () => {\n    if (!editingReply || !editReplyContent.trim() || !selectedTopic) return;\n    setIsSubmitting(true);\n    try {\n      await apiClient.updateReply(editingReply.id, {\n        content: editReplyContent.trim(),\n        imageUrl: editReplyImageUrl ?? null,\n      });\n      handleCloseEditReply();\n      await fetchTopic(selectedTopic.id);\n    } finally {\n      setIsSubmitting(false);\n    }\n  }, [\n    apiClient,\n    editingReply,\n    editReplyContent,\n    editReplyImageUrl,\n    handleCloseEditReply,\n    selectedTopic,\n    fetchTopic,\n  ]);\n\n  const handleDeleteReply = useCallback(\n    async (replyId: string) => {\n      if (!selectedTopic) return;\n      setIsSubmitting(true);\n      try {\n        await apiClient.deleteReply(replyId);\n        await fetchTopic(selectedTopic.id);\n      } finally {\n        setIsSubmitting(false);\n        setPendingDelete(null);\n      }\n    },\n    [apiClient, selectedTopic, fetchTopic]\n  );\n\n  const handleCloseEvaluateModal = useCallback(() => {\n    setEvaluatingReplyId(null);\n    setGradeValue(null);\n    setIsEditingGrade(false);\n  }, []);\n\n  const handleOpenEvaluate = useCallback((reply: ForumReply) => {\n    setEvaluatingReplyId(reply.id);\n    setGradeValue(null);\n    setIsEditingGrade(false);\n  }, []);\n\n  const handleOpenEditGrade = useCallback((reply: ForumReply) => {\n    setEvaluatingReplyId(reply.id);\n    setGradeValue(reply.grade ?? null);\n    setIsEditingGrade(true);\n  }, []);\n\n  const isValidGrade =\n    gradeValue !== null &&\n    Number.isInteger(gradeValue) &&\n    gradeValue >= 0 &&\n    gradeValue <= 10;\n\n  const handleSubmitEvaluation = useCallback(async () => {\n    if (!evaluatingReplyId || !isValidGrade || !onEvaluateReply) return;\n    setIsSubmitting(true);\n    try {\n      await onEvaluateReply(evaluatingReplyId, gradeValue);\n      // Optimistically update grade in local state\n      setReplies((prev) =>\n        prev.map((r) =>\n          r.id === evaluatingReplyId ? { ...r, grade: gradeValue } : r\n        )\n      );\n      handleCloseEvaluateModal();\n    } finally {\n      setIsSubmitting(false);\n    }\n  }, [\n    evaluatingReplyId,\n    gradeValue,\n    isValidGrade,\n    onEvaluateReply,\n    handleCloseEvaluateModal,\n  ]);\n\n  const handleConfirmDelete = useCallback(async () => {\n    if (!pendingDelete) return;\n    if (pendingDelete.type === 'topic') {\n      await handleDeleteTopic(pendingDelete.id);\n    } else {\n      await handleDeleteReply(pendingDelete.id);\n    }\n  }, [pendingDelete, handleDeleteTopic, handleDeleteReply]);\n\n  /* ---- Extracted render blocks (avoids nested ternaries — SonarQube) ---- */\n\n  const topicListContent = (() => {\n    if (isLoadingTopics) return <TopicListSkeleton />;\n\n    if (topics.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center py-16 border border-border-200 rounded-lg\">\n          <Text size=\"md\" color=\"text-text-500\">\n            Nenhum tópico ainda. Seja o primeiro a criar um post!\n          </Text>\n        </div>\n      );\n    }\n\n    return (\n      <div className=\"flex flex-col gap-4\">\n        {topics.map((topic) => (\n          <div\n            key={topic.id}\n            className=\"flex items-start bg-white border border-border-100 rounded-lg pt-4 pr-2 pb-4 pl-2 shadow-sm\"\n          >\n            {/* Clickable content area */}\n            <button\n              type=\"button\"\n              className=\"flex flex-col gap-3 flex-1 min-w-0 text-left hover:opacity-90 transition-opacity\"\n              onClick={() => handleTopicClick(topic)}\n            >\n              <AuthorMeta\n                authorName={topic.authorName}\n                authorPhoto={topic.authorPhoto}\n                createdAt={topic.createdAt}\n              />\n              <Text size=\"sm\" className=\"leading-normal line-clamp-3 ml-10\">\n                {stripHtml(topic.content)}\n              </Text>\n              <div className=\"flex items-center gap-1 text-text-600 ml-10\">\n                <ChatCircleTextIcon size={16} />\n                <Text size=\"xs\">{formatReplyCount(topic.replyCount)}</Text>\n              </div>\n            </button>\n\n            {/* Actions menu — only for own posts */}\n            {topic.userInstitutionId === currentUserId && (\n              <PostActionsMenu\n                onEdit={() => handleOpenEditTopic(topic)}\n                onDelete={() =>\n                  setPendingDelete({ type: 'topic', id: topic.id })\n                }\n              />\n            )}\n          </div>\n        ))}\n      </div>\n    );\n  })();\n\n  const topicDetailContent = (() => {\n    if (isLoadingTopic) return <TopicDetailSkeleton />;\n\n    if (!selectedTopic) return null;\n\n    return (\n      <>\n        {/* Original post */}\n        <div className=\"flex items-start gap-2\">\n          <div className=\"flex flex-col gap-3 flex-1 min-w-0\">\n            <AuthorMeta\n              authorName={selectedTopic.authorName}\n              authorPhoto={selectedTopic.authorPhoto}\n              createdAt={selectedTopic.createdAt}\n            />\n            <div\n              className=\"text-sm text-text-950 leading-normal ml-10 prose prose-sm max-w-none\"\n              dangerouslySetInnerHTML={{\n                __html: sanitizeHtmlForDisplay(selectedTopic.content),\n              }}\n            />\n            {selectedTopic.imageUrl && (\n              <img\n                src={selectedTopic.imageUrl}\n                alt=\"Imagem do post\"\n                className=\"ml-10 max-w-lg rounded-lg\"\n              />\n            )}\n          </div>\n          {selectedTopic.userInstitutionId === currentUserId && (\n            <PostActionsMenu\n              onEdit={() => handleOpenEditTopic(selectedTopic)}\n              onDelete={() =>\n                setPendingDelete({ type: 'topic', id: selectedTopic.id })\n              }\n            />\n          )}\n        </div>\n\n        {/* Replies header */}\n        <div className=\"flex items-center justify-between\">\n          <Text size=\"sm\" color=\"text-text-600\">\n            {formatReplyCount(selectedTopic.replyCount)}\n          </Text>\n          <Button\n            variant=\"solid\"\n            action=\"primary\"\n            size=\"medium\"\n            onClick={() => setIsReplyModalOpen(true)}\n          >\n            Responder\n          </Button>\n        </div>\n\n        {/* Replies list */}\n        {replies.length > 0 && (\n          <div className=\"flex flex-col divide-y divide-border-200\">\n            {replies.map((reply) => (\n              <div key={reply.id} className=\"flex items-start gap-2 py-4\">\n                <div className=\"flex flex-col gap-3 flex-1 min-w-0\">\n                  <AuthorMeta\n                    authorName={reply.authorName}\n                    authorPhoto={reply.authorPhoto}\n                    createdAt={reply.createdAt}\n                  />\n                  <div\n                    className=\"text-sm text-text-950 leading-normal ml-10 prose prose-sm max-w-none\"\n                    dangerouslySetInnerHTML={{\n                      __html: sanitizeHtmlForDisplay(reply.content),\n                    }}\n                  />\n                  {reply.imageUrl && (\n                    <img\n                      src={reply.imageUrl}\n                      alt=\"Imagem da resposta\"\n                      className=\"ml-10 max-w-lg rounded-lg\"\n                    />\n                  )}\n                  {isTeacher &&\n                    selectedTopic?.countsForGrade &&\n                    onEvaluateReply &&\n                    (reply.grade == null ? (\n                      /* Not yet graded — show Avaliar button */\n                      <button\n                        type=\"button\"\n                        className=\"flex items-center gap-1.5 text-text-600 text-sm hover:text-text-950 transition-colors w-fit ml-10\"\n                        onClick={() => handleOpenEvaluate(reply)}\n                      >\n                        <CheckIcon size={16} />\n                        Avaliar\n                      </button>\n                    ) : (\n                      /* Grade already set — teacher sees it with edit pencil */\n                      <div className=\"flex items-center gap-1.5 ml-10\">\n                        <Text size=\"sm\" color=\"text-text-600\">\n                          Nota {reply.grade}\n                        </Text>\n                        <button\n                          type=\"button\"\n                          className=\"text-text-600 hover:text-text-950 transition-colors\"\n                          onClick={() => handleOpenEditGrade(reply)}\n                        >\n                          <PencilSimpleIcon size={14} />\n                        </button>\n                      </div>\n                    ))}\n                  {!isTeacher &&\n                    reply.grade != null &&\n                    reply.userInstitutionId === currentUserId &&\n                    selectedTopic?.countsForGrade && (\n                      <Text size=\"sm\" color=\"text-text-600\" className=\"ml-10\">\n                        Nota {reply.grade}\n                      </Text>\n                    )}\n                </div>\n                {reply.userInstitutionId === currentUserId && (\n                  <PostActionsMenu\n                    onEdit={() => handleOpenEditReply(reply)}\n                    onDelete={() =>\n                      setPendingDelete({ type: 'reply', id: reply.id })\n                    }\n                  />\n                )}\n              </div>\n            ))}\n          </div>\n        )}\n      </>\n    );\n  })();\n\n  return (\n    <div className={cn('flex flex-col gap-4', className)}>\n      {view === 'list' ? (\n        <>\n          {/* Header */}\n          <div className=\"flex items-center justify-between\">\n            <Text as=\"h1\" size=\"2xl\" weight=\"bold\" color=\"text-text-950\">\n              {title}\n            </Text>\n            <Button\n              variant=\"solid\"\n              action=\"primary\"\n              size=\"medium\"\n              onClick={() => setIsCreateModalOpen(true)}\n            >\n              Criar post\n            </Button>\n          </div>\n\n          {/* Subtitle + topic list */}\n          <div className=\"flex flex-col gap-3\">\n            <Text as=\"h2\" size=\"lg\" weight=\"semibold\" color=\"text-text-950\">\n              {subtitle}\n            </Text>\n\n            {topicListContent}\n          </div>\n        </>\n      ) : (\n        /* Detail view */\n        <>\n          <button\n            type=\"button\"\n            className=\"flex items-center gap-2 hover:opacity-80 transition-opacity w-fit\"\n            onClick={handleBack}\n          >\n            <CaretLeftIcon size={24} className=\"text-text-950\" />\n            <Text size=\"2xl\" weight=\"bold\">\n              Voltar\n            </Text>\n          </button>\n\n          {topicDetailContent}\n        </>\n      )}\n\n      {/* Create post modal */}\n      <PostContentModal\n        isOpen={isCreateModalOpen}\n        title=\"Criar post\"\n        submitLabel=\"Criar post\"\n        content={createContent}\n        imageUrl={createImageUrl}\n        isSubmitting={isSubmitting}\n        onContentChange={setCreateContent}\n        onClose={handleCloseCreateModal}\n        onSubmit={handleCreateTopic}\n        onUploadImage={onUploadImage}\n        onImageUploaded={setCreateImageUrl}\n        maxLength={10000}\n        richText\n        showGradeQuestion={isTeacher}\n        countsForGrade={createCountsForGrade}\n        onCountsForGradeChange={setCreateCountsForGrade}\n      />\n\n      {/* Reply modal */}\n      <PostContentModal\n        isOpen={isReplyModalOpen}\n        title=\"Responder\"\n        submitLabel=\"Responder\"\n        content={replyContent}\n        imageUrl={replyImageUrl}\n        isSubmitting={isSubmitting}\n        onContentChange={setReplyContent}\n        onClose={handleCloseReplyModal}\n        onSubmit={handleCreateReply}\n        onUploadImage={onUploadImage}\n        onImageUploaded={setReplyImageUrl}\n        maxLength={5000}\n        richText\n      />\n\n      {/* Edit topic modal */}\n      <PostContentModal\n        isOpen={!!editingTopic}\n        title=\"Editar\"\n        submitLabel=\"Salvar\"\n        content={editTopicContent}\n        imageUrl={editTopicImageUrl}\n        isSubmitting={isSubmitting}\n        onContentChange={setEditTopicContent}\n        onClose={handleCloseEditTopic}\n        onSubmit={handleEditTopic}\n        onUploadImage={onUploadImage}\n        onImageUploaded={setEditTopicImageUrl}\n        maxLength={10000}\n        richText\n      />\n\n      {/* Edit reply modal */}\n      <PostContentModal\n        isOpen={!!editingReply}\n        title=\"Editar\"\n        submitLabel=\"Salvar\"\n        content={editReplyContent}\n        imageUrl={editReplyImageUrl}\n        isSubmitting={isSubmitting}\n        onContentChange={setEditReplyContent}\n        onClose={handleCloseEditReply}\n        onSubmit={handleEditReply}\n        onUploadImage={onUploadImage}\n        onImageUploaded={setEditReplyImageUrl}\n        maxLength={5000}\n        richText\n      />\n\n      {/* Evaluate / edit grade modal (teacher only) */}\n      <Modal\n        isOpen={!!evaluatingReplyId}\n        onClose={handleCloseEvaluateModal}\n        title={\n          isEditingGrade\n            ? 'Edite a nota da atividade'\n            : 'Defina a nota da atividade'\n        }\n        size=\"md\"\n        footer={\n          <div className=\"flex justify-end gap-2\">\n            <Button\n              variant=\"outline\"\n              action=\"secondary\"\n              size=\"medium\"\n              onClick={handleCloseEvaluateModal}\n            >\n              Cancelar\n            </Button>\n            <Button\n              variant=\"solid\"\n              action=\"primary\"\n              size=\"medium\"\n              disabled={!isValidGrade || isSubmitting}\n              onClick={handleSubmitEvaluation}\n            >\n              {isEditingGrade ? 'Salvar' : 'Avaliar'}\n            </Button>\n          </div>\n        }\n      >\n        <Input\n          type=\"number\"\n          min={0}\n          max={10}\n          step={1}\n          placeholder=\"Nota (0-10)\"\n          value={gradeValue ?? ''}\n          onChange={(e) => {\n            const val = e.target.value;\n            const parsed = Number(val);\n            setGradeValue(val === '' || Number.isNaN(parsed) ? null : parsed);\n          }}\n        />\n      </Modal>\n\n      {/* Delete confirmation modal */}\n      <Modal\n        isOpen={!!pendingDelete}\n        onClose={() => setPendingDelete(null)}\n        title=\"Deseja deletar post?\"\n        size=\"sm\"\n        footer={\n          <div className=\"flex justify-end gap-2\">\n            <Button\n              variant=\"outline\"\n              action=\"secondary\"\n              size=\"medium\"\n              onClick={() => setPendingDelete(null)}\n            >\n              Cancelar\n            </Button>\n            <Button\n              variant=\"solid\"\n              action=\"negative\"\n              size=\"medium\"\n              disabled={isSubmitting}\n              onClick={handleConfirmDelete}\n            >\n              Deletar\n            </Button>\n          </div>\n        }\n      >\n        <Text size=\"md\" color=\"text-text-600\">\n          Essa ação é permanente e não poderá ser desfeita.\n        </Text>\n      </Modal>\n    </div>\n  );\n}\n\nexport default Forum;\n"]}

package/dist/{chunk-DMZTDCUF.js → chunk-JPQI2RIV.js}

@@ -12,7 +12,7 @@ var _chunkANT66KVKjs = require('./chunk-ANT66KVK.js');
 var _chunkTN3AYOMVjs = require('./chunk-TN3AYOMV.js');
 
 
-var _chunkXX4WE4TLjs = require('./chunk-XX4WE4TL.js');
+var _chunk726PIA5Mjs = require('./chunk-726PIA5M.js');
 
 // src/components/Quiz/TeacherQuestionComment.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -28,7 +28,7 @@ function getFeedbackTitle(correctionSource) {
 var TeacherQuestionComment = ({
   className
 }) => {
-  const { variant, getCurrentQuestion, getQuestionResultByQuestionId } = _chunkXX4WE4TLjs.useQuizStore.call(void 0, );
+  const { variant, getCurrentQuestion, getQuestionResultByQuestionId } = _chunk726PIA5Mjs.useQuizStore.call(void 0, );
   if (variant !== "result" /* RESULT */) {
     return null;
   }
@@ -79,4 +79,4 @@ var TeacherQuestionComment_default = TeacherQuestionComment;
 
 
 exports.TeacherQuestionComment = TeacherQuestionComment; exports.TeacherQuestionComment_default = TeacherQuestionComment_default;
-//# sourceMappingURL=chunk-DMZTDCUF.js.map
+//# sourceMappingURL=chunk-JPQI2RIV.js.map

package/dist/{chunk-DMZTDCUF.js.map → chunk-JPQI2RIV.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-DMZTDCUF.js","../src/components/Quiz/TeacherQuestionComment.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;AC8FM,+CAAA;AArFN,SAAS,gBAAA,CAAiB,gBAAA,EAAqD;AAC7E,EAAA,GAAA,CAAI,iBAAA,IAAA,aAAA,EAA2C;AAC7C,IAAA,OAAO,uBAAA;AAAA,EACT;AAEA,EAAA,GAAA,CAAI,iBAAA,IAAA,iCAAA,EAAqD;AACvD,IAAA,OAAO,wCAAA;AAAA,EACT;AAEA,EAAA,OAAO,4BAAA;AACT;AAkCO,IAAM,uBAAA,EAAyB,CAAC;AAAA,EACrC;AACF,CAAA,EAAA,GAAmC;AACjC,EAAA,MAAM,EAAE,OAAA,EAAS,kBAAA,EAAoB,8BAA8B,EAAA,EACjE,2CAAA,CAAa;AAEf,EAAA,GAAA,CAAI,QAAA,IAAA,qBAAA,EAAgC;AAClC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,gBAAA,EAAkB,kBAAA,CAAmB,CAAA;AAC3C,EAAA,GAAA,CAAI,CAAC,eAAA,EAAiB;AACpB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,OAAA,EAAS,6BAAA,CAA8B,eAAA,CAAgB,EAAE,CAAA;AAC/D,EAAA,GAAA,CAAI,CAAC,MAAA,EAAQ;AACX,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,EAAE,eAAA,EAAiB,UAAA,EAAY,kBAAA,EAAoB,iBAAiB,EAAA,EACxE,MAAA;AAEF,EAAA,MAAM,QAAA,EAAU,oDAAA;AAAsB,IACpC,eAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,EACF,CAAC,CAAA;AACD,EAAA,MAAM,aAAA,EAAe,mBAAA,IAAA,uBAAA;AAErB,EAAA,GAAA,CAAI,CAAC,QAAA,GAAW,CAAC,YAAA,EAAc;AAC7B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,8BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,iCAAA;AAAA,QACT,4DAAA;AAAA,QACA;AAAA,MACF,CAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,wCAAA,EACZ,QAAA,EAAA;AAAA,UAAA,QAAA,mBACC,6BAAA,6BAAC,EAAA,EAAK,SAAA,EAAU,iCAAA,EACb,QAAA,EAAA,gBAAA,CAAiB,gBAAgB,EAAA,CACpC,CAAA;AAAA,0BAEF,6BAAA;AAAA,YAAC,4CAAA;AAAA,YAAA;AAAA,cACC,gBAAA;AAAA,cACA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA,EAAA,CACF,CAAA;AAAA,QAEC,QAAA,kBACC,6BAAA,6BAAC,EAAA,EAAK,IAAA,EAAK,IAAA,EAAK,SAAA,EAAU,mCAAA,EACvB,QAAA,EAAA,QAAA,CACH,EAAA,kBAEA,6BAAA,6BAAC,EAAA,EAAK,IAAA,EAAK,IAAA,EAAK,SAAA,EAAU,eAAA,EAAgB,QAAA,EAAA,8EAAA,CAG1C;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,CAAA;AAEJ,CAAA;AAEA,IAAO,+BAAA,EAAQ,sBAAA;AD5Df;AACA;AACE;AACA;AACF,iIAAC","file":"/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-DMZTDCUF.js","sourcesContent":[null,"import { cn } from '../../utils/utils';\nimport Text from '../Text/Text';\nimport {\n  AI_CORRECTION_STATUS,\n  CORRECTION_SOURCE,\n  useQuizStore,\n} from './useQuizStore';\nimport { QuizVariant } from './Quiz.types';\nimport CorrectionSourceTag from './CorrectionSourceTag';\nimport { resolveCorrectionText } from './correction.utils';\n\nexport interface TeacherQuestionCommentProps {\n  readonly className?: string;\n}\n\n/**\n * Heading above the feedback, phrased for whoever actually wrote it.\n *\n * Attributing an AI correction to \"o professor\" would be a lie the tag right\n * next to it immediately contradicts, so the two are derived from the same\n * `correctionSource`.\n *\n * @param correctionSource - Who produced the correction\n * @returns The heading to display\n */\nfunction getFeedbackTitle(correctionSource?: CORRECTION_SOURCE | null): string {\n  if (correctionSource === CORRECTION_SOURCE.IA) {\n    return 'Correção por IA';\n  }\n\n  if (correctionSource === CORRECTION_SOURCE.IA_PROFESSOR) {\n    return 'Correção revisada pelo professor';\n  }\n\n  return 'Comentário do professor';\n}\n\n/**\n * Feedback on the question currently under review.\n *\n * Distinct from `TeacherFeedbackSection`, which shows the single observation the\n * teacher wrote for the activity as a whole: this one is per question and sits\n * right below its alternatives, which is where the explanation of a specific\n * mistake belongs.\n *\n * For a dissertative answer the text can come from either of two places. The\n * teacher's own words win when they exist; otherwise the AI's stand. They are\n * never merged — the backend keeps them in separate columns precisely so a\n * review does not destroy the original verdict — and the tag says which one is\n * on screen.\n *\n * It also renders while there is nothing to show yet: an answer whose AI\n * correction is still running gets the \"Corrigindo com IA\" tag on its own, so\n * the student who lands here right after submitting sees that feedback is\n * coming rather than an empty space.\n *\n * Renders nothing outside the result variant, or when the question has neither\n * feedback nor a correction under way.\n *\n * @param props - Component props\n * @returns JSX element or null\n *\n * @example\n * ```tsx\n * <Quiz variant=\"result\">\n *   <QuizContent />\n * </Quiz>\n * ```\n */\nexport const TeacherQuestionComment = ({\n  className,\n}: TeacherQuestionCommentProps) => {\n  const { variant, getCurrentQuestion, getQuestionResultByQuestionId } =\n    useQuizStore();\n\n  if (variant !== QuizVariant.RESULT) {\n    return null;\n  }\n\n  const currentQuestion = getCurrentQuestion();\n  if (!currentQuestion) {\n    return null;\n  }\n\n  const result = getQuestionResultByQuestionId(currentQuestion.id);\n  if (!result) {\n    return null;\n  }\n\n  const { teacherFeedback, aiFeedback, aiCorrectionStatus, correctionSource } =\n    result;\n\n  const comment = resolveCorrectionText({\n    teacherFeedback,\n    aiFeedback,\n    correctionSource,\n  });\n  const isCorrecting = aiCorrectionStatus === AI_CORRECTION_STATUS.PENDING;\n\n  if (!comment && !isCorrecting) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cn(\n        'bg-background border border-border-100 rounded-lg p-4 mt-4',\n        className\n      )}\n    >\n      <div className=\"flex flex-wrap items-center gap-2 mb-2\">\n        {comment && (\n          <Text className=\"text-sm font-bold text-text-950\">\n            {getFeedbackTitle(correctionSource)}\n          </Text>\n        )}\n        <CorrectionSourceTag\n          correctionSource={correctionSource}\n          aiCorrectionStatus={aiCorrectionStatus}\n        />\n      </div>\n\n      {comment ? (\n        <Text size=\"sm\" className=\"text-text-700 whitespace-pre-wrap\">\n          {comment}\n        </Text>\n      ) : (\n        <Text size=\"sm\" className=\"text-text-600\">\n          Sua resposta está sendo corrigida. O feedback aparece aqui em\n          instantes.\n        </Text>\n      )}\n    </div>\n  );\n};\n\nexport default TeacherQuestionComment;\n"]}
+{"version":3,"sources":["/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-JPQI2RIV.js","../src/components/Quiz/TeacherQuestionComment.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;AC8FM,+CAAA;AArFN,SAAS,gBAAA,CAAiB,gBAAA,EAAqD;AAC7E,EAAA,GAAA,CAAI,iBAAA,IAAA,aAAA,EAA2C;AAC7C,IAAA,OAAO,uBAAA;AAAA,EACT;AAEA,EAAA,GAAA,CAAI,iBAAA,IAAA,iCAAA,EAAqD;AACvD,IAAA,OAAO,wCAAA;AAAA,EACT;AAEA,EAAA,OAAO,4BAAA;AACT;AAkCO,IAAM,uBAAA,EAAyB,CAAC;AAAA,EACrC;AACF,CAAA,EAAA,GAAmC;AACjC,EAAA,MAAM,EAAE,OAAA,EAAS,kBAAA,EAAoB,8BAA8B,EAAA,EACjE,2CAAA,CAAa;AAEf,EAAA,GAAA,CAAI,QAAA,IAAA,qBAAA,EAAgC;AAClC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,gBAAA,EAAkB,kBAAA,CAAmB,CAAA;AAC3C,EAAA,GAAA,CAAI,CAAC,eAAA,EAAiB;AACpB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,OAAA,EAAS,6BAAA,CAA8B,eAAA,CAAgB,EAAE,CAAA;AAC/D,EAAA,GAAA,CAAI,CAAC,MAAA,EAAQ;AACX,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,EAAE,eAAA,EAAiB,UAAA,EAAY,kBAAA,EAAoB,iBAAiB,EAAA,EACxE,MAAA;AAEF,EAAA,MAAM,QAAA,EAAU,oDAAA;AAAsB,IACpC,eAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,EACF,CAAC,CAAA;AACD,EAAA,MAAM,aAAA,EAAe,mBAAA,IAAA,uBAAA;AAErB,EAAA,GAAA,CAAI,CAAC,QAAA,GAAW,CAAC,YAAA,EAAc;AAC7B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,8BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,iCAAA;AAAA,QACT,4DAAA;AAAA,QACA;AAAA,MACF,CAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,wCAAA,EACZ,QAAA,EAAA;AAAA,UAAA,QAAA,mBACC,6BAAA,6BAAC,EAAA,EAAK,SAAA,EAAU,iCAAA,EACb,QAAA,EAAA,gBAAA,CAAiB,gBAAgB,EAAA,CACpC,CAAA;AAAA,0BAEF,6BAAA;AAAA,YAAC,4CAAA;AAAA,YAAA;AAAA,cACC,gBAAA;AAAA,cACA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA,EAAA,CACF,CAAA;AAAA,QAEC,QAAA,kBACC,6BAAA,6BAAC,EAAA,EAAK,IAAA,EAAK,IAAA,EAAK,SAAA,EAAU,mCAAA,EACvB,QAAA,EAAA,QAAA,CACH,EAAA,kBAEA,6BAAA,6BAAC,EAAA,EAAK,IAAA,EAAK,IAAA,EAAK,SAAA,EAAU,eAAA,EAAgB,QAAA,EAAA,8EAAA,CAG1C;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,CAAA;AAEJ,CAAA;AAEA,IAAO,+BAAA,EAAQ,sBAAA;AD5Df;AACA;AACE;AACA;AACF,iIAAC","file":"/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-JPQI2RIV.js","sourcesContent":[null,"import { cn } from '../../utils/utils';\nimport Text from '../Text/Text';\nimport {\n  AI_CORRECTION_STATUS,\n  CORRECTION_SOURCE,\n  useQuizStore,\n} from './useQuizStore';\nimport { QuizVariant } from './Quiz.types';\nimport CorrectionSourceTag from './CorrectionSourceTag';\nimport { resolveCorrectionText } from './correction.utils';\n\nexport interface TeacherQuestionCommentProps {\n  readonly className?: string;\n}\n\n/**\n * Heading above the feedback, phrased for whoever actually wrote it.\n *\n * Attributing an AI correction to \"o professor\" would be a lie the tag right\n * next to it immediately contradicts, so the two are derived from the same\n * `correctionSource`.\n *\n * @param correctionSource - Who produced the correction\n * @returns The heading to display\n */\nfunction getFeedbackTitle(correctionSource?: CORRECTION_SOURCE | null): string {\n  if (correctionSource === CORRECTION_SOURCE.IA) {\n    return 'Correção por IA';\n  }\n\n  if (correctionSource === CORRECTION_SOURCE.IA_PROFESSOR) {\n    return 'Correção revisada pelo professor';\n  }\n\n  return 'Comentário do professor';\n}\n\n/**\n * Feedback on the question currently under review.\n *\n * Distinct from `TeacherFeedbackSection`, which shows the single observation the\n * teacher wrote for the activity as a whole: this one is per question and sits\n * right below its alternatives, which is where the explanation of a specific\n * mistake belongs.\n *\n * For a dissertative answer the text can come from either of two places. The\n * teacher's own words win when they exist; otherwise the AI's stand. They are\n * never merged — the backend keeps them in separate columns precisely so a\n * review does not destroy the original verdict — and the tag says which one is\n * on screen.\n *\n * It also renders while there is nothing to show yet: an answer whose AI\n * correction is still running gets the \"Corrigindo com IA\" tag on its own, so\n * the student who lands here right after submitting sees that feedback is\n * coming rather than an empty space.\n *\n * Renders nothing outside the result variant, or when the question has neither\n * feedback nor a correction under way.\n *\n * @param props - Component props\n * @returns JSX element or null\n *\n * @example\n * ```tsx\n * <Quiz variant=\"result\">\n *   <QuizContent />\n * </Quiz>\n * ```\n */\nexport const TeacherQuestionComment = ({\n  className,\n}: TeacherQuestionCommentProps) => {\n  const { variant, getCurrentQuestion, getQuestionResultByQuestionId } =\n    useQuizStore();\n\n  if (variant !== QuizVariant.RESULT) {\n    return null;\n  }\n\n  const currentQuestion = getCurrentQuestion();\n  if (!currentQuestion) {\n    return null;\n  }\n\n  const result = getQuestionResultByQuestionId(currentQuestion.id);\n  if (!result) {\n    return null;\n  }\n\n  const { teacherFeedback, aiFeedback, aiCorrectionStatus, correctionSource } =\n    result;\n\n  const comment = resolveCorrectionText({\n    teacherFeedback,\n    aiFeedback,\n    correctionSource,\n  });\n  const isCorrecting = aiCorrectionStatus === AI_CORRECTION_STATUS.PENDING;\n\n  if (!comment && !isCorrecting) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cn(\n        'bg-background border border-border-100 rounded-lg p-4 mt-4',\n        className\n      )}\n    >\n      <div className=\"flex flex-wrap items-center gap-2 mb-2\">\n        {comment && (\n          <Text className=\"text-sm font-bold text-text-950\">\n            {getFeedbackTitle(correctionSource)}\n          </Text>\n        )}\n        <CorrectionSourceTag\n          correctionSource={correctionSource}\n          aiCorrectionStatus={aiCorrectionStatus}\n        />\n      </div>\n\n      {comment ? (\n        <Text size=\"sm\" className=\"text-text-700 whitespace-pre-wrap\">\n          {comment}\n        </Text>\n      ) : (\n        <Text size=\"sm\" className=\"text-text-600\">\n          Sua resposta está sendo corrigida. O feedback aparece aqui em\n          instantes.\n        </Text>\n      )}\n    </div>\n  );\n};\n\nexport default TeacherQuestionComment;\n"]}

package/dist/{chunk-VVRRAF6H.js → chunk-KWH2WMV6.js}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
 
-var _chunkNYKBCQUOjs = require('./chunk-NYKBCQUO.js');
+var _chunkQF3UKRIJjs = require('./chunk-QF3UKRIJ.js');
 
 
 var _chunk75S5O4SLjs = require('./chunk-75S5O4SL.js');
@@ -56,12 +56,11 @@ var survey_university_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA
 
 // src/components/EnemClassroomStartModal/EnemClassroomStartModal.tsx
 var _jsxruntime = require('react/jsx-runtime');
-var ENEM_CLASSROOM_MODAL_TITLE = "Simula\xE7\xE3o do ENEM em sala de aula!";
-var INTRO_WARNINGS = [
+var buildIntroWarnings = (texts) => [
   {
     icon: warning_classroom_default,
-    title: "S\xF3 vale em sala de aula",
-    description: "Essa simula\xE7\xE3o precisa ser feita com seu professor presente. N\xE3o vale fazer em casa!"
+    title: texts.introWarningTitle,
+    description: texts.introWarningText
   },
   {
     icon: warning_timer_default,
@@ -75,15 +74,15 @@ var INTRO_WARNINGS = [
   }
 ];
 var LANGUAGE_FLAGS = {
-  [_chunkNYKBCQUOjs.ENEM_CLASSROOM_LANGUAGE.INGLES]: flag_english_default,
-  [_chunkNYKBCQUOjs.ENEM_CLASSROOM_LANGUAGE.ESPANHOL]: flag_spanish_default
+  [_chunkQF3UKRIJjs.ENEM_CLASSROOM_LANGUAGE.INGLES]: flag_english_default,
+  [_chunkQF3UKRIJjs.ENEM_CLASSROOM_LANGUAGE.ESPANHOL]: flag_spanish_default
 };
 var SURVEY_ILLUSTRATIONS = [
   survey_course_default,
   survey_university_default
 ];
 var CARD_CLASSES = "rounded-xl border border-border-50 bg-background shadow-soft-shadow-1";
-var GRADIENT_CTA_CLASSES = "bg-[linear-gradient(270deg,#B21FF6_0%,#F95493_100%)] hover:opacity-90 transition-opacity";
+var GRADIENT_CTA_CLASSES = "bg-[linear-gradient(270deg,#B21FF6_0%,#F95493_100%)] border-0 hover:opacity-90 transition-opacity";
 var OptionCard = ({
   name,
   value,
@@ -188,6 +187,7 @@ var EnemClassroomStartModal = ({
     [steps]
   );
   const currentStep = _nullishCoalesce(steps[step], () => ( steps[INTRO_STEP]));
+  const hasPinnedVideo = currentStep.kind === "intro" && Boolean(exam.videoUrl);
   const currentQuestion = currentStep.kind === "survey" ? currentStep.question : null;
   const canGoNext = currentStep.kind === "language" ? language !== null : currentQuestion !== null && isSurveyAnswerComplete(answers[currentQuestion.id]);
   const updateAnswer = _react.useCallback.call(void 0, 
@@ -210,55 +210,86 @@ var EnemClassroomStartModal = ({
       })
     });
   }, [exam.languageChoice, language, surveyQuestions, answers, onStart]);
-  const renderIntroStep = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-6", "data-testid": "enem-classroom-intro", children: [
-    exam.videoUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk75S5O4SLjs.VideoPlayer_default,
-      {
-        src: exam.videoUrl,
-        title: exam.title,
-        hideHeader: true,
-        className: "w-full rounded-xl overflow-hidden",
-        autoSave: false
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkANT66KVKjs.Text_default, { size: "lg", weight: "bold", className: "text-text-950", children: "Ei, l\xEA isso antes de come\xE7ar!" }),
-      INTRO_WARNINGS.map(({ icon, title, description }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "div",
-        {
-          className: _chunkTN3AYOMVjs.cn.call(void 0, CARD_CLASSES, "flex flex-row gap-4 items-start p-4"),
-          children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "img",
-              {
-                src: icon,
-                alt: "",
-                "aria-hidden": true,
-                className: "flex-shrink-0 w-10 h-10"
-              }
+  const renderIntroStep = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: "flex flex-col gap-6 min-h-0",
+      "data-testid": "enem-classroom-intro",
+      children: [
+        exam.videoUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkANT66KVKjs.Text_default,
+          {
+            size: "md",
+            weight: "semibold",
+            className: "text-text-950",
+            "data-testid": "enem-classroom-intro-video-text",
+            children: exam.studentTexts.introVideoText
+          }
+        ),
+        exam.videoUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunk75S5O4SLjs.VideoPlayer_default,
+          {
+            src: exam.videoUrl,
+            title: exam.title,
+            hideHeader: true,
+            className: "w-full rounded-xl overflow-hidden flex-none",
+            autoSave: false
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "div",
+          {
+            className: _chunkTN3AYOMVjs.cn.call(void 0, 
+              "flex flex-col gap-4",
+              hasPinnedVideo && "flex-1 min-h-0 overflow-y-auto"
             ),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkANT66KVKjs.Text_default, { size: "md", weight: "bold", className: "text-text-950", children: title }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkANT66KVKjs.Text_default, { size: "sm", className: "text-text-600", children: description })
-            ] })
-          ]
-        },
-        title
-      ))
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkXN2HPVVHjs.Button_default,
-      {
-        size: "large",
-        variant: "solid",
-        action: "primary",
-        className: _chunkTN3AYOMVjs.cn.call(void 0, "w-full", GRADIENT_CTA_CLASSES),
-        onClick: () => setStep(FIRST_CHOICE_STEP),
-        "data-testid": "enem-classroom-intro-continue",
-        children: "Estou em sala. Quero come\xE7ar!"
-      }
-    )
-  ] });
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkANT66KVKjs.Text_default, { size: "lg", weight: "bold", className: "text-text-950", children: exam.studentTexts.introHeading }),
+              buildIntroWarnings(exam.studentTexts).map(
+                ({ icon, title, description }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                  "div",
+                  {
+                    className: _chunkTN3AYOMVjs.cn.call(void 0, 
+                      CARD_CLASSES,
+                      "flex flex-row gap-4 items-start p-4"
+                    ),
+                    children: [
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        "img",
+                        {
+                          src: icon,
+                          alt: "",
+                          "aria-hidden": true,
+                          className: "flex-shrink-0 w-10 h-10"
+                        }
+                      ),
+                      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-1", children: [
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkANT66KVKjs.Text_default, { size: "md", weight: "bold", className: "text-text-950", children: title }),
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkANT66KVKjs.Text_default, { size: "sm", className: "text-text-600", children: description })
+                      ] })
+                    ]
+                  },
+                  title
+                )
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkXN2HPVVHjs.Button_default,
+          {
+            size: "large",
+            variant: "solid",
+            action: "primary",
+            className: _chunkTN3AYOMVjs.cn.call(void 0, "w-full flex-none", GRADIENT_CTA_CLASSES),
+            onClick: () => setStep(FIRST_CHOICE_STEP),
+            "data-testid": "enem-classroom-intro-continue",
+            children: "Estou em sala. Quero come\xE7ar!"
+          }
+        )
+      ]
+    }
+  );
   const renderLanguageStep = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-4", "data-testid": "enem-classroom-language", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunkANT66KVKjs.Text_default,
@@ -276,12 +307,12 @@ var EnemClassroomStartModal = ({
         role: "radiogroup",
         "aria-labelledby": "enem-classroom-language-prompt",
         className: "flex flex-col gap-4",
-        children: Object.values(_chunkNYKBCQUOjs.ENEM_CLASSROOM_LANGUAGE).map((value) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        children: Object.values(_chunkQF3UKRIJjs.ENEM_CLASSROOM_LANGUAGE).map((value) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           OptionCard,
           {
             name: "enem-classroom-language",
             value,
-            label: _chunkNYKBCQUOjs.ENEM_CLASSROOM_LANGUAGE_LABELS[value],
+            label: _chunkQF3UKRIJjs.ENEM_CLASSROOM_LANGUAGE_LABELS[value],
             iconSrc: LANGUAGE_FLAGS[value],
             checked: language === value,
             onSelect: () => setLanguage(value),
@@ -384,7 +415,7 @@ var EnemClassroomStartModal = ({
                   SummaryRow,
                   {
                     label: "Idioma",
-                    value: language ? _chunkNYKBCQUOjs.ENEM_CLASSROOM_LANGUAGE_LABELS[language] : "\u2014"
+                    value: language ? _chunkQF3UKRIJjs.ENEM_CLASSROOM_LANGUAGE_LABELS[language] : "\u2014"
                   }
                 ),
                 surveyQuestions.map((question) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -469,10 +500,13 @@ var EnemClassroomStartModal = ({
     {
       isOpen,
       onClose,
-      title: showStepper ? ENEM_CLASSROOM_MODAL_TITLE : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: ENEM_CLASSROOM_MODAL_TITLE }),
+      title: showStepper ? exam.title : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: exam.title }),
       size: "lg",
       footer,
-      contentClassName: "flex flex-col gap-6",
+      contentClassName: _chunkTN3AYOMVjs.cn.call(void 0, 
+        "flex flex-col gap-6",
+        hasPinnedVideo && "overflow-hidden"
+      ),
       children: [
         showStepper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHOVTCEHKjs.Stepper_default, { steps: stepperSteps, currentStep: step, size: "small" }),
         renderStepContent()
@@ -484,6 +518,5 @@ var EnemClassroomStartModal_default = EnemClassroomStartModal;
 
 
 
-
-exports.ENEM_CLASSROOM_MODAL_TITLE = ENEM_CLASSROOM_MODAL_TITLE; exports.EnemClassroomStartModal_default = EnemClassroomStartModal_default;
-//# sourceMappingURL=chunk-VVRRAF6H.js.map
+exports.EnemClassroomStartModal_default = EnemClassroomStartModal_default;
+//# sourceMappingURL=chunk-KWH2WMV6.js.map

package/dist/chunk-KWH2WMV6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-KWH2WMV6.js","../src/components/EnemClassroomStartModal/EnemClassroomStartModal.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/analytica-frontend-lib/analytica-frontend-lib/dist/chunk-KWH2WMV6.js","sourcesContent":[null,"import { useCallback, useEffect, useMemo, useState, ChangeEvent } from 'react';\nimport Modal from '../Modal/Modal';\nimport Stepper from '../Stepper/Stepper';\nimport Button from '../Button/Button';\nimport Input from '../Input/Input';\nimport CheckBox from '../CheckBox/CheckBox';\nimport Text from '../Text/Text';\nimport VideoPlayer from '../VideoPlayer/VideoPlayer';\nimport { CaretLeftIcon } from '@phosphor-icons/react/dist/csr/CaretLeft';\nimport { CaretRightIcon } from '@phosphor-icons/react/dist/csr/CaretRight';\nimport { CheckIcon } from '@phosphor-icons/react/dist/csr/Check';\nimport { cn } from '../../utils/utils';\nimport warningClassroomIcon from '../../assets/img/enemClassroom/warning-classroom.png';\nimport warningTimerIcon from '../../assets/img/enemClassroom/warning-timer.png';\nimport warningIrreversibleIcon from '../../assets/img/enemClassroom/warning-irreversible.png';\nimport flagEnglish from '../../assets/img/enemClassroom/flag-english.png';\nimport flagSpanish from '../../assets/img/enemClassroom/flag-spanish.png';\nimport surveyCourseIllustration from '../../assets/img/enemClassroom/survey-course.svg';\nimport surveyUniversityIllustration from '../../assets/img/enemClassroom/survey-university.png';\nimport {\n  ENEM_CLASSROOM_LANGUAGE,\n  ENEM_CLASSROOM_LANGUAGE_LABELS,\n  type EnemClassroomExam,\n  type EnemClassroomLanguage,\n  type EnemClassroomStartPayload,\n  type EnemClassroomStudentTexts,\n  type EnemClassroomSurveyQuestion,\n} from '../../types/enemClassroom';\n\n/** Title shared by every step, as in the design. */\n/**\n * The three warnings of the introduction step. The exam only counts when\n * taken in class, so they are shown before anything else. The first one is\n * the backoffice's to write (`studentTexts`); the other two are fixed.\n *\n * @param texts - The exam's texts\n * @returns The warnings in order\n */\nconst buildIntroWarnings = (texts: EnemClassroomStudentTexts) => [\n  {\n    icon: warningClassroomIcon,\n    title: texts.introWarningTitle,\n    description: texts.introWarningText,\n  },\n  {\n    icon: warningTimerIcon,\n    title: 'O cronômetro liga na hora',\n    description:\n      'Assim que clicar em começar, o tempo já corre e não para, mesmo se fechar o navegador.',\n  },\n  {\n    icon: warningIrreversibleIcon,\n    title: 'Não tem como desfazer',\n    description:\n      'Iniciar fora do horário estabelecido pelo seu professor em sala de aula pode atrapalhar seu resultado!',\n  },\n];\n\n/** Flag shown next to each language, as in the design. */\nconst LANGUAGE_FLAGS: Record<EnemClassroomLanguage, string> = {\n  [ENEM_CLASSROOM_LANGUAGE.INGLES]: flagEnglish,\n  [ENEM_CLASSROOM_LANGUAGE.ESPANHOL]: flagSpanish,\n};\n\n/**\n * Illustration of each survey step, in the order the steps are asked: the\n * course question, then the university one.\n *\n * Fixed here rather than sent by the backoffice, so it is keyed by position —\n * reordering the questions there moves the illustration with the position,\n * not with the question. A question past the end simply gets none.\n */\nconst SURVEY_ILLUSTRATIONS = [\n  surveyCourseIllustration,\n  surveyUniversityIllustration,\n] as const;\n\n/**\n * The white card the warnings and the options sit on. Same vocabulary as\n * SelectionButton, so the modal reads like the rest of the design system\n * against the modal's `secondary-50` background.\n */\nconst CARD_CLASSES =\n  'rounded-xl border border-border-50 bg-background shadow-soft-shadow-1';\n\n/**\n * Gradiente da identidade da simulação em sala de aula — os mesmos tons do\n * card do painel do aluno. Não sai dos tokens de tema porque é a marca da\n * prova, não a da instituição.\n *\n * Literal, e não `bg-gradient-to-r from-… to-…`: o Tailwind v4 interpola\n * `in oklab`, o que muda os tons do meio em relação ao sRGB do design.\n *\n * `border-0` porque o `solid/primary` do Button traz `border-primary-950`, que\n * o gradiente não cobre — ele só troca o fundo. Zerar a largura, em vez de\n * pintar a borda de transparente, também neutraliza as cores de hover e\n * active, que voltariam a aparecer.\n */\nconst GRADIENT_CTA_CLASSES =\n  'bg-[linear-gradient(270deg,#B21FF6_0%,#F95493_100%)] border-0 hover:opacity-90 transition-opacity';\n\n/**\n * One selectable option: a card carrying an optional icon and a label.\n *\n * The radio control itself is visually hidden — in the design the card's own\n * border carries the selection. The native input stays in the tree so the\n * options remain a real radio group: arrow keys move between them and screen\n * readers announce \"1 of 2\", which a set of toggle buttons would not.\n */\nconst OptionCard = ({\n  name,\n  value,\n  label,\n  iconSrc,\n  checked,\n  onSelect,\n  testId,\n}: {\n  name: string;\n  value: string;\n  label: string;\n  iconSrc?: string;\n  checked: boolean;\n  onSelect: () => void;\n  testId?: string;\n}) => (\n  <label\n    className={cn(\n      CARD_CLASSES,\n      'flex flex-row items-center gap-3 px-4 py-3.5',\n      'cursor-pointer transition-colors hover:bg-background-100',\n      'focus-within:ring-2 focus-within:ring-indicator-info',\n      checked && 'border-primary-700 ring-1 ring-primary-700'\n    )}\n  >\n    <input\n      type=\"radio\"\n      name={name}\n      value={value}\n      checked={checked}\n      onChange={onSelect}\n      className=\"sr-only\"\n      data-testid={testId}\n    />\n    {iconSrc && (\n      <img src={iconSrc} alt=\"\" aria-hidden className=\"w-6 h-6 flex-shrink-0\" />\n    )}\n    <Text size=\"sm\" weight=\"semibold\" className=\"text-text-900\">\n      {label}\n    </Text>\n  </label>\n);\n\n/**\n * How a survey question was answered. The student either writes an answer or\n * ticks \"ainda estou pensando\" — the tick clears and disables the field, so\n * the two never disagree.\n */\ninterface SurveyAnswerDraft {\n  skipped: boolean;\n  text: string;\n}\n\n/**\n * One line of the summary: the step's name over what the student answered.\n */\nconst SummaryRow = ({ label, value }: { label: string; value: string }) => (\n  <div className=\"flex flex-col rounded-lg bg-primary-50 px-3 py-2\">\n    <Text as=\"dt\" size=\"sm\" weight=\"bold\" className=\"text-primary-800\">\n      {label}\n    </Text>\n    <Text as=\"dd\" size=\"sm\" className=\"text-text-600\">\n      {value}\n    </Text>\n  </div>\n);\n\n/** The introduction is always first; the first choice comes right after it. */\nconst INTRO_STEP = 0;\nconst FIRST_CHOICE_STEP = 1;\n\n/** One screen of the flow. Which ones exist depends on the exam. */\ntype FlowStep =\n  | { kind: 'intro' }\n  | { kind: 'language' }\n  | { kind: 'survey'; question: EnemClassroomSurveyQuestion; index: number }\n  | { kind: 'summary' };\n\nexport interface EnemClassroomStartModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  exam: EnemClassroomExam;\n  /** Called with everything the start endpoint needs. */\n  onStart: (payload: EnemClassroomStartPayload) => void;\n  /** Disables the final button while the start request is in flight. */\n  isStarting?: boolean;\n}\n\n/**\n * Whether a survey draft is complete: skipped, or answered with some text.\n */\nconst isSurveyAnswerComplete = (draft: SurveyAnswerDraft | undefined) =>\n  draft?.skipped === true || (draft?.text.trim().length ?? 0) > 0;\n\n/**\n * The text shown for a survey answer on the summary screen.\n */\nconst describeSurveyAnswer = (\n  question: EnemClassroomSurveyQuestion,\n  draft: SurveyAnswerDraft | undefined\n) => (draft && !draft.skipped ? draft.text.trim() : question.skipLabel);\n\n/**\n * Start flow of the in-classroom ENEM simulation.\n *\n * Steps, in order: introduction (video + warnings), foreign language — only\n * when the exam offers the choice —, one step per survey question, and a\n * summary the student confirms before the exam opens. The stepper only lists\n * the steps that carry a choice; the summary is a screen of its own, as in\n * the design.\n *\n * Presentational: it collects the choices and hands them to `onStart`; the\n * caller talks to the API.\n *\n * @example\n * ```tsx\n * <EnemClassroomStartModal\n *   isOpen={open}\n *   onClose={() => setOpen(false)}\n *   exam={exam}\n *   onStart={(payload) => start(exam.id, payload)}\n * />\n * ```\n */\nconst EnemClassroomStartModal = ({\n  isOpen,\n  onClose,\n  exam,\n  onStart,\n  isStarting = false,\n}: EnemClassroomStartModalProps) => {\n  const surveyQuestions = useMemo(\n    () => [...exam.surveyQuestions].sort((a, b) => a.position - b.position),\n    [exam.surveyQuestions]\n  );\n  // The screens this exam has: no language step on an exam without the\n  // choice, so the student goes from the warnings straight to the survey.\n  const steps = useMemo<FlowStep[]>(\n    () => [\n      { kind: 'intro' },\n      ...(exam.languageChoice ? [{ kind: 'language' } as const] : []),\n      ...surveyQuestions.map((question, index) => ({\n        kind: 'survey' as const,\n        question,\n        index,\n      })),\n      { kind: 'summary' },\n    ],\n    [exam.languageChoice, surveyQuestions]\n  );\n  const summaryStep = steps.length - 1;\n\n  const [step, setStep] = useState(INTRO_STEP);\n  const [language, setLanguage] = useState<EnemClassroomLanguage | null>(null);\n  const [answers, setAnswers] = useState<Record<string, SurveyAnswerDraft>>({});\n\n  // Every opening starts from the introduction with nothing filled in — and\n  // so does a different exam handed in while the modal is open, whose steps\n  // and questions are not the ones the answers were given to.\n  useEffect(() => {\n    if (isOpen) {\n      setStep(INTRO_STEP);\n      setLanguage(null);\n      setAnswers({});\n    }\n  }, [isOpen, exam.id]);\n\n  const stepperSteps = useMemo(\n    () =>\n      steps\n        .filter((flowStep) => flowStep.kind !== 'summary')\n        .map((flowStep) => {\n          if (flowStep.kind === 'intro') {\n            return {\n              id: 'intro',\n              label: 'Introdução',\n              state: 'pending' as const,\n            };\n          }\n          if (flowStep.kind === 'language') {\n            return {\n              id: 'language',\n              label: 'Língua estrangeira',\n              state: 'pending' as const,\n            };\n          }\n          return {\n            id: flowStep.question.id,\n            label: flowStep.question.stepLabel,\n            state: 'pending' as const,\n          };\n        }),\n    [steps]\n  );\n\n  const currentStep = steps[step] ?? steps[INTRO_STEP];\n  /**\n   * Só o passo da introdução, e só quando há vídeo, prende o player no topo e\n   * rola o conteúdo abaixo dele. Nos outros passos a rolagem segue sendo a do\n   * Modal — tirá-la de lá sempre cortaria as perguntas em tela baixa.\n   */\n  const hasPinnedVideo = currentStep.kind === 'intro' && Boolean(exam.videoUrl);\n  const currentQuestion =\n    currentStep.kind === 'survey' ? currentStep.question : null;\n\n  const canGoNext =\n    currentStep.kind === 'language'\n      ? language !== null\n      : currentQuestion !== null &&\n        isSurveyAnswerComplete(answers[currentQuestion.id]);\n\n  const updateAnswer = useCallback(\n    (questionId: string, patch: Partial<SurveyAnswerDraft>) => {\n      setAnswers((prev) => {\n        const current = prev[questionId] ?? { skipped: false, text: '' };\n        return { ...prev, [questionId]: { ...current, ...patch } };\n      });\n    },\n    []\n  );\n\n  const handleStart = useCallback(() => {\n    // The language is only a choice on an exam that offers one.\n    if (exam.languageChoice && !language) return;\n    onStart({\n      language: exam.languageChoice ? language : null,\n      surveyAnswers: surveyQuestions.map((question) => {\n        const draft = answers[question.id];\n        const text = draft && !draft.skipped ? draft.text.trim() : '';\n        return { questionId: question.id, answer: text || null };\n      }),\n    });\n  }, [exam.languageChoice, language, surveyQuestions, answers, onStart]);\n\n  const renderIntroStep = () => (\n    <div\n      className=\"flex flex-col gap-6 min-h-0\"\n      data-testid=\"enem-classroom-intro\"\n    >\n      {exam.videoUrl && (\n        <Text\n          size=\"md\"\n          weight=\"semibold\"\n          className=\"text-text-950\"\n          data-testid=\"enem-classroom-intro-video-text\"\n        >\n          {exam.studentTexts.introVideoText}\n        </Text>\n      )}\n      {exam.videoUrl && (\n        <VideoPlayer\n          src={exam.videoUrl}\n          title={exam.title}\n          // O desenho mostra só o vídeo: o nome da prova já está no título do\n          // modal. O `title` fica para rotular o player nos leitores de tela.\n          hideHeader\n          className=\"w-full rounded-xl overflow-hidden flex-none\"\n          autoSave={false}\n        />\n      )}\n\n      {/*\n       * Com vídeo, a rolagem é daqui para baixo: o player e o botão ficam\n       * parados e só os avisos correm entre eles. Rolando o modal inteiro o\n       * vídeo saía cortado pelo topo.\n       */}\n      <div\n        className={cn(\n          'flex flex-col gap-4',\n          hasPinnedVideo && 'flex-1 min-h-0 overflow-y-auto'\n        )}\n      >\n        <Text size=\"lg\" weight=\"bold\" className=\"text-text-950\">\n          {exam.studentTexts.introHeading}\n        </Text>\n        {buildIntroWarnings(exam.studentTexts).map(\n          ({ icon, title, description }) => (\n            <div\n              key={title}\n              className={cn(\n                CARD_CLASSES,\n                'flex flex-row gap-4 items-start p-4'\n              )}\n            >\n              <img\n                src={icon}\n                alt=\"\"\n                aria-hidden\n                className=\"flex-shrink-0 w-10 h-10\"\n              />\n              <div className=\"flex flex-col gap-1\">\n                <Text size=\"md\" weight=\"bold\" className=\"text-text-950\">\n                  {title}\n                </Text>\n                <Text size=\"sm\" className=\"text-text-600\">\n                  {description}\n                </Text>\n              </div>\n            </div>\n          )\n        )}\n      </div>\n\n      <Button\n        size=\"large\"\n        variant=\"solid\"\n        action=\"primary\"\n        className={cn('w-full flex-none', GRADIENT_CTA_CLASSES)}\n        onClick={() => setStep(FIRST_CHOICE_STEP)}\n        data-testid=\"enem-classroom-intro-continue\"\n      >\n        Estou em sala. Quero começar!\n      </Button>\n    </div>\n  );\n\n  const renderLanguageStep = () => (\n    <div className=\"flex flex-col gap-4\" data-testid=\"enem-classroom-language\">\n      <Text\n        id=\"enem-classroom-language-prompt\"\n        size=\"lg\"\n        weight=\"bold\"\n        className=\"text-text-950\"\n      >\n        Qual língua estrangeira você vai usar na simulação?\n      </Text>\n      <div\n        role=\"radiogroup\"\n        aria-labelledby=\"enem-classroom-language-prompt\"\n        className=\"flex flex-col gap-4\"\n      >\n        {Object.values(ENEM_CLASSROOM_LANGUAGE).map((value) => (\n          <OptionCard\n            key={value}\n            name=\"enem-classroom-language\"\n            value={value}\n            label={ENEM_CLASSROOM_LANGUAGE_LABELS[value]}\n            iconSrc={LANGUAGE_FLAGS[value]}\n            checked={language === value}\n            onSelect={() => setLanguage(value)}\n            testId={`enem-classroom-language-${value.toLowerCase()}`}\n          />\n        ))}\n      </div>\n    </div>\n  );\n\n  const renderSurveyStep = (\n    question: EnemClassroomSurveyQuestion,\n    index: number\n  ) => {\n    const draft = answers[question.id];\n    const illustration = SURVEY_ILLUSTRATIONS[index];\n    // The two ways of answering disable each other, so they can never\n    // contradict — and either one on its own releases the step.\n    const hasText = (draft?.text.trim().length ?? 0) > 0;\n    const isSkipped = draft?.skipped === true;\n    return (\n      <div\n        className=\"flex flex-col gap-4\"\n        data-testid={`enem-classroom-survey-${question.id}`}\n      >\n        {illustration && (\n          <img\n            src={illustration}\n            alt=\"\"\n            aria-hidden\n            className=\"w-[220px] max-w-full self-center\"\n            data-testid=\"enem-classroom-survey-illustration\"\n          />\n        )}\n        <Text\n          id={`enem-classroom-survey-prompt-${question.id}`}\n          size=\"lg\"\n          weight=\"bold\"\n          className=\"text-text-950\"\n        >\n          {question.prompt}\n        </Text>\n        <div className=\"flex flex-col gap-2\">\n          <Text\n            as=\"label\"\n            htmlFor={`enem-classroom-survey-input-${question.id}`}\n            size=\"sm\"\n            className=\"text-text-600\"\n          >\n            {question.inputLabel}\n          </Text>\n          <Input\n            id={`enem-classroom-survey-input-${question.id}`}\n            variant=\"rounded\"\n            placeholder={question.inputPlaceholder}\n            value={draft?.text ?? ''}\n            maxLength={255}\n            disabled={isSkipped}\n            onChange={(event: ChangeEvent<HTMLInputElement>) =>\n              updateAnswer(question.id, { text: event.target.value })\n            }\n            data-testid=\"enem-classroom-survey-input\"\n          />\n        </div>\n\n        <CheckBox\n          label={question.skipLabel}\n          checked={isSkipped}\n          disabled={hasText}\n          onChange={(event: ChangeEvent<HTMLInputElement>) =>\n            updateAnswer(question.id, { skipped: event.target.checked })\n          }\n          data-testid=\"enem-classroom-survey-skip\"\n        />\n      </div>\n    );\n  };\n\n  const renderSummaryStep = () => (\n    <div\n      className=\"flex flex-col items-center gap-6 text-center\"\n      data-testid=\"enem-classroom-summary\"\n    >\n      <span className=\"flex items-center justify-center w-14 h-14 rounded-full bg-success-200 text-success-950\">\n        <CheckIcon size={24} aria-hidden />\n      </span>\n      <div className=\"flex flex-col gap-2\">\n        <Text size=\"xl\" weight=\"bold\" className=\"text-text-950\">\n          Boa sorte!\n        </Text>\n        <Text size=\"sm\" className=\"text-text-600\">\n          Sua simulação do ENEM já está para começar e o cronômetro vai iniciar.\n          Respira fundo e dá o seu melhor!\n        </Text>\n      </div>\n\n      <div\n        className={cn(CARD_CLASSES, 'flex flex-col gap-3 w-full text-left p-4')}\n      >\n        <Text size=\"sm\" weight=\"bold\" className=\"text-text-950\">\n          Suas respostas\n        </Text>\n        <dl className=\"flex flex-col gap-2\">\n          {exam.languageChoice && (\n            <SummaryRow\n              label=\"Idioma\"\n              value={language ? ENEM_CLASSROOM_LANGUAGE_LABELS[language] : '—'}\n            />\n          )}\n          {surveyQuestions.map((question) => (\n            <SummaryRow\n              key={question.id}\n              label={question.stepLabel}\n              value={describeSurveyAnswer(question, answers[question.id])}\n            />\n          ))}\n        </dl>\n        <Button\n          size=\"medium\"\n          variant=\"outline\"\n          action=\"primary\"\n          className=\"self-center\"\n          disabled={isStarting}\n          onClick={() => setStep(FIRST_CHOICE_STEP)}\n          data-testid=\"enem-classroom-review\"\n        >\n          Revisar minhas respostas\n        </Button>\n      </div>\n\n      <Button\n        size=\"large\"\n        variant=\"solid\"\n        action=\"primary\"\n        className={cn('w-full', GRADIENT_CTA_CLASSES)}\n        disabled={isStarting}\n        onClick={handleStart}\n        data-testid=\"enem-classroom-start\"\n      >\n        Iniciar a prova!\n      </Button>\n    </div>\n  );\n\n  const renderStepContent = () => {\n    if (currentStep.kind === 'intro') return renderIntroStep();\n    if (currentStep.kind === 'language') return renderLanguageStep();\n    if (currentStep.kind === 'survey')\n      return renderSurveyStep(currentStep.question, currentStep.index);\n    return renderSummaryStep();\n  };\n\n  const showNavigation = step >= FIRST_CHOICE_STEP && step < summaryStep;\n  const showStepper = step < summaryStep;\n\n  const footer = showNavigation ? (\n    <div className=\"flex flex-row justify-end gap-2 w-full\">\n      <Button\n        size=\"medium\"\n        variant=\"outline\"\n        action=\"primary\"\n        iconLeft={<CaretLeftIcon size={16} aria-hidden />}\n        onClick={() => setStep((current) => current - 1)}\n        data-testid=\"enem-classroom-previous\"\n      >\n        Anterior\n      </Button>\n      <Button\n        size=\"medium\"\n        variant=\"solid\"\n        action=\"primary\"\n        iconRight={<CaretRightIcon size={16} aria-hidden />}\n        disabled={!canGoNext}\n        onClick={() => setStep((current) => current + 1)}\n        data-testid=\"enem-classroom-next\"\n      >\n        Próximo\n      </Button>\n    </div>\n  ) : undefined;\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      /*\n       * A tela de resumo abre com o header vazio, só o X — quem dá o título\n       * ali é o \"Boa sorte!\". O texto continua no <h2>, apenas oculto: o\n       * `aria-labelledby` do Modal aponta pra ele, e um h2 vazio deixaria o\n       * dialog sem nome acessível.\n       */\n      title={\n        showStepper ? exam.title : <span className=\"sr-only\">{exam.title}</span>\n      }\n      size=\"lg\"\n      footer={footer}\n      // Com o vídeo preso, quem rola é o bloco de avisos, não o Modal.\n      contentClassName={cn(\n        'flex flex-col gap-6',\n        hasPinnedVideo && 'overflow-hidden'\n      )}\n    >\n      {showStepper && (\n        <Stepper steps={stepperSteps} currentStep={step} size=\"small\" />\n      )}\n      {renderStepContent()}\n    </Modal>\n  );\n};\n\nexport default EnemClassroomStartModal;\n"]}