Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to manage a plugin system where users can approve or reject requests for access to a server. The application will feature a minimalist interface that provides a seamless user experience while ensuring the functionalities are easy to navigate. 

## CORE FEATURES
1. **Dynamic Welcome Message**: Upon opening the app, users will see a personalized greeting based on the time of day (e.g., "Good Morning, Kishan!").
2. **Pending Requests Overview**: Users can view pending requests that include details like name, email, and hosting link associated with the server.
3. **Approval/Rejection Workflow**: Users can approve or reject requests. Rejecting a request will remove it from the list, while approving will lead to a confirmation step.
4. **Key Generation**: Upon approval, a new page will generate a unique 7-letter key, which users can easily copy to their clipboard.
5. **Plugin Execution**: The app will allow execution of the plugin on the server once the user confirms the action.
6. **Data Management**: The application will maintain a record of plugin execution details and keys associated with each request.

## 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 layout will feature a header for the welcome message, a main section for the pending requests, and a sidebar for navigation. Each request will be displayed in cards with buttons for approval and rejection.

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

## IMPLEMENTATION STEPS
1. **Set up the project**: Create a new React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui).
2. **Create the main layout**: Implement the header, main section, and sidebar using Tailwind CSS for styling.
3. **Build the welcome message component**: Display a dynamic greeting based on the current time.
4. **Develop the pending requests component**: Fetch and display pending requests, including a card for each request with approve/reject buttons.
5. **Implement approval/rejection logic**: Create functions that handle user interactions for approving or rejecting requests, including state updates.
6. **Key generation feature**: After approval, generate a unique key and provide functionality for users to copy it easily.
7. **Plugin execution flow**: Create a separate page for confirming the execution of the plugin on the server, including confirmation and cancel buttons.

## USER EXPERIENCE
Users will navigate through a simple, intuitive interface. Upon login, they are greeted with a friendly message. They can swiftly move through pending requests, approve or reject them, and generate keys with minimal clicks. The design ensures that all interactions are straightforward, promoting a positive user experience with fast feedback and clear actions.