From 5211ea45df35885b02d016f6a314d1797d7dac5a Mon Sep 17 00:00:00 2001
From: Esdras Renan <monkeyesdras@gmail.com>
Date: Wed, 15 Oct 2025 23:30:16 -0300
Subject: [PATCH] fix: refina layout das colunas de empresas e corrige leitura
 de cookies no middleware

---
 middleware.ts                                 | 11 ++++---
 .../companies/admin-companies-manager.tsx     | 30 +++++++++++++------
 2 files changed, 28 insertions(+), 13 deletions(-)

diff --git a/middleware.ts b/middleware.ts
index 27dd0e3..e35a30e 100644
--- a/middleware.ts
+++ b/middleware.ts
@@ -75,14 +75,17 @@ async function attemptSessionRefresh(request: NextRequest): Promise<NextResponse
     }
 
     const redirect = NextResponse.redirect(request.nextUrl)
-    const setCookieHeaders =
-      typeof response.headers.raw === "function"
-        ? response.headers.raw()["set-cookie"] ?? []
+    const headersWithGetSetCookie = response.headers as Headers & { getSetCookie?: () => string[] | undefined }
+    let setCookieHeaders =
+      typeof headersWithGetSetCookie.getSetCookie === "function"
+        ? headersWithGetSetCookie.getSetCookie() ?? []
         : []
 
     if (setCookieHeaders.length === 0) {
       const single = response.headers.get("set-cookie")
-      if (single) setCookieHeaders.push(single)
+      if (single) {
+        setCookieHeaders = [single]
+      }
     }
 
     for (const cookie of setCookieHeaders) {
diff --git a/src/components/admin/companies/admin-companies-manager.tsx b/src/components/admin/companies/admin-companies-manager.tsx
index 004b570..3d13739 100644
--- a/src/components/admin/companies/admin-companies-manager.tsx
+++ b/src/components/admin/companies/admin-companies-manager.tsx
@@ -469,9 +469,21 @@ export function AdminCompaniesManager({ initialCompanies }: { initialCompanies:
                         <div className="mt-2 flex flex-wrap items-center gap-2 text-xs text-muted-foreground">
                           {alertInfo ? (
                             <>
-                              <IconClock className="size-3" />
+                              <IconClock
+                                className={cn(
+                                  "size-3",
+                                  isThresholdExceeded ? "text-amber-500" : "text-emerald-500"
+                                )}
+                              />
                               <span>{lastAlertDistance}</span>
-                              <span>· Consumo {Math.round(usagePct)}% / limite {threshold}%</span>
+                              <span
+                                className={cn(
+                                  "font-medium",
+                                  isThresholdExceeded ? "text-amber-600" : "text-emerald-600"
+                                )}
+                              >
+                                · Consumo {Math.round(usagePct)}% / limite {threshold}%
+                              </span>
                             </>
                           ) : (
                             <>
@@ -493,9 +505,9 @@ export function AdminCompaniesManager({ initialCompanies }: { initialCompanies:
                   <TableHeader>
                     <TableRow className="border-slate-100/80 dark:border-slate-800/60">
                       <TableHead className="w-[30%] min-w-[220px] pl-6 text-slate-500 dark:text-slate-300">Empresa</TableHead>
-                      <TableHead className="w-[22%] min-w-[180px] text-slate-500 dark:text-slate-300">Provisionamento</TableHead>
-                      <TableHead className="w-[18%] min-w-[160px] text-slate-500 dark:text-slate-300">Cliente avulso</TableHead>
-                      <TableHead className="w-[20%] min-w-[170px] text-slate-500 dark:text-slate-300">Uso e alertas</TableHead>
+                      <TableHead className="w-[22%] min-w-[180px] pl-4 text-slate-500 dark:text-slate-300">Provisionamento</TableHead>
+                      <TableHead className="w-[18%] min-w-[160px] pl-12 text-slate-500 dark:text-slate-300">Cliente avulso</TableHead>
+                      <TableHead className="w-[20%] min-w-[170px] pl-12 text-slate-500 dark:text-slate-300">Uso e alertas</TableHead>
                       <TableHead className="w-[10%] min-w-[90px] pr-6 text-right text-slate-500 dark:text-slate-300">Ações</TableHead>
                     </TableRow>
                   </TableHeader>
@@ -561,11 +573,11 @@ export function AdminCompaniesManager({ initialCompanies }: { initialCompanies:
                                 </div>
                               </div>
                             </TableCell>
-                        <TableCell className="align-middle pr-10">
+                        <TableCell className="align-middle pr-8 pl-2">
                           <ProvisioningCodeCard code={company.provisioningCode} />
                         </TableCell>
-                        <TableCell className="pl-6 pr-4 align-middle">
-                          <div className="flex items-center gap-4">
+                        <TableCell className="pl-12 pr-6 align-middle">
+                          <div className="flex items-center gap-6">
                             <Badge
                               variant={company.isAvulso ? "default" : "outline"}
                               className={cn(
@@ -595,7 +607,7 @@ export function AdminCompaniesManager({ initialCompanies }: { initialCompanies:
                                 </Tooltip>
                               </div>
                             </TableCell>
-                            <TableCell className="pr-4 align-middle">
+                            <TableCell className="pl-12 pr-6 align-middle">
                               {alertInfo ? (
                                 <div className="space-y-2">
                                   <div className="flex items-center gap-2 text-xs text-muted-foreground">