Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed for analyzing WAF logs, providing users with an intuitive dashboard to manage and present audit findings. The application will allow users to visualize remediation scores and decision thresholds effectively, ensuring clear communication of critical security insights.

## CORE FEATURES
1. **Dashboard Overview**: A centralized view displaying key metrics such as VECTOR_SCORE, remediation categories, and decision thresholds for quick assessment.
2. **Detailed Log Analysis**: Users can upload and analyze raw WAF log files, with intelligent parsing to extract relevant information while maintaining critical context.
3. **Remediation Score Calculation**: Automated calculation of VECTOR_SCORE based on user-defined parameters, enabling users to prioritize remediation efforts effectively.
4. **Categorization System**: A structured categorization of findings into Protection, Configuration, Exposure, and more, allowing for organized review and action planning.
5. **Interactive Visualizations**: Graphical representations of data trends and remediation scores, enhancing understanding and facilitating presentations.
6. **User Management**: Admin features to manage user accounts and permissions, ensuring secure access to sensitive data.

## 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 top navigation bar, a sidebar for category selection, and a central dashboard area for displaying visualizations and details.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Zustand (or any preferred state management solution)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install dependencies (Tailwind CSS, shadcn/ui, Zustand).
2. **Design Layout**: Create the main layout structure with a top navigation bar and sidebar using Tailwind CSS for styling.
3. **Develop Dashboard**: Implement the dashboard component to display VECTOR_SCORE and remediation categories using interactive visualizations.
4. **Integrate Log Upload**: Create a file upload component that processes raw WAF logs and extracts relevant data for analysis.
5. **Remediation Score Logic**: Implement the VECTOR_SCORE calculation logic based on user-defined parameters.
6. **Implement User Management**: Set up user authentication and management features to control access to the application.

## USER EXPERIENCE
Users will interact with the application by uploading their WAF log files, which are then processed to display key metrics and insights. The dashboard will update dynamically, allowing users to click on categories to drill down into details. Users will benefit from an intuitive design that emphasizes clarity and ease of navigation, ensuring a smooth experience while presenting findings.