@hed-hog/lms 0.0.350 → 0.0.351

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

@@ -140,9 +140,9 @@ export function EditorSession({ sessionId }: EditorSessionProps) {
         className="flex flex-col h-full min-h-0"
       >
         {/* ── Header ───────────────────────────────────────────────────────── */}
-        <div className="flex items-center gap-3 px-4 py-3 border-b bg-muted/30 shrink-0">
-          <div className="flex size-9 items-center justify-center rounded-lg bg-muted shrink-0">
-            <Layers className="size-4 text-muted-foreground" />
+        <div className="flex items-center gap-2 border-b bg-muted/30 px-2 py-2 shrink-0 sm:gap-3 sm:px-4 sm:py-3">
+          <div className="flex size-8 items-center justify-center rounded-md bg-muted shrink-0 sm:size-9 sm:rounded-lg">
+            <Layers className="size-3.5 text-muted-foreground sm:size-4" />
           </div>
           <div className="flex-1 min-w-0">
             <div className="flex items-center gap-1.5">
@@ -204,7 +204,7 @@ export function EditorSession({ sessionId }: EditorSessionProps) {
                 </CardTitle>
               </CardHeader>
               <CardContent className="px-3 pb-2 flex flex-col gap-3">
-                <div className="grid grid-cols-2 gap-2">
+                <div className="grid grid-cols-1 gap-2 sm:grid-cols-2">
                   <FormField
                     control={form.control}
                     name="code"
@@ -280,7 +280,7 @@ export function EditorSession({ sessionId }: EditorSessionProps) {
                 </CardTitle>
               </CardHeader>
               <CardContent className="px-3 pb-2">
-                <div className="grid grid-cols-2 gap-2 items-end">
+                <div className="grid grid-cols-1 gap-2 items-end sm:grid-cols-2">
                   <FormField
                     control={form.control}
                     name="visibility"
@@ -342,7 +342,7 @@ export function EditorSession({ sessionId }: EditorSessionProps) {
 
             {/* ── Aulas da sessão ───────────────────────────────────────────── */}
             {lessons.length === 0 && (
-              <div className="flex flex-col items-center gap-2 py-6 px-2 rounded-lg border border-dashed text-center">
+              <div className="flex flex-col items-center gap-2 px-2 py-4 rounded-lg border border-dashed text-center sm:py-6">
                 <Video className="size-5 text-muted-foreground/40" />
                 <p className="text-xs text-muted-foreground leading-relaxed">
                   Esta sessão ainda não tem aulas.
@@ -370,12 +370,12 @@ export function EditorSession({ sessionId }: EditorSessionProps) {
         {/* ── Footer ───────────────────────────────────────────────────────── */}
         <div className="shrink-0 border-t bg-background">
           <Separator />
-          <div className="flex items-center gap-2 px-3 py-2">
+          <div className="flex items-center gap-1.5 px-2 py-1.5 sm:gap-2 sm:px-3 sm:py-2">
             <Button
               type="button"
               variant="ghost"
               size="sm"
-              className="h-7 text-xs"
+              className="h-6 text-[11px] sm:h-7 sm:text-xs"
               disabled={!isDirty || updateSession.isPending}
               onClick={() => form.reset()}
             >
@@ -387,7 +387,7 @@ export function EditorSession({ sessionId }: EditorSessionProps) {
               type="button"
               variant="outline"
               size="sm"
-              className="h-7 text-xs"
+              className="h-6 text-[11px] sm:h-7 sm:text-xs"
               disabled={createLesson.isPending}
               onClick={() => createLesson.mutate({ sessionId })}
             >
@@ -401,7 +401,7 @@ export function EditorSession({ sessionId }: EditorSessionProps) {
             <Button
               type="submit"
               size="sm"
-              className="h-7 text-xs"
+              className="h-6 text-[11px] sm:h-7 sm:text-xs"
               disabled={!isDirty || updateSession.isPending}
             >
               {updateSession.isPending ? (
@@ -430,7 +430,7 @@ function StatChip({
   value: string | number;
 }) {
   return (
-    <div className="flex items-center gap-2 rounded-md border bg-muted/20 px-2.5 py-2">
+    <div className="flex items-center gap-1.5 rounded-md border bg-muted/20 px-2 py-1.5 sm:gap-2 sm:px-2.5 sm:py-2">
       <span className="text-muted-foreground shrink-0">{icon}</span>
       <div className="min-w-0">
         <p className="text-[0.65rem] text-muted-foreground truncate">{label}</p>

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

@@ -6,11 +6,11 @@ import { useTranslations } from 'next-intl';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
 import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-} from '@/components/ui/dialog';
+  Sheet,
+  SheetHeader,
+  SheetTitle,
+} from '@/components/ui/sheet';
+import { ResizableSheetContent } from '@/components/ui/resizable-sheet-content';
 import { Separator } from '@/components/ui/separator';
 
 // ── Data ──────────────────────────────────────────────────────────────────────
@@ -99,56 +99,65 @@ export function ShortcutsHelp({ open, onOpenChange }: ShortcutsHelpProps) {
     },
   ];
   return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-sm">
-        <DialogHeader>
-          <DialogTitle className="flex items-center gap-2">
+    <Sheet open={open} onOpenChange={onOpenChange}>
+      <ResizableSheetContent
+        sheetId="lms-course-structure-shortcuts-help-sheet"
+        defaultWidth={520}
+        minWidth={400}
+        maxWidth={860}
+        side="right"
+        className="w-full sm:max-w-md p-0 gap-0"
+      >
+        <SheetHeader className="border-b px-4 py-3">
+          <SheetTitle className="flex items-center gap-2">
             <Keyboard className="size-4" />
             {t('title')}
-          </DialogTitle>
-        </DialogHeader>
+          </SheetTitle>
+        </SheetHeader>
 
-        <div className="flex flex-col gap-4 mt-1">
-          {shortcutGroups.map((group, gi) => (
-            <div key={gi}>
-              <p className="text-[0.65rem] font-semibold uppercase tracking-wider text-muted-foreground mb-2">
-                {group.heading}
-              </p>
-              <div className="flex flex-col gap-1.5">
-                {group.items.map(({ keys, description }, ki) => (
-                  <div
-                    key={ki}
-                    className="flex items-center justify-between gap-3"
-                  >
-                    <span className="text-sm text-muted-foreground">
-                      {description}
-                    </span>
-                    <div className="flex items-center gap-1 shrink-0">
-                      {keys.map((k, i) => (
-                        <Badge
-                          key={i}
-                          variant="outline"
-                          className="h-5 px-1.5 text-[0.65rem] font-mono font-medium"
-                        >
-                          {k}
-                        </Badge>
-                      ))}
+        <div className="flex-1 min-h-0 overflow-y-auto px-4 py-3">
+          <div className="flex flex-col gap-4 mt-1">
+            {shortcutGroups.map((group, gi) => (
+              <div key={gi}>
+                <p className="text-[0.65rem] font-semibold uppercase tracking-wider text-muted-foreground mb-2">
+                  {group.heading}
+                </p>
+                <div className="flex flex-col gap-1.5">
+                  {group.items.map(({ keys, description }, ki) => (
+                    <div
+                      key={ki}
+                      className="flex items-center justify-between gap-3"
+                    >
+                      <span className="text-sm text-muted-foreground">
+                        {description}
+                      </span>
+                      <div className="flex items-center gap-1 shrink-0">
+                        {keys.map((k, i) => (
+                          <Badge
+                            key={i}
+                            variant="outline"
+                            className="h-5 px-1.5 text-[0.65rem] font-mono font-medium"
+                          >
+                            {k}
+                          </Badge>
+                        ))}
+                      </div>
                     </div>
-                  </div>
-                ))}
+                  ))}
+                </div>
+                {gi < shortcutGroups.length - 1 && (
+                  <Separator className="mt-3" />
+                )}
               </div>
-              {gi < SHORTCUT_GROUPS.length - 1 && (
-                <Separator className="mt-3" />
-              )}
-            </div>
-          ))}
-        </div>
+            ))}
+          </div>
 
-        <p className="text-[0.65rem] text-muted-foreground mt-1">
-          {t('footer')}
-        </p>
-      </DialogContent>
-    </Dialog>
+          <p className="text-[0.65rem] text-muted-foreground mt-4">
+            {t('footer')}
+          </p>
+        </div>
+      </ResizableSheetContent>
+    </Sheet>
   );
 }
 
@@ -161,15 +170,16 @@ export function ShortcutsHelpTrigger({ onOpen }: { onOpen: () => void }) {
     <Button
       variant="ghost"
       size="sm"
-      className="h-8 gap-1.5 text-xs text-muted-foreground hover:text-foreground"
+      className="h-8 gap-1.5 px-2 text-xs text-muted-foreground hover:text-foreground sm:px-3"
       onClick={onOpen}
       title={t('triggerTitle')}
+      aria-label={t('triggerTitle')}
     >
       <Keyboard className="size-3.5" />
-      {t('triggerLabel')}
+      <span className="sr-only sm:not-sr-only">{t('triggerLabel')}</span>
       <Badge
         variant="outline"
-        className="h-4 px-1 text-[0.6rem] font-mono ml-0.5"
+        className="ml-0.5 hidden h-4 px-1 text-[0.6rem] font-mono sm:inline-flex"
       >
         Ctrl+/
       </Badge>

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

@@ -41,6 +41,7 @@ export interface Session {
 
 export interface Resource {
   id: string;
+  fileId?: number;
   name: string;
   size: string;
   type: string;
@@ -72,6 +73,7 @@ export interface Lesson {
   videoUrl?: string;
   autoDuration?: boolean;
   transcription?: string;
+  videoConversionJobId?: number;
   // Questão
   linkedExam?: string;
   // Post

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

@@ -74,6 +74,7 @@ function normalizeVideoProvider(
 function normalizeResource(raw: ApiLessonResource): Resource {
   return {
     id: String(raw.id),
+    fileId: raw.fileId ?? undefined,
     name: raw.nome,
     type: raw.tipo ?? '',
     /**
@@ -163,6 +164,7 @@ export function normalizeLesson(raw: ApiLesson, order = 0): Lesson {
     videoUrl: raw.videoUrl,
     autoDuration: raw.duracaoAutomatica,
     transcription: raw.transcricao,
+    videoConversionJobId: raw.videoConversionJobId,
     /**
      * ⚠️ TYPE MISMATCH: backend sends `exameVinculado` as number;
      * frontend uses `linkedExam` as string. Converted with String().
@@ -265,6 +267,7 @@ export function toUpdateSessionPayload(
 export function toCreateLessonPayload(
   data: LessonFormValues & {
     transcription?: string;
+    videoConversionJobId?: number;
     instructorIds?: number[];
     resources?: LessonResourceInput[];
   }
@@ -285,6 +288,9 @@ export function toCreateLessonPayload(
       duracaoAutomatica: data.autoDuration,
     }),
     ...(data.transcription && { transcricao: data.transcription }),
+    ...(data.videoConversionJobId !== undefined && {
+      videoConversionJobId: data.videoConversionJobId,
+    }),
     // ⚠️ TYPE MISMATCH: frontend stores linkedExam as string; backend expects number.
     ...(data.linkedExam && { exameVinculado: Number(data.linkedExam) }),
     ...(data.postContent && { conteudoPost: data.postContent }),
@@ -294,9 +300,11 @@ export function toCreateLessonPayload(
       recursos: data.resources.map((r) => ({
         nome: r.name,
         // Only include fileId when the id is a valid server-assigned integer.
-        ...(Number.isInteger(Number(r.id)) && Number(r.id) > 0
-          ? { fileId: Number(r.id) }
-          : {}),
+        ...(Number.isInteger(r.fileId ?? Number.NaN) && (r.fileId ?? 0) > 0
+          ? { fileId: r.fileId }
+          : Number.isInteger(Number(r.id)) && Number(r.id) > 0
+            ? { fileId: Number(r.id) }
+            : {}),
         ...(r.type ? { tipo: r.type } : {}),
         publico: r.public,
       })),
@@ -312,6 +320,7 @@ export function toUpdateLessonPayload(
   data: Partial<
     LessonFormValues & {
       transcription?: string;
+      videoConversionJobId?: number;
       instructorIds?: number[];
       resources?: LessonResourceInput[];
     }
@@ -333,6 +342,8 @@ export function toUpdateLessonPayload(
     payload.duracaoAutomatica = data.autoDuration;
   if (data.transcription !== undefined)
     payload.transcricao = data.transcription;
+  if (data.videoConversionJobId !== undefined)
+    payload.videoConversionJobId = data.videoConversionJobId;
   if (data.postContent !== undefined) payload.conteudoPost = data.postContent;
   if (data.code !== undefined) payload.codigo = data.code;
   if (data.instructorIds !== undefined)
@@ -347,9 +358,11 @@ export function toUpdateLessonPayload(
   if (data.resources !== undefined) {
     payload.recursos = data.resources.map((r) => ({
       nome: r.name,
-      ...(Number.isInteger(Number(r.id)) && Number(r.id) > 0
-        ? { fileId: Number(r.id) }
-        : {}),
+      ...(Number.isInteger(r.fileId ?? Number.NaN) && (r.fileId ?? 0) > 0
+        ? { fileId: r.fileId }
+        : Number.isInteger(Number(r.id)) && Number(r.id) > 0
+          ? { fileId: Number(r.id) }
+          : {}),
       ...(r.type ? { tipo: r.type } : {}),
       publico: r.public,
     }));

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

@@ -48,8 +48,63 @@ type RequestFn = (input: {
   method: string;
   data?: unknown;
   headers?: Record<string, string>;
+  onUploadProgress?: (event: { loaded: number; total?: number }) => void;
 }) => Promise<{ data: unknown }>;
 
+export type QueueJobStatus =
+  | 'pending'
+  | 'scheduled'
+  | 'processing'
+  | 'completed'
+  | 'failed'
+  | 'retrying'
+  | 'canceled'
+  | 'dead_letter';
+
+export interface QueueJobAttempt {
+  id: number;
+  attempt_number: number;
+  status: 'processing' | 'completed' | 'failed' | 'canceled';
+  started_at: string;
+  finished_at?: string | null;
+  duration_ms?: number | null;
+  worker_id?: string | null;
+  error_message?: string | null;
+  created_at: string;
+}
+
+export interface QueueJobEvent {
+  id: number;
+  event_type:
+    | 'created'
+    | 'scheduled'
+    | 'locked'
+    | 'started'
+    | 'completed'
+    | 'failed'
+    | 'retry_scheduled'
+    | 'canceled'
+    | 'moved_to_dead_letter'
+    | 'requeued'
+    | 'unlocked';
+  message?: string | null;
+  created_at: string;
+}
+
+export interface QueueJobResponse {
+  id: number;
+  status: QueueJobStatus;
+  attempts: number;
+  max_attempts: number;
+  created_at: string;
+  started_at?: string | null;
+  finished_at?: string | null;
+  next_retry_at?: string | null;
+  last_error?: string | null;
+  queue_job_attempt: QueueJobAttempt[];
+  queue_job_event: QueueJobEvent[];
+}
+
 // ─────────────────────────────────────────────────────────────────────────────
 // URL helpers
 // ─────────────────────────────────────────────────────────────────────────────
@@ -434,7 +489,10 @@ export async function pasteLessons(
 export async function uploadFile(
   request: RequestFn,
   file: File,
-  destination = 'lms/lessons'
+  destination = 'lms/lessons',
+  options?: {
+    onUploadProgress?: (event: { loaded: number; total?: number }) => void;
+  }
 ): Promise<{ id: number; filename: string }> {
   const formData = new FormData();
   formData.append('file', file);
@@ -445,10 +503,37 @@ export async function uploadFile(
     method: 'POST',
     data: formData,
     headers: { 'Content-Type': 'multipart/form-data' },
+    onUploadProgress: options?.onUploadProgress,
   });
   return extractData<{ id: number; filename: string }>(response);
 }
 
+export async function enqueueLessonVideoConversion(
+  request: RequestFn,
+  courseId: string | number,
+  sessionId: string | number,
+  lessonId: string | number,
+  originalFileId: number
+): Promise<{ queueJobId: number; status: 'queued' }> {
+  const response = await request({
+    url: `${LESSONS_PATH(courseId, sessionId)}/${lessonId}/video-conversions`,
+    method: 'POST',
+    data: { originalFileId },
+  });
+  return extractData<{ queueJobId: number; status: 'queued' }>(response);
+}
+
+export async function getQueueJob(
+  request: RequestFn,
+  jobId: number
+): Promise<QueueJobResponse> {
+  const response = await request({
+    url: `/queue/jobs/${jobId}`,
+    method: 'GET',
+  });
+  return extractData<QueueJobResponse>(response);
+}
+
 /**
  * DELETE /file
  *

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

@@ -20,6 +20,7 @@
 export interface ApiLessonResource {
   id: number;
   nome: string;
+  fileId?: number | null;
   /** MIME category or custom type label; may be null. */
   tipo: string | null;
   publico: boolean;
@@ -76,6 +77,7 @@ export interface ApiLesson {
   videoUrl?: string;
   duracaoAutomatica?: boolean;
   transcricao?: string;
+  videoConversionJobId?: number;
   /**
    * ID of the linked exam (when tipo === 'questao').
    * ⚠️ TYPE MISMATCH: backend sends number; frontend stores as string.
@@ -188,6 +190,7 @@ export interface ApiCreateLessonPayload {
   videoUrl?: string;
   duracaoAutomatica?: boolean;
   transcricao?: string;
+  videoConversionJobId?: number;
   /** ID of the linked exam. ⚠️ TYPE MISMATCH: backend expects number; frontend stores string. */
   exameVinculado?: number;
   conteudoPost?: string;

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

@@ -297,6 +297,7 @@ interface UpdateLessonVars {
   formValues: Partial<
     LessonFormValues & {
       transcription?: string;
+      videoConversionJobId?: number;
       resources?: Resource[];
       instructorIds?: number[];
     }