Ajusta portal do cliente e desbloqueia abertura de chamados

src/components/portal/portal-shell.tsx

@@ -79,8 +79,8 @@ export function PortalShell({ children }: PortalShellProps) {
               <GalleryVerticalEnd className="size-4" />
             </span>
             <div className="flex flex-col">
-              <span className="text-xs font-semibold uppercase tracking-[0.08em] text-neutral-500 sm:tracking-[0.12em]">
-                Portal do cliente
+              <span className="text-xs font-semibold tracking-[0.04em] text-neutral-500 sm:tracking-[0.06em]">
+                Portal do Cliente
               </span>
               <span className="text-lg font-semibold text-neutral-900">Raven</span>
             </div>

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

@@ -1,6 +1,6 @@
 "use client"
 
-import { useMemo, useState } from "react"
+import { useCallback, useMemo, useState } from "react"
 import { useRouter } from "next/navigation"
 import { useMutation } from "convex/react"
 import { toast } from "sonner"
@@ -45,10 +45,20 @@ export function PortalTicketForm() {
   const [subcategoryId, setSubcategoryId] = useState<string | null>(null)
   const [attachments, setAttachments] = useState<Array<{ storageId: string; name: string; size?: number; type?: string }>>([])
   const [isSubmitting, setIsSubmitting] = useState(false)
+  const [hasSubcategoryOptions, setHasSubcategoryOptions] = useState(false)
 
   const isFormValid = useMemo(() => {
-    return Boolean(subject.trim() && description.trim() && categoryId && subcategoryId)
-  }, [subject, description, categoryId, subcategoryId])
+    return Boolean(
+      subject.trim() &&
+        description.trim() &&
+        categoryId &&
+        (hasSubcategoryOptions ? subcategoryId : true)
+    )
+  }, [subject, description, categoryId, subcategoryId, hasSubcategoryOptions])
+
+  const handleSecondaryOptionsChange = useCallback((hasOptions: boolean) => {
+    setHasSubcategoryOptions((prev) => (prev === hasOptions ? prev : hasOptions))
+  }, [])
 
   async function handleSubmit(event: React.FormEvent) {
     event.preventDefault()
@@ -76,7 +86,7 @@ export function PortalTicketForm() {
         queueId: undefined,
         requesterId: viewerId,
         categoryId: categoryId as Id<"ticketCategories">,
-        subcategoryId: subcategoryId as Id<"ticketSubcategories">,
+        subcategoryId: subcategoryId ? (subcategoryId as Id<"ticketSubcategories">) : undefined,
       })
 
       if (plainDescription.length > 0) {
@@ -159,9 +169,10 @@ export function PortalTicketForm() {
               subcategoryId={subcategoryId}
               onCategoryChange={setCategoryId}
               onSubcategoryChange={setSubcategoryId}
+              onSecondaryOptionsChange={handleSecondaryOptionsChange}
               layout="stacked"
               categoryLabel="Categoria *"
-              subcategoryLabel="Subcategoria *"
+              subcategoryLabel={hasSubcategoryOptions ? "Subcategoria *" : "Subcategoria (opcional)"}
               secondaryEmptyLabel="Selecione uma categoria"
             />
             <div className="space-y-1">