Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a production-ready PDF SaaS platform designed to provide extensive PDF manipulation capabilities. Users will interact with a suite of tools for processing PDF documents, including summarization, translation, and editing features, all while ensuring a smooth user experience and robust backend support.

## CORE FEATURES
1. **AI PDF Agent**: A chat interface powered by a high-token LLM (e.g., GPT-4o) that allows users to summarize, translate, and extract data from large PDF files efficiently.
2. **Unlimited Tool Grid**: A responsive grid displaying up to 25 different PDF tools (such as OCR, file compression, merging, etc.) that will utilize client-side libraries for processing.
3. **Word-Like Editor**: An intuitive rich-text editor for PDF documents that enables users to manipulate text and images directly within the PDF layers.
4. **Batch Processing Logic**: Users can select multiple files for simultaneous processing, ensuring efficiency without timing out, supported by robust error handling.
5. **Row-Level Security**: Implemented in Supabase to ensure that users only have access to their uploaded or processed documents, enhancing data privacy.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space to enhance readability and usability. Focus on typography for clear communication.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and visibility.
- **Layout**: The layout will feature a top navigation bar, a hero section for the AI PDF Agent, followed by a grid layout for tools, and a footer with contact information and links.
- **Typography**: Use a sans-serif font for headings and body text to maintain a modern and clean aesthetic. Suggested font sizes: Headings (24px), Body text (16px) with appropriate spacing for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript to ensure type safety and enhance maintainability.
- **Styling**: Tailwind CSS for utility-first styling to allow rapid design iterations.
- **UI Components**: Utilize shared components from shadcn/ui for a consistent design language.
- **State Management**: Consider using Context API or Redux if complex state management is required for user sessions or tool interactions.

## IMPLEMENTATION STEPS
1. **Set Up Project Structure**: Initialize a new React project using Vite and set up TypeScript. Install Tailwind CSS and configure it correctly.
2. **Integrate Supabase**: Connect to Supabase for authentication, database, and storage functionalities. Set up necessary buckets for file uploads and processing.
3. **Build UI Scaffolding**: Create a responsive layout with a top navigation bar and hero section for the AI PDF Agent. Ensure the grid for tools is responsive and visually appealing.
4. **Develop Core Features**: Start implementing the AI PDF Agent functionality, followed by the tool grid and Word-Like Editor.
5. **Implement Security Measures**: Incorporate Row-Level Security in Supabase to protect user data and ensure privacy.
6. **Add Error Handling**: Develop a comprehensive error-handling system for PDF processing tasks, including UI feedback for retries and status reports.
7. **Optimize Performance**: Implement lazy loading for heavy components and persistent caching for frequently accessed data.

## USER EXPERIENCE
Users will land on a clean, minimalist interface featuring a prominent hero section with the AI PDF Agent. They can easily navigate through various tools presented in a grid format, and interact with the Word-Like Editor for direct text manipulation. Batch processing allows them to efficiently handle multiple PDF files, while robust security ensures their documents are protected. Overall, the user experience is designed to be intuitive and seamless, encouraging engagement with the platform's features.