@hed-hog/lms 0.0.350 → 0.0.353

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

@@ -48,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,
@@ -642,7 +642,10 @@ export default function QuestoesPage() {
   });
 
   const questaoSchema = z.object({
-    subjectId: z.coerce.number().int().min(1, t('sheet.validation.subjectRequired')),
+    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([
@@ -739,7 +742,6 @@ export default function QuestoesPage() {
     setCurrentPage(1);
   }
 
-
   async function loadQuestionSubjectOptions(args: {
     page: number;
     pageSize: number;
@@ -1586,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"
         >
@@ -1616,20 +1622,28 @@ export default function QuestoesPage() {
                         value={field.value || null}
                         valueType="number"
                         placeholder={t('sheet.fields.subjectPlaceholder')}
-                        searchPlaceholder={t('sheet.fields.subjectSearchPlaceholder')}
+                        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}
+                        getOptionDescription={(option) =>
+                          option.description ?? undefined
+                        }
                         createTitle={t('sheet.fields.subjectCreateTitle')}
-                        createDescription={t('sheet.fields.subjectCreateDescription')}
+                        createDescription={t(
+                          'sheet.fields.subjectCreateDescription'
+                        )}
                         createFields={[
                           {
                             name: 'name',
                             label: t('sheet.fields.subjectCreateNameLabel'),
-                            placeholder: t('sheet.fields.subjectCreateNamePlaceholder'),
+                            placeholder: t(
+                              'sheet.fields.subjectCreateNamePlaceholder'
+                            ),
                             required: true,
                           },
                         ]}
@@ -1983,7 +1997,7 @@ export default function QuestoesPage() {
               </SheetFooter>
             </form>
           </Form>
-        </SheetContent>
+        </ResizableSheetContent>
       </Sheet>
 
       {/* Delete Dialog */}

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

@@ -43,12 +43,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 { Skeleton } from '@/components/ui/skeleton';
 import { Switch } from '@/components/ui/switch';
 import {
@@ -59,6 +59,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';
@@ -83,7 +84,6 @@ import {
 import { useTranslations } from 'next-intl';
 import { useRouter } from 'next/navigation';
 import { useEffect, useMemo, useState } from 'react';
-import { usePersistedPageSize } from '@/hooks/use-persisted-page-size';
 import { Controller, useForm, useWatch } from 'react-hook-form';
 import { toast } from 'sonner';
 import { z } from 'zod';
@@ -787,7 +787,9 @@ export default function ExamesPage() {
                   <motion.div key={exame.id} variants={fadeUp}>
                     <Card
                       className="group relative h-95 cursor-pointer overflow-hidden border-border/70 shadow-sm transition-all duration-200 hover:border-border hover:shadow-md"
-                      onDoubleClick={() => openEditSheet(exame)}
+                      onDoubleClick={() =>
+                        router.push(`/lms/exams/${exame.id}`)
+                      }
                       title={t('cards.tooltip')}
                     >
                       <div
@@ -966,7 +968,9 @@ export default function ExamesPage() {
                     <TableRow
                       key={exame.id}
                       className="cursor-pointer"
-                      onDoubleClick={() => openEditSheet(exame)}
+                      onDoubleClick={() =>
+                        router.push(`/lms/exams/${exame.id}`)
+                      }
                       title={t('cards.tooltip')}
                     >
                       <TableCell>
@@ -1076,7 +1080,11 @@ export default function ExamesPage() {
 
       {/* Sheet */}
       <Sheet open={sheetOpen} onOpenChange={setSheetOpen}>
-        <SheetContent
+        <ResizableSheetContent
+          sheetId="lms-exams-form-sheet"
+          defaultWidth={560}
+          minWidth={420}
+          maxWidth={920}
           side="right"
           className="flex w-full flex-col sm:max-w-lg overflow-y-auto"
         >
@@ -1325,7 +1333,7 @@ export default function ExamesPage() {
               </Button>
             </SheetFooter>
           </form>
-        </SheetContent>
+        </ResizableSheetContent>
       </Sheet>
 
       {/* Delete Dialog */}

package/hedhog/frontend/app/instructor-skills/page.tsx.ejs

@@ -43,10 +43,10 @@ import {
 } from '@/components/ui/select';
 import {
   Sheet,
-  SheetContent,
   SheetHeader,
   SheetTitle,
 } from '@/components/ui/sheet';
+import { ResizableSheetContent } from '@/components/ui/resizable-sheet-content';
 import { Skeleton } from '@/components/ui/skeleton';
 import {
   Table,
@@ -176,7 +176,13 @@ function SkillFormSheet({
 
   return (
     <Sheet open={open} onOpenChange={onOpenChange}>
-      <SheetContent className="w-full overflow-y-auto sm:max-w-md">
+      <ResizableSheetContent
+        sheetId="lms-instructor-skills-form-sheet"
+        defaultWidth={520}
+        minWidth={400}
+        maxWidth={860}
+        className="w-full overflow-y-auto sm:max-w-md"
+      >
         <SheetHeader>
           <SheetTitle>
             {skillToEdit ? t('sheet.editTitle') : t('sheet.createTitle')}
@@ -250,7 +256,7 @@ function SkillFormSheet({
             </div>
           </form>
         </Form>
-      </SheetContent>
+      </ResizableSheetContent>
     </Sheet>
   );
 }

package/hedhog/frontend/app/instructors/_components/instructor-form-sheet.tsx.ejs

@@ -1,12 +1,12 @@
 'use client';
 
-import { PersonPicker } from '@/app/(app)/(libraries)/contact/_components/person-picker';
-import { PersonFormSheet } from '@/app/(app)/(libraries)/contact/person/_components/person-form-sheet';
+import { PersonPicker } from '@/app/(app)/(libraries)/crm/_components/person-picker';
+import { PersonFormSheet } from '@/app/(app)/(libraries)/crm/person/_components/person-form-sheet';
 import type {
   ContactTypeOption,
   DocumentTypeOption,
   Person,
-} from '@/app/(app)/(libraries)/contact/person/_components/person-types';
+} from '@/app/(app)/(libraries)/crm/person/_components/person-types';
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
@@ -23,12 +23,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 { Switch } from '@/components/ui/switch';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { useApp, useQuery } from '@hed-hog/next-app-provider';
@@ -69,6 +69,27 @@ type ClassGroupItem = {
   totalSlots: number | null;
 };
 
+type EvaluationItem = {
+  id: number;
+  topicName: string;
+  topicDescription: string | null;
+  targetType: string;
+  targetName: string;
+  score: number;
+  comment: string | null;
+  evaluatorName: string | null;
+  evaluatorId: number | null;
+  courseName: string | null;
+  courseId: number | null;
+  className: string | null;
+  classId: number | null;
+  instructorName: string | null;
+  instructorId: number | null;
+  createdAt: string;
+  topicAvgScore: number;
+  topicRatingCount: number;
+};
+
 function toKebabCase(str: string) {
   return (
     str
@@ -127,6 +148,8 @@ export function InstructorFormSheet({
   const [classSheetOpen, setClassSheetOpen] = useState(false);
   const [editingClassId, setEditingClassId] = useState<number | null>(null);
   const TURMAS_PAGE_SIZE = 6;
+  const [avaliacoesPage, setAvaliacoesPage] = useState(1);
+  const AVALIACOES_PAGE_SIZE = 6;
   const isEditing = typeof instructorId === 'number' && instructorId > 0;
   const qualificationOptions = [
     {
@@ -329,6 +352,38 @@ export function InstructorFormSheet({
   const turmasData = turmasResult?.data ?? [];
   const turmasLastPage = turmasResult?.lastPage ?? 1;
 
+  const {
+    data: avaliacoesResult,
+    isLoading: loadingAvaliacoes,
+  } = useQuery<{
+    data: EvaluationItem[];
+    total: number;
+    lastPage: number;
+  }>({
+    queryKey: ['lms-instructor-avaliacoes', instructorId, avaliacoesPage],
+    queryFn: async () => {
+      if (!instructorId) return { data: [], total: 0, lastPage: 1 };
+      const params = new URLSearchParams({
+        instructorId: String(instructorId),
+        page: String(avaliacoesPage),
+        pageSize: String(AVALIACOES_PAGE_SIZE),
+      });
+      const response = await request<{
+        data: EvaluationItem[];
+        total: number;
+        lastPage: number;
+      }>({
+        url: `/lms/evaluations?${params.toString()}`,
+        method: 'GET',
+      });
+      return response.data;
+    },
+    enabled: isEditing && open && activeTab === 'avaliacoes',
+    placeholderData: (prev) => prev,
+  });
+  const avaliacoesData = avaliacoesResult?.data ?? [];
+  const avaliacoesLastPage = avaliacoesResult?.lastPage ?? 1;
+
   useEffect(() => {
     const timeout = setTimeout(() => {
       setDebouncedTurmasSearch(turmasSearchInput.trim());
@@ -377,7 +432,7 @@ export function InstructorFormSheet({
     }
   }, [isEditing, existingInstructor, open, reset]);
 
-  // Reset to first tab and turmas page when sheet closes
+  // Reset to first tab and turmas/avaliacoes page when sheet closes
   useEffect(() => {
     if (!open) {
       setActiveTab('detalhes');
@@ -387,6 +442,7 @@ export function InstructorFormSheet({
       setTurmasStatusFilter('all');
       setClassSheetOpen(false);
       setEditingClassId(null);
+      setAvaliacoesPage(1);
     }
   }, [open]);
 
@@ -489,9 +545,13 @@ export function InstructorFormSheet({
   return (
     <>
       <Sheet open={open} onOpenChange={handleSheetClose}>
-        <SheetContent
+        <ResizableSheetContent
+          sheetId="lms-instructors-form-sheet"
+          defaultWidth={640}
+          minWidth={460}
+          maxWidth={1100}
           side="right"
-          className="flex w-full max-w-lg flex-col overflow-hidden p-0 sm:max-w-xl"
+          className="flex w-full flex-col overflow-hidden p-0"
         >
           {/* ── Instructor header (edit mode) ── */}
           {isEditing && existingInstructor ? (
@@ -1136,15 +1196,128 @@ export function InstructorFormSheet({
                 value="avaliacoes"
                 className="flex min-h-0 flex-1 flex-col overflow-hidden data-[state=inactive]:hidden"
               >
-                {/* TODO: implementar endpoint de avaliações de instrutor */}
-                <div className="flex flex-1 flex-col items-center justify-center px-6 py-12 text-center">
-                  <Star className="mb-3 h-10 w-10 text-muted-foreground/40" />
-                  <p className="text-sm font-medium text-muted-foreground">
-                    {t('form.evaluations.comingSoonTitle')}
-                  </p>
-                  <p className="mt-1 text-xs text-muted-foreground">
-                    {t('form.evaluations.comingSoonDescription')}
-                  </p>
+                <div className="flex min-h-0 flex-1 flex-col">
+                  {/* List area */}
+                  <div className="flex-1 overflow-y-auto px-6 py-4">
+                    {loadingAvaliacoes ? (
+                      <div className="flex flex-col gap-3">
+                        {Array.from({ length: 3 }).map((_, i) => (
+                          <div
+                            key={i}
+                            className="flex flex-col gap-2 rounded-lg border p-4"
+                          >
+                            <div className="flex items-center justify-between">
+                              <div className="h-4 w-32 animate-pulse rounded bg-muted" />
+                              <div className="h-4 w-16 animate-pulse rounded bg-muted" />
+                            </div>
+                            <div className="h-3 w-48 animate-pulse rounded bg-muted" />
+                            <div className="h-3 w-64 animate-pulse rounded bg-muted" />
+                          </div>
+                        ))}
+                      </div>
+                    ) : avaliacoesData.length === 0 ? (
+                      <div className="flex flex-col items-center justify-center py-12 text-center">
+                        <Star className="mb-3 h-10 w-10 text-muted-foreground/40" />
+                        <p className="text-sm font-medium text-muted-foreground">
+                          {t('form.evaluations.emptyTitle')}
+                        </p>
+                        <p className="mt-1 text-xs text-muted-foreground">
+                          {t('form.evaluations.emptyDescription')}
+                        </p>
+                      </div>
+                    ) : (
+                      <div className="flex flex-col gap-3">
+                        {avaliacoesData.map((ev) => (
+                          <div
+                            key={ev.id}
+                            className="flex flex-col gap-2 rounded-lg border p-4"
+                          >
+                            {/* Header: topic name + score */}
+                            <div className="flex items-start justify-between gap-2">
+                              <p className="text-sm font-medium leading-snug">
+                                {ev.topicName}
+                              </p>
+                              <div className="flex shrink-0 items-center gap-1">
+                                {Array.from({ length: 5 }).map((_, i) => (
+                                  <Star
+                                    key={i}
+                                    className={`h-3.5 w-3.5 ${
+                                      i < Math.round(ev.score / 2)
+                                        ? 'fill-amber-400 text-amber-400'
+                                        : 'fill-none text-muted-foreground/40'
+                                    }`}
+                                  />
+                                ))}
+                                <span className="ml-1 text-xs font-medium tabular-nums text-muted-foreground">
+                                  {ev.score.toFixed(1)}{t('form.evaluations.of')}10
+                                </span>
+                              </div>
+                            </div>
+
+                            {/* Target + course/class info */}
+                            <div className="flex flex-wrap items-center gap-x-2 gap-y-1">
+                              {ev.className && (
+                                <span className="text-xs text-muted-foreground">
+                                  <BookOpen className="mr-0.5 inline h-3 w-3" />
+                                  {ev.className}
+                                </span>
+                              )}
+                              {ev.courseName && (
+                                <span className="text-xs text-muted-foreground">
+                                  · {ev.courseName}
+                                </span>
+                              )}
+                            </div>
+
+                            {/* Evaluator + date */}
+                            <div className="flex items-center gap-2 text-xs text-muted-foreground">
+                              <span>
+                                {ev.evaluatorName ?? t('form.evaluations.anonymous')}
+                              </span>
+                              <span>·</span>
+                              <span>
+                                {new Date(ev.createdAt).toLocaleDateString()}
+                              </span>
+                            </div>
+
+                            {/* Comment */}
+                            {ev.comment && (
+                              <p className="line-clamp-2 text-xs text-muted-foreground italic">
+                                "{ev.comment}"
+                              </p>
+                            )}
+                          </div>
+                        ))}
+                      </div>
+                    )}
+                  </div>
+
+                  {/* Pagination */}
+                  {avaliacoesLastPage > 1 && (
+                    <div className="flex shrink-0 items-center justify-center gap-2 border-t px-6 py-3">
+                      <Button
+                        type="button"
+                        variant="outline"
+                        size="icon"
+                        disabled={avaliacoesPage <= 1}
+                        onClick={() => setAvaliacoesPage((p) => p - 1)}
+                      >
+                        <ChevronLeft className="h-4 w-4" />
+                      </Button>
+                      <span className="text-xs text-muted-foreground">
+                        {avaliacoesPage} / {avaliacoesLastPage}
+                      </span>
+                      <Button
+                        type="button"
+                        variant="outline"
+                        size="icon"
+                        disabled={avaliacoesPage >= avaliacoesLastPage}
+                        onClick={() => setAvaliacoesPage((p) => p + 1)}
+                      >
+                        <ChevronRight className="h-4 w-4" />
+                      </Button>
+                    </div>
+                  )}
                 </div>
               </TabsContent>
             </Tabs>
@@ -1343,7 +1516,7 @@ export function InstructorFormSheet({
               </SheetFooter>
             </form>
           )}
-        </SheetContent>
+        </ResizableSheetContent>
       </Sheet>
 
       <ClassFormSheet

package/hedhog/frontend/app/layout.tsx.ejs

@@ -1,5 +1,9 @@
 import type { ReactNode } from 'react';
 
 export default function LmsLayout({ children }: { children: ReactNode }) {
-  return <div>{children}</div>;
+  return (
+    <div className="flex h-full min-h-0 flex-col overflow-hidden">
+      {children}
+    </div>
+  );
 }

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

@@ -47,12 +47,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 { Switch } from '@/components/ui/switch';
 import {
@@ -1883,7 +1883,11 @@ export default function TrainingPage() {
 
       {/* Sheet */}
       <Sheet open={sheetOpen} onOpenChange={setSheetOpen}>
-        <SheetContent
+        <ResizableSheetContent
+          sheetId="lms-paths-form-sheet"
+          defaultWidth={560}
+          minWidth={420}
+          maxWidth={920}
           side="right"
           className="flex w-full flex-col sm:max-w-lg overflow-y-auto"
         >
@@ -2241,7 +2245,7 @@ export default function TrainingPage() {
               </Button>
             </SheetFooter>
           </form>
-        </SheetContent>
+        </ResizableSheetContent>
       </Sheet>
 
       <CourseFormSheet
@@ -2257,7 +2261,11 @@ export default function TrainingPage() {
       />
 
       <Sheet open={examSheetOpen} onOpenChange={setExamSheetOpen}>
-        <SheetContent
+        <ResizableSheetContent
+          sheetId="lms-paths-create-exam-sheet"
+          defaultWidth={560}
+          minWidth={420}
+          maxWidth={920}
           side="right"
           className="flex w-full flex-col sm:max-w-lg overflow-y-auto"
         >
@@ -2370,7 +2378,7 @@ export default function TrainingPage() {
               </Button>
             </SheetFooter>
           </form>
-        </SheetContent>
+        </ResizableSheetContent>
       </Sheet>
 
       {/* Delete Dialog */}

package/hedhog/frontend/app/reports/evaluations/page.tsx.ejs

@@ -25,12 +25,8 @@ import {
   PopoverContent,
   PopoverTrigger,
 } from '@/components/ui/popover';
-import {
-  Sheet,
-  SheetContent,
-  SheetHeader,
-  SheetTitle,
-} from '@/components/ui/sheet';
+import { Sheet, SheetHeader, SheetTitle } from '@/components/ui/sheet';
+import { ResizableSheetContent } from '@/components/ui/resizable-sheet-content';
 import { Skeleton } from '@/components/ui/skeleton';
 import {
   Table,
@@ -981,7 +977,11 @@ export default function EvaluationsReportPage() {
 
       {/* Detail Sheet */}
       <Sheet open={sheetOpen} onOpenChange={setSheetOpen}>
-        <SheetContent
+        <ResizableSheetContent
+          sheetId="lms-reports-evaluations-detail-sheet"
+          defaultWidth={640}
+          minWidth={460}
+          maxWidth={1080}
           side="right"
           className="w-full overflow-y-auto p-0 sm:max-w-xl"
         >
@@ -1166,7 +1166,7 @@ export default function EvaluationsReportPage() {
                   <div className="grid grid-cols-2 gap-3">
                     <button
                       type="button"
-                      onClick={() => window.open('/contact/accounts', '_blank')}
+                      onClick={() => window.open('/crm/accounts', '_blank')}
                       className="flex items-center gap-3 rounded-lg border border-border/50 bg-card p-3 text-left transition-colors hover:bg-muted/40"
                     >
                       <Avatar className="size-9 shrink-0">
@@ -1188,7 +1188,7 @@ export default function EvaluationsReportPage() {
                       <button
                         type="button"
                         onClick={() =>
-                          window.open('/contact/accounts', '_blank')
+                          window.open('/crm/accounts', '_blank')
                         }
                         className="flex items-center gap-3 rounded-lg border border-border/50 bg-card p-3 text-left transition-colors hover:bg-muted/40"
                       >
@@ -1276,7 +1276,7 @@ export default function EvaluationsReportPage() {
               </div>
             </>
           )}
-        </SheetContent>
+        </ResizableSheetContent>
       </Sheet>
     </Page>
   );

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

@@ -46,12 +46,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 { Switch } from '@/components/ui/switch';
 import {
@@ -1873,7 +1873,11 @@ export default function TrainingPage() {
 
       {/* Sheet */}
       <Sheet open={sheetOpen} onOpenChange={setSheetOpen}>
-        <SheetContent
+        <ResizableSheetContent
+          sheetId="lms-training-form-sheet"
+          defaultWidth={560}
+          minWidth={420}
+          maxWidth={920}
           side="right"
           className="flex w-full flex-col sm:max-w-lg overflow-y-auto"
         >
@@ -2216,7 +2220,7 @@ export default function TrainingPage() {
               </Button>
             </SheetFooter>
           </form>
-        </SheetContent>
+        </ResizableSheetContent>
       </Sheet>
 
       <CourseFormSheet
@@ -2232,7 +2236,11 @@ export default function TrainingPage() {
       />
 
       <Sheet open={examSheetOpen} onOpenChange={setExamSheetOpen}>
-        <SheetContent
+        <ResizableSheetContent
+          sheetId="lms-training-create-exam-sheet"
+          defaultWidth={560}
+          minWidth={420}
+          maxWidth={920}
           side="right"
           className="flex w-full flex-col sm:max-w-lg overflow-y-auto"
         >
@@ -2345,7 +2353,7 @@ export default function TrainingPage() {
               </Button>
             </SheetFooter>
           </form>
-        </SheetContent>
+        </ResizableSheetContent>
       </Sheet>
 
       {/* Delete Dialog */}