feat(rich-text, types): Tiptap editor, SSR-safe, comments + description; stricter typing (no any) across app

- Add Tiptap editor + toolbar and rich content rendering with sanitize-html
- Fix SSR hydration (immediatelyRender: false) and setContent options
- Comments: rich text + visibility selector, typed attachments (Id<_storage>)
- New Ticket: description rich text; attachments typed; queues typed
- Convex: server-side filters using indexes; priority order rename; stronger Doc/Id typing; remove helper with any
- Schemas/Mappers: zod v4 record typing; event payload record typing; customFields typed
- UI: replace any in header/play/list/timeline/fields; improve select typings
- Build passes; only non-blocking lint warnings remain

web/src/components/tickets/ticket-summary-header.tsx

@@ -11,7 +11,8 @@ import { toast } from "sonner"
 import { api } from "@/convex/_generated/api"
 
 import { useAuth } from "@/lib/auth-client"
-import type { TicketWithDetails } from "@/lib/schemas/ticket"
+import type { Doc, Id } from "@/convex/_generated/dataModel"
+import type { TicketWithDetails, TicketQueueSummary, TicketStatus } from "@/lib/schemas/ticket"
 import { Badge } from "@/components/ui/badge"
 import { Separator } from "@/components/ui/separator"
 import { TicketPriorityPill } from "@/components/tickets/priority-pill"
@@ -27,9 +28,9 @@ export function TicketSummaryHeader({ ticket }: TicketHeaderProps) {
   const updateStatus = useMutation(api.tickets.updateStatus)
   const changeAssignee = useMutation(api.tickets.changeAssignee)
   const changeQueue = useMutation(api.tickets.changeQueue)
-  const agents = useQuery(api.users.listAgents, { tenantId: ticket.tenantId }) ?? []
-  const queues = useQuery(api.queues.summary, { tenantId: ticket.tenantId }) ?? []
-  const [status, setStatus] = useState(ticket.status)
+  const agents = (useQuery(api.users.listAgents, { tenantId: ticket.tenantId }) as Doc<"users">[] | undefined) ?? []
+  const queues = (useQuery(api.queues.summary, { tenantId: ticket.tenantId }) as TicketQueueSummary[] | undefined) ?? []
+  const [status, setStatus] = useState<TicketStatus>(ticket.status)
   const statusPt: Record<string, string> = {
     NEW: "Novo",
     OPEN: "Aberto",
@@ -47,16 +48,16 @@ export function TicketSummaryHeader({ ticket }: TicketHeaderProps) {
               #{ticket.reference}
             </Badge>
             <TicketPriorityPill priority={ticket.priority} />
-            <TicketStatusBadge status={status as any} />
+            <TicketStatusBadge status={status} />
             <Select
               value={status}
               onValueChange={async (value) => {
                 const prev = status
-                setStatus(value) // otimista
+                setStatus(value as import("@/lib/schemas/ticket").TicketStatus) // otimista
                 if (!userId) return
                 toast.loading("Atualizando status…", { id: "status" })
                 try {
-                  await updateStatus({ ticketId: ticket.id as any, status: value as any, actorId: userId as any })
+                  await updateStatus({ ticketId: ticket.id as Id<"tickets">, status: value, actorId: userId as Id<"users"> })
                   toast.success(`Status alterado para ${statusPt[value]}.`, { id: "status" })
                 } catch (e) {
                   setStatus(prev)
@@ -95,7 +96,7 @@ export function TicketSummaryHeader({ ticket }: TicketHeaderProps) {
               if (!userId) return
               toast.loading("Atribuindo responsável…", { id: "assignee" })
               try {
-                await changeAssignee({ ticketId: ticket.id as any, assigneeId: value as any, actorId: userId as any })
+                await changeAssignee({ ticketId: ticket.id as Id<"tickets">, assigneeId: value as Id<"users">, actorId: userId as Id<"users"> })
                 toast.success("Responsável atualizado!", { id: "assignee" })
               } catch {
                 toast.error("Não foi possível atribuir.", { id: "assignee" })
@@ -104,7 +105,7 @@ export function TicketSummaryHeader({ ticket }: TicketHeaderProps) {
           >
             <SelectTrigger className="h-8 w-[180px]"><SelectValue placeholder="Selecionar" /></SelectTrigger>
             <SelectContent>
-              {agents.map((a: any) => (
+              {agents.map((a) => (
                 <SelectItem key={a._id} value={a._id}>{a.name}</SelectItem>
               ))}
             </SelectContent>
@@ -118,11 +119,11 @@ export function TicketSummaryHeader({ ticket }: TicketHeaderProps) {
             value={ticket.queue ?? ""}
             onValueChange={async (value) => {
               if (!userId) return
-              const q = queues.find((qq: any) => qq.name === value)
+              const q = queues.find((qq) => qq.name === value)
               if (!q) return
               toast.loading("Atualizando fila…", { id: "queue" })
               try {
-                await changeQueue({ ticketId: ticket.id as any, queueId: q.id as any, actorId: userId as any })
+                await changeQueue({ ticketId: ticket.id as Id<"tickets">, queueId: q.id as Id<"queues">, actorId: userId as Id<"users"> })
                 toast.success("Fila atualizada!", { id: "queue" })
               } catch {
                 toast.error("Não foi possível atualizar a fila.", { id: "queue" })
@@ -131,7 +132,7 @@ export function TicketSummaryHeader({ ticket }: TicketHeaderProps) {
           >
             <SelectTrigger className="h-8 w-[180px]"><SelectValue placeholder="Selecionar" /></SelectTrigger>
             <SelectContent>
-              {queues.map((q: any) => (
+              {queues.map((q) => (
                 <SelectItem key={q.id} value={q.name}>{q.name}</SelectItem>
               ))}
             </SelectContent>