Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
CloseEngine Command Center is a production-ready, multi-tenant SaaS dashboard designed specifically for marketing agencies and their end-clients. This white-label lead management and AI automation platform facilitates efficient lead tracking and management through a robust analytics system and user-friendly interface.

## CORE FEATURES
1. **User Authentication**: Secure login system using Supabase Auth, with role-based access for agency owners and end clients.
2. **Role-Based Navigation**: Conditional rendering of dashboard elements based on user roles, providing tailored experiences for agency owners and end clients.
3. **Lead Vault**: A comprehensive table displaying leads with customizable filters and action buttons, allowing users to manage their leads effectively.
4. **Analytics Bar**: Real-time data visualization through stat cards, showcasing important metrics such as total leads, AI qualification rates, and booked appointments.
5. **Performance Overview**: A detailed bar chart for agency owners visualizing leads per client, along with settings for webhook configuration and branding.
6. **Responsive Design**: Ensures usability across devices with horizontal scrolling tables and skeleton loaders for data-dependent components.

## 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.
- **Layout**: The main layout features a glassmorphism sidebar for agency owners with a top navigation bar and a responsive table for leads. End clients will have a simplified navigation setup.
- **Typography**: Use the `Geist` font with white text for primary content, ensuring clear hierarchy with bold headings and comfortable line spacing for body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS with custom CSS variables for a cohesive look.
- **UI Components**: Utilize Lucide React for icons and Recharts for data visualization.
- **State Management**: Use React Context for authentication and tenant state management.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and Supabase.
2. **Design Layout**: Create the main layout structure with conditional rendering based on user roles. Implement the glassmorphism sidebar and top navigation bar.
3. **Implement Authentication**: Set up Supabase Auth for user registration and login, ensuring role-based access control.
4. **Build Lead Vault**: Develop the lead management table with filtering capabilities and action buttons. Ensure data is fetched live from Supabase.
5. **Create Analytics Bar**: Integrate stat cards that pull real-time data from the database to display key metrics.
6. **Develop Performance Overview**: Build the bar chart and settings tabs for agency owners, allowing for webhook configuration and branding adjustments.

## USER EXPERIENCE
Users will begin their journey with a login page featuring the CloseEngine logo and input fields for email and password. Upon authentication, agency owners will have access to a full dashboard with all features, while end clients will see a simplified interface tailored to their needs. All interactions are designed to be intuitive, with responsive feedback such as loading states and error messages to enhance usability. The application will also support real-time updates, ensuring users have the latest information at their fingertips.
```