Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as a seller outreach backoffice dashboard designed for a sales/operations team. It centralizes the outreach process to Poshmark sellers in Texas by importing a list of sellers and facilitating an efficient Instagram DM outreach workflow. The application combines seller data, CRM-lite contact tracking, and message management in one user-friendly interface.

## CORE FEATURES
1. **CSV Import**  
   Users can upload a CSV file containing seller details (name, Poshmark URL, Instagram handle, etc.), with auto-mapping of columns and deduplication logic to avoid duplicates.

2. **Seller List View**  
   A sortable and filterable table or card grid displays seller information, including Name, Instagram handle, Poshmark link, Status, Last contacted, and Notes, with quick-action buttons for DM sending and status updates.

3. **Instagram DM Integration**  
   Seamless connection to an Instagram Business account via OAuth, allowing users to send DMs directly from the seller detail panel using predefined templates or custom messages.

4. **CRM Tracking**  
   Each seller profile includes a status update feature, notes field, and a complete contact history log, ensuring all interactions are documented.

5. **Dashboard Stats Bar**  
   A visual summary of outreach progress, showing total sellers imported, contacted, pending, replied, and converted counts along with simple progress indicators.

## DESIGN SPECIFICATIONS
- **Visual Style:** Minimalist - The design focuses on clean lines, ample white space, and a minimal color palette to enhance readability and usability.
- **Color Mode:** Light theme with dark text on light backgrounds for clarity and ease of reading.
- **Layout:** A sidebar navigation for easy access to different sections, a top stats bar for quick insights, and a detailed panel for seller information. The layout emphasizes clear data hierarchy and card-based seller lists.
- **Typography:** Urbanist font family for all text elements, ensuring a modern and stylish presentation.

## TECHNICAL REQUIREMENTS
- **Framework:** React with TypeScript for type safety and maintainability.
- **Styling:** Tailwind CSS for utility-first design, allowing for rapid styling adjustments and responsiveness.
- **UI Components:** Utilize shadcn/ui for a consistent and polished component library.
- **State Management:** Consider using Redux or Context API for managing application state where necessary.

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**  
   Initialize a new React project with TypeScript. Install necessary dependencies including Tailwind CSS and shadcn/ui.

2. **Implement Authentication**  
   Set up user authentication using email/password with Supabase for database management and secure user access.

3. **CSV Upload Functionality**  
   Create a component for CSV file upload, implementing logic to parse the file and map columns to the respective fields in the application. Incorporate deduplication logic.

4. **Build Seller List View**  
   Develop the main dashboard layout, including the sidebar navigation and stats bar. Implement a sortable and filterable table or card grid to showcase seller information.

5. **Integrate Instagram DM API**  
   Implement Instagram Graph API integration for sending DMs. Ensure proper OAuth flow for linking Instagram Business accounts.

6. **Develop CRM Features**  
   Add functionalities for updating seller statuses, logging messages, and maintaining a contact history for each seller profile.

7. **Responsive Design**  
   Test and refine the application for mobile-first usability, ensuring that all components are responsive and accessible on various devices.

## USER EXPERIENCE
The application provides a smooth user experience with intuitive navigation and clear call-to-action buttons. Users can effortlessly upload seller data, track outreach progress, and manage communications from a single interface. The design prioritizes clarity, enabling the sales/ops team to execute their outreach campaigns with speed and minimal friction. Each user interaction, from uploading CSVs to sending DMs, is streamlined to enhance efficiency and effectiveness.