@hed-hog/lms 0.0.329 → 0.0.331

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-dnd.tsx.ejs

@@ -295,7 +295,7 @@ export function CourseTreeDnd() {
                 <p className="text-sm font-medium text-foreground/70">
                   Nenhuma sessão
                 </p>
-                <p className="text-xs text-muted-foreground leading-relaxed max-w-[180px]">
+                <p className="text-xs text-muted-foreground leading-relaxed max-w-45">
                   Adicione a primeira sessão para começar a organizar o conteúdo
                   do curso.
                 </p>

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