@hed-hog/lms 0.0.328 → 0.0.330

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]/page.tsx.ejs

@@ -27,6 +27,7 @@ import {
   RefreshCw,
   Video,
 } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { useRouter } from 'next/navigation';
 
 import { ConfirmDialog } from './structure/_components/confirm-dialog';
@@ -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();
@@ -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">

package/hedhog/frontend/app/courses/[id]/structure/_components/confirm-dialog.tsx.ejs

@@ -10,9 +10,11 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from '@/components/ui/alert-dialog';
+import { useTranslations } from 'next-intl';
 import { useStructureStore } from './store';
 
 export function ConfirmDialog() {
+  const t = useTranslations('lms.CoursesPage.StructurePage.confirmDialog');
   const confirmDialog = useStructureStore((s) => s.confirmDialog);
   const closeConfirm  = useStructureStore((s) => s.closeConfirm);
 
@@ -31,15 +33,15 @@ export function ConfirmDialog() {
           )}
         </AlertDialogHeader>
         <AlertDialogFooter>
-          <AlertDialogCancel onClick={closeConfirm}>Cancelar</AlertDialogCancel>
+          <AlertDialogCancel onClick={closeConfirm}>{t('cancel')}</AlertDialogCancel>
           <AlertDialogAction
             onClick={handleConfirm}
             className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
           >
-            Excluir
+            {t('confirm')}
           </AlertDialogAction>
         </AlertDialogFooter>
       </AlertDialogContent>
     </AlertDialog>
   );
-}
+}

package/hedhog/frontend/app/courses/[id]/structure/_components/course-tree-panel.tsx.ejs

@@ -3,6 +3,7 @@
 import { Button } from '@/components/ui/button';
 import { cn } from '@/lib/utils';
 import { ChevronsDownUp, ChevronsUpDown, Loader2, Plus } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { forwardRef, useMemo } from 'react';
 import { useCreateSessionMutation } from '../_data/use-course-structure-mutations';
 import { CourseTreeDnd } from './course-tree-dnd';
@@ -12,6 +13,7 @@ import { useStructureStore } from './store';
 import { buildVisibleItems } from './tree-helpers';
 
 export const CourseTreePanel = forwardRef<SearchFilterHandle>((_, ref) => {
+  const t = useTranslations('lms.CoursesPage.StructurePage');
   const course = useStructureStore((s) => s.course);
   const sessions = useStructureStore((s) => s.sessions);
   const lessons = useStructureStore((s) => s.lessons);
@@ -57,10 +59,10 @@ export const CourseTreePanel = forwardRef<SearchFilterHandle>((_, ref) => {
           )}
           title={
             allExpanded
-              ? 'Recolher tudo (Ctrl+Shift+E)'
-              : 'Expandir tudo (Ctrl+Shift+E)'
+              ? t('tree.collapseAllShortcut')
+              : t('tree.expandAllShortcut')
           }
-          aria-label={allExpanded ? 'Recolher tudo' : 'Expandir tudo'}
+          aria-label={allExpanded ? t('tree.collapseAll') : t('tree.expandAll')}
           onClick={allExpanded ? collapseAll : expandAll}
           disabled={isFiltering}
         >
@@ -75,8 +77,8 @@ export const CourseTreePanel = forwardRef<SearchFilterHandle>((_, ref) => {
           variant="ghost"
           size="icon"
           className="size-8 shrink-0"
-          title="Nova sessão"
-          aria-label="Nova sessão"
+          title={t('tree.addSession')}
+          aria-label={t('tree.addSession')}
           disabled={createSession.isPending}
           onClick={() => createSession.mutate()}
         >
@@ -92,8 +94,8 @@ export const CourseTreePanel = forwardRef<SearchFilterHandle>((_, ref) => {
       {isFiltering && resultCount !== undefined && (
         <div className="px-3 py-1 text-[0.65rem] text-muted-foreground bg-muted/30 border-b shrink-0">
           {resultCount === 0
-            ? 'Nenhum resultado encontrado'
-            : `${resultCount} resultado${resultCount === 1 ? '' : 's'} encontrado${resultCount === 1 ? '' : 's'}`}
+            ? t('search.noResults')
+            : t('search.results', { count: resultCount })}
         </div>
       )}
 

package/hedhog/frontend/app/courses/[id]/structure/_components/course-tree-skeleton.tsx.ejs

@@ -1,4 +1,5 @@
 import { Skeleton } from '@/components/ui/skeleton';
+import { useTranslations } from 'next-intl';
 
 /**
  * CourseTreeSkeleton
@@ -7,11 +8,12 @@ import { Skeleton } from '@/components/ui/skeleton';
  * the API. Mimics the visual shape of session headers and lesson rows.
  */
 export function CourseTreeSkeleton() {
+  const t = useTranslations('lms.CoursesPage.StructurePage');
   return (
     <div
       className="flex flex-col gap-1 p-3"
       aria-busy="true"
-      aria-label="Carregando estrutura do curso"
+      aria-label={t('loading')}
     >
       {/* Course header row */}
       <div className="flex items-center gap-2 px-2 py-1.5">

package/hedhog/frontend/app/courses/[id]/structure/_components/drag-handle.tsx.ejs

@@ -4,6 +4,7 @@ import { cn } from '@/lib/utils';
 import type { DraggableAttributes } from '@dnd-kit/core';
 import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
 import { GripVertical } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 
 interface DragHandleProps {
   listeners?: SyntheticListenerMap;
@@ -23,6 +24,7 @@ export function DragHandle({
   disabled,
   className,
 }: DragHandleProps) {
+  const t = useTranslations('lms.CoursesPage.StructurePage.dragHandle');
   if (disabled) {
     return (
       <span
@@ -30,7 +32,7 @@ export function DragHandle({
           'shrink-0 size-5 flex items-center justify-center opacity-20 cursor-not-allowed',
           className
         )}
-        title="Limpe a busca para reordenar"
+        title={t('disabled')}
       >
         <GripVertical className="size-3.5" />
       </span>
@@ -48,7 +50,7 @@ export function DragHandle({
         'transition-colors touch-none',
         className
       )}
-      title="Arrastar para reordenar"
+      title={t('enabled')}
       // Prevent click events from bubbling to the row selection handler
       onClick={(e) => e.stopPropagation()}
     >

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

@@ -10,6 +10,7 @@ import {
   Video,
   X,
 } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { useState } from 'react';
 import { toast } from 'sonner';
 
@@ -43,6 +44,7 @@ const STATUS_LABELS: Record<LessonStatus, string> = {
 // ── Component ─────────────────────────────────────────────────────────────────
 
 export function EditorBulk() {
+  const t = useTranslations('lms.CoursesPage.StructurePage.bulkEditor');
   const selectedIds = useStructureStore((s) => s.selectedIds);
   const sessions = useStructureStore((s) => s.sessions);
   const lessons = useStructureStore((s) => s.lessons);
@@ -74,8 +76,8 @@ export function EditorBulk() {
       );
     toast.success(
       lines.length
-        ? `Edição em massa: ${lines.join(', ')} (mock)`
-        : 'Nenhuma alteração selecionada'
+        ? t('toast.preview', { changes: lines.join(', ') })
+        : t('toast.none')
     );
   }
 
@@ -93,11 +95,11 @@ export function EditorBulk() {
           )}
         </div>
         <div className="flex-1 min-w-0">
-          <p className="text-sm font-semibold">Edição em massa</p>
+          <p className="text-sm font-semibold">{t('title')}</p>
           <p className="text-[0.65rem] text-muted-foreground">
             {selectedIds.size}{' '}
-            {allLessons ? 'aulas' : allSessions ? 'sessões' : 'itens'}{' '}
-            selecionados
+            {allLessons ? t('types.lessons') : allSessions ? t('types.sessions') : t('types.items')}{' '}
+            {t('types.selected')}
           </p>
         </div>
         <Button
@@ -105,7 +107,7 @@ export function EditorBulk() {
           size="icon"
           className="size-7 shrink-0"
           onClick={clearSelection}
-          title="Limpar seleção"
+          title={t('clearSelection')}
         >
           <X className="size-3.5" />
         </Button>
@@ -148,7 +150,7 @@ export function EditorBulk() {
             <Card>
               <CardHeader className="px-3 pt-3 pb-2">
                 <CardTitle className="text-xs font-medium text-muted-foreground uppercase tracking-wider">
-                  Status de produção
+                  {t('productionStatus')}
                 </CardTitle>
               </CardHeader>
               <CardContent className="px-3 pb-3">
@@ -157,14 +159,14 @@ export function EditorBulk() {
                   onValueChange={(v) => setStatus(v as LessonStatus)}
                 >
                   <SelectTrigger className="h-8 text-xs w-full">
-                    <SelectValue placeholder="Manter atual" />
+                    <SelectValue placeholder={t('keepCurrent')} />
                   </SelectTrigger>
                   <SelectContent>
-                    <SelectItem value="preparada">Preparada</SelectItem>
-                    <SelectItem value="gravada">Gravada</SelectItem>
-                    <SelectItem value="editada">Editada</SelectItem>
-                    <SelectItem value="finalizada">Finalizada</SelectItem>
-                    <SelectItem value="publicada">Publicada</SelectItem>
+                    <SelectItem value="preparada">{t('status.preparada')}</SelectItem>
+                    <SelectItem value="gravada">{t('status.gravada')}</SelectItem>
+                    <SelectItem value="editada">{t('status.editada')}</SelectItem>
+                    <SelectItem value="finalizada">{t('status.finalizada')}</SelectItem>
+                    <SelectItem value="publicada">{t('status.publicada')}</SelectItem>
                   </SelectContent>
                 </Select>
               </CardContent>
@@ -175,7 +177,7 @@ export function EditorBulk() {
           <Card>
             <CardHeader className="px-3 pt-3 pb-2">
               <CardTitle className="text-xs font-medium text-muted-foreground uppercase tracking-wider">
-                Visibilidade
+                {t('visibilityTitle')}
               </CardTitle>
             </CardHeader>
             <CardContent className="px-3 pb-3">
@@ -184,22 +186,22 @@ export function EditorBulk() {
                 onValueChange={(v) => setVisibility(v as Visibility)}
               >
                 <SelectTrigger className="h-8 text-xs w-full">
-                  <SelectValue placeholder="Manter atual" />
+                  <SelectValue placeholder={t('keepCurrent')} />
                 </SelectTrigger>
                 <SelectContent>
                   <SelectItem value="publico">
                     <span className="flex items-center gap-1.5">
-                      <Eye className="size-3" /> Público
+                      <Eye className="size-3" /> {t('visibility.publico')}
                     </span>
                   </SelectItem>
                   <SelectItem value="privado">
                     <span className="flex items-center gap-1.5">
-                      <EyeOff className="size-3" /> Privado
+                      <EyeOff className="size-3" /> {t('visibility.privado')}
                     </span>
                   </SelectItem>
                   <SelectItem value="restrito">
                     <span className="flex items-center gap-1.5">
-                      <Lock className="size-3" /> Restrito
+                      <Lock className="size-3" /> {t('visibility.restrito')}
                     </span>
                   </SelectItem>
                 </SelectContent>
@@ -213,13 +215,13 @@ export function EditorBulk() {
               <CardHeader className="px-3 pt-3 pb-2">
                 <CardTitle className="text-xs font-medium text-muted-foreground uppercase tracking-wider flex items-center gap-1.5">
                   <FolderInput className="size-3" />
-                  Mover para sessão
+                  {t('moveToSession')}
                 </CardTitle>
               </CardHeader>
               <CardContent className="px-3 pb-3">
                 <Select value={targetSession} onValueChange={setTargetSession}>
                   <SelectTrigger className="h-8 text-xs w-full">
-                    <SelectValue placeholder="Selecionar sessão…" />
+                    <SelectValue placeholder={t('selectSession')} />
                   </SelectTrigger>
                   <SelectContent>
                     {sessions.map((s) => (
@@ -238,8 +240,7 @@ export function EditorBulk() {
 
           <div className="rounded-md border border-amber-200 bg-amber-50/60 dark:border-amber-800 dark:bg-amber-950/30 px-3 py-2">
             <p className="text-[0.65rem] text-amber-700 dark:text-amber-400">
-              As alterações em massa ainda não estão integradas com a API.
-              Clique em salvar para ver a pré-visualização.
+              {t('apiNotice')}
             </p>
           </div>
         </div>
@@ -257,7 +258,7 @@ export function EditorBulk() {
             onClick={clearSelection}
           >
             <X className="size-3 mr-1" />
-            Limpar seleção
+            {t('clearSelection')}
           </Button>
           <div className="flex-1" />
           <Button

package/hedhog/frontend/app/courses/[id]/structure/_components/multi-select-bar.tsx.ejs

@@ -4,6 +4,7 @@ import { Button } from '@/components/ui/button';
 import { Separator } from '@/components/ui/separator';
 import { cn } from '@/lib/utils';
 import { Copy, FolderOpen, Loader2, Trash2, X } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { toast } from 'sonner';
 import {
   useBulkDeleteMutation,
@@ -18,6 +19,7 @@ import { useStructureStore } from './store';
  * Fixed below the search toolbar inside CourseTreePanel.
  */
 export function MultiSelectBar() {
+  const t = useTranslations('lms.CoursesPage.StructurePage.multiSelectBar');
   const selectedIds = useStructureStore((s) => s.selectedIds);
   const lessons = useStructureStore((s) => s.lessons);
   const sessions = useStructureStore((s) => s.sessions);
@@ -59,12 +61,12 @@ export function MultiSelectBar() {
   function handleCopy() {
     if (allAreLessons) {
       copyItems(selectedLessonIds, 'lesson');
-      toast.success(`${count} aulas copiadas`);
+      toast.success(t('copyLessonsSuccess', { count }));
     } else if (allAreSessions) {
       copyItems(selectedSessionIds, 'session');
-      toast.success(`${count} sessões copiadas`);
+      toast.success(t('copySessionsSuccess', { count }));
     } else {
-      toast('Selecione apenas aulas ou apenas sessões para copiar.');
+      toast(t('copyMixedError'));
     }
   }
 
@@ -82,7 +84,7 @@ export function MultiSelectBar() {
         );
       };
       duplicateNext(0);
-      toast.success(`${count} aulas sendo duplicadas...`);
+      toast.success(t('duplicatingLessons', { count }));
     } else if (allAreSessions) {
       const duplicateNext = (index: number) => {
         if (index >= selectedSessionIds.length) return;
@@ -92,7 +94,7 @@ export function MultiSelectBar() {
         );
       };
       duplicateNext(0);
-      toast.success(`${count} sessões sendo duplicadas...`);
+      toast.success(t('duplicatingSessions', { count }));
     }
   }
 
@@ -139,10 +141,10 @@ export function MultiSelectBar() {
       .map((l) => ({ lessonId: l.id, sessionId: l.sessionId }));
 
     showConfirm({
-      title: `Excluir ${label}?`,
+      title: t('deleteTitle', { label }),
       description: allAreSessions
-        ? 'As sessões e todas as suas aulas serão excluídas permanentemente.'
-        : 'Esta ação não pode ser desfeita.',
+        ? t('deleteSessionsDescription')
+        : t('deleteDescription'),
       onConfirm: () =>
         bulkDelete.mutate({
           sessionIds: selectedSessionIds,
@@ -154,7 +156,7 @@ export function MultiSelectBar() {
   return (
     <div
       role="toolbar"
-      aria-label={`${count} itens selecionados — ações`}
+      aria-label={t('toolbarAria', { count })}
       className={cn(
         'flex items-center gap-0.5 px-2 py-1 shrink-0 border-b',
         'bg-primary/5 dark:bg-primary/10'
@@ -177,8 +179,8 @@ export function MultiSelectBar() {
         variant="ghost"
         size="icon"
         className="size-6 text-muted-foreground hover:text-foreground"
-        title="Copiar selecionados (Ctrl+C)"
-        aria-label="Copiar selecionados"
+        title={t('copyTitle')}
+        aria-label={t('copyAria')}
         onClick={handleCopy}
       >
         <Copy className="size-3" />
@@ -189,8 +191,8 @@ export function MultiSelectBar() {
         variant="ghost"
         size="icon"
         className="size-6 text-muted-foreground hover:text-foreground"
-        title="Duplicar selecionados (Ctrl+D)"
-        aria-label="Duplicar selecionados"
+        title={t('duplicateTitle')}
+        aria-label={t('duplicateAria')}
         disabled={isDuplicating}
         onClick={handleDuplicate}
       >
@@ -216,8 +218,8 @@ export function MultiSelectBar() {
           variant="ghost"
           size="icon"
           className="size-6 text-muted-foreground hover:text-foreground"
-          title="Mover para outra sessão"
-          aria-label="Mover para outra sessão"
+          title={t('moveTitle')}
+          aria-label={t('moveAria')}
           disabled={isMoving}
           onClick={handleMove}
         >
@@ -234,8 +236,8 @@ export function MultiSelectBar() {
         variant="ghost"
         size="icon"
         className="size-6 text-destructive/60 hover:text-destructive"
-        title="Excluir selecionados (Delete)"
-        aria-label="Excluir selecionados"
+        title={t('deleteActionTitle')}
+        aria-label={t('deleteActionAria')}
         disabled={bulkDelete.isPending}
         onClick={handleDelete}
       >
@@ -253,8 +255,8 @@ export function MultiSelectBar() {
         variant="ghost"
         size="icon"
         className="size-6 text-muted-foreground hover:text-foreground"
-        title="Limpar seleção (Escape)"
-        aria-label="Limpar seleção"
+        title={t('clearTitle')}
+        aria-label={t('clearAria')}
         onClick={clearSelection}
       >
         <X className="size-3" />

package/hedhog/frontend/app/courses/[id]/structure/_components/shortcuts-help.tsx.ejs

@@ -1,6 +1,7 @@
 'use client';
 
 import { Keyboard } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
@@ -56,13 +57,14 @@ interface ShortcutsHelpProps {
 }
 
 export function ShortcutsHelp({ open, onOpenChange }: ShortcutsHelpProps) {
+  const t = useTranslations('lms.CoursesPage.StructurePage.shortcuts');
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="max-w-sm">
         <DialogHeader>
           <DialogTitle className="flex items-center gap-2">
             <Keyboard className="size-4" />
-            Atalhos de teclado
+            {t('title')}
           </DialogTitle>
         </DialogHeader>
 
@@ -103,8 +105,7 @@ export function ShortcutsHelp({ open, onOpenChange }: ShortcutsHelpProps) {
         </div>
 
         <p className="text-[0.65rem] text-muted-foreground mt-1">
-          Atalhos são desativados quando o foco está em inputs, exceto Ctrl+S,
-          Ctrl+F e Ctrl+/ que funcionam em qualquer contexto.
+          {t('footer')}
         </p>
       </DialogContent>
     </Dialog>
@@ -115,16 +116,17 @@ export function ShortcutsHelp({ open, onOpenChange }: ShortcutsHelpProps) {
  * Convenience trigger button — renders standalone when no external state is needed.
  */
 export function ShortcutsHelpTrigger({ onOpen }: { onOpen: () => void }) {
+  const t = useTranslations('lms.CoursesPage.StructurePage.shortcuts');
   return (
     <Button
       variant="ghost"
       size="sm"
       className="h-8 gap-1.5 text-xs text-muted-foreground hover:text-foreground"
       onClick={onOpen}
-      title="Atalhos de teclado (Ctrl+/)"
+      title={t('triggerTitle')}
     >
       <Keyboard className="size-3.5" />
-      Atalhos
+      {t('triggerLabel')}
       <Badge
         variant="outline"
         className="h-4 px-1 text-[0.6rem] font-mono ml-0.5"