@hed-hog/finance 0.0.233 → 0.0.236

package/hedhog/frontend/app/accounts-receivable/installments/page.tsx.ejs

@@ -54,6 +54,7 @@ import {
   Download,
   Edit,
   Eye,
+  Loader2,
   MoreHorizontal,
   Paperclip,
   Plus,
@@ -100,6 +101,10 @@ function NovoTituloSheet({
   const [uploadedFileName, setUploadedFileName] = useState('');
   const [isUploadingFile, setIsUploadingFile] = useState(false);
   const [isExtractingFileData, setIsExtractingFileData] = useState(false);
+  const [extractionConfidence, setExtractionConfidence] = useState<
+    number | null
+  >(null);
+  const [extractionWarnings, setExtractionWarnings] = useState<string[]>([]);
   const [uploadProgress, setUploadProgress] = useState(0);
 
   const normalizeFilenameForDisplay = (filename: string) => {
@@ -164,6 +169,8 @@ function NovoTituloSheet({
       form.reset();
       setUploadedFileId(null);
       setUploadedFileName('');
+      setExtractionConfidence(null);
+      setExtractionWarnings([]);
       setOpen(false);
       showToastHandler?.('success', 'Título criado com sucesso');
     } catch {
@@ -175,6 +182,8 @@ function NovoTituloSheet({
     form.reset();
     setUploadedFileId(null);
     setUploadedFileName('');
+    setExtractionConfidence(null);
+    setExtractionWarnings([]);
     setUploadProgress(0);
     setOpen(false);
   };
@@ -228,6 +237,9 @@ function NovoTituloSheet({
           centroCustoId?: string;
           canal?: string;
           descricao?: string | null;
+          confidence?: number | null;
+          confidenceLevel?: 'low' | 'high' | null;
+          warnings?: string[];
         }>({
           url: '/finance/accounts-receivable/installments/extract-from-file',
           method: 'POST',
@@ -237,6 +249,14 @@ function NovoTituloSheet({
         });
 
         const extracted = extraction.data || {};
+        setExtractionConfidence(
+          typeof extracted.confidence === 'number' ? extracted.confidence : null
+        );
+        setExtractionWarnings(
+          Array.isArray(extracted.warnings)
+            ? extracted.warnings.filter(Boolean)
+            : []
+        );
 
         if (extracted.documento) {
           form.setValue('documento', extracted.documento, {
@@ -297,6 +317,8 @@ function NovoTituloSheet({
           'Dados da fatura extraídos e preenchidos automaticamente'
         );
       } catch {
+        setExtractionConfidence(null);
+        setExtractionWarnings([]);
         showToastHandler?.(
           'error',
           'Não foi possível extrair os dados automaticamente'
@@ -307,6 +329,8 @@ function NovoTituloSheet({
     } catch {
       setUploadedFileId(null);
       setUploadedFileName('');
+      setExtractionConfidence(null);
+      setExtractionWarnings([]);
       setUploadProgress(0);
       showToastHandler?.('error', 'Não foi possível enviar o arquivo');
     } finally {
@@ -344,10 +368,16 @@ function NovoTituloSheet({
 
                       setUploadedFileId(null);
                       setUploadedFileName('');
+                      setExtractionConfidence(null);
+                      setExtractionWarnings([]);
                       setUploadProgress(0);
                       void uploadRelatedFile(file);
                     }}
-                    disabled={isUploadingFile || form.formState.isSubmitting}
+                    disabled={
+                      isUploadingFile ||
+                      isExtractingFileData ||
+                      form.formState.isSubmitting
+                    }
                   />
                 </div>
                 {isUploadingFile && (
@@ -364,10 +394,36 @@ function NovoTituloSheet({
                   </p>
                 )}
                 {isExtractingFileData && (
-                  <p className="text-xs text-muted-foreground">
-                    Extraindo dados da fatura com IA...
-                  </p>
+                  <div className="rounded-md border border-primary/30 bg-primary/5 p-3">
+                    <div className="flex items-center gap-2 text-sm font-medium text-primary">
+                      <Loader2 className="h-4 w-4 animate-spin" />
+                      Analisando documento com IA
+                    </div>
+                    <p className="mt-1 text-xs text-muted-foreground">
+                      Os campos serão preenchidos automaticamente em instantes.
+                      Revise os dados antes de salvar.
+                    </p>
+                  </div>
                 )}
+                {!isExtractingFileData &&
+                  extractionConfidence !== null &&
+                  extractionConfidence < 70 && (
+                    <div className="rounded-md border border-destructive/30 bg-destructive/5 p-3">
+                      <div className="text-sm font-medium text-destructive">
+                        Confiança da extração:{' '}
+                        {Math.round(extractionConfidence)}%
+                      </div>
+                      <p className="mt-1 text-xs text-muted-foreground">
+                        Revise principalmente valor e vencimento antes de
+                        salvar.
+                      </p>
+                      {extractionWarnings.length > 0 && (
+                        <p className="mt-1 text-xs text-muted-foreground">
+                          {extractionWarnings[0]}
+                        </p>
+                      )}
+                    </div>
+                  )}
               </div>
 
               <FormField
@@ -577,8 +633,22 @@ function NovoTituloSheet({
               <Button type="button" variant="outline" onClick={handleCancel}>
                 {t('common.cancel')}
               </Button>
-              <Button type="submit" disabled={form.formState.isSubmitting}>
-                {t('common.save')}
+              <Button
+                type="submit"
+                disabled={
+                  form.formState.isSubmitting ||
+                  isUploadingFile ||
+                  isExtractingFileData
+                }
+              >
+                {(isUploadingFile || isExtractingFileData) && (
+                  <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                )}
+                {isExtractingFileData
+                  ? 'Preenchendo com IA...'
+                  : isUploadingFile
+                    ? 'Enviando arquivo...'
+                    : t('common.save')}
               </Button>
             </div>
           </form>

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

@@ -0,0 +1,309 @@
+'use client';
+
+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,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select';
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table';
+import { useApp, useQuery } from '@hed-hog/next-app-provider';
+import { Search, X } from 'lucide-react';
+import { useTranslations } from 'next-intl';
+import { useMemo, useState } from 'react';
+
+type AuditLog = {
+  id: string;
+  actorUserId: string | null;
+  actorName: string;
+  actorEmail: string;
+  action: string;
+  entityTable: string;
+  entityId: string;
+  summary: string;
+  ipAddress: string;
+  createdAt: string | null;
+};
+
+type PaginatedAuditLogs = {
+  total: number;
+  lastPage: number;
+  page: number;
+  pageSize: number;
+  data: AuditLog[];
+};
+
+export default function AuditLogsPage() {
+  const t = useTranslations('finance.AdminAuditLogsPage');
+  const { request } = useApp();
+
+  const [page, setPage] = useState(1);
+  const [pageSize, setPageSize] = useState(10);
+  const [search, setSearch] = useState('');
+  const [action, setAction] = useState('all');
+  const [entityTable, setEntityTable] = useState('all');
+  const [actorUserId, setActorUserId] = useState('');
+  const [from, setFrom] = useState('');
+  const [to, setTo] = useState('');
+
+  const { data, isLoading, refetch } = useQuery<PaginatedAuditLogs>({
+    queryKey: [
+      'finance-audit-logs',
+      page,
+      pageSize,
+      search,
+      action,
+      entityTable,
+      actorUserId,
+      from,
+      to,
+    ],
+    queryFn: async () => {
+      const params = new URLSearchParams();
+      params.set('page', String(page));
+      params.set('pageSize', String(pageSize));
+      params.set('sortField', 'created_at');
+      params.set('sortOrder', 'desc');
+
+      if (search.trim()) params.set('search', search.trim());
+      if (action !== 'all') params.set('action', action);
+      if (entityTable !== 'all') params.set('entity_table', entityTable);
+      if (actorUserId.trim()) params.set('actor_user_id', actorUserId.trim());
+      if (from) params.set('from', from);
+      if (to) params.set('to', to);
+
+      const response = await request({
+        url: `/finance/audit-logs?${params.toString()}`,
+        method: 'GET',
+      });
+
+      return (response.data || {
+        total: 0,
+        lastPage: 1,
+        page: 1,
+        pageSize,
+        data: [],
+      }) as PaginatedAuditLogs;
+    },
+    placeholderData: (old) => old,
+  });
+
+  const rows = data?.data || [];
+
+  const entityOptions = useMemo(() => {
+    const unique = new Set(rows.map((row) => row.entityTable).filter(Boolean));
+    return ['all', ...Array.from(unique).sort()];
+  }, [rows]);
+
+  return (
+    <Page>
+      <PageHeader
+        title={t('header.title')}
+        description={t('header.description')}
+        breadcrumbs={[
+          { label: t('breadcrumbs.finance'), href: '/finance' },
+          {
+            label: t('breadcrumbs.administration'),
+            href: '/finance/administration',
+          },
+          { label: t('breadcrumbs.current') },
+        ]}
+      />
+
+      <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>
+
+            <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>
+
+            <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>
+
+            <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);
+              }}
+            />
+
+            <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>
+                </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>
+
+          <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>
+    </Page>
+  );
+}