Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This is a web application designed to allow users to upload .zip or .rar files for analysis. Upon submission, users will be prompted for authorization. If granted, the file will be processed on a VPS, where it will be analyzed for potential threats. The application will return a cleaned version of the file and log the results of the analysis for user review.

## CORE FEATURES
1. **File Upload**: Users can upload .zip or .rar files, initiating the analysis process.
2. **Authorization Prompt**: A confirmation dialog appears after file upload to ensure user consent before processing.
3. **File Analysis**: The uploaded file is analyzed on a VPS for potential threats, and results are logged.
4. **Cleaned File Return**: After analysis, users receive a cleaned version of their file, ensuring it is free from any detected threats.
5. **Log Display**: A detailed log of the analysis is displayed on the site, providing insights into any detections and the cleaning process.
6. **File Storage**: A copy of the original file is stored on the VPS for potential future analysis.

## 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 application layout will consist of a header for navigation, a main content area for file upload and results display, and a footer for additional information and contact details.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for managing application state, if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or a similar tool.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create File Upload Component**: Develop a component for file upload that handles file selection and triggers the authorization prompt.
4. **Implement Authorization Prompt**: Create a modal that appears after file upload, asking for user confirmation.
5. **Build File Analysis Logic**: Integrate backend services with the VPS to handle file analysis, returning results and cleaned files.
6. **Display Logs and Results**: Create a component to display the analysis logs and any cleaning results in a user-friendly format.
7. **Implement Routing**: Set up routing for different views if necessary, ensuring smooth navigation within the app.
8. **Responsive Design**: Ensure the application is responsive and works well on various devices.

## USER EXPERIENCE
Users will first navigate to the site and see a simple interface with an upload button. After selecting a file, a modal will prompt for authorization. Upon confirmation, the application will send the file for analysis, and users will see a loading animation or message. Once the analysis is complete, users will receive a cleaned file and see the log of the analysis displayed prominently on the screen. The design will prioritize ease of use and quick access to important information, ensuring a seamless user experience.