@hed-hog/lms 0.0.364 → 0.0.366

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

@@ -31,7 +31,6 @@ 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 {
@@ -46,6 +45,15 @@ import {
 } from '@/components/ui/alert-dialog';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
+import { Checkbox } from '@/components/ui/checkbox';
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import {
   DropdownMenu,
@@ -108,6 +116,8 @@ import {
 import { useCreateSessionMutation } from '../_data/use-course-structure-mutations';
 import { courseStructureQueryKey } from '../_data/use-course-structure-query';
 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';
@@ -190,13 +200,6 @@ type ApiQueuedDeleteResponse = {
   >;
 };
 
-type VideoProfileOption = {
-  id: number;
-  name: string;
-  ffmpeg_params: string;
-  status: string;
-};
-
 type ApiCategory = { id: number; slug: string; name: string };
 type ApiCategoryDetail = {
   id: number;
@@ -498,7 +501,25 @@ function EditorCourseSkeleton() {
 
 // ── 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);
@@ -518,9 +539,21 @@ export function EditorCourse() {
   const lmsSettings = useLmsSettingsQuery();
 
   // ── UI state ────────────────────────────────────────────────────────────────
-  const [activeTab, setActiveTab] = useState('visao-geral');
-  const [pendingBulkJob, setPendingBulkJob] = useState<'transcription' | 'xp_recalculation' | null>(null);
+  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
@@ -569,18 +602,6 @@ 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 {
@@ -668,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),
@@ -745,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,
@@ -897,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);
@@ -915,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();
@@ -1049,32 +1034,6 @@ export function EditorCourse() {
     };
   }, [courseId, request]);
 
-  useEffect(() => {
-    if (!showVideoTab && activeTab === 'videos') {
-      setActiveTab('detalhes');
-    }
-  }, [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 {
@@ -1394,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
@@ -1648,52 +1575,30 @@ export function EditorCourse() {
   }
 
   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;
-        }
-
-        if (requiredProfileIds.size === 0) {
-          return true;
-        }
-
-        const resourceTypes = new Set(lesson.resources.map((res) => res.type));
-        return [...requiredProfileIds].some(
-          (profileId) => !resourceTypes.has(`video_profile:${profileId}`)
-        );
-      });
-
-      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;
-      }
-    }
-
     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') => {
+  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 },
+        data: { jobType, ...opts },
       });
       toast.success(`${res.data?.queued ?? 0} job(s) enfileirado(s), ${res.data?.skipped ?? 0} ignorado(s).`);
     } catch {
@@ -1701,6 +1606,28 @@ export function EditorCourse() {
     } 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);
     }
   };
 
@@ -1839,9 +1766,9 @@ export function EditorCourse() {
                   variant="ghost"
                   size="icon"
                   className="size-6 shrink-0"
-                  disabled={isBulkJobPending}
+                  disabled={isBulkJobPending || isFetchingVideoStats}
                 >
-                  {isBulkJobPending ? (
+                  {isBulkJobPending || isFetchingVideoStats ? (
                     <Loader2 className="size-3.5 animate-spin" />
                   ) : (
                     <Briefcase className="size-3.5" />
@@ -1867,11 +1794,27 @@ export function EditorCourse() {
                   <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 !== null}
+              open={pendingBulkJob === 'transcription' || pendingBulkJob === 'xp_recalculation'}
               onOpenChange={(open) => { if (!open) setPendingBulkJob(null); }}
             >
               <AlertDialogContent>
@@ -1890,20 +1833,81 @@ export function EditorCourse() {
                 <AlertDialogFooter>
                   <AlertDialogCancel>Cancelar</AlertDialogCancel>
                   <AlertDialogAction
-                    onClick={() => pendingBulkJob && handleBulkJob(pendingBulkJob)}
+                    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
@@ -1922,10 +1926,10 @@ export function EditorCourse() {
                 'xp',
                 'midia',
                 'recursos',
-                ...(showVideoTab ? ['videos'] : []),
                 ...(showOperationsTab ? ['operacoes'] : []),
                 'publicacao',
                 'extra',
+                'exportacoes',
               ] as const
             ).map((tab) => (
               <TabsTrigger
@@ -1950,11 +1954,11 @@ export function EditorCourse() {
                           ? t('structureEditor.tabs.resources')
                           : tab === 'extra'
                             ? t('structureEditor.tabs.extra')
-                            : tab === 'videos'
-                              ? t('structureEditor.tabs.videoProfiles')
-                              : tab === 'operacoes'
+                            : tab === 'operacoes'
                                 ? 'Operações'
-                                : t('structureEditor.tabs.publish')}
+                                : tab === 'exportacoes'
+                                    ? 'Exportações'
+                                    : t('structureEditor.tabs.publish')}
               </TabsTrigger>
             ))}
           </TabsList>
@@ -2485,174 +2489,6 @@ export function EditorCourse() {
                 />
               </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">
@@ -2715,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>
@@ -2778,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) => {
@@ -2915,6 +2707,14 @@ export function EditorCourse() {
         </ResizableSheetContent>
       </Sheet>
 
+      <CourseExportSheet
+        open={exportSheetOpen}
+        onOpenChange={setExportSheetOpen}
+        courseId={courseId}
+        sessionCount={sessions.length}
+        videoLessonCount={lessons.filter((l) => l.type === 'video').length}
+      />
+
       <CourseDeleteDialog
         open={deleteDialogOpen}
         onOpenChange={(open) => {