Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "AI Video Editor Studio" is a web application designed as a Chrome/Edge browser extension that empowers users to edit videos and images using natural language commands. This tool simplifies the video editing process, enabling users without any editing skills to create professional-quality edits seamlessly and efficiently, leveraging advanced AI capabilities.

## CORE FEATURES
1. **Upload Manager**: Facilitates chunked and resumable uploads for large video and image files, allowing users to seamlessly manage uploads with a detailed progress bar.
2. **Timeline Editor**: A drag-and-drop interface that enables users to trim, split, and merge video clips easily, providing real-time previews of edits.
3. **AI Command Bar**: Users can input commands in natural language, prompting the AI to execute editing tasks such as cutting segments, merging clips, and adding effects.
4. **Model Config Panel**: Allows users to select their preferred AI model and input their API keys securely, enabling tailored interactions with various AI services.
5. **Export & Processing**: Users can export videos in multiple formats and resolutions, optimized for different platforms, along with advanced AI features like background removal and automatic subtitles.

## 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 consists of three primary sections: a central Timeline for video editing, an AI Command Bar positioned below or to the right, and a Tools & Configuration Panel on the left.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (depending on complexity)

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize the React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui).
2. **Build UI Components**: Create components for the Upload Manager, Timeline Editor, AI Command Bar, and Model Config Panel, ensuring they adhere to the design specifications.
3. **Implement Upload Functionality**: Develop the chunked and resumable upload logic to handle large files efficiently.
4. **Integrate AI Command Functionality**: Set up the backend API to process user commands, connect to the selected AI model, and return action plans for editing.
5. **Establish Export Logic**: Create the exporting mechanism to allow users to download their edited videos in specified formats and resolutions.
6. **Testing**: Conduct extensive testing to ensure stability with large files, UI responsiveness, and overall functionality.

## USER EXPERIENCE
Users will install the extension and access the interface, where they can configure their AI model and API key. After uploading videos or images, they can input commands into the AI Command Bar, view the action plans generated by the AI, and apply edits directly to the Timeline. The application will provide real-time feedback, ensuring a seamless and intuitive editing workflow, with options to export the final video for sharing or downloading.