Fix company search filters and build regressions

src/app/api/machines/companies/route.ts

@@ -1,5 +1,6 @@
 import { ConvexHttpClient } from "convex/browser"
 
+import { Prisma } from "@prisma/client"
 import { api } from "@/convex/_generated/api"
 import { DEFAULT_TENANT_ID } from "@/lib/constants"
 import { env } from "@/lib/env"
@@ -59,18 +60,31 @@ export async function GET(request: Request) {
   const search = url.searchParams.get("search")?.trim() ?? ""
 
   try {
+    const slugSearch = search ? normalizeSlug(search) ?? slugify(search) : null
+    const orFilters: Prisma.CompanyWhereInput[] = []
+    if (search) {
+      orFilters.push({
+        name: {
+          contains: search,
+          mode: Prisma.QueryMode.insensitive,
+        } as unknown as Prisma.StringFilter<"Company">,
+      })
+      if (slugSearch) {
+        orFilters.push({
+          slug: {
+            contains: slugSearch,
+            mode: Prisma.QueryMode.insensitive,
+          } as unknown as Prisma.StringFilter<"Company">,
+        })
+      }
+    }
+    const where: Prisma.CompanyWhereInput = {
+      tenantId,
+      ...(orFilters.length > 0 ? { OR: orFilters } : {}),
+    }
+
     const companies = await prisma.company.findMany({
-      where: {
-        tenantId,
-        ...(search
-          ? {
-              OR: [
-                { name: { contains: search, mode: "insensitive" } },
-                { slug: { contains: normalizeSlug(search) ?? slugify(search), mode: "insensitive" } },
-              ],
-            }
-          : {}),
-      },
+      where,
       orderBy: { name: "asc" },
       take: 20,
     })

src/components/admin/admin-users-manager.tsx

@@ -21,11 +21,13 @@ import { Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetT
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
 import { ROLE_OPTIONS, type RoleOption } from "@/lib/authz"
 
+type AdminRole = RoleOption | "machine"
+
 type AdminUser = {
   id: string
   email: string
   name: string
-  role: RoleOption
+  role: AdminRole
   tenantId: string
   createdAt: string
   updatedAt: string | null
@@ -61,7 +63,7 @@ type CompanyOption = {
 type Props = {
   initialUsers: AdminUser[]
   initialInvites: AdminInvite[]
-  roleOptions: readonly RoleOption[]
+  roleOptions: readonly AdminRole[]
   defaultTenantId: string
 }
 
@@ -113,6 +115,11 @@ function sanitizeInvite(invite: AdminInvite & { events?: unknown }): AdminInvite
   return rest
 }
 
+function coerceRole(role: AdminRole | string | null | undefined): RoleOption {
+  const candidate = (role ?? "agent").toLowerCase()
+  return (ROLE_OPTIONS as readonly string[]).includes(candidate) ? (candidate as RoleOption) : "agent"
+}
+
 export function AdminUsersManager({ initialUsers, initialInvites, roleOptions, defaultTenantId }: Props) {
   const [users, setUsers] = useState<AdminUser[]>(initialUsers)
   const [invites, setInvites] = useState<AdminInvite[]>(initialInvites)
@@ -144,7 +151,17 @@ export function AdminUsersManager({ initialUsers, initialInvites, roleOptions, d
   const [isResettingPassword, setIsResettingPassword] = useState(false)
   const [passwordPreview, setPasswordPreview] = useState<string | null>(null)
 
-  const normalizedRoles = useMemo(() => roleOptions ?? ROLE_OPTIONS, [roleOptions])
+  const normalizedRoles = useMemo<readonly AdminRole[]>(() => {
+    return (roleOptions && roleOptions.length > 0 ? roleOptions : ROLE_OPTIONS) as readonly AdminRole[]
+  }, [roleOptions])
+  const selectableRoles = useMemo(() => {
+    const unique = new Set<RoleOption>()
+    normalizedRoles.forEach((roleOption) => {
+      const coerced = coerceRole(roleOption)
+      unique.add(coerced)
+    })
+    return Array.from(unique)
+  }, [normalizedRoles])
   const teamUsers = useMemo(() => users.filter((user) => user.role !== "machine"), [users])
   const machineUsers = useMemo(() => users.filter((user) => user.role === "machine"), [users])
 
@@ -175,7 +192,7 @@ export function AdminUsersManager({ initialUsers, initialInvites, roleOptions, d
     setEditForm({
       name: editUser.name || "",
       email: editUser.email,
-      role: editUser.role,
+      role: coerceRole(editUser.role),
       tenantId: editUser.tenantId || defaultTenantId,
       companyId: editUser.companyId ?? "",
     })
@@ -567,13 +584,11 @@ export function AdminUsersManager({ initialUsers, initialInvites, roleOptions, d
                       <SelectValue placeholder="Selecione" />
                     </SelectTrigger>
                     <SelectContent>
-                      {normalizedRoles
-                        .filter((option) => option !== "machine")
-                        .map((option) => (
-                          <SelectItem key={option} value={option}>
-                            {formatRole(option)}
-                          </SelectItem>
-                        ))}
+                      {selectableRoles.map((option) => (
+                        <SelectItem key={option} value={option}>
+                          {formatRole(option)}
+                        </SelectItem>
+                      ))}
                     </SelectContent>
                   </Select>
                 </div>
@@ -693,7 +708,7 @@ export function AdminUsersManager({ initialUsers, initialInvites, roleOptions, d
       </Tabs>
 
       <Sheet open={Boolean(editUser)} onOpenChange={(open) => (!open ? setEditUserId(null) : null)}>
-        <SheetContent position="right" size="lg" className="space-y-6 overflow-y-auto">
+        <SheetContent side="right" className="space-y-6 overflow-y-auto sm:max-w-2xl">
           <SheetHeader>
             <SheetTitle>Editar usuário</SheetTitle>
             <SheetDescription>Atualize os dados cadastrais, papel e vínculo do colaborador.</SheetDescription>
@@ -733,13 +748,11 @@ export function AdminUsersManager({ initialUsers, initialInvites, roleOptions, d
                       <SelectValue placeholder="Selecione" />
                     </SelectTrigger>
                     <SelectContent>
-                      {normalizedRoles
-                        .filter((option) => option !== "machine")
-                        .map((option) => (
-                          <SelectItem key={option} value={option}>
-                            {formatRole(option)}
-                          </SelectItem>
-                        ))}
+                      {selectableRoles.map((option) => (
+                        <SelectItem key={option} value={option}>
+                          {formatRole(option)}
+                        </SelectItem>
+                      ))}
                     </SelectContent>
                   </Select>
                 </div>

src/server/pdf/ticket-pdf-template.tsx

@@ -472,7 +472,11 @@ function TicketPdfDocument({ ticket, logoDataUrl }: { ticket: TicketWithDetails;
             </View>
             <View style={styles.cardGroup}>
               {comments.map((comment, index) => (
-                <View key={comment.id} style={[styles.card, index > 0 ? styles.cardSpacing : null]} wrap={false}>
+                <View
+                  key={comment.id}
+                  style={index > 0 ? [styles.card, styles.cardSpacing] : [styles.card]}
+                  wrap={false}
+                >
                   <View style={styles.cardHeader}>
                     <View>
                       <Text style={styles.cardTitle}>{comment.author.name}</Text>
@@ -505,7 +509,15 @@ function TicketPdfDocument({ ticket, logoDataUrl }: { ticket: TicketWithDetails;
             </View>
             <View style={styles.cardGroup}>
               {timeline.map((event, index) => (
-                <View key={event.id} style={[styles.card, styles.timelineCard, index > 0 ? styles.cardSpacing : null]} wrap={false}>
+                <View
+                  key={event.id}
+                  style={
+                    index > 0
+                      ? [styles.card, styles.timelineCard, styles.cardSpacing]
+                      : [styles.card, styles.timelineCard]
+                  }
+                  wrap={false}
+                >
                   <Text style={styles.cardTitle}>{event.label}</Text>
                   <Text style={styles.cardSubtitle}>{formatDateTime(event.createdAt)}</Text>
                   {event.description ? (