@hed-hog/lms 0.0.329 → 0.0.331

package/hedhog/frontend/app/certificates/models/TopBar.tsx.ejs

@@ -21,6 +21,7 @@ import {
   ZoomIn,
   ZoomOut,
 } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { useCallback, useEffect, useRef } from 'react';
 import { toast } from 'sonner';
 import { getCanvasAPI } from '../../_lib/editor/canvasInstance';
@@ -44,6 +45,7 @@ type TopbarProps = {
 };
 
 export default function Topbar({ templateContext }: TopbarProps) {
+  const t = useTranslations('lms.CertificateTemplateEditor');
   const { request } = useApp();
   const name = useTemplateStore((s) => s.template.name);
   const setName = useTemplateStore((s) => s.setName);
@@ -96,7 +98,7 @@ export default function Topbar({ templateContext }: TopbarProps) {
           },
         })
         .catch(() => {
-          toast.error('Falha ao salvar automaticamente');
+          toast.error(t('topBar.toasts.autoSaveError'));
         });
     }, 1500);
 
@@ -109,13 +111,13 @@ export default function Topbar({ templateContext }: TopbarProps) {
   const handleNew = useCallback(() => {
     resetTemplate();
     getCanvasAPI()?.loadTemplate(useTemplateStore.getState().template);
-    toast.success('Novo template criado');
+    toast.success(t('topBar.toasts.created'));
   }, [resetTemplate]);
 
   const handleSave = useCallback(() => {
     const run = async () => {
       if (!templateContext) {
-        toast.success('Template salvo no localStorage');
+        toast.success(t('topBar.toasts.savedLocalStorage'));
         return;
       }
 
@@ -130,11 +132,11 @@ export default function Topbar({ templateContext }: TopbarProps) {
         },
       });
 
-      toast.success('Template salvo');
+      toast.success(t('topBar.toasts.saved'));
     };
 
     run().catch(() => {
-      toast.error('Falha ao salvar template');
+      toast.error(t('topBar.toasts.saveError'));
     });
   }, [request, templateContext, templateState]);
 
@@ -148,7 +150,7 @@ export default function Topbar({ templateContext }: TopbarProps) {
     a.download = `${templateState.name.replace(/\s+/g, '_')}.json`;
     a.click();
     URL.revokeObjectURL(url);
-    toast.success('JSON exportado');
+    toast.success(t('topBar.toasts.exportedJson'));
   }, [templateState]);
 
   const handleImport = useCallback(
@@ -160,14 +162,14 @@ export default function Topbar({ templateContext }: TopbarProps) {
         try {
           const parsed = JSON.parse(ev.target?.result as string);
           if (!isValidTemplate(parsed)) {
-            toast.error('JSON invalido: schema ou version incorretos');
+            toast.error(t('topBar.toasts.invalidJson'));
             return;
           }
           setTemplate(parsed);
           getCanvasAPI()?.loadTemplate(parsed);
-          toast.success('Template importado com sucesso');
+          toast.success(t('topBar.toasts.imported'));
         } catch {
-          toast.error('Erro ao ler JSON');
+          toast.error(t('topBar.toasts.readJsonError'));
         }
       };
       reader.readAsText(file);
@@ -195,7 +197,7 @@ export default function Topbar({ templateContext }: TopbarProps) {
         value={name}
         onChange={(e) => setName(e.target.value)}
         className="h-8 w-52 text-sm font-medium"
-        aria-label="Nome do template"
+        aria-label={t('topBar.templateNameAriaLabel')}
       />
 
       <div className="mx-1 h-5 w-px bg-border" />
@@ -210,10 +212,10 @@ export default function Topbar({ templateContext }: TopbarProps) {
             onClick={handleNew}
           >
             <FilePlus className="size-4" />
-            <span className="sr-only">Novo</span>
+            <span className="sr-only">{t('topBar.actions.new')}</span>
           </Button>
         </TooltipTrigger>
-        <TooltipContent>Novo Template</TooltipContent>
+        <TooltipContent>{t('topBar.tooltips.newTemplate')}</TooltipContent>
       </Tooltip>
 
       <Tooltip>
@@ -225,11 +227,13 @@ export default function Topbar({ templateContext }: TopbarProps) {
             onClick={handleSave}
           >
             <Save className="size-4" />
-            <span className="sr-only">Salvar</span>
+            <span className="sr-only">{t('topBar.actions.save')}</span>
           </Button>
         </TooltipTrigger>
         <TooltipContent>
-          {templateContext ? 'Salvar no banco' : 'Salvar (localStorage)'}
+          {templateContext
+            ? t('topBar.tooltips.saveDatabase')
+            : t('topBar.tooltips.saveLocalStorage')}
         </TooltipContent>
       </Tooltip>
 
@@ -242,10 +246,10 @@ export default function Topbar({ templateContext }: TopbarProps) {
             onClick={handleExport}
           >
             <Download className="size-4" />
-            <span className="sr-only">Exportar JSON</span>
+            <span className="sr-only">{t('topBar.actions.exportJson')}</span>
           </Button>
         </TooltipTrigger>
-        <TooltipContent>Exportar JSON</TooltipContent>
+        <TooltipContent>{t('topBar.tooltips.exportJson')}</TooltipContent>
       </Tooltip>
 
       <Tooltip>
@@ -257,10 +261,10 @@ export default function Topbar({ templateContext }: TopbarProps) {
             onClick={() => importRef.current?.click()}
           >
             <Upload className="size-4" />
-            <span className="sr-only">Importar JSON</span>
+            <span className="sr-only">{t('topBar.actions.importJson')}</span>
           </Button>
         </TooltipTrigger>
-        <TooltipContent>Importar JSON</TooltipContent>
+        <TooltipContent>{t('topBar.tooltips.importJson')}</TooltipContent>
       </Tooltip>
       <input
         ref={importRef}
@@ -282,11 +286,13 @@ export default function Topbar({ templateContext }: TopbarProps) {
             onClick={toggleSnap}
           >
             <Magnet className="size-4" />
-            <span className="sr-only">Snap</span>
+            <span className="sr-only">{t('topBar.actions.snap')}</span>
           </Button>
         </TooltipTrigger>
         <TooltipContent>
-          {snapEnabled ? 'Desativar Snap' : 'Ativar Snap'}
+          {snapEnabled
+            ? t('topBar.tooltips.disableSnap')
+            : t('topBar.tooltips.enableSnap')}
         </TooltipContent>
       </Tooltip>
 
@@ -299,11 +305,13 @@ export default function Topbar({ templateContext }: TopbarProps) {
             onClick={toggleGrid}
           >
             <Grid3X3 className="size-4" />
-            <span className="sr-only">Grid</span>
+            <span className="sr-only">{t('topBar.actions.grid')}</span>
           </Button>
         </TooltipTrigger>
         <TooltipContent>
-          {gridEnabled ? 'Ocultar Grade' : 'Mostrar Grade'}
+          {gridEnabled
+            ? t('topBar.tooltips.hideGrid')
+            : t('topBar.tooltips.showGrid')}
         </TooltipContent>
       </Tooltip>
 
@@ -316,11 +324,13 @@ export default function Topbar({ templateContext }: TopbarProps) {
             onClick={toggleMargins}
           >
             <Square className="size-4" />
-            <span className="sr-only">Margens</span>
+            <span className="sr-only">{t('topBar.actions.margins')}</span>
           </Button>
         </TooltipTrigger>
         <TooltipContent>
-          {marginsEnabled ? 'Ocultar Margens' : 'Mostrar Margens Seguras'}
+          {marginsEnabled
+            ? t('topBar.tooltips.hideMargins')
+            : t('topBar.tooltips.showMargins')}
         </TooltipContent>
       </Tooltip>
 
@@ -328,13 +338,13 @@ export default function Topbar({ templateContext }: TopbarProps) {
 
       {/* ── shortcuts hint ── */}
       <div className="hidden items-center gap-2 text-[10px] text-muted-foreground lg:flex">
-        <span>Ctrl+Scroll: zoom</span>
+        <span>{t('topBar.shortcuts.ctrlScrollZoom')}</span>
         <span className="text-border">|</span>
-        <span>Space+Drag: pan</span>
+        <span>{t('topBar.shortcuts.spaceDragPan')}</span>
         <span className="text-border">|</span>
-        <span>Del: excluir</span>
+        <span>{t('topBar.shortcuts.delDelete')}</span>
         <span className="text-border">|</span>
-        <span>Ctrl+D: duplicar</span>
+        <span>{t('topBar.shortcuts.ctrlDDuplicate')}</span>
       </div>
 
       <div className="mx-1 h-5 w-px bg-border" />
@@ -350,10 +360,10 @@ export default function Topbar({ templateContext }: TopbarProps) {
               onClick={zoomOut}
             >
               <ZoomOut className="size-4" />
-              <span className="sr-only">Zoom Out</span>
+              <span className="sr-only">{t('topBar.actions.zoomOut')}</span>
             </Button>
           </TooltipTrigger>
-          <TooltipContent>Zoom -</TooltipContent>
+          <TooltipContent>{t('topBar.tooltips.zoomOut')}</TooltipContent>
         </Tooltip>
 
         <span className="w-14 text-center text-xs font-medium tabular-nums text-muted-foreground">
@@ -369,10 +379,10 @@ export default function Topbar({ templateContext }: TopbarProps) {
               onClick={zoomIn}
             >
               <ZoomIn className="size-4" />
-              <span className="sr-only">Zoom In</span>
+              <span className="sr-only">{t('topBar.actions.zoomIn')}</span>
             </Button>
           </TooltipTrigger>
-          <TooltipContent>Zoom +</TooltipContent>
+          <TooltipContent>{t('topBar.tooltips.zoomIn')}</TooltipContent>
         </Tooltip>
 
         <Tooltip>
@@ -384,10 +394,10 @@ export default function Topbar({ templateContext }: TopbarProps) {
               onClick={zoomReset}
             >
               <RotateCcw className="size-4" />
-              <span className="sr-only">Reset Zoom</span>
+              <span className="sr-only">{t('topBar.actions.resetZoom')}</span>
             </Button>
           </TooltipTrigger>
-          <TooltipContent>Reset Zoom + Pan (50%)</TooltipContent>
+          <TooltipContent>{t('topBar.tooltips.resetZoom')}</TooltipContent>
         </Tooltip>
       </div>
     </header>

package/hedhog/frontend/app/certificates/models/page.tsx.ejs

@@ -789,7 +789,7 @@ export default function ModelsPage() {
           }
         }}
       >
-        <SheetContent className="overflow-y-auto sm:max-w-xl">
+        <SheetContent className="overflow-y-auto sm:max-w-xl">
           <SheetHeader>
             <SheetTitle>{t('editSheet.title')}</SheetTitle>
             <SheetDescription>{t('editSheet.description')}</SheetDescription>

package/hedhog/frontend/app/classes/[id]/page.tsx.ejs

@@ -1190,7 +1190,7 @@ export default function TurmaDetalhePage() {
       setGlobalMaterials((prev) => [res.data, ...prev]);
       resetGlobalLinkForm();
     } catch {
-      toast.error('Não foi possível adicionar o link.');
+      toast.error(t('messages.linkAddError'));
     } finally {
       setGlobalSavingLink(false);
     }
@@ -1265,7 +1265,7 @@ export default function TurmaDetalhePage() {
       });
       setGlobalMaterials((prev) => prev.filter((m) => m.id !== materialId));
     } catch {
-      toast.error('Não foi possível remover o material.');
+      toast.error(t('messages.materialRemoveError'));
     }
   };
 
@@ -1653,9 +1653,9 @@ export default function TurmaDetalhePage() {
       });
       await refetchCourseDetail();
       setCourseSheetOpen(false);
-      toast.success('Curso atualizado com sucesso.');
+      toast.success(t('messages.courseUpdateSuccess'));
     } catch {
-      toast.error('Não foi possível salvar o curso.');
+      toast.error(t('messages.courseSaveError'));
     } finally {
       setSavingCourse(false);
     }
@@ -1690,7 +1690,7 @@ export default function TurmaDetalhePage() {
     );
 
     if (selectedEligiblePeople.length === 0) {
-      toast.error('Nenhuma pessoa elegivel foi encontrada para matricula.');
+      toast.error(t('messages.noEligiblePersonFound'));
       return;
     }
 
@@ -1718,7 +1718,7 @@ export default function TurmaDetalhePage() {
       const message = getErrorMessage(error);
 
       if (message?.toLowerCase().includes('already enrolled')) {
-        toast.error('Esta pessoa ja esta matriculada na turma.');
+        toast.error(t('messages.personAlreadyEnrolled'));
       } else {
         toast.error(message || t('toasts.error'));
       }
@@ -2208,7 +2208,7 @@ export default function TurmaDetalhePage() {
       notifyLmsDataUpdated();
       setDeleteAulaDialogOpen(false);
       setAulaToDelete(null);
-      toast.success('Aula removida com sucesso.');
+      toast.success(t('messages.lessonRemovedSuccess'));
     } catch {
       toast.error(t('toasts.error'));
     } finally {
@@ -2359,7 +2359,7 @@ export default function TurmaDetalhePage() {
       }));
       resetLinkForm();
     } catch {
-      toast.error('Não foi possível adicionar o link.');
+      toast.error(t('messages.linkAddError'));
     } finally {
       setSavingLink(false);
     }
@@ -2379,7 +2379,7 @@ export default function TurmaDetalhePage() {
         }));
       }
     } catch {
-      toast.error('Não foi possível remover o material.');
+      toast.error(t('messages.materialRemoveError'));
     }
   };
 
@@ -2452,13 +2452,13 @@ export default function TurmaDetalhePage() {
     },
     {
       key: 'next-session',
-      title: 'Proxima aula',
+      title: t('kpis.nextClass'),
       value: nextSession
         ? format(nextSessionStartsAt!, 'dd/MM', { locale: dateLocale })
-        : 'Sem aula',
+        : t('kpis.noClass'),
       description: nextSession
         ? `${nextSession.horaInicio} - ${nextSession.horaFim}`
-        : 'Crie a proxima sessao',
+        : t('kpis.createNext'),
       icon: Clock,
       iconContainerClassName: 'bg-emerald-500/10 text-emerald-700',
       accentClassName: 'from-emerald-500/25 via-green-500/10 to-transparent',
@@ -2466,9 +2466,9 @@ export default function TurmaDetalhePage() {
     },
     {
       key: 'calendar',
-      title: 'Calendario',
+      title: t('kpis.calendar'),
       value: totalSessionsCount,
-      description: `${completedSessionsCount} concluidas`,
+      description: t('kpis.completed', { count: completedSessionsCount }),
       icon: CalendarIcon,
       iconContainerClassName: 'bg-violet-500/10 text-violet-700',
       accentClassName: 'from-violet-500/25 via-violet-500/10 to-transparent',
@@ -2522,7 +2522,7 @@ export default function TurmaDetalhePage() {
 
   const handleViewCourse = (): void => {
     if (!courseId) {
-      toast.error('Nao foi possivel localizar o curso desta turma.');
+      toast.error(t('messages.classCourseNotFound'));
       return;
     }
 
@@ -2582,7 +2582,7 @@ export default function TurmaDetalhePage() {
             variant: 'outline',
           },
           {
-            label: 'Editar turma',
+            label: t('actions.editClass'),
             onClick: () => setEditSheetOpen(true),
             variant: 'default',
           },
@@ -2660,7 +2660,7 @@ export default function TurmaDetalhePage() {
                     key={i}
                     className="overflow-hidden border-border/70 py-0"
                   >
-                    <div className="h-1 w-full bg-gradient-to-r from-slate-300/70 via-slate-200 to-transparent" />
+                    <div className="h-1 w-full bg-linear-to-r from-slate-300/70 via-slate-200 to-transparent" />
                     <CardContent className="p-4">
                       <Skeleton className="mb-2 h-8 w-16" />
                       <Skeleton className="h-4 w-28" />
@@ -2803,7 +2803,7 @@ export default function TurmaDetalhePage() {
                               #
                             </TableHead>
                             <TableHead>Sessão</TableHead>
-                            <TableHead className="w-[120px]">Data</TableHead>
+                            <TableHead className="w-30">Data</TableHead>
                             <TableHead className="w-[105px]">Horário</TableHead>
                             <TableHead className="w-[90px]">Tipo</TableHead>
                             <TableHead>Instrutor</TableHead>
@@ -2814,7 +2814,7 @@ export default function TurmaDetalhePage() {
                               Materiais
                             </TableHead>
                             <TableHead className="w-[90px]">Link</TableHead>
-                            <TableHead className="w-[44px]" />
+                            <TableHead className="w-11" />
                           </TableRow>
                         </TableHeader>
                         <TableBody>
@@ -3359,7 +3359,7 @@ export default function TurmaDetalhePage() {
                                 src={getPersonAvatarUrl(aluno.avatarId)}
                                 alt={aluno.nome}
                               />
-                              <AvatarFallback className="bg-gradient-to-br from-blue-100 to-blue-200 text-[11px] font-medium text-blue-700">
+                              <AvatarFallback className="bg-linear-to-br from-blue-100 to-blue-200 text-[11px] font-medium text-blue-700">
                                 {getPersonInitials(aluno.nome)}
                               </AvatarFallback>
                             </Avatar>
@@ -3616,7 +3616,7 @@ export default function TurmaDetalhePage() {
                                       {tClasses(`type.${aula.tipo}`)}
                                     </Badge>
                                   </TableCell>
-                                  <TableCell className="max-w-[180px] truncate text-sm text-muted-foreground">
+                                  <TableCell className="max-w-45 truncate text-sm text-muted-foreground">
                                     {aula.meetingUrl || aula.local || '—'}
                                   </TableCell>
                                   <TableCell className="text-sm text-muted-foreground">
@@ -3857,7 +3857,7 @@ export default function TurmaDetalhePage() {
                       <Table>
                         <TableHeader>
                           <TableRow className="bg-muted/40 hover:bg-muted/40">
-                            <TableHead className="sticky left-0 z-10 min-w-[260px] bg-muted/40 font-semibold">
+                            <TableHead className="sticky left-0 z-10 min-w-65 bg-muted/40 font-semibold">
                               {t('tabs.students')}
                             </TableHead>
                             {aulasState.map((aula) => {
@@ -3886,14 +3886,14 @@ export default function TurmaDetalhePage() {
                               key={aluno.id}
                               className="hover:bg-muted/30"
                             >
-                              <TableCell className="sticky left-0 z-10 min-w-[260px] border-r border-border/40 bg-background">
+                              <TableCell className="sticky left-0 z-10 min-w-65 border-r border-border/40 bg-background">
                                 <div className="flex min-w-0 items-center gap-3">
                                   <Avatar className="size-8 shrink-0">
                                     <AvatarImage
                                       src={getPersonAvatarUrl(aluno.avatarId)}
                                       alt={aluno.nome}
                                     />
-                                    <AvatarFallback className="bg-gradient-to-br from-blue-100 to-blue-200 text-[11px] font-medium text-blue-700">
+                                    <AvatarFallback className="bg-linear-to-br from-blue-100 to-blue-200 text-[11px] font-medium text-blue-700">
                                       {getPersonInitials(aluno.nome)}
                                     </AvatarFallback>
                                   </Avatar>
@@ -4195,7 +4195,7 @@ export default function TurmaDetalhePage() {
                                 globalLinkTitleEditedRef.current =
                                   e.target.value.length > 0;
                               }}
-                              placeholder="Ex: Referência de estudo"
+                              placeholder={t('links.studyRefPlaceholder')}
                             />
                           </Field>
                           <div className="flex gap-2">
@@ -4615,7 +4615,7 @@ export default function TurmaDetalhePage() {
                     src={getPersonAvatarUrl(selectedStudentProfile.avatarId)}
                     alt={selectedStudentProfile.nome}
                   />
-                  <AvatarFallback className="bg-gradient-to-br from-blue-100 to-blue-200 text-xs font-medium text-blue-700">
+                  <AvatarFallback className="bg-linear-to-br from-blue-100 to-blue-200 text-xs font-medium text-blue-700">
                     {getPersonInitials(selectedStudentProfile.nome)}
                   </AvatarFallback>
                 </Avatar>
@@ -5655,7 +5655,7 @@ export default function TurmaDetalhePage() {
                             linkTitleEditedRef.current =
                               e.target.value.length > 0;
                           }}
-                          placeholder="Ex: Slides da aula"
+                          placeholder={t('links.lessonSlidesPlaceholder')}
                         />
                       </Field>
                       <div className="flex gap-2">

package/hedhog/frontend/app/classes/page.tsx.ejs

@@ -1522,7 +1522,7 @@ export default function TurmasPage() {
       setCourseSheetOpen(false);
       toast.success(courseSheetT('toasts.courseCreated'));
     } catch {
-      toast.error('Nao foi possivel cadastrar o curso.');
+      toast.error(t('messages.classCreateCourseError'));
     } finally {
       setSavingCourse(false);
     }
@@ -1606,7 +1606,7 @@ export default function TurmasPage() {
       notifyLmsDashboardUpdated();
       setSheetOpen(false);
     } catch {
-      toast.error('Nao foi possivel salvar a turma.');
+      toast.error(t('messages.classSaveError'));
     } finally {
       setSaving(false);
     }
@@ -1627,7 +1627,7 @@ export default function TurmasPage() {
       setTurmaToDelete(null);
       setDeleteDialogOpen(false);
     } catch {
-      toast.error('Nao foi possivel excluir a turma.');
+      toast.error(t('messages.classDeleteError'));
     }
   }
 
@@ -2321,9 +2321,15 @@ export default function TurmasPage() {
                       entityLabel={t('form.fields.course.label')}
                       initialSelectedLabel={selectedCourseTitle}
                       searchPlaceholder={t('form.fields.course.placeholder')}
-                      emptyStateDescription="Nenhum curso encontrado."
-                      loadingLabel="Carregando cursos..."
-                      noResultsLabel="Nenhum curso encontrado."
+                      emptyStateDescription={t(
+                        'components.entityPicker.courses.empty'
+                      )}
+                      loadingLabel={t(
+                        'components.entityPicker.courses.loading'
+                      )}
+                      noResultsLabel={t(
+                        'components.entityPicker.courses.empty'
+                      )}
                       showCreateButton={false}
                       renderOption={({ option }) => (
                         <div className="flex items-center gap-2 py-0.5">
@@ -2398,7 +2404,7 @@ export default function TurmasPage() {
                     size="icon"
                     className="shrink-0"
                     onClick={openCourseCreateSheet}
-                    aria-label="Cadastrar novo curso"
+                    aria-label={courseSheetT('actions.createCourse')}
                   >
                     <Plus className="h-4 w-4" />
                   </Button>
@@ -2833,8 +2839,10 @@ export default function TurmasPage() {
                     placeholder={t('form.fields.professor.placeholder')}
                     initialSelectedLabel={watchedFormValues.professor ?? ''}
                     searchPlaceholder={t('form.fields.professor.placeholder')}
-                    emptyStateDescription="Nenhum professor encontrado."
-                    noResultsLabel="Nenhum professor encontrado."
+                    emptyStateDescription={t(
+                      'form.fields.professor.emptyState'
+                    )}
+                    noResultsLabel={t('form.fields.professor.noResults')}
                     showCreateButton={false}
                     clearable={false}
                     getOptionValue={(opt) => opt.id}
@@ -2952,7 +2960,7 @@ export default function TurmasPage() {
                   size="icon"
                   className="shrink-0"
                   onClick={() => setCreateProfessorDialogOpen(true)}
-                  aria-label="Cadastrar novo professor"
+                  aria-label={t('sheet.lessonForm.createInstructor')}
                 >
                   <Plus className="h-4 w-4" />
                 </Button>
@@ -2991,11 +2999,11 @@ export default function TurmasPage() {
         open={createProfessorDialogOpen}
         onOpenChange={setCreateProfessorDialogOpen}
         onCreated={handleProfessorCreated}
-        title="Cadastrar novo professor"
-        description="Crie um novo professor para seleciona-lo nesta turma."
-        submitLabel="Cadastrar"
-        successMessage="Professor cadastrado com sucesso."
-        errorMessage="Nao foi possivel cadastrar o professor."
+        title={t('sheet.lessonForm.createInstructorTitle')}
+        description={t('sheet.lessonForm.createInstructorDescription')}
+        submitLabel={t('sheet.lessonForm.createInstructorSubmit')}
+        successMessage={t('sheet.lessonForm.createInstructorSuccess')}
+        errorMessage={t('sheet.lessonForm.createInstructorError')}
         defaultQualificationSlugs={['class-sessions']}
       />
 

package/hedhog/frontend/app/courses/[id]/_components/CourseMultiEntityPicker.tsx.ejs

@@ -1,7 +1,7 @@
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
 import { EntityPicker } from '@/components/ui/entity-picker';
-import { Badge } from '@/components/ui/badge';
 import { cn } from '@/lib/utils';
 import { Grip, Plus, X } from 'lucide-react';
 import { useMemo, useState } from 'react';
@@ -211,7 +211,7 @@ export function CourseMultiEntityPicker({
                 variant="secondary"
                 className="flex items-center gap-1.5 rounded-full border border-border/60 bg-background px-3 py-1.5 text-xs font-medium text-foreground"
               >
-                <span className="max-w-[180px] truncate">{option.label}</span>
+                <span className="max-w-45 truncate">{option.label}</span>
                 <button
                   type="button"
                   className="cursor-pointer text-muted-foreground transition-colors hover:text-foreground"

package/hedhog/frontend/app/courses/[id]/page.tsx.ejs

@@ -27,8 +27,10 @@ import {
   RefreshCw,
   Video,
 } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { useRouter } from 'next/navigation';
 
+import { CourseAvatar } from '../../_components/course-avatar';
 import { ConfirmDialog } from './structure/_components/confirm-dialog';
 import { CourseTreePanel } from './structure/_components/course-tree-panel';
 import { CourseTreeSkeleton } from './structure/_components/course-tree-skeleton';
@@ -42,7 +44,6 @@ import {
 import { useStructureStore } from './structure/_components/store';
 import { TreeDisplaySettingsPopover } from './structure/_components/tree-display-settings-popover';
 import { useCourseStructureShortcuts } from './structure/_components/use-course-structure-shortcuts';
-import { CourseAvatar } from '../../_components/course-avatar';
 import {
   useDuplicateLessonMutation,
   useDuplicateSessionMutation,
@@ -66,6 +67,7 @@ type ApiCourseSummary = {
 };
 
 export default function CourseStructurePage({ params }: Props) {
+  const t = useTranslations('lms.CoursesPage.StructurePage');
   const { id } = use(params);
   const isMobile = useIsMobile();
   const router = useRouter();
@@ -259,8 +261,8 @@ export default function CourseStructurePage({ params }: Props) {
     <Page>
       <PageHeader
         breadcrumbs={[
-          { label: 'LMS', href: '/lms' },
-          { label: 'Cursos', href: '/lms/courses' },
+          { label: t('breadcrumbs.lms'), href: '/lms' },
+          { label: t('breadcrumbs.courses'), href: '/lms/courses' },
           { label: course.name },
         ]}
         title={
@@ -349,10 +351,10 @@ export default function CourseStructurePage({ params }: Props) {
               variant="outline"
               onClick={() => setMobileSheetOpen(true)}
               className="gap-2"
-              aria-label="Abrir estrutura do curso"
+              aria-label={t('mobile.openStructure')}
             >
               <Menu className="size-4" />
-              Estrutura
+              {t('breadcrumbs.structure')}
             </Button>
           </div>
 
@@ -367,7 +369,7 @@ export default function CourseStructurePage({ params }: Props) {
             <SheetContent side="left" className="w-[320px] p-0 flex flex-col">
               <SheetHeader className="px-4 py-3 border-b shrink-0">
                 <SheetTitle className="text-sm">
-                  {course.title} — Estrutura
+                  {t('mobile.sheetTitle', { title: course.title })}
                 </SheetTitle>
               </SheetHeader>
               <div className="flex-1 min-h-0 overflow-hidden">