Align ticket status colors across views

src/components/tickets/ticket-details-panel.tsx

@@ -6,6 +6,7 @@ import type { TicketWithDetails } from "@/lib/schemas/ticket"
 import { Badge } from "@/components/ui/badge"
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
 import { cn } from "@/lib/utils"
+import { getTicketStatusLabel, getTicketStatusSummaryTone } from "@/lib/ticket-status-style"
 
 interface TicketDetailsPanelProps {
   ticket: TicketWithDetails
@@ -13,20 +14,6 @@ interface TicketDetailsPanelProps {
 
 type SummaryTone = "default" | "info" | "warning" | "success" | "muted" | "danger"
 
-const statusLabel: Record<TicketWithDetails["status"], string> = {
-  PENDING: "Pendente",
-  AWAITING_ATTENDANCE: "Em andamento",
-  PAUSED: "Pausado",
-  RESOLVED: "Resolvido",
-}
-
-const statusTone: Record<TicketWithDetails["status"], SummaryTone> = {
-  PENDING: "muted",
-  AWAITING_ATTENDANCE: "info",
-  PAUSED: "warning",
-  RESOLVED: "success",
-}
-
 const priorityLabel: Record<TicketWithDetails["priority"], string> = {
   LOW: "Baixa",
   MEDIUM: "Média",
@@ -82,8 +69,8 @@ export function TicketDetailsPanel({ ticket }: TicketDetailsPanelProps) {
       {
         key: "status",
         label: "Status",
-        value: statusLabel[ticket.status] ?? ticket.status,
-        tone: statusTone[ticket.status] ?? "default",
+        value: getTicketStatusLabel(ticket.status) ?? ticket.status,
+        tone: getTicketStatusSummaryTone(ticket.status) as SummaryTone,
       },
       {
         key: "priority",