@hed-hog/lms 0.0.349 → 0.0.351

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

@@ -21,12 +21,12 @@ import {
 } from '@/components/ui/select';
 import {
   Sheet,
-  SheetContent,
   SheetDescription,
   SheetFooter,
   SheetHeader,
   SheetTitle,
 } from '@/components/ui/sheet';
+import { ResizableSheetContent } from '@/components/ui/resizable-sheet-content';
 import { useApp } from '@hed-hog/next-app-provider';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { Eye, EyeOff, Loader2, RefreshCw } from 'lucide-react';
@@ -165,7 +165,14 @@ export function EnterpriseAdminCreateSheet({
 
   return (
     <Sheet open={open} onOpenChange={handleOpenChange}>
-      <SheetContent side="right" className="flex flex-col gap-0 sm:max-w-md">
+      <ResizableSheetContent
+        sheetId="lms-enterprise-admin-create-sheet"
+        defaultWidth={520}
+        minWidth={400}
+        maxWidth={860}
+        side="right"
+        className="flex flex-col gap-0 sm:max-w-md"
+      >
         <SheetHeader className="border-b px-6 py-4">
           <SheetTitle>New administrator</SheetTitle>
           <SheetDescription>
@@ -318,7 +325,7 @@ export function EnterpriseAdminCreateSheet({
             </SheetFooter>
           </form>
         </Form>
-      </SheetContent>
+      </ResizableSheetContent>
     </Sheet>
   );
 }

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>({

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

@@ -36,6 +36,7 @@ type ApiCourse = {
   primaryColor?: string | null;
   secondaryColor?: string | null;
   logoFileId?: number | null;
+  operationsProjectId?: number | null;
 };
 
 export interface EnterpriseCourseEditSheetProps {
@@ -128,6 +129,9 @@ export function EnterpriseCourseEditSheet({
           nivel: toPtLevel(course.level),
           status: toPtStatus(course.status),
           categorias: course.categories ?? [],
+          operationsProjectId: course.operationsProjectId
+            ? String(course.operationsProjectId)
+            : '',
           primaryColor: course.primaryColor ?? '#1D4ED8',
           secondaryColor: course.secondaryColor ?? '#111827',
           logoFileId: course.logoFileId ?? null,
@@ -171,6 +175,9 @@ export function EnterpriseCourseEditSheet({
           primaryContrastColor: getContrastColor(values.primaryColor),
           secondaryColor: values.secondaryColor,
           secondaryContrastColor: getContrastColor(values.secondaryColor),
+          operationsProjectId: values.operationsProjectId
+            ? Number(values.operationsProjectId)
+            : null,
           logoFileId: values.logoFileId ?? null,
         },
       });

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

@@ -17,11 +17,11 @@ import { Input } from '@/components/ui/input';
 import { KpiCardsGrid, type KpiCardItem } from '@/components/ui/kpi-cards-grid';
 import {
   Sheet,
-  SheetContent,
   SheetDescription,
   SheetHeader,
   SheetTitle,
 } from '@/components/ui/sheet';
+import { ResizableSheetContent } from '@/components/ui/resizable-sheet-content';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { useApp } from '@hed-hog/next-app-provider';
 import {
@@ -274,9 +274,13 @@ export function EnterpriseDetailSheet({
   return (
     <>
       <Sheet open={open} onOpenChange={onOpenChange}>
-        <SheetContent
+        <ResizableSheetContent
+          sheetId="lms-enterprise-detail-sheet"
+          defaultWidth={1120}
+          minWidth={700}
+          maxWidth={1440}
           side="right"
-          className="flex w-full flex-col gap-0 overflow-y-auto p-0 sm:max-w-[95vw] lg:max-w-6xl"
+          className="flex w-full flex-col gap-0 overflow-y-auto p-0"
         >
           {currentAccount && (
             <>
@@ -612,7 +616,7 @@ export function EnterpriseDetailSheet({
               </div>
             </>
           )}
-        </SheetContent>
+        </ResizableSheetContent>
       </Sheet>
 
       {/* ── Delete Confirmation Dialog ── */}

package/hedhog/frontend/app/enterprise/_components/enterprise-person-edit-sheet.tsx.ejs

@@ -2,12 +2,12 @@
 
 import { useApp, useQuery } from '@hed-hog/next-app-provider';
 import { useMemo } from 'react';
-import { PersonFormSheet } from '../../../contact/person/_components/person-form-sheet';
+import { PersonFormSheet } from '../../../crm/person/_components/person-form-sheet';
 import type {
   ContactTypeOption,
   DocumentTypeOption,
   Person,
-} from '../../../contact/person/_components/person-types';
+} from '../../../crm/person/_components/person-types';
 
 export interface EnterprisePersonEditSheetProps {
   open: boolean;

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

@@ -20,11 +20,11 @@ import {
 } from '@/components/ui/select';
 import {
   Sheet,
-  SheetContent,
   SheetDescription,
   SheetHeader,
   SheetTitle,
 } from '@/components/ui/sheet';
+import { ResizableSheetContent } from '@/components/ui/resizable-sheet-content';
 import { Switch } from '@/components/ui/switch';
 import { Textarea } from '@/components/ui/textarea';
 import { useApp } from '@hed-hog/next-app-provider';
@@ -34,7 +34,7 @@ import { useEffect, useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { toast } from 'sonner';
 import { z } from 'zod';
-import { PersonPicker } from '../../../contact/_components/person-picker';
+import { PersonPicker } from '../../../crm/_components/person-picker';
 import { EnterprisePersonEditSheet } from './enterprise-person-edit-sheet';
 import type { EnterpriseAccount } from './enterprise-types';
 
@@ -187,7 +187,13 @@ export function EnterpriseSheet({
 
   return (
     <Sheet open={open} onOpenChange={onOpenChange}>
-      <SheetContent className="w-full overflow-y-auto sm:max-w-lg">
+      <ResizableSheetContent
+        sheetId="lms-enterprise-account-sheet"
+        defaultWidth={560}
+        minWidth={420}
+        maxWidth={920}
+        className="w-full overflow-y-auto sm:max-w-lg"
+      >
         <SheetHeader>
           <SheetTitle>
             {isEditing ? t('editTitle') : t('createTitle')}
@@ -414,7 +420,7 @@ export function EnterpriseSheet({
             setSelectedCompanyLabel(person.name ?? '');
           }}
         />
-      </SheetContent>
+      </ResizableSheetContent>
     </Sheet>
   );
 }

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

@@ -13,12 +13,12 @@ import {
 import { Input } from '@/components/ui/input';
 import {
   Sheet,
-  SheetContent,
   SheetDescription,
   SheetFooter,
   SheetHeader,
   SheetTitle,
 } from '@/components/ui/sheet';
+import { ResizableSheetContent } from '@/components/ui/resizable-sheet-content';
 import { useApp } from '@hed-hog/next-app-provider';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { Loader2 } from 'lucide-react';
@@ -101,7 +101,14 @@ export function EnterpriseStudentCreateSheet({
 
   return (
     <Sheet open={open} onOpenChange={handleOpenChange}>
-      <SheetContent side="right" className="flex flex-col gap-0 sm:max-w-md">
+      <ResizableSheetContent
+        sheetId="lms-enterprise-student-create-sheet"
+        defaultWidth={520}
+        minWidth={400}
+        maxWidth={860}
+        side="right"
+        className="flex flex-col gap-0 sm:max-w-md"
+      >
         <SheetHeader className="border-b px-6 py-4">
           <SheetTitle>New student (person)</SheetTitle>
           <SheetDescription>
@@ -167,7 +174,7 @@ export function EnterpriseStudentCreateSheet({
             </SheetFooter>
           </form>
         </Form>
-      </SheetContent>
+      </ResizableSheetContent>
     </Sheet>
   );
 }

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

@@ -20,12 +20,12 @@ import {
 } from '@/components/ui/select';
 import {
   Sheet,
-  SheetContent,
   SheetDescription,
   SheetFooter,
   SheetHeader,
   SheetTitle,
 } from '@/components/ui/sheet';
+import { ResizableSheetContent } from '@/components/ui/resizable-sheet-content';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { Loader2 } from 'lucide-react';
 import { useEffect } from 'react';
@@ -104,7 +104,14 @@ export function EnterpriseUserCreateSheet({
 
   return (
     <Sheet open={open} onOpenChange={handleOpenChange}>
-      <SheetContent side="right" className="flex flex-col gap-0 sm:max-w-md">
+      <ResizableSheetContent
+        sheetId="lms-enterprise-user-create-sheet"
+        defaultWidth={520}
+        minWidth={400}
+        maxWidth={860}
+        side="right"
+        className="flex flex-col gap-0 sm:max-w-md"
+      >
         <SheetHeader className="border-b px-6 py-4">
           <SheetTitle>New user</SheetTitle>
           <SheetDescription>
@@ -205,7 +212,7 @@ export function EnterpriseUserCreateSheet({
             </SheetFooter>
           </form>
         </Form>
-      </SheetContent>
+      </ResizableSheetContent>
     </Sheet>
   );
 }

package/hedhog/frontend/app/evaluations/_components/evaluation-topic-form-sheet.tsx.ejs

@@ -12,11 +12,11 @@ import {
 } from '@/components/ui/select';
 import {
   Sheet,
-  SheetContent,
   SheetFooter,
   SheetHeader,
   SheetTitle,
 } from '@/components/ui/sheet';
+import { ResizableSheetContent } from '@/components/ui/resizable-sheet-content';
 import { Switch } from '@/components/ui/switch';
 import { Textarea } from '@/components/ui/textarea';
 import { useApp } from '@hed-hog/next-app-provider';
@@ -106,7 +106,14 @@ export function EvaluationTopicFormSheet({
 
   return (
     <Sheet open={open} onOpenChange={onOpenChange}>
-      <SheetContent side="right" className="w-full overflow-y-auto sm:max-w-md">
+      <ResizableSheetContent
+        sheetId="lms-evaluation-topic-form-sheet"
+        defaultWidth={520}
+        minWidth={400}
+        maxWidth={860}
+        side="right"
+        className="w-full overflow-y-auto sm:max-w-md"
+      >
         <SheetHeader>
           <SheetTitle>
             {editingItem ? t('form.editTitle') : t('form.createTitle')}
@@ -195,7 +202,7 @@ export function EvaluationTopicFormSheet({
             </Button>
           </SheetFooter>
         </form>
-      </SheetContent>
+      </ResizableSheetContent>
     </Sheet>
   );
 }

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

@@ -8,6 +8,7 @@ import {
   SearchBar,
   ViewModeToggle,
 } from '@/components/entity-list';
+import { EntityPicker } from '@/components/ui/entity-picker';
 import { RichTextEditor } from '@/components/rich-text-editor';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
@@ -47,12 +48,12 @@ import {
 import { Separator } from '@/components/ui/separator';
 import {
   Sheet,
-  SheetContent,
   SheetDescription,
   SheetFooter,
   SheetHeader,
   SheetTitle,
 } from '@/components/ui/sheet';
+import { ResizableSheetContent } from '@/components/ui/resizable-sheet-content';
 import { Skeleton } from '@/components/ui/skeleton';
 import {
   Table,
@@ -132,13 +133,22 @@ interface Questao {
   examQuestionId: number;
   order: number;
   tipo: ExamQuestionType;
+  assuntoId: number | null;
+  assunto: string | null;
   enunciado: string;
+  explicacao: string;
   pontuacao: number;
   alternativas: Alternativa[];
   fillBlankAnswers: FillBlankAnswer[];
   matchingPairs: MatchingPair[];
 }
 
+type AssuntoQuestaoOption = {
+  id: number;
+  name: string;
+  description?: string | null;
+};
+
 type ExamQuestionType =
   | 'multiple_choice'
   | 'true_false'
@@ -164,7 +174,10 @@ type ApiExamQuestion = {
   examQuestionId: number;
   order: number;
   questionType: ExamQuestionType;
+  subjectId: number | null;
+  subjectName: string | null;
   statement: string;
+  explanation?: string | null;
   points: number;
   alternatives: ApiExamQuestionAlternative[];
   fillBlankAnswers?: Array<{
@@ -188,8 +201,18 @@ type ApiExamQuestionsResponse = {
   data: ApiExamQuestion[];
 };
 
+type ApiQuestionSubjectListResponse = {
+  data: AssuntoQuestaoOption[];
+  total: number;
+  page: number;
+  pageSize: number;
+  lastPage: number;
+};
+
 type QuestaoForm = {
+  subjectId: number;
   enunciado: string;
+  explicacao?: string;
   questionType: ExamQuestionType;
   pontuacao: number;
 };
@@ -204,7 +227,10 @@ function mapApiQuestion(question: ApiExamQuestion): Questao {
     examQuestionId: question.examQuestionId,
     order: question.order,
     tipo: question.questionType,
+    assuntoId: question.subjectId,
+    assunto: question.subjectName,
     enunciado: question.statement,
+    explicacao: question.explanation ?? '',
     pontuacao: question.points,
     alternativas: question.alternatives.map((alternative) => ({
       id: alternative.id,
@@ -440,6 +466,11 @@ function SortableQuestao({
 
               <div className="flex items-start justify-between gap-3">
                 <div className="mt-2 flex flex-wrap items-center gap-2">
+                  {questao.assunto && (
+                    <Badge variant="secondary" className="text-xs">
+                      {questao.assunto}
+                    </Badge>
+                  )}
                   <Badge variant="outline" className="text-xs">
                     {t(`question.types.${questao.tipo}`)}
                   </Badge>
@@ -588,6 +619,9 @@ export default function QuestoesPage() {
   );
   const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
   const [questaoToDelete, setQuestaoToDelete] = useState<Questao | null>(null);
+  const [assuntosLocais, setAssuntosLocais] = useState<AssuntoQuestaoOption[]>(
+    []
+  );
   const [hasChanges, setHasChanges] = useState(false);
   const [saving, setSaving] = useState(false);
   const [buscaInput, setBuscaInput] = useState('');
@@ -608,7 +642,12 @@ export default function QuestoesPage() {
   });
 
   const questaoSchema = z.object({
+    subjectId: z.coerce
+      .number()
+      .int()
+      .min(1, t('sheet.validation.subjectRequired')),
     enunciado: z.string().min(5, t('sheet.validation.statementMin')),
+    explicacao: z.string().optional(),
     questionType: z.enum([
       'multiple_choice',
       'true_false',
@@ -622,7 +661,9 @@ export default function QuestoesPage() {
   const form = useForm<QuestaoForm>({
     resolver: zodResolver(questaoSchema),
     defaultValues: {
+      subjectId: 0,
       enunciado: '',
+      explicacao: '',
       questionType: 'multiple_choice',
       pontuacao: 1,
     },
@@ -701,6 +742,64 @@ export default function QuestoesPage() {
     setCurrentPage(1);
   }
 
+  async function loadQuestionSubjectOptions(args: {
+    page: number;
+    pageSize: number;
+    search: string;
+  }) {
+    const response = await request<ApiQuestionSubjectListResponse>({
+      url: '/lms/exams/question-subjects',
+      method: 'GET',
+      params: {
+        page: args.page,
+        pageSize: args.pageSize,
+        ...(args.search ? { search: args.search } : {}),
+      },
+    });
+
+    const items = response.data?.data ?? [];
+
+    setAssuntosLocais((prev) => {
+      const merged = [...prev, ...items];
+      return merged.filter(
+        (item, index, arr) =>
+          arr.findIndex((candidate) => candidate.id === item.id) === index
+      );
+    });
+
+    return {
+      items,
+      hasMore: (response.data?.page ?? 1) < (response.data?.lastPage ?? 1),
+    };
+  }
+
+  async function createQuestionSubject(values: Record<string, string>) {
+    const name = values.name?.trim() ?? '';
+
+    if (!name) {
+      toast.error(t('toasts.subjectNameRequired'));
+      return null;
+    }
+
+    const response = await request<AssuntoQuestaoOption>({
+      url: '/lms/exams/question-subjects',
+      method: 'POST',
+      data: { name },
+    });
+
+    const created = response.data;
+
+    if (created?.id) {
+      setAssuntosLocais((prev) =>
+        prev.some((item) => item.id === created.id) ? prev : [...prev, created]
+      );
+      toast.success(t('toasts.subjectCreated'));
+      return created;
+    }
+
+    return null;
+  }
+
   useEffect(() => {
     if (currentPage > totalPages) {
       setCurrentPage(totalPages);
@@ -786,7 +885,9 @@ export default function QuestoesPage() {
   function openCreateSheet() {
     setEditingQuestao(null);
     form.reset({
+      subjectId: 0,
       enunciado: '',
+      explicacao: '',
       questionType: 'multiple_choice',
       pontuacao: 1,
     });
@@ -802,7 +903,9 @@ export default function QuestoesPage() {
   function openEditSheet(questao: Questao) {
     setEditingQuestao(questao);
     form.reset({
+      subjectId: questao.assuntoId ?? 0,
       enunciado: questao.enunciado,
+      explicacao: questao.explicacao,
       questionType: questao.tipo,
       pontuacao: questao.pontuacao,
     });
@@ -967,7 +1070,9 @@ export default function QuestoesPage() {
     }
 
     const payload = {
+      subjectId: data.subjectId,
       statement: data.enunciado,
+      explanation: data.explicacao?.trim() || null,
       questionType: data.questionType,
       points: Math.max(1, Math.round(data.pontuacao)),
       ...(requiresAlternatives && {
@@ -1033,11 +1138,18 @@ export default function QuestoesPage() {
   }
 
   async function duplicateQuestao(questao: Questao) {
+    if (!questao.assuntoId) {
+      toast.error(t('toasts.subjectRequiredToDuplicate'));
+      return;
+    }
+
     await request({
-      url: `/lms/exams/${examId}/questions`,
+      url: '/lms/exams/' + examId + '/questions',
       method: 'POST',
       data: {
-        statement: `${questao.enunciado}${t('copySuffix')}`,
+        subjectId: questao.assuntoId,
+        statement: questao.enunciado + t('copySuffix'),
+        explanation: questao.explicacao?.trim() || null,
         questionType: questao.tipo,
         points: Math.max(1, Math.round(questao.pontuacao)),
         ...(OBJECTIVE_QUESTION_TYPES.includes(questao.tipo) && {
@@ -1346,6 +1458,7 @@ export default function QuestoesPage() {
                 <TableHeader>
                   <TableRow>
                     <TableHead>{t('table.headers.question')}</TableHead>
+                    <TableHead>{t('table.headers.subject')}</TableHead>
                     <TableHead>{t('table.headers.type')}</TableHead>
                     <TableHead className="text-right">
                       {t('table.headers.points')}
@@ -1366,6 +1479,7 @@ export default function QuestoesPage() {
                           </p>
                         </div>
                       </TableCell>
+                      <TableCell>{questao.assunto ?? '-'}</TableCell>
                       <TableCell>
                         <Badge variant="outline" className="text-xs">
                           {t(`question.types.${questao.tipo}`)}
@@ -1474,7 +1588,11 @@ export default function QuestoesPage() {
 
       {/* Create/Edit Sheet */}
       <Sheet open={sheetOpen} onOpenChange={setSheetOpen}>
-        <SheetContent
+        <ResizableSheetContent
+          sheetId="lms-exam-questions-form-sheet"
+          defaultWidth={560}
+          minWidth={420}
+          maxWidth={920}
           side="right"
           className="flex w-full flex-col sm:max-w-lg overflow-y-auto"
         >
@@ -1493,6 +1611,51 @@ export default function QuestoesPage() {
               onSubmit={form.handleSubmit(onSubmit)}
               className="flex flex-1 flex-col gap-5 px-4 pb-4"
             >
+              <FormField
+                control={form.control}
+                name="subjectId"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('sheet.fields.subject')}</FormLabel>
+                    <FormControl>
+                      <EntityPicker<AssuntoQuestaoOption>
+                        value={field.value || null}
+                        valueType="number"
+                        placeholder={t('sheet.fields.subjectPlaceholder')}
+                        searchPlaceholder={t(
+                          'sheet.fields.subjectSearchPlaceholder'
+                        )}
+                        entityLabel={t('sheet.fields.subjectEntityLabel')}
+                        noResultsLabel={t('sheet.fields.subjectNoResults')}
+                        options={assuntosLocais}
+                        loadOptions={loadQuestionSubjectOptions}
+                        getOptionLabel={(option) => option.name}
+                        getOptionDescription={(option) =>
+                          option.description ?? undefined
+                        }
+                        createTitle={t('sheet.fields.subjectCreateTitle')}
+                        createDescription={t(
+                          'sheet.fields.subjectCreateDescription'
+                        )}
+                        createFields={[
+                          {
+                            name: 'name',
+                            label: t('sheet.fields.subjectCreateNameLabel'),
+                            placeholder: t(
+                              'sheet.fields.subjectCreateNamePlaceholder'
+                            ),
+                            required: true,
+                          },
+                        ]}
+                        onCreate={createQuestionSubject}
+                        onChange={(value) => field.onChange(Number(value ?? 0))}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
               <FormField
                 control={form.control}
                 name="enunciado"
@@ -1554,6 +1717,24 @@ export default function QuestoesPage() {
                 )}
               />
 
+              <FormField
+                control={form.control}
+                name="explicacao"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('sheet.fields.explanation')}</FormLabel>
+                    <FormControl>
+                      <RichTextEditor
+                        className="w-full max-w-full h-40"
+                        value={field.value ?? ''}
+                        onChange={field.onChange}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
               <FormField
                 control={form.control}
                 name="pontuacao"
@@ -1816,7 +1997,7 @@ export default function QuestoesPage() {
               </SheetFooter>
             </form>
           </Form>
-        </SheetContent>
+        </ResizableSheetContent>
       </Sheet>
 
       {/* Delete Dialog */}