yo

src/components/layout/topbar.tsx

@@ -41,7 +41,7 @@ export function Topbar({ onMenuClick }: TopbarProps) {
 
   useEffect(() => { setMounted(true) }, [])
   if (!user) return null
-  const initials = (user.firstName[0] + user.lastName[0]).toUpperCase()
+  const initials = user.name.split(" ").map((n) => n[0]).join("")
 
   return (
     <header className="sticky top-0 z-20 flex h-16 items-center gap-4 border-b bg-background px-4 lg:px-6">
@@ -119,13 +119,13 @@ export function Topbar({ onMenuClick }: TopbarProps) {
                 <AvatarImage src={user.avatar} />
                 <AvatarFallback>{initials}</AvatarFallback>
               </Avatar>
-              <span className="hidden text-sm font-medium md:inline-block">{user.firstName} {user.lastName}</span>
+              <span className="hidden text-sm font-medium md:inline-block">{user.name}</span>
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent align="end" className="w-56">
             <DropdownMenuLabel className="font-normal">
               <div className="flex flex-col space-y-1">
-                <p className="text-sm font-medium">{user.firstName} {user.lastName}</p>
+                <p className="text-sm font-medium">{user.name}</p>
                 <p className="text-xs text-muted-foreground">{user.email}</p>
                 <Badge variant="secondary" className="mt-1 w-fit text-xs capitalize">{user.role}</Badge>
               </div>

src/components/users/user-form-dialog.tsx

@@ -55,7 +55,7 @@ export function UserFormDialog({ open, onOpenChange, user }: UserFormDialogProps
     defaultValues: {
       name: "",
       email: "",
-      role: "sales",
+      role: "sales_user",
       active: true,
     },
   })
@@ -69,7 +69,7 @@ export function UserFormDialog({ open, onOpenChange, user }: UserFormDialogProps
         active: user.active,
       })
     } else {
-      form.reset({ name: "", email: "", role: "sales", active: true })
+      form.reset({ name: "", email: "", role: "sales_user", active: true })
     }
   }, [user, form])
 
@@ -130,8 +130,10 @@ export function UserFormDialog({ open, onOpenChange, user }: UserFormDialogProps
                       </SelectTrigger>
                     </FormControl>
                     <SelectContent>
+                      <SelectItem value="super_admin">Super Admin</SelectItem>
                       <SelectItem value="admin">Admin</SelectItem>
-                      <SelectItem value="sales">Sales</SelectItem>
+                      <SelectItem value="sales_user">Sales</SelectItem>
+                      <SelectItem value="developer">Developer</SelectItem>
                     </SelectContent>
                   </Select>
                   <FormMessage />