Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Darkgpt is a high-end web application designed to provide users with real-time search capabilities through GPT-5 and Firecrawl technologies. The application focuses on delivering actionable, expert-level responses in various fields, including life sciences, biology, programming, and cybersecurity. It emphasizes user experience with a minimalist interface that allows for seamless interaction and easy access to conversation histories.

## CORE FEATURES
1. **Real-Time Search**: Leverage GPT-5 and Firecrawl for multi-surface and deep web searches, providing users with precise and relevant information.
2. **Central Input Field**: An intuitive central input field for users to enter queries, enhancing usability and accessibility.
3. **Conversation History Toggle**: A floating toggle that allows users to view and manage their conversation history effortlessly.
4. **Actionable Responses**: The application guarantees that all responses provided are actionable and practical, adhering to strict guidelines against fictitious or simulated replies.
5. **Quick Send Button**: A sleek arrow button with a shimmer effect for submitting queries, enhancing the interaction experience.
6. **Delete Button**: An integrated button for users to delete specific conversation histories, ensuring data management is straightforward.

## 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 centered input field, a prominent send button, toggle controls on the side for conversation history, and a clean footer for additional navigation or information.

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

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript support and install necessary packages including Tailwind CSS and Redux or Context API.
2. **Create Layout Components**: Design the primary layout with a central input field, send button, and conversation history toggle using Tailwind CSS for styling.
3. **Implement Real-Time Search Functionality**: Integrate GPT-5 and Firecrawl APIs for handling user queries and fetching results.
4. **Develop User Interaction Features**: Create components for the send button, delete functionality, and conversation history toggle, ensuring they adhere to the specified design guidelines.
5. **Ensure Responsiveness**: Test and optimize the layout and components for various screen sizes, maintaining usability across devices.
6. **Conduct User Testing**: Gather feedback on usability and functionality, making adjustments based on user interactions and experience.

## USER EXPERIENCE
Users will engage with Darkgpt through a user-friendly interface where they can quickly type their queries in the central input field. The action of submitting queries is simplified by the visually appealing send button. Users can toggle their conversation history at any time, allowing for easy navigation and retrieval of past interactions. The application prioritizes providing precise, actionable responses without any fictitious content, ensuring a reliable and efficient user experience.