From c4620102aebf4224eadbd7c4a059ce82cb3dac66 Mon Sep 17 00:00:00 2001
From: codex-bot <bot@local>
Date: Tue, 21 Oct 2025 15:30:19 -0300
Subject: [PATCH] =?UTF-8?q?Ajusta=20tooltips=20e=20espa=C3=A7amento=20nos?=
 =?UTF-8?q?=20gr=C3=A1ficos=20de=20backlog?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/reports/backlog-report.tsx | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/reports/backlog-report.tsx b/src/components/reports/backlog-report.tsx
index 307bdbc..6412ef2 100644
--- a/src/components/reports/backlog-report.tsx
+++ b/src/components/reports/backlog-report.tsx
@@ -31,6 +31,12 @@ const STATUS_LABELS: Record<string, string> = {
   RESOLVED: "Resolvidos",
 }
 
+const queueBacklogChartConfig = {
+  total: {
+    label: "Chamados totais",
+  },
+}
+
 export function BacklogReport() {
   const [timeRange, setTimeRange] = useState("90d")
   const [companyId, setCompanyId] = usePersistentCompanyFilter("all")
@@ -205,10 +211,10 @@ export function BacklogReport() {
               Nenhuma fila com tickets abertos no momento.
             </p>
           ) : (
-            <ChartContainer config={{}} className="aspect-auto h-[260px] w-full">
+            <ChartContainer config={queueBacklogChartConfig} className="aspect-auto h-[260px] w-full">
               <BarChart
                 data={data.queueCounts.map((q: { name: string; total: number }) => ({ name: q.name, total: q.total }))}
-                margin={{ left: 12, right: 12, bottom: 28 }}
+                margin={{ top: 8, left: 20, right: 20, bottom: 56 }}
                 barCategoryGap={16}
               >
                 <CartesianGrid vertical={false} />
@@ -216,13 +222,13 @@ export function BacklogReport() {
                   dataKey="name"
                   tickLine={false}
                   axisLine={false}
-                  tickMargin={14}
+                  tickMargin={24}
                   interval={0}
                   angle={-30}
-                  height={68}
+                  height={80}
                 />
                 <Bar dataKey="total" fill="var(--chart-5)" radius={[4, 4, 0, 0]} />
-                <ChartTooltip content={<ChartTooltipContent className="w-[180px]" nameKey="Total" />} />
+                <ChartTooltip content={<ChartTooltipContent className="w-[180px]" nameKey="total" />} />
               </BarChart>
             </ChartContainer>
           )}