feat: surface ticket work metrics and refresh list layout

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>

web/src/components/tickets/ticket-timeline.tsx

@@ -4,6 +4,7 @@ import { ptBR } from "date-fns/locale"
 import {
   IconClockHour4,
   IconNote,
+  IconPaperclip,
   IconSquareCheck,
   IconUserCircle,
 } from "@tabler/icons-react"
@@ -23,6 +24,8 @@ const timelineIcons: Record<string, ComponentType<{ className?: string }>> = {
   SUBJECT_CHANGED: IconNote,
   SUMMARY_CHANGED: IconNote,
   QUEUE_CHANGED: IconSquareCheck,
+  PRIORITY_CHANGED: IconSquareCheck,
+  ATTACHMENT_REMOVED: IconPaperclip,
 }
 
 const timelineLabels: Record<string, string> = {
@@ -35,6 +38,8 @@ const timelineLabels: Record<string, string> = {
   SUBJECT_CHANGED: "Assunto atualizado",
   SUMMARY_CHANGED: "Resumo atualizado",
   QUEUE_CHANGED: "Fila alterada",
+  PRIORITY_CHANGED: "Prioridade alterada",
+  ATTACHMENT_REMOVED: "Anexo removido",
 }
 
 interface TicketTimelineProps {
@@ -42,6 +47,21 @@ interface TicketTimelineProps {
 }
 
 export function TicketTimeline({ ticket }: TicketTimelineProps) {
+  const formatDuration = (durationMs: number) => {
+    if (!durationMs || durationMs <= 0) return "0s"
+    const totalSeconds = Math.floor(durationMs / 1000)
+    const hours = Math.floor(totalSeconds / 3600)
+    const minutes = Math.floor((totalSeconds % 3600) / 60)
+    const seconds = totalSeconds % 60
+    if (hours > 0) {
+      return `${hours}h ${minutes.toString().padStart(2, "0")}m`
+    }
+    if (minutes > 0) {
+      return `${minutes}m ${seconds.toString().padStart(2, "0")}s`
+    }
+    return `${seconds}s`
+  }
+
   return (
     <Card className="rounded-2xl border border-slate-200 bg-white shadow-sm">
       <CardContent className="space-y-5 px-4 pb-6">
@@ -88,6 +108,8 @@ export function TicketTimeline({ ticket }: TicketTimelineProps) {
                     authorName?: string
                     authorId?: string
                     from?: string
+                    attachmentName?: string
+                    sessionDurationMs?: number
                   }
 
                   let message: string | null = null
@@ -100,6 +122,9 @@ export function TicketTimeline({ ticket }: TicketTimelineProps) {
                   if (entry.type === "QUEUE_CHANGED" && (payload.queueName || payload.queueId)) {
                     message = "Fila alterada" + (payload.queueName ? " para " + payload.queueName : "")
                   }
+                  if (entry.type === "PRIORITY_CHANGED" && (payload.toLabel || payload.to)) {
+                    message = "Prioridade alterada para " + (payload.toLabel || payload.to)
+                  }
                   if (entry.type === "CREATED" && payload.requesterName) {
                     message = "Criado por " + payload.requesterName
                   }
@@ -112,6 +137,12 @@ export function TicketTimeline({ ticket }: TicketTimelineProps) {
                   if (entry.type === "SUMMARY_CHANGED") {
                     message = "Resumo atualizado"
                   }
+                  if (entry.type === "ATTACHMENT_REMOVED" && payload.attachmentName) {
+                    message = `Anexo removido: ${payload.attachmentName}`
+                  }
+                  if (entry.type === "WORK_PAUSED" && typeof payload.sessionDurationMs === "number") {
+                    message = `Tempo registrado: ${formatDuration(payload.sessionDurationMs)}`
+                  }
                   if (!message) return null
 
                   return (