@hed-hog/lms 0.0.330 → 0.0.331

package/hedhog/frontend/app/courses/[id]/structure/_components/shortcuts-help.tsx.ejs

@@ -18,36 +18,7 @@ import { Separator } from '@/components/ui/separator';
 const SHORTCUT_GROUPS: {
   heading: string;
   items: { keys: string[]; description: string }[];
-}[] = [
-  {
-    heading: 'Navegação',
-    items: [
-      { keys: ['↑', '↓'], description: 'Navegar entre itens' },
-      { keys: ['→'], description: 'Expandir sessão selecionada' },
-      { keys: ['←'], description: 'Recolher sessão / ir para pai' },
-      { keys: ['Enter'], description: 'Focar primeiro campo do editor' },
-    ],
-  },
-  {
-    heading: 'Ações',
-    items: [
-      { keys: ['Ctrl', 'S'], description: 'Salvar formulário do painel' },
-      { keys: ['Ctrl', 'N'], description: 'Criar nova sessão ou aula' },
-      { keys: ['Ctrl', 'C'], description: 'Copiar item selecionado' },
-      { keys: ['Ctrl', 'V'], description: 'Colar no contexto atual' },
-      { keys: ['Ctrl', 'D'], description: 'Duplicar item' },
-      { keys: ['Delete'], description: 'Excluir item(ns) selecionado(s)' },
-    ],
-  },
-  {
-    heading: 'Busca & Interface',
-    items: [
-      { keys: ['Ctrl', 'F'], description: 'Focar campo de busca' },
-      { keys: ['Ctrl', '/'], description: 'Abrir ajuda de atalhos' },
-      { keys: ['Esc'], description: 'Limpar busca / seleção / foco' },
-    ],
-  },
-];
+}[] = [];
 
 // ── Component ─────────────────────────────────────────────────────────────────
 
@@ -58,6 +29,75 @@ interface ShortcutsHelpProps {
 
 export function ShortcutsHelp({ open, onOpenChange }: ShortcutsHelpProps) {
   const t = useTranslations('lms.CoursesPage.StructurePage.shortcuts');
+  const shortcutGroups = [
+    {
+      heading: t('groups.navigation.heading'),
+      items: [
+        {
+          keys: ['↑', '↓'],
+          description: t('groups.navigation.items.navigate'),
+        },
+        {
+          keys: ['→'],
+          description: t('groups.navigation.items.expand'),
+        },
+        {
+          keys: ['←'],
+          description: t('groups.navigation.items.collapse'),
+        },
+        {
+          keys: ['Enter'],
+          description: t('groups.navigation.items.focusEditor'),
+        },
+      ],
+    },
+    {
+      heading: t('groups.actions.heading'),
+      items: [
+        {
+          keys: ['Ctrl', 'S'],
+          description: t('groups.actions.items.savePanel'),
+        },
+        {
+          keys: ['Ctrl', 'N'],
+          description: t('groups.actions.items.createItem'),
+        },
+        {
+          keys: ['Ctrl', 'C'],
+          description: t('groups.actions.items.copyItem'),
+        },
+        {
+          keys: ['Ctrl', 'V'],
+          description: t('groups.actions.items.pasteItem'),
+        },
+        {
+          keys: ['Ctrl', 'D'],
+          description: t('groups.actions.items.duplicateItem'),
+        },
+        {
+          keys: ['Delete'],
+          description: t('groups.actions.items.deleteItems'),
+        },
+      ],
+    },
+    {
+      heading: t('groups.search.heading'),
+      items: [
+        {
+          keys: ['Ctrl', 'F'],
+          description: t('groups.search.items.focusSearch'),
+        },
+        {
+          keys: ['Ctrl', '/'],
+          description: t('groups.search.items.openHelp'),
+        },
+        {
+          keys: ['Esc'],
+          description: t('groups.search.items.clearState'),
+        },
+      ],
+    },
+  ];
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="max-w-sm">
@@ -69,7 +109,7 @@ export function ShortcutsHelp({ open, onOpenChange }: ShortcutsHelpProps) {
         </DialogHeader>
 
         <div className="flex flex-col gap-4 mt-1">
-          {SHORTCUT_GROUPS.map((group, gi) => (
+          {shortcutGroups.map((group, gi) => (
             <div key={gi}>
               <p className="text-[0.65rem] font-semibold uppercase tracking-wider text-muted-foreground mb-2">
                 {group.heading}

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

@@ -20,6 +20,7 @@ import {
   UserCheck,
   Users,
 } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { notFound, useParams, useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { AdministratorsTab } from '../_components/enterprise-administrators-tab';
@@ -44,13 +45,6 @@ const STATUS_VARIANT: Record<
   suspended: 'destructive',
 };
 
-const STATUS_LABEL: Record<EnterpriseStatus, string> = {
-  active: 'Active',
-  trial: 'Trial',
-  inactive: 'Inactive',
-  suspended: 'Suspended',
-};
-
 // ── CRM Tab ───────────────────────────────────────────────────────────────────
 
 function CrmTab({
@@ -62,6 +56,7 @@ function CrmTab({
   crmAccountName: string | null;
   onLinkCrm?: () => void;
 }) {
+  const t = useTranslations('lms.EnterpriseDetailPage');
   const router = useRouter();
   if (!crmAccountId || !crmAccountName) {
     return (
@@ -70,11 +65,10 @@ function CrmTab({
           <Link2 className="h-12 w-12" />
         </div>
         <p className="text-sm font-medium text-muted-foreground">
-          No CRM account linked
+          {t('crm.noLinked')}
         </p>
         <p className="mt-1 max-w-xs text-xs text-muted-foreground/60">
-          This enterprise account is not yet associated with a CRM commercial
-          account. Link one to keep both records in sync.
+          {t('crm.noLinkedDesc')}
         </p>
         <Button
           variant="outline"
@@ -83,7 +77,7 @@ function CrmTab({
           onClick={onLinkCrm}
         >
           <Link2 className="mr-2 h-4 w-4" />
-          Link CRM account
+          {t('crm.linkButton')}
         </Button>
       </div>
     );
@@ -100,7 +94,7 @@ function CrmTab({
             <div>
               <p className="text-base font-semibold">{crmAccountName}</p>
               <p className="text-xs text-muted-foreground">
-                CRM Account #{crmAccountId}
+                {t('crm.accountRef', { id: crmAccountId })}
               </p>
             </div>
           </div>
@@ -111,7 +105,7 @@ function CrmTab({
             className="shrink-0"
           >
             <ExternalLink className="mr-2 h-4 w-4" />
-            Open in CRM
+            {t('crm.openButton')}
           </Button>
         </div>
 
@@ -120,22 +114,20 @@ function CrmTab({
         <dl className="grid grid-cols-1 gap-4 sm:grid-cols-2">
           <div>
             <dt className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
-              Account name
+              {t('crm.accountNameLabel')}
             </dt>
             <dd className="mt-1 text-sm">{crmAccountName}</dd>
           </div>
           <div>
             <dt className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
-              CRM ID
+              {t('crm.crmIdLabel')}
             </dt>
             <dd className="mt-1 font-mono text-sm">#{crmAccountId}</dd>
           </div>
         </dl>
 
         <p className="mt-5 text-xs text-muted-foreground/60">
-          Data is read from the CRM. Use{' '}
-          <span className="font-medium">Open in CRM</span> to manage the
-          commercial account directly.
+          {t('crm.readNote')}
         </p>
       </CardContent>
     </Card>
@@ -145,35 +137,36 @@ function CrmTab({
 // ── Overview Tab ──────────────────────────────────────────────────────────────
 
 function OverviewTab({ account }: { account: EnterpriseAccount }) {
+  const t = useTranslations('lms.EnterpriseDetailPage');
   const { currentLocaleCode, getSettingValue } = useApp();
 
   const kpiItems: KpiCardItem[] = [
     {
       key: 'users',
-      title: 'Users',
+      title: t('kpis.users.label'),
       value: account.usersCount,
-      description: 'Total linked users',
+      description: t('kpis.users.description'),
       icon: Users,
     },
     {
       key: 'students',
-      title: 'Students',
+      title: t('kpis.students.label'),
       value: account.studentsCount,
-      description: 'Active learners',
+      description: t('kpis.students.description'),
       icon: UserCheck,
     },
     {
       key: 'classes',
-      title: 'Classes',
+      title: t('kpis.contractedClasses.label'),
       value: account.classesCount,
-      description: 'Contracted classes',
+      description: t('kpis.contractedClasses.description'),
       icon: CalendarDays,
     },
     {
       key: 'courses',
-      title: 'Courses',
+      title: t('kpis.courses.label'),
       value: account.coursesCount,
-      description: 'Available courses',
+      description: t('kpis.courses.description'),
       icon: BookOpen,
     },
   ];
@@ -183,19 +176,19 @@ function OverviewTab({ account }: { account: EnterpriseAccount }) {
       <KpiCardsGrid items={kpiItems} />
       <div className="flex flex-wrap items-center gap-x-6 gap-y-1 border-t pt-3 text-xs text-muted-foreground">
         <span>
-          Slug:{' '}
+          {t('overview.slug')}{' '}
           <span className="font-mono text-foreground/70">{account.slug}</span>
         </span>
         <span>
-          Created:{' '}
+          {t('overview.created')}{' '}
           {formatDate(account.createdAt, getSettingValue, currentLocaleCode)}
         </span>
         <span>
-          Updated:{' '}
+          {t('overview.updated')}{' '}
           {formatDate(account.updatedAt, getSettingValue, currentLocaleCode)}
         </span>
         {account.portalEnabled && (
-          <span className="text-primary/70">Portal enabled</span>
+          <span className="text-primary/70">{t('overview.portalEnabled')}</span>
         )}
       </div>
     </div>
@@ -207,6 +200,7 @@ function OverviewTab({ account }: { account: EnterpriseAccount }) {
 export default function EnterpriseDetailPage() {
   const { id } = useParams<{ id: string }>();
   const { request } = useApp();
+  const t = useTranslations('lms.EnterpriseDetailPage');
   const [isSheetOpen, setIsSheetOpen] = useState(false);
 
   const {
@@ -233,9 +227,9 @@ export default function EnterpriseDetailPage() {
     <Page>
       <PageHeader
         breadcrumbs={[
-          { label: 'Home', href: '/' },
-          { label: 'LMS', href: '/lms' },
-          { label: 'Enterprise', href: '/lms/enterprise' },
+          { label: t('breadcrumbs.home'), href: '/' },
+          { label: t('breadcrumbs.lms'), href: '/lms' },
+          { label: t('breadcrumbs.enterprise'), href: '/lms/enterprise' },
           {
             label: isLoading ? '…' : (account?.name ?? ''),
           },
@@ -243,7 +237,7 @@ export default function EnterpriseDetailPage() {
         extraContent={
           account ? (
             <Badge variant={STATUS_VARIANT[account.status]}>
-              {STATUS_LABEL[account.status]}
+              {t(`status.${account.status}`)}
             </Badge>
           ) : (
             <Skeleton className="h-5 w-16 rounded-full" />
@@ -251,7 +245,7 @@ export default function EnterpriseDetailPage() {
         }
         actions={[
           {
-            label: 'Edit',
+            label: t('actions.edit'),
             onClick: () => setIsSheetOpen(true),
             icon: <Pencil className="h-4 w-4" />,
             variant: 'outline',
@@ -268,12 +262,14 @@ export default function EnterpriseDetailPage() {
       ) : (
         <Tabs defaultValue="overview">
           <TabsList>
-            <TabsTrigger value="overview">Overview</TabsTrigger>
-            <TabsTrigger value="crm">CRM</TabsTrigger>
-            <TabsTrigger value="classes">Classes</TabsTrigger>
-            <TabsTrigger value="courses">Courses</TabsTrigger>
-            <TabsTrigger value="students">Students</TabsTrigger>
-            <TabsTrigger value="administrators">Administrators</TabsTrigger>
+            <TabsTrigger value="overview">{t('tabs.overview')}</TabsTrigger>
+            <TabsTrigger value="crm">{t('tabs.crm')}</TabsTrigger>
+            <TabsTrigger value="classes">{t('tabs.classes')}</TabsTrigger>
+            <TabsTrigger value="courses">{t('tabs.courses')}</TabsTrigger>
+            <TabsTrigger value="students">{t('tabs.students')}</TabsTrigger>
+            <TabsTrigger value="administrators">
+              {t('tabs.administrators')}
+            </TabsTrigger>
           </TabsList>
 
           <TabsContent value="overview" className="mt-6">

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

@@ -106,7 +106,7 @@ export function EvaluationTopicFormSheet({
 
   return (
     <Sheet open={open} onOpenChange={onOpenChange}>
-      <SheetContent side="right" className="w-full overflow-y-auto sm:max-w-md">
+      <SheetContent side="right" className="w-full overflow-y-auto sm:max-w-md">
         <SheetHeader>
           <SheetTitle>
             {editingItem ? t('form.editTitle') : t('form.createTitle')}

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

@@ -1179,7 +1179,9 @@ export default function ExamesPage() {
             </Field>
             <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
               <Field>
-                <FieldLabel htmlFor="primaryColor">Cor Primaria</FieldLabel>
+                <FieldLabel htmlFor="primaryColor">
+                  {t('form.fields.primaryColor.label')}
+                </FieldLabel>
                 <Controller
                   name="primaryColor"
                   control={form.control}
@@ -1206,7 +1208,9 @@ export default function ExamesPage() {
               </Field>
 
               <Field>
-                <FieldLabel htmlFor="secondaryColor">Cor Secundaria</FieldLabel>
+                <FieldLabel htmlFor="secondaryColor">
+                  {t('form.fields.secondaryColor.label')}
+                </FieldLabel>
                 <Controller
                   name="secondaryColor"
                   control={form.control}