Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as a Revenue Recognition Management Tool designed to streamline the revenue recognition process within a larger FP&A close product. It features a single-workstream screen focused on revenue recognition, incorporating a sidebar for navigation and various components to manage contracts and their details effectively.

## CORE FEATURES
1. **Single-Workstream Overview**: A consolidated view of revenue recognition statuses, with graphical representations such as a planned vs recognized chart and deviation statistics.
2. **Gated Queue Management**: A kanban-style page that displays proposals requiring human intervention, allowing users to manage and approve actions based on confidence levels and rules.
3. **Contract and Version Management**: Detailed view of contracts with their respective versions, including all relevant details like ARR, deal stages, and recognition triggers.
4. **AI Assistant Integration**: A dedicated AI assistant that provides insights and recommendations based on the data entered, enhancing decision-making within the application.
5. **Deviation Tracking**: A dedicated page for tracking deviations from recognized standards, with statistics and suggested actions to mitigate issues.
6. **Dynamic CTA Integration**: Various call-to-action buttons throughout the application, linking to relevant pages such as the gated queue and contract schedule management.

## 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 features a sidebar for navigation, a header for the title, and a central content area displaying various components such as charts, tables, and AI insights.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Context API for lightweight state management or Redux if more complex state handling is required.

## IMPLEMENTATION STEPS
1. **Set Up Project Structure**:
   - Initialize a new React project with TypeScript.
   - Install Tailwind CSS and configure it for use with the project.
   - Set up the shadcn/ui component library.

2. **Create Core Components**:
   - Develop the Sidebar component for navigation.
   - Build the Overview component that includes the planned vs recognized chart and deviation statistics.
   - Implement the Gated Queue component as a kanban board.
   - Integrate the AI Assistant component into the layout.

3. **Establish Routing**:
   - Use React Router for navigation between the main overview, gated queue, and contract management pages.

4. **Implement State Management**:
   - Use Context API or Redux to manage the application state, especially for the contracts and proposals.

5. **Design UI Elements**:
   - Style components using Tailwind CSS, ensuring consistent use of the primary color and typography.
   - Maintain the specified border radius for buttons and inputs.

6. **Integrate AI Insights**:
   - Develop functionality for the AI assistant to analyze contract data and provide actionable insights.

7. **Testing and Optimization**:
   - Conduct thorough testing for usability and performance.
   - Optimize the application for responsiveness across different devices.

## USER EXPERIENCE
Users will interact with the application through a streamlined interface that emphasizes clarity and ease of use. Key interactions include navigating through the sidebar to access different sections, viewing graphical representations of data in the overview, and managing proposals within the gated queue. The AI assistant enhances the user experience by providing real-time insights and recommendations based on the existing data, fostering informed decision-making.