Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based CRM system designed for a multi-tenant environment, aimed at identifying and troubleshooting functionalities that are not working as intended. It will provide users with a streamlined interface to manage their customer relationships efficiently while maintaining a focus on usability and clarity.

## CORE FEATURES
1. **Multi-Tenant Management**: Ability to manage multiple clients from a single dashboard, with role-based access controls for different user types.
2. **Functionality Scanner**: An automated tool that scans the CRM for features that are not functioning properly and provides actionable insights for resolution.
3. **Dashboard Overview**: A clean and simple dashboard displaying key metrics and alerts related to system performance and client engagement.
4. **User Activity Tracking**: Monitor and log user interactions within the system to identify patterns and areas needing improvement.
5. **Customizable Reports**: Generate reports based on user-defined criteria to analyze client interactions and system performance.
6. **Notification System**: Real-time alerts to inform users about system errors or required actions based on the functionality scanner's findings.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a clean, simple design emphasizing usability. The interface should feature ample white space to reduce clutter and enhance focus on core functionalities.
- **Color Mode**: A light theme with dark text on light backgrounds to ensure readability and a pleasant user experience.
- **Layout**: A single-column layout for the main dashboard with a sidebar for navigation to different sections of the CRM. Key features should be arranged in cards for easy access, with a clear hierarchy of information.
- **Typography**: Use a sans-serif font such as "Roboto" for body text and "Montserrat" for headings to maintain clarity and professionalism. Headings should be bold and larger than body text to establish a clear visual hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type-checking and component management.
- **Styling**: Tailwind CSS for responsive, utility-first styling that supports the minimalist design approach.
- **UI Components**: Utilize shadcn/ui for pre-built, accessible components that align with the minimalist aesthetic.
- **State Management**: Implement Zustand for state management, ensuring efficient data flow and reactivity throughout the application.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Build Layout Components**: Create a main layout component that includes the sidebar navigation and a header for the dashboard.
3. **Develop Core Features**:
   - Implement the multi-tenant management system with role-based access controls.
   - Create the functionality scanner, utilizing hooks to check for issues and display results.
   - Design the dashboard overview with visual metrics and alerts.
4. **Integrate User Activity Tracking**: Set up logging of user interactions and create a display for recent activity.
5. **Enable Custom Reporting**: Develop a reporting module where users can select parameters and view generated reports.
6. **Implement Notification System**: Build a notification component that listens for changes from the functionality scanner and displays alerts.

## USER EXPERIENCE
Users will interact with the application through a straightforward dashboard that highlights essential features and alerts. The navigation will be intuitive, allowing users to quickly switch between the main functionalities. The functionality scanner will provide clear, actionable insights, making troubleshooting efficient. The overall experience will focus on ease of use, ensuring users can effectively manage their CRM tasks without unnecessary complexity. Responsive design will ensure optimal usability across various devices.