Now let me create the applications management components. I'll create three new files: one for the main Applications component, one for the Application Dialog, and one for showing role assignments for applications.

Now let me update the RoleMapping component to include the Applications tab:

Let me search for where tabs are defined:

Now let me add the applications tab content at the end of the tabs section:

I've successfully added a comprehensive Applications Management UI with role assignment capabilities. Here's what was created:

New Components Added:

1. ApplicationsManagement.tsx

• Main component for managing applications with add, edit, and delete functionality
• Search and filter applications by name/description
• Display application status (active/inactive), type (internal/external), and assigned roles
• Shows role assignments with visual indicators
• Integrates with role assignment panel

2. ApplicationDialog.tsx

• Create and edit applications with detailed form inputs
• Configure application name, description, icon, and color
• Set application type (internal/external) and status
• Dropdown selectors with 8 color themes and icon options
• Clean form UI matching the design system

3. RoleAssignmentPanel.tsx

• Dialog to manage which roles have access to each application
• Display all available roles with user counts
• Select/deselect roles individually or use "Select All/Clear All"
• Real-time impact summary showing total affected users
• Visual feedback for selected roles with badges

4. Updated RoleMapping.tsx

• Added new "Applications" tab alongside Users and Roles
• Added imports for ApplicationsManagement and Globe icon
• Updated tab type definitions and click handlers
• Integrated ApplicationsManagement component into the tab system

The interface features modern cards, smooth transitions, responsive layout, and maintains consistency with the dark theme and cyan accent color scheme. Users can now fully manage applications and control role-based access!

Now let me create the two new components: PermissionsManagement and UserProfileModal.

Now let me update the RoleMapping component to add the Permissions tab and integrate the UserProfileModal:

I've successfully added the two new features to your role management system:

New Components Added:

1. PermissionsManagement.tsx

• Dedicated tab for managing system permissions with full CRUD operations (create, read, update, delete)
• Organize permissions by category (Content, Users, Analytics, System)
• Search and filter functionality across permissions
• Shows role count for each permission
• Modern dialog modal for adding/editing permissions with category selection
• Clean, organized layout with category-based grouping

2. UserProfileModal.tsx

• Beautiful modal popup that displays comprehensive user profile information
• Shows user avatar with initials fallback, name, role badge, and account status
• Contact information section (email, phone, department)
• Account activity section (creation date, last login)
• Status indicator with visual feedback
• Edit and Delete action buttons with confirmation
• Responsive design that works on all screen sizes

3. Updated RoleMapping.tsx

• Added new "Permissions" tab alongside existing Users, Roles, and Applications tabs
• Integrated PermissionsManagement component
• Made user avatars clickable to open the profile modal
• Added UserProfileModal component with sample data (join date, department, phone, last login)
• Updated tab navigation with Lock icon for permissions tab

All components follow the existing dark theme and cyan accent color scheme, maintaining visual consistency throughout the interface!