@hed-hog/lms 0.0.361 → 0.0.365

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

@@ -6,12 +6,14 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import {
   AlertTriangle,
   BookOpen,
+  Briefcase,
   CheckCircle2,
   CircleDot,
   Clock,
   Download,
   Layers,
   Loader2,
+  Mic,
   Pencil,
   Plus,
   Save,
@@ -19,6 +21,7 @@ import {
   UploadCloud,
   Video,
   X,
+  Zap,
 } from 'lucide-react';
 import { useTranslations } from 'next-intl';
 import { useRouter } from 'next/navigation';
@@ -28,12 +31,21 @@ import { toast } from 'sonner';
 import { z } from 'zod';
 
 import { createDefaultTemplate } from '@/app/(app)/(libraries)/lms/_lib/editor/types';
-import { FfmpegParamsEditor } from '@/components/ffmpeg-params-editor';
 import { FileTypeIcon } from '@/components/file-type-icon';
 import { RichTextEditor } from '@/components/rich-text-editor';
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Checkbox } from '@/components/ui/checkbox';
 import {
   Dialog,
   DialogContent,
@@ -42,6 +54,15 @@ import {
   DialogHeader,
   DialogTitle,
 } from '@/components/ui/dialog';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu';
 import { EntityPicker } from '@/components/ui/entity-picker';
 import {
   Form,
@@ -74,6 +95,7 @@ import { cn } from '@/lib/utils';
 import { useApp, useQuery } from '@hed-hog/next-app-provider';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 
+import { CourseDeleteDialog } from '../../../_components/CourseDeleteDialog';
 import type {
   CourseEditFormValues,
   PickerOption,
@@ -83,7 +105,6 @@ import { CourseClassificationCard } from '../../_components/CourseClassification
 import { CourseContentCard } from '../../_components/CourseContentCard';
 import { CourseDangerZoneCard } from '../../_components/CourseDangerZoneCard';
 import { CourseFlagsCard } from '../../_components/CourseFlagsCard';
-import { CourseInstructorsSummaryCard } from './CourseInstructorsSummaryCard';
 import { CourseMediaCard } from '../../_components/CourseMediaCard';
 import { CourseRelationsCard } from '../../_components/CourseRelationsCard';
 import {
@@ -94,8 +115,14 @@ import {
 } from '../_data/services/course-structure.service';
 import { useCreateSessionMutation } from '../_data/use-course-structure-mutations';
 import { courseStructureQueryKey } from '../_data/use-course-structure-query';
-import { IconActionTooltip } from './icon-action-tooltip';
+import { useLmsSettingsQuery } from '../_data/use-lms-settings-query';
+import { CourseExportSheet } from './course-export-sheet';
+import { CourseExportsTab } from './course-exports-tab';
 import { CourseOperationsTab } from './course-operations-tab';
+import { CourseOverviewTab } from './course-overview-tab';
+import { CourseXpOverviewTab } from './course-xp-overview-tab';
+import { CourseInstructorsSummaryCard } from './CourseInstructorsSummaryCard';
+import { IconActionTooltip } from './icon-action-tooltip';
 import { useStructureStore } from './store';
 import { Resource } from './types';
 
@@ -129,6 +156,8 @@ type ApiCourseDetail = {
   instructors?: Array<{ id: number; name: string; avatarId: number | null }>;
   logoFileId?: number | null;
   logoFilename?: string | null;
+  logoFileSize?: number | null;
+  logoMimeType?: string | null;
   logoImageType?: {
     suggestedWidth: number | null;
     suggestedHeight: number | null;
@@ -137,6 +166,8 @@ type ApiCourseDetail = {
   } | null;
   bannerFileId?: number | null;
   bannerFilename?: string | null;
+  bannerFileSize?: number | null;
+  bannerMimeType?: string | null;
   bannerImageType?: {
     suggestedWidth: number | null;
     suggestedHeight: number | null;
@@ -147,13 +178,26 @@ type ApiCourseDetail = {
   operationsProjectId?: number | null;
   operationsProjectCode?: string | null;
   operationsProjectName?: string | null;
+  deletionImpact?: ApiCourseDeletionImpact;
 };
 
-type VideoProfileOption = {
-  id: number;
-  name: string;
-  ffmpeg_params: string;
-  status: string;
+type ApiCourseDeletionImpact = {
+  fileCount: number;
+  totalBytes: number;
+  formattedSize: string;
+  countsBySource?: Record<string, number>;
+  enrollmentCount?: number;
+};
+
+type ApiQueuedDeleteResponse = {
+  success: boolean;
+  status: 'queued';
+  queueJobId: number;
+  notificationId: number;
+  deletionImpact?: Pick<
+    ApiCourseDeletionImpact,
+    'fileCount' | 'totalBytes' | 'formattedSize'
+  >;
 };
 
 type ApiCategory = { id: number; slug: string; name: string };
@@ -316,6 +360,24 @@ function formatFileSize(bytes: number): string {
   return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
 }
 
+function formatBytes(bytes: number) {
+  if (!Number.isFinite(bytes) || bytes <= 0) {
+    return '0 B';
+  }
+
+  const units = ['B', 'KB', 'MB', 'GB', 'TB'];
+  let value = bytes;
+  let unitIndex = 0;
+
+  while (value >= 1024 && unitIndex < units.length - 1) {
+    value /= 1024;
+    unitIndex += 1;
+  }
+
+  const digits = unitIndex === 0 ? 0 : value >= 10 ? 1 : 2;
+  return `${value.toFixed(digits)} ${units[unitIndex]}`;
+}
+
 function mapApiCourseResourceToLocal(
   item: CourseResourceApi
 ): CourseResourceItem {
@@ -378,9 +440,86 @@ function buildSchema(t: (key: string) => string) {
   });
 }
 
+// ── Skeleton ──────────────────────────────────────────────────────────────────
+
+function EditorCourseSkeleton() {
+  return (
+    <div 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">
+        <Skeleton className="size-9 rounded-lg shrink-0" />
+        <div className="flex-1 min-w-0 flex flex-col gap-1">
+          <Skeleton className="h-4 w-16" />
+          <Skeleton className="h-3 w-32" />
+        </div>
+        <div className="flex items-center gap-1.5">
+          <Skeleton className="h-5 w-12 rounded-full" />
+          <Skeleton className="h-5 w-12 rounded-full" />
+          <Skeleton className="h-5 w-14 rounded-full" />
+          <Skeleton className="h-5 w-16 rounded-full" />
+        </div>
+      </div>
+      {/* Tabs bar */}
+      <div className="flex items-center gap-1 px-3 py-1 border-b bg-muted/50 shrink-0 overflow-hidden">
+        {Array.from({ length: 6 }).map((_, i) => (
+          <Skeleton key={i} className="h-7 w-16 rounded-md shrink-0" />
+        ))}
+      </div>
+      {/* Tab content — estrutura */}
+      <div className="flex-1 min-h-0 overflow-y-auto p-3 flex flex-col gap-3">
+        <div className="rounded-lg border bg-muted/20 p-3 flex flex-col gap-3">
+          <Skeleton className="h-3 w-28" />
+          {[80, 56, 96].map((w, i) => (
+            <div key={i} className="flex flex-col gap-1">
+              <Skeleton className="h-3 w-20" />
+              <Skeleton className={`h-8 w-full max-w-[${w}%]`} />
+            </div>
+          ))}
+        </div>
+        <div className="rounded-lg border bg-muted/20 p-3 flex flex-col gap-3">
+          <Skeleton className="h-3 w-24" />
+          <div className="flex flex-col gap-1">
+            <Skeleton className="h-3 w-16" />
+            <Skeleton className="h-20 w-full" />
+          </div>
+        </div>
+        <div className="rounded-lg border bg-muted/20 p-3 flex flex-col gap-3">
+          <Skeleton className="h-3 w-20" />
+          <div className="grid grid-cols-2 gap-2">
+            {[1, 2, 3, 4].map((i) => (
+              <div key={i} className="flex flex-col gap-1">
+                <Skeleton className="h-3 w-14" />
+                <Skeleton className="h-8 w-full" />
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
 // ── Component ─────────────────────────────────────────────────────────────────
 
-export function EditorCourse() {
+const COURSE_TABS = [
+  'visao-geral',
+  'detalhes',
+  'xp',
+  'midia',
+  'recursos',
+  'operacoes',
+  'publicacao',
+  'extra',
+  'exportacoes',
+] as const;
+type CourseTab = (typeof COURSE_TABS)[number];
+
+interface EditorCourseProps {
+  defaultTab?: string;
+  onTabChange?: (tab: string) => void;
+}
+
+export function EditorCourse({ defaultTab, onTabChange }: EditorCourseProps) {
   const courseId = useStructureStore((s) => s.courseId);
   const course = useStructureStore((s) => s.course);
   const sessions = useStructureStore((s) => s.sessions);
@@ -389,6 +528,7 @@ export function EditorCourse() {
 
   const { request, currentLocaleCode, locales } = useApp();
   const t = useTranslations('lms.CursoEditPage');
+  const courseListT = useTranslations('lms.CoursesPage');
   const courseLocaleLabel = currentLocaleCode?.startsWith('en')
     ? 'Course Language'
     : 'Idioma do Curso';
@@ -396,9 +536,24 @@ export function EditorCourse() {
   const isMobile = useIsMobile();
   const queryClient = useQueryClient();
   const createSessionMutation = useCreateSessionMutation();
+  const lmsSettings = useLmsSettingsQuery();
 
   // ── UI state ────────────────────────────────────────────────────────────────
-  const [activeTab, setActiveTab] = useState('estrutura');
+  const [activeTab, setActiveTab] = useState<CourseTab>(() =>
+    defaultTab && (COURSE_TABS as readonly string[]).includes(defaultTab)
+      ? (defaultTab as CourseTab)
+      : 'visao-geral'
+  );
+  const [exportSheetOpen, setExportSheetOpen] = useState(false);
+  const [pendingBulkJob, setPendingBulkJob] = useState<'transcription' | 'xp_recalculation' | 'video_processing' | null>(null);
+  const [isBulkJobPending, setIsBulkJobPending] = useState(false);
+  const [videoProcessingStats, setVideoProcessingStats] = useState<{
+    withOriginal: number;
+    withoutOriginal: number;
+    alreadyProcessed: number;
+  } | null>(null);
+  const [isFetchingVideoStats, setIsFetchingVideoStats] = useState(false);
+  const [reprocessAlreadyProcessed, setReprocessAlreadyProcessed] = useState(false);
   const [categoryEditSheetOpen, setCategoryEditSheetOpen] = useState(false);
   const [editingCategoryId, setEditingCategoryId] = useState<number | null>(
     null
@@ -417,7 +572,15 @@ export function EditorCourse() {
   >('active');
   const [savingCategoryEdit, setSavingCategoryEdit] = useState(false);
   const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
-  const [deleting, setDeleting] = useState(false);
+  const [confirmationInput, setConfirmationInput] = useState('');
+  const [archivingCourse, setArchivingCourse] = useState(false);
+  const [queuingDelete, setQueuingDelete] = useState(false);
+  const [loadingDeleteImpact, setLoadingDeleteImpact] = useState(false);
+  const [deleteImpact, setDeleteImpact] =
+    useState<ApiCourseDeletionImpact | null>(null);
+  const [deleteCourseStatus, setDeleteCourseStatus] = useState<
+    CourseEditFormValues['status'] | null
+  >(null);
   const [logoPreview, setLogoPreview] = useState<string | null>(null);
   const [bannerPreview, setBannerPreview] = useState<string | null>(null);
   const [uploadingLogo, setUploadingLogo] = useState(false);
@@ -439,33 +602,23 @@ export function EditorCourse() {
   const [isUploadingResources, setIsUploadingResources] = useState(false);
   const [isSavingResources, setIsSavingResources] = useState(false);
   const resourcesInputRef = useRef<HTMLInputElement>(null);
-  const [linkedProfileIds, setLinkedProfileIds] = useState<number[]>([]);
-  const [videoProfilePickerResetKey, setVideoProfilePickerResetKey] =
-    useState(0);
-  const [videoProfileEditSheetOpen, setVideoProfileEditSheetOpen] =
-    useState(false);
-  const [editingVideoProfileId, setEditingVideoProfileId] = useState<
-    number | null
-  >(null);
-  const [editingVideoProfileName, setEditingVideoProfileName] = useState('');
-  const [editingVideoProfileParams, setEditingVideoProfileParams] =
-    useState('');
-  const [savingVideoProfileEdit, setSavingVideoProfileEdit] = useState(false);
 
   // ── Queries ─────────────────────────────────────────────────────────────────
-  const { data: apiCourse, refetch: refetchCourse } = useQuery<ApiCourseDetail>(
-    {
-      queryKey: ['lms-course-detail', courseId],
-      enabled: Boolean(courseId),
-      queryFn: async () => {
-        const response = await request<ApiCourseDetail>({
-          url: `/lms/courses/${courseId}`,
-          method: 'GET',
-        });
-        return response.data;
-      },
-    }
-  );
+  const {
+    data: apiCourse,
+    refetch: refetchCourse,
+    isLoading: isLoadingCourse,
+  } = useQuery<ApiCourseDetail>({
+    queryKey: ['lms-course-detail', courseId],
+    enabled: Boolean(courseId),
+    queryFn: async () => {
+      const response = await request<ApiCourseDetail>({
+        url: `/lms/courses/${courseId}`,
+        method: 'GET',
+      });
+      return response.data;
+    },
+  });
 
   const { data: categoryListData, refetch: refetchCategoryOptions } =
     useQuery<ApiCategoryList>({
@@ -536,22 +689,6 @@ export function EditorCourse() {
     initialData: { data: [] },
   });
 
-  const {
-    data: allVideoProfiles = [],
-    refetch: refetchVideoProfiles,
-    isFetching: isFetchingVideoProfiles,
-  } = useQuery<VideoProfileOption[]>({
-    queryKey: ['lms-video-resolution-profiles-all'],
-    queryFn: async () => {
-      const response = await request<VideoProfileOption[]>({
-        url: '/lms/video-resolution-profiles/all',
-        method: 'GET',
-      });
-      return response.data;
-    },
-    initialData: [],
-  });
-
   const { data: operationsConfig } = useQuery<{ isAvailable: boolean }>({
     queryKey: ['lms-course-operations-config', courseId],
     enabled: Boolean(courseId),
@@ -571,6 +708,12 @@ export function EditorCourse() {
 
   const showOperationsTab = operationsConfig?.isAvailable === true;
 
+  useEffect(() => {
+    if (apiCourse?.status) {
+      setDeleteCourseStatus(toPtStatus(apiCourse.status));
+    }
+  }, [apiCourse?.status]);
+
   // ── Save mutation ───────────────────────────────────────────────────────────
   const { mutate: saveCourse, isPending: saving } = useMutation({
     mutationFn: async (data: CourseEditFormValues) => {
@@ -607,15 +750,6 @@ export function EditorCourse() {
       return data;
     },
     onSuccess: (data) => {
-      if (courseId) {
-        void request({
-          url: `/lms/courses/${courseId}/video-resolution-profiles/sync`,
-          method: 'POST',
-          data: { profileIds: linkedProfileIds },
-        }).catch(() => {
-          toast.error('Erro ao sincronizar perfis de vídeo.');
-        });
-      }
       setPersistedCertificateModel(data.modeloCertificado || '');
       updateCourseInStore({
         code: data.code,
@@ -759,14 +893,6 @@ export function EditorCourse() {
     );
   }, [certificateTemplateData, createdTemplateOptions]);
 
-  const availableVideoProfiles = useMemo(
-    () =>
-      allVideoProfiles.filter(
-        (profile) => !linkedProfileIds.includes(profile.id)
-      ),
-    [allVideoProfiles, linkedProfileIds]
-  );
-
   // ── Structural stats ─────────────────────────────────────────────────────────
   const totalMinutes = lessons.reduce((sum, l) => sum + l.duration, 0);
   const hours = Math.floor(totalMinutes / 60);
@@ -777,9 +903,6 @@ export function EditorCourse() {
   ).length;
 
   const formValues = form.watch();
-  const showVideoTab =
-    formValues.tipoOferta === 'sob_demanda' ||
-    formValues.tipoOferta === 'hibrido';
   const descriptionText = String(formValues.descricaoPublica ?? '')
     .replace(/<[^>]+>/g, '')
     .trim();
@@ -911,32 +1034,6 @@ export function EditorCourse() {
     };
   }, [courseId, request]);
 
-  useEffect(() => {
-    if (!showVideoTab && activeTab === 'videos') {
-      setActiveTab('estrutura');
-    }
-  }, [showVideoTab, activeTab]);
-
-  useEffect(() => {
-    if (!courseId) return;
-    let active = true;
-    void request<VideoProfileOption[]>({
-      url: `/lms/courses/${courseId}/video-resolution-profiles`,
-      method: 'GET',
-    })
-      .then((res) => {
-        if (!active) return;
-        setLinkedProfileIds((res.data ?? []).map((p) => p.id));
-      })
-      .catch(() => {
-        if (!active) return;
-        setLinkedProfileIds([]);
-      });
-    return () => {
-      active = false;
-    };
-  }, [courseId, request]);
-
   async function syncCourseResources(nextResources: CourseResourceItem[]) {
     setIsSavingResources(true);
     try {
@@ -1256,38 +1353,6 @@ export function EditorCourse() {
     }
   }
 
-  function handleEditVideoProfile(profileId: number) {
-    const profile = allVideoProfiles.find((p) => p.id === profileId);
-    if (!profile) return;
-    setEditingVideoProfileId(profileId);
-    setEditingVideoProfileName(profile.name);
-    setEditingVideoProfileParams(profile.ffmpeg_params);
-    setVideoProfileEditSheetOpen(true);
-  }
-
-  async function handleSaveVideoProfileEdit() {
-    if (!editingVideoProfileId) return;
-    try {
-      setSavingVideoProfileEdit(true);
-      await request({
-        url: `/lms/video-resolution-profiles/${editingVideoProfileId}`,
-        method: 'PATCH',
-        data: {
-          name: editingVideoProfileName,
-          ffmpeg_params: editingVideoProfileParams,
-        },
-      });
-      await refetchVideoProfiles();
-      setVideoProfileEditSheetOpen(false);
-      setEditingVideoProfileId(null);
-      toast.success('Perfil de vídeo atualizado com sucesso.');
-    } catch {
-      toast.error('Erro ao atualizar o perfil de vídeo.');
-    } finally {
-      setSavingVideoProfileEdit(false);
-    }
-  }
-
   async function handleEditCategory(categorySlug: string) {
     const category = (categoryListData?.data ?? []).find(
       (item) => item.slug === categorySlug
@@ -1380,58 +1445,197 @@ export function EditorCourse() {
     }
   }
 
-  async function handleDelete() {
-    setDeleting(true);
+  const deleteCourseTitle = apiCourse?.title?.trim() || course.title.trim();
+  const deleteConfirmMatches = confirmationInput === deleteCourseTitle;
+  const deleteRequiresArchive = deleteCourseStatus !== 'arquivado';
+  const canDeleteCourse =
+    Boolean(courseId) &&
+    !deleteRequiresArchive &&
+    deleteConfirmMatches &&
+    !loadingDeleteImpact &&
+    !queuingDelete &&
+    !archivingCourse &&
+    Boolean(deleteImpact);
+
+  async function loadDeleteImpact() {
+    if (!courseId) return;
+
+    setLoadingDeleteImpact(true);
+    setDeleteImpact(null);
+
     try {
-      await request({ url: `/lms/courses/${courseId}`, method: 'DELETE' });
-      setDeleteDialogOpen(false);
-      toast.success(t('toasts.courseDeleted'));
-      router.push('/lms/courses');
+      const response = await request<ApiCourseDetail>({
+        url: `/lms/courses/${courseId}`,
+        method: 'GET',
+      });
+
+      const impact = response.data.deletionImpact;
+
+      setDeleteCourseStatus(toPtStatus(response.data.status));
+      setDeleteImpact(
+        impact
+          ? {
+              ...impact,
+              formattedSize:
+                impact.formattedSize || formatBytes(impact.totalBytes ?? 0),
+            }
+          : null
+      );
+    } catch {
+      toast.error(courseListT('toasts.courseDeleteImpactLoadError'));
     } finally {
-      setDeleting(false);
+      setLoadingDeleteImpact(false);
     }
   }
 
-  function onSubmit(data: CourseEditFormValues) {
-    if (data.status === 'publicado') {
-      const requiredProfileIds = new Set(linkedProfileIds);
-      const invalidLesson = lessons.find((lesson) => {
-        if (
-          lesson.type !== 'video' ||
-          lesson.videoProvider !== 'file_storage'
-        ) {
-          return false;
-        }
+  function openDeleteDialog() {
+    setConfirmationInput('');
+    setDeleteImpact(null);
+    setDeleteDialogOpen(true);
+    void loadDeleteImpact();
+  }
 
-        if (requiredProfileIds.size === 0) {
-          return true;
-        }
+  async function archiveCourseForDelete() {
+    if (!courseId || deleteCourseStatus === 'arquivado') return;
 
-        const resourceTypes = new Set(lesson.resources.map((res) => res.type));
-        return [...requiredProfileIds].some(
-          (profileId) => !resourceTypes.has(`video_profile:${profileId}`)
-        );
+    setArchivingCourse(true);
+    try {
+      await request({
+        url: `/lms/courses/${courseId}`,
+        method: 'PATCH',
+        data: { status: 'archived' },
       });
 
-      if (invalidLesson) {
-        toast.error(
-          linkedProfileIds.length === 0
-            ? 'Configure ao menos um perfil de vídeo antes de publicar o curso.'
-            : `A aula "${invalidLesson.title}" precisa de um vídeo para cada perfil antes da publicação.`
-        );
-        return;
+      setDeleteCourseStatus('arquivado');
+      form.setValue('status', 'arquivado', {
+        shouldDirty: false,
+        shouldTouch: false,
+        shouldValidate: false,
+      });
+      toast.success(
+        courseListT('toasts.courseArchived', { title: deleteCourseTitle })
+      );
+      await refetchCourse();
+      await loadDeleteImpact();
+    } catch {
+      toast.error(courseListT('toasts.courseArchiveError'));
+    } finally {
+      setArchivingCourse(false);
+    }
+  }
+
+  async function handleDelete() {
+    if (!courseId) return;
+    if (confirmationInput !== deleteCourseTitle) {
+      toast.error(
+        courseListT('form.validationErrors.confirmationMismatch') ||
+          'Nome do curso não corresponde.'
+      );
+      return;
+    }
+
+    if (deleteCourseStatus !== 'arquivado') {
+      toast.error(courseListT('toasts.deleteOnlyArchived'));
+      return;
+    }
+
+    if (!deleteImpact) {
+      toast.error(courseListT('toasts.courseDeleteImpactLoadError'));
+      return;
+    }
+
+    setQueuingDelete(true);
+    try {
+      const response = await request<ApiQueuedDeleteResponse>({
+        url: `/lms/courses/${courseId}`,
+        method: 'DELETE',
+      });
+
+      setDeleteDialogOpen(false);
+      toast.success(
+        courseListT('toasts.courseDeleteQueued', {
+          title: deleteCourseTitle,
+          files:
+            response.data?.deletionImpact?.fileCount ?? deleteImpact.fileCount,
+        })
+      );
+      router.push('/lms/courses');
+    } catch (error) {
+      const message =
+        error instanceof Error && error.message ? error.message : '';
+
+      if (message.includes('ONLY_ARCHIVED_COURSE_CAN_BE_DELETED')) {
+        toast.error(courseListT('toasts.deleteOnlyArchived'));
+      } else {
+        toast.error(courseListT('toasts.courseDeleteQueueError'));
       }
+    } finally {
+      setQueuingDelete(false);
     }
+  }
 
+  function onSubmit(data: CourseEditFormValues) {
     saveCourse(data);
   }
 
+  function handlePublish() {
+    const values = form.getValues();
+    saveCourse({ ...values, status: 'publicado' });
+  }
+
   function onFormError(errors: Record<string, unknown>) {
     const first = Object.values(errors)[0] as { message?: string } | undefined;
     toast.error(first?.message ?? 'Verifique os campos obrigatórios');
   }
 
+  // ── Bulk jobs ─────────────────────────────────────────────────────────────────
+  const handleBulkJob = async (
+    jobType: 'transcription' | 'xp_recalculation' | 'video_processing',
+    opts?: { reprocessAlreadyProcessed?: boolean },
+  ) => {
+    setIsBulkJobPending(true);
+    try {
+      const res = await request<{ queued: number; skipped: number }>({
+        url: `/lms/courses/${courseId}/structure/bulk-jobs`,
+        method: 'POST',
+        data: { jobType, ...opts },
+      });
+      toast.success(`${res.data?.queued ?? 0} job(s) enfileirado(s), ${res.data?.skipped ?? 0} ignorado(s).`);
+    } catch {
+      toast.error('Erro ao enfileirar jobs em massa.');
+    } finally {
+      setIsBulkJobPending(false);
+      setPendingBulkJob(null);
+      setVideoProcessingStats(null);
+    }
+  };
+
+  const handleOpenVideoProcessingDialog = async () => {
+    setIsFetchingVideoStats(true);
+    setReprocessAlreadyProcessed(false);
+    try {
+      const res = await request<{
+        withOriginal: number;
+        withoutOriginal: number;
+        alreadyProcessed: number;
+      }>({
+        url: `/lms/courses/${courseId}/structure/video-processing-stats`,
+        method: 'GET',
+      });
+      setVideoProcessingStats(res.data ?? null);
+      setPendingBulkJob('video_processing');
+    } catch {
+      toast.error('Erro ao buscar estatísticas de processamento de vídeo.');
+    } finally {
+      setIsFetchingVideoStats(false);
+    }
+  };
+
   // ── Render ────────────────────────────────────────────────────────────────────
+  if (isLoadingCourse && !apiCourse) {
+    return <EditorCourseSkeleton />;
+  }
+
   return (
     <Form {...form}>
       <form
@@ -1553,13 +1757,157 @@ export function EditorCourse() {
                 </TooltipContent>
               </Tooltip>
             </TooltipProvider>
+
+            {/* ── Bulk jobs menu ────────────────────────────────────────── */}
+            <DropdownMenu>
+              <DropdownMenuTrigger asChild>
+                <Button
+                  type="button"
+                  variant="ghost"
+                  size="icon"
+                  className="size-6 shrink-0"
+                  disabled={isBulkJobPending || isFetchingVideoStats}
+                >
+                  {isBulkJobPending || isFetchingVideoStats ? (
+                    <Loader2 className="size-3.5 animate-spin" />
+                  ) : (
+                    <Briefcase className="size-3.5" />
+                  )}
+                </Button>
+              </DropdownMenuTrigger>
+              <DropdownMenuContent align="end" className="w-56">
+                <DropdownMenuLabel className="text-xs">Jobs em massa</DropdownMenuLabel>
+                <DropdownMenuSeparator />
+                {lmsSettings.transcriptionEnabled && (
+                  <DropdownMenuItem
+                    onSelect={() => setPendingBulkJob('transcription')}
+                    className="gap-2"
+                  >
+                    <Mic className="size-4 text-muted-foreground" />
+                    Refazer transcrição de todas as aulas
+                  </DropdownMenuItem>
+                )}
+                <DropdownMenuItem
+                  onSelect={() => setPendingBulkJob('xp_recalculation')}
+                  className="gap-2"
+                >
+                  <Zap className="size-4 text-muted-foreground" />
+                  Recalcular XP de todas as aulas
+                </DropdownMenuItem>
+                <DropdownMenuItem
+                  onSelect={handleOpenVideoProcessingDialog}
+                  className="gap-2"
+                >
+                  <Video className="size-4 text-muted-foreground" />
+                  Processar todos os vídeos
+                </DropdownMenuItem>
+                <DropdownMenuSeparator />
+                <DropdownMenuLabel className="text-xs">Exportar</DropdownMenuLabel>
+                <DropdownMenuItem
+                  onSelect={() => setExportSheetOpen(true)}
+                  className="gap-2"
+                >
+                  <Download className="size-4 text-muted-foreground" />
+                  SCORM 1.2
+                </DropdownMenuItem>
+              </DropdownMenuContent>
+            </DropdownMenu>
+
+            <AlertDialog
+              open={pendingBulkJob === 'transcription' || pendingBulkJob === 'xp_recalculation'}
+              onOpenChange={(open) => { if (!open) setPendingBulkJob(null); }}
+            >
+              <AlertDialogContent>
+                <AlertDialogHeader>
+                  <AlertDialogTitle>
+                    {pendingBulkJob === 'transcription'
+                      ? 'Refazer transcrição de todas as aulas?'
+                      : 'Recalcular XP de todas as aulas?'}
+                  </AlertDialogTitle>
+                  <AlertDialogDescription>
+                    {pendingBulkJob === 'transcription'
+                      ? `Um job de transcrição será enfileirado para cada aula que possuir arquivo de áudio (${lessons.length} aulas no total). Aulas sem áudio serão ignoradas.`
+                      : `Um job de recálculo de XP será enfileirado para cada aula que possuir transcrição (${lessons.length} aulas no total). Aulas sem transcrição serão ignoradas.`}
+                  </AlertDialogDescription>
+                </AlertDialogHeader>
+                <AlertDialogFooter>
+                  <AlertDialogCancel>Cancelar</AlertDialogCancel>
+                  <AlertDialogAction
+                    onClick={() => pendingBulkJob && handleBulkJob(pendingBulkJob as 'transcription' | 'xp_recalculation')}
+                  >
+                    Confirmar
+                  </AlertDialogAction>
+                </AlertDialogFooter>
+              </AlertDialogContent>
+            </AlertDialog>
+
+            <Dialog
+              open={pendingBulkJob === 'video_processing'}
+              onOpenChange={(open) => {
+                if (!open) {
+                  setPendingBulkJob(null);
+                  setVideoProcessingStats(null);
+                }
+              }}
+            >
+              <DialogContent className="sm:max-w-md">
+                <DialogHeader>
+                  <DialogTitle>Processar todos os vídeos?</DialogTitle>
+                  <DialogDescription>
+                    {videoProcessingStats ? (
+                      <>
+                        <span className="font-medium text-foreground">{videoProcessingStats.withOriginal}</span> aula(s) com vídeo original elegíveis para processamento.{' '}
+                        <span className="font-medium text-foreground">{videoProcessingStats.withoutOriginal}</span> aula(s) sem vídeo original serão ignoradas.
+                      </>
+                    ) : (
+                      'Carregando estatísticas...'
+                    )}
+                  </DialogDescription>
+                </DialogHeader>
+                {videoProcessingStats && videoProcessingStats.alreadyProcessed > 0 && (
+                  <div className="flex items-center gap-2 py-1">
+                    <Checkbox
+                      id="reprocess-checkbox"
+                      checked={reprocessAlreadyProcessed}
+                      onCheckedChange={(checked) => setReprocessAlreadyProcessed(checked === true)}
+                    />
+                    <label htmlFor="reprocess-checkbox" className="text-sm leading-none cursor-pointer">
+                      Reprocessar aulas que já foram processadas{' '}
+                      <span className="text-muted-foreground">({videoProcessingStats.alreadyProcessed} aula(s))</span>
+                    </label>
+                  </div>
+                )}
+                <DialogFooter>
+                  <Button
+                    variant="outline"
+                    onClick={() => {
+                      setPendingBulkJob(null);
+                      setVideoProcessingStats(null);
+                    }}
+                  >
+                    Cancelar
+                  </Button>
+                  <Button
+                    disabled={isBulkJobPending || !videoProcessingStats}
+                    onClick={() => handleBulkJob('video_processing', { reprocessAlreadyProcessed })}
+                  >
+                    {isBulkJobPending && <Loader2 className="size-4 animate-spin mr-2" />}
+                    Confirmar
+                  </Button>
+                </DialogFooter>
+              </DialogContent>
+            </Dialog>
           </div>
         </div>
 
         {/* ── Tabs ─────────────────────────────────────────────────────────── */}
         <Tabs
           value={activeTab}
-          onValueChange={setActiveTab}
+          onValueChange={(v) => {
+            const tab = v as CourseTab;
+            setActiveTab(tab);
+            onTabChange?.(tab);
+          }}
           className="flex flex-1 min-h-0 min-w-0 flex-col"
         >
           <TabsList
@@ -1573,14 +1921,15 @@ export function EditorCourse() {
           >
             {(
               [
-                'estrutura',
-                'sobre',
+                'visao-geral',
+                'detalhes',
+                'xp',
                 'midia',
                 'recursos',
-                'extra',
-                ...(showVideoTab ? ['videos'] : []),
                 ...(showOperationsTab ? ['operacoes'] : []),
                 'publicacao',
+                'extra',
+                'exportacoes',
               ] as const
             ).map((tab) => (
               <TabsTrigger
@@ -1593,30 +1942,40 @@ export function EditorCourse() {
                     : 'h-8 px-3 text-xs'
                 )}
               >
-                {tab === 'estrutura'
-                  ? t('structureEditor.tabs.structure')
-                  : tab === 'sobre'
-                    ? t('structureEditor.tabs.about')
-                    : tab === 'midia'
-                      ? t('structureEditor.tabs.media')
-                      : tab === 'recursos'
-                        ? t('structureEditor.tabs.resources')
-                        : tab === 'extra'
-                          ? t('structureEditor.tabs.extra')
-                          : tab === 'videos'
-                            ? t('structureEditor.tabs.videoProfiles')
+                {tab === 'visao-geral'
+                  ? t('structureEditor.tabs.overview')
+                  : tab === 'detalhes'
+                    ? t('structureEditor.tabs.details')
+                    : tab === 'xp'
+                      ? t('structureEditor.tabs.xp')
+                      : tab === 'midia'
+                        ? t('structureEditor.tabs.media')
+                        : tab === 'recursos'
+                          ? t('structureEditor.tabs.resources')
+                          : tab === 'extra'
+                            ? t('structureEditor.tabs.extra')
                             : tab === 'operacoes'
-                              ? 'Operações'
-                              : t('structureEditor.tabs.publish')}
+                                ? 'Operações'
+                                : tab === 'exportacoes'
+                                    ? 'Exportações'
+                                    : t('structureEditor.tabs.publish')}
               </TabsTrigger>
             ))}
           </TabsList>
 
           <div className="flex-1 min-h-0 min-w-0 overflow-x-hidden overflow-y-auto overscroll-contain">
             <div className="flex min-w-0 flex-col gap-3 p-2 sm:p-3">
-              {/* ── Tab: Estrutura ──────────────────────────────────────── */}
+              {/* ── Tab: Visão Geral ─────────────────────────────────────── */}
+              <TabsContent value="visao-geral" className="mt-0 min-w-0">
+                <CourseOverviewTab
+                  courseId={courseId}
+                  locale={currentLocaleCode || 'pt-BR'}
+                />
+              </TabsContent>
+
+              {/* ── Tab: Detalhes ───────────────────────────────────────── */}
               <TabsContent
-                value="estrutura"
+                value="detalhes"
                 className="mt-0 flex min-w-0 flex-col gap-3"
               >
                 {/* Dados principais */}
@@ -1828,13 +2187,6 @@ export function EditorCourse() {
                     />
                   </CardContent>
                 </Card>
-              </TabsContent>
-
-              {/* ── Tab: Sobre ──────────────────────────────────────────── */}
-              <TabsContent
-                value="sobre"
-                className="mt-0 flex min-w-0 flex-col gap-3"
-              >
                 <CourseClassificationCard
                   form={form}
                   t={t}
@@ -1859,6 +2211,13 @@ export function EditorCourse() {
                 <CourseContentCard form={form} compact />
               </TabsContent>
 
+              <TabsContent value="xp" className="mt-0 min-w-0">
+                <CourseXpOverviewTab
+                  courseId={courseId}
+                  locale={currentLocaleCode || 'pt-BR'}
+                />
+              </TabsContent>
+
               {/* ── Tab: Mídia ──────────────────────────────────────────── */}
               <TabsContent value="midia" className="mt-0 min-w-0">
                 <CourseMediaCard
@@ -1879,6 +2238,8 @@ export function EditorCourse() {
                           name:
                             apiCourse.logoFilename ||
                             `#${apiCourse.logoFileId}`,
+                          size: apiCourse.logoFileSize ?? null,
+                          mimeType: apiCourse.logoMimeType ?? null,
                         }
                       : undefined
                   }
@@ -1889,6 +2250,8 @@ export function EditorCourse() {
                           name:
                             apiCourse.bannerFilename ||
                             `#${apiCourse.bannerFileId}`,
+                          size: apiCourse.bannerFileSize ?? null,
+                          mimeType: apiCourse.bannerMimeType ?? null,
                         }
                       : undefined
                   }
@@ -2121,179 +2484,11 @@ export function EditorCourse() {
                 <CourseFlagsCard form={form} t={t} compact />
                 <CourseDangerZoneCard
                   t={t}
-                  onDelete={() => setDeleteDialogOpen(true)}
+                  onDelete={openDeleteDialog}
                   compact
                 />
               </TabsContent>
 
-              {/* ── Tab: Vídeos (on_demand / blended only) ─────────────── */}
-              {showVideoTab && (
-                <TabsContent
-                  value="videos"
-                  className="mt-0 flex min-w-0 flex-col gap-3"
-                >
-                  <Card className="bg-muted/20 py-2 gap-2">
-                    <CardHeader className="px-3 pt-2 pb-0">
-                      <CardTitle className="text-xs font-medium text-muted-foreground uppercase tracking-wider">
-                        {t('structureEditor.videoProfiles.title')}
-                      </CardTitle>
-                    </CardHeader>
-                    <CardContent className="px-3 pb-2 flex flex-col gap-2">
-                      <EntityPicker
-                        key={videoProfilePickerResetKey}
-                        placeholder={t(
-                          'structureEditor.videoProfiles.placeholder'
-                        )}
-                        options={availableVideoProfiles}
-                        getOptionValue={(opt) => opt.id}
-                        getOptionLabel={(opt) => opt.name}
-                        onChange={(_val, opt) => {
-                          if (opt && !linkedProfileIds.includes(opt.id)) {
-                            setLinkedProfileIds((prev) => [...prev, opt.id]);
-                            setVideoProfilePickerResetKey(
-                              (current) => current + 1
-                            );
-                          }
-                        }}
-                        showCreateButton
-                        createTitle={t(
-                          'structureEditor.videoProfiles.createTitle'
-                        )}
-                        createFields={[
-                          {
-                            name: 'name',
-                            label: t(
-                              'structureEditor.videoProfiles.createFields.name.label'
-                            ),
-                            placeholder: t(
-                              'structureEditor.videoProfiles.createFields.name.placeholder'
-                            ),
-                            required: true,
-                          },
-                          {
-                            name: 'ffmpeg_params',
-                            label: t(
-                              'structureEditor.videoProfiles.createFields.ffmpegParams.label'
-                            ),
-                            placeholder: t(
-                              'structureEditor.videoProfiles.createFields.ffmpegParams.placeholder'
-                            ),
-                            required: true,
-                          },
-                        ]}
-                        onCreate={async (values) => {
-                          try {
-                            const response = await request<VideoProfileOption>({
-                              url: '/lms/video-resolution-profiles',
-                              method: 'POST',
-                              data: {
-                                name: values.name,
-                                ffmpeg_params: values.ffmpeg_params,
-                              },
-                            });
-                            await refetchVideoProfiles();
-                            return response.data;
-                          } catch {
-                            toast.error(
-                              t('structureEditor.videoProfiles.createError')
-                            );
-                            return null;
-                          }
-                        }}
-                      />
-
-                      {isFetchingVideoProfiles ? (
-                        <div className="flex flex-col gap-1">
-                          {Array.from({ length: 3 }).map((_, index) => (
-                            <div
-                              key={`video-profile-skeleton-${index}`}
-                              className="flex items-center gap-2 rounded-md border bg-muted/20 px-2.5 py-2"
-                            >
-                              <Skeleton className="size-3.5 rounded-full shrink-0" />
-                              <Skeleton className="h-3 w-full max-w-56" />
-                            </div>
-                          ))}
-                        </div>
-                      ) : linkedProfileIds.length === 0 ? (
-                        <p className="text-center text-xs text-muted-foreground py-1">
-                          {t('structureEditor.videoProfiles.empty')}
-                        </p>
-                      ) : (
-                        <div className="flex flex-col gap-1">
-                          {linkedProfileIds.map((profileId) => {
-                            const profile = allVideoProfiles.find(
-                              (p) => p.id === profileId
-                            );
-                            return (
-                              <div
-                                key={profileId}
-                                className="flex items-center gap-2 rounded-md border bg-muted/20 px-2.5 py-2"
-                              >
-                                <Video className="size-3.5 shrink-0 text-violet-500" />
-                                <div className="flex-1 min-w-0">
-                                  <p className="text-xs font-medium truncate">
-                                    {profile?.name?.trim()
-                                      ? profile.name
-                                      : t(
-                                          'structureEditor.videoProfiles.fallbackName',
-                                          {
-                                            id: profileId,
-                                          }
-                                        )}
-                                  </p>
-                                </div>
-                                <IconActionTooltip
-                                  label={t(
-                                    'structureEditor.videoProfiles.editAria'
-                                  )}
-                                >
-                                  <Button
-                                    type="button"
-                                    variant="ghost"
-                                    size="icon"
-                                    className="size-6 shrink-0 text-muted-foreground hover:text-foreground"
-                                    onClick={() =>
-                                      handleEditVideoProfile(profileId)
-                                    }
-                                    aria-label={t(
-                                      'structureEditor.videoProfiles.editAria'
-                                    )}
-                                  >
-                                    <Pencil className="size-3" />
-                                  </Button>
-                                </IconActionTooltip>
-                                <IconActionTooltip
-                                  label={t(
-                                    'structureEditor.videoProfiles.removeAria'
-                                  )}
-                                >
-                                  <Button
-                                    type="button"
-                                    variant="ghost"
-                                    size="icon"
-                                    className="size-6 shrink-0 text-muted-foreground hover:text-destructive"
-                                    onClick={() =>
-                                      setLinkedProfileIds((prev) =>
-                                        prev.filter((id) => id !== profileId)
-                                      )
-                                    }
-                                    aria-label={t(
-                                      'structureEditor.videoProfiles.removeAria'
-                                    )}
-                                  >
-                                    <X className="size-3" />
-                                  </Button>
-                                </IconActionTooltip>
-                              </div>
-                            );
-                          })}
-                        </div>
-                      )}
-                    </CardContent>
-                  </Card>
-                </TabsContent>
-              )}
-
               {/* ── Tab: Operações ──────────────────────────────────────── */}
               {showOperationsTab && (
                 <TabsContent value="operacoes" className="mt-0 min-w-0">
@@ -2356,21 +2551,39 @@ export function EditorCourse() {
                       {t('structureEditor.publishChecklist.statusTitle')}
                     </CardTitle>
                   </CardHeader>
-                  <CardContent className="px-3 pb-2 flex items-center justify-between gap-2">
-                    <p className="text-xs text-muted-foreground">
-                      {t('structureEditor.publishChecklist.statusProgress', {
-                        completed: completedRequired,
-                        total: requiredChecklist.length,
-                      })}
-                    </p>
-                    <Badge variant={isReadyToPublish ? 'default' : 'secondary'}>
-                      {isReadyToPublish
-                        ? t('structureEditor.publishChecklist.ready')
-                        : t('structureEditor.publishChecklist.notReady')}
-                    </Badge>
+                  <CardContent className="px-3 pb-2 flex flex-col gap-3">
+                    <div className="flex items-center justify-between gap-2">
+                      <p className="text-xs text-muted-foreground">
+                        {t('structureEditor.publishChecklist.statusProgress', {
+                          completed: completedRequired,
+                          total: requiredChecklist.length,
+                        })}
+                      </p>
+                      <Badge variant={isReadyToPublish ? 'default' : 'secondary'}>
+                        {isReadyToPublish
+                          ? t('structureEditor.publishChecklist.ready')
+                          : t('structureEditor.publishChecklist.notReady')}
+                      </Badge>
+                    </div>
+                    <Button
+                      type="button"
+                      size="sm"
+                      className="w-full h-8 text-xs"
+                      disabled={!isReadyToPublish || formValues.status === 'publicado' || saving}
+                      onClick={handlePublish}
+                    >
+                      {formValues.status === 'publicado'
+                        ? t('structureEditor.publishChecklist.alreadyPublished')
+                        : t('structureEditor.publishChecklist.publishButton')}
+                    </Button>
                   </CardContent>
                 </Card>
               </TabsContent>
+
+              {/* ── Tab: Exportações ────────────────────────────────────────── */}
+              <TabsContent value="exportacoes" className="mt-0 min-w-0">
+                <CourseExportsTab courseId={courseId} />
+              </TabsContent>
             </div>
           </div>
         </Tabs>
@@ -2419,68 +2632,6 @@ export function EditorCourse() {
         </div>
       </form>
 
-      <Sheet
-        open={videoProfileEditSheetOpen}
-        onOpenChange={(open) => {
-          setVideoProfileEditSheetOpen(open);
-          if (!open) setEditingVideoProfileId(null);
-        }}
-      >
-        <ResizableSheetContent
-          sheetId="lms-course-structure-video-profile-edit-sheet"
-          defaultWidth={560}
-          minWidth={420}
-          maxWidth={920}
-          className="sm:max-w-lg"
-        >
-          <SheetHeader>
-            <SheetTitle>
-              {t('structureEditor.videoProfiles.sheet.title')}
-            </SheetTitle>
-            <SheetDescription>
-              {t('structureEditor.videoProfiles.sheet.description')}
-            </SheetDescription>
-          </SheetHeader>
-          <div className="space-y-3 px-4 pb-4 pt-2">
-            <div className="space-y-1.5">
-              <FormLabel>
-                {t('structureEditor.videoProfiles.createFields.name.label')}
-              </FormLabel>
-              <Input
-                value={editingVideoProfileName}
-                onChange={(e) => setEditingVideoProfileName(e.target.value)}
-                placeholder={t(
-                  'structureEditor.videoProfiles.createFields.name.placeholder'
-                )}
-              />
-            </div>
-            <FfmpegParamsEditor
-              value={editingVideoProfileParams}
-              onChange={setEditingVideoProfileParams}
-            />
-            <div className="flex justify-end gap-2 pt-2">
-              <Button
-                type="button"
-                variant="outline"
-                onClick={() => setVideoProfileEditSheetOpen(false)}
-                disabled={savingVideoProfileEdit}
-              >
-                {t('structureEditor.videoProfiles.sheet.actions.cancel')}
-              </Button>
-              <Button
-                type="button"
-                disabled={savingVideoProfileEdit}
-                onClick={() => void handleSaveVideoProfileEdit()}
-              >
-                {savingVideoProfileEdit
-                  ? t('structureEditor.videoProfiles.sheet.actions.saving')
-                  : t('structureEditor.videoProfiles.sheet.actions.save')}
-              </Button>
-            </div>
-          </div>
-        </ResizableSheetContent>
-      </Sheet>
-
       <Sheet
         open={categoryEditSheetOpen}
         onOpenChange={(open) => {
@@ -2556,53 +2707,40 @@ export function EditorCourse() {
         </ResizableSheetContent>
       </Sheet>
 
-      {/* ── Delete dialog ────────────────────────────────────────────────── */}
-      <Dialog open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}>
-        <DialogContent>
-          <DialogHeader>
-            <DialogTitle className="flex items-center gap-2">
-              <AlertTriangle className="size-5 text-destructive" />
-              {t('deleteDialog.title')}
-            </DialogTitle>
-            <DialogDescription asChild>
-              <div className="flex flex-col gap-3">
-                <p>
-                  {t('deleteDialog.description')}{' '}
-                  <strong className="text-foreground">{course.title}</strong>?
-                </p>
-                {(apiCourse?.enrollmentCount ?? 0) > 0 ? (
-                  <div className="flex items-center gap-2 rounded-md bg-amber-50 px-3 py-2.5 text-xs font-medium text-amber-700">
-                    <AlertTriangle className="size-3.5 shrink-0" />
-                    <span>
-                      {t('deleteDialog.warning', {
-                        students: apiCourse?.enrollmentCount ?? 0,
-                        certificates: apiCourse?.certificatesIssued ?? 0,
-                      })}
-                    </span>
-                  </div>
-                ) : null}
-              </div>
-            </DialogDescription>
-          </DialogHeader>
-          <DialogFooter className="gap-2">
-            <Button
-              variant="outline"
-              onClick={() => setDeleteDialogOpen(false)}
-            >
-              {t('deleteDialog.actions.cancel')}
-            </Button>
-            <Button
-              variant="destructive"
-              onClick={handleDelete}
-              disabled={deleting}
-              className="gap-2"
-            >
-              {deleting ? <Loader2 className="size-4 animate-spin" /> : null}
-              {t('deleteDialog.actions.delete')}
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
+      <CourseExportSheet
+        open={exportSheetOpen}
+        onOpenChange={setExportSheetOpen}
+        courseId={courseId}
+        sessionCount={sessions.length}
+        videoLessonCount={lessons.filter((l) => l.type === 'video').length}
+      />
+
+      <CourseDeleteDialog
+        open={deleteDialogOpen}
+        onOpenChange={(open) => {
+          setDeleteDialogOpen(open);
+          if (!open) {
+            setConfirmationInput('');
+            setDeleteImpact(null);
+          }
+        }}
+        course={{
+          title: deleteCourseTitle || course.title,
+          status: deleteCourseStatus ?? 'rascunho',
+          enrollmentCount:
+            deleteImpact?.enrollmentCount ?? apiCourse?.enrollmentCount ?? 0,
+        }}
+        impact={deleteImpact}
+        loadingImpact={loadingDeleteImpact}
+        confirmationInput={confirmationInput}
+        onConfirmationInputChange={setConfirmationInput}
+        archiving={archivingCourse}
+        queuingDelete={queuingDelete}
+        canDelete={canDeleteCourse}
+        onArchive={archiveCourseForDelete}
+        onDelete={handleDelete}
+        t={courseListT}
+      />
     </Form>
   );
 }