Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Darkgpt is a high-end web application designed for real-time research leveraging advanced AI capabilities. The application combines GPT-5 and Firecrawl technologies to provide users with an efficient interface for conducting complex searches across multiple surfaces. It emphasizes delivering actionable responses without disclaimers or fictional content, catering specifically to experts in various fields such as life sciences, programming, and cybersecurity.

## CORE FEATURES
1. **Central Input Field**: A prominently placed text input area for users to enter queries, designed for ease of access and interaction.
2. **Submission Button**: A stylish arrow button with a shimmer effect for submitting queries, enhancing user engagement and providing visual feedback.
3. **Conversation History Toggle**: A floating toggle to access past conversations, allowing users to revisit previous interactions with ease.
4. **Delete Button**: An option to clear conversation history, ensuring users can maintain privacy and control over their data.
5. **Real-time Search Capability**: Integration of GPT-5 with Firecrawl for comprehensive search results, covering surface and deep web data.
6. **Auto Confirmation Auth**: An authentication process that confirms user identity seamlessly, enhancing security without hindering user experience.

## 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 consists of a centered input field at the top, a prominent submission button below it, followed by the conversation history toggle on the side. The overall structure is designed to be intuitive and user-friendly, maximizing functionality while maintaining aesthetic appeal.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for a consistent and modern user interface.
- **State Management**: [Specify if needed, e.g., Zustand or Redux for managing state].

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript, and configure Tailwind CSS for styling.
2. **Install Dependencies**: Add necessary libraries including shadcn/ui, React Router for navigation, and any state management library if required.
3. **Create Components**: Develop the main components including the input field, submission button, conversation history toggle, and delete button.
4. **Implement Auth Logic**: Set up auto-confirmation authentication to ensure secure access to the application.
5. **Integrate GPT-5 and Firecrawl**: Connect the application to these APIs for real-time search capabilities.
6. **Style Components**: Apply Tailwind CSS classes to achieve the minimalist design specifications, ensuring the use of the primary color and typography.
7. **Testing**: Conduct thorough testing of all features, including user interactions and API responses, to ensure seamless functionality.

## USER EXPERIENCE
Users will interact with the application by entering queries into the central input field and submitting them via the visually engaging submission button. The floating toggle allows users to view their conversation history, while the delete button provides an easy way to clear past interactions. The seamless integration of real-time search capabilities ensures that users receive accurate and actionable responses, reinforcing the application's commitment to delivering high-quality outputs. The overall design promotes a smooth user experience, encouraging exploration and efficient use of the application.