Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
MercadoChile is a web application designed for visualizing and analyzing marketplace data through a KPI dashboard. It consolidates information from data files and transforms it into visual formats to facilitate analysis and decision-making. The application features a sophisticated user management system with distinct roles and permissions, enhancing data security and usability.

## CORE FEATURES
1. **Role Management**: Implement three user roles (Administrator, Operator, Analyst) with hierarchical permissions, ensuring each role has access to specific functionalities without overlapping.
2. **User Registration and Approval**: Maintain a user registration system with a pending status for new accounts, allowing administrators to approve or reject access requests.
3. **KPI Dashboard**: A dynamic dashboard displaying key performance indicators, graphs, and tables that provide insights into marketplace performance.
4. **Data Upload and Processing**: Allow Operators and Administrators to upload CSV and Excel files, with functionalities for error checking and status monitoring during the upload process.
5. **User Management Interface**: A dedicated section for Administrators to manage users, including changing roles, states, and reviewing user activity logs.
6. **Security Enforcement**: Implement robust security measures at both frontend and backend levels to ensure that unauthorized users cannot access restricted functionalities.

## 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 top bar for user actions, and a central dashboard area displaying KPIs and data visualizations, ensuring a responsive and user-friendly experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for managing user sessions and roles

## IMPLEMENTATION STEPS
1. **Review Current Architecture**: Analyze the existing authentication and user management systems to ensure compatibility with the new roles and permissions.
2. **Define Roles and Permissions**: Set up the roles (Administrator, Operator, Analyst) in the database with corresponding permissions.
3. **Develop User Management Interface**: Create a UI for the Administrator to manage users, including functionalities for approving requests and changing roles.
4. **Enhance Security Protocols**: Implement backend checks to ensure users cannot access features outside their permissions.
5. **Integrate Data Upload Features**: Develop components that allow file uploads and processing with clear error handling.
6. **Test User Flows**: Conduct testing for all user roles to ensure that the permissions are enforced correctly and that the dashboard functions as intended.

## USER EXPERIENCE
The user experience will focus on intuitive navigation through a sidebar, where users can access the dashboard, manage their profiles, and upload data files. Administrators will have additional tools for user management seamlessly integrated into the existing interface, ensuring a coherent experience without the need for extensive redesigns. Each role will see a tailored dashboard view based on their permissions, enhancing the relevance and functionality of the displayed information.