From 6938bebdbbfcdf342cd148ca86726ba3fb750389 Mon Sep 17 00:00:00 2001
From: Esdras Renan <monkeyesdras@gmail.com>
Date: Thu, 13 Nov 2025 23:35:05 -0300
Subject: [PATCH] chore: refine report filters and access gating

---
 src/components/admin/reports/report-templates-manager.tsx | 4 ++--
 src/components/reports/machine-category-report.tsx        | 5 +++--
 src/components/reports/report-filter-toolbar.tsx          | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/admin/reports/report-templates-manager.tsx b/src/components/admin/reports/report-templates-manager.tsx
index 8e6ccfb..54cc21a 100644
--- a/src/components/admin/reports/report-templates-manager.tsx
+++ b/src/components/admin/reports/report-templates-manager.tsx
@@ -303,7 +303,7 @@ export function ReportTemplatesManager({ tenantId: tenantIdProp }: ReportTemplat
               onValueChange={(value) => setFilterCompanyId(value ?? "all")}
               options={companyOptions}
               placeholder="Todas as empresas"
-              className="w-full min-w-56 md:w-64"
+              className="h-9 w-full min-w-56 rounded-full border border-slate-300 bg-white px-3 text-sm font-medium text-neutral-800 md:w-64"
             />
             <Button
               size="sm"
@@ -396,7 +396,7 @@ export function ReportTemplatesManager({ tenantId: tenantIdProp }: ReportTemplat
                   onValueChange={(value) => setTargetCompanyId(value ?? "all")}
                   options={companyOptions}
                   placeholder="Todas as empresas"
-                  className="w-full"
+                  className="h-9 w-full rounded-full border border-slate-300 bg-white px-3 text-sm font-medium text-neutral-800"
                 />
                 <p className="mt-2 text-xs text-neutral-500">
                   Defina se este template será global ou específico para uma empresa.
diff --git a/src/components/reports/machine-category-report.tsx b/src/components/reports/machine-category-report.tsx
index e5d5e97..c72c973 100644
--- a/src/components/reports/machine-category-report.tsx
+++ b/src/components/reports/machine-category-report.tsx
@@ -38,7 +38,8 @@ export function MachineCategoryReport() {
   const { session, convexUserId, isStaff } = useAuth()
   const tenantId = session?.user.tenantId ?? DEFAULT_TENANT_ID
 
-  const enabled = Boolean(isStaff && convexUserId)
+  const canView = Boolean(isStaff)
+  const enabled = Boolean(canView && convexUserId)
 
   const data = useQuery(
     api.reports.ticketsByMachineAndCategory,
@@ -118,7 +119,7 @@ export function MachineCategoryReport() {
     [items]
   )
 
-  if (!enabled) {
+  if (!canView) {
     return (
       <Card className="border-slate-200">
         <CardHeader>
diff --git a/src/components/reports/report-filter-toolbar.tsx b/src/components/reports/report-filter-toolbar.tsx
index 0c4a83f..5eafc18 100644
--- a/src/components/reports/report-filter-toolbar.tsx
+++ b/src/components/reports/report-filter-toolbar.tsx
@@ -54,7 +54,7 @@ export function ReportsFilterToolbar({
           onValueChange={(next) => onCompanyChange(next ?? "all")}
           options={companyOptions}
           placeholder="Todas as empresas"
-          className="w-full min-w-56 md:w-64"
+          className="h-10 w-full min-w-56 rounded-2xl border border-border/60 bg-background/95 px-3 text-left text-sm font-semibold text-neutral-800 md:w-64"
         />
         {showBillingFilter ? (
           <ToggleGroup