Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
CodeMine is a comprehensive web application focused on dependency management within a CI/CD and DevSecOps context. It allows teams to efficiently track, manage, and govern their software dependencies across various workspaces, facilitating a streamlined development process and ensuring compliance with security and licensing policies.

## CORE FEATURES
1. **Team Dashboard**: A centralized overview for teams to monitor their dependency metrics, including inventory coverage, unique packages, and lifecycle statuses.
2. **Dependency Inventory Management**: A detailed inventory of all dependencies used within the team's workspaces, allowing for filtering and sorting by various criteria such as version and lifecycle status.
3. **Migration Campaign Management**: Tools to create and manage campaigns for migrating dependencies across workspaces, including tracking progress and status.
4. **Catalog of Approved Packages**: A governed list of packages that are approved, blocked, or under review, with details on their approval statuses and usage across workspaces.
5. **Knowledge Base Integration**: Access to governance policies and best practices regarding dependency management, ensuring teams are informed about compliance and security requirements.
6. **Request Management**: A system for teams to submit requests for adding or modifying dependencies, with review and approval workflows.

## 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 application will utilize a flexible grid layout with a sidebar for navigation and a main content area for displaying detailed information. 

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API and custom hooks for managing global state related to user preferences and data persistence.

## IMPLEMENTATION STEPS
1. **Setup Project Structure**:
   - Create a new React project using Vite.
   - Install necessary dependencies: TypeScript, Tailwind CSS, shadcn/ui.
   - Set up the project file structure as outlined in the initial specification.

2. **Implement Core Components**:
   - Create the main application layout including the sidebar and header.
   - Develop the Team Dashboard and integrate the necessary data fetching logic.
   - Build the Dependency Inventory Management component with filtering and sorting capabilities.
   - Implement Migration Campaign Management with forms and status tracking.
   - Create the Catalog of Approved Packages component with functionalities to add, approve, and manage packages.

3. **Integrate Knowledge Base**:
   - Develop a Knowledge Base section that pulls in articles and guidelines from the existing data structure, ensuring it's accessible to users.

4. **Implement Request Management System**:
   - Create forms for users to submit dependency requests, including validation and status tracking capabilities.

5. **Styling and Responsiveness**:
   - Apply Tailwind CSS styles as per the design specifications.
   - Ensure all components are responsive and maintain usability across different screen sizes.

6. **Testing and Debugging**:
   - Conduct thorough testing of all features, ensuring that the application performs well and is free of critical bugs.
   - Test responsiveness and user interactions across devices.

7. **Deployment**:
   - Prepare the application for deployment, ensuring all build configurations are optimized.
   - Deploy the application to a suitable hosting service.

## USER EXPERIENCE
Users will have a streamlined experience navigating the application through a sidebar menu that allows quick access to the Team Dashboard, Dependency Inventory, Migration Campaigns, and Catalog. They will interact with visual metrics and detailed tables, utilizing filters to find relevant information swiftly. The request management system will provide a seamless process for submitting and tracking dependency changes, while the Knowledge Base will offer guidance and policies to aid in compliance and best practices. Overall, the application will emphasize clarity, ease of use, and efficient workflows for development teams.