@hed-hog/lms 0.0.306 → 0.0.309

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

@@ -62,6 +62,7 @@ import { useRouter } from 'next/navigation';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { useForm, useWatch } from 'react-hook-form';
 import { toast } from 'sonner';
+import { CourseAvatar } from '../_components/course-avatar';
 import {
   CourseCategoryOption,
   CourseFormSheet,
@@ -76,7 +77,7 @@ const API_COURSES_CACHE_KEY = 'lms:courses:api-cache';
 
 interface Curso {
   id: number;
-  codigo: string;
+  slug: string;
   nomeInterno: string;
   tituloComercial: string;
   descricao: string;
@@ -90,11 +91,12 @@ interface Curso {
   listado: boolean;
   alunosInscritos: number;
   criadoEm: string;
+  logoFileId?: number | null;
 }
 
 type ApiCourse = {
   id: number;
-  code: string;
+  name: string;
   slug: string;
   title: string;
   description: string;
@@ -110,6 +112,7 @@ type ApiCourse = {
   isListed: boolean;
   enrollmentCount: number;
   createdAt: string;
+  logoFileId?: number | null;
 };
 
 type ApiCourseList = {
@@ -199,8 +202,8 @@ function toPtStatus(status?: string | null): CourseSheetFormValues['status'] {
 function mapApiCourse(course: ApiCourse): Curso {
   return {
     id: course.id,
-    codigo: course.code,
-    nomeInterno: course.slug,
+    slug: course.slug,
+    nomeInterno: course.name ?? '',
     tituloComercial: course.title,
     descricao: course.description ?? '',
     primaryColor: course.primaryColor ?? null,
@@ -213,6 +216,7 @@ function mapApiCourse(course: ApiCourse): Curso {
     listado: course.isListed,
     alunosInscritos: course.enrollmentCount ?? 0,
     criadoEm: course.createdAt ?? '',
+    logoFileId: course.logoFileId ?? null,
   };
 }
 
@@ -592,6 +596,7 @@ export default function CursosPage() {
     setEditingCurso(curso);
     form.reset({
       nomeInterno: curso.nomeInterno,
+      slug: curso.slug,
       tituloComercial: curso.tituloComercial,
       descricao: curso.descricao,
       primaryColor: curso.primaryColor || '#1D4ED8',
@@ -599,6 +604,7 @@ export default function CursosPage() {
       nivel: curso.nivel,
       status: curso.status,
       categorias: curso.categorias,
+      logoFileId: curso.logoFileId ?? null,
     });
     setSheetOpen(true);
   }
@@ -607,7 +613,8 @@ export default function CursosPage() {
     setSaving(true);
     try {
       const payload = {
-        slug: data.nomeInterno.trim(),
+        name: data.nomeInterno.trim(),
+        slug: data.slug.trim().toLowerCase(),
         title: data.tituloComercial,
         description: data.descricao,
         level: toApiLevel(data.nivel),
@@ -617,6 +624,7 @@ export default function CursosPage() {
         primaryContrastColor: getContrastColor(data.primaryColor),
         secondaryColor: data.secondaryColor,
         secondaryContrastColor: getContrastColor(data.secondaryColor),
+        logoFileId: data.logoFileId ?? null,
       };
 
       if (editingCurso) {
@@ -1071,13 +1079,16 @@ export default function CursosPage() {
 
                       <CardContent className="flex h-full flex-col p-4">
                         <div className="mb-3 flex items-start gap-3">
-                          <div className="flex size-12 shrink-0 items-center justify-center rounded-xl border bg-muted/60">
-                            <BookOpen className="size-6 text-foreground" />
-                          </div>
+                          <CourseAvatar
+                            fileId={curso.logoFileId}
+                            title={curso.nomeInterno}
+                            className="size-12 rounded-xl"
+                            iconSize="size-6"
+                          />
                           <div className="min-w-0 flex-1">
                             <div className="mb-1.5 flex items-start justify-between gap-2">
                               <h3 className="line-clamp-2 font-semibold leading-snug text-foreground">
-                                {curso.tituloComercial}
+                                {curso.nomeInterno}
                               </h3>
                               <DropdownMenu>
                                 <DropdownMenuTrigger asChild>
@@ -1123,12 +1134,12 @@ export default function CursosPage() {
                             </div>
                             <p className="text-xs text-muted-foreground">
                               <code className="rounded bg-muted px-1.5 py-0.5 font-mono text-[10px]">
-                                {curso.codigo}
+                                {curso.slug}
                               </code>
                               <span className="mx-1.5 text-muted-foreground/50">
                                 |
                               </span>
-                              <span>{curso.nomeInterno}</span>
+                              <span>{curso.tituloComercial}</span>
                             </p>
                           </div>
                         </div>
@@ -1236,25 +1247,33 @@ export default function CursosPage() {
                             onCheckedChange={() => {}}
                             onClick={(e) => toggleSelect(curso.id, e)}
                             aria-label={t('table.selectCourse', {
-                              title: curso.tituloComercial,
+                              title: curso.nomeInterno,
                             })}
                             className="border-2 bg-background shadow-sm"
                           />
                         </TableCell>
                         <TableCell>
-                          <div className="min-w-0">
-                            <p className="truncate font-semibold text-foreground">
-                              {curso.tituloComercial}
-                            </p>
-                            <p className="mt-1 truncate text-xs text-muted-foreground">
-                              <code className="rounded bg-muted px-1.5 py-0.5 font-mono text-[10px]">
-                                {curso.codigo}
-                              </code>
-                              <span className="mx-1.5 text-muted-foreground/50">
-                                |
-                              </span>
-                              <span>{curso.nomeInterno}</span>
-                            </p>
+                          <div className="flex min-w-0 items-center gap-3">
+                            <CourseAvatar
+                              fileId={curso.logoFileId}
+                              title={curso.nomeInterno}
+                              className="size-8 shrink-0 rounded-lg"
+                              iconSize="size-4"
+                            />
+                            <div className="min-w-0">
+                              <p className="truncate font-semibold text-foreground">
+                                {curso.nomeInterno}
+                              </p>
+                              <p className="mt-1 truncate text-xs text-muted-foreground">
+                                <code className="rounded bg-muted px-1.5 py-0.5 font-mono text-[10px]">
+                                  {curso.slug}
+                                </code>
+                                <span className="mx-1.5 text-muted-foreground/50">
+                                  |
+                                </span>
+                                <span>{curso.tituloComercial}</span>
+                              </p>
+                            </div>
                           </div>
                         </TableCell>
                         <TableCell>
@@ -1383,8 +1402,8 @@ export default function CursosPage() {
         form={form}
         onSubmit={onSubmit}
         categories={categoryOptions}
-        courseCode={editingCurso?.codigo}
         onCreateCategory={() => router.push('/category?new=1')}
+        initialLogoFileId={editingCurso?.logoFileId ?? null}
         t={t}
       />
 

package/hedhog/frontend/app/{training → paths}/page.tsx.ejs

@@ -1,5 +1,6 @@
 'use client';
 
+import { CourseAvatar } from '@/app/(app)/(libraries)/lms/_components/course-avatar';
 import {
   CourseCategoryOption,
   CourseFormSheet,
@@ -141,6 +142,8 @@ interface CursoOption {
   cargaHoraria: number;
   categories: string[];
   area: string;
+  name?: string;
+  logoFileId?: number | null;
 }
 
 interface ExameOption {
@@ -188,6 +191,8 @@ type ApiCourseListResponse = {
     title: string;
     durationHours: number;
     categories?: string[];
+    name?: string;
+    logoFileId?: number | null;
   }>;
 };
 
@@ -590,7 +595,7 @@ export default function TrainingPage() {
     ],
     queryFn: async () => {
       const response = await request<ApiTrainingListResponse>({
-        url: '/lms/training',
+        url: '/lms/paths',
         method: 'GET',
         params: {
           page: currentPage,
@@ -613,7 +618,7 @@ export default function TrainingPage() {
       queryKey: ['lms-training-stats'],
       queryFn: async () => {
         const response = await request<ApiTrainingStatsResponse>({
-          url: '/lms/training/stats',
+          url: '/lms/paths/stats',
           method: 'GET',
         });
 
@@ -708,6 +713,8 @@ export default function TrainingPage() {
       cargaHoraria: course.durationHours ?? 0,
       categories: course.categories ?? [],
       area: categorySlugToArea(course.categories ?? []),
+      name: course.name,
+      logoFileId: course.logoFileId ?? null,
     })
   );
 
@@ -975,7 +982,7 @@ export default function TrainingPage() {
     try {
       const [response] = await Promise.all([
         request<Formacao>({
-          url: `/lms/training/${formacao.id}`,
+          url: `/lms/paths/${formacao.id}`,
           method: 'GET',
         }),
         refetchCourses(),
@@ -1220,7 +1227,7 @@ export default function TrainingPage() {
         }
 
         await request({
-          url: `/lms/training/${editingFormacao.id}`,
+          url: `/lms/paths/${editingFormacao.id}`,
           method: 'PATCH',
           data: payload,
         });
@@ -1243,7 +1250,7 @@ export default function TrainingPage() {
         };
 
         await request({
-          url: '/lms/training',
+          url: '/lms/paths',
           method: 'POST',
           data: payload,
         });
@@ -1334,7 +1341,7 @@ export default function TrainingPage() {
     if (!formacaoToDelete) return;
 
     await request({
-      url: `/lms/training/${formacaoToDelete.id}`,
+      url: `/lms/paths/${formacaoToDelete.id}`,
       method: 'DELETE',
     });
 
@@ -2054,7 +2061,22 @@ export default function TrainingPage() {
                               key={course.id}
                               value={String(course.id)}
                             >
-                              {course.nome} ({course.cargaHoraria}h)
+                              <div className="flex items-center gap-2">
+                                <CourseAvatar
+                                  fileId={course.logoFileId}
+                                  title={course.nome}
+                                  className="size-5 shrink-0 rounded"
+                                  iconSize="size-3"
+                                />
+                                <div className="min-w-0">
+                                  <span className="truncate">
+                                    {course.nome}
+                                  </span>
+                                  <span className="ml-1.5 text-xs text-muted-foreground">
+                                    {course.name ?? '—'} · #{course.id}
+                                  </span>
+                                </div>
+                              </div>
                             </SelectItem>
                           ))}
                         </SelectContent>

package/hedhog/frontend/messages/en.json

@@ -526,15 +526,15 @@
         "edit": "Update the course information below."
       },
       "fields": {
-        "code": {
-          "label": "Course Code",
-          "placeholder": "Ex: REACT-ADV",
-          "description": "Unique course identifier (e.g.: REACT-ADV)"
-        },
         "internalName": {
           "label": "Internal Name",
-          "placeholder": "Ex: react-advanced",
-          "description": "Internal slug for system use"
+          "placeholder": "Ex: Advanced React",
+          "description": "Internal course name for administrative use"
+        },
+        "slug": {
+          "label": "Slug",
+          "placeholder": "Ex: advanced-react",
+          "description": "Unique URL identifier (lowercase letters, numbers and hyphens)"
         },
         "commercialTitle": {
           "label": "Commercial Title",
@@ -596,6 +596,7 @@
         "codeMaxLength": "Code must have at most 16 characters",
         "codePattern": "Only letters, numbers, and hyphens",
         "internalNameMinLength": "Internal name must have at least 3 characters",
+        "slugPattern": "Slug must contain only lowercase letters, numbers and hyphens",
         "commercialTitleMinLength": "Commercial title must have at least 3 characters",
         "descriptionMinLength": "Description must have at least 10 characters",
         "levelRequired": "Select a level",
@@ -666,7 +667,8 @@
         "autoSaveSaved": "Session saved automatically",
         "autoSaveError": "Automatic session save failed",
         "create": "Create Session",
-        "update": "Update"
+        "update": "Update",
+        "save": "Save session"
       },
       "lessonForm": {
         "titleCreate": "New Lesson",
@@ -736,7 +738,25 @@
         "autoSaveError": "Automatic save failed",
         "cancel": "Cancel",
         "create": "Create Lesson",
-        "update": "Update"
+        "update": "Update",
+        "save": "Save lesson",
+        "tabData": "Data",
+        "tabTranscription": "Transcription",
+        "tabResources": "Resources",
+        "videoProvider": "Video provider",
+        "videoUrl": "Video URL",
+        "autoDuration": "Auto duration",
+        "postContent": "Content",
+        "linkedExam": "Linked exam",
+        "linkedExamPlaceholder": "Exam ID...",
+        "transcriptionHint": "Full video transcription.",
+        "transcriptionVideoOnly": "Transcription is only available for video lessons.",
+        "transcriptionPlaceholder": "Write or paste the transcription here...",
+        "resourcesCount": "{count} resource(s)",
+        "addResource": "Add resource",
+        "noResources": "No resources added",
+        "public": "Public",
+        "private": "Private"
       },
       "deleteSession": {
         "title": "Delete Session",
@@ -799,9 +819,13 @@
         "sessionUpdated": "Session updated!",
         "sessionCreated": "Session created!",
         "sessionDeleted": "Session removed!",
+        "sessionDuplicated": "Session duplicated!",
         "lessonUpdated": "Lesson updated!",
         "lessonCreated": "Lesson created!",
         "lessonDeleted": "Lesson removed!",
+        "lessonDuplicated": "Lesson duplicated!",
+        "lessonMoved": "Lesson moved!",
+        "courseUpdated": "Course updated!",
         "resourceAdded": "Resource added!",
         "resourceRemoved": "Resource removed!",
         "lessonsDeleted": "{count} lesson(s) removed!",
@@ -828,6 +852,56 @@
         "titleMin": "Title must be at least 3 characters",
         "durationMin": "Minimum duration of 1 minute",
         "typeRequired": "Select a type"
+      },
+      "pageDescription": "{sessions} sessions · {lessons} lessons · {hours}h {minutes}min",
+      "mobileTabs": {
+        "tree": "Tree",
+        "detail": "Details"
+      },
+      "breadcrumbs": {
+        "lms": "LMS",
+        "courses": "Courses",
+        "structure": "Structure"
+      },
+      "search": {
+        "placeholder": "Search..."
+      },
+      "tree": {
+        "collapseAll": "Collapse all",
+        "expandAll": "Expand all",
+        "addItem": "Add item",
+        "addSession": "New session"
+      },
+      "contextMenu": {
+        "edit": "Edit",
+        "addLesson": "Add lesson",
+        "addSession": "New session",
+        "duplicate": "Duplicate",
+        "mergeWith": "Merge with...",
+        "moveTo": "Move to...",
+        "delete": "Delete"
+      },
+      "deleteDialog": {
+        "title": "Confirm deletion",
+        "sessionMessage": "Are you sure? All lessons in this session will be removed.",
+        "lessonMessage": "Are you sure? This lesson will be permanently removed.",
+        "cancel": "Cancel",
+        "confirm": "Delete"
+      },
+      "detailPanel": {
+        "emptyHint": "Select an item in the tree to view details"
+      },
+      "detailCourse": {
+        "subtitle": "General course data",
+        "title": "Title",
+        "code": "Code",
+        "slug": "Slug",
+        "description": "Description",
+        "published": "Published",
+        "save": "Save course"
+      },
+      "detailSession": {
+        "subtitle": "{lessons} lessons · {minutes}min"
       }
     }
   },
@@ -2434,7 +2508,11 @@
         "helper": "Click a lesson to edit it or create new lessons.",
         "viewSingle": "Month",
         "viewQuarter": "Quarter",
-        "viewYear": "Year"
+        "viewYear": "Year",
+        "empty": {
+          "title": "No lessons registered",
+          "description": "Add the first lesson to get started."
+        }
       },
       "info": {
         "period": "Period",

package/hedhog/frontend/messages/pt.json

@@ -253,7 +253,7 @@
         "internalName": {
           "label": "Nome Interno *",
           "placeholder": "Ex: react-avancado",
-          "description": "Slug interno para uso do sistema"
+          "description": "Nome Interno para uso do sistema"
         },
         "title": {
           "label": "Título Comercial *",
@@ -535,15 +535,15 @@
         "edit": "Atualize as informações do curso abaixo."
       },
       "fields": {
-        "code": {
-          "label": "Código do Curso",
-          "placeholder": "Ex: REACT-ADV",
-          "description": "Identificador único do curso (ex: REACT-ADV)"
-        },
         "internalName": {
           "label": "Nome Interno",
+          "placeholder": "Ex: React Avançado",
+          "description": "Nome interno do curso para uso administrativo"
+        },
+        "slug": {
+          "label": "Slug",
           "placeholder": "Ex: react-avancado",
-          "description": "Slug interno para uso do sistema"
+          "description": "Identificador único na URL (letras minúsculas, números e hífens)"
         },
         "commercialTitle": {
           "label": "Título Comercial",
@@ -605,6 +605,7 @@
         "codeMaxLength": "Código deve ter no máximo 16 caracteres",
         "codePattern": "Apenas letras, números e hífens",
         "internalNameMinLength": "Nome interno deve ter pelo menos 3 caracteres",
+        "slugPattern": "Slug deve conter apenas letras minúsculas, números e hífens",
         "commercialTitleMinLength": "Título comercial deve ter pelo menos 3 caracteres",
         "descriptionMinLength": "Descrição deve ter pelo menos 10 caracteres",
         "levelRequired": "Selecione um nível",
@@ -675,7 +676,8 @@
         "autoSaveSaved": "Sessão salva automaticamente",
         "autoSaveError": "Falha no salvamento automático da sessão",
         "create": "Criar Sessão",
-        "update": "Atualizar"
+        "update": "Atualizar",
+        "save": "Salvar sessão"
       },
       "lessonForm": {
         "titleCreate": "Nova Aula",
@@ -745,7 +747,25 @@
         "autoSaveError": "Falha no salvamento automático",
         "cancel": "Cancelar",
         "create": "Criar Aula",
-        "update": "Atualizar"
+        "update": "Atualizar",
+        "save": "Salvar aula",
+        "tabData": "Dados",
+        "tabTranscription": "Transcrição",
+        "tabResources": "Recursos",
+        "videoProvider": "Provedor de vídeo",
+        "videoUrl": "URL do vídeo",
+        "autoDuration": "Duração automática",
+        "postContent": "Conteúdo",
+        "linkedExam": "Exame vinculado",
+        "linkedExamPlaceholder": "ID do exame...",
+        "transcriptionHint": "Transcrição completa do vídeo.",
+        "transcriptionVideoOnly": "A transcrição está disponível somente para aulas do tipo vídeo.",
+        "transcriptionPlaceholder": "Escreva ou cole a transcrição aqui...",
+        "resourcesCount": "{count} recurso(s)",
+        "addResource": "Adicionar recurso",
+        "noResources": "Nenhum recurso adicionado",
+        "public": "Público",
+        "private": "Privado"
       },
       "deleteSession": {
         "title": "Excluir Sessão",
@@ -808,9 +828,13 @@
         "sessionUpdated": "Sessão atualizada!",
         "sessionCreated": "Sessão criada!",
         "sessionDeleted": "Sessão removida!",
+        "sessionDuplicated": "Sessão duplicada!",
         "lessonUpdated": "Aula atualizada!",
         "lessonCreated": "Aula criada!",
         "lessonDeleted": "Aula removida!",
+        "lessonDuplicated": "Aula duplicada!",
+        "lessonMoved": "Aula movida!",
+        "courseUpdated": "Curso atualizado!",
         "resourceAdded": "Recurso adicionado!",
         "resourceRemoved": "Recurso removido!",
         "lessonsDeleted": "{count} aula(s) removida(s)!",
@@ -837,6 +861,56 @@
         "titleMin": "Título deve ter pelo menos 3 caracteres",
         "durationMin": "Duração mínima de 1 minuto",
         "typeRequired": "Selecione um tipo"
+      },
+      "pageDescription": "{sessions} sessões · {lessons} aulas · {hours}h {minutes}min",
+      "mobileTabs": {
+        "tree": "Árvore",
+        "detail": "Detalhes"
+      },
+      "breadcrumbs": {
+        "lms": "LMS",
+        "courses": "Cursos",
+        "structure": "Estrutura"
+      },
+      "search": {
+        "placeholder": "Buscar..."
+      },
+      "tree": {
+        "collapseAll": "Recolher tudo",
+        "expandAll": "Expandir tudo",
+        "addItem": "Adicionar item",
+        "addSession": "Nova sessão"
+      },
+      "contextMenu": {
+        "edit": "Editar",
+        "addLesson": "Adicionar aula",
+        "addSession": "Nova sessão",
+        "duplicate": "Duplicar",
+        "mergeWith": "Mesclar com...",
+        "moveTo": "Mover para...",
+        "delete": "Excluir"
+      },
+      "deleteDialog": {
+        "title": "Confirmar exclusão",
+        "sessionMessage": "Tem certeza? Todas as aulas desta sessão serão removidas.",
+        "lessonMessage": "Tem certeza? Esta aula será removida permanentemente.",
+        "cancel": "Cancelar",
+        "confirm": "Excluir"
+      },
+      "detailPanel": {
+        "emptyHint": "Selecione um item na árvore para ver os detalhes"
+      },
+      "detailCourse": {
+        "subtitle": "Dados gerais do curso",
+        "title": "Título",
+        "code": "Código",
+        "slug": "Slug",
+        "description": "Descrição",
+        "published": "Publicado",
+        "save": "Salvar curso"
+      },
+      "detailSession": {
+        "subtitle": "{lessons} aulas · {minutes}min"
       }
     }
   },
@@ -2441,7 +2515,11 @@
         "helper": "Clique em uma aula para editar ou criar novas aulas.",
         "viewSingle": "Mês",
         "viewQuarter": "Trimestre",
-        "viewYear": "Ano"
+        "viewYear": "Ano",
+        "empty": {
+          "title": "Nenhuma aula cadastrada",
+          "description": "Cadastre a primeira aula para começar."
+        }
       },
       "info": {
         "period": "Período",

package/hedhog/table/course.yaml

@@ -1,6 +1,6 @@
 columns:
   - type: pk
-  - name: code
+  - name: name
     type: varchar
     length: 32
     isNullable: true

package/hedhog/table/image_type.yaml

@@ -15,6 +15,20 @@ columns:
   - name: applies_to_learning_path
     type: boolean
     default: false
+  - name: suggested_width
+    type: int
+    isNullable: true
+  - name: suggested_height
+    type: int
+    isNullable: true
+  - name: allowed_extensions
+    type: varchar
+    length: 100
+    isNullable: true
+  - name: aspect_ratio
+    type: varchar
+    length: 20
+    isNullable: true
   - name: status
     type: enum
     values: [active, inactive]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hed-hog/lms",
-  "version": "0.0.306",
+  "version": "0.0.309",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
@@ -10,14 +10,14 @@
     "@nestjs/jwt": "^11",
     "@nestjs/mapped-types": "*",
     "@hed-hog/api-prisma": "0.0.6",
-    "@hed-hog/contact": "0.0.306",
+    "@hed-hog/api-types": "0.0.1",
+    "@hed-hog/contact": "0.0.309",
     "@hed-hog/api-pagination": "0.0.7",
-    "@hed-hog/core": "0.0.306",
+    "@hed-hog/core": "0.0.309",
     "@hed-hog/api-locale": "0.0.14",
-    "@hed-hog/api-types": "0.0.1",
-    "@hed-hog/finance": "0.0.306",
-    "@hed-hog/category": "0.0.306",
-    "@hed-hog/api": "0.0.6"
+    "@hed-hog/api": "0.0.6",
+    "@hed-hog/finance": "0.0.309",
+    "@hed-hog/category": "0.0.309"
   },
   "exports": {
     ".": {