@hed-hog/finance 0.0.300 → 0.0.302

package/hedhog/frontend/app/administration/audit-logs/page.tsx.ejs

@@ -3,13 +3,6 @@
 import { Page, PageHeader, PaginationFooter } from '@/components/entity-list';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@/components/ui/card';
 import { Input } from '@/components/ui/input';
 import {
   Select,
@@ -129,181 +122,172 @@ export default function AuditLogsPage() {
         ]}
       />
 
-      <Card>
-        <CardHeader>
-          <CardTitle>{t('card.title')}</CardTitle>
-          <CardDescription>{t('card.description')}</CardDescription>
-        </CardHeader>
-
-        <CardContent className="space-y-4">
-          <div className="grid gap-3 md:grid-cols-2 lg:grid-cols-4">
-            <div className="relative lg:col-span-2">
-              <Search className="pointer-events-none absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" />
-              <Input
-                placeholder={t('filters.searchPlaceholder')}
-                value={search}
-                onChange={(event) => {
-                  setSearch(event.target.value);
-                  setPage(1);
-                }}
-                className="pl-8"
-              />
-            </div>
+      <div className="grid gap-3 md:grid-cols-2 lg:grid-cols-4">
+        <div className="relative lg:col-span-2">
+          <Search className="pointer-events-none absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" />
+          <Input
+            placeholder={t('filters.searchPlaceholder')}
+            value={search}
+            onChange={(event) => {
+              setSearch(event.target.value);
+              setPage(1);
+            }}
+            className="pl-8"
+          />
+        </div>
 
-            <Select
-              value={action}
-              onValueChange={(value) => {
-                setAction(value);
-                setPage(1);
-              }}
-            >
-              <SelectTrigger>
-                <SelectValue placeholder={t('filters.action')} />
-              </SelectTrigger>
-              <SelectContent>
-                <SelectItem value="all">{t('filters.allActions')}</SelectItem>
-                <SelectItem value="create">create</SelectItem>
-                <SelectItem value="update">update</SelectItem>
-                <SelectItem value="delete">delete</SelectItem>
-              </SelectContent>
-            </Select>
+        <Select
+          value={action}
+          onValueChange={(value) => {
+            setAction(value);
+            setPage(1);
+          }}
+        >
+          <SelectTrigger className="w-full">
+            <SelectValue placeholder={t('filters.action')} />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="all">{t('filters.allActions')}</SelectItem>
+            <SelectItem value="create">create</SelectItem>
+            <SelectItem value="update">update</SelectItem>
+            <SelectItem value="delete">delete</SelectItem>
+          </SelectContent>
+        </Select>
 
-            <Input
-              placeholder={t('filters.userPlaceholder')}
-              value={actorUserId}
-              onChange={(event) => {
-                setActorUserId(event.target.value);
-                setPage(1);
-              }}
-            />
+        <Input
+          placeholder={t('filters.userPlaceholder')}
+          value={actorUserId}
+          onChange={(event) => {
+            setActorUserId(event.target.value);
+            setPage(1);
+          }}
+        />
 
-            <Select
-              value={entityTable}
-              onValueChange={(value) => {
-                setEntityTable(value);
-                setPage(1);
-              }}
-            >
-              <SelectTrigger>
-                <SelectValue placeholder={t('filters.entity')} />
-              </SelectTrigger>
-              <SelectContent>
-                {entityOptions.map((option) => (
-                  <SelectItem key={option} value={option}>
-                    {option === 'all' ? t('filters.allEntities') : option}
-                  </SelectItem>
-                ))}
-              </SelectContent>
-            </Select>
+        <Select
+          value={entityTable}
+          onValueChange={(value) => {
+            setEntityTable(value);
+            setPage(1);
+          }}
+        >
+          <SelectTrigger className="w-full">
+            <SelectValue placeholder={t('filters.entity')} />
+          </SelectTrigger>
+          <SelectContent>
+            {entityOptions.map((option) => (
+              <SelectItem key={option} value={option}>
+                {option === 'all' ? t('filters.allEntities') : option}
+              </SelectItem>
+            ))}
+          </SelectContent>
+        </Select>
 
-            <Input
-              type="date"
-              value={from}
-              onChange={(event) => {
-                setFrom(event.target.value);
-                setPage(1);
-              }}
-            />
+        <Input
+          type="date"
+          value={from}
+          onChange={(event) => {
+            setFrom(event.target.value);
+            setPage(1);
+          }}
+        />
 
-            <Input
-              type="date"
-              value={to}
-              onChange={(event) => {
-                setTo(event.target.value);
-                setPage(1);
-              }}
-            />
+        <Input
+          type="date"
+          value={to}
+          onChange={(event) => {
+            setTo(event.target.value);
+            setPage(1);
+          }}
+        />
 
-            <Button
-              variant="outline"
-              className="gap-2"
-              onClick={() => {
-                setSearch('');
-                setAction('all');
-                setEntityTable('all');
-                setActorUserId('');
-                setFrom('');
-                setTo('');
-                setPage(1);
-                refetch();
-              }}
-            >
-              <X className="h-4 w-4" />
-              {t('filters.clear')}
-            </Button>
-          </div>
+        <Button
+          variant="outline"
+          className="gap-2"
+          onClick={() => {
+            setSearch('');
+            setAction('all');
+            setEntityTable('all');
+            setActorUserId('');
+            setFrom('');
+            setTo('');
+            setPage(1);
+            refetch();
+          }}
+        >
+          <X className="h-4 w-4" />
+          {t('filters.clear')}
+        </Button>
+      </div>
 
-          <div className="rounded-md border">
-            <Table>
-              <TableHeader>
-                <TableRow>
-                  <TableHead>{t('table.headers.date')}</TableHead>
-                  <TableHead>{t('table.headers.author')}</TableHead>
-                  <TableHead>{t('table.headers.action')}</TableHead>
-                  <TableHead>{t('table.headers.entity')}</TableHead>
-                  <TableHead>{t('table.headers.record')}</TableHead>
-                  <TableHead>{t('table.headers.summary')}</TableHead>
-                  <TableHead>IP</TableHead>
+      <div className="rounded-md border">
+        <Table>
+          <TableHeader>
+            <TableRow>
+              <TableHead>{t('table.headers.date')}</TableHead>
+              <TableHead>{t('table.headers.author')}</TableHead>
+              <TableHead>{t('table.headers.action')}</TableHead>
+              <TableHead>{t('table.headers.entity')}</TableHead>
+              <TableHead>{t('table.headers.record')}</TableHead>
+              <TableHead>{t('table.headers.summary')}</TableHead>
+              <TableHead>IP</TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            {isLoading ? (
+              <TableRow>
+                <TableCell colSpan={7} className="h-24 text-center">
+                  {t('table.loading')}
+                </TableCell>
+              </TableRow>
+            ) : rows.length === 0 ? (
+              <TableRow>
+                <TableCell colSpan={7} className="h-24 text-center">
+                  {t('table.empty')}
+                </TableCell>
+              </TableRow>
+            ) : (
+              rows.map((row) => (
+                <TableRow key={row.id}>
+                  <TableCell>
+                    {row.createdAt
+                      ? new Date(row.createdAt).toLocaleString('pt-BR')
+                      : '-'}
+                  </TableCell>
+                  <TableCell>
+                    <div className="flex flex-col">
+                      <span>{row.actorName || '-'}</span>
+                      <span className="text-xs text-muted-foreground">
+                        {row.actorEmail || row.actorUserId || '-'}
+                      </span>
+                    </div>
+                  </TableCell>
+                  <TableCell>
+                    <Badge variant="outline">{row.action}</Badge>
+                  </TableCell>
+                  <TableCell>{row.entityTable}</TableCell>
+                  <TableCell>{row.entityId}</TableCell>
+                  <TableCell className="max-w-[360px] truncate">
+                    {row.summary || '-'}
+                  </TableCell>
+                  <TableCell>{row.ipAddress || '-'}</TableCell>
                 </TableRow>
-              </TableHeader>
-              <TableBody>
-                {isLoading ? (
-                  <TableRow>
-                    <TableCell colSpan={7} className="h-24 text-center">
-                      {t('table.loading')}
-                    </TableCell>
-                  </TableRow>
-                ) : rows.length === 0 ? (
-                  <TableRow>
-                    <TableCell colSpan={7} className="h-24 text-center">
-                      {t('table.empty')}
-                    </TableCell>
-                  </TableRow>
-                ) : (
-                  rows.map((row) => (
-                    <TableRow key={row.id}>
-                      <TableCell>
-                        {row.createdAt
-                          ? new Date(row.createdAt).toLocaleString('pt-BR')
-                          : '-'}
-                      </TableCell>
-                      <TableCell>
-                        <div className="flex flex-col">
-                          <span>{row.actorName || '-'}</span>
-                          <span className="text-xs text-muted-foreground">
-                            {row.actorEmail || row.actorUserId || '-'}
-                          </span>
-                        </div>
-                      </TableCell>
-                      <TableCell>
-                        <Badge variant="outline">{row.action}</Badge>
-                      </TableCell>
-                      <TableCell>{row.entityTable}</TableCell>
-                      <TableCell>{row.entityId}</TableCell>
-                      <TableCell className="max-w-[360px] truncate">
-                        {row.summary || '-'}
-                      </TableCell>
-                      <TableCell>{row.ipAddress || '-'}</TableCell>
-                    </TableRow>
-                  ))
-                )}
-              </TableBody>
-            </Table>
-          </div>
+              ))
+            )}
+          </TableBody>
+        </Table>
+      </div>
 
-          <PaginationFooter
-            currentPage={data?.page || page}
-            pageSize={data?.pageSize || pageSize}
-            totalItems={data?.total || 0}
-            onPageChange={(newPage) => setPage(newPage)}
-            onPageSizeChange={(newPageSize) => {
-              setPageSize(newPageSize);
-              setPage(1);
-            }}
-            pageSizeOptions={[10, 20, 30, 40, 50]}
-          />
-        </CardContent>
-      </Card>
+      <PaginationFooter
+        currentPage={data?.page || page}
+        pageSize={data?.pageSize || pageSize}
+        totalItems={data?.total || 0}
+        onPageChange={(newPage) => setPage(newPage)}
+        onPageSizeChange={(newPageSize) => {
+          setPageSize(newPageSize);
+          setPage(1);
+        }}
+        pageSizeOptions={[10, 20, 30, 40, 50]}
+      />
     </Page>
   );
 }

package/hedhog/frontend/app/administration/categories/page.tsx.ejs

@@ -13,13 +13,6 @@ import {
 } from '@/components/ui/alert-dialog';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@/components/ui/card';
 import {
   Form,
   FormControl,
@@ -62,7 +55,6 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import {
   ChevronDown,
   ChevronRight,
-  FolderTree,
   GripVertical,
   Pencil,
   Plus,
@@ -620,17 +612,7 @@ export default function CategoriesPage() {
           },
           { label: t('breadcrumbs.current') },
         ]}
-      />
-
-      <Card>
-        <CardHeader className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
-          <div>
-            <CardTitle className="flex items-center gap-2">
-              <FolderTree className="h-5 w-5" />
-              {t('card.title')}
-            </CardTitle>
-            <CardDescription>{t('card.description')}</CardDescription>
-          </div>
+        actions={
           <Button
             className="gap-2"
             onClick={() => {
@@ -641,51 +623,51 @@ export default function CategoriesPage() {
             <Plus className="h-4 w-4" />
             {t('actions.newCategory')}
           </Button>
-        </CardHeader>
+        }
+      />
 
-        <CardContent>
-          {flat.length === 0 ? (
-            <div className="rounded-md border border-dashed p-8 text-center text-sm text-muted-foreground">
-              {t('table.empty')}
-            </div>
-          ) : (
-            <DndContext
-              sensors={sensors}
-              collisionDetection={closestCenter}
-              onDragOver={handleDragOver}
-              onDragEnd={handleDragEnd}
-              onDragCancel={() => setDragOverHint(null)}
+      <div className="space-y-4">
+        {flat.length === 0 ? (
+          <div className="rounded-md border border-dashed p-8 text-center text-sm text-muted-foreground">
+            {t('table.empty')}
+          </div>
+        ) : (
+          <DndContext
+            sensors={sensors}
+            collisionDetection={closestCenter}
+            onDragOver={handleDragOver}
+            onDragEnd={handleDragEnd}
+            onDragCancel={() => setDragOverHint(null)}
+          >
+            <SortableContext
+              items={flat.map((item) => item.id)}
+              strategy={verticalListSortingStrategy}
             >
-              <SortableContext
-                items={flat.map((item) => item.id)}
-                strategy={verticalListSortingStrategy}
-              >
-                <div className="space-y-2">
-                  {flat.map((item) => (
-                    <CategoryRow
-                      key={item.id}
-                      item={item}
-                      expanded={expanded}
-                      setExpanded={setExpanded}
-                      dropHint={
-                        dragOverHint?.overId === item.id
-                          ? dragOverHint.mode
-                          : undefined
-                      }
-                      onEdit={(category) => {
-                        setEditing(category);
-                        setSheetOpen(true);
-                      }}
-                      onDelete={(id) => setDeleteId(id)}
-                      t={t}
-                    />
-                  ))}
-                </div>
-              </SortableContext>
-            </DndContext>
-          )}
-        </CardContent>
-      </Card>
+              <div className="space-y-2">
+                {flat.map((item) => (
+                  <CategoryRow
+                    key={item.id}
+                    item={item}
+                    expanded={expanded}
+                    setExpanded={setExpanded}
+                    dropHint={
+                      dragOverHint?.overId === item.id
+                        ? dragOverHint.mode
+                        : undefined
+                    }
+                    onEdit={(category) => {
+                      setEditing(category);
+                      setSheetOpen(true);
+                    }}
+                    onDelete={(id) => setDeleteId(id)}
+                    t={t}
+                  />
+                ))}
+              </div>
+            </SortableContext>
+          </DndContext>
+        )}
+      </div>
 
       <CategoriaSheet
         open={sheetOpen}

package/hedhog/frontend/app/administration/cost-centers/page.tsx.ejs

@@ -13,13 +13,6 @@ import {
 } from '@/components/ui/alert-dialog';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@/components/ui/card';
 import {
   Form,
   FormControl,
@@ -261,84 +254,73 @@ export default function CostCentersPage() {
           },
           { label: t('breadcrumbs.current') },
         ]}
+        actions={
+          <Button
+            onClick={() => {
+              setEditingCostCenter(null);
+              setSheetOpen(true);
+            }}
+            className="gap-2"
+          >
+            <Plus className="h-4 w-4" />
+            {t('actions.newCostCenter')}
+          </Button>
+        }
       />
 
-      <div className="grid gap-4">
-        <Card>
-          <CardHeader className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
-            <div>
-              <CardTitle>{t('card.title')}</CardTitle>
-              <CardDescription>{t('card.description')}</CardDescription>
-            </div>
-            <Button
-              onClick={() => {
-                setEditingCostCenter(null);
-                setSheetOpen(true);
-              }}
-              className="gap-2"
-            >
-              <Plus className="h-4 w-4" />
-              {t('actions.newCostCenter')}
-            </Button>
-          </CardHeader>
+      <div className="space-y-4">
+        {centers.length === 0 ? (
+          <div className="rounded-md border border-dashed p-8 text-center text-sm text-muted-foreground">
+            {t('table.empty')}
+          </div>
+        ) : (
+          <div className="grid gap-3">
+            {centers.map((costCenter) => (
+              <div
+                key={costCenter.id}
+                className="flex flex-col gap-3 rounded-md border p-4 sm:flex-row sm:items-center sm:justify-between"
+              >
+                <div className="flex items-start gap-3">
+                  <div className="rounded-md bg-muted p-2">
+                    <Building2 className="h-4 w-4" />
+                  </div>
+                  <div>
+                    <p className="text-sm font-medium">{costCenter.nome}</p>
+                    <p className="text-xs text-muted-foreground">
+                      {t('table.code', { code: costCenter.codigo })}
+                    </p>
+                  </div>
+                </div>
 
-          <CardContent>
-            {centers.length === 0 ? (
-              <div className="rounded-md border border-dashed p-8 text-center text-sm text-muted-foreground">
-                {t('table.empty')}
-              </div>
-            ) : (
-              <div className="grid gap-3">
-                {centers.map((costCenter) => (
-                  <div
-                    key={costCenter.id}
-                    className="flex flex-col gap-3 rounded-md border p-4 sm:flex-row sm:items-center sm:justify-between"
+                <div className="flex items-center gap-2">
+                  <Badge variant={costCenter.ativo ? 'default' : 'secondary'}>
+                    {costCenter.ativo
+                      ? t('table.status.active')
+                      : t('table.status.inactive')}
+                  </Badge>
+                  <Button
+                    variant="outline"
+                    size="icon"
+                    onClick={() => {
+                      setEditingCostCenter(costCenter);
+                      setSheetOpen(true);
+                    }}
                   >
-                    <div className="flex items-start gap-3">
-                      <div className="rounded-md bg-muted p-2">
-                        <Building2 className="h-4 w-4" />
-                      </div>
-                      <div>
-                        <p className="text-sm font-medium">{costCenter.nome}</p>
-                        <p className="text-xs text-muted-foreground">
-                          {t('table.code', { code: costCenter.codigo })}
-                        </p>
-                      </div>
-                    </div>
-
-                    <div className="flex items-center gap-2">
-                      <Badge
-                        variant={costCenter.ativo ? 'default' : 'secondary'}
-                      >
-                        {costCenter.ativo
-                          ? t('table.status.active')
-                          : t('table.status.inactive')}
-                      </Badge>
-                      <Button
-                        variant="outline"
-                        size="icon"
-                        onClick={() => {
-                          setEditingCostCenter(costCenter);
-                          setSheetOpen(true);
-                        }}
-                      >
-                        <Pencil className="h-4 w-4" />
-                      </Button>
-                      <Button
-                        variant="outline"
-                        size="icon"
-                        onClick={() => setCostCenterIdToDelete(costCenter.id)}
-                        disabled={!costCenter.ativo}
-                      >
-                        <Trash2 className="h-4 w-4" />
-                      </Button>
-                    </div>
-                  </div>
-                ))}
+                    <Pencil className="h-4 w-4" />
+                  </Button>
+                  <Button
+                    variant="outline"
+                    size="icon"
+                    onClick={() => setCostCenterIdToDelete(costCenter.id)}
+                    disabled={!costCenter.ativo}
+                  >
+                    <Trash2 className="h-4 w-4" />
+                  </Button>
+                </div>
               </div>
-            )}
-          </CardContent>
-        </Card>
+            ))}
+          </div>
+        )}
       </div>
 
       <CentroCustoSheet