feat: enhance tickets portal and admin flows

src/components/portal/portal-ticket-card.tsx

@@ -12,19 +12,17 @@ import { Card, CardContent, CardHeader } from "@/components/ui/card"
 import { cn } from "@/lib/utils"
 
 const statusLabel: Record<Ticket["status"], string> = {
-  NEW: "Novo",
-  OPEN: "Aberto",
   PENDING: "Pendente",
-  ON_HOLD: "Em espera",
+  AWAITING_ATTENDANCE: "Aguardando atendimento",
+  PAUSED: "Pausado",
   RESOLVED: "Resolvido",
   CLOSED: "Fechado",
 }
 
 const statusTone: Record<Ticket["status"], string> = {
-  NEW: "bg-slate-200 text-slate-800",
-  OPEN: "bg-sky-100 text-sky-700",
-  PENDING: "bg-amber-100 text-amber-700",
-  ON_HOLD: "bg-violet-100 text-violet-700",
+  PENDING: "bg-slate-200 text-slate-800",
+  AWAITING_ATTENDANCE: "bg-sky-100 text-sky-700",
+  PAUSED: "bg-violet-100 text-violet-700",
   RESOLVED: "bg-emerald-100 text-emerald-700",
   CLOSED: "bg-slate-100 text-slate-600",
 }

src/components/portal/portal-ticket-detail.tsx

@@ -6,7 +6,6 @@ import { format, formatDistanceToNow } from "date-fns"
 import { ptBR } from "date-fns/locale"
 import { MessageCircle } from "lucide-react"
 import { toast } from "sonner"
-// @ts-expect-error Convex runtime API lacks TypeScript definitions
 import { api } from "@/convex/_generated/api"
 import type { Id } from "@/convex/_generated/dataModel"
 import { DEFAULT_TENANT_ID } from "@/lib/constants"
@@ -23,10 +22,9 @@ import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
 import { sanitizeEditorHtml } from "@/components/ui/rich-text-editor"
 
 const statusLabel: Record<TicketWithDetails["status"], string> = {
-  NEW: "Novo",
-  OPEN: "Aberto",
   PENDING: "Pendente",
-  ON_HOLD: "Em espera",
+  AWAITING_ATTENDANCE: "Aguardando atendimento",
+  PAUSED: "Pausado",
   RESOLVED: "Resolvido",
   CLOSED: "Fechado",
 }
@@ -126,7 +124,7 @@ export function PortalTicketDetail({ ticketId }: PortalTicketDetailProps) {
 
   async function handleSubmit(event: React.FormEvent) {
     event.preventDefault()
-    if (!convexUserId || !comment.trim()) return
+    if (!convexUserId || !comment.trim() || !ticket) return
     const toastId = "portal-add-comment"
     toast.loading("Enviando comentário...", { id: toastId })
     try {

src/components/portal/portal-ticket-form.tsx

@@ -4,7 +4,6 @@ import { useMemo, useState } from "react"
 import { useRouter } from "next/navigation"
 import { useMutation } from "convex/react"
 import { toast } from "sonner"
-// @ts-expect-error Convex runtime API lacks TypeScript definitions
 import { api } from "@/convex/_generated/api"
 import type { Id } from "@/convex/_generated/dataModel"
 import { DEFAULT_TENANT_ID } from "@/lib/constants"

src/components/portal/portal-ticket-list.tsx

@@ -2,7 +2,6 @@
 
 import { useMemo } from "react"
 import { useQuery } from "convex/react"
-// @ts-expect-error Convex runtime API lacks TypeScript definitions
 import { api } from "@/convex/_generated/api"
 import type { Id } from "@/convex/_generated/dataModel"
 import { DEFAULT_TENANT_ID } from "@/lib/constants"