@hed-hog/lms 0.0.364 → 0.0.366

package/hedhog/frontend/app/courses/[id]/structure/_components/mock-data.ts.ejs

@@ -72,7 +72,7 @@ const TITLE_PATTERNS = [
   'Conceitos fundamentais',
   'Configuracao do ambiente',
   'Pratica guiada passo a passo',
-  'Exercicio: implementacao',
+  'Pratica: implementacao',
   'Quiz de revisao',
   'Caso de uso real',
   'Implementacao completa',
@@ -107,7 +107,6 @@ const LESSON_TYPES: LessonType[] = [
   'video',
   'video',
   'questao',
-  'exercicio',
 ];
 const PROVIDERS: VideoProvider[] = [
   'youtube',

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

@@ -7,8 +7,8 @@ import {
   TooltipTrigger,
 } from '@/components/ui/tooltip';
 import { cn } from '@/lib/utils';
+import { useApp, useQuery } from '@hed-hog/next-app-provider';
 import {
-  ClipboardList,
   Clock3,
   Eye,
   EyeOff,
@@ -24,19 +24,18 @@ import {
 } from 'lucide-react';
 import { useTranslations } from 'next-intl';
 import { useEffect, useRef } from 'react';
-import { useApp, useQuery } from '@hed-hog/next-app-provider';
-import { useUpdateLessonMutation } from '../_data/use-course-structure-mutations';
 import {
   getQueueJob,
   type QueueJobStatus,
 } from '../_data/services/course-structure.service';
+import { useUpdateLessonMutation } from '../_data/use-course-structure-mutations';
 import { HighlightedText } from './highlighted-text';
 import { useStructureStore } from './store';
-import type { Lesson, LessonStatus, LessonType } from './types';
 import {
   getLessonAttachedResourceCount,
   getLessonUploadedVideoCount,
 } from './tree-helpers';
+import type { Lesson, LessonStatus, LessonType } from './types';
 import { useTreeDisplaySettings } from './use-tree-display-settings';
 
 // ── Type configs ──────────────────────────────────────────────────────────────
@@ -48,11 +47,6 @@ const LESSON_TYPE_CONFIG: Record<
   video: { icon: Video, color: 'text-violet-500', label: 'Vídeo' },
   post: { icon: FileText, color: 'text-emerald-500', label: 'Post' },
   questao: { icon: HelpCircle, color: 'text-amber-500', label: 'Quiz' },
-  exercicio: {
-    icon: ClipboardList,
-    color: 'text-rose-500',
-    label: 'Exercício',
-  },
 };
 
 const STATUS_CONFIG: Record<LessonStatus, { label: string; dot: string }> = {

package/hedhog/frontend/app/courses/[id]/structure/_components/types.ts.ejs

@@ -2,7 +2,7 @@
 // Types — LMS Course Structure TreeView
 // ─────────────────────────────────────────────────────────────────────────────
 
-export type LessonType = 'video' | 'questao' | 'post' | 'exercicio';
+export type LessonType = 'video' | 'questao' | 'post';
 export type VideoProvider = 'youtube' | 'vimeo' | 'file_storage';
 export type ItemType = 'course' | 'session' | 'lesson';
 

package/hedhog/frontend/app/courses/[id]/structure/_components/xp-premium-pills.tsx.ejs

@@ -11,14 +11,7 @@ export function XpHighlightPill({
   value: string;
   tone: 'sky' | 'amber' | 'emerald' | 'violet';
 }) {
-  const toneClassName =
-    tone === 'sky'
-      ? 'border-sky-500/15 bg-sky-500/10 text-sky-700 dark:text-sky-300'
-      : tone === 'amber'
-        ? 'border-amber-500/15 bg-amber-500/10 text-amber-700 dark:text-amber-300'
-        : tone === 'emerald'
-          ? 'border-emerald-500/15 bg-emerald-500/10 text-emerald-700 dark:text-emerald-300'
-          : 'border-violet-500/15 bg-violet-500/10 text-violet-700 dark:text-violet-300';
+  const toneClassName = 'border-border/60 bg-muted/30 text-muted-foreground';
 
   return (
     <div

package/hedhog/frontend/app/courses/[id]/structure/_data/adapters/course-structure.adapter.ts.ejs

@@ -14,9 +14,8 @@
  *
  * ⚠️ KNOWN MISMATCHES (documented with inline comments):
  *   1. exameVinculado (number) ↔ linkedExam (string) — converted with String()/Number()
- *   2. 'exercicio' tipo — exists in backend and is now part of frontend LessonType.
- *   3. Session.order — not returned by API; inferred from sorted array position.
- *   4. Resource.size / url — not returned by API; left as empty string / undefined.
+ *   2. Session.order — not returned by API; inferred from sorted array position.
+ *   3. Resource.size / url — not returned by API; left as empty string / undefined.
  */
 
 import type {
@@ -55,7 +54,7 @@ import type {
  * Map backend lesson type to the frontend LessonType union.
  *
  * ⚠️ ADAPTER POINT:
- *   'exercicio' is now part of the frontend LessonType union.
+ *   Keep this helper updated if backend introduces new lesson type aliases.
  */
 function normalizeLessonType(tipo: ApiLesson['tipo']): LessonType {
   return tipo as LessonType;
@@ -129,7 +128,7 @@ export function normalizeCourse(raw: ApiCourse): Course {
     description: raw.descricao,
     slug: raw.slug,
     offeringType: raw.offeringType,
-    published: false,
+    published: raw.status === 'published',
   };
 }
 
@@ -301,9 +300,7 @@ export function toCreateLessonPayload(
 ): ApiCreateLessonPayload {
   return {
     titulo: data.title,
-    // ⚠️ TYPE NOTE: 'exercicio' is not in the frontend LessonType but the
-    // backend accepts it. Cast is safe as long as LessonType ⊆ ApiLesson['tipo'].
-    tipo: data.type as ApiCreateLessonPayload['tipo'],
+    tipo: data.type,
     duracao: data.duration,
     published: data.published,
     statusProducao: data.status,
@@ -361,8 +358,7 @@ export function toUpdateLessonPayload(
 ): ApiUpdateLessonPayload {
   const payload: ApiUpdateLessonPayload = {};
   if (data.title !== undefined) payload.titulo = data.title;
-  if (data.type !== undefined)
-    payload.tipo = data.type as ApiCreateLessonPayload['tipo'];
+  if (data.type !== undefined) payload.tipo = data.type;
   if (data.duration !== undefined) payload.duracao = data.duration;
   if (data.published !== undefined) payload.published = data.published;
   if (data.status !== undefined) payload.statusProducao = data.status;

package/hedhog/frontend/app/courses/[id]/structure/_data/services/course-structure.service.ts.ejs

@@ -54,6 +54,7 @@ type RequestFn = (input: {
   data?: unknown;
   headers?: Record<string, string>;
   onUploadProgress?: (event: { loaded: number; total?: number }) => void;
+  showErrors?: boolean;
 }) => Promise<{ data: unknown }>;
 
 export type QueueJobStatus =
@@ -584,6 +585,7 @@ export async function getQueueJob(
   const response = await request({
     url: `/queue/jobs/${jobId}`,
     method: 'GET',
+    showErrors: false,
   });
   return extractData<QueueJobResponse>(response);
 }
@@ -604,3 +606,50 @@ export async function deleteFile(
     data: { ids: [fileId] },
   });
 }
+
+// ── Questions ─────────────────────────────────────────────────────────────────
+
+export interface ApiQuestion {
+  id: number;
+  questionType: string;
+  statement: string;
+  points: number;
+  subjectId: number | null;
+  subjectName: string | null;
+}
+
+export interface ApiQuestionListResponse {
+  total: number;
+  page: number;
+  limit: number;
+  data: ApiQuestion[];
+}
+
+export interface CreateQuestionPayload {
+  statement: string;
+  questionType?: string;
+  points?: number;
+  subjectId?: number;
+  explanation?: string;
+  alternatives?: { text: string; isCorrect: boolean }[];
+  fillBlankAnswers?: { answer: string; alternatives?: string[] }[];
+  matchingPairs?: { id: string; leftText: string; rightText: string }[];
+}
+
+export async function listQuestions(
+  request: RequestFn,
+  search?: string
+): Promise<ApiQuestionListResponse> {
+  const params = new URLSearchParams({ limit: '100' });
+  if (search?.trim()) params.set('search', search.trim());
+  const response = await request({ url: `/lms/questions?${params}`, method: 'GET' });
+  return response.data as ApiQuestionListResponse;
+}
+
+export async function createQuestion(
+  request: RequestFn,
+  dto: CreateQuestionPayload
+): Promise<ApiQuestion> {
+  const response = await request({ url: '/lms/questions', method: 'POST', data: dto });
+  return response.data as ApiQuestion;
+}

package/hedhog/frontend/app/courses/[id]/structure/_data/types/api-course.types.ts.ejs

@@ -65,7 +65,7 @@ export interface ApiLessonInstructor {
  *   The backend maps DB lesson types to UI types in mapDbTypeToUiType():
  *     DB 'video' → UI 'video'
  *     DB 'text'  → UI 'post'
- *     DB 'quiz'  → UI 'questao' or 'exercicio' (based on content.sourceType)
+ *     DB 'quiz'  → UI 'questao' (based on content.sourceType)
  *
  * ⚠️ BACKEND NOTE — missing fields:
  *   `order` and `visibility` are NOT included in the API response.
@@ -80,7 +80,7 @@ export interface ApiLesson {
   descricaoPrivada: string;
   locale_id?: number | null;
   /** UI-level lesson type resolved by the backend service. */
-  tipo: 'video' | 'questao' | 'post' | 'exercicio';
+  tipo: 'video' | 'questao' | 'post';
   /** Duration in minutes. */
   duracao: number;
   published?: boolean;
@@ -140,6 +140,7 @@ export interface ApiCourse {
   titulo: string;
   descricao: string;
   offeringType?: 'scheduled' | 'on_demand' | 'blended';
+  status?: 'draft' | 'published' | 'archived';
   recursos?: ApiCourseResource[];
 }
 
@@ -207,7 +208,7 @@ export interface ApiUpdateSessionPayload {
  */
 export interface ApiCreateLessonPayload {
   titulo: string;
-  tipo: 'video' | 'questao' | 'post' | 'exercicio';
+  tipo: 'video' | 'questao' | 'post';
   /** Duration in minutes. */
   duracao: number;
   published?: boolean;

package/hedhog/frontend/app/courses/[id]/structure/_data/use-course-content-overview.ts.ejs

@@ -11,13 +11,14 @@ export type CourseContentOverview = {
       video: number;
       questao: number;
       post: number;
-      exercicio: number;
     };
   };
   videos: {
     lessonCount: number;
     withTranscription: number;
     withXp: number;
+    withVideo: number;
+    withProcessedVideo: number;
   };
   media: {
     extractedImageCount: number;

package/hedhog/frontend/app/courses/[id]/structure/_data/use-course-exports.ts.ejs

@@ -0,0 +1,106 @@
+'use client';
+
+import { useApp, useQuery } from '@hed-hog/next-app-provider';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+
+export type ScormVisualSettings = {
+  primaryColor?: string;
+  fontFamily?: string;
+  fontSize?: string;
+  sidebarWidth?: number;
+  sidebarPosition?: string;
+  progressStyle?: string;
+  sidebarTheme?: string;
+};
+
+export type CourseExportRecord = {
+  id: number;
+  format: string;
+  status: 'pending' | 'processing' | 'completed' | 'failed';
+  settings: Record<string, unknown> | null;
+  duration_seconds: number | null;
+  error_message: string | null;
+  created_at: string;
+  finished_at: string | null;
+  file_id: number | null;
+  notification_id: number | null;
+  file: {
+    id: number;
+    path: string;
+    filename: string;
+    size: number | null;
+  } | null;
+  user: {
+    id: number;
+    name: string;
+    photo_id: number | null;
+  };
+};
+
+export function courseExportsQueryKey(courseId: string) {
+  return ['course-exports', courseId] as const;
+}
+
+export function useCourseExportsQuery(courseId: string | null) {
+  const { request } = useApp();
+
+  return useQuery<CourseExportRecord[]>({
+    queryKey: courseExportsQueryKey(courseId ?? ''),
+    enabled: Boolean(courseId),
+    queryFn: async () => {
+      const res = await request<CourseExportRecord[]>({
+        url: `/lms/courses/${courseId}/exports`,
+        method: 'GET',
+      });
+      return res.data ?? [];
+    },
+    initialData: [],
+  });
+}
+
+export function useCreateCourseExportMutation(courseId: string | null) {
+  const { request } = useApp();
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: async (payload: {
+      format: 'scorm_1_2';
+      visualSettings?: ScormVisualSettings;
+    }) => {
+      const res = await request<{
+        exportId: number;
+        queueJobId: number;
+        notificationId: number;
+      }>({
+        url: `/lms/courses/${courseId}/exports`,
+        method: 'POST',
+        data: payload,
+      });
+      return res.data;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: courseExportsQueryKey(courseId ?? ''),
+      });
+    },
+  });
+}
+
+export function useDeleteCourseExportMutation(courseId: string | null) {
+  const { request } = useApp();
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: async (exportId: number) => {
+      await request({
+        url: `/lms/courses/${courseId}/exports/${exportId}`,
+        method: 'DELETE',
+      });
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: courseExportsQueryKey(courseId ?? ''),
+      });
+    },
+  });
+}

package/hedhog/frontend/app/courses/[id]/structure/_data/use-course-structure-mutations.ts.ejs

@@ -20,7 +20,7 @@
  *      onError:  restore cache snapshot + Zustand rollback
  */
 
-import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { useTranslations } from 'next-intl';
 import { toast } from 'sonner';
 
@@ -54,6 +54,9 @@ import {
   updateCourse as apiUpdateCourse,
   updateLesson as apiUpdateLesson,
   updateSession as apiUpdateSession,
+  listQuestions as apiListQuestions,
+  createQuestion as apiCreateQuestion,
+  type CreateQuestionPayload,
 } from './services/course-structure.service';
 import type { CourseStructureCacheData } from './use-course-structure-query';
 import { courseStructureQueryKey } from './use-course-structure-query';
@@ -1104,3 +1107,27 @@ export function useUpdateResourceTypeMutation() {
     },
   });
 }
+
+// ─────────────────────────────────────────────────────────────────────────────
+// useQuestionsQuery / useCreateQuestionMutation
+// ─────────────────────────────────────────────────────────────────────────────
+
+export function useQuestionsQuery(search?: string) {
+  const { request } = useApp();
+  return useQuery({
+    queryKey: ['lms-questions', search ?? ''],
+    queryFn: () => apiListQuestions(request, search),
+    staleTime: 30_000,
+  });
+}
+
+export function useCreateQuestionMutation() {
+  const { request } = useApp();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (dto: CreateQuestionPayload) => apiCreateQuestion(request, dto),
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: ['lms-questions'] });
+    },
+  });
+}

package/hedhog/frontend/app/courses/[id]/structure/_data/use-lms-settings-query.ts.ejs

@@ -3,7 +3,6 @@
 import { useApp, useQuery } from '@hed-hog/next-app-provider';
 
 export interface LmsFeatureFlags {
-  videoConversionEnabled: boolean;
   imageExtractionEnabled: boolean;
   transcriptionEnabled: boolean;
   youtubeEnabled: boolean;
@@ -11,7 +10,6 @@ export interface LmsFeatureFlags {
 }
 
 const DEFAULT_FLAGS: LmsFeatureFlags = {
-  videoConversionEnabled: true,
   imageExtractionEnabled: true,
   transcriptionEnabled: true,
   youtubeEnabled: true,

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

@@ -95,6 +95,7 @@ interface Curso {
   criadoEm: string;
   logoFileId?: number | null;
   operationsProjectId?: number | null;
+  processando?: boolean;
 }
 
 type ApiCourse = {
@@ -122,6 +123,7 @@ type ApiCourse = {
   createdAt: string;
   logoFileId?: number | null;
   operationsProjectId?: number | null;
+  hasRunningJobs?: boolean;
 };
 
 type ApiCourseList = {
@@ -238,6 +240,7 @@ function mapApiCourse(course: ApiCourse): Curso {
     criadoEm: course.createdAt ?? '',
     logoFileId: course.logoFileId ?? null,
     operationsProjectId: course.operationsProjectId ?? null,
+    processando: course.hasRunningJobs ?? false,
   };
 }
 
@@ -315,7 +318,7 @@ const OFFERING_TYPE_COLOR: Record<string, string> = {
   hibrido: 'bg-teal-50 text-teal-700 border-teal-200',
 };
 
-const PAGE_SIZES = [6, 12, 24] as const;
+const DEFAULT_PAGE_SIZES = [6, 12, 24, 48, 96] as const;
 
 // ── Seed Data ─────────────────────────────────────────────────────────────────
 
@@ -385,10 +388,44 @@ export default function CursosPage() {
 
   // Pagination
   const [currentPage, setCurrentPage] = useState(1);
+
+  const { data: generalSettings } = useQuery<{
+    data: Array<{ slug: string; value: string }>;
+  }>({
+    queryKey: ['setting-group-general'],
+    queryFn: async () => {
+      const response = await request<{
+        data: Array<{ slug: string; value: string }>;
+      }>({
+        url: '/setting/group/general',
+        method: 'GET',
+      });
+      return response.data;
+    },
+    staleTime: 5 * 60 * 1000,
+  });
+
+  const pageSizeOptions = useMemo(() => {
+    const setting = generalSettings?.data?.find(
+      (s) => s.slug === 'pagination-page-sizes'
+    );
+    if (!setting?.value) return DEFAULT_PAGE_SIZES;
+    try {
+      const parsed = JSON.parse(setting.value) as string[];
+      const sizes = parsed
+        .map(Number)
+        .filter((n) => !isNaN(n) && n > 0)
+        .sort((a, b) => a - b);
+      return sizes.length > 0 ? sizes : DEFAULT_PAGE_SIZES;
+    } catch {
+      return DEFAULT_PAGE_SIZES;
+    }
+  }, [generalSettings]);
+
   const [pageSize, setPageSize] = usePersistedPageSize({
     storageKey: 'pagination:global:pageSize',
     defaultValue: 12,
-    allowedValues: PAGE_SIZES,
+    allowedValues: pageSizeOptions,
   });
 
   const form = useForm<CourseSheetFormValues>({
@@ -1088,7 +1125,7 @@ export default function CursosPage() {
                 ],
               },
             ]}
-            afterSearchButton={
+            actions={
               <ViewModeToggle
                 viewMode={viewMode}
                 onViewModeChange={setViewMode}
@@ -1289,12 +1326,9 @@ export default function CursosPage() {
         />
       ) : (
         <div className="relative">
-          {cardsRefreshing && (
-            <div className="absolute inset-0 z-10 rounded-2xl bg-background/55 backdrop-blur-[1px]" />
-          )}
           {viewMode === 'cards' ? (
             <motion.div
-              className={`grid gap-4 sm:grid-cols-2 lg:grid-cols-3 ${cardsRefreshing ? 'pointer-events-none' : ''}`}
+              className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3"
               variants={stagger}
               initial="hidden"
               animate="show"
@@ -1405,6 +1439,27 @@ export default function CursosPage() {
                                   </Badge>
                                 </motion.div>
                               )}
+                              {curso.processando &&
+                                !deletingCourseIds.has(curso.id) && (
+                                  <motion.div
+                                    initial={{ opacity: 0, scale: 0.8 }}
+                                    animate={{ opacity: 1, scale: 1 }}
+                                    exit={{ opacity: 0, scale: 0.8 }}
+                                    transition={{
+                                      type: 'spring',
+                                      stiffness: 300,
+                                      damping: 30,
+                                    }}
+                                  >
+                                    <Badge
+                                      variant="secondary"
+                                      className="gap-1 rounded-full px-2 py-0.5 text-[10px]"
+                                    >
+                                      <Loader2 className="size-2.5 animate-spin" />
+                                      Processando...
+                                    </Badge>
+                                  </motion.div>
+                                )}
                             </div>
                           </div>
                         </div>
@@ -1440,7 +1495,7 @@ export default function CursosPage() {
             </motion.div>
           ) : (
             <div
-              className={`overflow-hidden rounded-xl border border-border/70 ${cardsRefreshing ? 'pointer-events-none' : ''}`}
+              className="overflow-hidden rounded-xl border border-border/70"
             >
               <Table>
                 <TableHeader>
@@ -1554,6 +1609,27 @@ export default function CursosPage() {
                                 </Badge>
                               </motion.div>
                             )}
+                            {curso.processando &&
+                              !deletingCourseIds.has(curso.id) && (
+                                <motion.div
+                                  initial={{ opacity: 0, scale: 0.8 }}
+                                  animate={{ opacity: 1, scale: 1 }}
+                                  exit={{ opacity: 0, scale: 0.8 }}
+                                  transition={{
+                                    type: 'spring',
+                                    stiffness: 300,
+                                    damping: 30,
+                                  }}
+                                >
+                                  <Badge
+                                    variant="secondary"
+                                    className="gap-1 text-[11px]"
+                                  >
+                                    <Loader2 className="size-2.5 animate-spin" />
+                                    Processando...
+                                  </Badge>
+                                </motion.div>
+                              )}
                             {curso.destaque && (
                               <span className="inline-flex items-center gap-1 rounded-full border border-amber-200 bg-amber-50 px-2 py-0.5 text-[11px] font-medium text-amber-700">
                                 <Star className="size-3 fill-amber-400 text-amber-400" />
@@ -1627,7 +1703,7 @@ export default function CursosPage() {
               setPageSize(nextPageSize);
               setCurrentPage(1);
             }}
-            pageSizeOptions={PAGE_SIZES}
+            pageSizeOptions={pageSizeOptions}
             selectedCount={selectedIds.size}
           />
         </div>

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

@@ -25,6 +25,7 @@ import { notFound, useParams, useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { AdministratorsTab } from '../_components/enterprise-administrators-tab';
 import { ClassesTab } from '../_components/enterprise-classes-tab';
+import { ClassesCalendarTab } from '../_components/enterprise-classes-calendar-tab';
 import { CoursesTab } from '../_components/enterprise-courses-tab';
 import { EnterpriseSheet } from '../_components/enterprise-sheet';
 import { StudentsTab } from '../_components/enterprise-students-tab';
@@ -265,6 +266,7 @@ export default function EnterpriseDetailPage() {
             <TabsTrigger value="overview">{t('tabs.overview')}</TabsTrigger>
             <TabsTrigger value="crm">{t('tabs.crm')}</TabsTrigger>
             <TabsTrigger value="classes">{t('tabs.classes')}</TabsTrigger>
+            <TabsTrigger value="classesCalendar">{t('tabs.classesCalendar')}</TabsTrigger>
             <TabsTrigger value="courses">{t('tabs.courses')}</TabsTrigger>
             <TabsTrigger value="students">{t('tabs.students')}</TabsTrigger>
             <TabsTrigger value="administrators">
@@ -288,6 +290,10 @@ export default function EnterpriseDetailPage() {
             <ClassesTab enterpriseId={account.id} />
           </TabsContent>
 
+          <TabsContent value="classesCalendar" className="mt-4 px-1">
+            <ClassesCalendarTab enterpriseId={account.id} />
+          </TabsContent>
+
           <TabsContent value="courses" className="mt-4">
             <CoursesTab enterpriseId={account.id} />
           </TabsContent>