@hed-hog/lms 0.0.365 → 0.0.366

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

@@ -22,7 +22,14 @@ import {
   TableRow,
 } from '@/components/ui/table';
 import { ToggleGroup, ToggleGroupItem } from '@/components/ui/toggle-group';
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from '@/components/ui/tooltip';
 import { useDebounce } from '@/hooks/use-debounce';
+import { usePersistedPageSize } from '@/hooks/use-persisted-page-size';
 import { formatDate } from '@/lib/format-date';
 import { useApp, useQuery } from '@hed-hog/next-app-provider';
 import {
@@ -51,7 +58,7 @@ const VIEW_STORAGE_KEY = 'lms-enterprise-view-mode';
 
 // ── Constants ─────────────────────────────────────────────────────────────────
 
-const PAGE_SIZE = 12;
+const DEFAULT_PAGE_SIZES = [6, 12, 24, 48, 96] as const;
 
 const STATUS_VARIANT: Record<
   EnterpriseStatus,
@@ -90,6 +97,45 @@ export default function EnterprisePage() {
   const debouncedSearch = useDebounce(search);
   const { request, currentLocaleCode, getSettingValue } = useApp();
 
+  const { data: generalSettings } = useQuery<{
+    data: Array<{ slug: string; value: string }>;
+  }>({
+    queryKey: ['setting-group-general'],
+    queryFn: async () => {
+      const response = await request<{
+        data: Array<{ slug: string; value: string }>;
+      }>({
+        url: '/setting/group/general',
+        method: 'GET',
+      });
+      return response.data;
+    },
+    staleTime: 5 * 60 * 1000,
+  });
+
+  const pageSizeOptions = useMemo(() => {
+    const setting = generalSettings?.data?.find(
+      (s) => s.slug === 'pagination-page-sizes'
+    );
+    if (!setting?.value) return DEFAULT_PAGE_SIZES;
+    try {
+      const parsed = JSON.parse(setting.value) as string[];
+      const sizes = parsed
+        .map(Number)
+        .filter((n) => !isNaN(n) && n > 0)
+        .sort((a, b) => a - b);
+      return sizes.length > 0 ? sizes : DEFAULT_PAGE_SIZES;
+    } catch {
+      return DEFAULT_PAGE_SIZES;
+    }
+  }, [generalSettings]);
+
+  const [pageSize, setPageSize] = usePersistedPageSize({
+    storageKey: 'pagination:global:pageSize',
+    defaultValue: 12,
+    allowedValues: pageSizeOptions,
+  });
+
   type EnterpriseListResponse = {
     data: EnterpriseAccount[];
     total: number;
@@ -112,7 +158,7 @@ export default function EnterprisePage() {
     queryKey: [
       'lms-enterprise',
       page,
-      PAGE_SIZE,
+      pageSize,
       debouncedSearch,
       statusFilter,
       crmFilter,
@@ -120,7 +166,7 @@ export default function EnterprisePage() {
     queryFn: async () => {
       const params = new URLSearchParams();
       params.set('page', String(page));
-      params.set('pageSize', String(PAGE_SIZE));
+      params.set('pageSize', String(pageSize));
       if (debouncedSearch) params.set('search', debouncedSearch);
       if (statusFilter !== 'all') params.set('status', statusFilter);
       if (crmFilter !== 'all') params.set('crmPersonId', crmFilter);
@@ -335,47 +381,56 @@ export default function EnterprisePage() {
 
       <KpiCardsGrid items={kpiItems} />
 
-      <div className="flex flex-col gap-4 xl:flex-row xl:items-center">
-        <div className="flex-1">
-          <SearchBar
-            searchQuery={search}
-            onSearchChange={handleSearch}
-            onSearch={() => {}}
-            placeholder={t('filters.searchPlaceholder')}
-            controls={controls}
-          />
-        </div>
-        <div className="flex items-center gap-3">
-          <span className="text-xs font-medium text-muted-foreground">
-            {t.has('view.label') ? t('view.label') : 'View'}
-          </span>
-          <ToggleGroup
-            type="single"
-            value={viewMode}
-            onValueChange={handleViewModeChange}
-            variant="outline"
-            size="sm"
-            aria-label={
-              t.has('view.modeAriaLabel')
-                ? t('view.modeAriaLabel')
-                : 'View mode'
-            }
-          >
-            <ToggleGroupItem value="table" className="gap-1.5 px-2.5">
-              <List className="h-4 w-4" />
-              <span className="hidden sm:inline">
-                {t.has('view.table') ? t('view.table') : 'Table'}
-              </span>
-            </ToggleGroupItem>
-            <ToggleGroupItem value="cards" className="gap-1.5 px-2.5">
-              <LayoutGrid className="h-4 w-4" />
-              <span className="hidden sm:inline">
-                {t.has('view.cards') ? t('view.cards') : 'Cards'}
-              </span>
-            </ToggleGroupItem>
-          </ToggleGroup>
-        </div>
-      </div>
+      <SearchBar
+        searchQuery={search}
+        onSearchChange={handleSearch}
+        onSearch={() => {}}
+        placeholder={t('filters.searchPlaceholder')}
+        controls={controls}
+        actions={
+          <TooltipProvider>
+            <ToggleGroup
+              type="single"
+              value={viewMode}
+              onValueChange={handleViewModeChange}
+              variant="outline"
+              size="sm"
+              aria-label={
+                t.has('view.modeAriaLabel') ? t('view.modeAriaLabel') : 'View mode'
+              }
+            >
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <ToggleGroupItem
+                    value="table"
+                    className="cursor-pointer"
+                    aria-label={t.has('view.table') ? t('view.table') : 'Table'}
+                  >
+                    <List className="h-4 w-4" />
+                  </ToggleGroupItem>
+                </TooltipTrigger>
+                <TooltipContent>
+                  {t.has('view.table') ? t('view.table') : 'Table'}
+                </TooltipContent>
+              </Tooltip>
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <ToggleGroupItem
+                    value="cards"
+                    className="cursor-pointer"
+                    aria-label={t.has('view.cards') ? t('view.cards') : 'Cards'}
+                  >
+                    <LayoutGrid className="h-4 w-4" />
+                  </ToggleGroupItem>
+                </TooltipTrigger>
+                <TooltipContent>
+                  {t.has('view.cards') ? t('view.cards') : 'Cards'}
+                </TooltipContent>
+              </Tooltip>
+            </ToggleGroup>
+          </TooltipProvider>
+        }
+      />
 
       {accounts.length === 0 && !isLoading ? (
         <EmptyState
@@ -633,12 +688,14 @@ export default function EnterprisePage() {
 
       <PaginationFooter
         currentPage={page}
-        pageSize={PAGE_SIZE}
+        pageSize={pageSize}
         totalItems={totalItems}
         onPageChange={setPage}
-        onPageSizeChange={function (): void {
-          throw new Error('Function not implemented.');
+        onPageSizeChange={(next) => {
+          setPageSize(next);
+          setPage(1);
         }}
+        pageSizeOptions={pageSizeOptions}
       />
 
       <EnterpriseSheet

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

@@ -213,7 +213,7 @@ function toNumberOrFallback(value: unknown, fallback: number) {
 
 // ── Constants ─────────────────────────────────────────────────────────────────
 
-const PAGE_SIZES = [6, 12, 24];
+const DEFAULT_PAGE_SIZES = [6, 12, 24, 48, 96] as const;
 
 function formatTempo(minutos: number) {
   if (minutos < 60) return `${minutos}min`;
@@ -263,10 +263,44 @@ export default function ExamesPage() {
 
   // Pagination
   const [currentPage, setCurrentPage] = useState(1);
+
+  const { data: generalSettings } = useQuery<{
+    data: Array<{ slug: string; value: string }>;
+  }>({
+    queryKey: ['setting-group-general'],
+    queryFn: async () => {
+      const response = await request<{
+        data: Array<{ slug: string; value: string }>;
+      }>({
+        url: '/setting/group/general',
+        method: 'GET',
+      });
+      return response.data;
+    },
+    staleTime: 5 * 60 * 1000,
+  });
+
+  const pageSizeOptions = useMemo(() => {
+    const setting = generalSettings?.data?.find(
+      (s) => s.slug === 'pagination-page-sizes'
+    );
+    if (!setting?.value) return DEFAULT_PAGE_SIZES;
+    try {
+      const parsed = JSON.parse(setting.value) as string[];
+      const sizes = parsed
+        .map(Number)
+        .filter((n) => !isNaN(n) && n > 0)
+        .sort((a, b) => a - b);
+      return sizes.length > 0 ? sizes : DEFAULT_PAGE_SIZES;
+    } catch {
+      return DEFAULT_PAGE_SIZES;
+    }
+  }, [generalSettings]);
+
   const [pageSize, setPageSize] = usePersistedPageSize({
     storageKey: 'pagination:global:pageSize',
     defaultValue: 12,
-    allowedValues: PAGE_SIZES,
+    allowedValues: pageSizeOptions,
   });
 
   const form = useForm<ExameForm>({
@@ -654,7 +688,7 @@ export default function ExamesPage() {
               ],
             },
           ]}
-          afterSearchButton={
+          actions={
             <ViewModeToggle
               viewMode={viewMode}
               onViewModeChange={setViewMode}
@@ -1037,7 +1071,7 @@ export default function ExamesPage() {
               setPageSize(nextPageSize);
               setCurrentPage(1);
             }}
-            pageSizeOptions={PAGE_SIZES}
+            pageSizeOptions={pageSizeOptions}
           />
         </div>
       )}

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

@@ -33,6 +33,12 @@ import {
   TableRow,
 } from '@/components/ui/table';
 import { ToggleGroup, ToggleGroupItem } from '@/components/ui/toggle-group';
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from '@/components/ui/tooltip';
 import { usePersistedPageSize } from '@/hooks/use-persisted-page-size';
 import { cn } from '@/lib/utils';
 import { useApp, useQuery } from '@hed-hog/next-app-provider';
@@ -48,7 +54,7 @@ import {
   Users,
 } from 'lucide-react';
 import { useTranslations } from 'next-intl';
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { toast } from 'sonner';
 import { InstructorFormSheet } from './_components/instructor-form-sheet';
 import type {
@@ -95,10 +101,43 @@ export default function InstructorsPage() {
   const t = useTranslations('lms.InstructorsPage');
 
   const [page, setPage] = useState(1);
+  const { data: generalSettings } = useQuery<{
+    data: Array<{ slug: string; value: string }>;
+  }>({
+    queryKey: ['setting-group-general'],
+    queryFn: async () => {
+      const response = await request<{
+        data: Array<{ slug: string; value: string }>;
+      }>({
+        url: '/setting/group/general',
+        method: 'GET',
+      });
+      return response.data;
+    },
+    staleTime: 5 * 60 * 1000,
+  });
+
+  const pageSizeOptions = useMemo(() => {
+    const setting = generalSettings?.data?.find(
+      (s) => s.slug === 'pagination-page-sizes'
+    );
+    if (!setting?.value) return [6, 12, 24, 48, 96];
+    try {
+      const parsed = JSON.parse(setting.value) as string[];
+      const sizes = parsed
+        .map(Number)
+        .filter((n) => !isNaN(n) && n > 0)
+        .sort((a, b) => a - b);
+      return sizes.length > 0 ? sizes : [6, 12, 24, 48, 96];
+    } catch {
+      return [6, 12, 24, 48, 96];
+    }
+  }, [generalSettings]);
+
   const [pageSize, setPageSize] = usePersistedPageSize({
     storageKey: 'pagination:global:pageSize',
     defaultValue: 12,
-    allowedValues: [6, 12, 24, 48],
+    allowedValues: pageSizeOptions,
   });
   const [searchInput, setSearchInput] = useState('');
   const [debouncedSearch, setDebouncedSearch] = useState('');
@@ -329,50 +368,52 @@ export default function InstructorsPage() {
 
       <KpiCardsGrid items={statsCards} />
 
-      <div className="flex flex-col gap-4 xl:flex-row xl:items-center">
-        <div className="flex-1">
-          <SearchBar
-            searchQuery={searchInput}
-            onSearchChange={(value) => {
-              setSearchInput(value);
-            }}
-            onSearch={() => setPage(1)}
-            placeholder={t('search.placeholder')}
-            controls={searchControls}
-          />{' '}
-        </div>
-
-        <div className="flex items-center justify-between gap-3 sm:justify-start xl:justify-end">
-          <span className="text-xs font-medium text-muted-foreground">
-            {t('viewMode.label')}
-          </span>
-          <ToggleGroup
-            type="single"
-            value={viewMode}
-            onValueChange={handleViewModeChange}
-            variant="outline"
-            size="sm"
-            aria-label={t('viewMode.ariaLabel')}
-          >
-            <ToggleGroupItem
-              value="table"
-              className="gap-1.5 px-2.5"
-              aria-label={t('viewMode.tableAriaLabel')}
-            >
-              <List className="h-4 w-4" />
-              <span className="hidden sm:inline">{t('viewMode.table')}</span>
-            </ToggleGroupItem>
-            <ToggleGroupItem
-              value="cards"
-              className="gap-1.5 px-2.5"
-              aria-label={t('viewMode.cardsAriaLabel')}
+      <SearchBar
+        searchQuery={searchInput}
+        onSearchChange={(value) => {
+          setSearchInput(value);
+        }}
+        onSearch={() => setPage(1)}
+        placeholder={t('search.placeholder')}
+        controls={searchControls}
+        actions={
+          <TooltipProvider>
+            <ToggleGroup
+              type="single"
+              value={viewMode}
+              onValueChange={handleViewModeChange}
+              variant="outline"
+              size="sm"
+              aria-label={t('viewMode.ariaLabel')}
             >
-              <LayoutGrid className="h-4 w-4" />
-              <span className="hidden sm:inline">{t('viewMode.cards')}</span>
-            </ToggleGroupItem>
-          </ToggleGroup>
-        </div>
-      </div>
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <ToggleGroupItem
+                    value="table"
+                    className="cursor-pointer"
+                    aria-label={t('viewMode.tableAriaLabel')}
+                  >
+                    <List className="h-4 w-4" />
+                  </ToggleGroupItem>
+                </TooltipTrigger>
+                <TooltipContent>{t('viewMode.table')}</TooltipContent>
+              </Tooltip>
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <ToggleGroupItem
+                    value="cards"
+                    className="cursor-pointer"
+                    aria-label={t('viewMode.cardsAriaLabel')}
+                  >
+                    <LayoutGrid className="h-4 w-4" />
+                  </ToggleGroupItem>
+                </TooltipTrigger>
+                <TooltipContent>{t('viewMode.cards')}</TooltipContent>
+              </Tooltip>
+            </ToggleGroup>
+          </TooltipProvider>
+        }
+      />
 
       {isLoading ? (
         viewMode === 'cards' ? (
@@ -726,7 +767,7 @@ export default function InstructorsPage() {
           setPageSize(nextPageSize);
           setPage(1);
         }}
-        pageSizeOptions={[6, 12, 24]}
+        pageSizeOptions={pageSizeOptions}
       />
 
       <InstructorFormSheet

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

@@ -462,7 +462,7 @@ const STATUS_MAP: Record<
   encerrada: { label: 'Encerrada', variant: 'outline' },
 };
 
-const PAGE_SIZES = [6, 12, 24];
+const DEFAULT_PAGE_SIZES = [6, 12, 24, 48, 96] as const;
 const API_TRAINING_CACHE_KEY = 'lms:training:api-cache';
 
 // ── Animations ────────────────────────────────────────────────────────────────
@@ -578,10 +578,44 @@ export default function TrainingPage() {
 
   // Pagination
   const [currentPage, setCurrentPage] = useState(1);
+
+  const { data: generalSettings } = useQuery<{
+    data: Array<{ slug: string; value: string }>;
+  }>({
+    queryKey: ['setting-group-general'],
+    queryFn: async () => {
+      const response = await request<{
+        data: Array<{ slug: string; value: string }>;
+      }>({
+        url: '/setting/group/general',
+        method: 'GET',
+      });
+      return response.data;
+    },
+    staleTime: 5 * 60 * 1000,
+  });
+
+  const pageSizeOptions = useMemo(() => {
+    const setting = generalSettings?.data?.find(
+      (s) => s.slug === 'pagination-page-sizes'
+    );
+    if (!setting?.value) return DEFAULT_PAGE_SIZES;
+    try {
+      const parsed = JSON.parse(setting.value) as string[];
+      const sizes = parsed
+        .map(Number)
+        .filter((n) => !isNaN(n) && n > 0)
+        .sort((a, b) => a - b);
+      return sizes.length > 0 ? sizes : DEFAULT_PAGE_SIZES;
+    } catch {
+      return DEFAULT_PAGE_SIZES;
+    }
+  }, [generalSettings]);
+
   const [pageSize, setPageSize] = usePersistedPageSize({
     storageKey: 'pagination:global:pageSize',
     defaultValue: 12,
-    allowedValues: PAGE_SIZES,
+    allowedValues: pageSizeOptions,
   });
 
   const sensors = useSensors(
@@ -1500,7 +1534,7 @@ export default function TrainingPage() {
               ],
             },
           ]}
-          afterSearchButton={
+          actions={
             <ViewModeToggle
               viewMode={viewMode}
               onViewModeChange={setViewMode}
@@ -1848,7 +1882,7 @@ export default function TrainingPage() {
               setPageSize(nextPageSize);
               setCurrentPage(1);
             }}
-            pageSizeOptions={PAGE_SIZES}
+            pageSizeOptions={pageSizeOptions}
           />
         </div>
       )}

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

@@ -448,7 +448,7 @@ const STATUS_MAP: Record<
   encerrada: { label: 'Encerrada', variant: 'outline' },
 };
 
-const PAGE_SIZES = [6, 12, 24];
+const DEFAULT_PAGE_SIZES = [6, 12, 24, 48, 96] as const;
 const API_TRAINING_CACHE_KEY = 'lms:training:api-cache';
 
 // ── Animations ────────────────────────────────────────────────────────────────
@@ -564,10 +564,44 @@ export default function TrainingPage() {
 
   // Pagination
   const [currentPage, setCurrentPage] = useState(1);
+
+  const { data: generalSettings } = useQuery<{
+    data: Array<{ slug: string; value: string }>;
+  }>({
+    queryKey: ['setting-group-general'],
+    queryFn: async () => {
+      const response = await request<{
+        data: Array<{ slug: string; value: string }>;
+      }>({
+        url: '/setting/group/general',
+        method: 'GET',
+      });
+      return response.data;
+    },
+    staleTime: 5 * 60 * 1000,
+  });
+
+  const pageSizeOptions = useMemo(() => {
+    const setting = generalSettings?.data?.find(
+      (s) => s.slug === 'pagination-page-sizes'
+    );
+    if (!setting?.value) return DEFAULT_PAGE_SIZES;
+    try {
+      const parsed = JSON.parse(setting.value) as string[];
+      const sizes = parsed
+        .map(Number)
+        .filter((n) => !isNaN(n) && n > 0)
+        .sort((a, b) => a - b);
+      return sizes.length > 0 ? sizes : DEFAULT_PAGE_SIZES;
+    } catch {
+      return DEFAULT_PAGE_SIZES;
+    }
+  }, [generalSettings]);
+
   const [pageSize, setPageSize] = usePersistedPageSize({
     storageKey: 'pagination:global:pageSize',
     defaultValue: 12,
-    allowedValues: PAGE_SIZES,
+    allowedValues: pageSizeOptions,
   });
 
   const sensors = useSensors(
@@ -1490,7 +1524,7 @@ export default function TrainingPage() {
               ],
             },
           ]}
-          afterSearchButton={
+          actions={
             <ViewModeToggle
               viewMode={viewMode}
               onViewModeChange={setViewMode}
@@ -1838,7 +1872,7 @@ export default function TrainingPage() {
               setPageSize(nextPageSize);
               setCurrentPage(1);
             }}
-            pageSizeOptions={PAGE_SIZES}
+            pageSizeOptions={pageSizeOptions}
           />
         </div>
       )}

package/hedhog/frontend/messages/en.json

@@ -555,6 +555,13 @@
           "withTranscription": "With transcription",
           "withXp": "With XP"
         },
+        "videoPipeline": {
+          "title": "Video pipeline",
+          "description": "Video lessons by stage: total → has video → processed",
+          "total": "Video lessons",
+          "withVideo": "With video",
+          "withProcessedVideo": "Video processed"
+        },
         "areas": {
           "title": "Macro areas",
           "description": "Areas mapped across lessons, ordered by XP weight"
@@ -3049,6 +3056,17 @@
         "cancel": "Cancel",
         "delete": "Remove"
       }
+    },
+    "viewMode": {
+      "list": "Show as list",
+      "cards": "Show as cards"
+    },
+    "table": {
+      "name": "Name",
+      "slug": "Slug",
+      "status": "Status",
+      "updatedAt": "Updated at",
+      "actions": "Actions"
     }
   },
   "ClassesPage": {

package/hedhog/frontend/messages/pt.json

@@ -564,6 +564,13 @@
           "withTranscription": "Com transcrição",
           "withXp": "Com XP"
         },
+        "videoPipeline": {
+          "title": "Pipeline de vídeo",
+          "description": "Aulas de vídeo por estágio: total → com vídeo → processado",
+          "total": "Aulas de vídeo",
+          "withVideo": "Com vídeo",
+          "withProcessedVideo": "Vídeo processado"
+        },
         "areas": {
           "title": "Áreas macro",
           "description": "Áreas mapeadas nas aulas, ordenadas por peso de XP"
@@ -3071,6 +3078,17 @@
         "cancel": "Cancelar",
         "delete": "Remover"
       }
+    },
+    "viewMode": {
+      "list": "Visualizar em lista",
+      "cards": "Visualizar em cards"
+    },
+    "table": {
+      "name": "Nome",
+      "slug": "Slug",
+      "status": "Status",
+      "updatedAt": "Atualizado em",
+      "actions": "Ações"
     }
   },
   "ClassesPage": {
@@ -3152,7 +3170,8 @@
     },
     "viewMode": {
       "list": "Visualizar em lista",
-      "cards": "Visualizar em cards"
+      "cards": "Visualizar em cards",
+      "calendar": "Visualizar em calendário"
     },
     "pagination": {
       "class": "turma",
@@ -4569,6 +4588,7 @@
       "users": "Usuários",
       "courses": "Cursos",
       "classes": "Turmas",
+      "classesCalendar": "Calendário de Turmas",
       "billing": "Faturamento",
       "students": "Alunos",
       "administrators": "Administradores",

package/hedhog/table/course_enrollment.yaml

@@ -34,6 +34,9 @@ columns:
   - name: final_score
     type: int
     isNullable: true
+  - name: certificate_issued_at
+    type: datetime
+    isNullable: true
   - type: created_at
   - type: updated_at