@hed-hog/lms 0.0.347 → 0.0.350

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

@@ -111,7 +111,7 @@ const LESSON_TYPES: LessonType[] = [
 const PROVIDERS: VideoProvider[] = [
   'youtube',
   'vimeo',
-  'bunny',
+  'file_storage',
   'youtube',
   'youtube',
 ];

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

@@ -21,6 +21,7 @@ import {
   Plus,
   Trash2,
 } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { toast } from 'sonner';
 
 import {
@@ -53,6 +54,7 @@ interface TreeContextMenuProps {
 // ─────────────────────────────────────────────────────────────────────────────
 
 function CourseMenu({ data }: { data: Course }) {
+  const t = useTranslations('lms.CoursesPage.StructurePage');
   const expandAll = useStructureStore((s) => s.expandAll);
   const collapseAll = useStructureStore((s) => s.collapseAll);
   const copiedType = useStructureStore((s) => s.copiedType);
@@ -80,7 +82,7 @@ function CourseMenu({ data }: { data: Course }) {
         ) : (
           <Plus className="size-3.5 mr-2 text-muted-foreground" />
         )}
-        Nova sessão
+        {t('contextMenu.addSession')}
       </ContextMenuItem>
 
       <ContextMenuSeparator />
@@ -92,7 +94,7 @@ function CourseMenu({ data }: { data: Course }) {
         }}
       >
         <BookOpen className="size-3.5 mr-2 text-muted-foreground" />
-        Expandir tudo
+        {t('tree.expandAll')}
       </ContextMenuItem>
 
       <ContextMenuItem
@@ -102,7 +104,7 @@ function CourseMenu({ data }: { data: Course }) {
         }}
       >
         <Layers className="size-3.5 mr-2 text-muted-foreground" />
-        Recolher tudo
+        {t('tree.collapseAll')}
       </ContextMenuItem>
 
       {hasSessionClipboard && (
@@ -119,7 +121,8 @@ function CourseMenu({ data }: { data: Course }) {
             ) : (
               <Clipboard className="size-3.5 mr-2 text-muted-foreground" />
             )}
-            Colar sessão{copiedIds.length > 1 ? ` (${copiedIds.length})` : ''}
+            {t('contextMenu.pasteSession')}
+            {copiedIds.length > 1 ? ` (${copiedIds.length})` : ''}
           </ContextMenuItem>
         </>
       )}
@@ -523,3 +526,102 @@ export function TreeContextMenu({ item, children }: TreeContextMenuProps) {
     </ContextMenu>
   );
 }
+
+export function TreeRootContextMenu({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const t = useTranslations('lms.CoursesPage.StructurePage');
+  const course = useStructureStore((s) => s.course);
+  const activeItemId = useStructureStore((s) => s.activeItemId);
+  const activeItemType = useStructureStore((s) => s.activeItemType);
+  const lessons = useStructureStore((s) => s.lessons);
+  const copiedType = useStructureStore((s) => s.copiedType);
+  const copiedIds = useStructureStore((s) => s.copiedIds);
+
+  const createSessionMutation = useCreateSessionMutation();
+  const pasteSessionsMutation = usePasteSessionsMutation();
+  const pasteLessonsMutation = usePasteLessonsMutation();
+
+  const hasSessionClipboard = copiedType === 'session' && copiedIds.length > 0;
+  const hasLessonClipboard = copiedType === 'lesson' && copiedIds.length > 0;
+
+  function getActiveSessionId(): string | null {
+    if (activeItemType === 'session' && activeItemId) return activeItemId;
+    if (activeItemType === 'lesson' && activeItemId) {
+      const lesson = lessons.find((item) => item.id === activeItemId);
+      return lesson?.sessionId ?? null;
+    }
+    return null;
+  }
+
+  return (
+    <ContextMenu>
+      <ContextMenuTrigger className="block h-full w-full">
+        {children}
+      </ContextMenuTrigger>
+      <ContextMenuContent className="w-56">
+        <ContextMenuLabel className="text-[0.65rem] text-muted-foreground px-2 py-1">
+          {course.title || course.name || t('contextMenu.courseFallback')}
+        </ContextMenuLabel>
+        <ContextMenuSeparator />
+
+        <ContextMenuItem
+          disabled={createSessionMutation.isPending}
+          onSelect={() => createSessionMutation.mutate()}
+        >
+          {createSessionMutation.isPending ? (
+            <Loader2 className="size-3.5 mr-2 animate-spin" />
+          ) : (
+            <Plus className="size-3.5 mr-2 text-muted-foreground" />
+          )}
+          {t('contextMenu.addSession')}
+        </ContextMenuItem>
+
+        {hasSessionClipboard && (
+          <ContextMenuItem
+            disabled={pasteSessionsMutation.isPending}
+            onSelect={() => {
+              pasteSessionsMutation.mutate({ sessionIds: copiedIds });
+            }}
+          >
+            {pasteSessionsMutation.isPending ? (
+              <Loader2 className="size-3.5 mr-2 animate-spin" />
+            ) : (
+              <Clipboard className="size-3.5 mr-2 text-muted-foreground" />
+            )}
+            {t('contextMenu.pasteSession')}
+            {copiedIds.length > 1 ? ` (${copiedIds.length})` : ''}
+          </ContextMenuItem>
+        )}
+
+        {hasLessonClipboard && (
+          <ContextMenuItem
+            disabled={pasteLessonsMutation.isPending}
+            onSelect={() => {
+              const targetSessionId = getActiveSessionId();
+              if (!targetSessionId) {
+                toast.error(t('contextMenu.selectSessionToPasteLessons'));
+                return;
+              }
+              pasteLessonsMutation.mutate({
+                targetSessionId,
+                lessonIds: copiedIds,
+              });
+            }}
+          >
+            {pasteLessonsMutation.isPending ? (
+              <Loader2 className="size-3.5 mr-2 animate-spin" />
+            ) : (
+              <Clipboard className="size-3.5 mr-2 text-muted-foreground" />
+            )}
+            {copiedIds.length > 1
+              ? t('contextMenu.pasteLessons', { count: copiedIds.length })
+              : t('contextMenu.pasteLesson')}
+          </ContextMenuItem>
+        )}
+      </ContextMenuContent>
+    </ContextMenu>
+  );
+}

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

@@ -3,7 +3,7 @@
 // ─────────────────────────────────────────────────────────────────────────────
 
 export type LessonType = 'video' | 'questao' | 'post' | 'exercicio';
-export type VideoProvider = 'youtube' | 'vimeo' | 'bunny' | 'custom';
+export type VideoProvider = 'youtube' | 'vimeo' | 'file_storage';
 export type ItemType = 'course' | 'session' | 'lesson';
 
 export type LessonStatus =
@@ -24,6 +24,7 @@ export interface Course {
   title: string;
   description: string;
   slug: string;
+  offeringType?: 'scheduled' | 'on_demand' | 'blended';
   published: boolean;
 }
 

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

@@ -61,6 +61,15 @@ function normalizeLessonType(tipo: ApiLesson['tipo']): LessonType {
   return tipo as LessonType;
 }
 
+function normalizeVideoProvider(
+  provider?: ApiLesson['videoProvedor']
+): Lesson['videoProvider'] {
+  if (provider === 'youtube' || provider === 'vimeo') return provider;
+  if (provider === 'file_storage') return 'file_storage';
+  if (provider === 'bunny' || provider === 'custom') return 'file_storage';
+  return undefined;
+}
+
 /** Normalize a raw API resource to the frontend Resource shape. */
 function normalizeResource(raw: ApiLessonResource): Resource {
   return {
@@ -96,6 +105,7 @@ export function normalizeCourse(raw: ApiCourse): Course {
     title: raw.titulo,
     description: raw.descricao,
     slug: raw.slug,
+    offeringType: raw.offeringType,
     published: false,
   };
 }
@@ -149,7 +159,7 @@ export function normalizeLesson(raw: ApiLesson, order = 0): Lesson {
     duration: raw.duracao,
     sessionId: raw.sessaoId,
     order,
-    videoProvider: raw.videoProvedor,
+    videoProvider: normalizeVideoProvider(raw.videoProvedor),
     videoUrl: raw.videoUrl,
     autoDuration: raw.duracaoAutomatica,
     transcription: raw.transcricao,

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

@@ -21,6 +21,7 @@
  */
 
 import type {
+  ApiCourseResource,
   ApiCreateLessonPayload,
   ApiCreateSessionPayload,
   ApiDuplicateSessionResponse,
@@ -107,6 +108,47 @@ export async function getCourseStructure(
   return extractData<ApiGetStructureResponse>(response);
 }
 
+/**
+ * GET /lms/courses/:courseId/structure/resources
+ *
+ * Lists resources attached directly to the course (not tied to lessons).
+ */
+export async function getCourseResources(
+  request: RequestFn,
+  courseId: string | number
+): Promise<ApiCourseResource[]> {
+  const response = await request({
+    url: `${STRUCTURE_BASE(courseId)}/resources`,
+    method: 'GET',
+  });
+  return extractData<ApiCourseResource[]>(response);
+}
+
+/**
+ * PATCH /lms/courses/:courseId/structure/resources
+ *
+ * Replaces the full set of course-level resources.
+ */
+export async function updateCourseResources(
+  request: RequestFn,
+  courseId: string | number,
+  payload: {
+    recursos: Array<{
+      nome: string;
+      fileId?: number;
+      tipo?: string;
+      publico?: boolean;
+    }>;
+  }
+): Promise<ApiCourseResource[]> {
+  const response = await request({
+    url: `${STRUCTURE_BASE(courseId)}/resources`,
+    method: 'PATCH',
+    data: payload,
+  });
+  return extractData<ApiCourseResource[]>(response);
+}
+
 /**
  * PATCH /lms/courses/:courseId
  *
@@ -391,11 +433,12 @@ export async function pasteLessons(
  */
 export async function uploadFile(
   request: RequestFn,
-  file: File
+  file: File,
+  destination = 'lms/lessons'
 ): Promise<{ id: number; filename: string }> {
   const formData = new FormData();
   formData.append('file', file);
-  formData.append('destination', 'lms/lessons');
+  formData.append('destination', destination);
 
   const response = await request({
     url: '/file',
@@ -407,14 +450,18 @@ export async function uploadFile(
 }
 
 /**
- * DELETE /file/:fileId
+ * DELETE /file
  *
- * Permanently deletes a stored file by its ID.
- * Called when the user removes a resource from a lesson.
+ * Permanently deletes stored files by ID list.
+ * Called when the user removes a resource from lesson/course.
  */
 export async function deleteFile(
   request: RequestFn,
   fileId: number
 ): Promise<void> {
-  await request({ url: `/file/${fileId}`, method: 'DELETE' });
+  await request({
+    url: '/file',
+    method: 'DELETE',
+    data: { ids: [fileId] },
+  });
 }

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

@@ -31,6 +31,15 @@ export interface ApiLessonResource {
   url?: string;
 }
 
+/** Resource (arquivo de suporte) attached directly to a course. */
+export interface ApiCourseResource {
+  id: number;
+  nome: string;
+  fileId?: number | null;
+  tipo?: string | null;
+  publico?: boolean;
+}
+
 /** Instructor linked to a lesson or available in the course pool. */
 export interface ApiLessonInstructor {
   id: number;
@@ -63,7 +72,7 @@ export interface ApiLesson {
   duracao: number;
   /** ID of the parent session (course_module). */
   sessaoId: string;
-  videoProvedor?: 'youtube' | 'vimeo' | 'bunny' | 'custom';
+  videoProvedor?: 'youtube' | 'vimeo' | 'file_storage' | 'bunny' | 'custom';
   videoUrl?: string;
   duracaoAutomatica?: boolean;
   transcricao?: string;
@@ -105,6 +114,8 @@ export interface ApiCourse {
   slug: string;
   titulo: string;
   descricao: string;
+  offeringType?: 'scheduled' | 'on_demand' | 'blended';
+  recursos?: ApiCourseResource[];
 }
 
 /**
@@ -173,7 +184,7 @@ export interface ApiCreateLessonPayload {
   duracao: number;
   descricaoPublica?: string;
   descricaoPrivada?: string;
-  videoProvedor?: 'youtube' | 'vimeo' | 'bunny' | 'custom';
+  videoProvedor?: 'youtube' | 'vimeo' | 'file_storage' | 'bunny' | 'custom';
   videoUrl?: string;
   duracaoAutomatica?: boolean;
   transcricao?: string;

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

@@ -27,8 +27,18 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu';
+import { Input } from '@/components/ui/input';
 import { KpiCardsGrid } from '@/components/ui/kpi-cards-grid';
+import { Label } from '@/components/ui/label';
 import { Separator } from '@/components/ui/separator';
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+} from '@/components/ui/sheet';
 import { Skeleton } from '@/components/ui/skeleton';
 import {
   Table,
@@ -38,6 +48,7 @@ import {
   TableHeader,
   TableRow,
 } from '@/components/ui/table';
+import { usePersistedPageSize } from '@/hooks/use-persisted-page-size';
 import { usePersistedViewMode } from '@/hooks/use-persisted-view-mode';
 import { useApp, useQuery } from '@hed-hog/next-app-provider';
 import { zodResolver } from '@hookform/resolvers/zod';
@@ -59,8 +70,7 @@ import {
 } from 'lucide-react';
 import { useTranslations } from 'next-intl';
 import { useRouter } from 'next/navigation';
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { usePersistedPageSize } from '@/hooks/use-persisted-page-size';
+import { useEffect, useMemo, useState } from 'react';
 import { useForm, useWatch } from 'react-hook-form';
 import { toast } from 'sonner';
 import { CourseAvatar } from '../_components/course-avatar';
@@ -93,6 +103,7 @@ interface Curso {
   alunosInscritos: number;
   criadoEm: string;
   logoFileId?: number | null;
+  operationsProjectId?: number | null;
 }
 
 type ApiCourse = {
@@ -114,6 +125,7 @@ type ApiCourse = {
   enrollmentCount: number;
   createdAt: string;
   logoFileId?: number | null;
+  operationsProjectId?: number | null;
 };
 
 type ApiCourseList = {
@@ -218,6 +230,7 @@ function mapApiCourse(course: ApiCourse): Curso {
     alunosInscritos: course.enrollmentCount ?? 0,
     criadoEm: course.createdAt ?? '',
     logoFileId: course.logoFileId ?? null,
+    operationsProjectId: course.operationsProjectId ?? null,
   };
 }
 
@@ -259,6 +272,8 @@ const STATUS_VARIANT: Record<string, 'default' | 'secondary' | 'outline'> = {
   arquivado: 'outline',
 };
 
+const PAGE_SIZES = [6, 12, 24] as const;
+
 // ── Seed Data ─────────────────────────────────────────────────────────────────
 
 // ── Animations ────────────────────────────────────────────────────────────────
@@ -283,7 +298,12 @@ export default function CursosPage() {
   // UI
   const [sheetOpen, setSheetOpen] = useState(false);
   const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
+  const [createCategorySheetOpen, setCreateCategorySheetOpen] = useState(false);
   const [saving, setSaving] = useState(false);
+  const [creatingCategory, setCreatingCategory] = useState(false);
+  const [newCategoryName, setNewCategoryName] = useState('');
+  const [newCategorySlug, setNewCategorySlug] = useState('');
+  const [newCategorySlugTouched, setNewCategorySlugTouched] = useState(false);
 
   // Data
   const [editingCurso, setEditingCurso] = useState<Curso | null>(null);
@@ -311,14 +331,9 @@ export default function CursosPage() {
   const [pageSize, setPageSize] = usePersistedPageSize({
     storageKey: 'pagination:global:pageSize',
     defaultValue: 12,
-    allowedValues: [6, 12, 24],
+    allowedValues: PAGE_SIZES,
   });
 
-  // Double-click tracking
-  const clickTimers = useRef<Map<number, ReturnType<typeof setTimeout>>>(
-    new Map()
-  );
-
   const form = useForm<CourseSheetFormValues>({
     resolver: zodResolver(getCourseSheetSchema(t)),
     defaultValues: DEFAULT_COURSE_FORM_VALUES,
@@ -557,22 +572,6 @@ export default function CursosPage() {
     setDeleteDialogOpen(true);
   }
 
-  // ── Double-click to navigate ──────────────────────────────────────────────
-
-  function handleCardClick(curso: Curso) {
-    const existing = clickTimers.current.get(curso.id);
-    if (existing) {
-      clearTimeout(existing);
-      clickTimers.current.delete(curso.id);
-      router.push(`/lms/courses/${curso.id}`);
-    } else {
-      const t = setTimeout(() => {
-        clickTimers.current.delete(curso.id);
-      }, 300);
-      clickTimers.current.set(curso.id, t);
-    }
-  }
-
   // ── Selection ─────────────────────────────────────────────────────────────
 
   function toggleSelect(id: number, e: React.MouseEvent) {
@@ -609,6 +608,9 @@ export default function CursosPage() {
       nivel: curso.nivel,
       status: curso.status,
       categorias: curso.categorias,
+      operationsProjectId: curso.operationsProjectId
+        ? String(curso.operationsProjectId)
+        : '',
       logoFileId: curso.logoFileId ?? null,
     });
     setSheetOpen(true);
@@ -629,6 +631,9 @@ export default function CursosPage() {
         primaryContrastColor: getContrastColor(data.primaryColor),
         secondaryColor: data.secondaryColor,
         secondaryContrastColor: getContrastColor(data.secondaryColor),
+        operationsProjectId: data.operationsProjectId
+          ? Number(data.operationsProjectId)
+          : null,
         logoFileId: data.logoFileId ?? null,
       };
 
@@ -729,7 +734,7 @@ export default function CursosPage() {
     },
   ];
 
-  const { locales } = useApp();
+  const { locales, currentLocaleCode } = useApp();
 
   const handleNewCourse = (): void => {
     const nextLocaleData: Record<string, { name: string }> = {};
@@ -742,6 +747,76 @@ export default function CursosPage() {
     openCreateSheet();
   };
 
+  useEffect(() => {
+    if (newCategorySlugTouched) return;
+
+    const generatedSlug = newCategoryName
+      .trim()
+      .toLowerCase()
+      .normalize('NFD')
+      .replace(/[\u0300-\u036f]/g, '')
+      .replace(/[^a-z0-9]+/g, '-')
+      .replace(/^-+|-+$/g, '');
+
+    setNewCategorySlug(generatedSlug);
+  }, [newCategoryName, newCategorySlugTouched]);
+
+  function openCreateCategorySheet() {
+    setNewCategoryName('');
+    setNewCategorySlug('');
+    setNewCategorySlugTouched(false);
+    setCreateCategorySheetOpen(true);
+  }
+
+  async function handleCreateCategory() {
+    const trimmedName = newCategoryName.trim();
+    const trimmedSlug = newCategorySlug.trim().toLowerCase();
+
+    if (!trimmedName || !trimmedSlug) {
+      toast.error('Informe nome e slug da categoria.');
+      return;
+    }
+
+    const localeCode = currentLocaleCode || locales[0]?.code || 'pt-BR';
+
+    setCreatingCategory(true);
+    try {
+      const response = await request<{ slug?: string }>({
+        url: '/category',
+        method: 'POST',
+        data: {
+          locale: {
+            [localeCode]: {
+              name: trimmedName,
+            },
+          },
+          slug: trimmedSlug,
+          category_id: null,
+          color: '#000000',
+          icon: '',
+          status: 'active',
+        },
+      });
+
+      const createdSlug = response.data?.slug || trimmedSlug;
+      const existingCategories = form.getValues('categorias') ?? [];
+      if (!existingCategories.includes(createdSlug)) {
+        form.setValue('categorias', [...existingCategories, createdSlug], {
+          shouldDirty: true,
+          shouldTouch: true,
+        });
+      }
+
+      await refetchCategoryOptions();
+      setCreateCategorySheetOpen(false);
+      toast.success('Categoria criada com sucesso.');
+    } catch {
+      toast.error('Nao foi possivel criar a categoria.');
+    } finally {
+      setCreatingCategory(false);
+    }
+  }
+
   // ── Render ────────────────────────────────────────────────────────────────
 
   return (
@@ -1057,7 +1132,7 @@ export default function CursosPage() {
                   >
                     <Card
                       className={`group relative flex h-full cursor-pointer flex-col overflow-hidden border-border/70 shadow-sm transition-all duration-200 hover:border-border hover:shadow-md ${isSelected ? 'ring-2 ring-primary ring-offset-2' : ''}`}
-                      onClick={() => handleCardClick(curso)}
+                      onDoubleClick={() => openEditSheet(curso)}
                       title={t('cards.tooltip')}
                     >
                       <div
@@ -1243,7 +1318,7 @@ export default function CursosPage() {
                         key={curso.id}
                         className="cursor-pointer"
                         data-state={isSelected ? 'selected' : undefined}
-                        onClick={() => handleCardClick(curso)}
+                        onDoubleClick={() => openEditSheet(curso)}
                         title={t('cards.tooltip')}
                       >
                         <TableCell onClick={(e) => e.stopPropagation()}>
@@ -1388,7 +1463,7 @@ export default function CursosPage() {
               setPageSize(nextPageSize);
               setCurrentPage(1);
             }}
-            pageSizeOptions={[6, 12, 24]}
+            pageSizeOptions={PAGE_SIZES}
             selectedCount={selectedIds.size}
           />
         </div>
@@ -1407,11 +1482,82 @@ export default function CursosPage() {
         form={form}
         onSubmit={onSubmit}
         categories={categoryOptions}
-        onCreateCategory={() => router.push('/category?new=1')}
+        onCreateCategory={openCreateCategorySheet}
         initialLogoFileId={editingCurso?.logoFileId ?? null}
         t={t}
       />
 
+      <Sheet
+        open={createCategorySheetOpen}
+        onOpenChange={(open) => {
+          setCreateCategorySheetOpen(open);
+          if (!open) {
+            setNewCategoryName('');
+            setNewCategorySlug('');
+            setNewCategorySlugTouched(false);
+          }
+        }}
+      >
+        <SheetContent side="right" className="w-full sm:max-w-md">
+          <SheetHeader>
+            <SheetTitle>{t('form.fields.categories.createAction')}</SheetTitle>
+            <SheetDescription>
+              Crie uma categoria sem sair do cadastro de curso.
+            </SheetDescription>
+          </SheetHeader>
+
+          <div className="space-y-4 px-4">
+            <div className="space-y-2">
+              <Label htmlFor="new-category-name">Nome</Label>
+              <Input
+                id="new-category-name"
+                value={newCategoryName}
+                onChange={(event) => setNewCategoryName(event.target.value)}
+                placeholder="Ex.: Desenvolvimento Web"
+              />
+            </div>
+
+            <div className="space-y-2">
+              <Label htmlFor="new-category-slug">Slug</Label>
+              <Input
+                id="new-category-slug"
+                value={newCategorySlug}
+                onChange={(event) => {
+                  setNewCategorySlugTouched(true);
+                  setNewCategorySlug(event.target.value);
+                }}
+                placeholder="desenvolvimento-web"
+              />
+            </div>
+          </div>
+
+          <SheetFooter>
+            <Button
+              type="button"
+              variant="outline"
+              onClick={() => setCreateCategorySheetOpen(false)}
+              disabled={creatingCategory}
+            >
+              {t('deleteDialog.actions.cancel')}
+            </Button>
+            <Button
+              type="button"
+              onClick={handleCreateCategory}
+              disabled={creatingCategory}
+            >
+              {creatingCategory ? (
+                <>
+                  <Loader2 className="mr-2 size-4 animate-spin" />
+                  Criando...
+                </>
+              ) : (
+                t('form.fields.categories.createAction')
+              )}
+            </Button>
+          </SheetFooter>
+        </SheetContent>
+      </Sheet>
+
       {/* ── Delete dialog ────────────────────���────────────────────────────── */}
       <Dialog open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}>
         <DialogContent className="max-w-3xl">

package/hedhog/frontend/app/enterprise/_components/enterprise-course-create-sheet.tsx.ejs

@@ -143,6 +143,9 @@ export function EnterpriseCourseCreateSheet({
         primaryContrastColor: getContrastColor(data.primaryColor),
         secondaryColor: data.secondaryColor,
         secondaryContrastColor: getContrastColor(data.secondaryColor),
+        operationsProjectId: data.operationsProjectId
+          ? Number(data.operationsProjectId)
+          : null,
       };
 
       const response = await request<ApiCreatedCourse>({