@hed-hog/lms 0.0.330 → 0.0.331

package/hedhog/frontend/app/courses/[id]/structure/_components/editor-lesson.tsx.ejs

@@ -1,6 +1,7 @@
 'use client';
 
 import { zodResolver } from '@hookform/resolvers/zod';
+import { useTranslations } from 'next-intl';
 import {
   CircleDot,
   CircleOff,
@@ -131,42 +132,34 @@ function formatFileSize(bytes: number): string {
 
 const TYPE_CONFIG: Record<
   LessonType,
-  { icon: LucideIcon; color: string; bg: string; label: string }
+  { icon: LucideIcon; color: string; bg: string; labelKey: string }
 > = {
   video: {
     icon: Video,
     color: 'text-blue-500',
     bg: 'bg-blue-500/10',
-    label: 'Vídeo',
+    labelKey: 'types.video',
   },
   post: {
     icon: FileText,
     color: 'text-emerald-500',
     bg: 'bg-emerald-500/10',
-    label: 'Texto',
+    labelKey: 'types.post',
   },
   questao: {
     icon: HelpCircle,
     color: 'text-amber-500',
     bg: 'bg-amber-500/10',
-    label: 'Quiz',
+    labelKey: 'types.questao',
   },
   exercicio: {
     icon: ClipboardList,
     color: 'text-purple-500',
     bg: 'bg-purple-500/10',
-    label: 'Exercício',
+    labelKey: 'types.exercicio',
   },
 };
 
-const STATUS_LABELS: Record<LessonStatus, string> = {
-  preparada: 'Preparada',
-  gravada: 'Gravada',
-  editada: 'Editada',
-  finalizada: 'Finalizada',
-  publicada: 'Publicada',
-};
-
 const STATUS_COLORS: Record<LessonStatus, string> = {
   preparada:
     'bg-slate-100  text-slate-600  dark:bg-slate-800  dark:text-slate-300',
@@ -180,13 +173,6 @@ const STATUS_COLORS: Record<LessonStatus, string> = {
     'bg-emerald-100 text-emerald-700 dark:bg-emerald-900 dark:text-emerald-300',
 };
 
-const VIDEO_PROVIDERS: { value: VideoProvider; label: string }[] = [
-  { value: 'youtube', label: 'YouTube' },
-  { value: 'vimeo', label: 'Vimeo' },
-  { value: 'bunny', label: 'Bunny.net' },
-  { value: 'custom', label: 'URL Direta' },
-];
-
 // ── Question sheet types ──────────────────────────────────────────────────────
 
 type QuestionType =
@@ -196,14 +182,6 @@ type QuestionType =
   | 'fill_blank'
   | 'matching';
 
-const QUESTION_TYPE_LABELS: Record<QuestionType, string> = {
-  multiple_choice: 'Múltipla escolha',
-  true_false: 'Verdadeiro / Falso',
-  essay: 'Dissertativa',
-  fill_blank: 'Lacuna',
-  matching: 'Associação',
-};
-
 type QAlt = { id: string; texto: string; correta: boolean };
 type QFillBlank = { id: string; answer: string; alternativesText: string };
 type QMatchingPair = { id: string; leftText: string; rightText: string };
@@ -257,33 +235,21 @@ const MOCK_QUESTIONS: MockQuestion[] = [
   },
 ];
 
-// ── Schema ────────────────────────────────────────────────────────────────────
-
-const schema = z.object({
-  code: z.string().min(1, 'Código obrigatório'),
-  title: z.string().min(1, 'Título obrigatório'),
-  type: z.enum(['video', 'post', 'questao', 'exercicio'] as const),
-  duration: z.coerce.number().min(0),
-  status: z.enum([
-    'preparada',
-    'gravada',
-    'editada',
-    'finalizada',
-    'publicada',
-  ] as const),
-  visibility: z.enum(['publico', 'privado', 'restrito'] as const),
-  publicDescription: z.string(),
-  privateDescription: z.string(),
-  videoProvider: z
-    .enum(['youtube', 'vimeo', 'bunny', 'custom'] as const)
-    .optional(),
-  videoUrl: z.string().optional(),
-  transcription: z.string().optional(),
-  postContent: z.string().optional(),
-  questionId: z.string().nullable().optional(),
-});
-
-type FormValues = z.infer<typeof schema>;
+type FormValues = {
+  code: string;
+  title: string;
+  type: LessonType;
+  duration: number;
+  status: LessonStatus;
+  visibility: 'publico' | 'privado' | 'restrito';
+  publicDescription: string;
+  privateDescription: string;
+  videoProvider?: VideoProvider;
+  videoUrl?: string;
+  transcription?: string;
+  postContent?: string;
+  questionId?: string | null;
+};
 
 // ── SortableAlternativa ───────────────────────────────────────────────────────
 
@@ -295,6 +261,11 @@ function SortableAlternativa({
   onRemove,
   canRemove,
   disableText,
+  dragLabel,
+  textPlaceholder,
+  markIncorrectLabel,
+  markCorrectLabel,
+  removeLabel,
 }: {
   alt: QAlt;
   index: number;
@@ -303,6 +274,11 @@ function SortableAlternativa({
   onRemove: () => void;
   canRemove: boolean;
   disableText?: boolean;
+  dragLabel: string;
+  textPlaceholder: string;
+  markIncorrectLabel: string;
+  markCorrectLabel: string;
+  removeLabel: string;
 }) {
   const {
     attributes,
@@ -328,7 +304,7 @@ function SortableAlternativa({
         className="cursor-grab touch-none text-muted-foreground hover:text-foreground"
         {...attributes}
         {...listeners}
-        aria-label="Arrastar alternativa"
+        aria-label={dragLabel}
       >
         <GripVertical className="size-4" />
       </button>
@@ -339,7 +315,7 @@ function SortableAlternativa({
         value={alt.texto}
         onChange={(e) => onChangeTexto(e.target.value)}
         className="flex-1 border-0 bg-transparent p-0 text-sm shadow-none focus-visible:ring-0"
-        placeholder="Texto da alternativa…"
+        placeholder={textPlaceholder}
         disabled={disableText}
       />
       <button
@@ -352,7 +328,7 @@ function SortableAlternativa({
             : 'text-muted-foreground hover:text-foreground'
         )}
         aria-label={
-          alt.correta ? 'Marcar como incorreta' : 'Marcar como correta'
+          alt.correta ? markIncorrectLabel : markCorrectLabel
         }
       >
         {alt.correta ? (
@@ -366,7 +342,7 @@ function SortableAlternativa({
           type="button"
           onClick={onRemove}
           className="shrink-0 rounded p-1 text-muted-foreground transition-colors hover:text-destructive"
-          aria-label="Remover alternativa"
+          aria-label={removeLabel}
         >
           <X className="size-4" />
         </button>
@@ -382,6 +358,7 @@ interface EditorLessonProps {
 }
 
 export function EditorLesson({ lessonId }: EditorLessonProps) {
+  const t = useTranslations('lms.CoursesPage.StructurePage');
   const lesson = useStructureStore((s) =>
     s.lessons.find((l) => l.id === lessonId)
   );
@@ -391,6 +368,49 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
   const courseId = useStructureStore((s) => s.courseId);
   const { request } = useApp();
   const queryClient = useQueryClient();
+  const statusLabels: Record<LessonStatus, string> = {
+    preparada: t('statuses.preparada'),
+    gravada: t('statuses.gravada'),
+    editada: t('statuses.editada'),
+    finalizada: t('statuses.finalizada'),
+    publicada: t('statuses.publicada'),
+  };
+  const videoProviders: { value: VideoProvider; label: string }[] = [
+    { value: 'youtube', label: 'YouTube' },
+    { value: 'vimeo', label: 'Vimeo' },
+    { value: 'bunny', label: 'Bunny.net' },
+    { value: 'custom', label: t('providers.custom') },
+  ];
+  const questionTypeLabels: Record<QuestionType, string> = {
+    multiple_choice: t('questionEditor.types.multipleChoice'),
+    true_false: t('questionEditor.types.trueFalse'),
+    essay: t('questionEditor.types.essay'),
+    fill_blank: t('questionEditor.types.fillBlank'),
+    matching: t('questionEditor.types.matching'),
+  };
+  const schema = z.object({
+    code: z.string().min(1, t('questionEditor.validation.codeRequired')),
+    title: z.string().min(1, t('questionEditor.validation.titleRequired')),
+    type: z.enum(['video', 'post', 'questao', 'exercicio'] as const),
+    duration: z.coerce.number().min(0),
+    status: z.enum([
+      'preparada',
+      'gravada',
+      'editada',
+      'finalizada',
+      'publicada',
+    ] as const),
+    visibility: z.enum(['publico', 'privado', 'restrito'] as const),
+    publicDescription: z.string(),
+    privateDescription: z.string(),
+    videoProvider: z
+      .enum(['youtube', 'vimeo', 'bunny', 'custom'] as const)
+      .optional(),
+    videoUrl: z.string().optional(),
+    transcription: z.string().optional(),
+    postContent: z.string().optional(),
+    questionId: z.string().nullable().optional(),
+  });
 
   const instructorPool =
     queryClient.getQueryData<CourseStructureCacheData>(
@@ -469,6 +489,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
 
   const cfg = TYPE_CONFIG[lesson.type];
   const Icon = cfg.icon;
+  const lessonTypeLabel = t(cfg.labelKey as any);
 
   async function handleResourceFiles(files: File[]) {
     setIsUploading(true);
@@ -493,7 +514,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
       const failedCount = results.filter((r) => r.status === 'rejected').length;
       if (failedCount > 0)
         toast.error(
-          `${failedCount} arquivo${failedCount > 1 ? 's' : ''} não ${failedCount > 1 ? 'puderam' : 'pôde'} ser enviado${failedCount > 1 ? 's' : ''}`
+          t('questionEditor.resourceUploadFailed', { count: failedCount })
         );
       if (succeeded.length > 0)
         setLocalResources((prev) => [...prev, ...succeeded]);
@@ -508,7 +529,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
       try {
         await deleteFile(request, numId);
       } catch {
-        toast.error('Erro ao remover arquivo');
+        toast.error(t('questionEditor.resourceRemoveError'));
         return;
       }
     } else {
@@ -520,7 +541,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
 
   function handleResourceDownload(res: Resource) {
     if (!res.url) {
-      toast(`Download de ${res.name} — em breve`);
+      toast(t('questionEditor.resourceDownloadSoon', { name: res.name }));
       return;
     }
     const a = document.createElement('a');
@@ -612,12 +633,13 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
 
   function saveQuestion() {
     const errors: Record<string, string> = {};
-    if (!qSheetStatement.trim()) errors.statement = 'Enunciado obrigatório';
+    if (!qSheetStatement.trim())
+      errors.statement = t('questionEditor.validation.statementRequired');
     if (
       (qSheetType === 'multiple_choice' || qSheetType === 'true_false') &&
       !qSheetAlts.some((a) => a.correta)
     )
-      errors.alts = 'Selecione pelo menos uma resposta correta';
+      errors.alts = t('questionEditor.validation.correctAnswerRequired');
     if (Object.keys(errors).length) {
       setQSheetErrors(errors);
       return;
@@ -639,13 +661,17 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
     setSelectedQuestion(saved);
     form.setValue('questionId', saved.id, { shouldDirty: true });
     setQuestionSheetOpen(false);
-    toast.success(editingQuestion ? 'Questão atualizada' : 'Questão criada');
+    toast.success(
+      editingQuestion
+        ? t('questionEditor.updated')
+        : t('questionEditor.created')
+    );
   }
 
   function handleDelete() {
     showConfirm({
-      title: `Excluir aula "${lesson!.title}"?`,
-      description: 'Esta ação não pode ser desfeita.',
+      title: `${t('deleteLesson.title')} "${lesson!.title}"?`,
+      description: t('deleteLesson.warning'),
       onConfirm: () =>
         deleteLesson.mutate({ lessonId, sessionId: lesson!.sessionId }),
     });
@@ -669,13 +695,15 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
           </div>
           <div className="flex-1 min-w-0">
             <div className="flex items-center gap-1.5">
-              <span className="text-sm font-semibold truncate">Aula</span>
+              <span className="text-sm font-semibold truncate">
+                {t('lessonForm.titleCreate')}
+              </span>
               {isDirty && (
                 <CircleDot className="size-3 text-amber-500 shrink-0" />
               )}
             </div>
             <p className="text-[0.65rem] text-muted-foreground truncate">
-              {lesson.code} · {cfg.label}
+              {lesson.code} · {lessonTypeLabel}
             </p>
           </div>
           {watchedStatus && (
@@ -685,7 +713,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                 STATUS_COLORS[watchedStatus]
               )}
             >
-              {STATUS_LABELS[watchedStatus]}
+              {statusLabels[watchedStatus]}
             </span>
           )}
           <Button
@@ -693,8 +721,8 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
             variant="ghost"
             size="icon"
             className="size-7 text-destructive/60 hover:text-destructive shrink-0"
-            title="Excluir aula"
-            aria-label="Excluir aula"
+            title={t('lesson.delete')}
+            aria-label={t('lesson.delete')}
             disabled={deleteLesson.isPending}
             onClick={handleDelete}
           >
@@ -710,13 +738,13 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
         <Tabs defaultValue="dados" className="flex flex-col flex-1 min-h-0">
           <TabsList className="mx-3 mt-2 h-8 w-auto justify-start shrink-0 bg-muted/50">
             <TabsTrigger value="dados" className="text-xs h-7 px-2.5">
-              Dados
+              {t('lessonForm.tabData')}
             </TabsTrigger>
             <TabsTrigger value="conteudo" className="text-xs h-7 px-2.5">
-              Conteúdo
+              {t('lessonForm.postContent')}
             </TabsTrigger>
             <TabsTrigger value="recursos" className="text-xs h-7 px-2.5">
-              Recursos
+              {t('lessonForm.tabResources')}
             </TabsTrigger>
           </TabsList>
 
@@ -728,7 +756,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                 <Card className="bg-muted/20 py-2 gap-2">
                   <CardHeader className="px-3 pt-2 pb-0">
                     <CardTitle className="text-xs font-medium text-muted-foreground uppercase tracking-wider">
-                      Identificação
+                      {t('questionEditor.identification')}
                     </CardTitle>
                   </CardHeader>
                   <CardContent className="px-3 pb-2 flex flex-col gap-3">
@@ -738,7 +766,9 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                         name="code"
                         render={({ field }) => (
                           <FormItem>
-                            <FormLabel className="text-xs">Código</FormLabel>
+                            <FormLabel className="text-xs">
+                              {t('lessonForm.code')}
+                            </FormLabel>
                             <FormControl>
                               <Input
                                 {...field}
@@ -756,7 +786,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                           <FormItem>
                             <FormLabel className="text-xs">
                               <Clock className="size-3 inline mr-1" />
-                              Duração (min)
+                              {t('lessonForm.duration')}
                             </FormLabel>
                             <FormControl>
                               <Input
@@ -774,7 +804,9 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                         name="type"
                         render={({ field }) => (
                           <FormItem>
-                            <FormLabel className="text-xs">Tipo</FormLabel>
+                            <FormLabel className="text-xs">
+                              {t('lessonForm.type')}
+                            </FormLabel>
                             <Select
                               value={field.value}
                               onValueChange={field.onChange}
@@ -798,7 +830,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                                         <Ic
                                           className={cn('size-3', cfg.color)}
                                         />
-                                        {cfg.label}
+                                        {t(cfg.labelKey as any)}
                                       </span>
                                     </SelectItem>
                                   );
@@ -816,7 +848,9 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                       name="title"
                       render={({ field }) => (
                         <FormItem>
-                          <FormLabel className="text-xs">Título</FormLabel>
+                          <FormLabel className="text-xs">
+                            {t('lessonForm.title')}
+                          </FormLabel>
                           <FormControl>
                             <Input {...field} className="h-8 text-sm" />
                           </FormControl>
@@ -831,7 +865,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                 <Card className="bg-muted/20 py-2 gap-2">
                   <CardHeader className="px-3 pt-2 pb-0">
                     <CardTitle className="text-xs font-medium text-muted-foreground uppercase tracking-wider">
-                      Publicação
+                      {t('questionEditor.publication')}
                     </CardTitle>
                   </CardHeader>
                   <CardContent className="px-3 pb-2 flex flex-col gap-3">
@@ -842,7 +876,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                         render={({ field }) => (
                           <FormItem>
                             <FormLabel className="text-xs">
-                              Status de produção
+                              {t('questionEditor.productionStatus')}
                             </FormLabel>
                             <Select
                               value={field.value}
@@ -855,7 +889,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                               </FormControl>
                               <SelectContent>
                                 {(
-                                  Object.entries(STATUS_LABELS) as [
+                                  Object.entries(statusLabels) as [
                                     LessonStatus,
                                     string,
                                   ][]
@@ -867,10 +901,10 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                                         STATUS_COLORS[val]
                                       )}
                                     >
-                                      {lbl}
-                                    </span>
-                                  </SelectItem>
-                                ))}
+                                  {lbl}
+                                </span>
+                              </SelectItem>
+                            ))}
                               </SelectContent>
                             </Select>
                             <FormMessage className="text-xs" />
@@ -884,7 +918,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                         render={({ field }) => (
                           <FormItem>
                             <FormLabel className="text-xs">
-                              Visibilidade
+                              {t('questionEditor.visibility')}
                             </FormLabel>
                             <Select
                               value={field.value}
@@ -898,17 +932,17 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                               <SelectContent>
                                 <SelectItem value="publico">
                                   <span className="flex items-center gap-1.5">
-                                    <Eye className="size-3" /> Público
+                                    <Eye className="size-3" /> {t('lessonForm.public')}
                                   </span>
                                 </SelectItem>
                                 <SelectItem value="privado">
                                   <span className="flex items-center gap-1.5">
-                                    <EyeOff className="size-3" /> Privado
+                                    <EyeOff className="size-3" /> {t('lessonForm.private')}
                                   </span>
                                 </SelectItem>
                                 <SelectItem value="restrito">
                                   <span className="flex items-center gap-1.5">
-                                    <Lock className="size-3" /> Restrito
+                                    <Lock className="size-3" /> {t('questionEditor.restricted')}
                                   </span>
                                 </SelectItem>
                               </SelectContent>
@@ -925,7 +959,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                 <Card className="bg-muted/20 py-2 gap-2">
                   <CardHeader className="px-3 pt-2 pb-0">
                     <CardTitle className="text-xs font-medium text-muted-foreground uppercase tracking-wider">
-                      Instrutores
+                      {t('lessonForm.lessonInstructors')}
                     </CardTitle>
                   </CardHeader>
                   <CardContent className="px-3 pb-2 flex flex-col gap-2">
@@ -940,10 +974,10 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                               : [...prev, String(val)]
                           );
                       }}
-                      placeholder="Adicionar instrutor…"
-                      searchPlaceholder="Buscar instrutor…"
-                      emptyLabel="Nenhum instrutor disponível"
-                      entityLabel="Instrutor"
+                      placeholder={t('questionEditor.addInstructor')}
+                      searchPlaceholder={t('questionEditor.searchInstructor')}
+                      emptyLabel={t('questionEditor.noInstructorsAvailable')}
+                      entityLabel={t('questionEditor.instructorEntity')}
                       options={instructorPool.filter(
                         (i) => !selectedInstructorIds.includes(String(i.id))
                       )}
@@ -990,7 +1024,9 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                                     prev.filter((id) => id !== sid)
                                   )
                                 }
-                                aria-label={`Remover ${displayName}`}
+                                aria-label={t('questionEditor.removeInstructor', {
+                                  name: displayName,
+                                })}
                               >
                                 <X className="size-3" />
                               </Button>
@@ -1013,7 +1049,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                 <Card className="bg-muted/20 py-2 gap-2">
                   <CardHeader className="px-3 pt-2 pb-1">
                     <CardTitle className="text-xs font-medium text-muted-foreground uppercase tracking-wider flex items-center gap-1.5">
-                      <Eye className="size-3" /> Descrição pública
+                      <Eye className="size-3" /> {t('lessonForm.publicDescription')}
                     </CardTitle>
                   </CardHeader>
                   <CardContent className="px-3 pb-2">
@@ -1039,7 +1075,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                 <Card className="bg-muted/20 py-2 gap-2">
                   <CardHeader className="px-3 pt-2 pb-1">
                     <CardTitle className="text-xs font-medium text-muted-foreground uppercase tracking-wider flex items-center gap-1.5">
-                      <Lock className="size-3" /> Notas internas
+                      <Lock className="size-3" /> {t('lessonForm.privateDescription')}
                     </CardTitle>
                   </CardHeader>
                   <CardContent className="px-3 pb-2">
@@ -1067,7 +1103,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                   <Card className="bg-muted/20 py-2 gap-2">
                     <CardHeader className="px-3 pt-2 pb-1">
                       <CardTitle className="text-xs font-medium text-muted-foreground uppercase tracking-wider flex items-center gap-1.5">
-                        <Video className="size-3 text-blue-500" /> Vídeo
+                        <Video className="size-3 text-blue-500" /> {t('types.video')}
                       </CardTitle>
                     </CardHeader>
                     <CardContent className="px-3 pb-2 flex flex-col gap-3">
@@ -1076,7 +1112,9 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                         name="videoProvider"
                         render={({ field }) => (
                           <FormItem>
-                            <FormLabel className="text-xs">Provider</FormLabel>
+                            <FormLabel className="text-xs">
+                              {t('lessonForm.videoProvider')}
+                            </FormLabel>
                             <Select
                               value={field.value}
                               onValueChange={field.onChange}
@@ -1087,7 +1125,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                                 </SelectTrigger>
                               </FormControl>
                               <SelectContent>
-                                {VIDEO_PROVIDERS.map((p) => (
+                                {videoProviders.map((p) => (
                                   <SelectItem key={p.value} value={p.value}>
                                     {p.label}
                                   </SelectItem>
@@ -1105,14 +1143,14 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                         render={({ field }) => (
                           <FormItem>
                             <FormLabel className="text-xs">
-                              URL do vídeo
+                              {t('lessonForm.videoUrl')}
                             </FormLabel>
                             <FormControl>
                               <Input
                                 {...field}
                                 value={field.value ?? ''}
                                 className="h-8 text-xs font-mono"
-                                placeholder="https://…"
+                                placeholder={t('lessonForm.videoUrlPlaceholder')}
                               />
                             </FormControl>
                             <FormMessage className="text-xs" />
@@ -1126,7 +1164,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                         render={({ field }) => (
                           <FormItem>
                             <FormLabel className="text-xs">
-                              Transcrição
+                              {t('lessonForm.tabTranscription')}
                             </FormLabel>
                             <FormControl>
                               <Textarea
@@ -1134,7 +1172,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                                 value={field.value ?? ''}
                                 rows={5}
                                 className="text-xs resize-none font-mono"
-                                placeholder="Transcrição automática ou manual do vídeo…"
+                                placeholder={t('lessonForm.transcriptionPlaceholder')}
                               />
                             </FormControl>
                             <FormMessage className="text-xs" />
@@ -1150,7 +1188,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                     <CardHeader className="px-3 pt-2 pb-1">
                       <CardTitle className="text-xs font-medium text-muted-foreground uppercase tracking-wider flex items-center gap-1.5">
                         <FileText className="size-3 text-emerald-500" />{' '}
-                        Conteúdo do post
+                        {t('lessonForm.postContent')}
                       </CardTitle>
                     </CardHeader>
                     <CardContent className="px-3 pb-2">
@@ -1179,7 +1217,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                       <CardTitle className="text-xs font-medium text-muted-foreground uppercase tracking-wider flex items-center justify-between gap-1.5">
                         <span className="flex items-center gap-1.5">
                           <ListChecks className="size-3 text-amber-500" />{' '}
-                          Questão vinculada
+                          {t('lessonForm.linkedExam')}
                         </span>
                         <Button
                           type="button"
@@ -1189,7 +1227,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                           onClick={openCreateQuestion}
                         >
                           <Plus className="size-3" />
-                          Nova questão
+                          {t('questionEditor.newQuestion')}
                         </Button>
                       </CardTitle>
                     </CardHeader>
@@ -1209,15 +1247,15 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                                     null;
                                   setSelectedQuestion(found);
                                 }}
-                                placeholder="Selecionar questão…"
-                                searchPlaceholder="Buscar questão…"
-                                emptyLabel="Nenhuma questão encontrada"
-                                entityLabel="Questão"
+                                placeholder={t('questionEditor.selectQuestion')}
+                                searchPlaceholder={t('questionEditor.searchQuestion')}
+                                emptyLabel={t('questionEditor.noQuestionsFound')}
+                                entityLabel={t('questionEditor.questionEntity')}
                                 options={MOCK_QUESTIONS}
                                 getOptionValue={(o) => o.id}
                                 getOptionLabel={(o) => o.title}
                                 getOptionDescription={(o) =>
-                                  QUESTION_TYPE_LABELS[o.type]
+                                  questionTypeLabels[o.type]
                                 }
                               />
                             </FormControl>
@@ -1233,9 +1271,9 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                               {selectedQuestion.title}
                             </p>
                             <p className="text-xs text-muted-foreground">
-                              {QUESTION_TYPE_LABELS[selectedQuestion.type]}
+                              {questionTypeLabels[selectedQuestion.type]}
                               {selectedQuestion.points != null &&
-                                ` · ${selectedQuestion.points} pt`}
+                                ` · ${selectedQuestion.points} ${t('questionEditor.pointsSuffix')}`}
                             </p>
                           </div>
                           <Button
@@ -1244,7 +1282,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                             size="icon"
                             className="size-7 shrink-0"
                             onClick={() => openEditQuestion(selectedQuestion)}
-                            aria-label="Editar questão"
+                            aria-label={t('questionEditor.editQuestion')}
                           >
                             <Pencil className="size-3.5" />
                           </Button>
@@ -1313,11 +1351,13 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                   )}
                   <div className="text-center">
                     <p className="text-xs font-medium">
-                      {isUploading ? 'Enviando…' : 'Solte o arquivo aqui'}
+                      {isUploading
+                        ? t('questionEditor.uploading')
+                        : t('questionEditor.dropFile')}
                     </p>
                     {!isUploading && (
                       <p className="text-xs text-muted-foreground">
-                        ou clique para selecionar
+                        {t('questionEditor.clickToSelect')}
                       </p>
                     )}
                   </div>
@@ -1338,15 +1378,16 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                 {/* Counter */}
                 {localResources.length > 0 && (
                   <p className="text-xs text-muted-foreground">
-                    {localResources.length} recurso
-                    {localResources.length !== 1 ? 's' : ''}
+                    {t('lessonForm.resourcesCount', {
+                      count: localResources.length,
+                    })}
                   </p>
                 )}
 
                 {/* Resource list */}
                 {localResources.length === 0 ? (
                   <p className="text-center text-xs text-muted-foreground py-1">
-                    Nenhum recurso vinculado.
+                    {t('questionEditor.noLinkedResources')}
                   </p>
                 ) : (
                   <div className="flex flex-col gap-1">
@@ -1374,7 +1415,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                           {res.public && (
                             <Eye
                               className="size-3 text-emerald-500 shrink-0"
-                              aria-label="Público"
+                              aria-label={t('lessonForm.public')}
                             />
                           )}
                           {/* Abrir em nova aba */}
@@ -1383,7 +1424,9 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                               href={res.url}
                               target="_blank"
                               rel="noopener noreferrer"
-                              aria-label={`Abrir ${res.name} em nova aba`}
+                              aria-label={t('questionEditor.openInNewTab', {
+                                name: res.name,
+                              })}
                               onClick={(e) => e.stopPropagation()}
                               className="inline-flex items-center justify-center size-6 rounded-md text-muted-foreground hover:text-foreground hover:bg-accent transition-colors shrink-0"
                             >
@@ -1397,7 +1440,9 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                             size="icon"
                             className="size-6 shrink-0 text-muted-foreground hover:text-foreground"
                             onClick={() => handleResourceDownload(res)}
-                            aria-label={`Baixar ${res.name}`}
+                            aria-label={t('questionEditor.downloadResource', {
+                              name: res.name,
+                            })}
                           >
                             <Download className="size-3" />
                           </Button>
@@ -1408,7 +1453,9 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                             size="icon"
                             className="size-6 shrink-0 text-muted-foreground hover:text-destructive"
                             onClick={() => void removeResource(res.id)}
-                            aria-label={`Remover ${res.name}`}
+                            aria-label={t('questionEditor.removeResource', {
+                              name: res.name,
+                            })}
                           >
                             <X className="size-3" />
                           </Button>
@@ -1435,7 +1482,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
               onClick={() => form.reset()}
             >
               <Undo2 className="size-3 mr-1" />
-              Cancelar
+              {t('lessonForm.cancel')}
             </Button>
             <div className="flex-1" />
             <Button
@@ -1449,7 +1496,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
               ) : (
                 <Save className="size-3 mr-1" />
               )}
-              Salvar aula
+              {t('lessonForm.save')}
             </Button>
           </div>
         </div>
@@ -1462,14 +1509,18 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
           >
             <SheetHeader>
               <SheetTitle>
-                {editingQuestion ? 'Editar questão' : 'Nova questão'}
+                {editingQuestion
+                  ? t('questionEditor.editQuestion')
+                  : t('questionEditor.newQuestion')}
               </SheetTitle>
             </SheetHeader>
 
             <div className="flex flex-1 flex-col gap-5 px-4 pb-4">
               {/* Enunciado */}
               <div className="flex flex-col gap-1.5">
-                <Label className="text-sm font-medium">Enunciado</Label>
+                <Label className="text-sm font-medium">
+                  {t('questionEditor.statement')}
+                </Label>
                 <RichTextEditor
                   value={qSheetStatement}
                   onChange={setQSheetStatement}
@@ -1484,7 +1535,9 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
               {/* Tipo + Pontuação */}
               <div className="grid grid-cols-2 gap-3">
                 <div className="flex flex-col gap-1.5">
-                  <Label className="text-sm font-medium">Tipo</Label>
+                  <Label className="text-sm font-medium">
+                    {t('questionEditor.type')}
+                  </Label>
                   <Select
                     value={qSheetType}
                     onValueChange={(v) =>
@@ -1496,17 +1549,19 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                     </SelectTrigger>
                     <SelectContent>
                       {(
-                        Object.keys(QUESTION_TYPE_LABELS) as QuestionType[]
+                        Object.keys(questionTypeLabels) as QuestionType[]
                       ).map((t) => (
                         <SelectItem key={t} value={t}>
-                          {QUESTION_TYPE_LABELS[t]}
+                          {questionTypeLabels[t]}
                         </SelectItem>
                       ))}
                     </SelectContent>
                   </Select>
                 </div>
                 <div className="flex flex-col gap-1.5">
-                  <Label className="text-sm font-medium">Pontuação</Label>
+                  <Label className="text-sm font-medium">
+                    {t('questionEditor.points')}
+                  </Label>
                   <Input
                     type="number"
                     min={0}
@@ -1523,7 +1578,9 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
               {qSheetType === 'multiple_choice' && (
                 <div className="flex flex-col gap-2">
                   <div className="flex items-center justify-between">
-                    <Label className="text-sm font-medium">Alternativas</Label>
+                    <Label className="text-sm font-medium">
+                      {t('questionEditor.alternatives')}
+                    </Label>
                     <Button
                       type="button"
                       variant="outline"
@@ -1537,7 +1594,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                       }
                     >
                       <Plus className="size-3" />
-                      Adicionar
+                      {t('questionEditor.add')}
                     </Button>
                   </div>
                   {qSheetErrors.alts && (
@@ -1569,6 +1626,15 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                           key={alt.id}
                           alt={alt}
                           index={idx}
+                          dragLabel={t('questionEditor.dragAlternative')}
+                          textPlaceholder={t(
+                            'questionEditor.alternativeTextPlaceholder'
+                          )}
+                          markIncorrectLabel={t(
+                            'questionEditor.markAsIncorrect'
+                          )}
+                          markCorrectLabel={t('questionEditor.markAsCorrect')}
+                          removeLabel={t('questionEditor.removeAlternative')}
                           canRemove={qSheetAlts.length > 2}
                           onToggleCorrect={() =>
                             setQSheetAlts((prev) =>
@@ -1602,7 +1668,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
               {qSheetType === 'true_false' && (
                 <div className="flex flex-col gap-2">
                   <Label className="text-sm font-medium">
-                    Resposta correta
+                    {t('questionEditor.correctAnswer')}
                   </Label>
                   {qSheetErrors.alts && (
                     <p className="text-xs text-destructive">
@@ -1642,7 +1708,9 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
               {qSheetType === 'fill_blank' && (
                 <div className="flex flex-col gap-2">
                   <div className="flex items-center justify-between">
-                    <Label className="text-sm font-medium">Lacunas</Label>
+                    <Label className="text-sm font-medium">
+                      {t('questionEditor.blanks')}
+                    </Label>
                     <Button
                       type="button"
                       variant="outline"
@@ -1660,7 +1728,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                       }
                     >
                       <Plus className="size-3" />
-                      Adicionar
+                      {t('questionEditor.add')}
                     </Button>
                   </div>
                   {qSheetFillBlanks.map((fb, idx) => (
@@ -1670,7 +1738,9 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                     >
                       <div className="flex items-center justify-between">
                         <span className="text-xs font-medium text-muted-foreground">
-                          Lacuna {idx + 1}
+                          {t('questionEditor.blankLabel', {
+                            count: idx + 1,
+                          })}
                         </span>
                         {qSheetFillBlanks.length > 1 && (
                           <button
@@ -1681,14 +1751,16 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                                 prev.filter((f) => f.id !== fb.id)
                               )
                             }
-                            aria-label="Remover lacuna"
+                            aria-label={t('questionEditor.removeBlank')}
                           >
                             <X className="size-3.5" />
                           </button>
                         )}
                       </div>
                       <Input
-                        placeholder="Resposta correta"
+                        placeholder={t(
+                          'questionEditor.correctAnswerPlaceholder'
+                        )}
                         value={fb.answer}
                         onChange={(e) =>
                           setQSheetFillBlanks((prev) =>
@@ -1701,7 +1773,9 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                         }
                       />
                       <Input
-                        placeholder="Alternativas separadas por vírgula (opcional)"
+                        placeholder={t(
+                          'questionEditor.alternativesPlaceholder'
+                        )}
                         value={fb.alternativesText}
                         onChange={(e) =>
                           setQSheetFillBlanks((prev) =>
@@ -1723,7 +1797,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                 <div className="flex flex-col gap-2">
                   <div className="flex items-center justify-between">
                     <Label className="text-sm font-medium">
-                      Pares de associação
+                      {t('questionEditor.matchingPairs')}
                     </Label>
                     <Button
                       type="button"
@@ -1738,7 +1812,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                       }
                     >
                       <Plus className="size-3" />
-                      Adicionar
+                      {t('questionEditor.add')}
                     </Button>
                   </div>
                   {qSheetPairs.map((pair, idx) => (
@@ -1747,7 +1821,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                         {idx + 1}
                       </span>
                       <Input
-                        placeholder="Esquerda"
+                        placeholder={t('questionEditor.left')}
                         value={pair.leftText}
                         onChange={(e) =>
                           setQSheetPairs((prev) =>
@@ -1762,7 +1836,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                       />
                       <span className="text-muted-foreground text-xs">↔</span>
                       <Input
-                        placeholder="Direita"
+                        placeholder={t('questionEditor.right')}
                         value={pair.rightText}
                         onChange={(e) =>
                           setQSheetPairs((prev) =>
@@ -1784,7 +1858,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                               prev.filter((p) => p.id !== pair.id)
                             )
                           }
-                          aria-label="Remover par"
+                          aria-label={t('questionEditor.removePair')}
                         >
                           <X className="size-4" />
                         </button>
@@ -1797,7 +1871,7 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
               {/* Dissertativa */}
               {qSheetType === 'essay' && (
                 <div className="rounded-lg border bg-muted/30 p-4 text-center text-sm text-muted-foreground">
-                  Questão dissertativa — o aluno responderá em texto livre.
+                  {t('questionEditor.essayHelp')}
                 </div>
               )}
             </div>
@@ -1809,11 +1883,13 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
                 className="flex-1"
                 onClick={() => setQuestionSheetOpen(false)}
               >
-                Cancelar
+                {t('lessonForm.cancel')}
               </Button>
               <Button type="button" className="flex-1" onClick={saveQuestion}>
                 <Save className="size-4 mr-1.5" />
-                {editingQuestion ? 'Salvar alterações' : 'Criar questão'}
+                {editingQuestion
+                  ? t('questionEditor.saveChanges')
+                  : t('questionEditor.createQuestion')}
               </Button>
             </SheetFooter>
           </SheetContent>