Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to enhance an existing SaaS platform focused on managing intelligent agents. The new "Users" tab will serve as a governance, traceability, and risk analysis module, providing users with a comprehensive overview and detailed insights into agent-related risks and integrations.

## CORE FEATURES
1. **Identity & Risk Overview**: An advanced user table displaying essential user information (creation date, name, email, roles, assigned agents, risk level) with filtering and sorting capabilities to quickly identify high-risk users.

2. **Control Plane**: A detailed view that opens upon selecting a user, featuring basic user information and a mini dashboard displaying key performance indicators (KPIs) related to security and agent activity.

3. **Superficie de ataque**: Listing all agents associated with the user, presented in an expandable card format, showcasing operational context and sensitive capabilities.

4. **Inventario de integraciones**: A section within each agent displaying all connected sources grouped by type, detailing their access levels and whether they handle sensitive data.

5. **Sistema de criticidad**: An automated risk assessment system that categorizes each agent’s risk level (Low, Medium, High) based on established rules, with corresponding visual indicators.

6. **UX/UI Requirements**: Focus on a clean, enterprise-level design that avoids visual clutter while ensuring quick comprehension of risk through effective use of tables, cards, and side panels.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: The main layout will feature a sidebar for navigation, a content area for displaying user tables and details, and a responsive design suitable for various devices.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API as needed for handling user and agent state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template. Install necessary dependencies including Tailwind CSS and shadcn/ui.
   
2. **Create Layout**: Design the main layout with a sidebar for navigation and a main content area using Tailwind CSS for styling.

3. **Develop Core Components**:
   - Create the `UserTable` component for the Identity & Risk Overview.
   - Create `UserDetail` component for the Control Plane.
   - Create `AgentList` component for Superficie de ataque.
   - Create `IntegrationInventory` component for displaying agent integrations.

4. **Implement State Management**: Set up Redux or Context API to manage users, agents, and risk data.

5. **Add Features**: Implement filtering, sorting, and searching functionalities in the `UserTable`. Ensure risk categorization logic is in place for the Sistema de criticidad.

6. **Design Visual Indicators**: Implement badges and icons for risk levels and integration types to enhance UX.

7. **Testing**: Conduct thorough testing of all features and ensure responsiveness across devices.

8. **Deploy**: Prepare for deployment on a suitable cloud platform.

## USER EXPERIENCE
Users will interact with a modern interface where they can quickly navigate through the user overview and access detailed insights into individual users and their associated agents. The intuitive design will allow users to filter and search efficiently, while visual indicators will ensure immediate recognition of risk levels. The entire experience is crafted to facilitate rapid comprehension and decision-making in risk management.